Template:Team:CBNU-Korea/css

From 2012.igem.org

(Difference between revisions)
 
(21 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'>
-
<!--<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">-->
+
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi"/>
-
<!--<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">-->
+
-
<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 15: Line 14:
font-family: 'Droid Sans', sans-serif;
font-family: 'Droid Sans', sans-serif;
background-color: #F2E9E1;
background-color: #F2E9E1;
-
#background: url(https://static.igem.org/mediawiki/2012/4/48/CBK_back_003.jpg);
 
}
}
Line 30: Line 28:
width: 100%;
width: 100%;
         background: none repeat scroll 0 0 #1C140D;
         background: none repeat scroll 0 0 #1C140D;
-
#background: none repeat scroll 0 0 #31323A;
 
border-bottom: 1px solid #262B35;
border-bottom: 1px solid #262B35;
border-left: medium none;
border-left: medium none;
Line 39: Line 36:
top: 2px;
top: 2px;
font-family: 'Droid Sans', sans-serif;
font-family: 'Droid Sans', sans-serif;
-
        font-size: 20%;
 
}
}
Line 65: Line 61:
.right-menu li a {
.right-menu li a {
 +
background-color: transparent;
 +
}
 +
 +
.right-menu li{
background-color: transparent;
background-color: transparent;
}
}
Line 80: Line 80:
.right-menu:hover a {
.right-menu:hover a {
color: white;
color: white;
-
# text-decoration: none !important;
 
}
}
Line 104: Line 103:
#content {
#content {
background: transparent;
background: transparent;
-
#border: 1px solid #dfdfdf;
 
padding: 0;
padding: 0;
-
#width: 80%;
 
width: 100%;
width: 100%;
border: 0px;
border: 0px;
Line 151: Line 148:
 +
#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>
</style>
-
<html>
+
</html>

Latest revision as of 11:51, 9 September 2012

Retrieved from "http://2012.igem.org/Template:Team:CBNU-Korea/css"