Template:Team:CBNU-Korea/css new
From 2012.igem.org
(Difference between revisions)
(13 intermediate revisions not shown) | |||
Line 339: | Line 339: | ||
} | } | ||
- | #CB_sub_cont { | + | #CB_sub_cont embed, iframe{ |
- | + | width: 100%; | |
+ | max-width: 560px; | ||
} | } | ||
Line 364: | Line 365: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
- | |||
#CB_member_cont { | #CB_member_cont { | ||
+ | height: 300px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #CB_member_pro { | ||
} | } | ||
.mem_odd { | .mem_odd { | ||
+ | |||
+ | } | ||
+ | .mem_odd img { | ||
+ | height: 300px; | ||
+ | float: left; | ||
+ | padding: 0 !important; | ||
} | } | ||
- | .mem_even{ | + | .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; | ||
} | } | ||
Line 386: | 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 482: | Line 532: | ||
color: #0E0B0B; | color: #0E0B0B; | ||
} | } | ||
- | + | #CB_sub_title { | |
- | #CB_sub_title{ | + | |
margin: 0; | margin: 0; | ||
} | } | ||
- | + | #CB_sub_title h2 { | |
- | #CB_sub_title h2{ | + | font-size: 2.2em; |
- | font-size : 2.2em; | + | |
} | } | ||
- | |||
#CB_sub_mobile_menu { | #CB_sub_mobile_menu { | ||
overflow: auto; | overflow: auto; | ||
Line 501: | Line 548: | ||
text-align: right; | text-align: right; | ||
} | } | ||
- | + | .CB_ul { | |
- | .CB_ul{ | + | |
display: none; | display: none; | ||
} | } | ||
- | |||
#CB_sub_menu { | #CB_sub_menu { | ||
width: 100%; | width: 100%; | ||
Line 512: | Line 557: | ||
border: 0; | border: 0; | ||
} | } | ||
- | + | #CB_sub_menu ul { | |
- | #CB_sub_menu ul{ | + | |
margin-right: 0; | margin-right: 0; | ||
} | } | ||
- | |||
#CB_sub_main { | #CB_sub_main { | ||
width: 100%; | width: 100%; | ||
float: none; | float: none; | ||
+ | } | ||
+ | #CB_member_name_m { | ||
+ | display: block; | ||
+ | } | ||
+ | #CB_member_name { | ||
+ | display: none; | ||
} | } | ||
} | } | ||
Line 576: | Line 625: | ||
color: #0E0B0B; | color: #0E0B0B; | ||
} | } | ||
- | + | #CB_sub_title { | |
- | #CB_sub_title{ | + | |
margin: 0; | margin: 0; | ||
} | } | ||
- | + | #CB_sub_title h2 { | |
- | #CB_sub_title h2{ | + | font-size: 2.2em; |
- | font-size : 2.2em; | + | |
} | } | ||
- | |||
#CB_sub_mobile_menu { | #CB_sub_mobile_menu { | ||
overflow: auto; | overflow: auto; | ||
Line 595: | Line 641: | ||
text-align: right; | text-align: right; | ||
} | } | ||
- | + | .CB_ul { | |
- | .CB_ul{ | + | |
display: none; | display: none; | ||
} | } | ||
- | |||
#CB_sub_menu { | #CB_sub_menu { | ||
width: 100%; | width: 100%; | ||
Line 606: | Line 650: | ||
border: 0; | border: 0; | ||
} | } | ||
- | + | #CB_sub_menu ul { | |
- | #CB_sub_menu ul{ | + | |
margin-right: 0; | margin-right: 0; | ||
} | } | ||
- | |||
#CB_sub_main { | #CB_sub_main { | ||
width: 100%; | width: 100%; | ||
Line 634: | Line 676: | ||
display: block; | display: block; | ||
} | } | ||
- | + | .CB_ul { | |
- | .CB_ul{ | + | |
display: block; | display: block; | ||
} | } | ||
Line 652: | Line 693: | ||
$(".CB_ul").slideToggle("slow"); | $(".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(); | ||
}); | }); | ||
Latest revision as of 03:50, 27 September 2012