Template:UCSF/Header
From 2010.igem.org
(Difference between revisions)
(34 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
<html> | <html> | ||
<style> | <style> | ||
Line 6: | Line 5: | ||
color:grey; | color:grey; | ||
} | } | ||
- | + | #TOCC{ | |
+ | background-color:white; | ||
+ | } | ||
#tocDIV{ | #tocDIV{ | ||
margin-top:8px; | margin-top:8px; | ||
} | } | ||
- | |||
#contentheader{ | #contentheader{ | ||
color:grey; | color:grey; | ||
Line 19: | Line 19: | ||
#innertoc{ | #innertoc{ | ||
} | } | ||
- | |||
.indent{ | .indent{ | ||
text-indent:8px; | text-indent:8px; | ||
Line 30: | Line 29: | ||
margin-left:16px; | margin-left:16px; | ||
} | } | ||
- | |||
.extraextraindent{ | .extraextraindent{ | ||
text-indent:24px; | text-indent:24px; | ||
Line 36: | Line 34: | ||
margin-left:24px; | margin-left:24px; | ||
} | } | ||
- | |||
</style> | </style> | ||
+ | <script> | ||
<script> | <script> | ||
function getElementsByTagNames(list,obj) { | function getElementsByTagNames(list,obj) { | ||
Line 68: | Line 66: | ||
function createTOC() { | function createTOC() { | ||
var y = document.createElement('div'); | var y = document.createElement('div'); | ||
- | |||
- | |||
y.id = 'innertoc'; | y.id = 'innertoc'; | ||
var a = document.createElement('a'); | var a = document.createElement('a'); | ||
Line 79: | Line 75: | ||
z.id='tocDIV'; | z.id='tocDIV'; | ||
var bodycon = document.getElementById('Main'); | var bodycon = document.getElementById('Main'); | ||
- | var toBeTOCced = getElementsByTagNames(' | + | var toBeTOCced = getElementsByTagNames('h3,h4,h5',bodycon); |
if (toBeTOCced.length < 2) return false; | if (toBeTOCced.length < 2) return false; | ||
for (var i=0;i<toBeTOCced.length;i++) { | for (var i=0;i<toBeTOCced.length;i++) { | ||
var tmp = document.createElement('a'); | var tmp = document.createElement('a'); | ||
- | var | + | var reg = /<b>([^<]+)<\/b>/; |
- | + | var str = toBeTOCced[i].innerHTML; | |
- | + | var result = reg.exec(str); | |
- | + | tmp.innerHTML = result[1]; | |
- | var | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | tmp.innerHTML = result; | + | |
tmp.className = 'page'; | tmp.className = 'page'; | ||
z.appendChild(tmp); | z.appendChild(tmp); | ||
z.appendChild(document.createElement('br')); | z.appendChild(document.createElement('br')); | ||
- | if (toBeTOCced[i].nodeName == ' | + | if (toBeTOCced[i].nodeName == 'H4') |
- | + | tmp.className += ' indent'; | |
- | + | if (toBeTOCced[i].nodeName == 'H5') | |
- | + | ||
- | + | ||
- | tmp.className += ' indent'; | + | |
- | + | ||
- | + | ||
- | if (toBeTOCced[i].nodeName == ' | + | |
tmp.className += ' extraindent'; | tmp.className += ' extraindent'; | ||
- | + | var headerId = result[1]; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | var headerId = result; | + | |
tmp.href = '#' + headerId; | tmp.href = '#' + headerId; | ||
toBeTOCced[i].id = headerId; | toBeTOCced[i].id = headerId; | ||
+ | if (toBeTOCced[i].nodeName == 'H2') { | ||
+ | tmp.innerHTML = 'Top'; | ||
+ | tmp.href = '#top'; | ||
+ | toBeTOCced[i].id = 'top'; | ||
+ | } | ||
} | } | ||
return y; | return y; | ||
Line 130: | Line 113: | ||
</script> | </script> | ||
- | |||
- | |||
<style> | <style> | ||
body{ | body{ | ||
background-color:#494d51; | background-color:#494d51; | ||
} | } | ||
- | |||
#content{ | #content{ | ||
padding-right:10px; | padding-right:10px; | ||
padding-left:10px; | padding-left:10px; | ||
+ | background: #ECF4EA; | ||
} | } | ||
- | |||
h1{ | h1{ | ||
font-weight:normal; | font-weight:normal; | ||
Line 147: | Line 127: | ||
float:right; | float:right; | ||
} | } | ||
- | |||
h2{ | h2{ | ||
font-weight:normal; | font-weight:normal; | ||
color:black; | color:black; | ||
text-indent: 10px; | text-indent: 10px; | ||
+ | } | ||
+ | p, pre{ | ||
+ | margin-left:35px; | ||
+ | margin-right:35px; | ||
} | } | ||
- | p | + | p{ |
- | + | text-align:justify; | |
- | + | ||
} | } | ||
Line 382: | Line 364: | ||
</script> | </script> | ||
- | <div style="float:left;width: | + | <div style="float:left;width:705px;margin-top:5px; |
background-image: url(https://static.igem.org/mediawiki/2010/d/dc/UCSF-SF-GGB.jpg); | background-image: url(https://static.igem.org/mediawiki/2010/d/dc/UCSF-SF-GGB.jpg); | ||
background-repeat:no-repeat;" id="Main"> | background-repeat:no-repeat;" id="Main"> | ||
</html> | </html> |
Latest revision as of 09:47, 23 October 2010