Template:Imperial/StartPage2
From 2008.igem.org
(Difference between revisions)
m |
m |
||
(146 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; | ||
- | background-image: url(http:// | + | color:#E5EBFF; |
+ | background-image: url(http://openwetware.org/images/a/a0/Background.PNG); | ||
background-size: 100%; | background-size: 100%; | ||
background-origin: content; | 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 24: | 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 31: | 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 38: | 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 53: | 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 62: | 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 | ||
} | } | ||
Line 79: | Line 127: | ||
vertical-align:top; | vertical-align:top; | ||
padding:2px 4px 2px 4px; | padding:2px 4px 2px 4px; | ||
+ | background-color:trasparent; | ||
} | } | ||
Line 132: | Line 181: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
- | z-index: 30 | + | z-index: 30; |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
Line 139: | Line 188: | ||
border: 0px; | border: 0px; | ||
list-style: none; | list-style: none; | ||
+ | display: inline; /* IE Fix - gets rid of gaps */ | ||
} | } | ||
Line 148: | Line 198: | ||
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
+ | vertical-align: center; | ||
} | } | ||
Line 157: | 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; | ||
+ | z-index: 30; | ||
background: #66aadd; | background: #66aadd; | ||
border: 1px solid #66aadd | border: 1px solid #66aadd | ||
Line 168: | 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 181: | Line 233: | ||
} | } | ||
- | + | /* Highlight function - proprietary, beware! */ | |
- | + | .highlight img{ | |
- | + | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); | |
- | + | -moz-opacity: 0.5; | |
- | + | border: 1px solid #ccc; | |
} | } | ||
- | </style></html> | + | |
- | <!--PUT BACK IN CSS IF NEEDED/* Top bar images */ | + | .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 { | .wetlab { | ||
background-image: url('http://i59.photobucket.com/albums/g305/Timpski/Bottles.png'); | background-image: url('http://i59.photobucket.com/albums/g305/Timpski/Bottles.png'); | ||
Line 229: | Line 357: | ||
<div id="byidtagandclass" class="eg"> | <div id="byidtagandclass" class="eg"> | ||
--> | --> | ||
- |