Team:CBNU-Korea/Team

From 2012.igem.org

(Difference between revisions)
Line 4: Line 4:
<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=Droid+Sans'
-
    <link href='http://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
+
rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Francois+One'
 +
rel='stylesheet' type='text/css'>
-
    <!--[if lt IE 9]>
+
<!--[if lt IE 9]>
     <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <script src="http://scottjehl.github.com/Respond/respond.min.js"></script>
     <script src="http://scottjehl.github.com/Respond/respond.min.js"></script>
Line 14: Line 16:
-
    <meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" />
+
<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>
+
<style>
-
        /******/
+
/******/
 +
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption
 +
{
 +
display: block;
 +
}
-
        header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {
+
/* ----------------Display:none---------------- */
-
            display: block;
+
#p-logo {
-
        }
+
display: none;
 +
}
 +
#search-controls {
 +
display: none;
 +
}
-
        /* ----------------Display:none---------------- */
+
.firstHeading {
 +
display: none;
 +
}
-
        #p-logo {
+
#catlinks {
-
            display: none;
+
display: none;
-
        }
+
}
-
        #search-controls {
+
#footer-box {
-
            display: none;
+
display: none;
-
        }
+
}
-
        .firstHeading {
+
#contentSub {
-
            display: none;
+
display: none;
-
        }
+
}
-
        #catlinks {
+
/* ----------------TopSection---------------- */
-
            display: none;
+
#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;
 +
}
-
        #footer-box {
+
#menubar {
-
            display: none;
+
top: 2px;
-
        }
+
font-family: 'Droid Sans', sans-serif;
 +
}
-
        #contentSub {
+
/* ----------------Body---------------- */
-
            display: none;
+
body {
-
        }
+
font-family: 'Droid Sans', sans-serif;
 +
background-color: white; /*per Page*/
 +
}
-
        /* ----------------TopSection---------------- */
+
#globalWrapper {
 +
padding-bottom: 0px;
 +
}
-
        #top-section {
+
/* ----------------TopSection_left-menu---------------- */
-
            height: 30px;
+
.left-menu,.left-menu a {
-
            width: 100%;
+
color: white;
-
            background: none repeat scroll 0 0 #343838; /*per Page*/
+
left: 0px;
-
            border-bottom: 1px solid #262B35; /*per Page*/
+
text-transform: capitalize;
-
            border-left: medium none;
+
}
-
            border-right: medium none;
+
-
        }
+
-
        #menubar {
+
.left-menu:hover {
-
            top: 2px;
+
background-color: transparent;
-
            font-family: 'Droid Sans', sans-serif;
+
}
-
        }
+
-
        /* ----------------Body---------------- */
+
.left-menu:hover a {
 +
color: white;
 +
text-decoration: none !important;
 +
}
-
       
+
.left-menu li a:hover {
 +
color: #aaaaff;
 +
}
-
        body {
+
/* ----------------TopSection_right-menu---------------- */
-
            font-family: 'Droid Sans', sans-serif;
+
.right-menu li {
-
            background-color: white; /*per Page*/
+
background-color: transparent;
-
        }
+
}
-
        #globalWrapper {
+
.right-menu,.right-menu a {
-
            padding-bottom: 0px;
+
color: white;
-
        }
+
right: 0;
 +
text-align: right;
 +
}
-
       
+
.right-menu:hover {
 +
background-color: transparent;
 +
}
-
        /* ----------------TopSection_left-menu---------------- */
+
.right-menu:hover a {
-
        .left-menu, .left-menu a {
+
color: white;
-
            color: white;
+
}
-
            left: 0px;
+
-
            text-transform: capitalize;
+
-
        }
+
-
            .left-menu:hover {
+
.right-menu li a {
-
                background-color: transparent;
+
background-color: transparent;
-
            }
+
color: white;
 +
padding: 0 15px 0 0;
 +
}
-
                .left-menu:hover a {
+
.right-menu li a:hover {
-
                    color: white;
+
color: #aaaaff;
-
                    text-decoration: none !important;
+
}
-
                }
+
-
            .left-menu li a:hover {
+
/* ----------------CB_top---------------- */
-
                color: #aaaaff;
+
#CB_top {
-
            }
+
background-color: #24BED3;
 +
font-family: 'Francois One', sans-serif;
 +
overflow: auto;
 +
}
 +
#CB_top_logo_cont {
 +
width: 90%;
 +
