Team:Alberta/genomikon.css
From 2010.igem.org
/* NOTE This is an edited version of the MediaWiki 'monobook' style sheet
- edited by Team Alberta 2010 for their wiki
- /
div#test{
background-color:red;
width:100px;
height:100px;
}
/* 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:4px; left:745px; 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 ****************/ div#igem-logo-link{
background-color:transparent; background-image:url(""); height:77px; margin:0; position:absolute; width:100px; left:947px; top:33px;
}
div#igem-logo-link a{
color:transparent; display:block; height:77px; width:100px;
}
- 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; position:relative;
}
- 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;
}
- navbar li.headlink ul{
display:none; background-color:#282560; margin:0 10px 0 0; text-align:left; padding:10px; z-index:20; position:absolute; left:-10px; width:100%;
}
- navbar li.headlink ul li{
float: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; min-height:1em;
}
- left-sidebar.not-top, #right-sidebar.not-top, #center-content.not-top, #wide-content.not-top{
margin-top:0;
}
- 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:1075px;
}
- 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 tourbar */
- tourbar{
clear:both; height:5em; margin:173px auto 4em; width:788px;
}
- tourbar a{
background:none repeat scroll 0 0 #CCCCCC; color:black; display:block; float:left; height:1em; padding:3em 0; text-align:center; vertical-align:middle; width:100px; margin-right:5px; margin-left:5px;
}
- tourbar a.selected{
margin-top:1em;
}
- tourbar a.left{
background-color:white; background-image:url("/wiki/images/d/da/Team-alberta-left-arrow.png"); background-repeat:no-repeat; width:54px;
}
- tourbar a.right{
background-color:white; background-image:url("/wiki/images/6/6f/Team-alberta-right-arrow.png"); background-repeat:no-repeat; width:54px;
} /* the info boxes on homepage */
- main-info-box,#info-box1,#info-box2,#info-box3,#info-box4{
height:250px; padding:18px; z-index:-1; float:left;
}
- main-info-box {
width:550px; overflow:hidden; padding:0; height:286px;
}
- tinted-info-box {
width:100% overflow:hidden; padding:10px; height:286px; clear:both; background-color: #00F2BC;
}
- left-gray-box {
width:100%; padding-left: 10px; background-color: #e6e6e6;
}
- info-box1,#info-box2,#info-box3,#info-box4 {
background-color:#00CDD0; color:#282560; overflow:hidden; width:228px; margin-top: 18px; cursor: pointer;
}
- info-box1 h2,#info-box2 h2,#info-box3 h2,#info-box4 h2{
color:#282560; text-align:center; text-transform:uppercase;
}
- info-box1 p,#info-box2 p,#info-box3 p,#info-box4 p{
color:#000
} .right-info-box{ } .center-info-box{
float:left;
} /* software */
- tourbar a.software{https://2010.igem.org/wiki/index.php?title=Team:Alberta/genomikon.css&action=edit
background-color:#B5FFEE;
}
- info-box1{
margin-top:0;
/* background-color:#00cdd0;*/
background-color:#B5FFEE; margin-left:12px;
}
- info-box1:hover {
background-color: #94FFE6;
}
/* kit box */
- tourbar a.kit {
background-color:#b8fed1;
}
- info-box2{
/*background-color: # b8fed1;*/ background-color:#D6FFE2;
}
- info-box2:hover {
background-color:#9AC2FD;
}
/* achievments boxes*/
- tourbar a.achievments{
background-color:#B4FFC9;
}
- info-box3{
/* background-color:# 7 3FF9A;*/
background-color:#B4FFC9; margin-left:17px;
}
- info-box3:hover {
background-color:#a6ffbe;
}
/* biobytes boxes */
- tourbar a.biobytes{
background-color:#BCD7FF;
}
- info-box4 {
/* background-color:#00F2BC;*/
background-color:#BCD7FF; margin-left:18px;
}
- info-box4:hover {
background-color:#33f5f6;
}
/* 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 ***********/
- footer-box{
background-color:#E6E6E6; border:none; margin:100px auto 0; padding:5px; width:965px;
} 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;
}
ul.rolodex{
list-style-type: none; list-style-image: none;
}
ul.rolodex li{
color: #282560;
} ul.rolodex li:hover {
color: #00F2BC; cursor: pointer;
}