Template:Imperial/StartPage2
From 2008.igem.org
(Difference between revisions)
m (New page: {{Imperial/NoTitle}} {{Imperial/CalendarCode}} {{Imperial/Navbar2}} <html> <style type="text/css"> div.Section { font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif; } /* Text ...) |
m |
||
(149 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | {{Imperial/NoTitle}} | + | {{Imperial/NoTitle}}__NOEDITSECTION__{{Imperial/CalendarCode}}__NOTOC__<html><style type="text/css"> |
- | {{Imperial/CalendarCode}} | + | |
- | + | ||
- | + | /* Toolbar */ | |
- | + | div.Toolbar { | |
+ | background-image: url(http://i59.photobucket.com/albums/g305/Timpski/ToolbarBackground.png); | ||
+ | background-size: 100%; | ||
+ | background-origin: content; | ||
+ | } | ||
+ | |||
+ | /* Our Content Area */ | ||
div.Section { | div.Section { | ||
font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif; | font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif; | ||
+ | color:#E5EBFF; | ||
+ | background-image: url(http://openwetware.org/images/a/a0/Background.PNG); | ||
+ | background-size: 100%; | ||
+ | background-origin: content; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | /* General Page Formatting */ | ||
+ | body, div#footer-box { | ||
+ | background-color:#E5EBFF; | ||
+ | } | ||
+ | |||
+ | div#top-section, div#content, div#footer-box { | ||
+ | border-width: 4px; border-color: #66aadd | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | filter:alpha(opacity=00);-moz-opacity:.00;opacity:.00; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | background-image: url(http://i59.photobucket.com/albums/g305/Timpski/wiki.png); | ||
+ | background-size: 100%; | ||
+ | background-origin: content; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background-color: #E5EBFF; | ||
} | } | ||
Line 22: | Line 54: | ||
font:22pt Calibri, Verdana, Arial, Geneva, sans-serif; | font:22pt Calibri, Verdana, Arial, Geneva, sans-serif; | ||
text-align:left; | text-align:left; | ||
- | color:# | + | color:#E5EBFF; |
font-weight:bold; | font-weight:bold; | ||
} | } | ||
Line 29: | Line 61: | ||
div.Section h2 { | div.Section h2 { | ||
font:18pt Calibri, Verdana, Arial, Geneva, sans-serif; | font:18pt Calibri, Verdana, Arial, Geneva, sans-serif; | ||
- | color:# | + | color:#E5EBFF; |
margin-left:5px; | margin-left:5px; | ||
font-weight:bold; | font-weight:bold; | ||
Line 36: | Line 68: | ||
/* Subsubheadings */ | /* Subsubheadings */ | ||
div.Section h3 { | div.Section h3 { | ||
- | font: | + | font:22pt Calibri, Verdana, Arial, sans-serif; |
- | color:# | + | color:#E5EBFF; |
margin-left:10px; | margin-left:10px; | ||
+ | font-weight:bold; | ||
+ | background-color:transparent; | ||
} | } | ||
/* Subsubsubheadings */ | /* Subsubsubheadings */ | ||
div.Section h4 { | div.Section h4 { | ||
- | font: | + | font:22pt Calibri, Verdana, Arial, sans-serif; |
- | color:# | + | color:#2B48B3; |
- | margin-left: | + | margin-left:10px; |
+ | font-weight:bold; | ||
+ | background-color:transparent; | ||
} | } | ||
Line 51: | Line 87: | ||
div.Section h5 { | div.Section h5 { | ||
font:12pt Calibri, Verdana, Arial, sans-serif; | font:12pt Calibri, Verdana, Arial, sans-serif; | ||
- | color:# | + | font-weight:bold; |
- | margin-left: | + | font-style:italic; |
+ | color:#E5EBFF; | ||
+ | margin-left:25px; | ||
+ | background-color:transparent; | ||
} | } | ||
Line 60: | Line 99: | ||
font-weight:bold; | font-weight:bold; | ||
font-style:italic; | font-style:italic; | ||
- | color:# | + | color:#2B48B3; |
margin-left:25px; | margin-left:25px; | ||
+ | background-color:transparent; | ||
} | } | ||
/* Hyperlinks */ | /* Hyperlinks */ | ||
- | + | a:link { | |
- | + | color: #66aadd | |
- | } | + | } |
- | + | a:visited { | |
- | + | color: #66aadd | |
- | } | + | } |
+ | |||
+ | a:active { | ||
+ | color: #66aadd | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | color: #66aadd | ||
+ | } | ||
/* Tables */ | /* Tables */ | ||
Line 79: | Line 127: | ||
vertical-align:top; | vertical-align:top; | ||
padding:2px 4px 2px 4px; | padding:2px 4px 2px 4px; | ||
- | } | + | background-color:trasparent; |
+ | } | ||
/* Lists */ | /* Lists */ | ||
Line 111: | Line 160: | ||
vertical-align:bottom; | vertical-align:bottom; | ||
} | } | ||
+ | |||
span.editsection a { | span.editsection a { | ||
color:#BBBBBB; | color:#BBBBBB; | ||
Line 118: | Line 168: | ||
vertical-align:bottom; | vertical-align:bottom; | ||
} | } | ||
+ | |||
span.editsection a:hover { | span.editsection a:hover { | ||
color:#3366FF; | color:#3366FF; | ||
Line 125: | Line 176: | ||
vertical-align:bottom; | vertical-align:bottom; | ||
} | } | ||
+ | |||
+ | /* Drop-down Menu */ | ||
#sddm { | #sddm { | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
- | z-index: 30 | + | z-index: 30; |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
Line 135: | Line 188: | ||
border: 0px; | border: 0px; | ||
list-style: none; | list-style: none; | ||
+ | display: inline; /* IE Fix - gets rid of gaps */ | ||
} | } | ||
+ | |||
#sddm a { | #sddm a { | ||
display: block; | display: block; | ||
margin: 0px 0px 0px 0px; | margin: 0px 0px 0px 0px; | ||
padding: 0 0 12px 0; | padding: 0 0 12px 0; | ||
- | |||
color: #FFFFFF; | color: #FFFFFF; | ||
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
+ | vertical-align: center; | ||
} | } | ||
+ | |||
#sddm a:hover { | #sddm a:hover { | ||
border: 0px | border: 0px | ||
Line 152: | Line 208: | ||
position: absolute; | position: absolute; | ||
visibility: hidden; | visibility: hidden; | ||
+ | height: 8.75em; /* IE fix - allows block to be clicked */ | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
- | background: # | + | z-index: 30; |
- | border: 1px solid # | + | background: #66aadd; |
+ | border: 1px solid #66aadd | ||
} | } | ||
#sddm div a { | #sddm div a { | ||
Line 163: | Line 221: | ||
margin: 0; | margin: 0; | ||
padding: 5px 10px; | padding: 5px 10px; | ||
- | |||
white-space: nowrap; | white-space: nowrap; | ||
text-align: left; | text-align: left; | ||
Line 172: | Line 229: | ||
} | } | ||
#sddm div a:hover { | #sddm div a:hover { | ||
- | background: # | + | background: #66aadd; |
color: #FFFFFF | color: #FFFFFF | ||
} | } | ||
- | |||
+ | /* Highlight function - proprietary, beware! */ | ||
+ | .highlight img{ | ||
+ | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); | ||
+ | -moz-opacity: 0.5; | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | .highlight:hover img{ | ||
+ | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); | ||
+ | -moz-opacity: 1; | ||
+ | border: 1px solid navy; | ||
+ | } | ||
+ | |||
+ | .highlight a{ | ||
+ | border:1px solid navy; | ||
+ | } | ||
+ | |||
+ | .highlight:hover a{ | ||
+ | border:1px solid navy; | ||
+ | } | ||
+ | |||
+ | /* Wiki Image properties */ | ||
+ | div.floatright { | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | margin: 0.5em 0.5em 0.5em 0.5em; | ||
+ | position:relative; | ||
+ | border: 0.5em solid White; | ||
+ | border-width: 0 0 0 0; | ||
+ | } | ||
+ | div.floatright p { font-style: italic;} | ||
+ | div.floatleft { | ||
+ | float: left; | ||
+ | margin: 0.3em 0.5em 0.5em 0.5em; | ||
+ | position:relative; | ||
+ | border: 0.5em solid White; | ||
+ | border-width: 0 0 0 0; | ||
+ | } | ||
+ | div.floatleft p { font-style: italic; } | ||
+ | /* thumbnails */ | ||
+ | div.thumb { | ||
+ | margin-bottom: 0.5em; | ||
+ | border-style: solid; border-color: White; | ||
+ | width: auto; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | div.thumb div { | ||
+ | border:1px solid #66aadd; | ||
+ | padding: 3px !important; | ||
+ | background-color:transparent; | ||
+ | font-size: 94%; | ||
+ | margin-right:1.5em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | div.thumb div a img { | ||
+ | border:1px solid #66aadd; | ||
+ | } | ||
+ | div.thumb div div.thumbcaption { | ||
+ | border: none; | ||
+ | padding: 0.3em 0 0.1em 0; | ||
+ | } | ||
+ | div.magnify { display: none; } | ||
+ | div.tright { | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | margin-left:0.5em; | ||
+ | border-width: 0 0 0 0; | ||
+ | } | ||
+ | div.tleft { | ||
+ | float: left; | ||
+ | margin-right:0.5em; | ||
+ | border-width: 0 0 0 0; | ||
+ | } | ||
+ | img.thumbborder { | ||
+ | border: 1px solid #2B48B3; | ||
+ | } | ||
+ | </style></html><table width="100%" "style="border: 4px solid #66aadd" cellpadding="0" cellspacing="0" ><tr><td><div class=Toolbar>{{Imperial/Navbar2}}</div></td></tr><tr><td><div class=Section> | ||
+ | <!-- | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | PUT BACK IN CSS IF NEEDED/* Top bar images */ | ||
+ | .wetlab { | ||
+ | background-image: url('http://i59.photobucket.com/albums/g305/Timpski/Bottles.png'); | ||
+ | background-size: 100%; | ||
+ | background-origin: content; | ||
+ | width: 100%; | ||
+ | } | ||
+ | --> | ||
<!-- | <!-- | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 210: | Line 357: | ||
<div id="byidtagandclass" class="eg"> | <div id="byidtagandclass" class="eg"> | ||
--> | --> | ||
- | |||
- |