Team:Alberta/genomikon.css
From 2010.igem.org
Line 301: | Line 301: | ||
border:none; | border:none; | ||
width:100%; | width:100%; | ||
+ | } | ||
+ | /*timeline stuff*/ | ||
+ | |||
+ | /*months and their overlaying divs*/ | ||
+ | |||
+ | #May{ | ||
+ | background-color: Orange; | ||
+ | height: 500px; | ||
+ | width: 780 px; | ||
+ | |||
} | } |
Revision as of 04:03, 20 October 2010
/* NOTE This is an edited version of the MediaWiki 'monobook' style sheet
- edited by Team Alberta 2010 for their wiki
- /
/* things we want to hide */ h1.firstHeading { display:none; }
- p-logo{
display:none;
}
/* rearrange the topsection bar */
- top-section{
height:0;
}
- menubar{
top:0;
}
- search-controls{
top:133px; left:805px; width:0;
}
- searchInput{
border:1px solid white; position:absolute;
} /*
- mw-searchButton{
color:#FFFFFF; left:172px; top:0; position:absolute;
}
- searchGoButton{
position:absolute; left:130px;
}
- /
- searchGoButton{
display:none;
}
- mw-searchButton{
background-color:#282560; border:1px solid white; color:transparent; height:19px; left:124px; position:absolute; top:-1px; width:24px; cursor:pointer; background-image:url(""); background-position:center center; background-repeat:no-repeat;
}
/******** things we added ****************/
- top-strip{
background-color:#282560; clear:both; display:block; height:170px; padding-left:50%; padding-right:54%; position:absolute; top:0; width:0
}
- top-strip h2{
color:#73FF9A; display:block; font-size:35px; font-weight:bold; left:61px; line-height:39px; position:relative; top:22px;
}
/*** position the genomikon logo ***/
- top-strip a img{
position:absolute; top:38px; left:0; width:auto; height:79px;
}
/*** navbar styling **/
- navbar {
position:absolute; top:131px;
}
- navbar ul {
list-style:none;
}
- navbar ul li{
float:left;
}
- navbar ul li a:visited,#navbar ul li a:link{
margin-right:30px; color:#fff; font-weight:bold;
}
- navbar ul li a:hover,#navbar ul li a.selected {
color:#00F2BC; text-decoration:none;
}
/* make a content area in center and a sidebar on each side*/
- left-sidebar, #right-sidebar, #center-content, #wide-content{
float:left; /* leave space for header */ margin-top:170px;
}
- center-content{
width:550px;
} /*The centre content for the Timeline needs to be a bit wider*/
- center-content .timeline{
width:800px; float:none;
}
- wide-content{
width:975px;
}
- left-sidebar, #right-sidebar{
width:198px;
} /*Need Timeline to start at left*/
- left-sidebar .Timeline{
width:0px;
}
- left-sidebar{
margin-right:20px;
}
- right-sidebar{
border:none; margin-left:20px;
/* position: absolute;
right: 0px; width: 190px; border-left: 3px solid gray; font-size: 95%; line-height: 90%;*/
}
/* the info boxes on homepage */
- main-info-box,#info-box1,#info-box2,#info-box3,#info-box4{
height:250px; padding:18px;
}
- main-info-box {
width:100%; overflow:hidden; padding:0; height:286px; clear:both;
}
- info-box1,#info-box2,#info-box3,#info-box4 {
background-color:#00CDD0; color:#282560; overflow:hidden; width:228px; margin-top: 18px;
} .right-info-box{
position:relative; left:1px;
} .center-info-box{
float:left;
}
- info-box1{
margin-top:0; background-color:#00cdd0;
}
- info-box2{
background-color:#b8fed1;
}
- info-box3{
background-color:#00F2BC; margin-left:0;
}
- info-box4{
background-color:#73FF9A; margin-left:18px;
}
/* parts table */
- mytable
{ width: 100%; padding: 0; margin: 0; }
- mytable th
{
background-color:#282560; color:#fff; padding:6px 6px 6px 12px; text-align:left;
}
- mytable td
{ background: #ccc; padding: 0.3em 0.3em 0.3em 0.7em; color: #282560; }
- mytable td.alt
{ background: #ffffff; color: #282560; }
- mytable th.spec
{ background: #a5a5a5 no-repeat; font: bold 1em "Trebuchet MS", Times;
color: #ffffff;
}
- mytable th.specalt
{ background: #ffffff no-repeat; font: bold 1em "Trebuchet MS", Times; color: #656565; }
- mytable a:visited, #mytable a:link, #mytable a:hover{
color:#282560; text-decoration:underline;
}
- mytable a:hover {
color:#00F2BC;
}
/********* things we changed ***********/
body {
background-color:#FFFFFF; background-image:url(""); background-repeat:repeat-x;
}
- footer{
clear:both;
} h3{
font-size:100%; font-weight:normal; position:relative; top:-1em;
}
/* new colors */ h1, h2, h3, h4, h5, h6 {
color: #9D2063; border:none;
} span.editsection, span.editsection a{
color:#ccc;
} body{
background-color:#fff;
}
- content{
border:none; width:975px; padding-left:0; padding-right:0;
}
- menubar li a, #menubar .selected a, #menubar li a:visited{
color: #888;
}
- menubar li a:hover{
color: #00F2BC;
}
/* table of contents */
- toc{
background-color:#e6e6e6; border:none; width:100%;
} /*timeline stuff*/
/*months and their overlaying divs*/
- May{
background-color: Orange; height: 500px; width: 780 px;
}