|
|
(145 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{Team:CBNU-Korea/css_new}} |
| + | |
| <html> | | <html> |
| <head> | | <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'>
| |
| | | |
| + | <style> |
| + | .TEAM { |
| + | border-bottom-color: white !important; |
| + | } |
| | | |
- | <!--[if lt IE 9]>
| + | #CB_sub_img { |
- | <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
| + | background-image: |
- | <script src="http://scottjehl.github.com/Respond/respond.min.js"></script>
| + | url(https://static.igem.org/mediawiki/2012/3/3e/CBK_sub_img_007.png); |
- | <![endif]-->
| + | } |
- |
| + | </style> |
- | | + | |
- | <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: #24BED3;
| + | |
- | font-family: 'Francois One', sans-serif;
| + | |
- | }
| + | |
- | | + | |
- | #CB_top_logo_cont {
| + | |
- | width: 90%;
| + | |
- | max-width: 1080px;
| + | |
- | margin: 0 auto;
| + | |
- | padding-top: 65px;
| + | |
- | line-height: 1em;
| + | |
- | }
| + | |
- | | + | |
- | #CB_top_CBNU_logo {
| + | |
- | width: 70%;
| + | |
- | margin: 0 auto;
| + | |
- | color: white;
| + | |
- | font-size: 30px;
| + | |
- | float: left;
| + | |
- | }
| + | |
- | | + | |
- | #CB_top_MENU {
| + | |
- | width: 50%;
| + | |
- | float: right;
| + | |
- | }
| + | |
- | | + | |
- | /* ----------------CB_content---------------- */
| + | |
- | | + | |
- | | + | |
- | #CB_subcontent {
| + | |
- | width: 90%;
| + | |
- | max-width: 1080px;
| + | |
- | margin: 0 auto;
| + | |
- | background: transparent;
| + | |
- | }
| + | |
- | | + | |
- | #CB_content_slide {
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* ----------------CB_content---------------- */
| + | |
- | | + | |
- | #CB_footer {
| + | |
- | height: 200px;
| + | |
- | background: #EBEBEB;
| + | |
- | margin-top: 10px;
| + | |
- | border-top: 1px solid silver;
| + | |
- | }
| + | |
- | | + | |
- | #CB_footer_logo {
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | #CB_footer_text {
| + | |
- | | + | |
- | | + | |
- | }
| + | |
- | | + | |
- | /* ----------------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> | | </head> |
Line 265: |
Line 21: |
| <body> | | <body> |
| | | |
- | <div id="CB_top">
| + | <div id="CB_top"> |
- | <div id="CB_top_logo_cont">
| + | <div id="CB_top_logo_cont"> |
- | <div id="CB_top_CBNU_logo">
| + | <div id="CB_top_CBNU_logo"> |
- | Team:CBNU-Korea
| + | <div id="CB_top_CBNU_logo_img"></div> |
- | </div>
| + | <div id="CB_top_CBNU_logo_text_1"> |
- | <div id="CB_top_MENU">
| + | <p>2012 iGEM</p> |
- | | + | </div> |
- | </div>
| + | <div id="CB_top_CBNU_logo_text_2"> |
- | </div>
| + | <p>CBNU-Korea</p> |
- | </div>
| + | </div> |
- |
| + | </div> |
| + | <div id="CB_top_MENU"> |
| + | <ul> |
| + | <li class="HOME"><a |
| + | href="https://2012.igem.org/Team:CBNU-Korea">HOME</a></li> |
| + | <li class="TEAM"><a href="#">TEAM</a></li> |
| + | <li class="PROJECT"><a |
| + | href="https://2012.igem.org/Team:CBNU-Korea/Project">PROJECT</a></li> |
| + | <li class="NOTEBOOK"><a |
| + | href="https://2012.igem.org/Team:CBNU-Korea/Notebook">NOTEBOOK</a></li> |
| + | </ul> |
| + | <ul> |
| + | <li class="SAFETY"><a |
| + | href="https://2012.igem.org/Team:CBNU-Korea/Safety">SAFETY</a></li> |
| + | <li class="JUDGING"><a |
| + | href="https://2012.igem.org/Team:CBNU-Korea/JG/judging">JUDGING</a></li> |
| + | <li class="iGEM"><a href="https://2012.igem.org/" |
| + | target="_blank">iGEM</a></li> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div id="CB_top_shadow"></div> |
| | | |
- | <div id="CB_content">
| + | <div id="CB_content"> |
- | <div id="CB_content_slide">
| + | <div id="CB_subcontent"> |
| + | <div id="CB_sub_title"> |
| + | <h2>TEAM</h2> |
| + | <h3>- Team</h3> |
| + | </div> |
| + | <div></div> |
| + | <div id="CB_sub_menu"> |
| | | |
- |
| |
- | </div>
| |
- | <div id="CB_subcontent">
| |
- | <hr>
| |
- | <div id="test" style="height: 800px;">
| |
- |
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
| | | |
- | <div id="CB_footer">
| + | <div id="CB_sub_mobile_menu">+ MENU</div> |
- | <div id="CB_footer_logo">
| + | <ul class="CB_ul"> |
| + | <li class="li_p"><a |
| + | href="https://2012.igem.org/Team:CBNU-Korea/Team/P">01 + Instructor</a></li> |
| + | <li class="li_a"><a |
| + | href="https://2012.igem.org/Team:CBNU-Korea/Team/A">02 + A Team</a></li> |
| + | <li class="li_b"><a |
| + | href="https://2012.igem.org/Team:CBNU-Korea/Team/B">03 + B Team</a></li> |
| + | <li class="li_c"><a |
| + | href="https://2012.igem.org/Team:CBNU-Korea/Team/C">04 + C Team</a></li> |
| + | </ul> |
| | | |
- | </div>
| + | </div> |
- | <div id="CB_footer_text">
| + | <div id="CB_sub_main"> |
| + | <div id="CB_sub_cont"> |
| + | <img src="https://static.igem.org/mediawiki/2012/a/a5/CBK_Team_001.png" style="height: auto; width:100%;"> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
- | </div>
| + | <div id="CB_footer"> |
- | </div>
| + | <div id="CB_footer_logo"></div> |
| + | <div id="CB_footer_text"></div> |
| + | </div> |
| </body> | | </body> |
| | | |
| </html> | | </html> |