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

(Created page with "*{ 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:...")
 
 
(21 intermediate revisions by 2 users not shown)
Line 38: Line 38:
  
 
.common{
 
.common{
width: 1005px;
+
width: 1200px;
 
position: relative;
 
position: relative;
 
text-align: center;
 
text-align: center;
margin-top: 80px;
+
bottom: 0px;
 +
top: 100%;
 +
clip: rect(auto,auto,auto,auto);
 
margin-right: auto;
 
margin-right: auto;
margin-bottom: 0;
+
margin-bottom: 0px;
 
margin-left: auto;
 
margin-left: auto;
 +
        margin-top: -180px;
 +
        z-index: 999;
 
}
 
}
 
+
.common ul div{
.common ul li{
+
margin-left: 20px;
+
 
text-align: center;
 
text-align: center;
 
left: auto;
 
left: auto;
right: auto;
+
margin-left: 20px;
margin-right: auto;
+
margin-top: 20px;
 
}
 
}
  
 +
 +
.listimg{
 +
margin-left: 20px;
 +
margin-top:20px;
 +
}
 
.clear{clear:both;}
 
.clear{clear:both;}
  
Line 62: Line 69:
 
filter: alpha(opacity=20);
 
filter: alpha(opacity=20);
 
}
 
}
 
.listbox{
 
float: left;
 
padding: 0px;
 
_padding: 10px 10px 8px 10px;
 
width: 300px;
 
height: 200px;
 
position: relative;
 
-moz-border-radius: 5;
 
-webkit-border-radius: 5;
 
margin-top: 20px;
 
margin-right: auto;
 
margin-left: auto;
 
background-color: #181126;
 
}
 
 
 
.listimg{
 
.listimg{
 
float: left;
 
float: left;
width: 300px;
+
width: 100px;
height: 200px;
+
height: 100px;
 
position: relative;
 
position: relative;
 
overflow: hidden;
 
overflow: hidden;
Line 89: Line 80:
  
 
.listimg img{
 
.listimg img{
width: 300px;
+
width: 100px;
height: 200px;
+
height: 100px;
 
top: 0px;
 
top: 0px;
 
left: 0;
 
left: 0;
Line 97: Line 88:
 
-webkit-border-radius: 5;
 
-webkit-border-radius: 5;
 
}
 
}
 +
  
 
.summary{
 
.summary{
Line 176: Line 168:
 
background-position: center center;
 
background-position: center center;
 
background-color: #000;
 
background-color: #000;
 +
        z-index: 2;
 
}
 
}
 
a{text-decoration:none;cursor:pointer;}
 
a{text-decoration:none;cursor:pointer;}
 +
#new { margin-top: -25px;}

Latest revision as of 12:20, 16 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: 1200px; position: relative; text-align: center; bottom: 0px; top: 100%; clip: rect(auto,auto,auto,auto); margin-right: auto; margin-bottom: 0px; margin-left: auto;

       margin-top: -180px;
       z-index: 999; 

} .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;}

  1. new { margin-top: -25px;}