Team:Alberta
From 2010.igem.org
m (→Genomikon: an Educational Toolkit for the Rapid Assembly of Plasmids.) |
|||
Line 1: | Line 1: | ||
- | |||
- | |||
- | + | /* 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: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("https://static.igem.org/mediawiki/2010/8/83/Team-alberta-search-glass.png"); | ||
+ | background-position:center center; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | { | + | /******** things we added ****************/ |
+ | div#igem-logo-link{ | ||
+ | background-color:transparent; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2010/7/74/Team-Alberta-IGEM-logo100x77.png"); | ||
+ | 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; | ||
+ | } | ||
+ | #navbar li.headlink ul li{ | ||
+ | float:none; | ||
+ | } | ||
- | |||
- | |||
- | {{Team:Alberta/ | + | /* make a content area in center and a sidebar on each side*/ |
+ | #left-sidebar, #right-sidebar, #center-content, #wide-content{ | ||
+ | float:left; | ||
+ | /* position below the drop down menus*/ | ||
+ | z-index:-1; | ||
+ | /* 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 tourbar */ | ||
+ | #tourbar{ | ||
+ | clear:both; | ||
+ | height:5em; | ||
+ | margin:173px auto 4em; | ||
+ | width:678px; | ||
+ | } | ||
+ | #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; | ||
+ | } | ||
+ | #main-info-box { | ||
+ | width:100%; | ||
+ | overflow:hidden; | ||
+ | padding:0; | ||
+ | height:286px; | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | #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{ | ||
+ | position:relative; | ||
+ | left:1px; | ||
+ | } | ||
+ | .center-info-box{ | ||
+ | float:left; | ||
+ | } | ||
+ | /* software */ | ||
+ | #tourbar a.software{ | ||
+ | background-color:#00cdd0; | ||
+ | } | ||
+ | #info-box1{ | ||
+ | margin-top:0; | ||
+ | background-color:#00cdd0; | ||
+ | } | ||
+ | |||
+ | #info-box1:hover { | ||
+ | background-color: #33fffc; | ||
+ | } | ||
+ | |||
+ | /* kit box */ | ||
+ | #tourbar a.kit { | ||
+ | background-color:#b8fed1; | ||
+ | } | ||
+ | #info-box2{ | ||
+ | background-color:#b8fed1; | ||
+ | height:268px; | ||
+ | padding-top:0; | ||
+ | } | ||
+ | #info-box2:hover { | ||
+ | background-color:#e1fff4; | ||
+ | } | ||
+ | |||
+ | /* achievments boxes*/ | ||
+ | #tourbar a.achievments{ | ||
+ | background-color:#73FF9A; | ||
+ | } | ||
+ | #info-box3{ | ||
+ | background-color:#73FF9A; | ||
+ | margin-left:0; | ||
+ | } | ||
+ | #info-box3:hover { | ||
+ | background-color:#a6ffbe; | ||
+ | } | ||
+ | |||
+ | /* biobytes boxes */ | ||
+ | #tourbar a.biobytes{ | ||
+ | background-color:#00F2BC; | ||
+ | } | ||
+ | #info-box4 { | ||
+ | background-color:#00F2BC; | ||
+ | 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("https://static.igem.org/mediawiki/2010/3/36/Team-Alberta-topStrip.png"); | ||
+ | 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; | ||
+ | } |
Revision as of 22:44, 25 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: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;
}
- 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; /* position below the drop down menus*/ z-index:-1; /* 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 tourbar */
- tourbar{
clear:both; height:5em; margin:173px auto 4em; width:678px;
}
- 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;
}
- main-info-box {
width:100%; overflow:hidden; padding:0; height:286px; clear:both;
}
- 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{
position:relative; left:1px;
} .center-info-box{
float:left;
} /* software */
- tourbar a.software{
background-color:#00cdd0;
}
- info-box1{
margin-top:0; background-color:#00cdd0;
}
- info-box1:hover {
background-color: #33fffc;
}
/* kit box */
- tourbar a.kit {
background-color:#b8fed1;
}
- info-box2{
background-color:#b8fed1; height:268px; padding-top:0;
}
- info-box2:hover {
background-color:#e1fff4;
}
/* achievments boxes*/
- tourbar a.achievments{
background-color:#73FF9A;
}
- info-box3{
background-color:#73FF9A; margin-left:0;
}
- info-box3:hover {
background-color:#a6ffbe;
}
/* biobytes boxes */
- tourbar a.biobytes{
background-color:#00F2BC;
}
- info-box4 {
background-color:#00F2BC; 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;
}