"
Template:UOttawa CSS
From 2011.igem.org
(Difference between revisions)
KyleHinskens (Talk | contribs) |
KyleHinskens (Talk | contribs) |
||
| (19 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | /*--Main Container--*/ | ||
| + | .main_view { | ||
| + | float: left; | ||
| + | position: relative; | ||
| + | } | ||
| + | /*--Window/Masking Styles--*/ | ||
| + | .window { | ||
| + | height: 174px; | ||
| + | width: 684px; | ||
| + | overflow: hidden; /*--Hides anything outside of the set width/height--*/ | ||
| + | position: relative; | ||
| + | } | ||
| + | .image_reel { | ||
| + | position: absolute; | ||
| + | top: 0; left: 0; | ||
| + | } | ||
| + | .image_reel img {float: left;} | ||
| + | |||
| + | /*--Paging Styles--*/ | ||
| + | .paging { | ||
| + | position: absolute; | ||
| + | bottom: 0px; right: -7px; | ||
| + | width: 178px; height:37px; | ||
| + | z-index: 100; /*--Assures the paging stays on the top layer--*/ | ||
| + | text-align: center; | ||
| + | line-height: 37px; | ||
| + | background: none; /*url(https://static.igem.org/mediawiki/2011/7/7c/Uo_paging_bg.png) no-repeat;*/ | ||
| + | display: none; /*--Hidden by default, will be later shown with jQuery--*/ | ||
| + | } | ||
| + | |||
| + | .paging a { | ||
| + | font-weight: bold; | ||
| + | padding: 5px; | ||
| + | text-decoration: none; | ||
| + | color: #000000; | ||
| + | -moz-border-radius: 3px; | ||
| + | -khtml-border-radius: 3px; | ||
| + | -webkit-border-radius: 3px; | ||
| + | border: 1px solid #000000; | ||
| + | } | ||
| + | |||
| + | .paging a.active { | ||
| + | color: #FFFFFF; | ||
| + | background: #660000 !important; | ||
| + | border: 1px solid #330000; | ||
| + | } | ||
| + | |||
| + | .paging a.pg1 { | ||
| + | background: #83b834; | ||
| + | } | ||
| + | |||
| + | .paging a.pg2 { | ||
| + | background: #ffd45c; | ||
| + | } | ||
| + | |||
| + | .paging a.pg3 { | ||
| + | background: #835a92; | ||
| + | } | ||
| + | |||
| + | .paging a.pg4 { | ||
| + | background: #fb8605; | ||
| + | } | ||
| + | |||
| + | .paging a.pg5 { | ||
| + | background: #89cce2; | ||
| + | } | ||
| + | |||
| + | .paging a.pg6 { | ||
| + | background: #32CD32; | ||
| + | } | ||
| + | |||
| + | .paging a:hover { background: #330000; color:#FFFFFF; } | ||
| + | |||
| + | |||
.ddsmoothmenu-v ul{ | .ddsmoothmenu-v ul{ | ||
margin: 0; | margin: 0; | ||
| Line 70: | Line 144: | ||
body { | body { | ||
font: 10px "Verdana", sans-serif !important; | font: 10px "Verdana", sans-serif !important; | ||
| - | background-color: # | + | background-color: #CCCCCC !important; |
color: #000000 !important; | color: #000000 !important; | ||
} | } | ||
| Line 108: | Line 182: | ||
.section, td { | .section, td { | ||
| - | background-color: #D6D6D6; | + | background-color: #FFFFCC; /*#D6D6D6;*/ |
} | } | ||
| Line 116: | Line 190: | ||
.section .title, .section h2 { | .section .title, .section h2 { | ||
| - | + | background-color: #400512; | |
color: #FFFFFF; | color: #FFFFFF; | ||
font-size: 14px; | font-size: 14px; | ||
font-weight: bold; | font-weight: bold; | ||
line-height: 1; | line-height: 1; | ||
| - | margin-bottom: 10px; | + | /*margin-bottom: 10px;*/ |
| + | height: 50px; | ||
outline: medium none; | outline: medium none; | ||
padding: 7px; | padding: 7px; | ||
position: relative; | position: relative; | ||
text-decoration: none; | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | .section h2 span { | ||
| + | width: 215px; | ||
| + | text-align: center; | ||
| + | color: #400512; | ||
| + | border-bottom: 1px solid #400512; | ||
| + | margin-top: 45px; | ||
| + | position: absolute; | ||
} | } | ||
| Line 148: | Line 232: | ||
text-align: center; | text-align: center; | ||
color: #400512; | color: #400512; | ||
| - | font: 2em | + | font-size: 2.2em; |
| - | + | ||
} | } | ||
Latest revision as of 21:27, 25 October 2011
