|
|
Line 1: |
Line 1: |
− | <html> | + | <div>{{:Team:Korea_U_Seoul/template/banner}}</div> |
− | <head>
| + | <div style="width:100%;> |
− | <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
| + | {{:Team:Korea_U_Seoul/template/contents}} |
− | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
| + | |
− | | + | |
− | | + | |
− | <style>
| + | |
− | .content_wrapper{
| + | |
− | top: -10px;
| + | |
− | width: 80%; min-width:1000px; max-width:1000px; margin:0 auto;overflow: auto; background-color:#FFFFFF; padding: 0 20px; min-height: 1000px;
| + | |
− | background-image: url('https://static.igem.org/mediawiki/2013/6/6e/Natural_paper.png');
| + | |
− | }
| + | |
− | .title{
| + | |
− | width: 100%;
| + | |
− | margin-top : 40px;
| + | |
− | margin-bottom: 20px;
| + | |
− | }
| + | |
− | .title > .title_ {color: #8b0027; font-weight: bold; font-size: 15pt; margin-top: 10px;}
| + | |
− | .title > .left_line{float: left; width: 30%; background-color: #8B0029; height: 5px;}
| + | |
− | .title > .right_line{float: left; width: 70%; background-color: #eb89a5; height: 2px;}
| + | |
− |
| + | |
− | .content_{
| + | |
− | margin-top: 20px;
| + | |
− | font-size: 10pt;padding-bottom:40px;
| + | |
− | line-height: 130%;
| + | |
− | }
| + | |
− | .content_ .float_img{
| + | |
− | float: right;
| + | |
− | width: 150px;
| + | |
− | margin: 10px;
| + | |
− | }
| + | |
− | .image_line {margin-top: 20px; text-align: center;}
| + | |
− | .image_line img{
| + | |
− | height: 150px;
| + | |
− | margin-right: 3%;
| + | |
− | }
| + | |
− | p:first-child:first-letter{font-weight: bold; font-size: 150%;}
| + | |
− | </style> | + | |
− | | + | |
− | | + | |
− | | + | |
− | <style> | + | |
− | /*
| + | |
− | ** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
| + | |
− | ** Copyright Gabriel Wicke - http://wikidev.net/
| + | |
− | ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
| + | |
− | **
| + | |
− | ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
| + | |
− | ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
| + | |
− | ** Michael Zeltner and Geir Bækholt)
| + | |
− | ** All you guys rock :)
| + | |
− | */
| + | |
− | | + | |
− | | + | |
− | /* Font size:
| + | |
− | ** We take advantage of keyword scaling- browsers won't go below 9px
| + | |
− | ** More at http://www.w3.org/2003/07/30-font-size
| + | |
− | ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
| + | |
− | */
| + | |
− | | + | |
− | body {
| + | |
− | font: x-small sans-serif;
| + | |
− | color: black;
| + | |
− | margin: 0;
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | | + | |
− | /* scale back up to a sane default */
| + | |
− | #globalWrapper {
| + | |
− | position: relative;
| + | |
− | font-size: 127%;
| + | |
− | width: 100%;
| + | |
− | margin: 0;
| + | |
− | padding: 0;
| + | |
− | padding-bottom: 10px;
| + | |
− | }
| + | |
− | #catlinks {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .visualClear {
| + | |
− | clear: both;
| + | |
− | }
| + | |
− | | + | |
− | /* The top section contains the banner, the search box, and the left and right menus */
| + | |
− | | + | |
− | #top-section {
| + | |
− | background-color: #8b0029;
| + | |
− | height:18px ! important; /* 메인 배너 이미지 높이 */
| + | |
− | margin: 0px;
| + | |
− | margin-left: auto;
| + | |
− | margin-right: auto;
| + | |
− | margin-bottom: 0 !important;
| + | |
− | padding:0;
| + | |
− | border: none;
| + | |
− | position: relative;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | #p-logo {
| + | |
− | position: absolute;
| + | |
− | z-index: 1;
| + | |
− | height: 107px;
| + | |
− | width: 975px;
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .firstHeading {display:none; }
| + | |
− | #search-controls {
| + | |
− | position: absolute;
| + | |
− | top: 20px;
| + | |
− | right: 15px;
| + | |
− | width: 150px;
| + | |
− | height: 40px;
| + | |
− | background-color: transparent;
| + | |
− | text-align: center;
| + | |
− | z-index: 3;
| + | |
− | display: none;
| + | |
− | }
| + | |
− | | + | |
− | menubar.ul { color: #ffffff;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− | | + | |
− | .left-menu:hover {
| + | |
− | color: #ffffff;
| + | |
− | background-color: #8b0029; /* 수정 */
| + | |
− |
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | .left-menu a {
| + | |
− | color: #ffffff;
| + | |
− | background-color: #8b0029;
| + | |
− | }
| + | |
− | | + | |
− | .left-menu .selected {
| + | |
− | # color: #ffffff;
| + | |
− | }
| + | |
− | #.left-menu .selected:hover {
| + | |
− | # color: #ffffff;
| + | |
− | #}
| + | |
− | | + | |
− | .left-menu:hover a {
| + | |
− | color: #ffffff;
| + | |
− | }
| + | |
− | .right-menu li {
| + | |
− | # background-color: #8b0029;
| + | |
− | }
| + | |
− | .right-menu li a {
| + | |
− | padding: 0px 15px 0px 0px;
| + | |
− | color: #ffffff;
| + | |
− | background-color: #8b0029;
| + | |
− | }
| + | |
− | .right-menu li a:hover {
| + | |
− | color: #ffffff;
| + | |
− | text-decoration: underline;
| + | |
− | }
| + | |
− | | + | |
− | #header {
| + | |
− | width: 100%;
| + | |
− | height:90px;
| + | |
− | position:relative;
| + | |
− | z-index:999;
| + | |
− | background:#d8d3cd;
| + | |
− | }
| + | |
− | #nav {
| + | |
− | margin: 0 auto;
| + | |
− | background:#d8d3cd;
| + | |
− | width: 1100px
| + | |
− | }
| + | |
− | #nav ul, #nav li {
| + | |
− | margin:0;
| + | |
− | padding:0;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | #nav ul{
| + | |
− | }
| + | |
− | #nav > ul > li > a > img{
| + | |
− | height: 40px;
| + | |
− | margin-bottom: 10px;
| + | |
− | margin-top: 10px;
| + | |
− | }
| + | |
− | #nav li {
| + | |
− | position:relative;
| + | |
− | list-style:none;
| + | |
− | float:left;
| + | |
− | margin:0px; /* 0이엇음 */
| + | |
− | padding:0px 0px 0px 0px;
| + | |
− | width: 180px;
| + | |
− | }
| + | |
− | #nav li:hover{
| + | |
− | background-color: #8B0029
| + | |
− | }
| + | |
− | | + | |
− | #nav a {
| + | |
− | display:block;
| + | |
− | font-weight:bold;
| + | |
− | text-decoration:none;
| + | |
− | margin:0px;
| + | |
− | padding:5px 15px 5px 15px; /* 어디까지 hover 효과 먹히는지 */
| + | |
− | } | + | |
− | #nav li ul {
| + | |
− | position:absolute;
| + | |
− | top:92px; /* 서브가 아래로 열리게하는 */
| + | |
− | display:none;
| + | |
− | text-align: center;
| + | |
− | background-color: #8B0029
| + | |
− | } | + | |
− | #nav li.on ul {
| + | |
− | display:block;
| + | |
− | }
| + | |
− | /* color */
| + | |
− | #header {background:#8b0029;}
| + | |
− | #nav a {background:#8b0029; color:#ffffff;}
| + | |
− | #nav .on a,
| + | |
− | #nav li li a {background:#d8d3cd; color:#8b0029;}
| + | |
− | #nav > ul > li > ul > li :hover{
| + | |
− | background-color: #8B0029;
| + | |
− | color: #FFFFFF;
| + | |
− | font-weight: bold;
| + | |
− | }
| + | |
− | /* contents */
| + | |
− | #content {
| + | |
− | position: relative;
| + | |
− | width: 100%;
| + | |
− | margin: 0 auto;
| + | |
− | padding: 5px 0px 5px 0px;
| + | |
− | color: black;
| + | |
− | border-left: none;
| + | |
− | border-right: none;
| + | |
− | line-height: 1.5em;
| + | |
− | z-index: 2;
| + | |
− | }
| + | |
− | | + | |
− | </style>
| + | |
− | | + | |
− | | + | |
− | </head>
| + | |
− | | + | |
− | <body>
| + | |
− | <div id="header">
| + | |
− | <div id="nav">
| + | |
− | <ul>
| + | |
− | <li><a href="https://2015.igem.org/Team:Korea_U_Seoul"><br />Home</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:Korea_U_Seoul/member"><img src="https://static.igem.org/mediawiki/2013/1/13/Introduction.png"><br />Team</a>
| + | |
− | <ul>
| + | |
− |
| + | |
− | <li><a href="https://2015.igem.org/Team:Korea_U_Seoul/member">Our members</a>
| + | |
− | </li>
| + | |
− | <li><a href="https://igem.org/Team.cgi?year=2014&team_name=Korea_U_Seoul">Official Team Profile</a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li><a href="https://2014.igem.org/Team:Korea_U_Seoul/Project/Description"><img src="https://static.igem.org/mediawiki/2013/0/00/Review.png"><br />Project</a>
| + | |
− | <ul>
| + | |
− | <li><a href="https://2014.igem.org/Team:Korea_U_Seoul/Project/Description">Description</a></li>
| + | |
− | <li><a href="https://2014.igem.org/Team:Korea_U_Seoul/Project/Design">Design & Parts</a></li>
| + | |
− | <li><a href="https://2014.igem.org/Team:Korea_U_Seoul/Project/Protocols">Experiment & Protocol</a></li>
| + | |
− | <li><a href="https://2014.igem.org/Team:Korea_U_Seoul/Project/Judging">Judging Critiera</a></li>
| + | |
− | <li><a href="https://2014.igem.org/Team:Korea_U_Seoul/Project/Application">Application & Improvement</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li><a href="https://2014.igem.org/Team:Korea_U_Seoul/Notebook"><img src="https://static.igem.org/mediawiki/2013/7/7d/Howto.png"><br />Notebook</a>
| + | |
− | </li>
| + | |
− | <li><a href="https://2014.igem.org/Team:Korea_U_Seoul/Human_Practice/Outreach"><img src="https://static.igem.org/mediawiki/2013/d/de/Mypage.png"><br />Human Practice</a>
| + | |
− | <ul>
| + | |
− | <li><a href="https://2014.igem.org/Team:Korea_U_Seoul/Human_Practice/Outreach">Outreach</a>
| + | |
− | </li>
| + | |
− | <li><a href="https://2014.igem.org/Team:Korea_U_Seoul/Human_Practice/Safety">Safety Questions</a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://igem.org/"><img src="https://static.igem.org/mediawiki/2013/c/ce/Logos.png"><br />iGEM</a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
| </div> | | </div> |
− | <script>
| |
− | $('#nav li').bind('mouseenter keyup mouseleave', function() {
| |
− | $(this) .addClass('on').siblings().removeClass();
| |
− |
| |
− | $(this).unbind('mouseenter keyup mouseleave', function(){
| |
− |
| |
− | })
| |
− | });
| |
− | </script>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </html>
| |