Template:Team:CBNU-Korea/css
From 2012.igem.org
(Difference between revisions)
(81 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <head> | |
- | + | ||
- | + | ||
+ | <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css'> | ||
- | + | <meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi"/> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | </head> | ||
- | <html> | + | <style> |
+ | body { | ||
+ | font-family: 'Droid Sans', sans-serif; | ||
+ | background-color: #F2E9E1; | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: 30px; | ||
+ | width: 100%; | ||
+ | background: none repeat scroll 0 0 #1C140D; | ||
+ | border-bottom: 1px solid #262B35; | ||
+ | border-left: medium none; | ||
+ | border-right: medium none; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | top: 2px; | ||
+ | font-family: 'Droid Sans', sans-serif; | ||
+ | } | ||
+ | |||
+ | |||
+ | .left-menu,.left-menu a { | ||
+ | color: white; | ||
+ | left: 0; | ||
+ | text-align: left; | ||
+ | text-transform: capitalize; | ||
+ | } | ||
+ | |||
+ | .left-menu:hover { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .left-menu:hover a { | ||
+ | color: white; | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | |||
+ | .left-menu li a:hover { | ||
+ | color: #aaaaff; | ||
+ | } | ||
+ | |||
+ | |||
+ | .right-menu li a { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .right-menu li{ | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .right-menu,.right-menu a { | ||
+ | color: white; | ||
+ | right: 0; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .right-menu:hover { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .right-menu:hover a { | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .right-menu li a { | ||
+ | background-color: transparent; | ||
+ | color: white; | ||
+ | padding: 0 15px 0 0; | ||
+ | } | ||
+ | |||
+ | .right-menu li a:hover { | ||
+ | color: #aaaaff; | ||
+ | } | ||
+ | |||
+ | |||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #catlinks { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background: transparent; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | border: 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #footer-box { | ||
+ | border: 1px solid #dfdfdf; | ||
+ | width: 80%; | ||
+ | background: white; | ||
+ | padding: 0; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #footer { | ||
+ | margin: 0 auto; | ||
+ | width: 95%; | ||
+ | } | ||
+ | |||
+ | |||
+ | a { | ||
+ | color: #0088cc; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | color: #005580; | ||
+ | text-decoration: none! important; | ||
+ | } | ||
+ | |||
+ | #contentSub { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #js_con { | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | |||
+ | #cbnu { | ||
+ | font-size: 60px; | ||
+ | font-family: 'Francois One', sans-serif; | ||
+ | padding: 30px; | ||
+ | margin-bottom: 10px; | ||
+ | line-height: 1em; | ||
+ | color: White; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #cbnu_menu a{ | ||
+ | color: #1C140D; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* Desktops and laptops ----------- */ | ||
+ | @media only screen | ||
+ | and (min-width : 1224px) { | ||
+ | |||
+ | #cbnu { | ||
+ | font-size: 60px; | ||
+ | font-family: 'Francois One', sans-serif; | ||
+ | padding: 30px; | ||
+ | margin-bottom: 10px; | ||
+ | line-height: 1em; | ||
+ | color: White; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | /* iPhone 4 ----------- */ | ||
+ | @media | ||
+ | only screen and (-webkit-min-device-pixel-ratio : 1.5), | ||
+ | only screen and (min-device-pixel-ratio : 1.5) { | ||
+ | |||
+ | #top-section { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #cbnu { | ||
+ | font-size: 30px; | ||
+ | font-family: 'Francois One', sans-serif; | ||
+ | padding: 30px; | ||
+ | margin-bottom: 10px; | ||
+ | line-height: 1em; | ||
+ | color: White; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | /* Smartphones (portrait and landscape) ----------- */ | ||
+ | @media only screen | ||
+ | and (min-device-width : 320px) | ||
+ | and (max-device-width : 480px) { | ||
+ | |||
+ | #top-section { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #cbnu { | ||
+ | font-size: 30px; | ||
+ | font-family: 'Francois One', sans-serif; | ||
+ | padding: 30px; | ||
+ | margin-bottom: 10px; | ||
+ | line-height: 1em; | ||
+ | color: White; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | </html> |
Latest revision as of 11:51, 9 September 2012