Team:CityU HK/Template/CSS
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <style type="text/css"> | ||
+ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
+ | |||
+ | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | ||
+ | background-color: #383838; | ||
+ | border: 0 none; | ||
+ | height: 14px; | ||
+ | z-index: 100; | ||
+ | top: 0; | ||
+ | position: fixed; | ||
+ | width: 975px; | ||
+ | left: 50%; | ||
+ | margin-left: -487px; | ||
+ | } | ||
+ | |||
+ | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/ | ||
+ | background-color: #383838; | ||
+ | height: 14px; | ||
+ | display: block; | ||
+ | z-index: 10; | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/ | ||
+ | color: #727272; | ||
+ | text-decoration: none; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, #content { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | html, body, .wrapper { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
<style> | <style> | ||
+ | * html{ | ||
+ | behavior:url("csshover3.htc"); | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background: url("https://static.igem.org/mediawiki/2014/a/a5/CityU_HK_Background.jpg"); | ||
+ | background-size:contain; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position:left; | ||
+ | background-attachment: fixed; | ||
+ | background-size: cover | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | *:first-child+html #menu ul li ul { | ||
+ | margin-top:-10px; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .sidemenu, .sidemenu li { | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | font-family: verdana; | ||
+ | text-decoration: none; | ||
+ | color:#000; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .sidemenu li {display: block;} | ||
+ | |||
+ | .sidemenu a { | ||
+ | text-decoration:none; | ||
+ | color: #000; | ||
+ | display: block; | ||
+ | width: 180px; | ||
+ | height: 100%; | ||
+ | padding: 3px 5px; | ||
+ | transition: .25s ease-in-out; | ||
+ | -moz-transition: .25s ease-in-out; | ||
+ | -webkit-transition: .25s ease-in-out; | ||
+ | } | ||
+ | |||
+ | .sidemenu a.greyout { color: #909090; } | ||
+ | |||
+ | .sidemenu a:hover { | ||
+ | color:#666; | ||
+ | background-color: #d9f5aa; | ||
+ | } | ||
+ | |||
+ | .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;} | ||
+ | .sub-sidemenu a {color: #666;} | ||
+ | |||
+ | #menu li{ | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | list-style:none; | ||
+ | z-index:999; | ||
+ | } | ||
+ | #menu a{ | ||
+ | color:white; | ||
+ | text-decoration:none; | ||
+ | width:158px; | ||
+ | display:block; | ||
+ | text-align:center; | ||
+ | font-family:arial; | ||
+ | font-size:14px; | ||
+ | } | ||
+ | |||
+ | #menu{ | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | width:968px; | ||
+ | } | ||
+ | #menu a:hover{ | ||
+ | background:deepskyblue; | ||
+ | } | ||
+ | |||
+ | #menu li ul{ | ||
+ | background:black; | ||
+ | /* display:none; */ | ||
+ | position:absolute; | ||
+ | text-align:center; | ||
+ | top:95px; | ||
+ | right:0px; | ||
+ | } | ||
+ | #menu li:hover ul{ | ||
+ | display:block; | ||
+ | } | ||
+ | #dropdown_menu li ul li{ | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | .logoimg | ||
+ | { | ||
+ | position: relative; | ||
+ | float: right; | ||
+ | top: 260px; | ||
+ | } | ||
+ | |||
+ | footer h2{ | ||
+ | text-align: center; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | footer img { | ||
+ | margin: 20px; | ||
+ | position: relative; | ||
+ | right: -200px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <style> | ||
+ | |||
/*! | /*! | ||
* Bootstrap v3.2.0 (http://getbootstrap.com) | * Bootstrap v3.2.0 (http://getbootstrap.com) |
Revision as of 14:05, 19 August 2014