Difference between revisions of "Team:British Columbia/Test/Custom CSS"

Line 1: Line 1:
−
<html lang="en">
+
<html>
−
  <head>
+
<head>
−
<!-- Latest compiled and minified CSS -->
+
−
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
+
  
−
<!-- Optional theme -->
+
<!-- NOTE TO THE USER: This is where all the CSS information is stored -->
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
+
  
−
<!-- Latest compiled and minified JavaScript -->
 
−
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
 
  
 +
<!-- ========================== Google Fonts ========================== -->
 +
<link href='http://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  
 +
 +
<!-- ========================= MathJax (LaTeX for the web) ================== -->
 +
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
 +
 +
 +
<!-- ============== ie9.js (fixes all Internet Explorer browsers older than ie9) =========== -->
 +
<!--[if lt IE 9]>
 +
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
 +
<![endif]-->
 +
 +
 +
 +
<!-- ========================= Bootstrap core CSS ======================== -->
 +
<link href="https://2014.igem.org/Team:British_Columbia/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
 +
 +
<!-- ====================== Bootstrap custom styles for this template ==================== -->
 +
<link href="https://2014.igem.org/Team:British_Columbia/offcanvas.css?action=raw&ctype=text/css" rel="stylesheet">
 +
 +
<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 ===================== -->
 +
<!-- Placed at the end of the document so the pages load faster -->
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js?action=raw"></script>
 +
<script src="https://2014.igem.org/Team:British_Columbia/bootstrap.js?action=raw"></script>
 +
 +
 +
 +
</head>
 
</html>
 
</html>

Revision as of 20:15, 30 March 2015

2014 UBC iGEM