Difference between revisions of "Team:Tianjin/CSS Home inside2"

Line 38: Line 38:
  
 
.common{
 
.common{
width: 1005px;
+
width: 1100px;
 
position: relative;
 
position: relative;
 
text-align: center;
 
text-align: center;
margin-top: 40px;
+
bottom: 0px;
 +
top: 100%;
 +
clip: rect(auto,auto,auto,auto);
 +
margin-top: -140px;
 
margin-right: auto;
 
margin-right: auto;
margin-bottom: 0;
+
margin-bottom: 0px;
 
margin-left: auto;
 
margin-left: auto;
        z-index: 999;
+
}.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: 300px;
+
width: 100px;
height: 200px;
+
height: 100px;
 
position: relative;
 
position: relative;
 
overflow: hidden;
 
overflow: hidden;
Line 75: Line 78:
  
 
.listimg img{
 
.listimg img{
width: 300px;
+
width: 100px;
height: 200px;
+
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;}

  1. big_img{height:450px;background:no-repeat center}
  2. small_pre{margin-right:17px;}
  3. small_next{margin-left:17px;}
  4. small_pre:hover{background-position:-22px center;}
  5. 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;}