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(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: 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 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> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </style> | + | |
<html> | <html> |
Revision as of 05:17, 6 July 2012