Team:CBNU-Korea/Team
From 2012.igem.org
(Difference between revisions)
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | < | + | <head> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'> |
+ | <link href='http://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css'> | ||
- | + | <!--[if lt IE 9]> | |
- | + | <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> | |
- | + | <script src="http://scottjehl.github.com/Respond/respond.min.js"></script> | |
- | + | <![endif]--> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /> | ||
- | < | + | <style> |
- | + | /******/ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { | ||
+ | display:block; | ||
+ | } | ||
- | + | /* ----------------Display:none---------------- */ | |
- | + | ||
- | + | ||
- | + | ||
+ | #p-logo { | ||
+ | display: none; | ||
+ | } | ||
+ | #search-controls { | ||
+ | display: none; | ||
+ | } | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | #catlinks { | ||
+ | display: none; | ||
+ | } | ||
- | + | #footer-box { | |
+ | display: none; | ||
+ | } | ||
- | + | #contentSub { | |
- | + | display: none; | |
- | + | } | |
+ | /* ----------------Body---------------- */ | ||
- | |||
- | + | body { | |
- | + | font-family: 'Droid Sans', sans-serif; | |
- | + | background-color: white; /*per Page*/ | |
- | + | } | |
- | * | + | |
- | * | + | |
- | + | ||
- | + | /* iPhone, etc portrait ---- */ | |
- | + | @media all and (min-width : 320px) { | |
- | + | body{ | |
- | + | font-family: 'Droid Sans', sans-serif; | |
- | + | background-color: blue; | |
- | + | } | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | /* iPad, tablets etc portrait ---- */ | |
+ | @media only screen and (min-width : 768px){ | ||
+ | body{ | ||
+ | font-family: 'Droid Sans', sans-serif; | ||
+ | background-color: black; | ||
+ | } | ||
+ | } | ||
- | + | /* Laptops, Desktops, etc ---- */ | |
+ | @media all and (min-width: 1024px){ | ||
+ | body{ | ||
+ | font-family: 'Droid Sans', sans-serif; | ||
+ | background-color: green; | ||
+ | } | ||
+ | } | ||
+ | /* large Desktops */ | ||
+ | @media all and (min-width: 1200px) { | ||
+ | body{ | ||
+ | font-family: 'Droid Sans', sans-serif; | ||
+ | background-color: white; | ||
+ | } | ||
+ | } | ||
- | + | #globalWrapper { | |
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | /* ----------------TopSection---------------- */ | ||
+ | |||
+ | #top-section { | ||
+ | height: 30px; | ||
+ | width: 100%; | ||
+ | background: none repeat scroll 0 0 #343838; /*per Page*/ | ||
+ | border-bottom: 1px solid #262B35; /*per Page*/ | ||
+ | border-left: medium none; | ||
+ | border-right: medium none; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | top: 2px; | ||
+ | font-family: 'Droid Sans', sans-serif; | ||
+ | } | ||
+ | |||
+ | /* ----------------TopSection_left-menu---------------- */ | ||
+ | .left-menu, .left-menu a { | ||
+ | color: white; | ||
+ | left: 0px; | ||
+ | text-transform: capitalize; | ||
+ | } | ||
+ | |||
+ | .left-menu:hover { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .left-menu:hover a { | ||
+ | color: white; | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | |||
+ | .left-menu li a:hover { | ||
+ | color: #aaaaff; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* ----------------TopSection_right-menu---------------- */ | ||
+ | .right-menu li { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .right-menu, .right-menu a { | ||
+ | color: white; | ||
+ | right: 0; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .right-menu:hover { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .right-menu:hover a { | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .right-menu li a { | ||
+ | background-color: transparent; | ||
+ | color: white; | ||
+ | padding: 0 15px 0 0; | ||
+ | } | ||
+ | |||
+ | .right-menu li a:hover { | ||
+ | color: #aaaaff; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ----------------CB_top---------------- */ | ||
+ | |||
+ | #CB_top { | ||
+ | height: 200px; | ||
+ | background-color: #00B4CC; | ||
+ | font-family: 'Francois One', sans-serif; | ||
+ | } | ||
+ | |||
+ | #CB_top_logo_cont { | ||
+ | width: 90%; | ||
+ | max-width: 1080px; | ||
+ | margin: 0 auto; | ||
+ | padding-top: 50px; | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | #CB_top_CBNU_logo { | ||
+ | width: 70%; | ||
+ | margin: 0 auto; | ||
+ | color: white; | ||
+ | font-size: 30px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #CB_top_iGEM_logo { | ||
+ | width: 30%; | ||
+ | float: right; | ||
+ | color: white; | ||
+ | font-size: 30px; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | /* ----------------CB_content---------------- */ | ||
+ | |||
+ | |||
+ | #CB_subcontent { | ||
+ | width: 90%; | ||
+ | max-width: 1080px; | ||
+ | margin: 0 auto; | ||
+ | margin-top: -9.5em; | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | #CB_content_imgbox { | ||
+ | } | ||
+ | |||
+ | #CB_content_imgbox img { | ||
+ | border: 2px solid white; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ----------------CB_content---------------- */ | ||
+ | |||
+ | #CB_footer { | ||
+ | height: 200px; | ||
+ | background: #008C9E; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ----------------Content---------------- */ | ||
+ | |||
+ | #content { | ||
+ | background: transparent; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | border: 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | a { | ||
+ | color: #0088cc; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | color: #005580; | ||
+ | text-decoration: none!important; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | hr { | ||
+ | height: 1px; | ||
+ | color: transparent; | ||
+ | background-color: transparent; | ||
+ | border: 0; | ||
+ | background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25), transparent); | ||
+ | background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25), transparent); | ||
+ | background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25), transparent); | ||
+ | background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25), transparent); | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | <div id="CB_top"> | ||
+ | <div id="CB_top_logo_cont"> | ||
+ | <div id="CB_top_CBNU_logo"> | ||
+ | Team:CBNU-Korea | ||
+ | </div> | ||
+ | <div id="CB_top_iGEM_logo"> | ||
+ | <a href="https://2012.igem.org">iGEM_logo</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="CB_MENU"></div> | ||
+ | |||
+ | <div id="CB_content"> | ||
+ | <div id="CB_subcontent"> | ||
+ | <div id="CB_content_imgbox"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/7/77/CBK_menu_safety.png"> | ||
+ | </div> | ||
+ | <hr> | ||
+ | <div id="test" style="height: 800px;"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="CB_footer"> | ||
+ | </div> | ||
+ | </body> | ||
+ | |||
+ | </html> |
Revision as of 09:35, 19 September 2012
Team:CBNU-Korea