|
|
Line 1: |
Line 1: |
- | {{:Team:CityU_HK/Template/CSS}}
| |
| <html> | | <html> |
| <style type="text/css"> | | <style type="text/css"> |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
| + | h1 { |
- | | + | color: white; |
- | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
| + | margin-left: 50px; |
- | background-color: #383838;
| + | } |
- | border: 0 none;
| + | |
- | height: 14px;
| + | p { |
- | z-index: 100;
| + | color: white; |
- | 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>
| + | |
- | * 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;
| + | |
- | opacity: 0.9;
| + | |
- | /* 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> |
| + | </html> |