Difference between revisions of "Template:London Biohackspace"
| (27 intermediate revisions by 3 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 595: | Line 594: | ||
.title-1 { | .title-1 { | ||
| − | background: # | + | background: #67C3CF; |
| − | color: # | + | color: #000000; |
font-size: 20px; | font-size: 20px; | ||
line-height: 32px; | line-height: 32px; | ||
| Line 604: | Line 603: | ||
margin-bottom: 29px; | margin-bottom: 29px; | ||
} | } | ||
| − | .title-1. | + | .title-1.lenablue { background: #67C3CF;} |
| − | .title-1. | + | .title-1.lenablue { background: #67C3CF;} |
| − | .title-1. | + | .title-1.lenablue { background: #67C3CF;} |
.title-2 { font-family: 'Stint Ultra Condensed', cursive; font-size: 80px; line-height: 1em; text-transform: uppercase; color: #6b460a; padding-top: 46px;} | .title-2 { font-family: 'Stint Ultra Condensed', cursive; font-size: 80px; line-height: 1em; text-transform: uppercase; color: #6b460a; padding-top: 46px;} | ||
| − | .text-1 { font-family: 'Open Sans', sans-serif; color: # | + | .text-1 { font-family: 'Open Sans', sans-serif; color: #000000; text-transform: uppercase; font-size: 11px; line-height: 22px;} |
.text-2 { } | .text-2 { } | ||
.text-3 { } | .text-3 { } | ||
| 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 649: | Line 646: | ||
-o-border-radius: 2px; | -o-border-radius: 2px; | ||
border-radius: 2px; | border-radius: 2px; | ||
| − | color: # | + | color: #808080; |
margin-top: 23px; | margin-top: 23px; | ||
} | } | ||
| − | .btn:hover { background: # | + | .btn:hover { background: #fff;} |
.btn-1 { | .btn-1 { | ||
display: inline-block; | display: inline-block; | ||
| Line 658: | Line 655: | ||
vertical-align: middle; | vertical-align: middle; | ||
transition: all 0.4s ease; | transition: all 0.4s ease; | ||
| − | background: | + | background: #fff; |
height: 45px; | height: 45px; | ||
line-height: 45px; | line-height: 45px; | ||
| − | font-family: ' | + | font-family: 'Arial', cursive; |
| − | + | ||
font-size: 15px; | font-size: 15px; | ||
padding: 0 20px; | padding: 0 20px; | ||
| − | + | color: #808080; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | color: # | + | |
margin-top: 23px; | margin-top: 23px; | ||
} | } | ||
| − | .btn-1:hover { | + | .btn-1:hover { text-decoration:underline;} |
| − | .btn-1:visited { color: | + | .btn-1:visited { color: #808080;} |
.btn-2:visited { color: #be7d25;} | .btn-2:visited { color: #be7d25;} | ||
| Line 685: | 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 752: | Line 741: | ||
.bg-1 { display: none;} | .bg-1 { display: none;} | ||
| − | .bg-2 { background: | + | .bg-2 { background-colour:#000000 0 0 repeat; padding-bottom: 20px;} |
.bord-1 { position: relative;} | .bord-1 { position: relative;} | ||
| Line 788: | 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 814: | 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