Template:Team:CBNU-Korea/css new

From 2012.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 339: 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 363: 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 371: 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 467: Line 532:
color: #0E0B0B;
color: #0E0B0B;
}
}
-
+
#CB_sub_title {
 +
margin: 0;
 +
}
 +
#CB_sub_title h2 {
 +
font-size: 2.2em;
 +
}
#CB_sub_mobile_menu {
#CB_sub_mobile_menu {
overflow: auto;
overflow: auto;
display: block;
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 {
#CB_sub_menu {
width: 100%;
width: 100%;
float: none;
float: none;
 +
padding-bottom: 10px;
 +
border: 0;
 +
}
 +
#CB_sub_menu ul {
 +
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 534: 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 {
#CB_sub_mobile_menu {
overflow: auto;
overflow: auto;
display: block;
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 {
#CB_sub_menu {
width: 100%;
width: 100%;
float: none;
float: none;
 +
padding-bottom: 10px;
 +
border: 0;
 +
}
 +
#CB_sub_menu ul {
 +
margin-right: 0;
}
}
#CB_sub_main {
#CB_sub_main {
Line 564: 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 580: 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