Template:Style
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | <html> | + | /* |
+ | baby blue #b6e6fd; RGB(182,230,253) | ||
+ | blue #0089d1; RGB(0,137,209) | ||
+ | dark blue #22409a; RGB(34,64,154) | ||
+ | |||
+ | <style type="text/css"> | ||
+ | @-moz-document url-prefix() { | ||
+ | h1 { | ||
+ | color: red; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | */ | ||
+ | |||
+ | |||
+ | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 21: | Line 36: | ||
+ | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
*{ | *{ | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
- | |||
border: none; | border: none; | ||
} | } | ||
+ | /* | ||
+ | html, body{ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | }*/ | ||
+ | section, footer, nav{ | ||
+ | display: block; | ||
+ | } | ||
- | |||
body{ | body{ | ||
Line 74: | Line 72: | ||
} | } | ||
- | + | ||
+ | header { | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | } | ||
#logo_img{ | #logo_img{ | ||
Line 97: | Line 100: | ||
#navbar { | #navbar { | ||
- | background-image: url( | + | background-image: url(../image/layout/menubar.png); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center right; | background-position: center right; | ||
Line 103: | Line 106: | ||
height: 55px; | height: 55px; | ||
} | } | ||
- | + | nav { | |
+ | } | ||
+ | section | ||
+ | { | ||
+ | min-height: 1300px; | ||
+ | padding: 20px; | ||
+ | } | ||
+ | |||
footer | footer | ||
{ | { | ||
Line 113: | Line 123: | ||
.home-knapp | .home-knapp | ||
{ | { | ||
- | position: relative;left:15px;top:- | + | position: relative;left:15px;top:-84px; |
width: 15%; | width: 15%; | ||
float: left; | float: left; | ||
Line 128: | Line 138: | ||
#list_type1{width: 110px;}#list_type2{width: 80px;}#list_type3{width: 120px;}#list_type4{width: 150px;} | #list_type1{width: 110px;}#list_type2{width: 80px;}#list_type3{width: 120px;}#list_type4{width: 150px;} | ||
+ | nav ul ul { | ||
+ | display: none; | ||
+ | z-index: 1; | ||
+ | } | ||
nav ul li:hover > ul { | nav ul li:hover > ul { | ||
Line 145: | Line 159: | ||
nav ul li | nav ul li | ||
{ | { | ||
- | padding-top: | + | padding-top: 1.4%; |
float: left; | float: left; | ||
- | height: | + | height: 44px; |
} | } | ||
Line 154: | Line 168: | ||
text-align: center; | text-align: center; | ||
display: block; | display: block; | ||
- | text-decoration: | + | text-decoration: none; |
} | } | ||
.nav-text2{ | .nav-text2{ | ||
Line 182: | Line 196: | ||
border-radius: 0px; | border-radius: 0px; | ||
padding: 0px; | padding: 0px; | ||
- | position: | + | position: absolute; |
- | top: | + | top: 100%; |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
nav ul ul li { | nav ul ul li { |
Revision as of 18:54, 15 August 2013
/* baby blue #b6e6fd; RGB(182,230,253) blue #0089d1; RGB(0,137,209) dark blue #22409a; RGB(34,64,154)
<style type="text/css"> @-moz-document url-prefix() { h1 { color: red; } } </style> */