"
Team:Alberta/sample.css
From 2011.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 */
- info-box1 h2 .editsection, #info-box2 h2 .editsection, #info-box3 h2 .editsection, #info-box4 h2 .editsection{
display:none; } h1.firstHeading { display:none; }
- p-logo{
display:none;
}
/* rearrange the topsection bar */
- top-section{
height:0;
}
- menubar{
top:0;
}
- search-controls{
top:4px;
left:547px;
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:#FFFCD5;
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 ****************/
- tour-link{
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background-color:#FFFCD5;
position: absolute;
bottom: 0px;
left: 0px;
padding:28px;
width: 89%;
text-align:center;
z-index: 10;
}
- tour-link:hover{
background-color:#403B9D;
cursor: pointer;
}
- tour-link p {
margin: 0;
color:#FFFFFF;
font-weight:bold;
font-size:30px;
}
div#igem-logo-link{
background-color:transparent;
background-image:url("
");
height:77px;
margin:0;
position:absolute;
width:100px;
left:870px;
top:33px;
}
div#igem-logo-link a{
color:transparent;
display:block;
height:77px;
width:100px;
}
- top-strip{
background-color:#FFFCD5;
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;
width:100%;
}
- 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:table;
display:none;
background-color:#FFFCD5;
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%;*/
}
- tourbar-back{
clear:both;
height: 3px;
width: 100%;
background-color: #EEEEEE;
} /* 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;
font-weight: bold;
width:100px;
margin-right:5px;
margin-left:5px;
-moz-border-radius: 10px;
border-radius: 10px;
}
- tourbar a:hover{
text-decoration: none;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
- 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;
}
- info-box1 ol,#info-box2 ol,#info-box3 ol,#info-box4 ol {
margin-left: 1em;
}
- main-info-box {
width:550px;
overflow:hidden;
padding:0;
height:286px;
position: relative;
z-index: 10;
}
- 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:#FFFCD5;
overflow:hidden;
width:228px;
margin-top: 18px;
cursor: pointer;
-moz-border-radius: 10px;
border-radius: 10px;
}
- info-box1 h2,#info-box2 h2,#info-box3 h2,#info-box4 h2{
color:#FFFCD5;
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{
background-color:#B5FFEE;
}
- info-box1{
margin-top:0;
/* background-color:#00cdd0;*/
background-color:#B5FFEE;
margin-left:12px;
}
- info-box1:hover {
background-color: #93DDB4
}
/* kit box */
- tourbar a.kit {
background-color:#b8fed1;
}
- info-box2{
/*background-color: # b8fed1;*/
background-color:#D6FFE2;
}
- info-box2:hover {
/*background-color:#9AC2FD;*/
background-color:#A6FFC0;
}
/* achievments boxes*/
- tourbar a.achievements{
background-color:#B4FFC9;
}
- info-box3{
/* background-color:# 7 3FF9A;*/
background-color:#B4FFC9;
margin-left:17px;
}
- info-box3:hover {
background-color:#93DDb8;
}
/* 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;*/
background-color:#9AC2FD;
}
/* parts table */
- mytable
{
width: 100%;
padding: 0;
margin: 0;
}
- mytable th
{
background-color:#FFFCD5;
color:#fff;
padding:6px 6px 6px 12px;
text-align:left;
}
- mytable td
{
background: #ccc;
padding: 0.3em 0.3em 0.3em 0.7em;
color: #FFFCD5;
}
- mytable td.alt
{
background: #ffffff;
color: #FFFCD5;
}
- 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:#FFFCD5;
text-decoration:underline;
}
- mytable a:hover {
color:#00F2BC;
}
/********* things we changed ***********/
- toctitle, span.tocnumber {
display:none;
} .toclevel-1{
margin-bottom:1em;
} .toclevel-2{
display:none;
} span.toctext {
color: #FFFCD5;
font-size:14px;
line-height:14px;
}
- footer-box{
background-color:#E6E6E6;
border:none;
margin:100px auto 0;
padding:5px;
width:965px;
} header { background: #000; padding: 15px 0; } body {
background-color:#39B54A;
/* background-image:url("
");*/
background-repeat:repeat-x;
}
- thanks-footer{
position: relative;
width: 1032px;
left: 0px;
clear:both;
background-color: #DDDDDD;
top: 12px;
border-radius: 10px;
-moz-border-radius: 10px;
text-align: center;
}
/* new colors */
h1, h2, h3, h4, h5, h6 {
color: #9D2063;
border:none;
}
h2 {
line-height:125%;
}
h3{
font-size:100%;
font-weight:normal;
position:relative;
top:-1em;
color: #FFFCD5;
font-style: italic;
margin-bottom: -0.5em;
}
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: #EEEEEE;
border:none;
width:100%;
padding-top: 14px;
-moz-border-radius: 10px;
border-radius: 10px;
} /*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: #FFFCD5;
} ul.rolodex li:hover {
color: #00F2BC;
cursor: pointer;
}
.startimage:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
} div#horiz-line {
height: 3px;
width: 100%;
background-color: #FFFCD5;
margin-top: -1em;
margin-bottom: 1em;
}
- highschool4 {
position: relative;
top: 468px;
}
