Template:UOttawa CSS

From 2011.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 1: Line 1:
 +
<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 69: Line 144:
body {
body {
font: 10px "Verdana", sans-serif !important;
font: 10px "Verdana", sans-serif !important;
-
background-color: #400512;
+
background-color: #CCCCCC !important;
-
color: #000000;
+
color: #000000 !important;
}
}
Line 107: Line 182:
.section, td {
.section, td {
-
background-color: #D6D6D6;
+
background-color: #FFFFCC; /*#D6D6D6;*/
}
}
Line 115: Line 190:
.section .title, .section h2 {
.section .title, .section h2 {
-
background-color: #400512;
+
    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 135: Line 220:
.container {
.container {
-
width: 975px;
+
width: 980px !important;
}
}
Line 147: Line 232:
text-align: center;
text-align: center;
color: #400512;
color: #400512;
-
font: 2em comic Sans MS;
+
font-size: 2.2em;
-
font-weight: bold;
+
}
}
Line 502: Line 586:
</style>
</style>
 +
</html>

Latest revision as of 21:27, 25 October 2011