max-width: 1080px;
 +
margin: 0 auto;
 +
line-height: 1em;
 +
}
 +
#CB_top_CBNU_logo {
 +
width: 40%;
 +
margin: 0 auto;
 +
color: white;
 +
font-size: 30px;
 +
float: left;
 +
padding-top: 15px;
 +
}
-
        /* ----------------TopSection_right-menu---------------- */
+
#CB_top_MENU {
-
        .right-menu li {
+
width: 50%;
-
            background-color: transparent;
+
float: right;
-
        }
+
text-align: right;
 +
padding-top: 30px;
 +
}
-
        .right-menu, .right-menu a {
+
#CB_top_MENU ul {
-
            color: white;
+
margin: 0;
-
            right: 0;
+
padding: 0;
-
            text-align: right;
+
font-size: 18px;
-
        }
+
padding-bottom: 10px;
 +
}
-
            .right-menu:hover {
+
#CB_top_MENU li {
-
                background-color: transparent;
+
display: inline-block;
-
            }
+
*display: inline;
 +
border-bottom: 5px solid #221B1B;
 +
height: 30px;
 +
padding: 0 15px;
 +
margin: 0 4px;
 +
}
-
                .right-menu:hover a {
+
.HOME {
-
                    color: white;
+
border-bottom-color: white !important;
-
                }
+
}
-
            .right-menu li a {
+
#CB_top_MENU li:hover {
-
                background-color: transparent;
+
background: white;
-
                color: white;
+
border-bottom: 5px solid white;
-
                padding: 0 15px 0 0;
+
}
-
            }
+
-
                .right-menu li a:hover {
+
#CB_top_MENU li:hover a {
-
                    color: #aaaaff;
+
color: #24BED3;
-
                }
+
}
 +
#CB_top_MENU a {
 +
color: #0E0B0B;
 +
}
-
        /* ----------------CB_top---------------- */
+
/* ----------------CB_content---------------- */
 +
#CB_subcontent {
 +
width: 90%;
 +
max-width: 1200px;
 +
margin: 0 auto;
 +
background: transparent;
 +
overflow: auto;
 +
height: 500px;
 +
}
-
        #CB_top {
+
#CB_content_slide {
-
            background-color: #24BED3;
+
background: white;
-
            font-family: 'Francois One', sans-serif;
+
width: 100%;
-
            overflow: auto;
+
max-width: 1200px;
-
        }
+
margin: 0 auto;
 +
}
-
        #CB_top_logo_cont {
+
#CB_sub_menu {
-
            width: 90%;
+
width: 30%;
-
            max-width: 1080px;
+
float: left;
-
            margin: 0 auto;
+
}
-
            line-height: 1em;
+
-
        }
+
-
        #CB_top_CBNU_logo {
+
#CB_sub_main {
-
            width: 40%;
+
width: 70%;
-
            margin: 0 auto;
+
float: right;
-
            color: white;
+
}
-
            font-size: 30px;
+
-
            float: left;
+
-
            padding-top: 65px;
+
-
        }
+
-
        #CB_top_MENU {
+
/* ----------------CB_footer---------------- */
-
            width: 50%;
+
#CB_responsive {
-
            float: right;
+
height: 200px;
-
            text-align: right;
+
background: #DFD4E7;
-
            padding-top: 30px;
+
border-top: 1px solid #AAA6B6;
-
        }
+
}
-
            #CB_top_MENU ul {
+
#CB_footer {
-
                margin: 0;
+
height: 200px;
-
                padding: 0;
+
background: #EBEBEB;
-
                font-size: 18px;
+
border-top: 1px solid silver;
-
                padding-bottom: 10px;
+
}
-
            }
+
-
            #CB_top_MENU li {
+
#CB_footer_logo {
-
                display: inline-block;
+
-
                *display: inline;
+
}
-
                border-bottom: 5px solid #221B1B;
+
-
                height: 30px;
+
-
                padding: 0 15px;
+
-
                margin: 0 4px;
+
-
            }
+
-
            .HOME{
+
#CB_footer_text {
-
                border-bottom-color: white !important;
+
-
            }
+
}
-
                #CB_top_MENU li:hover {
+
/* ----------------Content---------------- */
-
                    background: white;
+
#content {
-
                    border-bottom: 5px solid white;
+
background: transparent;
-
                }
+
padding: 0;
 +
width: 100%;
 +
