|
|
| Line 30: |
Line 30: |
| | <!-- OTHER STRUCTURAL CODE GOES BELOW HERE --> | | <!-- OTHER STRUCTURAL CODE GOES BELOW HERE --> |
| | <h1>House of Carbs: The Project</h1> | | <h1>House of Carbs: The Project</h1> |
| − | <div class="nav-wrapper"> | + | <div id="tabs-wrapper"> |
| − | <ul class="nav nav-tabs"> | + | <div class="container"> |
| − | <li class="active"><a href="overview">Project Overview</a></li>
| + | <div class="tab"> |
| − | <li><a href="background">Background</a></li>
| + | <p>Project Background</p> |
| − | <li><a href="glucose-and-fructose">Glucose and Fructose</a></li>
| + | </div> |
| − | <li><a href="glycogen-and-levan">Glycogen and Levan</a></li>
| + | <div class="tab"> |
| − | <li><a href="sacB">sacB and Cytotoxicity</a></li>
| + | <p>Glucose and Fructose</p> |
| − | </ul> | + | </div> |
| − | <div class="tab-content">
| + | <div class="tab"> |
| − | <div id="overview" class="tab-pane fade in active"> | + | <p>Glycogen and Levan Production</p> |
| − | <div class="tab-content-box">
| + | </div> |
| − | <h3>Project Overview</h3>
| + | |
| − | | + | <p> SacB and Cytotoxicity</p> |
| − | <p>Some content, yo.</p>
| + | </div> |
| − | <p>Some content, yo.</p>
| + | |
| − | <p>Some content, yo.</p>
| + | |
| | </div> | | </div> |
| − | </div>
| |
| − | <div id="background" class="tab-pane fade">
| |
| − | <div class="tab-content-box">
| |
| − | <h3>Project Background</h3>
| |
| − | <p>Some content.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="glucose-and-fructose" class="tab-pane fade">
| |
| − | <h3>Glucose and Fructose</h3>
| |
| − | <p>Some content in menu 1.</p>
| |
| − | </div>
| |
| − | <div id="glycogen-and-levan" class="tab-pane fade">
| |
| − | <h3>Glycogen and Levan</h3>
| |
| − | <p>Some content in menu 2.</p>
| |
| − | </div>
| |
| − | <div id="sacB" class="tab-pane fade">
| |
| − | <h3>sacB and Negative Selection</h3>
| |
| − | <p>Some content in menu 2.</p>
| |
| − | </div>
| |
| − | </div>
| |
| | </div> | | </div> |
| − | </div>
| |
| − | <div id="top-wrapper">
| |
| − | <h2>Important Links</h2>
| |
| − | <div class="top-box">
| |
| − | <img src="/wiki/images/d/d1/Virginia_logo4.png"></img>
| |
| − | <a href="/Team:Virginia/Modelling"><p>Modelling</p></a>
| |
| − | </div>
| |
| − | <div class="top-box">
| |
| − | <img src="/wiki/images/d/d1/Virginia_logo4.png"></img>
| |
| − | <a href="/Team:Virginia/Safety"><p>Safety</p></a>
| |
| − | </div>
| |
| − | <div class="top-box">
| |
| − | <img src="/wiki/images/d/d1/Virginia_logo4.png"></img>
| |
| − | <a href="/Team:Virginia/Notebook"><p>Notebook</p></a>
| |
| − | </div>
| |
| − | <div class="top-box">
| |
| − | <img src="/wiki/images/d/d1/Virginia_logo4.png"></img>
| |
| − | <a href="/Team:Virginia/Parts"><p>Parts</p></a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| | <!-- SPECIFIC STRUCTURAL CODE ENDS HERE --> | | <!-- SPECIFIC STRUCTURAL CODE ENDS HERE --> |
| | | | |
| Line 271: |
Line 227: |
| | } | | } |
| | /* OTHER STYLE CODE GOES BELOW HERE */ | | /* OTHER STYLE CODE GOES BELOW HERE */ |
| − | .tab-pane{
| |
| − | margin-left:5%;
| |
| − | width:90%;
| |
| − | border: 3px solid #fff;
| |
| − | border-radius: 5px;
| |
| − | background: #003F87;
| |
| − | margin-bottom:25px;
| |
| − | }
| |
| − | .nav-tabs {
| |
| − | width:100%;
| |
| − | background:#000000;
| |
| − | padding: 5px;
| |
| − | border:none;
| |
| − | }
| |
| − | .nav-tabs li:first-child{
| |
| − | background:#BFEFFF;
| |
| − | }
| |
| − | .nav-tabs li:nth-child(2){
| |
| − | background:#87CEEB;
| |
| − | }
| |
| − | .nav-tabs li:nth-child(3){
| |
| − | background:#33A1DE;
| |
| − | }
| |
| − | .nav-tabs li:nth-child(4){
| |
| − | background:#1874CD;
| |
| − | }
| |
| − | .nav-tabs li:nth-child(5){
| |
| − | background:#0D4F8B;
| |
| − | }
| |
| − | .nav-tabs li {
| |
| − | border: 5px solid black;
| |
| − | border-left:0px;
| |
| − | }
| |
| − | .nav-tabs a {
| |
| − | color:white;
| |
| − | }
| |
| − | .tab-content-box{
| |
| − | margin-left:5%;
| |
| − | width:90%;
| |
| − | }
| |
| − | .tab-content-box h3{
| |
| − | color:white;
| |
| − | }
| |
| − | .top-box {
| |
| − | display:inline-block;
| |
| − | border-radius:10px;
| |
| − | border:5px solid #007bb6;
| |
| − | height:auto;
| |
| − | width:20%;
| |
| − | margin:2.0%;
| |
| − | background:#191919;
| |
| − | border: 2px solid white;
| |
| − | }
| |
| − | .top-box p{
| |
| − | color:white;
| |
| − | font-size:24px;
| |
| − | width:100%;
| |
| − | text-align:center;
| |
| − | font-family:Arial;
| |
| − | padding-top:10px;
| |
| − | }
| |
| − | a {
| |
| − | text-decoration:none;
| |
| − | }
| |
| − | .top-box img {
| |
| − | width:75%;
| |
| − | margin-left:12.5%;
| |
| − | }
| |
| − | #top-wrapper{
| |
| − | width:80%;
| |
| − | margin-left:10%;
| |
| − | background: #007bb6;
| |
| − | border-radius:30px;
| |
| − | box-shadow:5px 5px 10px #252525;
| |
| − | margin-bottom:30px;
| |
| − | }
| |
| | h1 { | | h1 { |
| | color:#CAE1FF; | | color:#CAE1FF; |
| Line 354: |
Line 234: |
| | text-shadow: 2px 2px 3px #007bb6; | | text-shadow: 2px 2px 3px #007bb6; |
| | } | | } |
| − | .nav-wrapper{
| + | #tabs-wrapper{ |
| | width:95%; | | width:95%; |
| − | margin: 20px;
| |
| | margin-left:2.5%; | | margin-left:2.5%; |
| − | height:auto;
| |
| − | border: 5px solid #fff;
| |
| − | border-radius:20px;
| |
| − | overflow:hidden;
| |
| − | box-shadow: 5px 5px 5px #252525;
| |
| | background:#afafaf; | | background:#afafaf; |
| | + | border-radius:15px; |
| | } | | } |
| − | #top-wrapper h2 {
| + | .tab{ |
| | + | width:100%; |
| | + | height:100px; |
| | + | border-radius:10px; |
| | + | background:#007bb6; |
| | + | } |
| | + | .tab p { |
| | font-size:20px; | | font-size:20px; |
| − | text-align:center;
| + | font-family:Arial; |
| − | color:#fff;
| + | |
| | font-weight:bold; | | font-weight:bold; |
| − | border:none;
| + | margin-left:15%; |
| − | padding-top:15px;
| + | |
| − | padding-bottom:15px;
| + | |
| − | margin:none;
| + | |
| | } | | } |
| | + | |
| | /* SPECIFIC STYLE CODE ENDS HERE */ | | /* SPECIFIC STYLE CODE ENDS HERE */ |
| | </style> | | </style> |
