Template:UOttawa CSS
From 2011.igem.org
(Difference between revisions)
KyleHinskens (Talk | contribs) |
KyleHinskens (Talk | contribs) |
||
(13 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 122: | Line 196: | ||
line-height: 1; | line-height: 1; | ||
/*margin-bottom: 10px;*/ | /*margin-bottom: 10px;*/ | ||
- | height: | + | height: 50px; |
outline: medium none; | outline: medium none; | ||
padding: 7px; | padding: 7px; | ||
Line 130: | Line 204: | ||
.section h2 span { | .section h2 span { | ||
- | + | width: 215px; | |
- | + | text-align: center; | |
- | + | color: #400512; | |
- | + | border-bottom: 1px solid #400512; | |
- | + | margin-top: 45px; | |
- | margin-top:45px; | + | position: absolute; |
- | position:absolute | + | |
- | + | ||
} | } | ||
Line 160: | 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