Team:CBNU-Korea/Team
From 2012.igem.org
(Difference between revisions)
Line 73: | Line 73: | ||
font-family: 'Droid Sans', sans-serif; | font-family: 'Droid Sans', sans-serif; | ||
background-color: white; /*per Page*/ | background-color: white; /*per Page*/ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 185: | Line 136: | ||
#CB_top { | #CB_top { | ||
- | |||
background-color: #24BED3; | background-color: #24BED3; | ||
font-family: 'Francois One', sans-serif; | font-family: 'Francois One', sans-serif; | ||
+ | overflow: auto; | ||
} | } | ||
Line 331: | Line 282: | ||
background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25), transparent); | background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25), transparent); | ||
background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25), transparent); | background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25), transparent); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* ----------------responsive---------------- */ | ||
+ | |||
+ | |||
+ | /* iPhone, etc portrait ---- */ | ||
+ | @media all and (min-width : 320px) and (max-width : 767px) { | ||
+ | body { | ||
+ | font-family: 'Droid Sans', sans-serif; | ||
+ | background-color: blue; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* iPad, tablets etc portrait ---- */ | ||
+ | @media all and (min-width : 768px) and (max-width : 1021px ) { | ||
+ | body { | ||
+ | font-family: 'Droid Sans', sans-serif; | ||
+ | background-color: yellow; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #CB_top_CBNU_logo { | ||
+ | width: 100%; | ||
+ | margin: 0 auto; | ||
+ | color: white; | ||
+ | font-size: 30px; | ||
+ | padding-top: 45px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #CB_top_MENU { | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | padding-top: 20px; | ||
+ | } | ||
+ | |||
+ | #CB_top_MENU ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | font-size: 15px; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | .HOME{ | ||
+ | border-bottom-color: white !important; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | /* 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: 1200px) { | ||
+ | body { | ||
+ | font-family: 'Droid Sans', sans-serif; | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | display: block; | ||
+ | } | ||
} | } | ||
</style> | </style> |
Revision as of 02:49, 21 September 2012