Difference between revisions of "Team:UCSC/Breakdown"

Line 1: Line 1:
 
<html>
 
<html>
−
 
 
<head>
 
<head>
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 +
<!-- Bootstrap CSS -->
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
−
   <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
+
   <link rel="stylesheet" href="https://2015.igem.org/Template:UCSC/CSS?action=raw&ctype=text/css">
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
  <script src="https://2015.igem.org/Template:UCSC/Javascript?action=raw&ctype=text/javascript"></script>
−
   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+
   <script src="https://2015.igem.org/Template:UCSC/Bootstrap_Javascript?action=raw&ctype=text/javascript"></script>
 
<style>
 
<style>
 +
 
body{padding-bottom: 70px;}
 
body{padding-bottom: 70px;}
 +
 +
.navbar-nav > li{
 +
  padding-top: 5px;
 +
  padding-left:30px;
 +
  padding-right:30px;
 +
}
 +
 +
.navbar .navbar-nav {
 +
    display: inline-block;
 +
    float: none;
 +
}
 +
 +
.navbar .navbar-collapse {
 +
    text-align: center;
 +
}
 +
.bernick a:hover { color: #CCAC00;}
 +
 +
.foot a:link{ color: black;}
 +
 +
.foot a:visited{ color: black;}
 +
 +
.foot a:hover { color: #CCAC00;}
 +
 +
.bernick_swag a:link{ color: #8798b2; font-family:  Calibri, Helvetica; Arial font-size: 13px;}
 +
 +
.bernick_swag a:visited{ color: #8798b2; font-family: Calibri, Helvetica; Arial font-size: 13px;}
 +
 +
.bernick_swag a:hover { color: #DAA520; font-family:  Calibri, Helvetica; Arial font-size: 13px;}
 +
 +
img {
 +
max-width: 100%;
 +
height: auto;
 +
width: auto\9; /* ie8 */
 +
}
 +
 +
 +
#salt {width: 100%;
 +
      position: relative;
 +
      top: -35px;}
 +
  
 
div.classname a:hover {
 
div.classname a:hover {
Line 15: Line 56:
 
}
 
}
  
−
a.steve:hover{
+
 
−
color: #ff0000;}
+
  
 
.gear {
 
.gear {
Line 25: Line 65:
 
     animation:spin 4s linear infinite;
 
     animation:spin 4s linear infinite;
 
}
 
}
 +
 
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
 
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
 
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
 
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
Line 32: Line 73:
 
font-family: calibri, helvetica, arial;
 
font-family: calibri, helvetica, arial;
 
font-size: 16px;}
 
font-size: 16px;}
 +
 +
ul#menu li {
 +
    display:inline;
 +
}
  
 
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 
     display:none;}
 
     display:none;}
 +
  
 
#top-section {
 
#top-section {
Line 41: Line 87:
 
     width: 100%;
 
     width: 100%;
 
     padding-left: 0px;}
 
     padding-left: 0px;}
 +
  
 
#content {
 
#content {
Line 46: Line 93:
 
     width: 100%;
 
     width: 100%;
 
     padding: 0px;}
 
     padding: 0px;}
 +
  
 
#our_content {
 
#our_content {
Line 62: Line 110:
 
         font-size: 12px;
 
         font-size: 12px;
 
         font-family: Calibri, Helvetica; Arial;}
 
         font-family: Calibri, Helvetica; Arial;}
 +
 +
 +
 +
}
 +
 +
@media screen and (max-width: 1280px) {
 +
 +
.gear {width: 10%; height: 10%;}
 +
 +
#salt {width: 100%}
 +
 +
#our_content {
 +
width: 100%;
 +
}
 +
 +
#top-section {
 +
width: 100%;
 +
}
 +
 +
#content {width: 100%;}
 +
 +
#foot {width: 100%}
 +
 +
 +
}
 +
 +
@media screen and (max-width: 1024px) {
 +
 +
#salt {width: 100%}
 +
 +
#our_content {
 +
width: 100%;
 +
}
 +
 +
