Template:TemplateTop
From 2010.igem.org
(Difference between revisions)
(140 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: | ||
} | } | ||
- | |||
- | |||
- | |||
- | + | ||
- | + | ||
- | + | ||
#top-section { | #top-section { | ||
background: url('https://static.igem.org/mediawiki/2010/9/92/Pasekzmieniony.png') no-repeat 0px 0px; | background: url('https://static.igem.org/mediawiki/2010/9/92/Pasekzmieniony.png') no-repeat 0px 0px; | ||
- | + | border: 0px; | |
- | + | height: 150px; | |
} | } | ||
+ | |||
#menubar { | #menubar { | ||
- | margin-top: | + | margin-top: 50px; |
} | } | ||
+ | |||
#menubar li > a { | #menubar li > a { | ||
- | color: # | + | color: #808080; |
+ | } | ||
+ | |||
+ | #menubar li.selected > a { | ||
+ | color: #808080; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
Line 42: | Line 49: | ||
#menubar li { | #menubar li { | ||
color: #ffffff; | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | margin-top: 30px; | ||
+ | margin-right: 30px; | ||
} | } | ||
Line 59: | Line 71: | ||
color: #61eb13; | color: #61eb13; | ||
} | } | ||
+ | |||
+ | #content { | ||
+ | background: url("https://static.igem.org/mediawiki/2010/3/34/Tlo_strony.jpg") repeat-y; | ||
+ | border: 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #footer-box { | ||
+ | background: url("https://static.igem.org/mediawiki/2010/a/ae/Murek_dol.jpg") no-repeat 0px 0px; | ||
+ | border: 0px; | ||
+ | height: 50px; | ||
+ | } | ||
+ | |||
+ | #f-list > li a { | ||
+ | color: #ffffff; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | |||
+ | #f-list > li a:hover { | ||
+ | color: #61eb13; | ||
+ | } | ||
+ | |||
+ | #f-poweredbyico { | ||
+ | margin-right: 20px; | ||
+ | } | ||
+ | |||
+ | #f-copyrightico { | ||
+ | margin-left: 40px; | ||
+ | } | ||
+ | |||
Line 110: | Line 152: | ||
color: #333; | color: #333; | ||
padding-bottom: 2px; | padding-bottom: 2px; | ||
- | border-bottom: 1px dotted # | + | border-bottom: 1px dotted #abdf80; |
margin: 0; | margin: 0; | ||
} | } | ||
Line 117: | Line 159: | ||
.note { | .note { | ||
background: #EEE; | background: #EEE; | ||
- | background: # | + | background: #ccff99; |
padding: 4px; | padding: 4px; | ||
font-family: tahoma,verdana,sans-serif; | font-family: tahoma,verdana,sans-serif; | ||
Line 123: | Line 165: | ||
line-height: 130%; | line-height: 130%; | ||
} | } | ||
+ | |||
#main { | #main { | ||
text-align: left; | text-align: left; | ||
- | border: 1px solid # | + | 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 137: | Line 181: | ||
padding: 20px; | padding: 20px; | ||
min-height: 300px; | min-height: 300px; | ||
+ | |||
+ | <!--[if IE]> | ||
+ | margin-left: 0px; | ||
+ | <![endif]--> | ||
+ | |||
} | } | ||
Line 165: | Line 214: | ||
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
+ | margin-left: 80px; | ||
} | } | ||
Line 192: | Line 242: | ||
margin: 0 2px -2px 0; | margin: 0 2px -2px 0; | ||
float: left; | float: left; | ||
- | background: # | + | background: #ccff99; |
- | border-right: 1px solid # | + | border-right: 1px solid #abdf80; |
- | border-top: 1px solid # | + | border-top: 1px solid #abdf80; |
- | border-left: 1px solid # | + | border-left: 1px solid #abdf80; |
padding: 6px 4px 1px 10px; | padding: 6px 4px 1px 10px; | ||
text-decoration: none; | text-decoration: none; | ||
Line 206: | Line 256: | ||
margin: 2px 2px -2px 0; | margin: 2px 2px -2px 0; | ||
float: left; | float: left; | ||
- | background: # | + | background: #b0cb9a; |
- | + | border-right: 1px dotted #abdf80; | |
- | border-right: 1px dotted # | + | border-top: 1px dotted #abdf80; |
- | border-top: 1px dotted # | + | border-left: 1px dotted #abdf80; |
- | border-left: 1px dotted # | + | |
padding: 3px 4px 1px 10px; | padding: 3px 4px 1px 10px; | ||
text-decoration: none; | text-decoration: none; | ||
- | color: # | + | color: #fdfdfd; |
} | } | ||
#tabs a:hover { | #tabs a:hover { | ||
- | background: # | + | background: #b0cb9a; |
- | + | ||
- | + | ||
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:# | + | color:#525252; |
} | } | ||
Line 233: | Line 280: | ||
margin: 0 2px -2px 0; | margin: 0 2px -2px 0; | ||
float: left; | float: left; | ||
- | background: # | + | background: #ccff99; |
border-right: 1px solid #666; | border-right: 1px solid #666; | ||
border-top: 1px solid #666; | border-top: 1px solid #666; | ||
Line 247: | Line 294: | ||
margin: 0 2px -2 0; | margin: 0 2px -2 0; | ||
float: left; | float: left; | ||
- | background: # | + | background: #ccff99; |
border-right: 1px solid #666; | border-right: 1px solid #666; | ||
border-top: 1px solid #666; | border-top: 1px solid #666; | ||
Line 254: | Line 301: | ||
text-decoration: none; | text-decoration: none; | ||
color: #333; | color: #333; | ||
+ | } | ||
+ | |||
+ | #subtabs { | ||
+ | float: none; | ||
+ | clear: both; | ||
+ | height: 0px; | ||
} | } | ||
Line 268: | Line 321: | ||
float: left; | float: left; | ||
padding: 0 60px 20px 8px; | padding: 0 60px 20px 8px; | ||
- | border-left: 1px dashed # | + | border-left: 1px dashed #abdf80; |
font-size: 120%; | font-size: 120%; | ||
white-space: nowrap; | white-space: nowrap; | ||
Line 280: | Line 333: | ||
font-family: tahoma,verdana,sans-serif; | font-family: tahoma,verdana,sans-serif; | ||
font-size: 85%; | font-size: 85%; | ||
- | background: # | + | background: #ccff99; |
color: #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