Template:Team:CBNU-Korea/css

From 2012.igem.org

(Difference between revisions)
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'
-
        <meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" />
+
rel='stylesheet' type='text/css'>
-
</head>
+
<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>
+
<style>
-
+
-
+
-
@media screen and (-webkit-min-device-pixel-ratio:2) {
+
-
+
-
body{
+
-
  font-family: 'Droid Sans', sans-serif;
+
-
}
+
-
+
-
#p-logo {
+
-
    height: 107px;
+
-
    position: absolute;
+
-
    width: 975px;
+
-
    z-index: 1;
+
-
    display: none;
+
-
}
+
-
+
-
#search-controls {
+
-
    background-color: transparent;
+
-
    height: 40px;
+
-
    position: absolute;
+
-
    right: 15px;
+
-
    text-align: center;
+
-
    top: 20px;
+
-
    width: 150px;
+
-
    z-index: 3;
+
-
    display: none;
+
-
}
+
-
+
-
#top-section {
+
-
    height: 45px;
+
-
    width: 100%;
+
-
    font-size: 100%;
+
-
    background: none repeat scroll 0 0 #FBFBFB;
+
-
    border-bottom: 1px solid #DFDFDF;
+
-
    border-left: medium none;
+
-
    border-right: medium none;
+
-
   
+
-
}
+
-
+
-
#menubar {
+
-
    top: 2px;
+
-
    font-family: 'Droid Sans', sans-serif;
+
-
    position: relative;
+
-
    width: 100%;
+
-
}
+
-
+
-
.left-menu, .left-menu a {
+
-
    color: black;
+
-
    left: 0;
+
-
    text-align: center;
+
-
    text-transform: capitalize;
+
-
}
+
-
+
-
.left-menu:hover {
+
-
    background-color: transparent;
+
-
}
+
-
+
-
.left-menu:hover a {
+
-
    color: black;
+
-
    text-decoration: none !important;
+
-
}
+
-
+
-
.right-menu li a {
+
-
    background-color: transparent;
+
-
}
+
-
+
-
.right-menu, .right-menu a {
+
-
    color: black;
+
-
    right: 0;
+
-
    text-align: center;
+
-
}
+
-
+
-
.right-menu:hover {
+
-
    background-color: transparent;
+
-
}
+
-
+
-
.right-menu:hover a {
+
-
    color: black;
+
-
    text-decoration: none !important;
+
-
}
+
-
+
-
.right-menu li a {
+
-
    background-color: transparent;
+
-
    color: black;
+
-
    padding: 0 15px 0 0;
+
-
}
+
-
+
-
.right-menu li a:hover {
+
-
    color: black;
+
-
    text-decoration: underline;
+
-
}
+
-
+
-
+
-
#js_con {
+
-
    color: black;
+
-
}
+
-
+
-
}
+
-
+
-
@media all and (max-width:767px) {
+
-
+
-
body{
+
-
  font-family: 'Droid Sans', sans-serif;
+
-
}
+
-
+
-
#p-logo {
+
-
    height: 107px;
+
-
    position: absolute;
+
-
    width: 975px;
+
-
    z-index: 1;
+
-
    display: none;
+
-
}
+
-
+
-
#search-controls {
+
-
    background-color: transparent;
+
-
    height: 40px;
+
-
    position: absolute;
+
-
    right: 15px;
+
-
    text-align: center;
+
-
    top: 20px;
+
-
    width: 150px;
+
-
    z-index: 3;
+
-
    display: none;
+
-
}
+
-
+
-
#top-section {
+
-
    height: 45px;
+
-
    width: 100%;
+
-
    font-size: 100%;
+
-
    background: none repeat scroll 0 0 #FBFBFB;
+
-
    border-bottom: 1px solid #DFDFDF;
+
-
    border-left: medium none;
+
-
    border-right: medium none;
+
-
   
+
-
}
+
-
+
-
#menubar {
+
-
    top: 2px;
+
-
    font-family: 'Droid Sans', sans-serif;
+
-
    position: relative;
+
-
    width: 100%;
