Team:British Columbia/Test/Custom CSS
From 2014.igem.org
(Difference between revisions)
Line 30: | Line 30: | ||
<title>2014 UBC iGEM</title> | <title>2014 UBC iGEM</title> | ||
+ | <!-- ================ CUSTOM CSS ===================================== --> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #center_welcome{ | ||
+ | top: 50%; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | width: 100%; | ||
+ | margin-left: 0px; | ||
+ | left: 0px; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .panel-default { | ||
+ | border-color: transparent; | ||
+ | } | ||
+ | |||
+ | #ubc_igem_logo { | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | font-family: 'PT Sans', sans-serif; | ||
+ | font-size: 110%; | ||
+ | } | ||
+ | |||
+ | body{ | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | 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 { | ||
+ | height: 200px; | ||
+ | } | ||
+ | |||
+ | img#sponsor_platinum{ | ||
+ | width: 500px; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | img#sponsor_gold{ | ||
+ | width: 400px; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | img#sponsor_silver{ | ||
+ | width: 250px; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | center-block { | ||
+ | display: block; | ||
+ | margin-left: 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> | ||
<!-- ========================= Bootstrap core JavaScript ===================== --> | <!-- ========================= Bootstrap core JavaScript ===================== --> |
Latest revision as of 20:39, 30 March 2015