Team:UGent/Templates/Header
From 2013.igem.org
(Difference between revisions)
(102 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<!-- ####### Banner UGent ####### --> | <!-- ####### Banner UGent ####### --> | ||
- | |||
<table cellspacing=0 cellpadding=0 border =0> | <table cellspacing=0 cellpadding=0 border =0> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <!-- ####### Remove iGem-banner and wiki-parts + LAYOUT ###### --> |
- | + | <html> | |
- | + | <head> | |
- | < | + | <style> |
- | + | #contentSub, #search-controls, .firstHeading, #catlinks, #p-logo{display:none;} | |
- | + | #top-section{border: none;height: 0px} | |
+ | #content{border: none; width:1200px;} | ||
+ | body{background-color:#ffffff} | ||
+ | ul{list-style-image:url('https://static.igem.org/mediawiki/2013/5/50/UGent_2013_TandwielWIKI.png');font-family:"Verdana";font-size:13px;padding-right:50px; | ||
+ | padding-left:60px;text-align:justify;} | ||
+ | ul.a{list-style-image:url('https://static.igem.org/mediawiki/2013/a/aa/UGent_2013_TandwielWIKI2.png');font-family:"Verdana";font-size:11px;padding-right:50px; | ||
+ | padding-left:30px;text-align:justify;} | ||
+ | h1{font-family:"Verdana";font-size:15px;font-weight: bold;} | ||
+ | h2{font-family:"Verdana";font-size:15px;} | ||
+ | h3{font-family:"Verdana";font-size:13px;padding-left:50px;} | ||
+ | p{font-family:"Verdana";font-size:13px; text-align:justify;padding-right:50px; | ||
+ | padding-left:50px;} | ||
+ | p.font{font-family:"Verdana";font-size:11px; text-align:justify;padding-right:50px; | ||
+ | padding-left:50px;font-weight: bold;} | ||
+ | p.home{font-family:"Verdana";font-size:18px; text-align:center;padding-right:50px; | ||
+ | padding-left:50px;font-weight: bold;color:#18204b;} | ||
+ | p.padding{font-family:"Verdana";font-size:13px; text-align:justify padding-right:50px;padding-left:75px;} | ||
+ | p.padding2{font-family:"Verdana";font-size:13px; text-align:justify padding-right:50px;padding-left:106px;} | ||
+ | .center{margin:auto;width:95%;} | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
</html> | </html> | ||
- | <!-- ####### | + | <!-- ####### SlideShow ######## --> |
<html> | <html> | ||
- | < | + | <head> |
- | < | + | |
- | < | + | <link rel="stylesheet" href="http://www.science.unitn.it/~igem/js/nivo/nivo-slider.css" type="text/css" media="screen"/> |
+ | <link rel="stylesheet" href="http://www.science.unitn.it/~igem/js/nivo/themes/default/default.css" type="text/css" media="screen"/> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | ||
+ | <script src="http://www.science.unitn.it/~igem/js/nivo/jquery.nivo.slider.pack.js" type="text/javascript"></script> | ||
+ | <script> | ||
+ | jQuery(function($){ | ||
+ | $('#slider').nivoSlider({ | ||
+ | effect: 'fade', // Specify sets like: 'fold,fade,sliceDown' | ||
+ | pauseTime: 3000, | ||
+ | directionNavHide: true, | ||
+ | pauseOnHover: true | ||
+ | }); | ||
+ | }) | ||
+ | </script> | ||
+ | <style> | ||
+ | .theme-default .nivo-controlNav { | ||
+ | left: 13%; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
</html> | </html> | ||
Line 78: | Line 112: | ||
{ margin: 0; | { margin: 0; | ||
padding: 0; | padding: 0; | ||
- | z-index: | + | z-index: 40} |
#sddm li | #sddm li | ||
Line 85: | Line 119: | ||
list-style: none; | list-style: none; | ||
float: left; | float: left; | ||
- | + | font-family:"Verdana" | |
+ | font-size:17px; | ||
+ | font-weight: bold;} | ||
#sddm li a | #sddm li a | ||
{ display: block; | { display: block; | ||
margin: 0 1px 0 0; | margin: 0 1px 0 0; | ||
- | padding: | + | padding: 15.3px 15.3px; |
- | height: | + | height: 20px; |
- | background: #F9BD05; | + | width: auto; |
+ | background: #F9BD05 ; | ||
+ | color: #18204b ; | ||
+ | text-align: center; | ||
+ | vertical-align:middle; | ||
+ | text-decoration: none; | ||
+ | font-family:"Verdana" | ||
+ | font-size:17px; | ||
+ | font-weight: bold;} | ||
+ | |||
+ | #sddm li a img | ||
+ | { display: block; | ||
+ | margin: 0 1px 0 0; | ||
+ | padding: 0px 0px; | ||
+ | height: 20px; | ||
+ | width: auto; | ||
+ | background:#F9BD05 ; | ||
color: #18204b; | color: #18204b; | ||
text-align: center; | text-align: center; | ||
vertical-align:middle; | vertical-align:middle; | ||
- | text-decoration: none} | + | text-decoration: none; |
+ | font-family:"Verdana" | ||
+ | font-size:17px; | ||
+ | font-weight: bold;} | ||
#sddm li a:hover | #sddm li a:hover | ||
{ background: #18204b; | { background: #18204b; | ||
color:#F9BD05 } | color:#F9BD05 } | ||
+ | |||
+ | #sddm li img:hover | ||
+ | { background: #18204b; | ||
+ | color:#F9BD05 } | ||
#sddm div | #sddm div | ||
Line 121: | Line 180: | ||
background: #EAEBD8; | background: #EAEBD8; | ||
color: #18204b; | color: #18204b; | ||
- | font: | + | font-family:"Verdana" |
+ | font-size:17px; | ||
+ | font-weight: bold;} | ||
#sddm div a:hover | #sddm div a:hover | ||
- | { background: # | + | { background: #18204b; |
- | color: # | + | color: #F9BD05} |
</style> | </style> | ||
</html> | </html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Line 215: | Line 256: | ||
{ | { | ||
padding-left: 17px; | padding-left: 17px; | ||
- | background-image: url(' | + | background-image: url(''); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center left; | background-position: center left; | ||
Line 222: | Line 263: | ||
{ | { | ||
padding-left: 17px; | padding-left: 17px; | ||
- | background-image: url(' | + | background-image: url(''); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center left; | background-position: center left; | ||
Line 231: | Line 272: | ||
{ | { | ||
border-left: 1px solid #F9BD05; | border-left: 1px solid #F9BD05; | ||
- | padding-left: | + | padding-left: 17px; |
- | margin-left: | + | margin-left: 10px; |
margin-bottom: 25px; | margin-bottom: 25px; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |