Team:RHIT/main.css
From 2012.igem.org
(368 intermediate revisions not shown) | |||
Line 17: | Line 17: | ||
p { | p { | ||
display:none; | display:none; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | color:white; | ||
} | } | ||
Line 24: | Line 41: | ||
background-color:#004455; | background-color:#004455; | ||
font-family:'Trebuchet MS'; | font-family:'Trebuchet MS'; | ||
- | height:100% | + | font-size:10pt; |
+ | height:100%; | ||
+ | } | ||
+ | |||
+ | #logged_in { | ||
+ | display:none; | ||
} | } | ||
.rhit-content { | .rhit-content { | ||
width:820px; | width:820px; | ||
- | |||
margin:0px auto; | margin:0px auto; | ||
- | padding:0px 65px; | + | padding: 0px 65px 65px; |
background-color:white; | background-color:white; | ||
+ | overflow:auto; | ||
} | } | ||
Line 46: | Line 68: | ||
} | } | ||
- | .rhit-header | + | .rhit-header div { |
margin:0px; | margin:0px; | ||
position:absolute; | position:absolute; | ||
top:1%; | top:1%; | ||
- | right: | + | right:1%; |
+ | } | ||
+ | |||
+ | .rhit-header div a { | ||
+ | padding:6px; | ||
+ | } | ||
+ | |||
+ | .rhit-header div a img { | ||
+ | padding:3px; | ||
+ | float:left; | ||
} | } | ||
Line 60: | Line 91: | ||
display:table; | display:table; | ||
height:50px; | height:50px; | ||
- | width: | + | width:117px; |
margin:16px auto; | margin:16px auto; | ||
table-layout:fixed; | table-layout:fixed; | ||
+ | float:left; | ||
} | } | ||
Line 69: | Line 101: | ||
height:100%; | height:100%; | ||
background-color:#004455; | background-color:#004455; | ||
+ | color:white; | ||
+ | text-align:center; | ||
+ | vertical-align:middle; | ||
border-left:2px solid white; | border-left:2px solid white; | ||
border-right:2px solid white; | border-right:2px solid white; | ||
+ | } | ||
+ | |||
+ | .rhit-navLeft { | ||
+ | display:table; | ||
+ | height:50px; | ||
+ | width:117px; | ||
+ | margin:16px auto; | ||
+ | table-layout:fixed; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .rhit-navLeft a { | ||
+ | display:table-cell; | ||
+ | height:100%; | ||
+ | background-color:#004455; | ||
color:white; | color:white; | ||
text-align:center; | text-align:center; | ||
vertical-align:middle; | vertical-align:middle; | ||
+ | border-right:2px solid white; | ||
+ | border-bottom-left-radius:1.0em; | ||
+ | border-top-left-radius:1.0em; | ||
+ | } | ||
+ | |||
+ | .rhit-navLeftRed { | ||
+ | display:table; | ||
+ | height:50px; | ||
+ | width:117px; | ||
+ | margin:16px auto; | ||
+ | table-layout:fixed; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .rhit-navLeftRed a { | ||
+ | display:table-cell; | ||
+ | height:100%; | ||
+ | background-color:#991426; | ||
+ | color:white; | ||
+ | text-align:center; | ||
+ | vertical-align:middle; | ||
+ | border-right:2px solid white; | ||
+ | border-bottom-left-radius:1.0em; | ||
+ | border-top-left-radius:1.0em; | ||
+ | } | ||
+ | |||
+ | .rhit-navRed { | ||
+ | display:table; | ||
+ | height:50px; | ||
+ | width:117px; | ||
+ | margin:16px auto; | ||
+ | table-layout:fixed; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .rhit-navRed a { | ||
+ | display:table-cell; | ||
+ | height:100%; | ||
+ | background-color:#991426; | ||
+ | color:white; | ||
+ | text-align:center; | ||
+ | vertical-align:middle; | ||
+ | border-left:2px solid white; | ||
+ | border-right:2px solid white; | ||
+ | } | ||
+ | |||
+ | .rhit-navRight { | ||
+ | display:table; | ||
+ | height:50px; | ||
+ | width:117px; | ||
+ | margin:16px auto; | ||
+ | table-layout:fixed; | ||
+ | float:right; | ||
+ | } | ||
+ | |||
+ | .rhit-navRight a { | ||
+ | display:table-cell; | ||
+ | height:100%; | ||
+ | background-color:#004455; | ||
+ | color:white; | ||
+ | text-align:center; | ||
+ | vertical-align:middle; | ||
+ | border-left:2px solid white; | ||
+ | border-bottom-right-radius:1.0em; | ||
+ | border-top-right-radius:1.0em; | ||
+ | } | ||
+ | |||
+ | .rhit-navRightRed { | ||
+ | display:table; | ||
+ | height:50px; | ||
+ | width:117px; | ||
+ | margin:16px auto; | ||
+ | table-layout:fixed; | ||
+ | float:right; | ||
+ | } | ||
+ | |||
+ | .rhit-navRightRed a { | ||
+ | display:table-cell; | ||
+ | height:100%; | ||
+ | background-color:#991426; | ||
+ | color:white; | ||
+ | text-align:center; | ||
+ | vertical-align:middle; | ||
+ | border-left:2px solid white; | ||
+ | border-bottom-right-radius:1.0em; | ||
+ | border-top-right-radius:1.0em; | ||
} | } | ||
Line 79: | Line 215: | ||
color:white; | color:white; | ||
text-decoration:none; | text-decoration:none; | ||
- | font-size: | + | font-size:11pt; |
} | } | ||
- | .rhit-nav a:hover { | + | .rhit-nav a:hover, .rhit-navLeft a:hover, .rhit-navRight a:hover { |
background-color:#8ac856; | background-color:#8ac856; | ||
text-decoration:none; | text-decoration:none; | ||
- | font-size: | + | font-size:11pt; |
+ | } | ||
+ | |||
+ | .rhit-navRed a:hover, .rhit-navLeftRed a:hover, .rhit-navRightRed a:hover { | ||
+ | background-color:#8ac856; | ||
+ | text-decoration:none; | ||
+ | font-size:11pt; | ||
} | } | ||
.rhit-contentBoxes { | .rhit-contentBoxes { | ||
width:100%; | width:100%; | ||
- | height: | + | height:525px; |
margin:12px auto; | margin:12px auto; | ||
} | } | ||
Line 103: | Line 245: | ||
.rhit-contentBoxes div h3 { | .rhit-contentBoxes div h3 { | ||
margin:0px; | margin:0px; | ||
- | + | padding:0px; | |
- | + | font-size:large; | |
- | + | color:white; | |
+ | } | ||
+ | |||
+ | .rhit-contentBoxes a:hover { | ||
+ | color:#8ac856; | ||
} | } | ||
Line 117: | Line 263: | ||
margin-right:1.5%; | margin-right:1.5%; | ||
background-color:#004455; | background-color:#004455; | ||
+ | border-bottom-left-radius: 1.2em; | ||
} | } | ||
Line 128: | Line 275: | ||
width:32%; | width:32%; | ||
margin-left:1.5%; | margin-left:1.5%; | ||
+ | border-bottom-right-radius: 1.2em; | ||
} | } | ||
+ | |||
+ | .rhit-sponsorBox { | ||
+ | background-color:white; | ||
+ | color:black; | ||
+ | font-size:12pt; | ||
+ | border-radius:1.2em; | ||
+ | padding:12px; | ||
+ | } | ||
+ | |||
+ | .rhit-sponsorBox a:link { | ||
+ | color:black; | ||
+ | } | ||
+ | |||
+ | .rhit-sponsorBox a:hover { | ||
+ | color:#8ac856; | ||
+ | } | ||
+ | |||
+ | .rhit-dividers div { | ||
+ | height:25px; | ||
+ | margin:0px auto 0px; | ||
+ | padding:20px; | ||
+ | float:left; | ||
+ | border-top-right-radius: 1.2em; | ||
+ | border-top-left-radius: 1.2em; | ||
+ | } | ||
+ | |||
+ | .rhit-sheets div { | ||
+ | width:804px; | ||
+ | height:100%; | ||
+ | margin:0px auto; | ||
+ | float:left; | ||
+ | padding:1%; | ||
+ | color:white; | ||
+ | border-bottom-right-radius: 1.2em; | ||
+ | border-bottom-left-radius: 1.2em; | ||
+ | } | ||
+ | |||
+ | .rhit-sheets div img { | ||
+ | float:none; | ||
+ | } | ||
+ | |||
+ | .rhit-blueDivider { | ||
+ | width:165px; | ||
+ | background-color:#53676C; | ||
+ | } | ||
+ | |||
+ | .rhit-redDivider { | ||
+ | width:165px; | ||
+ | background-color:#991426; | ||
+ | } | ||
+ | |||
+ | .rhit-grnDivider { | ||
+ | width:165px; | ||
+ | background-color:#8ac856; | ||
+ | } | ||
+ | |||
+ | .rhit-fourthDivider { | ||
+ | width:165px; | ||
+ | background-color:black; | ||
+ | } | ||
+ | |||
+ | .rhit-blueSheet { | ||
+ | background-color:#53676C; | ||
+ | } | ||
+ | |||
+ | .rhit-blueSheet a { | ||
+ | font-size:10pt; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .rhit-blueSheet a:hover { | ||
+ | color:#991426; | ||
+ | } | ||
+ | |||
+ | .rhit-redSheet { | ||
+ | background-color:#991426; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .rhit-redSheet a { | ||
+ | font-size:10pt; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .rhit-redSheet a:hover { | ||
+ | color: #8ac856; | ||
+ | } | ||
+ | |||
+ | .rhit-grnSheet { | ||
+ | background-color:#8ac856; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .rhit-grnSheet a { | ||
+ | font-size:10pt; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .rhit-grnSheet a:hover { | ||
+ | color: #004455; | ||
+ | } | ||
+ | |||
+ | .rhit-fourthSheet { | ||
+ | background-color:black; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .rhit-fourthSheet a { | ||
+ | font-size:10pt; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .rhit-fourthSheet a:hover { | ||
+ | color: #8ac856; | ||
+ | } | ||
+ | |||
+ | .rhit-genericBox { | ||
+ | background-color: #53676C; | ||
+ | border-radius: 1.2em; | ||
+ | width:98%; | ||
+ | margin:80px auto; | ||
+ | color:white; | ||
+ | padding:1%; | ||
+ | } | ||
+ | |||
+ | .rhit-genericBox a { | ||
+ | font-size:10pt; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .rhit-genericBox a:hover { | ||
+ | color:#8ac856; | ||
+ | } | ||
+ | |||
+ | ul { list-style-image:none; list-style-type:disc; } | ||
+ | |||
+ | ul#rhit-teamList { | ||
+ | list-style:none; | ||
+ | } | ||
+ | |||
+ | .rhit-sponsorList { | ||
+ | color:black; | ||
+ | } | ||
+ | |||
+ | .rhit-attriList li { | ||
+ | color:ffffff; | ||
+ | } | ||
+ | |||
+ | .rhit-attriList li p { | ||
+ | color:ffffff; | ||
+ | } | ||
+ | |||
+ | .rhit-sponsorList a:hover { | ||
+ | color:#8ac856; | ||
+ | } | ||
+ | |||
+ | .rhit-sponsorList a:link { | ||
+ | color:black; | ||
+ | } | ||
+ | |||
+ | ul#rhit-pathwayList { | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .back { | ||
+ | position: absolute; | ||
+ | right: 18px; | ||
+ | top: -30px; | ||
+ | } | ||
+ | |||
+ | .back { position: absolute; right: 18px; top: -30px; } | ||
+ | |||
+ | .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } | ||
+ | |||
+ | .rslides li { position: absolute; display: none; list-style: none; left: 0; top: 0; float: left; } | ||
+ | |||
+ | .rslides li:first-child { position: relative; display: block; float: left; } | ||
+ | |||
+ | .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } |
Latest revision as of 03:45, 4 October 2012
- globalWrapper {
display:none;
}
- footer-box {
display:none;
}
- catlinks {
display:none;
}
.visualClear {
display:none;
}
p {
display:none; color:white;
}
h1 {
color:white;
}
h2 {
color:white;
}
h3 {
color:white;
}
h4 {
color:white;
}
html, body { margin:0px;
padding:0px;
background-color:#004455; font-family:'Trebuchet MS';
font-size:10pt; height:100%;
}
- logged_in {
display:none; }
.rhit-content { width:820px; margin:0px auto; padding: 0px 65px 65px; background-color:white;
overflow:auto;
}
.rhit-content p {
display:inline;
}
.rhit-header { position:relative; width:100%; margin:0px auto; text-align:right; }
.rhit-header div { margin:0px; position:absolute; top:1%; right:1%; }
.rhit-header div a { padding:6px; }
.rhit-header div a img { padding:3px; float:left; }
.rhit-header a:hover { color:#8ac856; }
.rhit-nav { display:table; height:50px; width:117px; margin:16px auto; table-layout:fixed; float:left; }
.rhit-nav a { display:table-cell; height:100%; background-color:#004455; color:white; text-align:center; vertical-align:middle; border-left:2px solid white; border-right:2px solid white; }
.rhit-navLeft { display:table; height:50px; width:117px; margin:16px auto; table-layout:fixed; float:left; }
.rhit-navLeft a { display:table-cell; height:100%; background-color:#004455; color:white; text-align:center; vertical-align:middle; border-right:2px solid white; border-bottom-left-radius:1.0em; border-top-left-radius:1.0em; }
.rhit-navLeftRed { display:table; height:50px; width:117px; margin:16px auto; table-layout:fixed; float:left; }
.rhit-navLeftRed a { display:table-cell; height:100%; background-color:#991426; color:white; text-align:center; vertical-align:middle; border-right:2px solid white; border-bottom-left-radius:1.0em; border-top-left-radius:1.0em; }
.rhit-navRed { display:table; height:50px; width:117px; margin:16px auto; table-layout:fixed; float:left; }
.rhit-navRed a { display:table-cell; height:100%; background-color:#991426; color:white; text-align:center; vertical-align:middle; border-left:2px solid white; border-right:2px solid white; }
.rhit-navRight { display:table; height:50px; width:117px; margin:16px auto; table-layout:fixed; float:right; }
.rhit-navRight a { display:table-cell; height:100%; background-color:#004455; color:white; text-align:center; vertical-align:middle; border-left:2px solid white; border-bottom-right-radius:1.0em; border-top-right-radius:1.0em; }
.rhit-navRightRed { display:table; height:50px; width:117px; margin:16px auto; table-layout:fixed; float:right; }
.rhit-navRightRed a { display:table-cell; height:100%; background-color:#991426; color:white; text-align:center; vertical-align:middle; border-left:2px solid white; border-bottom-right-radius:1.0em; border-top-right-radius:1.0em; }
a:link, a:active, a:visited, a:hover { color:white; text-decoration:none; font-size:11pt; }
.rhit-nav a:hover, .rhit-navLeft a:hover, .rhit-navRight a:hover { background-color:#8ac856; text-decoration:none; font-size:11pt; }
.rhit-navRed a:hover, .rhit-navLeftRed a:hover, .rhit-navRightRed a:hover { background-color:#8ac856; text-decoration:none; font-size:11pt; }
.rhit-contentBoxes { width:100%; height:525px; margin:12px auto; }
.rhit-contentBoxes div { float:left; height:100%; color:white; padding:1%; }
.rhit-contentBoxes div h3 { margin:0px; padding:0px; font-size:large; color:white; }
.rhit-contentBoxes a:hover { color:#8ac856; }
.rhit-contentBoxes div p { margin:0px; font-size:11pt; }
.rhit-leftBox { width:32%; margin-right:1.5%; background-color:#004455; border-bottom-left-radius: 1.2em; }
.rhit-middleBox { width:27%; background-color:#991426; }
.rhit-rightBox { background-color:#004455; width:32%; margin-left:1.5%; border-bottom-right-radius: 1.2em; }
.rhit-sponsorBox { background-color:white; color:black; font-size:12pt; border-radius:1.2em; padding:12px; }
.rhit-sponsorBox a:link { color:black; }
.rhit-sponsorBox a:hover { color:#8ac856; }
.rhit-dividers div { height:25px; margin:0px auto 0px; padding:20px;
float:left; border-top-right-radius: 1.2em; border-top-left-radius: 1.2em;
}
.rhit-sheets div { width:804px; height:100%; margin:0px auto; float:left; padding:1%; color:white;
border-bottom-right-radius: 1.2em; border-bottom-left-radius: 1.2em;
}
.rhit-sheets div img { float:none; }
.rhit-blueDivider {
width:165px;
background-color:#53676C; }
.rhit-redDivider {
width:165px;
background-color:#991426; }
.rhit-grnDivider { width:165px; background-color:#8ac856; }
.rhit-fourthDivider { width:165px; background-color:black; }
.rhit-blueSheet { background-color:#53676C; }
.rhit-blueSheet a { font-size:10pt; text-decoration: underline; }
.rhit-blueSheet a:hover { color:#991426; }
.rhit-redSheet { background-color:#991426;
display:none;
}
.rhit-redSheet a { font-size:10pt; text-decoration: underline; }
.rhit-redSheet a:hover { color: #8ac856; }
.rhit-grnSheet { background-color:#8ac856; display:none; }
.rhit-grnSheet a { font-size:10pt; text-decoration: underline; }
.rhit-grnSheet a:hover { color: #004455; }
.rhit-fourthSheet { background-color:black; display:none; }
.rhit-fourthSheet a { font-size:10pt; text-decoration: underline; }
.rhit-fourthSheet a:hover { color: #8ac856; }
.rhit-genericBox { background-color: #53676C; border-radius: 1.2em; width:98%; margin:80px auto; color:white; padding:1%; }
.rhit-genericBox a { font-size:10pt; text-decoration: underline; }
.rhit-genericBox a:hover { color:#8ac856; }
ul { list-style-image:none; list-style-type:disc; }
ul#rhit-teamList { list-style:none; }
.rhit-sponsorList { color:black; }
.rhit-attriList li { color:ffffff; }
.rhit-attriList li p { color:ffffff; }
.rhit-sponsorList a:hover { color:#8ac856; }
.rhit-sponsorList a:link { color:black; }
ul#rhit-pathwayList { float:left; }
.back { position: absolute; right: 18px; top: -30px; }
.back { position: absolute; right: 18px; top: -30px; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { position: absolute; display: none; list-style: none; left: 0; top: 0; float: left; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }