Difference between revisions of "Template:London Biohackspace"
(17 intermediate revisions by 2 users not shown) | |||
Line 4: | Line 4: | ||
<style type="text/css"> | <style type="text/css"> | ||
− | @import url(//fonts.googleapis.com/css?family= | + | @import url(//fonts.googleapis.com/css?family=Raleway); |
#content | #content | ||
Line 58: | Line 58: | ||
header | header | ||
{ | { | ||
− | height: | + | background: url(https://static.igem.org/mediawiki/2015/2/20/LONBIO-beer-background.jpg) center 0 no-repeat !important; |
+ | background-size: cover !important; | ||
+ | height:370px; | ||
} | } | ||
Line 64: | Line 66: | ||
position:relative; | position:relative; | ||
z-index: 11; | z-index: 11; | ||
− | |||
width:110%; | width:110%; | ||
margin-left:-5%; | margin-left:-5%; | ||
Line 78: | Line 79: | ||
text-decoration: none; | text-decoration: none; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
− | font-family: ' | + | font-family: 'Raleway', cursive; |
} | } | ||
.sf-menu a:hover {text-decoration: none;} | .sf-menu a:hover {text-decoration: none;} | ||
Line 92: | Line 93: | ||
-o-transition: background 0.3s ease-out; | -o-transition: background 0.3s ease-out; | ||
-webkit-transition: background 0.3s ease-out; | -webkit-transition: background 0.3s ease-out; | ||
− | font-size: | + | font-size: 18px; |
− | color: | + | color: black; |
line-height: 24px; | line-height: 24px; | ||
} | } | ||
Line 104: | Line 105: | ||
.sf-menu > li.current > a, | .sf-menu > li.current > a, | ||
.sf-menu > li:hover > a, | .sf-menu > li:hover > a, | ||
− | .sf-menu > li.sfHover > a { color: # | + | .sf-menu > li.sfHover > a { color: #black;} |
.sf-menu > li:hover > a, | .sf-menu > li:hover > a, | ||
Line 133: | Line 134: | ||
top: 41px; | top: 41px; | ||
left: 50%; | left: 50%; | ||
− | margin-left: - | + | margin-left: -67px; |
− | + | ||
z-index:99; | z-index:99; | ||
− | background: | + | background: black; |
text-align: center; | text-align: center; | ||
− | |||
} | } | ||
.sf-menu > li > ul > li { width:100%; height: auto; margin: 0; line-height: 30px;} | .sf-menu > li > ul > li { width:100%; height: auto; margin: 0; line-height: 30px;} | ||
Line 151: | Line 150: | ||
-o-transition: color 0.3s ease-out; | -o-transition: color 0.3s ease-out; | ||
-webkit-transition: color 0.3s ease-out; | -webkit-transition: color 0.3s ease-out; | ||
+ | margin: 10px; | ||
} | } | ||
.sf-menu li li a:hover, | .sf-menu li li a:hover, | ||
Line 156: | Line 156: | ||
.sf-menu li li:hover span, | .sf-menu li li:hover span, | ||
.sf-menu li.sfHover li.sfHover span { | .sf-menu li.sfHover li.sfHover span { | ||
− | text-decoration: | + | text-decoration: underline; |
− | + | ||
} | } | ||
.sf-menu li li:hover, | .sf-menu li li:hover, | ||
Line 578: | Line 577: | ||
* { -webkit-text-size-adjust: none;} | * { -webkit-text-size-adjust: none;} | ||
− | a { color: inherit; text-decoration: | + | a { color: inherit; text-decoration: underline;} |
a:hover { text-decoration: none;} | a:hover { text-decoration: none;} | ||
a[href^="tel:"] {color: inherit;text-decoration:none;} | a[href^="tel:"] {color: inherit;text-decoration:none;} | ||
Line 586: | Line 585: | ||
ul li a { transition: all 0.4s ease;} | ul li a { transition: all 0.4s ease;} | ||
− | h1, h2, h3, h4, h5, h6 { font- | + | h1, h2, h3, h4, h5, h6 { font-family: "Raleway", Arial; font-weight: normal; text-transform: uppercase;} |
h1 { } | h1 { } | ||
h2 { font-size: 32px; line-height: 34px; color: #6b460a; padding-top: 55px; padding-bottom: 15px;} | h2 { font-size: 32px; line-height: 34px; color: #6b460a; padding-top: 55px; padding-bottom: 15px;} | ||
Line 626: | Line 625: | ||
font-size: 24px; | font-size: 24px; | ||
line-height: 24px; | line-height: 24px; | ||
− | |||
color: #f35c1a; | color: #f35c1a; | ||
transition: all .4s ease; | transition: all .4s ease; | ||
Line 640: | Line 638: | ||
height: 45px; | height: 45px; | ||
line-height: 45px; | line-height: 45px; | ||
− | |||
text-transform: uppercase; | text-transform: uppercase; | ||
font-size: 22px; | font-size: 22px; | ||
Line 678: | Line 675: | ||
transition: all 0.4s ease; | transition: all 0.4s ease; | ||
line-height: 22px; | line-height: 22px; | ||
− | |||
text-transform: uppercase; | text-transform: uppercase; | ||
font-size: 22px; | font-size: 22px; | ||
Line 781: | Line 777: | ||
.page-1 .img-ind {float: left; margin-right: 41px; margin-top: 2px;} | .page-1 .img-ind {float: left; margin-right: 41px; margin-top: 2px;} | ||
− | |||
− | |||
h1 { text-align: center;} | h1 { text-align: center;} | ||
Line 807: | Line 801: | ||
float: left; | float: left; | ||
color: #fff; | color: #fff; | ||
− | |||
font-size: 55px; | font-size: 55px; | ||
line-height: 65px; | line-height: 65px; |
Latest revision as of 03:27, 19 September 2015