Template:Team:CBNU-Korea/css

From 2012.igem.org

(Difference between revisions)
 
(37 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'>
-
<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://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>
</head>
Line 9: Line 13:
body {
body {
font-family: 'Droid Sans', sans-serif;
font-family: 'Droid Sans', sans-serif;
-
background-color: #f6f6f6;
+
background-color: #F2E9E1;
}
}
Line 23: Line 27:
height: 30px;
height: 30px;
width: 100%;
width: 100%;
-
background: none repeat scroll 0 0 #31323A;
+
        background: none repeat scroll 0 0 #1C140D;
border-bottom: 1px solid #262B35;
border-bottom: 1px solid #262B35;
border-left: medium none;
border-left: medium none;
Line 57: Line 61:
.right-menu li a {
.right-menu li a {
 +
background-color: transparent;
 +
}
 +
 +
.right-menu li{
background-color: transparent;
background-color: transparent;
}
}
Line 72: Line 80:
.right-menu:hover a {
.right-menu:hover a {
color: white;
color: white;
-
# text-decoration: none !important;
 
}
}
Line 95: Line 102:
#content {
#content {
-
background: white;
+
background: transparent;
-
border: 1px solid #dfdfdf;
+
padding: 0;
padding: 0;
-
width: 80%;
+
width: 100%;
 +
border: 0px;
}
}
Line 107: Line 114:
background: white;
background: white;
padding: 0;
padding: 0;
 +
display: none;
}
}
Line 117: Line 125:
a {
a {
-
# color: #31323A;
+
color: #0088cc;
 +
text-decoration: none;
}
}
a:hover {
a:hover {
 +
color: #005580;
text-decoration: none! important;
text-decoration: none! important;
 +
}
 +
 +
#contentSub {
 +
display: none;
 +
}
 +
 +
p {
 +
margin: 0px;
}
}
Line 130: 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