Template:Team:SydneyUni Australia/Style
From 2013.igem.org
(Difference between revisions)
(Changed nav back) |
m (Visited links same colour) |
||
(103 intermediate revisions not shown) | |||
Line 14: | 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 30: | Line 35: | ||
/*Fiddling with the theme*/ | /*Fiddling with the theme*/ | ||
#content{ | #content{ | ||
- | padding: 10px | + | padding: 10px 35px; |
} | } | ||
Line 39: | Line 44: | ||
body{ | body{ | ||
- | background-color: # | + | 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; | 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{ | #globalWrapper{ | ||
font-size: 150%; | font-size: 150%; | ||
Line 48: | Line 72: | ||
/* Banner Image Positioning*/ | /* Banner Image Positioning*/ | ||
#topbanner{ | #topbanner{ | ||
- | margin-left: - | + | margin-left: -35px; |
- | margin-top: -20px; | + | margin-top: -20px;} |
- | margin- | + | |
+ | #bottombanner{ | ||
+ | margin-left: -35px; | ||
} | } | ||
Line 57: | Line 83: | ||
/*****************************/ | /*****************************/ | ||
/*Based on http://cssdeck.com/labs/another-simple-css3-dropdown-menu*/ | /*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; | |
- | background: # | + | border-bottom: 1px solid; |
- | - | + | |
- | - | + | |
- | + | ||
} | } | ||
Line 77: | Line 114: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
- | |||
list-style: none; | list-style: none; | ||
- | color: # | + | color: #000000; |
} | } | ||
#nav ul li { | #nav ul li { | ||
Line 85: | Line 121: | ||
font-weight: bold; | font-weight: bold; | ||
display: inline-block; | display: inline-block; | ||
+ | padding: 15px 20px; | ||
margin: 0; | margin: 0; | ||
- | |||
position: relative; | position: relative; | ||
- | background: # | + | background: #ffffff; |
cursor: pointer; | cursor: pointer; | ||
-webkit-transition: all 0.2s; | -webkit-transition: all 0.2s; | ||
Line 96: | 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; | transition: all 0s; | ||
- | border-bottom: 5px solid #000000; | + | border-bottom: 5px solid #000000; |
- | margin-bottom: -5px; | + | margin-bottom: -5px; |
} | } | ||
#nav ul li ul { | #nav ul li ul { | ||
Line 126: | Line 163: | ||
-o-transition: opacity 0.2s; | -o-transition: opacity 0.2s; | ||
-transition: opacity 0.2s; | -transition: opacity 0.2s; | ||
- | |||
- | |||
- | |||
} | } | ||
#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; | z-index:10; | ||
} | } | ||
- | #nav ul li ul li:hover { background: # | + | |
+ | |||
+ | #nav ul li ul li:hover { | ||
+ | background: #abe3cd; | ||
border-bottom: none; | border-bottom: none; | ||
margin-bottom: 0;} | margin-bottom: 0;} |
Latest revision as of 00:32, 29 October 2013