border: 0px;
 +
}
-
                    #CB_top_MENU li:hover a {
+
a {
-
                        color: #24BED3;
+
color: #0088cc;
-
                    }
+
text-decoration: none;
 +
}
-
            #CB_top_MENU a {
+
a:hover {
-
                color: #0E0B0B;
+
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 );
 +
}
-
        /* ----------------CB_content---------------- */
+
/* ----------------responsive---------------- */
 +
/* iPhone, etc portrait ---- */
 +
@media all and (min-width : 320px) and (max-width : 768px) {
 +
body {
 +
font-family: 'Droid Sans', sans-serif;
 +
background-color: blue;
 +
}
 +
#menubar {
 +
display: none;
 +
}
 +
#CB_top_CBNU_logo {
 +
width: 100%;
 +
margin: 0 auto;
 +
color: white;
 +
font-size: 30px;
 +
padding-top: 15px;
 +
text-align: center;
 +
}
 +
#CB_top_MENU {
 +
width: 100%;
 +
text-align: center;
 +
padding-top: 40px;
 +
}
 +
#CB_top_MENU ul {
 +
margin: 0;
 +
padding: 0;
 +
font-size: 12px;
 +
padding-bottom: 10px;
 +
}
 +
#CB_top_MENU li {
 +
display: inline-block;
 +
*display: inline;
 +
border-bottom: 5px solid #221B1B;
 +
height: 20px;
 +
padding: 0 15px;
 +
margin: 0 4px;
 +
}
 +
.HOME {
 +
border-bottom-color: white !important;
 +
}
 +
#CB_top_MENU li:hover {
 +
background: white;
 +
border-bottom: 5px solid white;
 +
}
 +
#CB_top_MENU li:hover a {
 +
color: #24BED3;
 +
}
 +
#CB_top_MENU a {
 +
color: #0E0B0B;
 +
}
 +
}
-
        #CB_subcontent {
+
/* iPad, tablets etc portrait ---- */
-
            width: 90%;
+
@media all and (min-width : 769px) and (max-width : 1024px ) {
-
            max-width: 1200px;
+
body {
-
            margin: 0 auto;
+
font-family: 'Droid Sans', sans-serif;
-
            background: transparent;
+
background-color: yellow;
-
            overflow: auto;
+
}
 +
#menubar {
 +
display: block;
 +
}
 +
#CB_top_CBNU_logo {
 +
width: 100%;
 +
margin: 0 auto;
 +
color: white;
 +
font-size: 30px;
 +
padding-top: 15px;
 +
text-align: center;
 +
}
 +
#CB_top_MENU {
 +
width: 100%;
 +
text-align: center;
 +
padding-top: 20px;
 +
}
 +
#CB_top_MENU ul {
 +
margin: 0;
 +
padding: 0;
 +
font-size: 16px;
 +
padding-bottom: 10px;
 +
}
 +
#CB_top_MENU li {
 +
display: inline-block;
 +
*display: inline;
 +
border-bottom: 5px solid #221B1B;
 +
height: 20px;
 +
padding: 0 15px;
 +
margin: 0 4px;
 +
}
 +
.HOME {
 +
border-bottom-color: white !important;
 +
}
 +
#CB_top_MENU li:hover {
 +
background: white;
 +
border-bottom: 5px solid white;
 +
}
 +
#CB_top_MENU li:hover a {
 +
color: #24BED3;
 +
}
 +
#CB_top_MENU a {
 +
color: #0E0B0B;
 +
}
 +
}
-
            height: 500px;
+
/* Laptops, Desktops, etc ---- */
-
        }
+
/*@media all and (min-width: 1024px) {
-
 
+
-
        #CB_content_slide {
+
-
            background: white;
+
-
            width: 100%;
+
-
            max-width: 1200px;
+
-
            margin: 0 auto;
+
-
        }
+
-
 
+
-
        #CB_sub_menu {
+
-
            width: 30%;
+
-
            float: left;
+
-
        }
+
-
 
+
-
        #CB_sub_main {
+
-
            width: 70%;
+
-
            float: right;
+
-
        }
+
-
 
+
-
        /* ----------------CB_footer---------------- */
+
-
 
+
-
        #CB_responsive {
+
-
            height: 200px;
+
-
            background: #DFD4E7;
+
-
            border-top: 1px solid #AAA6B6;
+
-
        }
+
-
 
+
-
        #CB_footer {
+
-
            height: 200px;
