|
|
| (One intermediate revision not shown) |
| 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 --*/
| |
| - |
| |
| - | #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>
| |
| - | * 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> |
"
