Template:Team:SydneyUni Australia/Style
From 2013.igem.org
(Difference between revisions)
C.Squirrel (Talk | contribs) |
m (Visited links same colour) |
||
(155 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | <!-- ie9.js (fixes all Internet Explorer browsers older than ie9) --> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> | ||
+ | <![endif]--> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
Line 8: | Line 14: | ||
height: 0px;} | height: 0px;} | ||
#content { | #content { | ||
- | border: none;} | + | border: none; |
+ | margin-bottom: 40px; | ||
+ | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0..3); | ||
+ | -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); | ||
+ | box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); | ||
+ | } | ||
/* Removes "teams" from the menubar */ | /* Removes "teams" from the menubar */ | ||
Line 16: | Line 27: | ||
#menubar { | #menubar { | ||
width: auto;} | width: auto;} | ||
+ | |||
+ | /* Remove Edit Section Link */ | ||
+ | .editsection{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /*Fiddling with the theme*/ | ||
+ | #content{ | ||
+ | padding: 10px 35px; | ||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | text-align: justify; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | body{ | ||
+ | background-image: url('/wiki/images/b/b7/SydneyUniversity_Wiki_Background.jpg'); | ||
+ | background-size: 100%; | ||
+ | background-attachment: fixed; | ||
+ | background-color: #fff; | ||
+ | font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-family: "Rockwell",Georgia, serif; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | h1, h3, h4, h5, h6 { | ||
+ | font-family: "Rockwell",Georgia, serif; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | a, a:visited { | ||
+ | color: #4d987c; | ||
+ | } | ||
+ | |||
+ | |||
+ | #globalWrapper{ | ||
+ | font-size: 150%; | ||
+ | } | ||
+ | |||
+ | /* Banner Image Positioning*/ | ||
+ | #topbanner{ | ||
+ | margin-left: -35px; | ||
+ | margin-top: -20px;} | ||
+ | |||
+ | #bottombanner{ | ||
+ | margin-left: -35px; | ||
+ | } | ||
/* Redesigning the Navigation*/ | /* Redesigning the Navigation*/ | ||
/*****************************/ | /*****************************/ | ||
+ | /*Based on http://cssdeck.com/labs/another-simple-css3-dropdown-menu*/ | ||
+ | |||
+ | #homelink { | ||
+ | position: absolute; | ||
+ | height:70px; | ||
+ | width:86px; | ||
+ | top: 269px; | ||
+ | } | ||
+ | |||
+ | #homelink a { | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | margin-left: -43px; | ||
+ | } | ||
#nav { | #nav { | ||
text-decoration: none; | text-decoration: none; | ||
text-align: center; | text-align: center; | ||
- | + | <--! padding: 0 70px; --> | |
+ | <--! margin-left: -70px; --> | ||
+ | width: 100%; | ||
+ | background: #ffffff; | ||
+ | border-top: 1px solid; | ||
+ | border-bottom: 1px solid; | ||
} | } | ||
#nav ul { | #nav ul { | ||
text-align: center; | text-align: center; | ||
- | display: inline; | + | display: inline-block; |
margin: 0; | margin: 0; | ||
- | padding: | + | padding: 0; |
list-style: none; | list-style: none; | ||
- | + | color: #000000; | |
- | + | ||
- | + | ||
- | color: # | + | |
} | } | ||
#nav ul li { | #nav ul li { | ||
- | font: bold 12px/18px | + | font: bold 12px/18px; |
+ | font-weight: bold; | ||
display: inline-block; | display: inline-block; | ||
- | |||
padding: 15px 20px; | padding: 15px 20px; | ||
+ | margin: 0; | ||
position: relative; | position: relative; | ||
- | background: # | + | background: #ffffff; |
cursor: pointer; | cursor: pointer; | ||
-webkit-transition: all 0.2s; | -webkit-transition: all 0.2s; | ||
Line 52: | Line 132: | ||
transition: all 0.2s; | transition: all 0.2s; | ||
width: 90px; | width: 90px; | ||
+ | text-align: center; | ||
} | } | ||
#nav ul li a { | #nav ul li a { | ||
- | color: # | + | color: #000000; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
#nav ul li:hover { | #nav ul li:hover { | ||
- | background: # | + | background: #abe3cd; |
- | color: # | + | color: #000000; |
+ | transition: all 0s; | ||
+ | border-bottom: 5px solid #000000; | ||
+ | margin-bottom: -5px; | ||
} | } | ||
#nav ul li ul { | #nav ul li ul { | ||
padding: 0; | padding: 0; | ||
position: absolute; | position: absolute; | ||
- | top: | + | width: 90px; |
+ | top: 57px; | ||
left: 0; | left: 0; | ||
-webkit-box-shadow: none; | -webkit-box-shadow: none; | ||
Line 80: | Line 165: | ||
} | } | ||
#nav ul li ul li { | #nav ul li ul li { | ||
- | background: # | + | background: #ecfce1; |
display: block; | display: block; | ||
- | color: # | + | color: #000; |
- | margin: 0 0 0 | + | margin: 0 0 0 0; |
width: 90px; | width: 90px; | ||
text-align:center; | text-align:center; | ||
+ | z-index:10; | ||
} | } | ||
- | #nav ul li ul li:hover { background: # | + | |
+ | |||
+ | #nav ul li ul li:hover { | ||
+ | background: #abe3cd; | ||
+ | border-bottom: none; | ||
+ | margin-bottom: 0;} | ||
#nav ul li:hover ul { | #nav ul li:hover ul { | ||
Line 95: | Line 186: | ||
} | } | ||
- | + | #endspace { | |
+ | height: 175px; | ||
+ | } | ||
+ | |||
- | < | + | </style> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</html> | </html> |
Latest revision as of 00:32, 29 October 2013