+
-
}
+
-
+
-
.left-menu, .left-menu a {
+
-
    color: black;
+
-
    left: 0;
+
-
    text-align: center;
+
-
    text-transform: capitalize;
+
-
}
+
-
+
-
.left-menu:hover {
+
-
    background-color: transparent;
+
-
}
+
-
+
-
.left-menu:hover a {
+
-
    color: black;
+
-
    text-decoration: none !important;
+
-
}
+
-
+
-
.right-menu li a {
+
-
    background-color: transparent;
+
-
}
+
-
+
-
.right-menu, .right-menu a {
+
-
    color: black;
+
-
    right: 0;
+
-
    text-align: center;
+
-
}
+
-
+
-
.right-menu:hover {
+
-
    background-color: transparent;
+
-
}
+
-
+
-
.right-menu:hover a {
+
-
    color: black;
+
-
    text-decoration: none !important;
+
-
}
+
-
+
-
.right-menu li a {
+
-
    background-color: transparent;
+
-
    color: black;
+
-
    padding: 0 15px 0 0;
+
-
}
+
-
+
-
.right-menu li a:hover {
+
-
    color: black;
+
-
    text-decoration: underline;
+
-
}
+
-
+
-
+
-
#js_con {
+
-
    color: black;
+
-
}
+
-
+
-
}
+
-
+
-
@media all and (min-width:768px) and (max-width:1024px) {
+
-
+
-
body{
+
-
  font-family: 'Droid Sans', sans-serif;
+
-
}
+
-
+
-
#p-logo {
+
-
    height: 107px;
+
-
    position: absolute;
+
-
    width: 975px;
+
-
    z-index: 1;
+
-
    display: none;
+
-
}
+
-
+
-
#search-controls {
+
-
    background-color: transparent;
+
-
    height: 40px;
+
-
    position: absolute;
+
-
    right: 15px;
+
-
    text-align: center;
+
-
    top: 20px;
+
-
    width: 150px;
+
-
    z-index: 3;
+
-
    display: none;
+
-
}
+
-
+
-
#top-section {
+
-
    height: 30px;
+
-
    width: 100%;
+
-
    font-size: 100%;
+
-
    background: none repeat scroll 0 0 #FBFBFB;
+
-
    border-bottom: 1px solid #DFDFDF;
+
-
    border-left: medium none;
+
-
    border-right: medium none;
+
-
   
+
-
}
+
-
+
-
#menubar {
+
-
    top: 2px;
+
-
    font-family: 'Droid Sans', sans-serif;
+
-
}
+
-
+
-
.left-menu, .left-menu a {
+
-
    color: black;
+
-
    left: 0;
+
-
    text-align: left;
+
-
    text-transform: capitalize;
+
-
}
+
-
+
-
.left-menu:hover {
+
-
    background-color: transparent;
+
-
}
+
-
+
-
.left-menu:hover a {
+
-
    color: black;
+
-
    text-decoration: none !important;
+
-
}
+
-
+
-
.right-menu li a {
+
-
    background-color: transparent;
+
-
}
+
-
+
-
.right-menu, .right-menu a {
+
-
    color: black;
+
-
    right: 0;
+
-
    text-align: right;
+
-
}
+
-
+
-
.right-menu:hover {
+
-
    background-color: transparent;
+
-
}
+
-
+
-
.right-menu:hover a {
+
-
    color: black;
+
-
    text-decoration: none !important;
+
-
}
+
-
+
-
.right-menu li a {
+
-
    background-color: transparent;
+
-
    color: black;
+
-
    padding: 0 15px 0 0;
+
-
}
+
-
+
-
.right-menu li a:hover {
+
-
    color: black;
+
-
    text-decoration: underline;
+
-
}
+
-
+
-
+
-
#js_con {
+
-
    color: black;
+
-
}
+
-
+
-
}
+
-
+
-
@media all and (min-width:1025px){
+
-
+
-
body{
+
-
  font-family: 'Droid Sans', sans-serif;
+
-
}
+
-
+
-
#p-logo {
+
-
    height: 107px;
+
-
    position: absolute;
+
-
    width: 975px;
+
-
    z-index: 1;
+
-
    display: none;
+
-
}
+
-
+
-
#search-controls {
+
-
    background-color: transparent;
