|
|
Line 1: |
Line 1: |
| <html> | | <html> |
| | | |
- | <title>Linköpings ascoola iGEM-projekt!</title>
| + | test test |
- | | + | |
- | <style type="text/css">
| + | |
- | | + | |
- | * { margin: 0px; padding: 0px;}
| + | |
- | .clear {clear:both;}
| + | |
- | .clearleft {display:block; clear:left;}
| + | |
- | .clearright{display:block; clear:right;}
| + | |
- | .hide {display:none;}
| + | |
- | a {color:#666600;}
| + | |
- | a:visited {color:#999999;}
| + | |
- | a:active {color:#669900;}
| + | |
- | a:hover {color:#666600; text-decoration:none;}
| + | |
- | body {background: url(https://static.igem.org/mediawiki/2014/9/93/Linkoping_background.jpg) repeat-x #FFFFFF;;}
| + | |
- | #wrap{ width:699px; margin:0px auto 15px auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
| + | |
- | | + | |
- | /*Header*/
| + | |
- | #sitename {display:block; padding:15px 5px 0px 75px; font-size:25px; text-transform:uppercase;}
| + | |
- | #sitename span {font:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#000000;}
| + | |
- | #topbar {background-image:url(https://static.igem.org/mediawiki/2014/1/1d/Linkoping_topbackground.jpg); background-repeat:no-repeat; height:48px;}
| + | |
- | #header {background-image:url(https://static.igem.org/mediawiki/2014/3/3f/Linkoping_header.jpg); background-repeat:no-repeat;height:154px;}
| + | |
- | #header .siteslogan {display:block; font: normal 20px Georgia, "Times New Roman", Times, serif; text-align:center; padding:45px 10px 0px 10px;}
| + | |
- | | + | |
- | /*Header Menu*/
| + | |
- | #topmenu {display:block; list-style:none; padding:116px 10px 0px 20px;}
| + | |
- | #topmenu li {display:inline;}
| + | |
- | #topmenu a {display:block; float:left; height:28px; margin:0px 0px 0px 0px; text-decoration:none; padding:9px 15px 0px 15px; text-align:center;}
| + | |
- | #topmenu a, #topmenu a:visited, #topmenu a:active {background:url(https://static.igem.org/mediawiki/2014/7/73/Linkoping_menu1.jpg) repeat-x; border-left:solid 1px #abca74; border-right:solid 1px #abca74; color:#E2E9C7;}
| + | |
- | #topmenu a:hover{background:url(https://static.igem.org/mediawiki/2014/5/5a/Linkoping_menu2.jpg) repeat-x; border-left:solid 1px #abca74; border-right:solid 1px #abca74; color:#ffffff;}
| + | |
- | #topmenu .active a, #topmenu .active a:visited, #topmenu .active a:active{background:url(images/menu2.jpg) repeat-x; border-left:solid 1px #abca74; border-right:solid 1px #abca74; color:#669900;}
| + | |
- | | + | |
- | /*Content*/
| + | |
- | #content {background:url(https://static.igem.org/mediawiki/2014/2/26/Linkoping_contentbackground.jpg) repeat-y;}
| + | |
- | #mainpage { width:415px; float:left; padding:5px 5px 5px 25px;}
| + | |
- | #mainpage p {line-height:22px; margin:0px 0px 22px 0px;}
| + | |
- | #mainpage blockquote {background:#efefef; display:block; margin:5px; font:Georgia, "Times New Roman", Times, serif; font-style:italic;}
| + | |
- | {border-width:0;}
| + | |
- | h1, h2, h3, h4, h5 {color:#669900; font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
| + | |
- | #mainpage h1 {font-size:28px;}
| + | |
- | #mainpage h2 {font-size:24px;}
| + | |
- | #mainpage h3 {font-size:20px;}
| + | |
- | #mainpage h4 {font-size:18px;}
| + | |
- | #mainpage h5 {font-size:16px;}
| + | |
- | .postlist {list-style:none; margin:0px}
| + | |
- | .postlist li {display:block; padding:0px; border-bottom: dashed 1px #D6E4A7;}
| + | |
- | .subhead{font-size:12px; color:#669900; font-weight:bold; display:block; margin:0px; background:#F4F7EA; margin:10px 0px 0px 0px; padding:2px;}
| + | |
- | .postlist a,.postlist a:visited, .postlist a:active {display:block; padding:3px 3px 3px 25px; background: url(https://static.igem.org/mediawiki/2014/e/e5/Linkoping_bullet.jpg) no-repeat 3px #F7FAEF; color:#666666; text-decoration:none;}
| + | |
- | .postlist a:hover { background: url(https://static.igem.org/mediawiki/2014/7/73/Linkoping_bullet2.jpg) no-repeat 3px #FFFEE6; color:#000000; text-decoration:none;}
| + | |
- | #content #mainpage ol {margin:10px 10px 10px 25px;}
| + | |
- | #content #mainpage ol li {padding:5px 5px 5px 20px;}
| + | |
- | #content #mainpage ul li {display:block; padding:0px; border-bottom: dashed 1px #D6E4A7;}
| + | |
- | | + | |
- | /*Tables*/
| + | |
- | table { width:98%; border:solid 3px #CCCCCC; background:#efefef;}
| + | |
- | th {background: #FFFFCC; padding:3px; border-bottom:dashed 1px #CCCCCC; text-align:left;}
| + | |
- | td {padding:3px;}
| + | |
- | /*forms*/
| + | |
- | form {margin:0; padding:0;}
| + | |
- | .textfield {width:190px; background-color: #F3F4E8; margin:0px; border: 1px solid #D6D9AE;}
| + | |
- | .button {display: block; padding:0px; background-color:#E3E6C8; margin:3px; border: 2px solid #efefef; color:#999933;}
| + | |
- | .textfield:hover {background:#FBFCF8;}
| + | |
- | .textfield:focus {background:#ffffff;}
| + | |
- | /*gallery*/
| + | |
- | .gallery {background:#efefef; margin:0px 0px 10px 0px; padding:5px;}
| + | |
- | .gallery .box {display:block; height:100px; float:left; width:43%; padding:10px 5px 5px 5px; margin:8px; background:#ffffff; text-align:center;}
| + | |
- | .box img {background:#efefef; padding:5px;}
| + | |
- | .box .caption {display:block; text-align:center;}
| + | |
- | .box a img, .box a:visited img, .box a:active img {border:solid 1px #cccccc;}
| + | |
- | .box a:hover img {border:solid 1px #000000;}
| + | |
- | | + | |
- | /*Blog posts*/
| + | |
- | h2 .postdate {display:block; float:left; background:url(https://static.igem.org/mediawiki/2014/5/5c/Linkoping_dateballoon.jpg) no-repeat; width:55px; height:60px;}
| + | |
- | .post {margin:10px 0px 10px 0px;}
| + | |
- | .post img { display:block; background:#efefef; border:solid 1px #cccccc; padding:5px;}
| + | |
- | .post h2 a,.post h2 a:visited,.post h2 a:active{color:#669900; text-decoration:none;}
| + | |
- | .post h2 a:hover {color:#000000;}
| + | |
- | .post .left {float:left; margin:5px;}
| + | |
- | .post .right {float:right; margin:5px;}
| + | |
- | .metadata{display:block; clear:left; font-size:10px; color:#999999; border-top:solid 1px #efefef; text-align:right;}
| + | |
- | .postinfo {display:block; clear:left; border-top: solid 2px #cccccc; padding:5px; }
| + | |
- | .comments a, .comments a:visited, .comments a:active{display:block; float:right; background:url(https://static.igem.org/mediawiki/2014/0/05/Linkoping_comment2.jpg) no-repeat; width:75px; height:27px; padding:10px 3px 0px 50px; font-size:8px; text-decoration:none;}
| + | |
- | .comments a:hover{background:url(https://static.igem.org/mediawiki/2014/7/79/Linkoping_comment.jpg) no-repeat;}
| + | |
- | | + | |
- | /*Comments*/
| + | |
- | .nocomments {color:#999999; font-size:10px; display:block;}
| + | |
- | .commentlist {background: #F5F3E9; list-style-type:decimal; list-style-position:inside;}
| + | |
- | .commentlist li {border-bottom:solid 2px #FDFCE1; padding:5px;}
| + | |
- | .commentlist cite {display:block; color:#669900; font-weight:bold; padding:0px 3px 3px 20px;}
| + | |
- | .commentmeta {display:block; font-size:10px; padding:3px; color:#999999;}
| + | |
- | .commenttxt {display:block; padding:5px 5px 5px 15px;}
| + | |
- | | + | |
- | /*Sidebar*/
| + | |
- | #sidebar { margin:0px 0px 0px 435px; background:url(https://static.igem.org/mediawiki/2014/c/c8/Linkoping_sidebarbackground.jpg) repeat-y;}
| + | |
- | #sidebarcontents {padding:5px 15px 5px 25px;}
| + | |
- | #sidebarbottom {background:url(https://static.igem.org/mediawiki/2014/0/07/Linkoping_sidebarbottom.jpg) no-repeat 0px; height:74px;}
| + | |
- | | + | |
- | /*Sidemenu*/
| + | |
- | #menu {list-style:none;}
| + | |
- | #menu li ul {list-style:none;}
| + | |
- | #menu li ul li {display:block; height:25px; border-bottom:solid 1px #efefef;}
| + | |
- | #menu li ul a, #menu li ul a:visited, #menu li ul a:active {display:block; height:20px; padding:5px 5px 0px 5px; text-decoration:none; color:#333333;}
| + | |
- | #menu li ul a:hover {background:#F8F9F2; color:#000000;}
| + | |
- | #menu h2 { display:block; border-bottom:solid 1px #D2E6CA; padding:5px; margin:10px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#669900; font-weight:bold;}
| + | |
- | | + | |
- | /*footer*/
| + | |
- | #footer {background:url(https://static.igem.org/mediawiki/2014/a/af/Linkoping_footer.jpg) no-repeat; height:36px; padding:10px; color:#FFFFFF;}
| + | |
- | #credit {font-size:10px; padding:3px;}
| + | |
- | | + | |
- | </style>
| + | |
- | | + | |
- | <div id="wrap">
| + | |
- | | + | |
- | <!-- Topbar -->
| + | |
- | <div id="topbar">
| + | |
- | <h1 id="sitename">Linköpings ascoola projekt</h1>
| + | |
- | </div>
| + | |
- | | + | |
- | <!-- Topmeny -->
| + | |
- | <div id="header">
| + | |
- | <ul id="topmenu">
| + | |
- | <li class="active"><a href="index.html">Home</a>
| + | |
- | </li>
| + | |
- | <li><a href="blog.html">Team</a>
| + | |
- | </li>
| + | |
- | <li><a href="notes.html">Project</a>
| + | |
- | </li>
| + | |
- | <li><a href="notes.html">Parts</a>
| + | |
- | </li>
| + | |
- | <li><a href="notes.html">Modelling</a>
| + | |
- | </li>
| + | |
- | <li><a href="notes.html">Notebook</a>
| + | |
- | </li>
| + | |
- | <li><a href="notes.html">Safety</a>
| + | |
- | </li>
| + | |
- | <li><a href="notes.html">Attribution</a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | <!-- Första rubriken -->
| + | |
- | <div id="content">
| + | |
- | <div id="mainpage">
| + | |
- | <h2>Om iGEM Linköping</h2>
| + | |
- | <p>
| + | |
- | Oj oj oj vilket bra lag vi är. Och vilken fin wikisida!
| + | |
- | </p>
| + | |
- |
| + | |
- | <!-- Nyheter -->
| + | |
- | <span class="subhead">Nyheter och sånt</span>
| + | |
- | <ul class="postlist">
| + | |
- | <li><a href="#">Lorem Ipsum Dolor 123</a></li>
| + | |
- | <li><a href="#">Lorem Ipsum Dolor 123</a></li>
| + | |
- | <li><a href="#">Download Lorem Ipsum Dolor 123</a></li>
| + | |
- | <li><a href="#">Tables Example</a></li>
| + | |
- | <li><a href="#">Blog Entries Example</a></li>
| + | |
- | <li><a href="#">Other Styles</a></li>
| + | |
- | <li><a href="#">Notes</a></li>
| + | |
- | </ul>
| + | |
- | | + | |
- | <!-- Här kan man visa lite bilder -->
| + | |
- | <span class="subhead">Om man vill visa bilder?</span>
| + | |
- | <div class="gallery">
| + | |
- | <div class="box"><a href="#"><img src="images/1.jpg" alt="Image 1" width="100" height="75" /></a>
| + | |
- | <span class="caption">Caption 1</span></div>
| + | |
- | <div class="box"><a href="#"><img src="images/2.jpg" alt="Image 2" width="100" height="66" /></a>
| + | |
- | <span class="caption">Caption 2</span></div>
| + | |
- | <span class="clearleft"></span>
| + | |
- | <div class="box"><a href="#"><img src="images/4.jpg" alt="Image 4" width="100" height="66" /></a>
| + | |
- | <span class="caption">Caption 3</span></div>
| + | |
- | <div class="box"><a href="#"><img src="images/3.jpg" alt="Image 3" width="100" height="66" /></a>
| + | |
- | <span class="caption">Caption 4</span></div>
| + | |
- | <span class="clearleft"></span>
| + | |
- | <div class="box"><a href="#"><img src="images/1.jpg" alt="Image 1" width="100" height="75" /></a>
| + | |
- | <span class="caption">Caption 5</span></div>
| + | |
- | <div class="box"><a href="#"><img src="images/2.jpg" alt="Image 2" width="100" height="66" /></a>
| + | |
- | <span class="caption">Caption 6</span></div>
| + | |
- | <span class="clearleft"></span>
| + | |
- | </div>
| + | |
- | | + | |
- | <!-- Här slutar vänsterkolumnen -->
| + | |
- | </div>
| + | |
- | | + | |
- | <!-- Här börjar högerkolumnen -->
| + | |
- | <div id="sidebar">
| + | |
- | <div id="sidebarcontents">
| + | |
- | <ul id="menu">
| + | |
- | | + | |
- | <!-- Första menyn -->
| + | |
- | <li><h2>Categories</h2></li>
| + | |
- | <li>
| + | |
- | <ul>
| + | |
- | <li><a href="#">Lorem Ipsum </a></li>
| + | |
- | <li><a href="#">Dolor sit amet</a></li>
| + | |
- | <li><a href="#">Consectetuer</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | | + | |
- | <!-- Andra menyn -->
| + | |
- | <h2>Blogroll</h2>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <ul>
| + | |
- | <li><a href="#">Kanske</a></li>
| + | |
- | <li><a href="#">Inte</a></li>
| + | |
- | <li><a href="#">Nödvändig</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | | + | |
- | <!-- Här börjar fotmenyn -->
| + | |
- | <div id="sidebarbottom"></div>
| + | |
- | </div>
| + | |
- | <div class="clear"></div>
| + | |
- | </div>
| + | |
- | <div id="footer">
| + | |
- | Linköping iGEM CC |<a href="#">Links</a> | <a href="#">Goes</a> | <a href="#">Here</a></div>
| + | |
- | | + | |
- | <!-- Här börjar credit -->
| + | |
- | <div id="credit">
| + | |
- | Template by RamblingSoul.com
| + | |
- | </div></div>
| + | |