|
|
(29 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <!-- TEMPLATE -->
| + | from old template... |
- | | + | |
- | <html>
| + | |
- | | + | |
- | <style type="text/css">
| + | |
- | | + | |
- | | + | |
- | /************* MEDIAWIKI CSS ************/
| + | |
- | | + | |
- | #mediawiki_html p {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | #mediawiki_html br {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | input.searchButton {
| + | |
- | background:none repeat scroll 0 0 transparent;
| + | |
- | border:medium none;
| + | |
- | color: #333333;
| + | |
- | font-size:100%;
| + | |
- | font-weight:bold;
| + | |
- | margin:1px 10px 0;
| + | |
- | }
| + | |
- | | + | |
- | #search-controls {
| + | |
- | margin-top: 40px;
| + | |
- | display: block;
| + | |
- | background: none;
| + | |
- | position: absolute;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu { | + | |
- | width: 300px;
| + | |
- | margin-top: -75px;
| + | |
- | border: none;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu ul { | + | |
- | border: none;
| + | |
- | }
| + | |
- | | + | |
- | #searchform {
| + | |
- | background: none;
| + | |
- | display: block;
| + | |
- | float: right;
| + | |
- | }
| + | |
- | | + | |
- | #menubar.right-menu {
| + | |
- | width: 300px;
| + | |
- | display: block;
| + | |
- | float: left;
| + | |
- | margin-top: -75px;
| + | |
- | border: none;
| + | |
- | }
| + | |
- | | + | |
- | .right-menu ul {
| + | |
- | border: none;
| + | |
- | }
| + | |
- | | + | |
- | #top-section {
| + | |
- | height: 0px;
| + | |
- | width: 970px;
| + | |
- | margin-top: 0px;
| + | |
- | margin-bottom: 0px;
| + | |
- | margin-left: auto;
| + | |
- | padding:0;
| + | |
- | position: relative;
| + | |
- | border: none;
| + | |
- | }
| + | |
- | | + | |
- | #p-logo {
| + | |
- | height: 0px;
| + | |
- | overflow: hidden;
| + | |
- | display: none;
| + | |
- | border: none;
| + | |
- | }
| + | |
- | | + | |
- | #footer-box {
| + | |
- | border: 0;
| + | |
- | width: 970px;
| + | |
- | margin-left: auto;
| + | |
- | margin-right: auto;
| + | |
- | padding: 0;
| + | |
- | border: 1px solid #444444;
| + | |
- | border-top: 1px solid #666666;
| + | |
- | /* background: #424D47; */
| + | |
- | font-size: 11px;
| + | |
- | }
| + | |
- | | + | |
- | .firstHeading {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | ol.references {
| + | |
- | text-align: left;
| + | |
- | font-size: smaller;
| + | |
- | }
| + | |
- | | + | |
- | ul.references {
| + | |
- | text-align: left;
| + | |
- | font-size: smaller;
| + | |
- | }
| + | |
- | | + | |
- | /*reset*/
| + | |
- | p {
| + | |
- | margin:0;
| + | |
- | }
| + | |
- | | + | |
- | .editsection {
| + | |
- | font-size: 100%;
| + | |
- | font-weight: normal;
| + | |
- | font-color:#b0310e;
| + | |
- | }
| + | |
- | | + | |
- | ol.references > li:target {
| + | |
- | background-color: #def;
| + | |
- | }
| + | |
- | | + | |
- | /* hide table of contents */
| + | |
- | #toc {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | h1 {
| + | |
- | font-size: 160%;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | /************* GENERAL CSS ************/
| + | |
- | | + | |
- | | + | |
- | | + | |
- | body {
| + | |
- | background: #CCCCCC;
| + | |
- | width: auto;
| + | |
- | text-align: justify;
| + | |
- | font-family: Verdana, Arial, Helvetica, sans-serif;
| + | |
- | color: #333333;
| + | |
- | }
| + | |
- | | + | |
- | h1, h2, h3, h4, h5, h6 {
| + | |
- | font-family: Georgia, "Times New Roman", Times, serif;
| + | |
- | color: #3399FF;
| + | |
- | }
| + | |
- | | + | |
- | a {
| + | |
- | font-weight: bold;
| + | |
- | text-decoration: none;
| + | |
- | color: #33CCFF;
| + | |
- | }
| + | |
- | | + | |
- | a:visited {
| + | |
- | font-weight: bold;
| + | |
- | text-decoration: none;
| + | |
- | color: #33CCFF;
| + | |
- | }
| + | |
- | | + | |
- | a:hover {
| + | |
- | text-decoration: underline;
| + | |
- | color: #33CCFF;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | /************* HEADER STUFF ************/
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #header {
| + | |
- | width: 970px;
| + | |
- | border-top: 1px solid #444444;
| + | |
- | height: 120px;
| + | |
- | padding: 10px 0px;
| + | |
- | background: #FFFBFD url(http://www.lsdlive.org/tmp-igem/header_img.jpg);
| + | |
- | }
| + | |
- | | + | |
- | #header h1 {
| + | |
- | margin: 0px;
| + | |
- | padding: 0px 0px 0px 10px;
| + | |
- | text-align: left;
| + | |
- | color: #3399FF;
| + | |
- | font-size: 3em;
| + | |
- | text-transform: uppercase;
| + | |
- | }
| + | |
- | | + | |
- | #header h2 {
| + | |
- | margin: 0px;
| + | |
- | padding: 0px 0px 0px 20px;
| + | |
- | text-align: left;
| + | |
- | font-size: 1.5em;
| + | |
- | text-transform: uppercase;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | /************* MENU ************/
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #menu {
| + | |
- | width: 970px;
| + | |
- | margin: 0px auto;
| + | |
- | padding: 5px 0px 5px 0px;
| + | |
- | background-color: #000000;
| + | |
- | font-size: 13px;
| + | |
- | }
| + | |
- | | + | |
- | #menu ul {
| + | |
- | margin: 0px;
| + | |
- | padding: 0px;
| + | |
- | list-style: none;
| + | |
- | text-align: center;
| + | |
- | }
| + | |
- | | + | |
- | #menu li {
| + | |
- | display: inline;
| + | |
- | }
| + | |
- | | + | |
- | #menu a {
| + | |
- | padding: 6px 15px;
| + | |
- | text-transform: uppercase;
| + | |
- | text-decoration: none;
| + | |
- | font-size: 12px;
| + | |
- | font-weight: bold;
| + | |
- | color: #FFFFFF;
| + | |
- | }
| + | |
- | | + | |
- | #menu a:hover {
| + | |
- | background-color: #333333;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | /************* CONTENT ************/
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #content {
| + | |
- | width: 970px;
| + | |
- | margin: 0px auto;
| + | |
- | padding: 0px 0px 0px 0px;
| + | |
- | font-size: 11px;
| + | |
- | }
| + | |
- | | + | |
- | #content h2, #content h3, #content h4, #content h5, #content h6 {
| + | |
- | font-weight: normal;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | #content p, #content ul, #content ol {
| + | |
- | line-height: 150%;
| + | |
- | }
| + | |
- | | + | |
- | #left {
| + | |
- | float: left;
| + | |
- | width: 680px;
| + | |
- | padding: 20px 20px 40px 20px;
| + | |
- | }
| + | |
- | | + | |
- | #right {
| + | |
- | float: right;
| + | |
- | width: 210px;
| + | |
- | background: #424D47;
| + | |
- | padding: 20px 20px 420px 20px;
| + | |
- | font-size: 13px;
| + | |
- | color: #99CCFF;
| + | |
- | }
| + | |
- | | + | |
- | #right ul {
| + | |
- | list-style:disc;
| + | |
- | }
| + | |
- | | + | |
- | </style>
| + | |
- | | + | |
- | <script language="JavaScript">
| + | |
- | /************** Javascript Content *************/
| + | |
- | | + | |
- | //PLF-http://www.jejavascript.net/
| + | |
- | var coeff=2;
| + | |
- | var speed=60;
| + | |
- | var coeffinit=coeff;
| + | |
- | function i_change() {
| + | |
- | if (document.image.width < i_width) {
| + | |
- | coeff = coeff-0.2;
| + | |
- | document.image.width = Math.round(i_width/coeff);
| + | |
- | document.image.height = Math.round(i_height/coeff);
| + | |
- | chang=window.setTimeout('i_change();',speed);
| + | |
- | }
| + | |
- | else {window.clearTimeout(chang);}
| + | |
- | }
| + | |
- | function initial() {
| + | |
- | if (document.image.width > i_width/coeffinit) {
| + | |
- | window.clearTimeout(chang);
| + | |
- | coeff = coeff+0.2;
| + | |
- | document.image.width = Math.round(i_width/coeff);
| + | |
- | document.image.height = Math.round(i_height/coeff);
| + | |
- | | + | |
- | initi=window.setTimeout('initial();',speed);
| + | |
- | }
| + | |
- | else {window.clearTimeout(initi);}
| + | |
- | }
| + | |
- | </script>
| + | |
- | | + | |
- | <div id="header">
| + | |
- | <h1></h1>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id="menu">
| + | |
- | <ul>
| + | |
- | <li><a href="#">home</a></li>
| + | |
- | <li><a href="#">projects</a></li>
| + | |
- | <li><a href="#">team</a></li>
| + | |
- | <li><a href="#">notebook</a></li>
| + | |
- | <li><a href="#">about</a></li>
| + | |
- | <li><a href="#">acknowledgement</a></li>
| + | |
- | <li><a href="#">collaboration</a></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id="content">
| + | |
- | <div id="left">
| + | |
- | | + | |
- | </html>
| + | |
from old template...