Template:TemplateTop

From 2010.igem.org

(Difference between revisions)
 
(104 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<script type="text/javascript">
 +
 +
var elem = document.getElementById('p-logo');
 +
elem.innerHTML='<a href="https://2010.igem.org/Team:Warsaw"><img src="https://static.igem.org/mediawiki/2010/9/92/Pasekzmieniony.png"/></a>';
 +
</script>
 +
<head>
<head>
<title>Example Tabs</title>
<title>Example Tabs</title>
Line 13: Line 19:
}
}
-
#content {
 
-
  //border: 2px solid red;
 
-
}
 
-
#p-logo a {
+
 
-
    visibility: hidden;   
+
-
}
+
#top-section {
#top-section {
Line 26: Line 27:
     height: 150px;
     height: 150px;
}
}
 +
#menubar {
#menubar {
-
     margin-top: 50px;
+
     margin-top: 50px;
}
}
 +
#menubar li > a {
#menubar li > a {
Line 67: Line 70:
#mw-searchButton:hover {
#mw-searchButton:hover {
  color: #61eb13;
  color: #61eb13;
 +
}
 +
 +
#content {
 +
    background: url("https://static.igem.org/mediawiki/2010/3/34/Tlo_strony.jpg") repeat-y;
 +
    border: 0px;
}
}
#footer-box {
#footer-box {
-
     background: url("https://static.igem.org/mediawiki/2010/a/ae/Murek_dol.jpg") no-repeat;
+
     background: url("https://static.igem.org/mediawiki/2010/a/ae/Murek_dol.jpg") no-repeat 0px 0px;
     border: 0px;
     border: 0px;
-
     height: 60px;
+
     height: 50px;
}
}
Line 144: Line 152:
     color: #333;
     color: #333;
     padding-bottom: 2px;
     padding-bottom: 2px;
-
     border-bottom: 1px dotted #CCC;
+
     border-bottom: 1px dotted #abdf80;
     margin: 0;
     margin: 0;
}
}
Line 151: Line 159:
.note {
.note {
     background: #EEE;
     background: #EEE;
-
     background: #FFF3B3;
+
     background: #ccff99;
     padding: 4px;
     padding: 4px;
     font-family: tahoma,verdana,sans-serif;
     font-family: tahoma,verdana,sans-serif;
Line 157: Line 165:
     line-height: 130%;
     line-height: 130%;
}
}
 +
#main {
#main {
     text-align: left;
     text-align: left;
-
     border: 1px solid #CCC181;
+
     border: 1px solid #abdf80;
     background: #FFFDF3;
     background: #FFFDF3;
     clear: both;
     clear: both;
     width: 98%;
     width: 98%;
     margin-top: -1px;
     margin-top: -1px;
 +
    margin-left: 8px;
}
}
Line 171: Line 181:
     padding: 20px;
     padding: 20px;
     min-height: 300px;
     min-height: 300px;
 +
 +
<!--[if IE]>
 +
margin-left: 0px;
 +
<![endif]-->
 +
}
}
Line 199: Line 214:
     text-align: center;
     text-align: center;
     text-decoration: none;
     text-decoration: none;
 +
    margin-left: 80px;
}
}
Line 226: Line 242:
     margin: 0 2px -2px 0;
     margin: 0 2px -2px 0;
     float: left;
     float: left;
-
     background: #FFF3B3;
+
     background: #ccff99;
-
     border-right: 1px solid #CCC181;
+
     border-right: 1px solid #abdf80;
-
     border-top: 1px solid #CCC181;
+
     border-top: 1px solid #abdf80;
-
     border-left: 1px solid #CCC181;
+
     border-left: 1px solid #abdf80;
     padding: 6px 4px 1px 10px;
     padding: 6px 4px 1px 10px;
     text-decoration: none;
     text-decoration: none;
Line 240: Line 256:
     margin: 2px 2px -2px 0;
     margin: 2px 2px -2px 0;
     float: left;
     float: left;
-
     background: #99FF66;
+
     background: #b0cb9a;
-
    background: #CCFF99;
+
     border-right: 1px dotted #abdf80;
-
     border-right: 1px dotted #CCC181;
+
     border-top: 1px dotted #abdf80;
-
     border-top: 1px dotted #CCC181;
+
     border-left: 1px dotted #abdf80;
-
     border-left: 1px dotted #CCC181;
+
     padding: 3px 4px 1px 10px;
     padding: 3px 4px 1px 10px;
     text-decoration: none;
     text-decoration: none;
-
     color: #666;
+
     color: #fdfdfd;
}
}
#tabs a:hover {
#tabs a:hover {
-
     background: #FFF7CD;
+
     background: #b0cb9a;
-
    background: #99FF66;
+
-
    background: #CCFF99;
+
     position: relative;
     position: relative;
     top: 0;
     top: 0;
     padding: 5px 4px 1px 10px;
     padding: 5px 4px 1px 10px;
     margin:  0px 2px -2px 0;
     margin:  0px 2px -2px 0;
-
     color:#000000;
+
     color:#525252;
}
}
Line 267: Line 280:
     margin: 0 2px -2px 0;
     margin: 0 2px -2px 0;
     float: left;
     float: left;
-
     background: #FFF3B3;
+
     background: #ccff99;
     border-right: 1px solid #666;
     border-right: 1px solid #666;
     border-top: 1px solid #666;
     border-top: 1px solid #666;
Line 281: Line 294:
     margin: 0 2px -2 0;
     margin: 0 2px -2 0;
     float: left;
     float: left;
-
     background: #FFF3B3;
+
     background: #ccff99;
     border-right: 1px solid #666;
     border-right: 1px solid #666;
     border-top: 1px solid #666;
     border-top: 1px solid #666;
Line 288: Line 301:
     text-decoration: none;
     text-decoration: none;
     color: #333;
     color: #333;
 +
}
 +
 +
#subtabs {
 +
    float: none;
 +
    clear: both;
 +
    height: 0px;
}
}
Line 302: Line 321:
     float: left;
     float: left;
     padding: 0 60px 20px 8px;
     padding: 0 60px 20px 8px;
-
     border-left: 1px dashed #CCC;
+
     border-left: 1px dashed #abdf80;
     font-size: 120%;
     font-size: 120%;
     white-space: nowrap;
     white-space: nowrap;
Line 314: Line 333:
     font-family: tahoma,verdana,sans-serif;
     font-family: tahoma,verdana,sans-serif;
     font-size: 85%;
     font-size: 85%;
-
     background: #FFF3B3;
+
     background: #ccff99;
-
     color: red; //#666;
+
     color: #666;
     padding: 8px 7px 21px 7px; /* for All other Browsers */
     padding: 8px 7px 21px 7px; /* for All other Browsers */
 +
}
 +
 +
#subtabs li > a {
 +
    color: #6a6a6a;
 +
}
 +
 +
#subtabs li > a:hover {
 +
    color: #383838;
 +
}
 +
 +
#subtabs li > a.active {
 +
    font-weight: bold;
}
}

Latest revision as of 10:44, 26 October 2010

Example Tabs