+
-
    height: 40px;
+
-
    position: absolute;
+
-
    right: 15px;
+
-
    text-align: center;
+
-
    top: 20px;
+
-
    width: 150px;
+
-
    z-index: 3;
+
-
    display: none;
+
-
}
+
-
+
-
#top-section {
+
-
    height: 30px;
+
-
    width: 100%;
+
-
    font-size: 100%;
+
-
    background: none repeat scroll 0 0 #FBFBFB;
+
-
    border-bottom: 1px solid #DFDFDF;
+
-
    border-left: medium none;
+
-
    border-right: medium none;
+
-
   
+
-
}
+
-
+
-
#menubar {
+
-
    top: 2px;
+
-
    font-family: 'Droid Sans', sans-serif;
+
-
}
+
-
+
-
.left-menu, .left-menu a {
+
-
    color: black;
+
-
    left: 0;
+
-
    text-align: left;
+
-
    text-transform: capitalize;
+
-
}
+
-
+
-
.left-menu:hover {
+
-
    background-color: transparent;
+
-
}
+
-
+
-
.left-menu:hover a {
+
-
    color: black;
+
-
    text-decoration: none !important;
+
-
}
+
-
+
-
.right-menu li a {
+
-
    background-color: transparent;
+
-
}
+
-
+
-
.right-menu, .right-menu a {
+
-
    color: black;
+
-
    right: 0;
+
-
    text-align: right;
+
-
}
+
-
+
-
.right-menu:hover {
+
-
    background-color: transparent;
+
-
}
+
-
+
-
.right-menu:hover a {
+
-
    color: black;
+
-
    text-decoration: none !important;
+
-
}
+
-
+
-
.right-menu li a {
+
-
    background-color: transparent;
+
-
    color: black;
+
-
    padding: 0 15px 0 0;
+
-
}
+
-
+
-
.right-menu li a:hover {
+
-
    color: black;
+
-
    text-decoration: underline;
+
-
}
+
-
+
-
+
-
#js_con {
+
-
    color: black;
+
-
}
+
-
+
-
}
+
-
+
-
+
-
</style>
+
 +
body {
 +
font-family: 'Droid Sans', sans-serif;
 +
}
 +
#p-logo {
 +
display: none;
 +
}
 +
#search-controls {
 +
background-color: transparent;
 +
height: 40px;
 +
position: absolute;
 +
right: 15px;
 +
text-align: center;
 +
top: 20px;
 +
width: 150px;
 +
z-index: 3;
 +
display: none;
 +
}
 +
 +
#top-section {
 +
height: 30px;
 +
width: 100%;
 +
background: none repeat scroll 0 0 #FBFBFB;
 +
border-bottom: 1px solid #DFDFDF;
 +
border-left: medium none;
 +
border-right: medium none;
 +
}
 +
 +
#menubar {
 +
top: 2px;
 +
font-family: 'Droid Sans', sans-serif;
 +
}
 +
 +
 +
/*left - menu */
 +
 +
.left-menu,.left-menu a {
 +
color: black;
 +
left: 0;
 +
text-align: left;
 +
text-transform: capitalize;
 +
}
 +
 +
.left-menu:hover {
 +
background-color: transparent;
 +
}
 +
 +
.left-menu:hover a {
 +
# color: black;
 +
# text-decoration: none !important;
 +
}
 +
 +
.right-menu li a {
 +
background-color: transparent;
 +
}
 +
 +
.right-menu,.right-menu a {
 +
color: black;
 +
right: 0;
 +
text-align: right;
 +
}
 +
 +
.right-menu:hover {
 +
background-color: transparent;
 +
}
 +
 +
.right-menu:hover a {
 +
color: black;
 +
text-decoration: none !important;
 +
}
 +
 +
.right-menu li a {
 +
background-color: transparent;
 +
color: black;
 +
padding: 0 15px 0 0;
 +
}
 +
 +
.right-menu li a:hover {
 +
color: black;
 +
text-decoration: underline;
 +
}
 +
 +
#js_con {
 +
color: black;
 +
}
 +
</style>
<html>
<html>

Revision as of 08:48, 9 July 2012

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