Difference between revisions of "Team:Tianjin/CSS Home inside2"
| Line 38: | Line 38: | ||
.common{ | .common{ | ||
| − | width: | + | width: 1100px; |
position: relative; | position: relative; | ||
text-align: center; | text-align: center; | ||
| − | margin-top: | + | bottom: 0px; |
| + | top: 100%; | ||
| + | clip: rect(auto,auto,auto,auto); | ||
| + | margin-top: -140px; | ||
margin-right: auto; | margin-right: auto; | ||
| − | margin-bottom: | + | margin-bottom: 0px; |
margin-left: auto; | margin-left: auto; | ||
| − | + | }.common ul div{ | |
| − | } | + | |
| − | .common ul div{ | + | |
text-align: center; | text-align: center; | ||
left: auto; | left: auto; | ||
| + | margin-left: 20px; | ||
| + | margin-top: 20px; | ||
} | } | ||
| + | |||
.listimg{ | .listimg{ | ||
| Line 63: | Line 67: | ||
filter: alpha(opacity=20); | filter: alpha(opacity=20); | ||
} | } | ||
| − | |||
.listimg{ | .listimg{ | ||
float: left; | float: left; | ||
| − | width: | + | width: 100px; |
| − | height: | + | height: 100px; |
position: relative; | position: relative; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 75: | Line 78: | ||
.listimg img{ | .listimg img{ | ||
| − | width: | + | width: 100px; |
| − | height: | + | height: 100px; |
top: 0px; | top: 0px; | ||
left: 0; | left: 0; | ||
| Line 83: | Line 86: | ||
-webkit-border-radius: 5; | -webkit-border-radius: 5; | ||
} | } | ||
| + | |||
.summary{ | .summary{ | ||
Revision as of 12:08, 15 September 2015
- {
margin: 0; padding: 0; text-align: center; } /* body{ padding-top: 90px; font-family: Tahoma,Helvetica,Arial,sans-serif; font-size: 14px; color: #666; text-decoration: none; text-align: center; background-repeat: no-repeat; height: 100%; width: 100%; background-attachment: fixed;
- /
.head { height: 190px;
background-color: #e6e6e6;
}
a{font-family:Tahoma,Helvetica,Arial,sans-serif; font-size:14px; color:#666; text-decoration:none; outline:none;}
img,.searchtxt,.searchbtn,.pinglun input.submit{border:0;}
ol,ul{list-style:none;}
dl,dt,dd,ul{margin:0;padding:0;}
input,textarea{outline:none;}
html,body,form,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none; font-weight:normal;}
.common{ width: 1100px; position: relative; text-align: center; bottom: 0px; top: 100%; clip: rect(auto,auto,auto,auto); margin-top: -140px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }.common ul div{ text-align: center; left: auto; margin-left: 20px; margin-top: 20px; }
.listimg{
margin-left: 20px;
margin-top:20px;
}
.clear{clear:both;}
.summary{ background-color: #222; opacity: 0.8; filter: alpha(opacity=20); } .listimg{ float: left; width: 100px; height: 100px; position: relative; overflow: hidden; -moz-border-radius: 5; -webkit-border-radius: 5; }
.listimg img{ width: 100px; height: 100px; top: 0px; left: 0; position: absolute; -moz-border-radius: 5px; -webkit-border-radius: 5; }
.summary{
width: 315px;
height: 200px;
top: 200px;
left: 0;
position: absolute;
margin: auto;
clip: rect(40px,auto,auto,auto);
}
.summarytxt{ width: 300px; height: 200px; line-height: 22px; font-size: 12px; color: #cfcfcf; clip: rect(0px,auto,auto,auto); margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; top: 100px; padding-top: 40px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-transform: none; font-variant: normal; }
.listinfo{_margin-bottom:3px; padding-left:10px; width:250px; line-height:22px; font-size:12px;}
.listinfo a{font-size:12px;}
.listtitle{float:left; margin-top:8px; _margin-top:-2px; width:250px; font-size:14px;}
.listtitle a{font-size:14px;}
.listtitle a:hover{color:#f55555;}
.listtag{float:left;padding-left:18px;background:url(../images/taglist.gif) 0 5px no-repeat;width:232px;color:#999;}
.listtag a{margin:0 8px 0 0;margin:2px 8px -2px 0\9;_margin:0 8px 0 0;color:#999;}
.listtag a:hover{color:#2ad2bb;}
.listdate{float:left;margin-right:13px;padding-left:18px;background:url(../images/time.gif) 0 5px no-repeat;color:#999;} .details { margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; } .jfade listimg .portfolio { float: left; margin: 15px; width: 260px; } @charset "utf-8";
- {padding:0;margin:0;}
a{text-decoration:none;cursor:pointer;} .clr{clear:both;overflow:hidden;height:0;width:0;} / .relative{position:relative;width:100%;} .maxwidth{width:990px;margin:0 auto;}
- big_img{height:450px;background:no-repeat center}
- small_pre{margin-right:17px;}
- small_next{margin-left:17px;}
- small_pre:hover{background-position:-22px center;}
- small_next:hover{background-position:-66px center;}
body { width: 100%; height: 100%; background-size: 100% 100%; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-color: #000;
z-index: 2;
} a{text-decoration:none;cursor:pointer;}