Difference between revisions of "Template:CCA SanDiego"

 
(40 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Team:CCA_SanDiego}}
 
 
<html>
 
<html>
 
<head>
 
<head>
−
    <!-- Start of CSS-->
+
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
−
        <style type="text/css">.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width:400px){.container{width:85%;padding:0}}@media (min-width:550px){.container{width:80%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media (min-width:550px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1EAEDB}a:hover{color:#0FA0CE}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border:1px solid #33C3F0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.button,button{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}
+
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
−
        /style>
+
<script src="https://static.igem.org/mediawiki/2015/4/47/Cca_sanDiego_bootstrap.txt"></script>
−
    <!-- End of CSS -->
+
<style>
−
</head>
+
body{font-family:courier}
−
<body>
+
</style>
−
        <!-- Start of the template html elements. -->
+
<script>
−
        <div class="container">
+
−
            <div class="row">
+
−
                    <!-- Start of menu -->
+
−
                    <div class="two columns" id="menuContainer">
+
−
                        <!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
−
                        <ul>
+
−
                            <a href="https://2015.igem.org/Team:CCA_SanDiego"><li>HOME</li></a>
+
  
−
                            <a href="https://2015.igem.org/Team:CCA_SanDiego/Team"><li>TEAM</li></a>
 
  
−
                            <a href="#"><li>PROJECT
+
$(document).ready(function(){
−
                                        <ul>
+
$(".firstHeading").remove();
−
                                    <a href="https://2015.igem.org/Team:CCA_SanDiego/Description"><li>Description</li></a>
+
// navigation click actions   
−
                                    <a href="https://2015.igem.org/Team:CCA_SanDiego/Experiments"><li>Experiments &amp; Protocols</li></a> 
+
}
−
                                    <a href="https://2015.igem.org/Team:CCA_SanDiego/Results"><li>Results</li></a> 
+
);
−
                                    <a href="https://2015.igem.org/Team:CCA_SanDiego/Design"><li>Design</li></a>
+
−
                                </ul>
+
−
                            </li></a>
+
  
−
                            <a href="#"><li>PARTS
+
</script>
−
                                        <ul>
+
<style>
−
                                    <a href="https://2015.igem.org/Team:CCA_SanDiego/Parts"><li>Team Parts</li></a>
+
#content{
−
                                    <a href="https://2015.igem.org/Team:CCA_SanDiego/Basic_Part"><li>Basic Parts</li></a> 
+
width:100%
−
                                    <a href="https://2015.igem.org/Team:CCA_SanDiego/Composite_Part"><li>Composite Parts</li></a>
+
}
−
                                    <a href="https://2015.igem.org/Team:CCA_SanDiego/Part_Collection"><li>Part Collection</li></a>
+
#bodyContent{
−
                                </ul>
+
width:100%
−
                            </li></a>
+
}
−
 
+
</style>
−
                            <a href="https://2015.igem.org/Team:CCA_SanDiego/Notebook"><li>NOTEBOOK</li></a>
+
</head>
−
             
+
<body>
−
                            <a href="https://2015.igem.org/Team:CCA_SanDiego/Attributions"><li>ATTRIBUTIONS</li></a>
+
<div id ="mainContainer" class="container">
−
 
+
    <div class="row">
−
                            <a href="https://2015.igem.org/Team:CCA_SanDiego/Collaborations"><li>COLLABORATIONS</li></a>
+
        <div class="twelve columns">
−
 
+
            <nav class="navbar navbar-default navbar-fixed-top">
−
                            <a href="https://2015.igem.org/Team:CCA_SanDiego/Practices"><li>HUMAN PRACTICES</li></a>
+
                <div class="container">
−
 
+
                    <div class="navbar-header">
−
                            <a href="https://2015.igem.org/Team:CCA_SanDiego/Safety"><li>SAFETY</li></a>
+
                        <a class="navbar-brand" href="https://2015.igem.org/Team:CCA_SanDiego">CCA San Diego iGEM</a>
−
 
+
−
                            <a href="https://2015.igem.org/Team:CCA_SanDiego/Modeling"><li>MODELING</li></a>
+
−
 
+
−
                            <a href="https://2015.igem.org/Team:CCA_SanDiego/Measurement"><li>MEASUREMENT</li></a>
+
−
 
+
−
                            <a href="https://2015.igem.org/Team:CCA_SanDiego/Software"><li>SOFTWARE</li></a>
+
−
 
+
−
                            <a href="https://2015.igem.org/Team:CCA_SanDiego/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
+
−
                        </ul>
+
 
                     </div>
 
                     </div>
−
                    <!-- End of menu  -->
+
                        <div>
−
                    <div class="ten columns">
+
                        <ul class="nav navbar-nav ">       
−
                    content goes here
+
<li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2015.igem.org/Team:CCA_SanDiego/Project#introduction">Introduction</a></li>
 +
<li><a href="https://2015.igem.org/Team:CCA_SanDiego/Project#methods">Methods</a></li>
 +
<li><a href="https://2015.igem.org/Team:CCA_SanDiego/Project#results">Results</a></li>
 +
          </ul>
 +
        </li>
 +
                            <li><a href="https://2015.igem.org/Team:CCA_SanDiego/Team">Team</a></li>
 +
                            <li><a href="https://2015.igem.org/Team:CCA_SanDiego/Notebook">Notebook</a></li>
 +
                            <li><a href="https://2015.igem.org/Team:CCA_SanDiego/Attributions">Attributions</a></li>
 +
                            <li><a href="https://2015.igem.org/Team:CCA_SanDiego/HumanPractice">Human Practices</a></li>
 +
                        </ul>
 
                     </div>
 
                     </div>
−
            </div>
+
                </div>
 +
            </nav>
 
         </div>
 
         </div>
 +
    </div>
 +
    <div class="row">
 +
        <!-- Start of content -->
 +
        <div id="contentContainer" class="twelve columns">
 +
        <!-- PUT YOUR CONTENT HERE -->
 +
 +
        <!-- END OF CONTENT -->
 +
        </div>
 +
    </div>
 +
</div>
 
</body>
 
</body>
−
 
 
</html>
 
</html>

Latest revision as of 23:34, 17 September 2015