Files
learning/web-design/Занятие_6/6/styles.css
2025-11-20 21:37:53 +02:00

286 lines
7.8 KiB
CSS

BODY {
FONT-SIZE: 11px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #eff3f7
}
{
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.submit {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND-IMAGE: url(images/Submit.jpg); BORDER-LEFT: 0px; WIDTH: 50px; BORDER-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 19px
}
H1 {
FONT-SIZE: 14px; COLOR: #003300
}
OL {
PADDING-LEFT: 20px; FONT-SIZE: 11px; FONT-FAMILY: verdana
}
UL {
PADDING-LEFT: 20px; FONT-SIZE: 11px; FONT-FAMILY: verdana
}
A:link {
FONT-WEIGHT: bold; COLOR: #6a88a4
}
TD.MenuSystem DIV {
FLOAT: left; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #bdc7d6
}
TD.Menusystem DIV P {
PADDING-TOP: 5px; TEXT-ALIGN: center
}
TD.Menusystem DIV P A {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; TEXT-DECORATION: none
}
.cHome {
BACKGROUND-IMAGE: url(images/Home_t.jpg)
}
.cSiteMap {
BACKGROUND-IMAGE: url(images/SiteMap_t.jpg)
}
.cLogin {
BACKGROUND-IMAGE: url(images/Login_t.jpg)
}
.cTips {
BACKGROUND-IMAGE: url(images/Tips_t.jpg)
}
.cProducts {
BACKGROUND-IMAGE: url(images/Products_t.jpg)
}
.cAbout {
BACKGROUND-IMAGE: url(images/AboutUs_t.jpg)
}
BODY#products DIV#MenuProducts {
BACKGROUND-IMAGE: url(images/Products_ton.jpg)
}
BODY#about DIV#MenuAbout {
BACKGROUND-IMAGE: url(images/AboutUs_ton.jpg)
}
BODY#tips DIV#MenuTips {
BACKGROUND-IMAGE: url(images/Tips_ton.jpg)
}
BODY#login DIV#MenuLogin {
BACKGROUND-IMAGE: url(images/Login_ton.jpg)
}
BODY#sitemap DIV#MenuSiteMap {
BACKGROUND-IMAGE: url(images/SiteMap_ton.jpg)
}
BODY#home DIV#MenuHome {
BACKGROUND-IMAGE: url(images/Home_ton.jpg)
}
.logo {
WIDTH: 650px
}
.header {
VERTICAL-ALIGN: top; WIDTH: 450px; BACKGROUND-COLOR: white
}
.serviceWide1 {
FLOAT: left; WIDTH: 150px
}
.service1 {
FLOAT: left; WIDTH: 150px
}
.hold {
FONT-SIZE: 11px; FLOAT: left; WIDTH: 215px; BACKGROUND-COLOR: white
}
.price {
FLOAT: left; WIDTH: 225px
}
.serviceWide {
FLOAT: left; BACKGROUND-IMAGE: url(images/FadeLineWide.gif); WIDTH: 165px; BACKGROUND-REPEAT: no-repeat
}
.service {
FLOAT: left; BACKGROUND-IMAGE: url(images/FadeLine.gif); WIDTH: 150px; BACKGROUND-REPEAT: no-repeat
}
.testimonial {
BACKGROUND-POSITION: 50% top; VERTICAL-ALIGN: top; WIDTH: 200px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 320px
}
.fadeBar {
BACKGROUND-POSITION: 50% top; FLOAT: left; WIDTH: 200px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 210px; TEXT-ALIGN: center
}
TABLE.sidebarTable P {
PADDING-RIGHT: 8px; MARGIN-TOP: 2px; PADDING-LEFT: 6px; FONT-SIZE: 11px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 3px; FONT-FAMILY: verdana
}
TABLE.content P {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 11px; FONT-FAMILY: verdana
}
TABLE.sidebarTable H2 {
PADDING-RIGHT: 5px; MARGIN-TOP: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: -5px; PADDING-BOTTOM: 0px; COLOR: #ff511b; PADDING-TOP: 0px; FONT-FAMILY: Arial
}
.content P SPAN {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #6a88a4
}
SPAN.cost {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #f46555
}
TABLE.content H2 {
PADDING-RIGHT: 5px; MARGIN-TOP: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; COLOR: #ff511b; PADDING-TOP: 0px; FONT-FAMILY: arial
}
TABLE.content H3 {
PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #6a88a4
}
FORM DIV P {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #6a88a4
}
DIV.price P {
FONT-WEIGHT: normal; COLOR: black
}
.endForm {
MARGIN-LEFT: 10px; COLOR: black
}
.terms {
FONT-WEIGHT: bold; WIDTH: 95%; BACKGROUND-COLOR: #eff3f7
}
P.pinfo {
MARGIN-LEFT: 20px
}
.content H1 {
PADDING-LEFT: 5px
}
.content H1 SPAN {
FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN-LEFT: 5px; COLOR: red
}
TABLE.content H2 A {
PADDING-RIGHT: 5px; MARGIN-TOP: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; COLOR: #ff511b; PADDING-TOP: 0px; FONT-FAMILY: arial
}
DIV.anchors A {
FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN-LEFT: 25px; COLOR: #6a88a4; TEXT-DECORATION: underline
}
A.TryIt {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff511b; FONT-FAMILY: Arial
}
A.TryIt:link {
COLOR: #ff511b; TEXT-DECORATION: underline
}
A.TryIt:visited {
COLOR: #ff511b; TEXT-DECORATION: underline
}
A.TryIt:unknown {
COLOR: #355070; BACKGROUND-COLOR: #f7decc; TEXT-DECORATION: underline
}
A.TryIt:hover {
COLOR: #355070; BACKGROUND-COLOR: #f7decc; TEXT-DECORATION: underline
}
A.TryIt:active {
COLOR: #ff511b; TEXT-DECORATION: underline
}
A.linkText {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff511b; FONT-FAMILY: Arial
}
A.linkText:link {
COLOR: #ff511b; TEXT-DECORATION: underline
}
A.linkText:visited {
COLOR: #ff511b; TEXT-DECORATION: underline
}
A.linkText:unknown {
COLOR: #355070; BACKGROUND-COLOR: #f7decc; TEXT-DECORATION: underline
}
A.linkText:hover {
COLOR: #355070; BACKGROUND-COLOR: #f7decc; TEXT-DECORATION: underline
}
A.linkText:active {
COLOR: #ff511b; TEXT-DECORATION: underline
}
A.mapLink {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; COLOR: #355070; PADDING-TOP: 2px; TEXT-DECORATION: underline
}
A.mapLink:link {
TEXT-DECORATION: underline
}
A.mapLink:visited {
TEXT-DECORATION: underline
}
A.mapLink:unknown {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #f7decc; TEXT-DECORATION: underline
}
A.mapLink:hover {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #f7decc; TEXT-DECORATION: underline
}
A.mapLink:active {
TEXT-DECORATION: underline
}
.footer A:link {
FONT-SIZE: 10px; COLOR: #355070; TEXT-DECORATION: none
}
.footer A:visited {
FONT-SIZE: 10px; COLOR: #355070; TEXT-DECORATION: none
}
.footer A:unknown {
FONT-SIZE: 10px; COLOR: #355070; BACKGROUND-COLOR: #f7decc; TEXT-DECORATION: none
}
.footer A:hover {
FONT-SIZE: 10px; COLOR: #355070; BACKGROUND-COLOR: #f7decc; TEXT-DECORATION: none
}
.footer A:active {
FONT-SIZE: 10px; COLOR: #355070; TEXT-DECORATION: none
}
A.subTitle:link {
PADDING-RIGHT: 5px; MARGIN-TOP: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; COLOR: #ff511b; PADDING-TOP: 5px; TEXT-DECORATION: none
}
A.softlink2:link {
COLOR: black; TEXT-DECORATION: none
}
A.noline2:visited {
COLOR: black; TEXT-DECORATION: none
}
A.softlink2:hover {
COLOR: black; TEXT-DECORATION: none
}
A.noline2:active {
COLOR: black; TEXT-DECORATION: none
}
A.softlink3:link {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #6a88a4; TEXT-DECORATION: none
}
A.noline3:visited {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #6a88a4; TEXT-DECORATION: none
}
A.softlink3:hover {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #6a88a4; TEXT-DECORATION: none
}
A.noline3:active {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #6a88a4; TEXT-DECORATION: none
}
A.softlink4:link {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: black; TEXT-DECORATION: none
}
A.noline4:visited {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: black; TEXT-DECORATION: none
}
A.softlink4:hover {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: black; TEXT-DECORATION: none
}
A.noline4:active {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: black; TEXT-DECORATION: none
}
DIV.anchors A:link {
FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN-LEFT: 25px; COLOR: #6a88a4; TEXT-DECORATION: underline
}
.footer {
BORDER-TOP: #6b8aa5 4px solid; WIDTH: 650px; HEIGHT: 120px; BACKGROUND-COLOR: white
}
.footerContainer1 {
FLOAT: left; WIDTH: 170px; HEIGHT: 100px
}
.footerContainer2 {
FLOAT: left; WIDTH: 478px; HEIGHT: 100px
}
.copyright {
FONT-SIZE: 9px; COLOR: #6a88a4
}
.placeholder {
WIDTH: 650px; HEIGHT: 25px; BACKGROUND-COLOR: #eff3ff
}
#overview {
COLOR: #ff511b
}
.bigList {
FONT-SIZE: 12px; PADDING-TOP: 5px
}
DL {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 11px; font-famiy: verdana
}
DT {
FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-TOP: 5px; FONT-FAMILY: verdana
}
DD {
FONT-SIZE: 11px; PADDING-BOTTOM: 10px; PADDING-TOP: 5px; FONT-FAMILY: verdana
}