|
|
| Line 1: |
Line 1: |
| - | /* 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;
| |
| - | }
| |
| - |
| |
| - | div#preload { display: none; }
| |
| - |
| |
| - | /* 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;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #searchGoButton{
| |
| - | display:none;
| |
| - | }
| |
| - | #mw-searchButton{
| |
| - | background-color:#3C2415;
| |
| - | 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;
| |
| - | }
| |
| - |
| |
| - | #catlinks{
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | /*** position the genomikon logo ***/
| |
| - | #top-strip a img{
| |
| - | position:absolute;
| |
| - | top:38px;
| |
| - | left:0;
| |
| - | width:auto;
| |
| - | height:79px;
| |
| - | }
| |
| - |
| |
| - | /*** navbar styling **/
| |
| - | #navbar {
| |
| - | width:1050px;
| |
| - | position:absolute;
| |
| - | top:16px;
| |
| - | left:-25px;
| |
| - | font-size:11px;
| |
| - | }
| |
| - |
| |
| - | #navbar ul {
| |
| - | list-style:none;
| |
| - | /* list-style-type:none;*/
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | /*overflow:hidden;*/
| |
| - | /* for IE */
| |
| - | filter:alpha(opacity=96);
| |
| - | /* CSS3 standard */
| |
| - | opacity:0.96;
| |
| - |
| |
| - | }
| |
| - | #navbar ul li{
| |
| - | float:left;
| |
| - | position:relative;
| |
| - | }
| |
| - |
| |
| - | #navbar ul li a:visited,#navbar ul li a:link{
| |
| - | display:block;
| |
| - | width:150px;
| |
| - | height:28px;
| |
| - | color:#FFFFFF;
| |
| - | background-color:#F7941E;
| |
| - | text-align:center;
| |
| - |
| |
| - | }
| |
| - | #navbar ul li a:hover,#navbar ul li a.selected {
| |
| - | background-color:#3C2415;
| |
| - | text-decoration:none;
| |
| - | left:auto;
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #navbar li.headlink ul{
| |
| - | display:none;
| |
| - | list-style:none;
| |
| - | background-color:#3C2415;
| |
| - | text-align:center;
| |
| - | padding:6px,0px;
| |
| - |
| |
| - | position:absolute;
| |
| - |
| |
| - |
| |
| - | }
| |
| - | #navbar li.headlink ul li{
| |
| - | float:center;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*
| |
| - | div#navbar {
| |
| - | width: 900px;
| |
| - | }
| |
| - | #navbar {
| |
| - | position:absolute;
| |
| - | top:200px;
| |
| - | }
| |
| - | #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;
| |
| - |
| |
| - | }
| |
| - | #navbar ul li a:hover,#navbar ul li a.selected {
| |
| - | text-decoration: underline;
| |
| - | font-weight: bold;
| |
| - | color:#3C2415;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - | #navbar li.headlink ul{
| |
| - | display:table;
| |
| - | display:none;
| |
| - | background-color:#F7941E;
| |
| - | text-align:left;
| |
| - | padding:10px;
| |
| - | z-index:20;
| |
| - | position:absolute;
| |
| - | left:-10px;
| |
| - | width:100%;
| |
| - | }
| |
| - | #navbar li.headlink ul li{
| |
| - | float:center;
| |
| - | }
| |
| - | */
| |
| - |
| |
| - |
| |
| - |
| |
| - | /* 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:160px;
| |
| - | 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{
| |
| - | margin-top:160px;
| |
| - | 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;
| |
| - | }
| |
| - |
| |
| - | #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: #3C2415;
| |
| - | font-size:14px;
| |
| - | line-height:14px;
| |
| - | }
| |
| - |
| |
| - | #footer-box{
| |
| - | background-color:#E6E6E6;
| |
| - | border:none;
| |
| - | margin:100px auto 0;
| |
| - | padding:5px;
| |
| - | width:965px;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | background-color:#F7941E;
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/7/74/TeamAlberta-strip2.png");
| |
| - | background-repeat:repeat-x;
| |
| - | font-family:corbel;
| |
| - | text-align:justify;
| |
| - | }
| |
| - |
| |
| - | #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: #3c2415;
| |
| - | border:none;
| |
| - | font-family:eurostile;
| |
| - | }
| |
| - |
| |
| - | h2 {
| |
| - | line-height:125%;
| |
| - | }
| |
| - |
| |
| - | h3{
| |
| - | font-size:100%;
| |
| - | font-weight:normal;
| |
| - | position:relative;
| |
| - | top:-1em;
| |
| - | color: #3c2415;
| |
| - | font-style: italic;
| |
| - | margin-bottom: -0.5em;
| |
| - | }
| |
| - |
| |
| - | span.editsection, span.editsection a{
| |
| - | color:#ccc;
| |
| - | }
| |
| - | body{
| |
| - | background-color:#fff;
| |
| - | }
| |
| - | #content{
| |
| - | border:none;
| |
| - |
| |
| - | padding:0;
| |
| - | background:none;
| |
| - |
| |
| - |
| |
| - | }
| |
"
