Add web design files
This commit is contained in:
159
web-design/Занятие_18/18.css
Normal file
159
web-design/Занятие_18/18.css
Normal file
@@ -0,0 +1,159 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
.FL{float: left;}
|
||||
.FR{float: right;}
|
||||
.CB{clear: both;}
|
||||
.container{
|
||||
width: 765px;
|
||||
height: 800px;
|
||||
margin: auto;
|
||||
}
|
||||
.top{
|
||||
margin-bottom: 15px;
|
||||
width: 765px;
|
||||
height: 249px;
|
||||
}
|
||||
.top_left{
|
||||
width: 260px;
|
||||
height: 249px;
|
||||
background-image: url(images/img1.gif);
|
||||
}
|
||||
.clover{
|
||||
color: white;
|
||||
font-family: Arial;
|
||||
letter-spacing: -1px;
|
||||
font-size: 20px;
|
||||
margin-top: 106px;
|
||||
margin-left: 30px;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.templates{
|
||||
color: white;
|
||||
font-family: Arial;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
margin-top: 0;
|
||||
margin-left: 30px;
|
||||
}
|
||||
.leaf{
|
||||
margin-top: 90px;
|
||||
}
|
||||
.top_right{
|
||||
width: 505px;
|
||||
height: 249px;
|
||||
background-image: url(images/img2.gif);
|
||||
}
|
||||
.adv{
|
||||
margin-top: 51px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.menu{
|
||||
list-style: none;
|
||||
margin-right: 26px;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.menu li{
|
||||
display: inline;
|
||||
font-size: 9px;
|
||||
font-family: Arial;
|
||||
margin-left: 8px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
.menu_border{border-left: 2px dashed #0D6DFF;}
|
||||
.menu li a{
|
||||
text-decoration: none;
|
||||
color: #0D6DFF;
|
||||
font-weight: bold;
|
||||
}
|
||||
.content{
|
||||
width: 765px;
|
||||
height: 351px;
|
||||
}
|
||||
.text{
|
||||
color: #797979;
|
||||
font-family: Arial;
|
||||
font-size: 12px;
|
||||
}
|
||||
.image_text{
|
||||
color: white;
|
||||
font-family: Arial;
|
||||
font-weight: 600;
|
||||
font-size: 13px;
|
||||
padding-left: 20px;
|
||||
padding-top: 14px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
.content_left{
|
||||
width: 223px;
|
||||
margin-left: 20px;
|
||||
height: 351px;
|
||||
}
|
||||
.left_image{
|
||||
background-image: url(images/img5.gif);
|
||||
width: 223px;
|
||||
height: 44px;
|
||||
}
|
||||
.left_list{width: 170px;}
|
||||
.left_list li{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #666;
|
||||
}
|
||||
.link{
|
||||
color: black;
|
||||
font-family: Arial;
|
||||
font-size: 12px;
|
||||
}
|
||||
.content_right{
|
||||
width: 503px;
|
||||
height: 351px;
|
||||
}
|
||||
.otstup{padding-top: 15px;}
|
||||
.text_on_right_from_image{
|
||||
width: 320px;
|
||||
margin-right: 40px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.right_image{
|
||||
background-image: url(images/img6.gif);
|
||||
width: 503px;
|
||||
height: 44px;
|
||||
}
|
||||
.right_list{
|
||||
width: 170px;
|
||||
}
|
||||
.right_list li{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #666;
|
||||
}
|
||||
.right_list li p{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.bottom{
|
||||
width: 765px;
|
||||
height: 59px;
|
||||
background-image:url(images/img7.gif)
|
||||
}
|
||||
.copy{
|
||||
color: white;
|
||||
font-size: 11px;
|
||||
font-family: Arial;
|
||||
text-align: center;
|
||||
padding-top: 17px;
|
||||
}
|
||||
.bottom_link{
|
||||
color: white;
|
||||
}
|
||||
.last{
|
||||
text-align: center;
|
||||
font-family: Arial;
|
||||
font-size: 11px;
|
||||
}
|
||||
.last a{
|
||||
color: black;
|
||||
}
|
||||
Reference in New Issue
Block a user