|
|
(34 intermediate revisions by 3 users not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
| <head> | | <head> |
− | <style type="text/css"> | + | <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> |
| + | <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css"> |
| + | <script src="https://static.igem.org/mediawiki/2015/4/47/Cca_sanDiego_bootstrap.txt"></script> |
| + | <style> |
| + | body{font-family:courier} |
| + | </style> |
| + | <script> |
| | | |
− | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
| |
| | | |
− | .firstHeading { | + | $(document).ready(function(){ |
− | width: 975px;
| + | $(".firstHeading").remove(); |
− | margin: 0px auto;
| + | // navigation click actions |
− | padding-top: 100px;
| + | |
− | margin-bottom: 20px;
| + | |
− | font-family: Georgia, Times, "Times New Roman", serif;
| + | |
| } | | } |
| + | ); |
| | | |
− | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
| + | </script> |
− | | + | <style> |
− | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | + | #content{ |
− | background-color: #383838;
| + | width:100% |
− | border: 0 none;
| + | |
− | height: 14px;
| + | |
− | z-index: 100;
| + | |
− | top: 0;
| + | |
− | position: fixed;
| + | |
− | width: 975px;
| + | |
− | left: 50%;
| + | |
− | margin-left: -487px;
| + | |
| } | | } |
− | | + | #bodyContent{ |
− | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/ | + | width:100% |
− | background-color: #383838;
| + | |
− | height: 14px;
| + | |
− | display: block;
| + | |
− | z-index: 10;
| + | |
− | position: fixed;
| + | |
− | width: 100%;
| + | |
− | top: 0;
| + | |
| } | | } |
− |
| |
− | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
| |
− | color: #727272;
| |
− | text-decoration: none;
| |
− | background-color: transparent;
| |
− | }
| |
− |
| |
− | body {
| |
− | background-color: #fff;
| |
− | }
| |
− |
| |
− | #globalWrapper, #content { /*-- changes default wiki settings --*/
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | border: 0px;
| |
− | background-color: transparent;
| |
− | margin: 0px;
| |
− | padding: 0px;
| |
− | }
| |
− |
| |
− | html, body, .wrapper { /*-- changes default wiki settings --*/
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | background-color: transparent;
| |
− | }
| |
− |
| |
− | #contentcontainer { /*-- creates container for all content on page --*/
| |
− | font-family: Arial, Helvetica, sans-serif;
| |
− | font-weight: normal;
| |
− | font-size: 14px;
| |
− | color: #414141;
| |
− | width: 960px;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | background-color: #transparent;
| |
− | margin-top: 0px;
| |
− | }
| |
− |
| |
− | .sidemenu, .sidemenu li {
| |
− | list-style-type: none;
| |
− | list-style-image: none;
| |
− | font-family: verdana;
| |
− | text-decoration: none;
| |
− | color:#000;
| |
− | font-size: 14px;
| |
− | }
| |
− |
| |
− | .sidemenu li {display: block;}
| |
− |
| |
− | .sidemenu a {
| |
− | text-decoration:none;
| |
− | color: #000;
| |
− | display: block;
| |
− | width: 180px;
| |
− | height: 100%;
| |
− | padding: 3px 5px;
| |
− | transition: .25s ease-in-out;
| |
− | -moz-transition: .25s ease-in-out;
| |
− | -webkit-transition: .25s ease-in-out;
| |
− | }
| |
− |
| |
− | .sidemenu a.greyout { color: #909090; }
| |
− |
| |
− | .sidemenu a:hover {
| |
− | color:#666;
| |
− | background-color: #d9f5aa;
| |
− | }
| |
− |
| |
− | .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
| |
− | .sub-sidemenu a {color: #666;}
| |
− |
| |
− | div.underconst
| |
− | {
| |
− | padding:10px;
| |
− | border-radius:5px;
| |
− | background-color:pink;
| |
− | text-align:center;
| |
− | }
| |
− |
| |
− | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
| |
− |
| |
− | .contentpara {margin-bottom: 30px;}
| |
− |
| |
− | span.email{font-family: monospace; font-weight: normal;}
| |
− |
| |
− | fieldset {border: 1px solid #337f53;}
| |
− |
| |
− | .greyout {color: #A0A0A0;}
| |
− | .highlightme {background-color: #FFFF00;}
| |
− |
| |
− | #alertContainer { margin-bottom: 10px; width: 936px;}
| |
− | #annContainer {margin-left: 8px;}
| |
− | #newsContainer {border: 1px solid #ccc;}
| |
− |
| |
− | .newsTitle {
| |
− | display: block;
| |
− | color: #414141;
| |
− | font-size: 25px;
| |
− | font-family: Georgia, Times, "Times New Roman", serif;
| |
− | padding: 10px 15px 5px 10px;
| |
− | border-bottom: 1px solid #ccc;
| |
− | margin-bottom: 0px;
| |
− | }
| |
− |
| |
− | .newsItem {
| |
− | border-bottom: 1px solid #ccc;
| |
− | display: block;
| |
− | padding: 5px 15px 0px 10px;
| |
− | margin-bottom: 0px;
| |
− | }
| |
− |
| |
− | .newsItem h3 {
| |
− | width: auto;
| |
− | display: inline;
| |
− | font-size: 14px;
| |
− | font-family: Arial, Helvetica, sans-serif;
| |
− | padding: 0px;
| |
− | margin: 0px;
| |
− | }
| |
− |
| |
− | .newsItem img {
| |
− | float: right;
| |
− | clear: right;
| |
− | width: 80px;
| |
− | padding-left: 15px;
| |
− | display: inline-block;
| |
− | }
| |
− |
| |
− | .newsItem .newsDate {
| |
− | font-style: italic;
| |
− | font-size: 14px;
| |
− | display: inline-block;
| |
− | color: #999;
| |
− | float: right;
| |
− | padding: 0px 0px 10px 15px;
| |
− | }
| |
− |
| |
− | .newsItem p, .newsItem ul, .newsItem li {
| |
− | padding: 0px;
| |
− | margin-left: 20px;
| |
− | font-size: 12px;
| |
− | line-height: 1.2;
| |
− | }
| |
− |
| |
− | .newsItem p {margin-top: 10px;}
| |
− |
| |
− | .annItem {
| |
− | border: 2px solid #414141;
| |
− | display: block;
| |
− | padding: 0px 15px 10px 10px;
| |
− | margin-bottom: 18px;
| |
− | position: relative;
| |
− | height: 160px;
| |
− | vertical-align: middle;
| |
− | }
| |
− |
| |
− | .annItem .annCentered {
| |
− | display: table-cell;
| |
− | vertical-align: middle;
| |
− | height: 160px;
| |
− | }
| |
− |
| |
− | .annCentered h3 {
| |
− | padding: 0px;
| |
− | display: block;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .annItem ul, .annItem li {padding: 0px; margin: 0px;}
| |
− | .annItem li {list-style: none; margin: 5px}
| |
− |
| |
− |
| |
− |
| |
| </style> | | </style> |
− | </style> | + | </head> |
− | | + | <body> |
− | | + | <div id ="mainContainer" class="container"> |
| + | <div class="row"> |
| + | <div class="twelve columns"> |
| + | <nav class="navbar navbar-default navbar-fixed-top"> |
| + | <div class="container"> |
| + | <div class="navbar-header"> |
| + | <a class="navbar-brand" href="https://2015.igem.org/Team:CCA_SanDiego">CCA San Diego iGEM</a> |
| + | </div> |
| + | <div> |
| + | <ul class="nav navbar-nav "> |
| + | <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> |
| + | </nav> |
| + | </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> |
| </html> | | </html> |