Template:UCSF/Header
From 2010.igem.org
(Difference between revisions)
(81 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 77: | 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); | |
- | var result = | + | tmp.innerHTML = result[1]; |
- | + | ||
- | + | ||
- | 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 == 'H4') | if (toBeTOCced[i].nodeName == 'H4') | ||
- | tmp.className += ' | + | tmp.className += ' indent'; |
if (toBeTOCced[i].nodeName == 'H5') | if (toBeTOCced[i].nodeName == 'H5') | ||
- | tmp.className += ' | + | tmp.className += ' extraindent'; |
- | var headerId = result; | + | var headerId = result[1]; |
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 115: | 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; | ||
+ | background: #ECF4EA; | ||
} | } | ||
- | |||
h1{ | h1{ | ||
+ | font-weight:normal; | ||
color:red; | color:red; | ||
float:right; | float:right; | ||
} | } | ||
- | |||
h2{ | h2{ | ||
- | color: | + | font-weight:normal; |
+ | color:black; | ||
text-indent: 10px; | text-indent: 10px; | ||
+ | } | ||
+ | p, pre{ | ||
+ | margin-left:35px; | ||
+ | margin-right:35px; | ||
} | } | ||
p{ | p{ | ||
- | + | text-align:justify; | |
- | + | ||
} | } | ||
h3{ | h3{ | ||
- | + | font-weight:normal; | |
text-vertical-align:middle; | text-vertical-align:middle; | ||
background-image:url(https://static.igem.org/mediawiki/2010/3/31/UCSF_meihuabiao.png); | background-image:url(https://static.igem.org/mediawiki/2010/3/31/UCSF_meihuabiao.png); | ||
text-indent: 35px; | text-indent: 35px; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
+ | color:green; | ||
} | } | ||
h4{ | h4{ | ||
- | color: | + | color: grey; |
+ | font-weight:normal; | ||
text-indent: 35px; | text-indent: 35px; | ||
} | } | ||
Line 175: | Line 177: | ||
#footer-box { | #footer-box { | ||
- | width: | + | width: 975px; |
} | } | ||
Line 237: | Line 239: | ||
} | } | ||
#navigation { | #navigation { | ||
+ | filter:alpha(opacity=95); | ||
+ | opacity: 0.95; | ||
position: relative; | position: relative; | ||
- | |||
top: 5px; | top: 5px; | ||
- | left:0px | + | left:0px; |
- | + | ||
- | + | ||
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; | font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; | ||
} | } | ||
Line 282: | Line 283: | ||
padding: 6px 7px 8px 7px; | padding: 6px 7px 8px 7px; | ||
border: 1px solid transparent; | border: 1px solid transparent; | ||
- | color: | + | color: black; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Line 359: | Line 360: | ||
var RightURL = PageURL.substr(21); | var RightURL = PageURL.substr(21); | ||
var EditIt="https://2010.igem.org/wiki/index.php?title="+RightURL+"&action=edit"; | var EditIt="https://2010.igem.org/wiki/index.php?title="+RightURL+"&action=edit"; | ||
- | document.write("<a style =\"border:none;text-decoration:none;color: | + | document.write("<a style =\"border:none;text-decoration:none;color:white;\" href=\""+EditIt+"\">edit this page<\/a>"); |
} | } | ||
</script> | </script> | ||
- | <div style="float:left;width: | + | <div style="float:left;width:705px;margin-top:5px; |
- | background-image: url( | + | 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