Template:Team:Uppsala/test
From 2013.igem.org
(Difference between revisions)
(Created page with "<html> <style type="text/css"> #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display: none; } #top-section { border: none; height: ...") |
|||
(13 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | |||
+ | /* http://meyerweb.com/eric/tools/css/reset/ | ||
+ | v2.0 | 20110126 | ||
+ | License: none (public domain) | ||
+ | */ | ||
+ | |||
+ | html, body, div, span, applet, object, iframe, | ||
+ | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
+ | a, abbr, acronym, address, big, cite, code, | ||
+ | del, dfn, em, img, ins, kbd, q, s, samp, | ||
+ | small, strike, strong, sub, sup, tt, var, | ||
+ | b, u, i, center, | ||
+ | dl, dt, dd, ol, ul, li, | ||
+ | fieldset, form, label, legend, | ||
+ | table, caption, tbody, tfoot, thead, tr, th, td, | ||
+ | article, aside, canvas, details, embed, | ||
+ | figure, figcaption, footer, header, hgroup, | ||
+ | menu, nav, output, ruby, section, summary, | ||
+ | time, mark, audio, video { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | |||
+ | vertical-align: baseline; | ||
+ | } | ||
+ | /* HTML5 display-role reset for older browsers */ | ||
+ | article, aside, details, figcaption, figure, | ||
+ | footer, header, hgroup, menu, nav, section { | ||
+ | display: block; | ||
+ | } | ||
+ | body { | ||
+ | line-height: 1; | ||
+ | } | ||
+ | ol, ul { | ||
+ | list-style: none; | ||
+ | } | ||
+ | blockquote, q { | ||
+ | quotes: none; | ||
+ | } | ||
+ | blockquote:before, blockquote:after, | ||
+ | q:before, q:after { | ||
+ | content: ''; | ||
+ | content: none; | ||
+ | } | ||
+ | table { | ||
+ | border-collapse: collapse; | ||
+ | border-spacing: 0; | ||
+ | } | ||
+ | |||
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
Line 24: | Line 74: | ||
background-image: url(https://static.igem.org/mediawiki/2013/2/26/Background.png); /* bakgrund för hela sidan */ | background-image: url(https://static.igem.org/mediawiki/2013/2/26/Background.png); /* bakgrund för hela sidan */ | ||
border: none; | border: none; | ||
- | |||
} | } | ||
Line 30: | Line 79: | ||
color: #0089d1; | color: #0089d1; | ||
} | } | ||
- | + | /* | |
p { | p { | ||
color: #22409a; | color: #22409a; | ||
} | } | ||
- | + | */ | |
#main_frame { | #main_frame { | ||
Line 64: | Line 113: | ||
} | } | ||
+ | #igem_logo { | ||
+ | width: 500px; | ||
+ | padding: 10px; | ||
+ | padding-top: 30px; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #logo { | ||
+ | width: 300px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #home-knapp { | ||
+ | position: relative; | ||
+ | z-index: 1; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #n_container { | ||
+ | padding-top: 1px; | ||
+ | height::100px; | ||
+ | width:950px; | ||
+ | clear:both; | ||
+ | } | ||
+ | /* | ||
+ | |||
+ | #button_1 { | ||
+ | position: relative;left:15px;top:-15px; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #navbar { | ||
+ | background-color: #22409a; | ||
+ | margin-top: 60px; | ||
+ | width: 94%; | ||
+ | margin-left: 6%; | ||
+ | height: 55px; | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | } | ||
+ | */ | ||
+ | |||
+ | .sublogo { | ||
+ | |||
+ | width: 150px; | ||
+ | margin-left: 475px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .logo { | ||
+ | padding-top: 40px; | ||
+ | width: 200px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | .navbar-text { | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | /* NAVBAR code begins */ | ||
+ | |||
+ | |||
+ | /* | ||
+ | |||
+ | .nav ul { | ||
+ | text-align: left; | ||
+ | display: inline; | ||
+ | margin: 0; | ||
+ | padding: 15px 4px 17px 0; | ||
+ | list-style: none; | ||
+ | -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); | ||
+ | -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); | ||
+ | box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); | ||
+ | } | ||
+ | .nav ul li { | ||
+ | font: bold 12px/18px sans-serif; | ||
+ | display: inline-block; | ||
+ | margin-right: -4px; | ||
+ | position: relative; | ||
+ | padding: 15px 20px; | ||
+ | background: #fff; | ||
+ | cursor: pointer; | ||
+ | -webkit-transition: all 0.2s; | ||
+ | -moz-transition: all 0.2s; | ||
+ | -ms-transition: all 0.2s; | ||
+ | -o-transition: all 0.2s; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
+ | .nav ul li:hover { | ||
+ | background: #555; | ||
+ | color: #fff; | ||
+ | } | ||
+ | .nav ul li ul { | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | top: 48px; | ||
+ | left: 0; | ||
+ | width: 150px; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | display: none; | ||
+ | opacity: 0; | ||
+ | visibility: hidden; | ||
+ | -webkit-transiton: opacity 0.2s; | ||
+ | -moz-transition: opacity 0.2s; | ||
+ | -ms-transition: opacity 0.2s; | ||
+ | -o-transition: opacity 0.2s; | ||
+ | -transition: opacity 0.2s; | ||
+ | } | ||
+ | .nav ul li ul li { | ||
+ | background: #555; | ||
+ | display: block; | ||
+ | color: #fff; | ||
+ | text-shadow: 0 -1px 0 #000; | ||
+ | } | ||
+ | .nav ul li ul li:hover { background: #666; } | ||
+ | .nav ul li:hover ul { | ||
+ | display: block; | ||
+ | opacity: 1; | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | .a { | ||
+ | width: 100px; height: 60px; | ||
+ | padding-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | */ | ||
+ | |||
+ | } | ||
+ | .content { | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igem_logo { | ||
+ | width: 400px; | ||
+ | float: right; | ||
+ | } | ||
Line 73: | Line 268: | ||
#project-description { | #project-description { | ||
+ | padding-top: 30px; | ||
width: 100%; | width: 100%; | ||
- | |||
- | |||
border-bottom: 1px solid #22409a; | border-bottom: 1px solid #22409a; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
- | |||
- | |||
- | |||
} | } | ||
Line 221: | Line 412: | ||
} | } | ||
- | + | /* Hover effect in grid pictures end | |
+ | Grid pictures styling begin */ | ||
.top { | .top { | ||
Line 237: | Line 429: | ||
/* Grid pictures styling ends */ | /* Grid pictures styling ends */ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | #drop-down ul { | |
- | + | text-align: left; | |
- | + | display: inline; | |
- | + | margin: 0; | |
- | + | /*padding: 15px 4px 17px 0;*/ | |
- | + | list-style: none; | |
- | + | -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); | |
- | + | -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); | |
- | + | box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); | |
+ | } | ||
+ | #drop-down ul li { | ||
+ | font: bold 12px/18px sans-serif; | ||
+ | display: inline-block; | ||
+ | margin-right: -4px; | ||
+ | position: relative; | ||
+ | padding: 5px 0px; | ||
+ | background: #22409a; | ||
+ | cursor: pointer; | ||
+ | -webkit-transition: all 0.2s; | ||
+ | -moz-transition: all 0.2s; | ||
+ | -ms-transition: all 0.2s; | ||
+ | -o-transition: all 0.2s; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
+ | #drop-down ul li:hover { | ||
+ | background: #0089d1; | ||
+ | color: #fff; | ||
+ | } | ||
+ | #drop-down ul li ul { | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | top: 54px; | ||
+ | left: 0; | ||
+ | width: 150px; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | display: none; | ||
+ | opacity: 0; | ||
+ | visibility: hidden; | ||
+ | -webkit-transiton: opacity 0.2s; | ||
+ | -moz-transition: opacity 0.2s; | ||
+ | -ms-transition: opacity 0.2s; | ||
+ | -o-transition: opacity 0.2s; | ||
+ | -transition: opacity 0.2s; | ||
+ | } | ||
+ | #drop-down ul li ul li { | ||
+ | background: #22409a; | ||
+ | display: block; | ||
+ | color: #fff; | ||
+ | text-shadow: 0 -1px 0 #000; | ||
+ | } | ||
+ | #drop-down ul li ul li:hover { background: #0089d1; } | ||
+ | #drop-down ul li:hover ul { | ||
+ | display: block; | ||
+ | opacity: 1; | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | #drop-down ul li a { | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | color: #fff; | ||
+ | font-size: 14px; | ||
+ | padding-left: 5px; | ||
+ | z-index: 122112122 | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | |||
+ | #navbar { | ||
+ | width: 900px; | ||
+ | height: 60px; | ||
+ | background-color: #22409a; | ||
+ | margin-left: 50px; | ||
+ | margin-top: 75px; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | .ad { | |
- | { | + | margin-left: 5px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | ||
- | + | </style> | |
- | + | </html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + |
Latest revision as of 20:10, 15 August 2013