Difference between revisions of "Template:Team:Harvard BioDesign/CSS"

Line 1: Line 1:
 
<html>
 
<html>
  
−
<script type="text/javascript">
+
    <script type="text/javascript">
−
document.styleSheets[0].disabled = true;
+
        document.styleSheets[0].disabled = true;
−
</script>
+
    </script>
  
−
<!--remove unwanted p tags-->
+
    <!--remove unwanted p tags-->
−
<!-- Remove all empty <p> tags -->
+
    <!-- Remove all empty <p> tags -->
−
<script type="text/javascript">
+
    <script type="text/javascript">
 
         $(document).ready(function() {
 
         $(document).ready(function() {
−
        $("p").filter( function() {
+
            $("p").filter( function() {
−
          return $.trim($(this).html()) == '';
+
            return $.trim($(this).html()) == '';
−
      }).remove()
+
            }).remove()
−
  });
+
        });
−
</script>
+
    </script>
  
−
<!--Fix for internet explorer-->
+
    <!--Fix for internet explorer-->
−
<!-- ie9.js (fixes all Internet Explorer browsers older than ie9) -->
+
    <!-- ie9.js (fixes all Internet Explorer browsers older than ie9) -->
−
<!--[if lt IE 9]>
+
    <!--[if lt IE 9]>
−
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+
    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
−
<![endif]-->
+
    <![endif]-->
  
−
<style type="text/css">
+
    <style type="text/css">
  
−
/* Resizes the menubar to fit the links (default is 400px) */
+
    /* Resizes the menubar to fit the links (default is 400px) */
−
#top_menu_14 {
+
    #top_menu_14 {
 
position: fixed;
 
position: fixed;
 
width: 100%;
 
width: 100%;
Line 53: Line 53:
 
  border: none;
 
  border: none;
 
  font-family: 'helvetica', sans-serif;
 
  font-family: 'helvetica', sans-serif;
−
                        color: transparent;
+
            color: transparent;
−
                        opacity: 0;
+
            opacity: 0;
 
font-size: 12px;
 
font-size: 12px;
 
font-weight: 400;
 
font-weight: 400;
Line 70: Line 70:
 
   font-family: 'helvetica', sans-serif;
 
   font-family: 'helvetica', sans-serif;
 
font-size: 12px;
 
font-size: 12px;
−
                        opacity: 1;
+
            opacity: 1;
 
font-weight: 400;
 
font-weight: 400;
 
}
 
}
Line 77: Line 77:
 
body {  
 
body {  
 
background-color: #77DD77;
 
background-color: #77DD77;
 +
height:100%
 +
    padding-bottom: 100px;
 
}
 
}
  
 
/*Removes Wiki default template*/
 
/*Removes Wiki default template*/
 
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo, .printfooter {
 
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo, .printfooter {
−
    display:none;}
+
    display:none;
 +
    }
 
#top-section {
 
#top-section {
 
   border: none;
 
   border: none;
−
    height: 0px;}
+
    height: 0px;
 +
    }
 
#content {
 
#content {
−
    border: none;
+
    border: none;
−
                        padding-bottom: 75px;
+
            padding-bottom: 75px;
 
       padding-left:20px;
 
       padding-left:20px;
 
       padding-right:20px;
 
       padding-right:20px;
Line 93: Line 97:
 
     }
 
     }
 
#bodyContent {
 
#bodyContent {
−
    border: none;
+
    border: none;
 
       padding-left:20px;
 
       padding-left:20px;
 
       padding-right:20px;
 
       padding-right:20px;
Line 99: Line 103:
 
     }
 
     }
 
     #holder{
 
     #holder{
−
    min-height: 100%;
+
    min-height: 100%;
−
        position:relative;
+
        position:relative;
 
     }
 
     }
−
html,body{
+
html{
−
    height:100%
+
    height:100%
−
    }
+
    }
  
−
    #body{
 
−
            padding-bottom: 100px;
 
−
    }
 
  
−
/*Set up height place holder for the footer*/
+
/*Set up height place holder for the footer*/
−
#footerContainer {
+
#footerContainer {
−
background-color: #000000;
+
background-color: #000000;
−
height: 70px;
+
height: 70px;
−
                                width:100%;
+
            width:100%;
