"
Team:British Columbia/Test/Custom CSS
From 2014.igem.org
(Difference between revisions)
| (40 intermediate revisions not shown) | |||
| Line 7: | Line 7: | ||
<!-- ========================== Google Fonts ========================== --> | <!-- ========================== Google Fonts ========================== --> | ||
<link href='http://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'> | ||
| - | <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'> | + | <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'> |
| Line 33: | Line 33: | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | |||
| + | |||
| + | |||
#center_welcome{ | #center_welcome{ | ||
| Line 59: | Line 62: | ||
p { | p { | ||
font-family: 'PT Sans', sans-serif; | font-family: 'PT Sans', sans-serif; | ||
| - | font-size: | + | font-size: 110%; |
} | } | ||
| Line 68: | Line 71: | ||
header { | header { | ||
| - | + | background-image: url('https://static.igem.org/mediawiki/2014/b/b9/Banner-01.png'); | |
| - | + | background-repeat: no-repeat; | |
| - | + | background-position: 50% 50%; | |
| - | + | background-size: 2200px; | |
| - | + | height: 200px; | |
} | } | ||
| - | + | ||
svg { | svg { | ||
| Line 82: | Line 85: | ||
img#sponsor_platinum{ | img#sponsor_platinum{ | ||
| - | width: | + | width: 500px; |
height: auto; | height: auto; | ||
} | } | ||
img#sponsor_gold{ | img#sponsor_gold{ | ||
| - | width: | + | width: 400px; |
height: auto; | height: auto; | ||
} | } | ||
img#sponsor_silver{ | img#sponsor_silver{ | ||
| - | width: | + | width: 250px; |
height: auto; | height: auto; | ||
} | } | ||
| Line 101: | Line 104: | ||
margin-right: auto; | margin-right: auto; | ||
} | } | ||
| + | |||
| + | #welcome { | ||
| + | display: inline-block; | ||
| + | vertical-align: middle; | ||
| + | float: none; | ||
| + | } | ||
| + | |||
| + | .vertical-align { | ||
| + | display: flex; | ||
| + | align-items: center; | ||
| + | } | ||
| + | |||
| + | |||
| + | .scrollup { | ||
| + | width: 40px; | ||
| + | height: 40px; | ||
| + | position: fixed; | ||
| + | bottom: 50px; | ||
| + | right: 50px; | ||
| + | float: right; | ||
| + | } | ||
| + | |||
| + | .scrollup:hover{ | ||
| + | opacity: 0.4; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
Latest revision as of 20:39, 30 March 2015
