Add web design files
This commit is contained in:
205
web-design/сайт/Clover Leaf/Clover Leaf.css
Normal file
205
web-design/сайт/Clover Leaf/Clover Leaf.css
Normal file
@@ -0,0 +1,205 @@
|
||||
@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