Team:Tianjin/index.css

From 2012.igem.org

(Difference between revisions)
 
(62 intermediate revisions not shown)
Line 1: Line 1:
-
*{
+
*{margin:0;padding:0;font-family:"微软雅黑","Arial";}
-
margin:0;
+
#main-link a {color:#A7D4A7;}
-
padding:0;
+
#main-link a:hover {text-decoration:none;}
-
font-family:"Arial";
+
-
}
+
.hidden {display:none;}
.hidden {display:none;}
#p-logo,#footer-box {display:none;}
#p-logo,#footer-box {display:none;}
#content {background:0;border:none;}
#content {background:0;border:none;}
#catlinks{display:none;}
#catlinks{display:none;}
-
p {padding:0;}
+
p {margin:0.5em 0 !important;}
 +
#top-section {height:15px;overflow:hidden;}
.firstHeading {display:none;}
.firstHeading {display:none;}
-
body {
+
body {background:#242133;}
-
background:#242133;
+
-
}
+
.floatfix {clear:both}
.floatfix {clear:both}
-
.block {margin:5px;background:#ccc;padding:20px;}
+
.block {opacity:0.9;margin:5px;background:#ccc;padding-left:20px;padding-right:20px;padding-top:15px;padding-bottom:25px;height:70px;width:70px;position:relative;}
-
#header{
+
.block:hover{opacity:1;}
-
width:960px;
+
#header{width:960px;margin-top:40px;color:#dae8e8;font-size:400%;font-weight:bold;}
-
margin:20px auto;
+
#wrap {margin:0 auto;width:960px;height:480;}
-
color:#dae8e8;
+
#footer{margin:0 auto;width:960px;min-height:73px;text-align:center;color:#fff;}
-
font-size:400%;
+
#block1 {height:230px;width:470px;float:left;padding:0;}
-
font-weight:bold;
+
#block2 {height:190px;width:310px;float:left;background:#f76303;}
-
}
+
#block3 {height:70px;width:70px;float:right;background:#ffdd00;}
 +
#block4 {height:70px;width:70px;float:right;background:#39b54a;}
 +
#block5 {height:70px;width:70px;float:left;background:#f01818;}
 +
#block6 {height:70px;width:190px;float:left;background:#0096db;}
 +
#block7 {height:70px;width:190px;float:left;background:#ec0089;}
 +
#block8 {height:190px;width:310px;float:right;background:#ffbe10;}
 +
#block9 {height:70px;width:190px;float:left;background:#b63092;}
 +
#blockA {height:70px;width:310px;float:left;background:#75cede;}
-
#wrap {
+
#ScrollBar{background:#000;width:470px;overflow:hidden;height:230px;float:left;}
-
margin:0 auto;
+
.text {font-size:18px; color:#fff; font-family:"Arial";position:absolute;}
-
/*background:#fff;*/
+
#text2{left:10px;top:5px;}
-
width:960px;
+
#text3{left:5px;bottom:5px;}
-
height:480;
+
#text4{right:5px;bottom:5px;}
-
}
+
#text5{left:5px;top:0px;}
-
 
+
#text5-2{right:5px;bottom:1px;}
-
#block1 {
+
#text6{right:10px;top:5px;}
-
height:230px;width:470px;float:left;padding:0;
+
#text7{left:10px;bottom:5px;}
-
 
+
#text8{left:10px;top:5px;}
-
}
+
#text9{right:10px;bottom:8px;}
-
#block2 {  
+
#textA{height:20px;right:10px;top:5px;}
-
height:230px;width:350px;float:left;
+
-
background:#f76303;
+
-
}
+
-
#block3 {  
+
-
height:110px;width:110px;float:right;
+
-
background:#f5e162;
+
-
}
+
-
#block4 {  
+
-
height:110px;width:110px;float:right;
+
-
background:#1c5;
+
-
}
+
-
#block5 {  
+
-
height:110px;width:110px;float:left;
+
-
background:#ff1e32;
+
-
}
+
-
#block6 {  
+
-
height:110px;width:230px;float:left;
+
-
background:#0096db;
+
-
}
+
-
#block7 {  
+
-
height:110px;width:230px;float:left;
+
-
background:#6c3a77;
+
-
}
+
-
#block8 {  
+
-
height:230px;width:350px;float:right;
+
-
background:#d90467;
+
-
}
+
-
#block9 {  
+
-
height:110px;width:230px;float:left;
+
-
background:#f7b709;
+
-
}
+
-
#blockA {  
+
-
height:110px;width:350px;float:left;
+
-
background:#4fb5b3;
+
-
}
+

Latest revision as of 21:40, 23 September 2012

  • {margin:0;padding:0;font-family:"微软雅黑","Arial";}
  1. main-link a {color:#A7D4A7;}
  2. main-link a:hover {text-decoration:none;}

.hidden {display:none;}

  1. p-logo,#footer-box {display:none;}
  2. content {background:0;border:none;}
  3. catlinks{display:none;}

p {margin:0.5em 0 !important;}

  1. top-section {height:15px;overflow:hidden;}

.firstHeading {display:none;} body {background:#242133;} .floatfix {clear:both} .block {opacity:0.9;margin:5px;background:#ccc;padding-left:20px;padding-right:20px;padding-top:15px;padding-bottom:25px;height:70px;width:70px;position:relative;} .block:hover{opacity:1;}

  1. header{width:960px;margin-top:40px;color:#dae8e8;font-size:400%;font-weight:bold;}
  2. wrap {margin:0 auto;width:960px;height:480;}
  3. footer{margin:0 auto;width:960px;min-height:73px;text-align:center;color:#fff;}
  4. block1 {height:230px;width:470px;float:left;padding:0;}
  5. block2 {height:190px;width:310px;float:left;background:#f76303;}
  6. block3 {height:70px;width:70px;float:right;background:#ffdd00;}
  7. block4 {height:70px;width:70px;float:right;background:#39b54a;}
  8. block5 {height:70px;width:70px;float:left;background:#f01818;}
  9. block6 {height:70px;width:190px;float:left;background:#0096db;}
  10. block7 {height:70px;width:190px;float:left;background:#ec0089;}
  11. block8 {height:190px;width:310px;float:right;background:#ffbe10;}
  12. block9 {height:70px;width:190px;float:left;background:#b63092;}
  13. blockA {height:70px;width:310px;float:left;background:#75cede;}
  1. ScrollBar{background:#000;width:470px;overflow:hidden;height:230px;float:left;}

.text {font-size:18px; color:#fff; font-family:"Arial";position:absolute;}

  1. text2{left:10px;top:5px;}
  2. text3{left:5px;bottom:5px;}
  3. text4{right:5px;bottom:5px;}
  4. text5{left:5px;top:0px;}
  5. text5-2{right:5px;bottom:1px;}
  6. text6{right:10px;top:5px;}
  7. text7{left:10px;bottom:5px;}
  8. text8{left:10px;top:5px;}
  9. text9{right:10px;bottom:8px;}
  10. textA{height:20px;right:10px;top:5px;}