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' rel='stylesheet' type='text/css'>
-
<!--[if lt IE 9]>
+
</head>
-
<script type="text/javascript" src="http://210.115.163.125/js/respond.min.js"></script>
+
-
<![endif]-->
+
-
 
+
-
</head>
+
<style>
<style>
Line 13: Line 9:
@media all and(min-width:768px){
@media all and(min-width:768px){
-
}
+
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 black;
 +
    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: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 {
+
@media all and (min-width:768px) and (max-width:1024px) {
-
    height: 30px;
+
-
    width: 100%;
+
-
    font-size: 100%;
+
-
    background: none repeat scroll 0 0 black;
+
-
    border-bottom: 1px solid #DFDFDF;
+
-
    border-left: medium none;
+
-
    border-right: medium none;
+
-
   
+
-
}
+
-
#menubar {
+
body{
-
    top: 2px;
+
  font-family: 'Droid Sans', sans-serif;
-
    font-family: 'Droid Sans', sans-serif;
+
}
-
}
+
-
 
+
#p-logo {
-
.left-menu, .left-menu a {
+
    height: 107px;
-
    color: black;
+
    position: absolute;
-
    left: 0;
+
    width: 975px;
-
    text-align: left;
+
    z-index: 1;
-
    text-transform: capitalize;
+
    display: none;
-
}
+
}
-
 
+
-
.left-menu:hover {
+
#search-controls {
-
    background-color: transparent;
+
    background-color: transparent;
-
}
+
    height: 40px;
-
 
+
    position: absolute;
-
.left-menu:hover a {
+
    right: 15px;
-
    color: black;
+
    text-align: center;
-
    text-decoration: none !important;
+
    top: 20px;
-
}
+
    width: 150px;
-
 
+
    z-index: 3;
-
.right-menu li a {
+
    display: none;
-
    background-color: transparent;
+
}
-
}
+
-
 
+
#top-section {
-
.right-menu, .right-menu a {
+
    height: 30px;
-
    color: black;
+
    width: 100%;
-
    right: 0;
+
    font-size: 100%;
-
    text-align: right;
+
    background: none repeat scroll 0 0 black;
-
}
+
    border-bottom: 1px solid #DFDFDF;
-
 
+
    border-left: medium none;
-
.right-menu:hover {
+
    border-right: medium none;
-
    background-color: transparent;
+
   
-
}
+
}
-
 
+
-
.right-menu:hover a {
+
#menubar {
-
    color: black;
+
    top: 2px;
-
    text-decoration: none !important;
+
    font-family: 'Droid Sans', sans-serif;
-
}
+
}
-
 
+
-
.right-menu li a {
+
.left-menu, .left-menu a {
-
    background-color: transparent;
+
    color: black;
-
    color: black;
+
    left: 0;
-
    padding: 0 15px 0 0;
+
    text-align: left;
-
}
+
    text-transform: capitalize;
-
 
+
}
-
.right-menu li a:hover {
+
-
    color: black;
+
.left-menu:hover {
-
    text-decoration: underline;
+
    background-color: transparent;
-
}
+
}
-
 
+
-
 
+
.left-menu:hover a {
-
 
+
    color: black;
-
 
+
    text-decoration: none !important;
-
 
+
}
-
 
+
-
#js_con {
+
.right-menu li a {
-
    color: black;
+
    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;
 +
}
}
}
Line 115: Line 201:
@media all and (min-width:1025px){
@media all and (min-width:1025px){
-
body{
+
body{
-
  font-family: 'Droid Sans', sans-serif;
+
  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;
 +
}
-
#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;
 
-
}
 
-
 
-
}
 
-
 
-
 
-
 
-
 

Revision as of 04:57, 6 July 2012

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