Template:Team:CBNU-Korea/css new

From 2012.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 301: Line 301:
#CB_sub_menu li {
#CB_sub_menu li {
border-bottom: 1px dotted #41C7BC;
border-bottom: 1px dotted #41C7BC;
 +
}
 +
 +
#CB_sub_mobile_menu {
 +
overflow: auto;
 +
display: none;
}
}
Line 334: 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% 4.5%;
+
padding: 1% 0 1% 0%;
margin: 0 auto;
margin: 0 auto;
display: block;
display: block;
 +
max-width: 100%;
}
}
Line 358: 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 366: Line 436:
#CB_footer {
#CB_footer {
-
height: 250px;
+
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 461: 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 516: 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 534: 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 546: 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) {
 +
window.open(url);
 +
}
</script>
</script>

Latest revision as of 03:50, 27 September 2012