"
Team:Tsinghua-A/css/index.css
From 2012.igem.org
CubicStone (Talk | contribs) (Created page with "- →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; } ...") |
CubicStone (Talk | contribs) |
||
| Line 24: | Line 24: | ||
{ | { | ||
text-align: left; | text-align: left; | ||
| - | float: | + | float:justify; |
font-family: 'Oxygen Mono', sans-serif; | font-family: 'Oxygen Mono', sans-serif; | ||
} | } | ||
li.topButton | li.topButton | ||
{ | { | ||
| - | |||
float:left; | float:left; | ||
| - | width: | + | margin-left: 0; |
| - | height: | + | margin-top: 0px; |
| + | width:122px; | ||
| + | height: 37px; | ||
font-size: 1.2em; | font-size: 1.2em; | ||
text-decoration:none; | text-decoration:none; | ||
| - | + | background-color:white; | |
| - | background-color: | + | padding:0px; |
| - | padding: | + | |
border-right:1px solid white; | border-right:1px solid white; | ||
| + | display:inline; | ||
} | } | ||
| + | /*li#teamButton:hover | ||
| + | { | ||
| + | color: red; | ||
| + | background-color:#93278F; | ||
| + | }*/ | ||
| + | |||
a{ | a{ | ||
| + | float: center; | ||
| + | font-size: 1em; | ||
text-decoration: none; | text-decoration: none; | ||
| - | color: | + | font-family: 'Quantico', sans-serif; |
| + | color: gray; | ||
} | } | ||
| - | + | a.navigationButtonA | |
| - | li. | + | { |
| + | float:left; | ||
| + | color: #0C7522; | ||
| + | margin-left:15px; | ||
| + | } | ||
| + | a#teamButtonA:hover | ||
| + | { | ||
| + | color: red; | ||
| + | } | ||
| + | a#projectButtonA:hover | ||
| + | { | ||
| + | color: orange; | ||
| + | } | ||
| + | a#modelingButtonA:hover | ||
| + | { | ||
| + | color: yellow; | ||
| + | } | ||
| + | a#wetlabButtonA:hover | ||
| + | { | ||
| + | color: green; | ||
| + | } | ||
| + | a#safetyButtonA:hover | ||
| + | { | ||
| + | color: blue; | ||
| + | } | ||
| + | a#humanPracticeButtonA:hover | ||
| + | { | ||
| + | color: purple; | ||
| + | } | ||
| + | li.topNavigationButton | ||
| + | { | ||
| + | float: left; | ||
| + | margin-left: 0; | ||
| + | text-decoration: none; | ||
| + | width:133px; | ||
| + | height: 20px; | ||
| + | background-color: orange; | ||
| + | display: inline; | ||
| + | } | ||
li.navigationButton | li.navigationButton | ||
{ | { | ||
| + | padding:0px; | ||
float:left; | float:left; | ||
| - | width: | + | width:140px; |
height:30px; | height:30px; | ||
| - | |||
text-decoration: none; | text-decoration: none; | ||
color: white; | color: white; | ||
| - | background-color: # | + | background-color: #E9F4E9; |
border-bottom: 1px solid white; | border-bottom: 1px solid white; | ||
display:block; | display:block; | ||
} | } | ||
| - | . | + | #topWrapper |
| + | { | ||
| + | position: fixed; | ||
| + | float: left; | ||
| + | top:0; | ||
| + | } | ||
| + | .textWrapper | ||
{ | { | ||
| - | position: | + | position: static; |
| - | text-align: | + | text-align: left; |
| - | margin | + | margin:30px 0 30px 0; |
padding:20px; | padding:20px; | ||
padding-top: 0px; | padding-top: 0px; | ||
padding-right:0; | padding-right:0; | ||
| - | top:100px; | + | /*top:100px;*/ |
border:solid ; | border:solid ; | ||
border-image: url(pictures/bgp.png)10 10 10 10; | border-image: url(pictures/bgp.png)10 10 10 10; | ||
-webkit-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; | -moz-border-image:url(pictures/bgp.png)10 10 10 10; | ||
| - | + | ||
} | } | ||
#pageWrapper { | #pageWrapper { | ||
| Line 83: | Line 137: | ||
} | } | ||
| + | #topNavigationBanner | ||
| + | { | ||
| + | position:fixed; | ||
| + | width: 800px; | ||
| + | top:0px; | ||
| + | margin-top: 80px; | ||
| + | margin-left:170px; | ||
| + | padding: 0; | ||
| + | height: 20px; | ||
| + | background-color: transparent; | ||
| + | } | ||
#banner { | #banner { | ||
position:fixed; | position:fixed; | ||
| - | width: | + | width: 790px; |
| - | top: | + | margin-top:90px; |
| - | margin-left: | + | margin-left: 170px; |
| - | + | ||
padding: 0; | padding: 0; | ||
| - | + | height: 55px; | |
| - | height: | + | |
background-color: transparent; | background-color: transparent; | ||
} | } | ||
| Line 99: | Line 162: | ||
text-align: center; | text-align: center; | ||
margin-left: 0; | margin-left: 0; | ||
| - | margin-left: - | + | margin-left: -20px; /*-40*/ |
| - | top: | + | top:200px; |
width: 0px; | width: 0px; | ||
float: left; | float: left; | ||
| Line 108: | Line 171: | ||
#mainField { | #mainField { | ||
| + | z-index: -1; | ||
position:relative; | position:relative; | ||
| - | left: | + | top:175px; |
| + | left:180px; /*200px*/ | ||
float: left; | float: left; | ||
| - | width: | + | width: 720px; |
height: 1500px; | height: 1500px; | ||
background-color: transparent; | background-color: transparent; | ||
| Line 119: | Line 184: | ||
clear: both; | clear: both; | ||
height: 40px; | height: 40px; | ||
| - | background-color: | + | background-color: transparent; |
} | } | ||
Revision as of 13:20, 20 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; } body { text-align: center; background-color: #FAFAFA; }
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:122px; height: 37px; font-size: 1.2em; text-decoration:none; background-color:white; padding:0px; border-right:1px solid white; display:inline; } /*li#teamButton:hover { color: red; background-color:#93278F; }*/
a{ float: center; font-size: 1em; text-decoration: none; font-family: 'Quantico', sans-serif; color: gray; } a.navigationButtonA { float:left; color: #0C7522; margin-left:15px; } a#teamButtonA:hover { color: red; } a#projectButtonA:hover { color: orange; } a#modelingButtonA:hover { color: yellow; } a#wetlabButtonA:hover { color: green; } a#safetyButtonA:hover { color: blue; } a#humanPracticeButtonA:hover { color: purple; } li.topNavigationButton { float: left; margin-left: 0; text-decoration: none;
width:133px; height: 20px; background-color: orange; display: inline; } 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 { 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 {
width: 960px; text-align: center; margin-left: auto; margin-right: auto; background-color: transparent; }
- topNavigationBanner
{ position:fixed; width: 800px; top:0px; margin-top: 80px; margin-left:170px; padding: 0; height: 20px; background-color: transparent; }
- banner {
position:fixed; width: 790px; margin-top:90px; margin-left: 170px; padding: 0; height: 55px; background-color: transparent; }
- navigationBar {
position: fixed; text-align: center; margin-left: 0; margin-left: -20px; /*-40*/ top:200px; width: 0px; float: left; height: 800px; background-color: transparent; }
- mainField {
z-index: -1; position:relative; top:175px; left:180px; /*200px*/ float: left; width: 720px; height: 1500px; background-color: transparent; }
- footer {
clear: both; height: 40px; background-color: transparent; }
