"
Template:HeaderGroningen2012
From 2012.igem.org
(Difference between revisions)
m |
|||
| Line 5: | Line 5: | ||
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> | <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> | ||
<script type="text/javascript" src="js/lightbox.js"></script> | <script type="text/javascript" src="js/lightbox.js"></script> | ||
| - | + | <script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script> | |
| - | + | ||
<head> | <head> | ||
| - | <meta http-equiv="X-UA-Compatible" content="IE=EDGE" charset="utf-8" /> | + | <meta http-equiv="X-UA-Compatible" content="IE=EDGE" charset="utf-8" /> |
| - | + | ||
| - | + | ||
<style> | <style> | ||
div.cogbig{ | div.cogbig{ | ||
| Line 74: | Line 71: | ||
padding: 0.0em 0; | padding: 0.0em 0; | ||
list-style: none; | list-style: none; | ||
| - | |||
position: absolute; | position: absolute; | ||
top: -800em; | top: -800em; | ||
| - | + | text-align:center; | |
| - | text-align:center; | + | padding-left:13px; |
| - | + | background-color: rgba(0,0,0,0.5); | |
| - | padding-left:13px; | + | |
| - | + | ||
| - | background-color: rgba(0,0,0,0.5); | + | |
} | } | ||
#navigation > li.sub ul li { | #navigation > li.sub ul li { | ||
width: 90%; | width: 90%; | ||
| - | + | background-color: rgba(0,0,0,0.9); | |
| - | background-color: rgba(0,0,0,0.9); | + | |
} | } | ||
#navigation > li.sub ul li a { | #navigation > li.sub ul li a { | ||
height: 100%; | height: 100%; | ||
| - | |||
display: block; | display: block; | ||
padding: 0.0em; | padding: 0.0em; | ||
| - | |||
color: #fff; | color: #fff; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
#navigation > li.sub ul li a:hover { | #navigation > li.sub ul li a:hover { | ||
| - | + | color: rgb(255,103,0); | |
| - | + | font-weight: 700; | |
} | } | ||
#navigation > li.sub:hover ul { | #navigation > li.sub:hover ul { | ||
top: 100px; | top: 100px; | ||
| - | left:-35px; | + | left:-35px; |
} | } | ||
| Line 115: | Line 105: | ||
margin-top: 0px; | margin-top: 0px; | ||
z-index:1; | z-index:1; | ||
| - | + | font-weight: 300; | |
} | } | ||
.expand-down * { | .expand-down * { | ||
| Line 133: | Line 123: | ||
text-decoration:none; | text-decoration:none; | ||
z-index:1; | z-index:1; | ||
| - | |||
} | } | ||
.expand-down ul li a img { | .expand-down ul li a img { | ||
| Line 140: | Line 129: | ||
border:none; | border:none; | ||
z-index:1; | z-index:1; | ||
| - | |||
} | } | ||
.expand-down ul li a span { | .expand-down ul li a span { | ||
//span bar under picture text | //span bar under picture text | ||
z-index:1; | z-index:1; | ||
| - | + | text-align:center; | |
| - | text-align:center; | + | font-size:14px; |
| - | font-size:14px; | + | |
| - | + | ||
display: block; | display: block; | ||
padding: 0.0em; | padding: 0.0em; | ||
color: #fff; | color: #fff; | ||
| - | |||
| - | |||
| - | |||
} | } | ||
.expand-down ul li:hover a span { | .expand-down ul li:hover a span { | ||
display:block; | display:block; | ||
| - | font-size:14px; | + | font-size:14px; |
| - | + | ||
z-index:1; | z-index:1; | ||
| - | color: rgb(255,103,0); | + | color: rgb(255,103,0); |
| - | + | font-weight: 700; | |
| - | + | background-color: rgba(0,0,0,0.5); | |
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
.expand-down ul li:hover a img { | .expand-down ul li:hover a img { | ||
| Line 172: | Line 151: | ||
height:82px; | height:82px; | ||
z-index:1; | z-index:1; | ||
| - | |||
} | } | ||
.expand-down ul li:hover + li a img { | .expand-down ul li:hover + li a img { | ||
| Line 178: | Line 156: | ||
height:82px; | height:82px; | ||
z-index:1; | z-index:1; | ||
| - | |||
} | } | ||
.expand-down ul li:hover + li + li a img { | .expand-down ul li:hover + li + li a img { | ||
| Line 187: | Line 164: | ||
/*Body*/ | /*Body*/ | ||
| - | body | + | body{ |
| - | + | ||
background-attachment:fixed; | background-attachment:fixed; | ||
| - | background-color:rgb(118,28,17); | + | background-color:rgb(118,28,17); |
| - | + | ||
text-align: justify; | text-align: justify; | ||
border: none; | border: none; | ||
} | } | ||
| - | #content | + | #content{ |
| - | + | ||
position: relative; | position: relative; | ||
top:-5px; | top:-5px; | ||
| Line 204: | Line 178: | ||
border: none; | border: none; | ||
} | } | ||
| - | #bodyContent | + | #bodyContent{ |
| - | + | ||
width: 1024px; | width: 1024px; | ||
position: relative; | position: relative; | ||
| Line 217: | Line 190: | ||
a[title="Main Page"]{display: none;} | a[title="Main Page"]{display: none;} | ||
.firstHeading{display: none;} | .firstHeading{display: none;} | ||
| - | #menubar{display: block;} | + | .noprint{display: none;} |
| - | #search-controls{display: | + | #menubar{ |
| + | display: block; | ||
| + | background-color:transparent; | ||
| + | } | ||
| + | #search-controls{display: none;} | ||
#contentSub{display: none;} | #contentSub{display: none;} | ||
#catlinks{display: none;} | #catlinks{display: none;} | ||
#footer-box{display: none;} | #footer-box{display: none;} | ||
| - | + | #p-logo{display: block;} | |
| - | # | + | #top-section { |
| - | + | display: block; | |
| - | + | position: relative; | |
| - | + | height: 98px; | |
| - | + | width: 975px; | |
| - | + | margin: 0px auto; | |
| - | + | border-left: 1px solid rgb(118,28,17); | |
| - | + | border-right: 1px solid rgb(118,28,17); | |
| - | + | border-bottom: 1px solid rgb(118,28,17); | |
| - | + | } | |
| - | } | + | |
</style> | </style> | ||
</head> | </head> | ||
Revision as of 16:55, 17 September 2012
