Template:Imperial/StartPage2
From 2008.igem.org
(Difference between revisions)
m |
m |
||
(93 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html><style type="text/css"> | + | {{Imperial/NoTitle}}__NOEDITSECTION__{{Imperial/CalendarCode}}__NOTOC__<html><style type="text/css"> |
+ | /* Toolbar */ | ||
div.Toolbar { | div.Toolbar { | ||
background-image: url(http://i59.photobucket.com/albums/g305/Timpski/ToolbarBackground.png); | background-image: url(http://i59.photobucket.com/albums/g305/Timpski/ToolbarBackground.png); | ||
Line 6: | Line 7: | ||
background-origin: content; | 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-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 { | body, div#footer-box { | ||
background-color:#E5EBFF; | background-color:#E5EBFF; | ||
Line 20: | Line 25: | ||
div#top-section, div#content, div#footer-box { | div#top-section, div#content, div#footer-box { | ||
border-width: 4px; border-color: #66aadd | 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 82: | Line 101: | ||
color:#2B48B3; | color:#2B48B3; | ||
margin-left:25px; | margin-left:25px; | ||
- | background-color: | + | background-color:transparent; |
} | } | ||
Line 108: | Line 127: | ||
vertical-align:top; | vertical-align:top; | ||
padding:2px 4px 2px 4px; | padding:2px 4px 2px 4px; | ||
+ | background-color:trasparent; | ||
} | } | ||
Line 161: | 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 168: | Line 188: | ||
border: 0px; | border: 0px; | ||
list-style: none; | list-style: none; | ||
+ | display: inline; /* IE Fix - gets rid of gaps */ | ||
} | } | ||
Line 177: | Line 198: | ||
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
+ | vertical-align: center; | ||
} | } | ||
Line 186: | 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 | + | z-index: 30; |
background: #66aadd; | background: #66aadd; | ||
border: 1px solid #66aadd | border: 1px solid #66aadd | ||
Line 198: | 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 210: | Line 232: | ||
color: #FFFFFF | color: #FFFFFF | ||
} | } | ||
- | + | ||
- | {{ | + | /* Highlight function - proprietary, beware! */ |
- | <table width="100%" style="border: 4px solid #66aadd" cellpadding="0" cellspacing="0" > | + | .highlight img{ |
- | <tr><td><div class=Toolbar | + | 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> | ||
<!-- | <!-- | ||