Template:Team:CBNU-Korea/css

From 2012.igem.org

(Difference between revisions)
Line 3: Line 3:
<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'>
</head>
</head>
-
<style>
 
-
@media all and (max-width:768px) {
+
<style>
-
 
+
-
body{
+
-
  font-family: 'Droid Sans', sans-serif;
+
-
}
+
-
#p-logo {
 
-
    display: none;
 
-
}
 
-
#search-controls {
+
@media all and(min-width:768px){
-
    background-color: transparent;
+
-
    height: 40px;
+
-
    position: absolute;
+
-
    right: 15px;
+
-
    text-align: center;
+
-
    top: 20px;
+
-
    width: 150px;
+
-
    z-index: 3;
+
-
    display: none;
+
-
}
+
-
#top-section {
+
body{
-
    height: 30px;
+
  font-family: 'Droid Sans', sans-serif;
-
    width: 100%;
+
}
-
    font-size: 100%;
+
-
    background: none repeat scroll 0 0 white;
+
#p-logo {
-
    border-bottom: 1px solid #DFDFDF;
+
    height: 107px;
-
    border-left: medium none;
+
    position: absolute;
-
    border-right: medium none;
+
    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;
 +
}
-
#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 {
+
@media all and (min-width:768px) and (max-width:1024px) {
-
    color: black;
+
-
    text-decoration: none !important;
+
-
}
+
-
.right-menu li a {
+
body{
-
    background-color: transparent;
+
  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;
 +
}
-
.right-menu, .right-menu a {
 
-
    color: black;
 
-
    right: 0;
 
-
    text-align: right;
 
}
}
-
.right-menu:hover {
+
@media all and (min-width:1025px){
-
    background-color: transparent;
+
-
}
+
-
.right-menu:hover a {
+
body{
-
    color: black;
+
  font-family: 'Droid Sans', sans-serif;
-
    text-decoration: none !important;
+
}
-
}
+
 +
#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;
 +
}
-
.right-menu li a {
 
-
    background-color: transparent;
 
-
    color: black;
 
-
    padding: 0 15px 0 0;
 
}
}
-
.right-menu li a:hover {
 
-
    color: black;
 
-
    text-decoration: underline;
 
-
}
 
-
+
</style>
-
#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 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: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>
+
<html>
<html>

Revision as of 05:17, 6 July 2012

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