+
-
            background: #EBEBEB;
+
-
            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);
+
-
        }
+
-
       
+
-
       
+
-
       
+
-
       
+
-
        /* ----------------responsive---------------- */
+
-
+
-
+
-
        /* iPhone, etc portrait ---- */
+
-
        @media all and (min-width : 320px) and (max-width : 768px) {
+
-
            body {
+
-
                font-family: 'Droid Sans', sans-serif;
+
-
                background-color: blue;
+
-
            }
+
-
 
+
-
            #menubar {
+
-
                display: none;
+
-
            }
+
-
           
+
-
            #CB_top_CBNU_logo {
+
-
            width: 100%;
+
-
            margin: 0 auto;
+
-
            color: white;
+
-
            font-size: 30px;
+
-
            padding-top: 45px;
+
-
            text-align: center;
+
-
        }
+
-
 
+
-
        #CB_top_MENU {
+
-
            width: 100%;
+
-
            text-align: center;
+
-
            padding-top: 40px;
+
-
        }
+
-
 
+
-
            #CB_top_MENU ul {
+
-
                margin: 0;
+
-
                padding: 0;
+
-
                font-size: 12px;
+
-
                padding-bottom: 10px;
+
-
            }
+
-
 
+
-
            #CB_top_MENU li {
+
-
                display: inline-block;
+
-
                *display: inline;
+
-
                border-bottom: 5px solid #221B1B;
+
-
                height: 20px;
+
-
                padding: 0 15px;
+
-
                margin: 0 4px;
+
-
            }
+
-
 
+
-
            .HOME{
+
-
                border-bottom-color: white !important;
+
-
            }
+
-
 
+
-
                #CB_top_MENU li:hover {
+
-
                    background: white;
+
-
                    border-bottom: 5px solid white;
+
-
                }
+
-
 
+
-
                    #CB_top_MENU li:hover a {
+
-
                        color: #24BED3;
+
-
                    }
+
-
 
+
-
            #CB_top_MENU a {
+
-
                color: #0E0B0B;
+
-
            }
+
-
        }
+
-
 
+
-
        /* iPad, tablets etc portrait ---- */
+
-
        @media all and (min-width : 769px) and (max-width : 1024px ) {
+
-
            body {
+
-
                font-family: 'Droid Sans', sans-serif;
+
-
                background-color: yellow;
+
-
            }
+
-
 
+
-
            #menubar {
+
-
                display: block;
+
-
            }
+
-
           
+
-
            #CB_top_CBNU_logo {
+
-
            width: 100%;
+
-
            margin: 0 auto;
+
-
            color: white;
+
-
            font-size: 30px;
+
-
            padding-top: 45px;
+
-
            text-align: center;
+
-
        }
+
-
 
+
-
        #CB_top_MENU {
+
-
            width: 100%;
+
-
            text-align: center;
+
-
            padding-top: 20px;
+
-
        }
+
-
 
+
-
            #CB_top_MENU ul {
+
-
                margin: 0;
+
-
                padding: 0;
+
-
                font-size: 16px;
+
-
                padding-bottom: 10px;
+
-
            }
+
-
 
+
-
            #CB_top_MENU li {
+
-
                display: inline-block;
+
-
                *display: inline;
+
-
                border-bottom: 5px solid #221B1B;
+
-
                height: 20px;
+
-
                padding: 0 15px;
+
-
                margin: 0 4px;
+
-
            }
+
-
 
+
-
            .HOME{
+
-
                border-bottom-color: white !important;
+
-
            }
+
-
 
+
-
                #CB_top_MENU li:hover {
+
-
                    background: white;
+
-
                    border-bottom: 5px solid white;
+
-
                }
+
-
 
+
-
                    #CB_top_MENU li:hover a {
+
-
                        color: #24BED3;
+
-
                    }
+
-
 
+
-
            #CB_top_MENU a {
+
-
                color: #0E0B0B;
+
-
            }
+
-
        }
+
-
 
+
-
        /* Laptops, Desktops, etc ---- */
+
-
        /*@media all and (min-width: 1024px) {
+
             body {
             body {
                 font-family: 'Droid Sans', sans-serif;
                 font-family: 'Droid Sans', sans-serif;
Line 422: Line 389:
         }*/
         }*/
-
        /* large Desktops */
