"
Team:Tsinghua-A/css/index.css
From 2012.igem.org
| Line 246: | Line 246: | ||
.textWrapper | .textWrapper | ||
{ | { | ||
| + | z-index: 100; | ||
position: static; | position: static; | ||
text-align: left; | text-align: left; | ||
| Line 260: | Line 261: | ||
} | } | ||
#pageWrapper { | #pageWrapper { | ||
| + | z-index: -1; | ||
width: 960px; | width: 960px; | ||
text-align: center; | text-align: center; | ||
| Line 290: | Line 292: | ||
#mainField { | #mainField { | ||
| - | |||
position:relative; | position:relative; | ||
top:175px; | top:175px; | ||
Revision as of 21:12, 21 September 2012
/* Basic CSS format
FENG Zili & GUO Mingzhou, Tsinghua-A Team, iGEM 2012.09.07
- /
- contentSub,#search-controls,.fistHeading,#footer-box,#catlinks,#p-logo
{ display:none; } ul{ padding:0px; margin:0px; } li { list-style-type:none !important; } body { text-align: center; background-color: #FFFFFF; }
h2 { font-size: 3em; text-align: left; font-family: 'Raleway Dots', cursive; } p { text-align: left; float:justify; font-family: 'Oxygen Mono', sans-serif; } li.topButton { float:left; margin-left: 0; margin-top: 0px; width:90px; height: 37px; font-size: 1.2em; text-decoration:none; background-color:white; padding:0px; border-right:1px solid white; display:inline; } li.subButtonTeam{ width: 90px; height: 30px; background-color: rgb(255,246,237); } li.subButtonProject{ width: 120px; height: 30px; background-color: rgb(255,255,236); } li.subButtonModeling{ width: 140px; height: 30px; background-color: rgb(233,244,233); } li.subButtonWetlab{ width: 110px; height: 30px; background-color: rgb(227,248,255); } li.subButtonSafety{ width: 110px; height: 30px; background-color: rgb(236,235,255); } li.subButtonHumanPractice{ width: 140px; height: 30px; background-color: rgb(246,229,248); }
- teamButton:hover
{ background-color: rgb(255,246,237); }
- projectButton:hover
{ background-color: rgb(255,255,236); }
- modelingButton:hover
{ background-color: rgb(233,244,233); }
- wetlabButton:hover
{ background-color: rgb(227,248,255); }
- safetyButton:hover
{ background-color: rgb(236,235,255); }
- humanPracticeButton:hover
{ background-color: rgb(246,229,248); }
- teamButton{
width:90px; }
- projectButton{
width: 120px; }#modelingButton{ width: 140px; }
- wetlabButton{
width: 110px; }
- safetyButton{
width: 110px; }
- humanPracticeButton{
width: 140px; } a{ float: left; font-size: 1em; text-decoration: none !important; font-family: 'Quantico', sans-serif; color: gray; } a#subButtonTeamA { font-size: 0.8em; color:rgb(243,169,143); } a#subButtonProjectA { font-size: 0.8em; color:rgb(255,193,121); } a#subButtonModelingA { font-size: 0.8em; color:rgb(137,202,154); } a#subButtonWetlabA { font-size: 0.8em; color:rgb(133,212,246); } a#subButtonSafetyA { font-size: 0.8em; color:rgb(142,150,201); } a#subButtonHumanPracticeA { font-size: 0.8em; color:rgb(171,136,188); } a#subButtonTeamA:hover,a#teamButtonA:hover { color: red; } a#subButtonProjectA:hover,a#projectButtonA:hover { color: rgb(152,107,55); } a#subButtonModelingA:hover,a#modelingButtonA:hover { color: rgb(12,117,34); } a#subButtonWetlabA:hover,a#wetlabButtonA:hover { color: rgb(0,118,167); } a#subButtonSafetyA:hover,a#safetyButtonA:hover { color: blue; } a#subButtonHumanPracticeA:hover,a#humanPracticeButtonA:hover { color: purple; } a.navigationButtonA { color: #0C7522; } a#teamButtonA { color: rgb(243,169,143); } a#projectButtonA { color: rgb(255,193,121); } a#modelingButtonA { color: rgb(137,202,154); }
a#wetlabButtonA { color: rgb(133,212,246); } a#safetyButtonA { color: rgb(142,150,201); } a#humanPracticeButtonA { color: rgb(171,136,188); }
a.textLink
{
float:none;
}
ul.buttonMenu
{
text-align: left;
float: left;
width: 122px;
background-color: transparent;
position: fixed;
top: 130px;
display: none;
}
li.navigationButton
{
padding:0px;
float:left;
width:140px;
height:30px;
text-decoration: none;
color: white;
background-color: #E9F4E9;
border-bottom: 1px solid white;
display:block;
}
- topWrapper
{ position: fixed; float: left; top:0; } .textWrapper { z-index: 100; position: static; text-align: left; margin:30px 0 30px 0; padding:20px; padding-top: 0px; padding-right:0; /*top:100px;*/ border:solid ; border-image: url(pictures/bgp.png)10 10 10 10; -webkit-border-image:url(pictures/bgp.png)10 10 10 10; -moz-border-image:url(pictures/bgp.png)10 10 10 10;
}
- pageWrapper {
z-index: -1; width: 960px; text-align: center; margin-left: auto; margin-right: auto; background-color: transparent; }
- banner {
position:fixed; width: 790px; margin-top:90px; margin-left: 180px; padding: 0; height: 55px; background-color: transparent; }
- navigationBar {
position: fixed; text-align: center; margin-left: 15px; top:200px; width: 0px; float: left; height: 800px; background-color: transparent; }
- mainField {
position:relative; top:175px; left:180px; /*200px*/ float: left; width: 760px; height: 1500px; background-color: transparent; }
- footer {
clear: both; height: 40px; background-color: white; }