#top-section {
 +
width: 100%;
 +
}
 +
 +
#content {width: 100%;}
 +
 +
#foot {width: 100%}
 +
 +
.gear {width: 10%; height: 10%;}
 +
 +
}
 +
@media screen and (max-width: 980px) {
 +
 +
#salt {width: 100%}
 +
#our_content {
 +
width: 100%;
 +
}
 +
 +
#top-section {
 +
width: 100%;
 +
}
 +
 +
#content {width: 100%;}
 +
 +
#foot {width: 100%}
 +
 +
.gear {width: 10%; height: 10%;}
 +
}
 +
 +
@media screen and (max-width: 650px) {
 +
 +
#salt {width: 100%}
 +
 +
#our_content {
 +
width: 100%;
 +
}
 +
 +
#top-section {
 +
width: 100%;
 +
}
 +
 +
#content {width: 100%;}
 +
 +
#foot {width: 100%}
 +
 +
.gear {width: 10%; height: 10%;}
 +
 +
}
 +
 +
 +
 
</style>
 
</style>
  
Line 73: Line 206:
 
<body>
 
<body>
  
−
<nav class="navbar navbar-inverse navbar-fixed-top" style="position:relative; top: -10px; " >
+
<nav class="navbar navbar-fixed-top" style="position:relative; top: -10px; background-color: #E5E4E2; text-align:center;" >
−
   <div  class="container-fluid">
+
   <div  class="container-fluid" >
−
     <div class="navbar-header">
+
     <div class="navbar-header" >
−
       <a class="navbar-brand" href="https://2015.igem.org/Team:UCSC">UCSC iGEM</a>
+
       <a class="navbar-brand" href="#"></a>
 
     </div>
 
     </div>
 
     <div>
 
     <div>
−
       <ul class="nav navbar-nav steve">
+
       <ul class="nav navbar-nav bernick_swag">
−
         <li ><a href="https://2015.igem.org/Team:UCSC">Home</a></li>
+
         <li class="active"><a href="https://2015.igem.org/Team:UCSC">Home</a></li>
−
         <li class="dropdown active""><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team <span class="caret"></span></a>
+
         <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team <span class="caret"></span></a>
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
 
             <li><a href="https://2015.igem.org/Team:UCSC/Captains">The Captains</a></li>
 
             <li><a href="https://2015.igem.org/Team:UCSC/Captains">The Captains</a></li>
Line 111: Line 244:
  
 
<!--First Block -->
 
<!--First Block -->
 +
<div id="salt">
 +
<img src="https://static.igem.org/mediawiki/2015/7/7c/UCSC_Breakdown_Banner.png" />
 +
</div>
 
<div id="our_content" align="center">
 
<div id="our_content" align="center">
−
<img src="https://static.igem.org/mediawiki/2015/7/73/Ucsclogo.png" width="75%" height="75%" />
 
−
 
−
<h1>Breakdown Team</h1>
 
  
 +
 
<p>
 
<p>
−
 
+
Team info...
 
</p>
 
</p>
  
Line 123: Line 257:
 
<br />
 
<br />
  
 +
<div class="classname">
  
−
<br />
+
</div>
−
<br />
+
−
<table class="center">
+
−
<tr>
+
−
   
+
−
    <td><img src="https://static.igem.org/mediawiki/2015/d/d5/Sammy1.jpg" width="350" height="300"></a></td>
+
−
 
+
−
  </tr>
+
−
</table>
+
−
</nav>
+
  
−
<br />
 
−
<br />
 
−
 
−
<br />
 
−
<br />
 
−
 
−
</div>
 
  
  
−
  <!--Footer-->
+
    <!--Footer-->
  
 
<div id="foot" class="center foot">
 
<div id="foot" class="center foot">
Line 164: Line 283:
  
 
</div>
 
</div>
−
</body>
 
−
 
−
</html>
 
−
 
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 18:03, 14 September 2015

Team info...