"
Template:Team:CBNU-Korea/css
From 2012.igem.org
(Difference between revisions)
| (12 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
| + | |||
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'> | <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'> | <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"/> | |
| - | + | ||
| - | + | ||
| - | <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> | </head> | ||
| Line 152: | Line 150: | ||
#cbnu { | #cbnu { | ||
font-size: 60px; | font-size: 60px; | ||
| - | font-family: ' | + | font-family: 'Francois One', sans-serif; |
padding: 30px; | padding: 30px; | ||
| - | |||
margin-bottom: 10px; | margin-bottom: 10px; | ||
line-height: 1em; | line-height: 1em; | ||
color: White; | color: White; | ||
text-align: center; | 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; | ||
| + | } | ||
| + | |||
} | } | ||
| Line 165: | Line 226: | ||
</style> | </style> | ||
| - | <html> | + | </html> |
Latest revision as of 11:51, 9 September 2012
