"
Team:Alberta/sample.css
From 2011.igem.org
(Difference between revisions)
m |
m |
||
| Line 1: | Line 1: | ||
/* NOTE This is an edited version of the MediaWiki 'monobook' style sheet | /* NOTE This is an edited version of the MediaWiki 'monobook' style sheet | ||
| - | * edited by Team Alberta 2010 for their wiki | + | * * edited by Team Alberta 2010 for their wiki |
| - | */ | + | * */ |
div#test{ | div#test{ | ||
| - | background-color:red; | + | background-color:red; |
width:100px; | width:100px; | ||
height:100px; | height:100px; | ||
| Line 19: | Line 19: | ||
#p-logo{ | #p-logo{ | ||
| - | + | display:none; | |
} | } | ||
/* rearrange the topsection bar */ | /* rearrange the topsection bar */ | ||
#top-section{ | #top-section{ | ||
| - | + | height:0; | |
} | } | ||
#menubar{ | #menubar{ | ||
| - | + | top:0; | |
} | } | ||
#search-controls{ | #search-controls{ | ||
| - | + | top:4px; | |
| - | + | left:547px; | |
| - | + | width:0; | |
} | } | ||
#searchInput{ | #searchInput{ | ||
| - | + | border:1px solid white; | |
| - | + | position:absolute; | |
} | } | ||
/* | /* | ||
| - | #mw-searchButton{ | + | * #mw-searchButton{ |
| - | color:#FFFFFF; | + | * color:#FFFFFF; |
| - | + | * left:172px; | |
| - | + | * top:0; | |
| - | + | * position:absolute; | |
| - | } | + | * } |
| - | #searchGoButton{ | + | * #searchGoButton{ |
| - | + | * position:absolute; | |
| - | + | * left:130px; | |
| - | } | + | * } |
| - | */ | + | * */ |
#searchGoButton{ | #searchGoButton{ | ||
| - | + | display:none; | |
} | } | ||
#mw-searchButton{ | #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("https://static.igem.org/mediawiki/2010/8/83/Team-alberta-search-glass.png"); | |
| - | + | background-position:center center; | |
| - | + | background-repeat:no-repeat; | |
} | } | ||
| Line 73: | Line 73: | ||
/******** things we added ****************/ | /******** things we added ****************/ | ||
#tour-link{ | #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{ | #tour-link:hover{ | ||
| - | + | background-color:#403B9D; | |
| - | + | cursor: pointer; | |
} | } | ||
#tour-link p { | #tour-link p { | ||
| - | + | margin: 0; | |
| - | + | color:#FFFFFF; | |
| - | + | font-weight:bold; | |
| - | + | font-size:30px; | |
} | } | ||
div#igem-logo-link{ | 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:870px; | |
| - | + | top:33px; | |
} | } | ||
div#igem-logo-link a{ | div#igem-logo-link a{ | ||
| - | + | color:transparent; | |
| - | + | display:block; | |
| - | + | height:77px; | |
| - | + | width:100px; | |
} | } | ||
#top-strip{ | #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{ | #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 ***/ | /*** position the genomikon logo ***/ | ||
#top-strip a img{ | #top-strip a img{ | ||
| - | + | position:absolute; | |
| - | + | top:38px; | |
| - | + | left:0; | |
| - | + | width:auto; | |
| - | + | height:79px; | |
} | } | ||
/*** navbar styling **/ | /*** navbar styling **/ | ||
#navbar { | #navbar { | ||
| - | + | position:absolute; | |
| - | + | top:131px; | |
} | } | ||
#navbar ul { | #navbar ul { | ||
| - | + | list-style:none; | |
| - | + | width:100%; | |
} | } | ||
#navbar ul li{ | #navbar ul li{ | ||
| - | + | float:left; | |
| - | + | position:relative; | |
} | } | ||
#navbar ul li a:visited,#navbar ul li a:link{ | #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 { | #navbar ul li a:hover,#navbar ul li a.selected { | ||
| - | + | color:#00F2BC; | |
| - | + | text-decoration:none; | |
} | } | ||
#navbar li.headlink ul{ | #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{ | #navbar li.headlink ul li{ | ||
| - | + | float:none; | |
} | } | ||
| Line 186: | Line 186: | ||
/* make a content area in center and a sidebar on each side*/ | /* make a content area in center and a sidebar on each side*/ | ||
#left-sidebar, #right-sidebar, #center-content, #wide-content{ | #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{ | #left-sidebar.not-top, #right-sidebar.not-top, #center-content.not-top, #wide-content.not-top{ | ||
| - | + | margin-top:0; | |
} | } | ||
#center-content{ | #center-content{ | ||
| - | + | width:550px; | |
} | } | ||
| + | |||
/*The centre content for the Timeline needs to be a bit wider*/ | /*The centre content for the Timeline needs to be a bit wider*/ | ||
#center-content .timeline{ | #center-content .timeline{ | ||
| - | + | width:800px; | |
| - | + | float:none; | |
} | } | ||
#wide-content{ | #wide-content{ | ||
| - | + | width:1075px; | |
} | } | ||
#left-sidebar, #right-sidebar{ | #left-sidebar, #right-sidebar{ | ||
| - | + | width:198px; | |
} | } | ||
/*Need Timeline to start at left*/ | /*Need Timeline to start at left*/ | ||
#left-sidebar .Timeline{ | #left-sidebar .Timeline{ | ||
| - | + | width:0px; | |
} | } | ||
#left-sidebar{ | #left-sidebar{ | ||
| - | + | margin-right:20px; | |
} | } | ||
#right-sidebar{ | #right-sidebar{ | ||
| - | + | border:none; | |
| - | + | margin-left:20px; | |
| - | + | ||
| - | /* position: absolute; | + | /* position: absolute; |
| - | + | * right: 0px; | |
| - | + | * width: 190px; | |
| - | + | * border-left: 3px solid gray; | |
| - | + | * font-size: 95%; | |
| - | + | * line-height: 90%;*/ | |
} | } | ||
#tourbar-back{ | #tourbar-back{ | ||
| - | + | clear:both; | |
| - | + | height: 3px; | |
| - | + | width: 100%; | |
| - | + | background-color: #EEEEEE; | |
} | } | ||
/* the tourbar */ | /* the tourbar */ | ||
#tourbar{ | #tourbar{ | ||
| - | + | clear:both; | |
| - | + | height:5em; | |
| - | + | margin:173px auto 4em; | |
| - | + | width:788px; | |
} | } | ||
#tourbar a{ | #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{ | #tourbar a:hover{ | ||
| - | + | text-decoration: none; | |
| - | + | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); | |
| - | + | -moz-opacity: 0.5; | |
| - | + | opacity: 0.5; | |
} | } | ||
#tourbar a.selected{ | #tourbar a.selected{ | ||
| - | + | margin-top:1em; | |
} | } | ||
#tourbar a.left{ | #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{ | #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 */ | /* the info boxes on homepage */ | ||
#main-info-box,#info-box1,#info-box2,#info-box3,#info-box4{ | #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 { | #info-box1 ol,#info-box2 ol,#info-box3 ol,#info-box4 ol { | ||
| - | + | margin-left: 1em; | |
} | } | ||
#main-info-box { | #main-info-box { | ||
| - | + | width:550px; | |
| - | + | overflow:hidden; | |
| - | + | padding:0; | |
| - | + | height:286px; | |
| - | + | position: relative; | |
| - | + | z-index: 10; | |
} | } | ||
#tinted-info-box { | #tinted-info-box { | ||
| - | + | width:100% | |
| - | + | overflow:hidden; | |
| - | + | padding:10px; | |
| - | + | height:286px; | |
| - | + | clear:both; | |
| - | + | background-color: #00F2BC; | |
| - | + | ||
} | } | ||
#left-gray-box { | #left-gray-box { | ||
| - | + | width:100%; | |
| - | + | padding-left: 10px; | |
| - | + | background-color: #e6e6e6; | |
} | } | ||
#info-box1,#info-box2,#info-box3,#info-box4 { | #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{ | #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{ | #info-box1 p,#info-box2 p,#info-box3 p,#info-box4 p{ | ||
| - | + | color:#000 | |
} | } | ||
.right-info-box{ | .right-info-box{ | ||
} | } | ||
.center-info-box{ | .center-info-box{ | ||
| - | + | float:left; | |
} | } | ||
/* software */ | /* software */ | ||
#tourbar a.software{ | #tourbar a.software{ | ||
| - | + | background-color:#B5FFEE; | |
} | } | ||
#info-box1{ | #info-box1{ | ||
| - | + | margin-top:0; | |
| - | /* background-color:#00cdd0;*/ | + | /* background-color:#00cdd0;*/ |
| - | + | background-color:#B5FFEE; | |
| - | + | margin-left:12px; | |
} | } | ||
#info-box1:hover { | #info-box1:hover { | ||
| - | + | background-color: #93DDB4 | |
} | } | ||
/* kit box */ | /* kit box */ | ||
#tourbar a.kit { | #tourbar a.kit { | ||
| - | + | background-color:#b8fed1; | |
} | } | ||
#info-box2{ | #info-box2{ | ||
| - | + | /*background-color: # b8fed1;*/ | |
| - | + | background-color:#D6FFE2; | |
} | } | ||
#info-box2:hover { | #info-box2:hover { | ||
| - | + | /*background-color:#9AC2FD;*/ | |
| - | + | background-color:#A6FFC0; | |
} | } | ||
/* achievments boxes*/ | /* achievments boxes*/ | ||
#tourbar a.achievements{ | #tourbar a.achievements{ | ||
| - | + | background-color:#B4FFC9; | |
} | } | ||
#info-box3{ | #info-box3{ | ||
| - | /* background-color:# 7 3FF9A;*/ | + | /* background-color:# 7 3FF9A;*/ |
| - | + | background-color:#B4FFC9; | |
| - | + | margin-left:17px; | |
} | } | ||
#info-box3:hover { | #info-box3:hover { | ||
| - | + | background-color:#93DDb8; | |
} | } | ||
/* biobytes boxes */ | /* biobytes boxes */ | ||
#tourbar a.biobytes{ | #tourbar a.biobytes{ | ||
| - | + | background-color:#BCD7FF; | |
} | } | ||
#info-box4 { | #info-box4 { | ||
| - | /* background-color:#00F2BC;*/ | + | /* background-color:#00F2BC;*/ |
| - | + | background-color:#BCD7FF; | |
| - | + | margin-left:18px; | |
} | } | ||
#info-box4:hover { | #info-box4:hover { | ||
| - | /* background-color:#33f5f6;*/ | + | /* background-color:#33f5f6;*/ |
| - | + | background-color:#9AC2FD; | |
} | } | ||
| Line 405: | Line 406: | ||
#mytable | #mytable | ||
{ | { | ||
| - | + | width: 100%; | |
| - | + | padding: 0; | |
| - | + | margin: 0; | |
} | } | ||
#mytable th | #mytable th | ||
{ | { | ||
| - | + | background-color:#FFFCD5; | |
| - | + | color:#fff; | |
| - | + | padding:6px 6px 6px 12px; | |
| - | + | text-align:left; | |
} | } | ||
#mytable td | #mytable td | ||
{ | { | ||
| - | + | background: #ccc; | |
| - | + | padding: 0.3em 0.3em 0.3em 0.7em; | |
| - | + | color: #FFFCD5; | |
} | } | ||
| Line 428: | Line 429: | ||
#mytable td.alt | #mytable td.alt | ||
{ | { | ||
| - | + | background: #ffffff; | |
| - | + | color: #FFFCD5; | |
} | } | ||
#mytable th.spec | #mytable th.spec | ||
{ | { | ||
| - | + | background: #a5a5a5 no-repeat; | |
| - | + | font: bold 1em "Trebuchet MS", Times; | |
| - | + | color: #ffffff; | |
} | } | ||
#mytable th.specalt | #mytable th.specalt | ||
{ | { | ||
| - | + | background: #ffffff no-repeat; | |
| - | + | font: bold 1em "Trebuchet MS", Times; | |
| - | + | color: #656565; | |
} | } | ||
#mytable a:visited, #mytable a:link, #mytable a:hover{ | #mytable a:visited, #mytable a:link, #mytable a:hover{ | ||
| - | + | color:#FFFCD5; | |
| - | + | text-decoration:underline; | |
} | } | ||
#mytable a:hover { | #mytable a:hover { | ||
| - | + | color:#00F2BC; | |
} | } | ||
| Line 457: | Line 458: | ||
#toctitle, span.tocnumber { | #toctitle, span.tocnumber { | ||
| - | + | display:none; | |
} | } | ||
.toclevel-1{ | .toclevel-1{ | ||
| - | + | margin-bottom:1em; | |
} | } | ||
.toclevel-2{ | .toclevel-2{ | ||
| - | + | display:none; | |
} | } | ||
span.toctext { | span.toctext { | ||
| - | + | color: #FFFCD5; | |
| - | + | font-size:14px; | |
| - | + | line-height:14px; | |
} | } | ||
#footer-box{ | #footer-box{ | ||
| - | + | background-color:#E6E6E6; | |
| - | + | border:none; | |
| - | + | margin:100px auto 0; | |
| - | + | padding:5px; | |
| - | + | width:965px; | |
} | } | ||
body { | body { | ||
| - | + | background-color:#FFFFFF; | |
| - | + | background-image:url("https://static.igem.org/mediawiki/2010/3/36/Team-Alberta-topStrip.png"); | |
| - | + | background-repeat:repeat-x; | |
} | } | ||
#thanks-footer{ | #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; | |
} | } | ||
| Line 499: | Line 500: | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
| - | + | color: #9D2063; | |
| - | + | border:none; | |
} | } | ||
h2 { | h2 { | ||
| - | + | line-height:125%; | |
} | } | ||
h3{ | 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{ | span.editsection, span.editsection a{ | ||
| - | + | color:#ccc; | |
} | } | ||
body{ | body{ | ||
| - | + | background-color:#fff; | |
} | } | ||
#content{ | #content{ | ||
| - | + | border:none; | |
| - | + | width:975px; | |
| - | + | padding-left:0; | |
| - | + | padding-right:0; | |
} | } | ||
#menubar li a, #menubar .selected a, #menubar li a:visited{ | #menubar li a, #menubar .selected a, #menubar li a:visited{ | ||
| - | + | color: #888; | |
} | } | ||
#menubar li a:hover{ | #menubar li a:hover{ | ||
| - | + | color: #00F2BC; | |
} | } | ||
| Line 540: | Line 541: | ||
/* table of contents */ | /* table of contents */ | ||
#toc{ | #toc{ | ||
| - | + | background-color: #EEEEEE; | |
| - | + | border:none; | |
| - | + | width:100%; | |
| - | + | padding-top: 14px; | |
| - | + | -moz-border-radius: 10px; | |
| - | + | border-radius: 10px; | |
} | } | ||
/*timeline stuff*/ | /*timeline stuff*/ | ||
| Line 552: | Line 553: | ||
#May{ | #May{ | ||
| - | background-color: Orange; | + | background-color: Orange; |
height: 500px; | height: 500px; | ||
width: 780 px; | width: 780 px; | ||
| Line 559: | Line 560: | ||
ul.rolodex{ | ul.rolodex{ | ||
| - | + | list-style-type: none; | |
| - | + | list-style-image: none; | |
} | } | ||
ul.rolodex li{ | ul.rolodex li{ | ||
| - | + | color: #FFFCD5; | |
} | } | ||
ul.rolodex li:hover { | ul.rolodex li:hover { | ||
| - | + | color: #00F2BC; | |
| - | + | cursor: pointer; | |
} | } | ||
.startimage:hover { | .startimage:hover { | ||
| - | + | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); | |
| - | + | -moz-opacity: 0.5; | |
| - | + | opacity: 0.5; | |
} | } | ||
div#horiz-line { | div#horiz-line { | ||
| - | + | height: 3px; | |
| - | + | width: 100%; | |
| - | + | background-color: #FFFCD5; | |
| - | + | margin-top: -1em; | |
| - | + | margin-bottom: 1em; | |
} | } | ||
#highschool4 { | #highschool4 { | ||
| - | + | position: relative; | |
| - | + | top: 468px; | |
} | } | ||
Revision as of 05:39, 26 June 2011
/* 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;
} body {
background-color:#FFFFFF;
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;
}
