Team:Korea U Seoul
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | <html> | |
- | < | + | <head> |
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
+ | <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> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div id="header"> | ||
+ | <div id="nav"> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul"><img src="https://static.igem.org/mediawiki/2013/3/31/Koreauseoul_logo.png"><br />Home</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University"><img src="https://static.igem.org/mediawiki/2013/1/13/Introduction.png"><br />Team</a> | ||
+ | <ul> | ||
+ | <!--<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">Korea University</a> | ||
+ | </li>--> | ||
+ | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">Our members</a> | ||
+ | </li> | ||
+ | <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Korea_U_Seoul">Official Team Profile</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.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://2013.igem.org/Team:Korea_U_Seoul/Project/Description">Description</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Design">Design & Parts</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Protocols">Protocol</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Result">Result</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Application">Application & Improvement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.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://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Ownership_Innovation"><img src="https://static.igem.org/mediawiki/2013/d/de/Mypage.png"><br />Human Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Ownership_Innovation">Ownership & Innovation</a> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Outreach">Outreach</a> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Collaboration">Collaboration</a> | ||
+ | </li> | ||
+ | <li><a href="https://2013.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(); | ||
+ | console.log("a"); | ||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
+ | </html> |
Revision as of 21:59, 27 September 2013