Template:Team:CBNU-Korea/css

From 2012.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 1: Line 1:
 +
<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>
 +
 +
 +
<style>
body {
body {
font-family: 'Droid Sans', sans-serif;
font-family: 'Droid Sans', sans-serif;
Line 146: Line 157:
     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;
 +
}
 +
 +
}
 +
 +
 +
</style>
 +
 +
</html>

Latest revision as of 11:51, 9 September 2012