Team:British Columbia/Test/Custom CSS

From 2014.igem.org

(Difference between revisions)
(Undo revision 368335 by JRound (talk))
(Undo revision 406341 by JRound (talk))
 
(62 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 27: Line 27:
<!-- ====================== Bootstrap custom styles for this template ==================== -->
<!-- ====================== Bootstrap custom styles for this template ==================== -->
<link href="https://2014.igem.org/Team:British_Columbia/offcanvas.css?action=raw&ctype=text/css" rel="stylesheet">
<link href="https://2014.igem.org/Team:British_Columbia/offcanvas.css?action=raw&ctype=text/css" rel="stylesheet">
-
 
-
<!-- ================= From SDU-Denmark: Remove all empty <p> tags ============== -->
 
-
<script type="text/javascript">
 
-
    $(document).ready(function() {
 
-
        $("p").filter( function() {
 
-
            return $.trim($(this).html()) == '';
 
-
        }).remove()
 
-
    });
 
-
</script>
 
<title>2014 UBC iGEM</title>
<title>2014 UBC iGEM</title>
Line 42: Line 33:
<style type="text/css">
<style type="text/css">
 +
 +
 +
 +
 +
#center_welcome{
 +
    top: 50%;
 +
}
 +
 +
#top-section {
 +
    width: 100%;
 +
    margin-left: 0px;
 +
    left: 0px;
 +
}
 +
.firstHeading {
.firstHeading {
       display:none;
       display:none;
Line 57: Line 62:
p {
p {
       font-family: 'PT Sans', sans-serif;
       font-family: 'PT Sans', sans-serif;
-
       font-size: 100%;
+
       font-size: 110%;
}
}
Line 66: Line 71:
header {
header {
-
    background-image: url('https://static.igem.org/mediawiki/2014/b/b9/Banner-01.png');
+
background-image: url('https://static.igem.org/mediawiki/2014/b/b9/Banner-01.png');
-
    height: 600px;
+
background-repeat: no-repeat;
-
background-size: cover;
+
background-position: 50% 50%;
-
background-position: 10% 16%;
+
background-size: 2200px;
-
height: 300px;
+
height: 200px;
-
        min-width:600px;
+
-
    max-width: 100%;
+
-
    height: auto;
+
-
    width: auto\9;  
+
}
}
-
}
+
 
svg {
svg {
Line 84: Line 85:
img#sponsor_platinum{
img#sponsor_platinum{
-
     width: 400px;
+
     width: 500px;
     height: auto;
     height: auto;
}
}
img#sponsor_gold{
img#sponsor_gold{
-
     width: 250px;
+
     width: 400px;
     height: auto;
     height: auto;
}
}
img#sponsor_silver{
img#sponsor_silver{
-
     width: 100px;
+
     width: 250px;
     height: auto;
     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>
</style>
Line 103: Line 136:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js?action=raw"></script>
<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>
<script src="https://2014.igem.org/Team:British_Columbia/bootstrap.js?action=raw"></script>
 +
 +
</head>
</head>
</html>
</html>

Latest revision as of 20:39, 30 March 2015

2014 UBC iGEM

Retrieved from "http://2014.igem.org/Team:British_Columbia/Test/Custom_CSS"