Template:Team:BostonU/CSS
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
- | |||
<head> | <head> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
Line 108: | Line 106: | ||
body { | body { | ||
color: #353535; | color: #353535; | ||
- | font: 14px/ | + | font: 14px/23px proxima-nova-alt, "Proxima Nova Alt", sans-serif; |
text-align:center; | text-align:center; | ||
} | } | ||
Line 202: | Line 200: | ||
ul#nav { | ul#nav { | ||
- | width: | + | width:90%; |
top:100px; | top:100px; | ||
left:60px; | left:60px; | ||
Line 212: | Line 210: | ||
color: #FFF; | color: #FFF; | ||
background-color:none; | background-color:none; | ||
- | margin: 0 | + | margin: 0 50px 0 0; |
float: left; | float: left; | ||
position: relative; | position: relative; | ||
Line 223: | Line 221: | ||
#nav a { | #nav a { | ||
font-family:bree-web, Bree, sans-serif; | font-family:bree-web, Bree, sans-serif; | ||
- | font-size: | + | font-size:12pt; |
- | font-weight: | + | font-weight:700; |
line-height:210%; | line-height:210%; | ||
color: inherit; | color: inherit; | ||
Line 234: | Line 232: | ||
ul#nav > li > a { | ul#nav > li > a { | ||
- | line-height: | + | line-height:12px; |
border-left:solid 3px #bbb; | border-left:solid 3px #bbb; | ||
- | padding:0 | + | padding:0 0 0 15px; |
} | } | ||
Line 268: | Line 266: | ||
#nav li:hover > ul { | #nav li:hover > ul { | ||
/*display: block;*/ | /*display: block;*/ | ||
- | opacity: | + | opacity:1; |
margin:0; | margin:0; | ||
background-color: none; | background-color: none; | ||
Line 338: | Line 336: | ||
width:400px; | width:400px; | ||
height:500px; | height:500px; | ||
- | top:calc(50%- | + | top: calc(50% - 300px); |
z-index:10; | z-index:10; | ||
} | } | ||
.banner { | .banner { | ||
- | + | background-image:url(https://static.igem.org/mediawiki/2014/0/03/Boston1_bu14.jpg); | |
+ | background-size:cover; | ||
+ | position: absolute; | ||
top:100px; | top:100px; | ||
- | width:100%; | + | width: 100%; |
height:100%; | height:100%; | ||
overflow: auto; | overflow: auto; | ||
+ | font-size: 18px; | ||
text-align: center; | text-align: center; | ||
color: rgba(255,255,255,.6); | color: rgba(255,255,255,.6); | ||
text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); | text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); | ||
- | + | ||
box-shadow: 0 1px 2px rgba(0,0,0,.25); | box-shadow: 0 1px 2px rgba(0,0,0,.25); | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
.wrap { | .wrap { | ||
margin: 0 auto; | margin: 0 auto; | ||
width: 960px; | width: 960px; | ||
} | } | ||
- | |||
.anchor{ | .anchor{ | ||
Line 511: | Line 417: | ||
} | } | ||
- | .banner | + | .banner header1, .banner header2 { |
font-size: 24px; | font-size: 24px; | ||
line-height: 30px; | line-height: 30px; |
Revision as of 18:13, 25 July 2014