+
/* large Desktops */
-
        @media all and (min-width: 1025px) {
+
@media all and (min-width: 1025px) {
-
            body {
+
body {
-
                font-family: 'Droid Sans', sans-serif;
+
font-family: 'Droid Sans', sans-serif;
-
                background-color: white;
+
background-color: white;
-
            }
+
}
-
 
+
#menubar {
-
            #menubar {
+
display: block;
-
                display: block;
+
}
-
            }
+
#CB_top {
-
           
+
height: 150px;
-
            #CB_top {
+
}
-
            height: 150px;
+
}
-
            }
+
</style>
-
        }
+
-
    </style>
+
</head>
</head>
Line 444: Line 409:
<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">
-
                <img src="https://static.igem.org/mediawiki/2012/2/2c/CBK_logo_003.png" width="120px" />
+
<img src="https://static.igem.org/mediawiki/2012/2/2c/CBK_logo_003.png" width="120px" />
-
                Team:CBNU-Korea
+
Team:CBNU-Korea</div>
-
            </div>
+
<div id="CB_top_MENU">
-
            <div id="CB_top_MENU">
+
<ul>
-
                <ul>
+
<li class="HOME"><a href="#">HOME</a></li>
-
                    <li class="HOME"><a href="#">HOME</a></li>
+
<li class="TEAM"><a href="#">TEAM</a></li>
-
                    <li class="TEAM"><a href="#">TEAM</a></li>
+
<li class="PROJECT"><a href="#">PROJECT</a></li>
-
                    <li class="PROJECT"><a href="#">PROJECT</a></li>
+
<li class="NOTEBOOK"><a href="#">NOTEBOOK</a></li>
-
                    <li class="NOTEBOOK"><a href="#">NOTEBOOK</a></li>
+
</ul>
-
                </ul>
+
<ul>
-
                <ul>
+
<li class="SAFETY"><a href="#">SAFETY</a></li>
-
                    <li class="SAFETY"><a href="#">SAFETY</a></li>
+
<li class="JUDGING"><a href="#">JUDGING</a></li>
-
                    <li class="JUDGING"><a href="#">JUDGING</a></li>
+
<li class="iGEM"><a href="#">iGEM</a></li>
-
                    <li class="iGEM"><a href="#">iGEM</a></li>
+
</ul>
-
                </ul>
+
</div>
-
            </div>
+
</div>
-
        </div>
+
</div>
-
    </div>
+
-
    <div id="CB_content">
+
<div id="CB_content">
-
        <div id="CB_content_slide">
+
<div id="CB_content_slide">
-
            <ul class="rslides">
+
<ul class="rslides">
-
                <li>
+
<li><img
-
                    <img src="https://static.igem.org/mediawiki/2012/a/a7/CBK_slide_temp_001.png" /></li>
+
src="https://static.igem.org/mediawiki/2012/a/a7/CBK_slide_temp_001.png" /></li>
-
                <li>
+
<li><img
-
                    <img src="https://static.igem.org/mediawiki/2012/5/54/CBK_slide_temp_002.png" /></li>
+
src="https://static.igem.org/mediawiki/2012/5/54/CBK_slide_temp_002.png" /></li>
-
                <li>
+
<li><img
-
                    <img src="https://static.igem.org/mediawiki/2012/3/3e/CBK_slide_temp_003.png" /></li>
+
src="https://static.igem.org/mediawiki/2012/3/3e/CBK_slide_temp_003.png" /></li>
-
            </ul>
+
</ul>
-
        </div>
+
</div>
-
        <div id="CB_subcontent">
+
<div id="CB_subcontent">
-
            <hr>
+
<hr>
-
            <div id="CB_sub_menu">
+
<div id="CB_sub_menu"></div>
-
            </div>
+
<div id="CB_sub_main"></div>
-
            <div id="CB_sub_main">
+
</div>
-
            </div>
+
</div>
-
        </div>
+
<div id="CB_responsive"></div>
-
    </div>
+
<div id="CB_footer">
-
    <div id="CB_responsive">
+
<div id="CB_footer_logo"></div>
-
    </div>
+
<div id="CB_footer_text"></div>
-
    <div id="CB_footer">
+
</div>
-
        <div id="CB_footer_logo">
+
-
        </div>
+
-
        <div id="CB_footer_text">
+
-
        </div>
+
-
    </div>
+
</body>
</body>
</html>
</html>

Revision as of 07:38, 21 September 2012

Retrieved from "http://2012.igem.org/Team:CBNU-Korea/Team"