Template:Team:CBNU-Korea/css new
From 2012.igem.org
(Difference between revisions)
(21 intermediate revisions not shown) | |||
Line 303: | Line 303: | ||
} | } | ||
- | + | #CB_sub_mobile_menu { | |
- | + | ||
- | + | ||
- | #CB_sub_mobile_menu{ | + | |
overflow: auto; | overflow: auto; | ||
+ | display: none; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
#li_sub { | #li_sub { | ||
Line 345: | Line 339: | ||
} | } | ||
- | #CB_sub_cont { | + | #CB_sub_cont embed, iframe{ |
- | + | width: 100%; | |
+ | max-width: 560px; | ||
} | } | ||
#CB_sub_cont img { | #CB_sub_cont img { | ||
- | padding: 1% 0 1% | + | padding: 1% 0 1% 0%; |
margin: 0 auto; | margin: 0 auto; | ||
display: block; | display: block; | ||
+ | max-width: 100%; | ||
} | } | ||
Line 369: | Line 365: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
+ | |||
+ | #CB_member_cont { | ||
+ | height: 300px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #CB_member_pro { | ||
+ | } | ||
+ | |||
+ | .mem_odd { | ||
+ | |||
+ | } | ||
+ | |||
+ | .mem_odd img { | ||
+ | height: 300px; | ||
+ | float: left; | ||
+ | padding: 0 !important; | ||
+ | } | ||
+ | |||
+ | .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_footer---------------- */ | ||
#CB_responsive { | #CB_responsive { | ||
Line 377: | Line 436: | ||
#CB_footer { | #CB_footer { | ||
- | height: | + | height: 40px; |
background: url(https://static.igem.org/mediawiki/2012/a/a9/CBK_back_012.png); | background: url(https://static.igem.org/mediawiki/2012/a/a9/CBK_back_012.png); | ||
border-top: 1px solid white; | border-top: 1px solid white; | ||
Line 472: | Line 531: | ||
#CB_top_MENU a { | #CB_top_MENU a { | ||
color: #0E0B0B; | 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; | ||
} | } | ||
} | } | ||
Line 527: | Line 624: | ||
#CB_top_MENU a { | #CB_top_MENU a { | ||
color: #0E0B0B; | 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; | ||
} | } | ||
} | } | ||
Line 545: | Line 674: | ||
@media all and (min-width: 1025px) { | @media all and (min-width: 1025px) { | ||
#menubar { | #menubar { | ||
+ | display: block; | ||
+ | } | ||
+ | .CB_ul { | ||
display: block; | display: block; | ||
} | } | ||
Line 557: | Line 689: | ||
}); | }); | ||
}); | }); | ||
+ | |||
+ | $("#CB_sub_mobile_menu").click(function() { | ||
+ | $(".CB_ul").slideToggle("slow"); | ||
+ | }); | ||
+ | |||
+ | $(window).resize(function(){ var width = parseInt($(this).width()); | ||
+ | if(width > 1024){ | ||
+ | |||
+ | $(".CB_ul").css("display","block"); | ||
+ | } | ||
+ | else{ | ||
+ | |||
+ | $(".CB_ul").css("display","none"); | ||
+ | } | ||
+ | }).resize(); | ||
}); | }); | ||
- | + | ||
function divLink(url) { | function divLink(url) { | ||
window.open(url); | window.open(url); |
Latest revision as of 03:50, 27 September 2012