Template:Imperial/StartPage2
From 2008.igem.org
(Difference between revisions)
m |
m |
||
(62 intermediate revisions not shown) | |||
Line 12: | Line 12: | ||
font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif; | font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif; | ||
color:#E5EBFF; | color:#E5EBFF; | ||
+ | background-image: url(http://openwetware.org/images/a/a0/Background.PNG); | ||
+ | background-size: 100%; | ||
+ | background-origin: content; | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
Line 29: | Line 32: | ||
#top-section { | #top-section { | ||
- | background-image: url(http://i59.photobucket.com/albums/g305/Timpski/ | + | background-image: url(http://i59.photobucket.com/albums/g305/Timpski/wiki.png); |
background-size: 100%; | background-size: 100%; | ||
background-origin: content; | background-origin: content; | ||
Line 35: | Line 38: | ||
#content { | #content { | ||
- | + | background-color: #E5EBFF; | |
- | + | ||
- | + | ||
- | background-color: | + | |
} | } | ||
Line 188: | Line 188: | ||
border: 0px; | border: 0px; | ||
list-style: none; | list-style: none; | ||
+ | display: inline; /* IE Fix - gets rid of gaps */ | ||
} | } | ||
Line 207: | 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 219: | 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 253: | Line 254: | ||
} | } | ||
- | + | /* 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"> | ||
+ | |||
+ | function toggleNext(el) { | ||
+ | var next=el.nextSibling; | ||
+ | while(next.nodeType != 1) next=next.nextSibling; | ||
+ | next.style.display=((next.style.display=="none") ? "block" : "none"); | ||
+ | } | ||
+ | |||
+ | function getElementsByIdTagAndClassName(id,tag,cname) { | ||
+ | var tags=document.getElementById(id).getElementsByTagName(tag); | ||
+ | var cEls=new Array(); | ||
+ | for (i=0; i<tags.length; i++) { | ||
+ | var rE=new RegExp("(^|\s)" + cname + "(\s|$)"); | ||
+ | if (rE.test(tags[i].className)) { | ||
+ | cEls.push(tags[i]); | ||
+ | } | ||
+ | } | ||
+ | return cEls; | ||
+ | } | ||
+ | function toggleNextByIdTagAndClassName(id,tag,cname) { | ||
+ | var ccn="clicker"; | ||
+ | clickers=getElementsByIdTagAndClassName(id,tag,cname); | ||
+ | for (i=0; i<clickers.length; i++) { | ||
+ | clickers[i].className+=" "+ccn; | ||
+ | clickers[i].onclick=function() {toggleNext(this)} | ||
+ | toggleNext(clickers[i]); | ||
+ | } | ||
+ | } | ||
+ | window.onload=function(){toggleNextByIdTagAndClassName('byidtagandclass','p','num')} | ||
+ | </script> | ||
+ | <div id="byidtagandclass" class="eg"> | ||
+ | --> |