Team:Tianjin/index.css
From 2012.igem.org
(Difference between revisions)
(37 intermediate revisions not shown) | |||
Line 6: | Line 6: | ||
#content {background:0;border:none;} | #content {background:0;border:none;} | ||
#catlinks{display:none;} | #catlinks{display:none;} | ||
- | p {margin:0 !important;} | + | p {margin:0.5em 0 !important;} |
#top-section {height:15px;overflow:hidden;} | #top-section {height:15px;overflow:hidden;} | ||
.firstHeading {display:none;} | .firstHeading {display:none;} | ||
body {background:#242133;} | body {background:#242133;} | ||
.floatfix {clear:both} | .floatfix {clear:both} | ||
- | .block {margin:5px;background:#ccc;padding:20px;height:70px;width:70px;} | + | .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{width:960px;margin: | + | .block:hover{opacity:1;} |
- | #wrap {margin:0 auto;width:960px;height:480 | + | #header{width:960px;margin-top:40px;color:#dae8e8;font-size:400%;font-weight:bold;} |
- | #footer{margin:0 auto;width:960px;min-height: | + | #wrap {margin:0 auto;width:960px;height:480;} |
+ | #footer{margin:0 auto;width:960px;min-height:73px;text-align:center;color:#fff;} | ||
#block1 {height:230px;width:470px;float:left;padding:0;} | #block1 {height:230px;width:470px;float:left;padding:0;} | ||
- | #block2 {height:190px;width:310px;float:left;background:#f76303 | + | #block2 {height:190px;width:310px;float:left;background:#f76303;} |
- | #block3 {height:70px;width:70px;float:right;background:#ffdd00 | + | #block3 {height:70px;width:70px;float:right;background:#ffdd00;} |
- | #block4 {height:70px;width:70px;float:right;background:#39b54a | + | #block4 {height:70px;width:70px;float:right;background:#39b54a;} |
- | #block5 {height:70px;width:70px;float:left;background:#f01818 | + | #block5 {height:70px;width:70px;float:left;background:#f01818;} |
- | #block6 {height:70px;width:190px;float:left;background:#0096db | + | #block6 {height:70px;width:190px;float:left;background:#0096db;} |
- | #block7 {height:70px;width:190px;float:left;background:# | + | #block7 {height:70px;width:190px;float:left;background:#ec0089;} |
- | #block8 {height:190px;width:310px;float:right;background:# | + | #block8 {height:190px;width:310px;float:right;background:#ffbe10;} |
- | #block9 {height:70px;width:190px;float:left;background:# | + | #block9 {height:70px;width:190px;float:left;background:#b63092;} |
- | #blockA {height:70px;width:310px;float:left;background:#75cede | + | #blockA {height:70px;width:310px;float:left;background:#75cede;} |
+ | |||
#ScrollBar{background:#000;width:470px;overflow:hidden;height:230px;float:left;} | #ScrollBar{background:#000;width:470px;overflow:hidden;height:230px;float:left;} | ||
- | .text {font-size:18px; color:#fff; font-family:"Arial"} | + | .text {font-size:18px; color:#fff; font-family:"Arial";position:absolute;} |
- | #text2{ | + | #text2{left:10px;top:5px;} |
- | #text3{ | + | #text3{left:5px;bottom:5px;} |
- | #text4{ | + | #text4{right:5px;bottom:5px;} |
- | #text5{ | + | #text5{left:5px;top:0px;} |
- | # | + | #text5-2{right:5px;bottom:1px;} |
- | #text7{ | + | #text6{right:10px;top:5px;} |
- | #text8{ | + | #text7{left:10px;bottom:5px;} |
- | #text9{ | + | #text8{left:10px;top:5px;} |
- | #textA{height:20px; | + | #text9{right:10px;bottom:8px;} |
+ | #textA{height:20px;right:10px;top:5px;} |
Latest revision as of 21:40, 23 September 2012
- {margin:0;padding:0;font-family:"微软雅黑","Arial";}
- main-link a {color:#A7D4A7;}
- main-link a:hover {text-decoration:none;}
.hidden {display:none;}
- p-logo,#footer-box {display:none;}
- content {background:0;border:none;}
- catlinks{display:none;}
p {margin:0.5em 0 !important;}
- 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;}
- header{width:960px;margin-top:40px;color:#dae8e8;font-size:400%;font-weight:bold;}
- wrap {margin:0 auto;width:960px;height:480;}
- footer{margin:0 auto;width:960px;min-height:73px;text-align:center;color:#fff;}
- block1 {height:230px;width:470px;float:left;padding:0;}
- 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;}
- ScrollBar{background:#000;width:470px;overflow:hidden;height:230px;float:left;}
.text {font-size:18px; color:#fff; font-family:"Arial";position:absolute;}
- text2{left:10px;top:5px;}
- text3{left:5px;bottom:5px;}
- text4{right:5px;bottom:5px;}
- text5{left:5px;top:0px;}
- text5-2{right:5px;bottom:1px;}
- text6{right:10px;top:5px;}
- text7{left:10px;bottom:5px;}
- text8{left:10px;top:5px;}
- text9{right:10px;bottom:8px;}
- textA{height:20px;right:10px;top:5px;}