|
|
(4 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'>
| |
- | <link href='http://fonts.googleapis.com/css?family=Lato:300,400,900'
| |
- | rel='stylesheet' type='text/css'>
| |
- |
| |
- | <!--[if lt IE 9]>
| |
- | <script src="//html5shiv.googlecode.com/svn/trunk/html5.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> | | <style> |
- | /******/
| + | .TEAM { |
- | header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption
| + | border-bottom-color: white !important; |
- | {
| + | |
- | display: block; | + | |
| } | | } |
| | | |
- | /* ---------------------------------------------------Display:none--------------------------------------------------- */
| + | .li_a { |
- | #p-logo {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | #search-controls {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | .firstHeading { | + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | #catlinks {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | #footer-box {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | #contentSub {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | /* ---------------------------------------------------TopSection---------------------------------------------------- */
| + | |
- | #top-section {
| + | |
- | height: 30px;
| + | |
- | width: 100%;
| + | |
- | background: none repeat scroll 0 0 #343838;
| + | |
- | border-bottom: 1px solid #262B35;
| + | |
- | border-left: medium none;
| + | |
- | border-right: medium none;
| + | |
- | }
| + | |
- | | + | |
- | #menubar {
| + | |
- | top: 2px;
| + | |
- | font-family: 'Droid Sans', sans-serif;
| + | |
- | }
| + | |
- | | + | |
- | /* ----------------------------------------------------------Body--------------------------------------------------- */
| + | |
- | body {
| + | |
- | font-family: 'Lato' sans-serif;
| + | |
- | background: white;
| + | |
- | }
| + | |
- | | + | |
- | #globalWrapper {
| + | |
- | padding-bottom: 0px;
| + | |
- | }
| + | |
- | | + | |
- | /* ----------------------------------------------------------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 {
| + | |
- | background: url(https://static.igem.org/mediawiki/2012/f/fd/CBK_back_010.png);
| + | |
- | font-family: 'Francois One', sans-serif;
| + | |
- | overflow: auto;
| + | |
- | padding-bottom: 20px;
| + | |
- | }
| + | |
- | | + | |
- | #CB_top_shadow {
| + | |
- | background: url(https://static.igem.org/mediawiki/2012/b/b0/CBK_back_011.png);
| + | |
- | height: 10px;
| + | |
- | margin-bottom: 12px;
| + | |
- | }
| + | |
- | | + | |
- | #CB_top_logo_cont {
| + | |
- | width: 90%;
| + | |
- | max-width: 1080px;
| + | |
- | margin: 0 auto;
| + | |
- | line-height: 1em;
| + | |
- | }
| + | |
- | | + | |
- | #CB_top_CBNU_logo {
| + | |
- | width: 55%;
| + | |
- | margin: 0 auto;
| + | |
- | color: white;
| + | |
- | font-size: 50px;
| + | |
- | float: left;
| + | |
- | padding-top: 25px;
| + | |
- | }
| + | |
- | | + | |
- | #CB_top_CBNU_logo_img {
| + | |
- | background: url(https://static.igem.org/mediawiki/2012/2/2c/CBK_logo_003.png)
| + | |
- | no-repeat;
| + | |
- | width: 140px;
| + | |
- | height: 120px;
| + | |
- | float: left;
| + | |
- | }
| + | |
- | | + | |
- | #CB_top_CBNU_logo_text_1 p {
| + | |
- | padding: 0;
| + | |
- | margin: 0;
| + | |
- | margin-top: 12px;
| + | |
- | font-size: 30px;
| + | |
- | }
| + | |
- | | + | |
- | #CB_top_CBNU_logo_text_2 p {
| + | |
- | padding: 0;
| + | |
- | margin: 0;
| + | |
- | margin-top: -18px;
| + | |
- | }
| + | |
- | | + | |
- | #CB_top_MENU {
| + | |
- | width: 45%;
| + | |
- | float: right;
| + | |
- | text-align: right;
| + | |
- | padding-top: 45px;
| + | |
- | }
| + | |
- | | + | |
- | #CB_top_MENU ul {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | font-size: 18px;
| + | |
- | padding-bottom: 10px;
| + | |
- | }
| + | |
- | | + | |
- | #CB_top_MENU li {
| + | |
- | display: inline-block;
| + | |
- | *display: inline;
| + | |
- | border-bottom: 5px solid #221B1B;
| + | |
- | height: 30px;
| + | |
- | padding: 0 15px;
| + | |
- | margin: 0 4px;
| + | |
- | }
| + | |
- | | + | |
- | #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_content---------------- */
| + | |
- | #CB_content a {
| + | |
- | color: black;
| + | |
- | }
| + | |
- | | + | |
- | #CB_subcontent {
| + | |
- | width: 90%;
| + | |
- | max-width: 1080px;
| + | |
- | margin: 0 auto;
| + | |
- | background: transparent;
| + | |
- | overflow: auto;
| + | |
- | padding-bottom: 20px;
| + | |
- | }
| + | |
- | | + | |
- | #CB_subcontent h2 {
| + | |
- | background: white;
| + | |
- | color: black;
| + | |
- | font-size: 2.2em;
| + | |
| font-weight: 900; | | font-weight: 900; |
- | border: 0;
| |
- | margin: 0;
| |
- | padding: 25px 10px 10px 2%;
| |
| } | | } |
| | | |
- | #CB_subcontent h3 {
| + | .li_a a { |
- | font-weight: 400;
| + | |
- | border: 0;
| + | |
- | margin: 0;
| + | |
- | padding: 2% 0 1% 4.2%;
| + | |
- | font-size: 2em;
| + | |
- | line-height: 1.5em;
| + | |
- | }
| + | |
- | | + | |
- | #CB_subcontent p {
| + | |
- | font-weight: 400;
| + | |
- | border: 0;
| + | |
- | margin: 0;
| + | |
- | padding: 1% 0 1% 4.5%;
| + | |
- | font-size: 1.4em;
| + | |
- | }
| + | |
- | | + | |
- | #CB_sub_title {
| + | |
- | width: 100%;
| + | |
- | overflow: auto;
| + | |
- | margin-bottom: 30px;
| + | |
- | }
| + | |
- | | + | |
- | #CB_sub_title h2 {
| + | |
- | background: white;
| + | |
- | color: black;
| + | |
- | font-size: 3.5em;
| + | |
| font-weight: 900; | | font-weight: 900; |
- | border: 0; | + | color: #A56BAA !important; |
- | margin: 0;
| + | padding-left: 10px; |
- | padding: 25px 10px 10px 2%;
| + | |
- | }
| + | |
- | | + | |
- | #CB_sub_title h3 { | + | |
- | font-weight: 400;
| + | |
- | border: 0;
| + | |
- | margin: 0;
| + | |
- | padding: 0 0 1% 4.2%; | + | |
- | font-size: 2em;
| + | |
- | line-height: 1.5em;
| + | |
- | }
| + | |
- | | + | |
- | #CB_sub_main {
| + | |
- | width: 70%;
| + | |
- | float: right;
| + | |
- | border-top: 1px dotted #41C7BC;
| + | |
- | padding-top: 10px;
| + | |
- | overflow: hidden;
| + | |
- | }
| + | |
- | | + | |
- | #CB_sub_menu {
| + | |
- | width: 28%;
| + | |
- | float: left;
| + | |
- | border-top: 1px dotted #41C7BC;
| + | |
- | padding-top: 10px;
| + | |
- | }
| + | |
- | | + | |
- | #CB_sub_menu ul {
| + | |
- | list-style-type: none;
| + | |
- | margin: 0;
| + | |
- | padding: 10px 0 0 0;
| + | |
- | margin-right: 20%;
| + | |
- | font-size: 16px;
| + | |
- | }
| + | |
- | | + | |
- | #CB_sub_menu li {
| + | |
- | border-bottom: 1px dotted #41C7BC;
| + | |
- | }
| + | |
- | | + | |
- | #CB_sub_mobile_menu {
| + | |
- | overflow: auto;
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | #li_sub {
| + | |
- | font-size: 14px;
| + | |
- | padding-left: 17%;
| + | |
- | }
| + | |
- | | + | |
- | #CB_sub_main h1 {
| + | |
- | font-size: 2.4em;
| + | |
- | font-weight: 900;
| + | |
- | margin: 0;
| + | |
- | line-height: 1.2em;
| + | |
- | }
| + | |
- | | + | |
- | #CB_sub_main h2 {
| + | |
- | font-size: 1.5em;
| + | |
- | font-weight: 900;
| + | |
- | margin: 0;
| + | |
- | line-height: 1.2em;
| + | |
- | border: 0;
| + | |
- | padding: 10px 0 5px 2%;
| + | |
| } | | } |
| | | |
| #CB_sub_img { | | #CB_sub_img { |
- | height: 140px;
| + | background-image: |
- | background-size: 100% 100%; | + | url(https://static.igem.org/mediawiki/2012/3/3e/CBK_sub_img_007.png); |
| } | | } |
| + | </style> |
| | | |
- | #CB_sub_img img {
| + | </head> |
- | width: 100%;
| + | |
- | height: 100%;
| + | |
- | }
| + | |
| | | |
- | #CB_sub_cont {
| |
- |
| |
- | }
| |
| | | |
- | #CB_sub_cont img {
| + | <body> |
- | padding: 1% 0 1% 0%;
| + | |
- | margin: 0 auto;
| + | |
- | display: block;
| + | |
- | max-width: 100%;
| + | |
- | }
| + | |
| | | |
- | .check_img {
| + | <div id="CB_top"> |
- | display: block; | + | <div id="CB_top_logo_cont"> |
- | float: left;
| + | <div id="CB_top_CBNU_logo"> |
- | padding-top: 1.5%;
| + | <div id="CB_top_CBNU_logo_img"></div> |
- | padding-left: 1%;
| + | <div id="CB_top_CBNU_logo_text_1"> |
- | }
| + | <p>2012 iGEM</p> |
| + | </div> |
| + | <div id="CB_top_CBNU_logo_text_2"> |
| + | <p>CBNU-Korea</p> |
| + | </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> |
| | | |
- | #scrolltotop {
| + | <div id="CB_content"> |
- | width: 100%; | + | <div id="CB_subcontent"> |
- | height: 20px;
| + | <div id="CB_sub_title"> |
- | background: url(https://static.igem.org/mediawiki/2012/7/7e/CBK_STT.png)
| + | <h2>TEAM</h2> |
- | no-repeat right;
| + | <h3>- A Team</h3> |
- | cursor: pointer;
| + | </div> |
- | }
| + | <div></div> |
| + | <div id="CB_sub_menu"> |
| | | |
- | #CB_member_cont {
| |
- | height: 300px;
| |
- | width: 100%;
| |
- | }
| |
| | | |
- | #CB_member_pro {
| + | <div id="CB_sub_mobile_menu">+ MENU</div> |
- | height: 200px;
| + | <ul class="CB_ul"> |
- | width: 100%;
| + | <li class="li_p"><a |
- | margin-bottom: 20px;
| + | 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> |
| | | |
- | .mem_odd { | + | </div> |
- |
| + | <div id="CB_sub_main"> |
- | }
| + | <div id="CB_sub_cont"> |
| + | <div id="CB_member_pro"></div> |
| + | <div id="CB_member_cont" class="mem_odd" |
| + | style="background: #f8b9bd;"> |
| + | <img src="https://static.igem.org/mediawiki/2012/4/4b/Ateam1.png"> |
| + | <div id="CB_member_name_m"> |
| + | <p>Ha JuSang</p> |
| + | </div> |
| + | <div id="CB_member_name"> |
| + | <h1>Ha JuSang</h1> |
| + | <p> |
| + | Computer Engineering, Senior<br>gkwntkd@outlook.com<br><br>Only I can change my life. No one can do it for me. |
| + | </p> |
| + | </div> |
| + | </div> |
| + | <div id="CB_member_cont" class="mem_even" |
| + | style="background: #d3dbda;"> |
| + | <img src="https://static.igem.org/mediawiki/2012/6/64/Ateam3.png"> |
| + | <div id="CB_member_name_m"> |
| + | <p>Park Sohee</p> |
| + | </div> |
| + | <div id="CB_member_name"> |
| + | <h1>Park Sohee</h1> |
| + | <p> |
| + | Bio Chemistry, Senior<br>happy50445@naver.com<br><br>All court press. |
| + | </p> |
| + | </div> |
| + | </div> |
| + | <div id="CB_member_cont" class="mem_odd" |
| + | style="background: #EFE295;"> |
| + | <img src="https://static.igem.org/mediawiki/2012/b/b0/Ateam2.png"> |
| + | <div id="CB_member_name_m"> |
| + | <p>Kim JaeHo</p> |
| + | </div> |
| + | <div id="CB_member_name"> |
| + | <h1>Kim JaeHo</h1> |
| + | <p> |
| + | Computer Engineering, Junior<br>jhk5055@nate.com<br><br>It takes a minute to have a crush on someone, but it takes a lifetime to really forget someone. |
| + | </p> |
| + | </div> |
| + | </div> |
| + | <div id="CB_member_cont" class="mem_even" |
| + | style="background: #B99DD8;"> |
| + | <img src="https://static.igem.org/mediawiki/2012/5/55/Ateam4.png"> |
| + | <div id="CB_member_name_m"> |
| + | <p>Kim ChangWan</p> |
| + | </div> |
| + | <div id="CB_member_name"> |
| + | <h1>Kim ChangWan</h1> |
| + | <p> |
| + | Micro biology, Sophomore<br>fribule7@nate.com<br><br>Why are you looking at me? |
| + | </p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
- | .mem_odd img {
| + | <div id="CB_footer"> |
- | height: 300px; | + | <div id="CB_footer_logo"></div> |
- | float: left;
| + | <div id="CB_footer_text"></div> |
- | padding: 0 !important;
| + | </div> |
- | }
| + | </body> |
- | | + | |
- | .mem_even {
| + | |
- |
| + | |
- | }
| + | |
- | | + | |
- | .mem_even img {
| + | |
- | height: 300px;
| + | |
- | float: right;
| + | |
- | padding: 0 !important;
| + | |
- | }
| + | |
- | | + | |
- | #CB_member_name_m {
| + | |
- | display: none;
| + | |
- | position: absolute;
| + | |
- | left: 10%;
| + | |
- | }
| + | |
- | | + | |
- | #CB_member_name_m p {
| + | |
- | font-weight: 900;
| + | |
- | }
| + | |
- | | + | |
- | .mem_odd #CB_member_name h1 {
| + | |
- | border: 0;
| + | |
- | padding: 10% 0 0 50%;
| + | |
- | color: black;
| + | |
- | }
| + | |
- | | + | |
- | .mem_odd #CB_member_name p {
| + | |
- | border: 0;
| + | |
- | padding: 2% 0 0 50%;
| + | |
- | color: white;
| + | |
- | }
| + | |
- | | + | |
- | .mem_even #CB_member_name h1 {
| + | |
- | border: 0;
| + | |
- | padding: 10% 0 0 20%;
| + | |
- | color: black;
| + | |
- | }
| + | |
- | | + | |
- | .mem_even #CB_member_name p {
| + | |
- | border: 0;
| + | |
- | padding: 2% 0 0 20%;
| + | |
- | color: white;
| + | |
- | }
| + | |
- | | + | |
- | /* ----------------CB_footer---------------- */
| + | |
- | #CB_responsive {
| + | |
- | height: 200px;
| + | |
- | background: #DFD4E7;
| + | |
- | border-top: 1px solid #AAA6B6;
| + | |
- | }
| + | |
- | | + | |
- | #CB_footer {
| + | |
- | height: 40px;
| + | |
- | background: url(https://static.igem.org/mediawiki/2012/a/a9/CBK_back_012.png);
| + | |
- | border-top: 1px solid white;
| + | |
- | }
| + | |
- | | + | |
- | #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;
| + | |
- | }
| + | |
- | | + | |
- | /* ----------------responsive---------------- */
| + | |
- | | + | |
- | /* iPhone, etc portrait ------------------------------------------------------------------------------------------------------------------------ */
| + | |
- | @media all and (min-width : 320px) and (max-width : 768px) {
| + | |
- | #menubar {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | #CB_top {
| + | |
- | padding-bottom: 0px;
| + | |
- | }
| + | |
- | #CB_top_logo_cont {
| + | |
- | width: 100%;
| + | |
- | max-width: 1080px;
| + | |
- | margin: 0 auto;
| + | |
- | line-height: 1em;
| + | |
- | }
| + | |
- | #CB_top_CBNU_logo {
| + | |
- | width: 100%;
| + | |
- | margin: 0 auto;
| + | |
- | color: white;
| + | |
- | font-size: 30px;
| + | |
- | padding-top: 15px;
| + | |
- | text-align: center;
| + | |
- | }
| + | |
- | #CB_top_CBNU_logo_img {
| + | |
- | background: url(https://static.igem.org/mediawiki/2012/2/2c/CBK_logo_003.png)
| + | |
- | no-repeat;
| + | |
- | width: 120px;
| + | |
- | height: 120px;
| + | |
- | margin: 0 auto;
| + | |
- | float: none;
| + | |
- | }
| + | |
- | #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;
| + | |
- | }
| + | |
- | #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_sub_title {
| + | |
- | margin: 0;
| + | |
- | }
| + | |
- | #CB_sub_title h2 {
| + | |
- | font-size: 2.2em;
| + | |
- | }
| + | |
- | #CB_sub_mobile_menu {
| + | |
- | overflow: auto;
| + | |
- | display: block;
| + | |
- | background: black;
| + | |
- | color: white;
| + | |
- | font-size: 20px;
| + | |
- | font-weight: bold;
| + | |
- | line-height: 1.5em;
| + | |
- | text-align: right;
| + | |
- | }
| + | |
- | .CB_ul {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | #CB_sub_menu {
| + | |
- | width: 100%;
| + | |
- | float: none;
| + | |
- | padding-bottom: 10px;
| + | |
- | border: 0;
| + | |
- | }
| + | |
- | #CB_sub_menu ul {
| + | |
- | margin-right: 0;
| + | |
- | }
| + | |
- | #CB_sub_main {
| + | |
- | width: 100%;
| + | |
- | float: none;
| + | |
- | }
| + | |
- | #CB_member_name_m {
| + | |
- | display: block;
| + | |
- | }
| + | |
- | #CB_member_name {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | /* iPad, tablets etc portrait ------------------------------------------------------------------------------------------------------------------------ */
| + | |
- | @media all and (min-width : 769px) and (max-width : 1024px ) {
| + | |
- | #menubar {
| + | |
- | display: block;
| + | |
- | }
| + | |
- | #CB_top {
| + | |
- | padding-bottom: 0px;
| + | |
- | }
| + | |
- | #CB_top_CBNU_logo {
| + | |
- | width: 100%;
| + | |
- | margin: 0 auto;
| + | |
- | color: white;
| + | |
- | font-size: 45px;
| + | |
- | padding-top: 15px;
| + | |
- | text-align: center;
| + | |
- | }
| + | |
- | #CB_top_CBNU_logo_img {
| + | |
- | background: url(https://static.igem.org/mediawiki/2012/2/2c/CBK_logo_003.png)
| + | |
- | no-repeat;
| + | |
- | width: 120px;
| + | |
- | height: 120px;
| + | |
- | margin: 0 auto;
| + | |
- | float: none;
| + | |
- | }
| + | |
- | #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;
| + | |
- | }
| + | |
- | #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_sub_title {
| + | |
- | margin: 0;
| + | |
- | }
| + | |
- | #CB_sub_title h2 {
| + | |
- | font-size: 2.2em;
| + | |
- | }
| + | |
- | #CB_sub_mobile_menu {
| + | |
- | overflow: auto;
| + | |
- | display: block;
| + | |
- | background: black;
| + | |
- | color: white;
| + | |
- | font-size: 20px;
| + | |
- | font-weight: bold;
| + | |
- | line-height: 1.5em;
| + | |
- | text-align: right;
| + | |
- | }
| + | |
- | .CB_ul {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | #CB_sub_menu {
| + | |
- | width: 100%;
| + | |
- | float: none;
| + | |
- | padding-bottom: 10px;
| + | |
- | border: 0;
| + | |
- | }
| + | |
- | #CB_sub_menu ul {
| + | |
- | margin-right: 0;
| + | |
- | }
| + | |
- | #CB_sub_main {
| + | |
- | width: 100%;
| + | |
- | float: none;
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | /* Laptops, Desktops, etc ------------------------------------------------------------------------------------------------------------------------ */
| + | |
- | /*@media all and (min-width: 1024px) {
| + | |
- | body {
| + | |
- | font-family: 'Droid Sans', sans-serif;
| + | |
- | background-color: green;
| + | |
- | }
| + | |
- | | + | |
- | #menubar {
| + | |
- | display: block;
| + | |
- | }
| + | |
- | }*/
| + | |
- | | + | |
- | /* large Desktops------------------------------------------------------------------------------------------------------------------------ */
| + | |
- | @media all and (min-width: 1025px) {
| + | |
- | #menubar {
| + | |
- | display: block;
| + | |
- | }
| + | |
- | .CB_ul {
| + | |
- | display: block;
| + | |
- | }
| + | |
- | }
| + | |
- | </style> | + | |
- | | + | |
- | <script type="text/javascript">
| + | |
- | $(function() {
| + | |
- | $("*#scrolltotop").click(function() { | + | |
- | $("html,body").animate({
| + | |
- | scrollTop : 0
| + | |
- | });
| + | |
- | }); | + | |
- | | + | |
- | $("#CB_sub_mobile_menu").click(function() {
| + | |
- | $(".CB_ul").slideToggle("slow");
| + | |
- | });
| + | |
- | }); | + | |
- | | + | |
- | function divLink(url) {
| + | |
- | window.open(url);
| + | |
- | }
| + | |
- | </script> | + | |
- | | + | |
- | </head> | + | |
| | | |
| </html> | | </html> |