−
text-align: left;
+
    text-align: left;
−
                                margin-right: 0px;
+
            margin-right: 0px;
−
                                margin-left: 0px;
+
            margin-left: 0px;
−
                                padding-top: 0px;
+
            padding-top: 0px;
−
                                font-size: 45px;
+
            font-size: 45px;
−
                                color: #ffffff;
+
            color: #ffffff;
−
        font-variant: small-caps;
+
font-variant: small-caps;
−
        font-family:"Times New Roman";
+
font-family:"Times New Roman";
−
                                position:fixed;  
+
            position:fixed;  
−
                                bottom:0px;
+
            bottom:0px;
−
                                left:0;
+
            left:0;
−
                                right:0;
+
            right:0;
−
                                vertical-align: text-top;
+
            vertical-align: text-top;
−
                                font-weight: 50;
+
            font-weight: 50;
−
                                font-stretch: ultra-condensed;
+
            font-stretch: ultra-condensed;
−
                      }
+
        }
  
−
#facebook{
+
        #facebook{
−
    position:absolute;
+
            position:absolute;
−
    right: 10%;
+
            right: 10%;
−
    top:0;
+
            top:0;
−
}
+
        }
−
#twitter{
+
        #twitter{
−
    position:absolute;
+
            position:absolute;
−
    right: 5%;
+
            right: 5%;
−
    top:0;
+
            top:0;
−
}
+
        }
−
#email{
+
        #email{
−
    position:absolute;
+
            position:absolute;
−
    right: 0;
+
            right: 0;
−
    top:0;
+
            top:0;
−
}
+
        }
−
#logo{
+
        #logo{
−
    position: absolute;
+
            float: right;
−
    bottom: 0;
+
            bottom: 0px;
−
    right: 0;
+
        }
−
}
+
    </style>
−
</style>
+
  
−
<div id="holder">
+
    <div id="holder">
−
<body></body>
+
        <body></body>
  
  
−
<div id="footerContainer">
+
<div id="footerContainer">
−
<div "col-xs-3 col-sm-2 col-lg-2">Sticoli</div>
+
            <div "col-xs-3 col-sm-2 col-lg-2">Sticoli</div>
 +
                <div id="facebook" class="col-xs-3 col-sm-1 col-lg-1">
 +
                    <a href="https://www.facebook.com/harvardigem2015" target="_blank">
 +
                    <img src="https://static.igem.org/mediawiki/2015/e/ed/Harvard2015Facebookwhite.png"alt="Facebook Logo" style="width:68px;height:68px;"></a>
 +
                </div>
  
−
<div id="facebook" class="col-xs-3 col-sm-1 col-lg-1">
+
                <div id="twitter" class="col-xs-3 col-sm-1 col-lg-1">
−
<a href="https://www.facebook.com/harvardigem2015" target="_blank">
+
                    <a href="https://twitter.com/HarvardiGEM2015" target="_blank">
−
<img src="https://static.igem.org/mediawiki/2015/e/ed/Harvard2015Facebookwhite.png"alt="Facebook Logo" style="width:68px;height:68px;"></a>
+
                    <img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:68px;height:68px;"></a>
−
</div>
+
                </div>
  
−
<div id="twitter" class="col-xs-3 col-sm-1 col-lg-1">
+
                <div id="email" class="col-xs-3 col-sm-1 col-lg-1">
−
<a href="https://twitter.com/HarvardiGEM2015" target="_blank">
+
                    <a href="mailto:harvardigem2015@gmail.com">
−
<img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:68px;height:68px;"></a>
+
                    <img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:68px;height:68px;"></a>
−
</div>
+
                </div>
−
 
+
               
−
<div id="email" class="col-xs-3 col-sm-1 col-lg-1">
+
−
<a href="mailto:harvardigem2015@gmail.com">
+
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:68px;height:68px;"></a>
+
−
</div>
+
 
</div>
 
</div>
  
−
<div id="logo">
+
            <div id="logo">
−
<img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:317px;height:216px;">
+
                <img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:317px;height:216px;">
−
</div>
+
            </div>
−
 
+
    </div>
−
 
+
    </div>
−
</div>
+
  
 
</html>
 
</html>

Revision as of 16:36, 6 July 2015

Sticoli