|
|
| Line 9: |
Line 9: |
| | <style> | | <style> |
| | /**************************************************************************************************************************************************************************************************/ | | /**************************************************************************************************************************************************************************************************/ |
| − |
| |
| | | | |
| | | | |
| Line 15: |
Line 14: |
| | /* DEFAULT WIKI SETTINGS */ | | /* DEFAULT WIKI SETTINGS */ |
| | /**************************************************************************************************************************************************************************************************/ | | /**************************************************************************************************************************************************************************************************/ |
| − |
| |
| − |
| |
| − | #home_logo, #sideMenu { display:none; }
| |
| − | #sideMenu, #top_title, .patrollink {display:none;}
| |
| − | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
| |
| − | body {background-color:white; }
| |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
| − |
| |
| − | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
| |
| | | | |
| | | | |
| Line 29: |
Line 19: |
| | /* MENU */ | | /* MENU */ |
| | /**************************************************************************************************************************************************************************************************/ | | /**************************************************************************************************************************************************************************************************/ |
| − |
| |
| − | /*this wraps the whole of the menu*/
| |
| − | .igem_2018_team_menu {
| |
| − | background-color:#c4baba;
| |
| − | border-left: 1px solid #c4baba;
| |
| − | display:block;
| |
| − | float:right;
| |
| − | height:100vh;
| |
| − | max-width: 270px;
| |
| − | overflow-y: auto;
| |
| − | overflow-x: hidden;
| |
| − | padding:0px;
| |
| − | position:fixed;
| |
| − | right:0%;
| |
| − | text-align:left;
| |
| − | width: 15%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .igem_2018_team_menu.displaying_menu{
| |
| − | display:block;
| |
| − | }
| |
| − |
| |
| − | .igem_2018_team_menu a {
| |
| − | color: #484848;
| |
| − | text-decoration:none;
| |
| − | }
| |
| − |
| |
| − | .igem_2018_team_menu img {
| |
| − | width:100%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .igem_2018_team_menu .menu_item {
| |
| − | background-color: #c4baba;
| |
| − | border-bottom: 1px solid #928b8b;
| |
| − | clear: both;
| |
| − | color: #484848;
| |
| − | cursor: pointer;
| |
| − | float: left;
| |
| − | font-size: 120%;
| |
| − | font-weight: bold;
| |
| − | padding: 15px 0px 15px 5%;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .igem_2018_team_menu .menu_item.direct_link {
| |
| − | color: #484848;
| |
| − | padding-left: 15%;
| |
| − | }
| |
| − | .igem_2018_team_menu .menu_item:hover {
| |
| − | background-color: #ecb656;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .igem_2018_team_menu .menu_item .submenu_control_icon {
| |
| − | color: #484848;
| |
| − | float: left;
| |
| − | width: 10%;
| |
| − | }
| |
| − |
| |
| − | /* submenu icon "+" "-"*/
| |
| − | .igem_2018_team_menu .menu_item .submenu_control_icon::before {
| |
| − | content: "+";
| |
| − | }
| |
| − |
| |
| − | /* submenu icon "+" "-"*/
| |
| − | .igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
| |
| − | content: "-";
| |
| − | }
| |
| − |
| |
| − | /*submenu wrapper*/
| |
| − | .igem_2018_team_menu .submenu{
| |
| − | background-color: #e4dede;
| |
| − | clear:both;
| |
| − | display:none;
| |
| − | float: left;
| |
| − | width:100%;
| |
| − | }
| |
| − |
| |
| − | /*styling for a submenu item*/
| |
| − | .igem_2018_team_menu .submenu .submenu_item {
| |
| − | border-bottom: 1px solid #c4baba;
| |
| − | color: #635d5d;
| |
| − | height: 30px;
| |
| − | float: left;
| |
| − | font-size: 110%;
| |
| − | font-weight: bold;
| |
| − | padding: 12px 0px 0px 15%;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .igem_2018_team_menu .submenu .submenu_item:hover {
| |
| − | background-color: #f3bd5d;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .igem_2018_team_menu .submenu .submenu_item.current_page,
| |
| − | .igem_2018_team_menu .menu_item.current_page,
| |
| − | .igem_2018_team_menu .menu_item.direct_link.current_page {
| |
| − | background-color:#7acbd8;
| |
| − | }
| |
| | | | |
| | | | |
| Line 177: |
Line 65: |
| | /* CONTENT OF THE PAGE */ | | /* CONTENT OF THE PAGE */ |
| | /**************************************************************************************************************************************************************************************************/ | | /**************************************************************************************************************************************************************************************************/ |
| − |
| |
| − | /* general wrapper for the content */
| |
| − | .igem_2018_team_content {
| |
| − | background-color:white;
| |
| − | display:block;
| |
| − | width: 87%;
| |
| − | }
| |
| − |
| |
| − | /* subwrapper to center content */
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper {
| |
| − | margin:auto;
| |
| − | max-width: 1400px;
| |
| − | width:90%;
| |
| − | }
| |
| | | | |
| | | | |
| Line 372: |
Line 246: |
| | | | |
| | /**************************************************************************************************************************************************************************************************/ | | /**************************************************************************************************************************************************************************************************/ |
| − |
| |
| − |
| |
| − |
| |
| | | | |
| | | | |
| Line 471: |
Line 342: |
| | <!-- Navigation Bar End --> | | <!-- Navigation Bar End --> |
| | | | |
| − | <!-- Content Start -->
| + | |
| − | <div id="notebook-content-container">
| + | |
| − | <div id="notebook-content-overview" class="big-section">
| + | |
| − | <div class="month" id="first-month">
| + | |
| − | <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQAe8h190IHL5Xwm2RuY1k5TCOleKsetvOkPmgBKZLIffSlPFgk" width="100%" height="85%" alt="">
| + | |
| − | <div class="month-caption">
| + | |
| − | <h1>May</h1>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="month">
| + | |
| − | <img src="https://www.walldevil.com/wallpapers/a77/background-color-solid-yellow-earth-images.jpg" width="100%" height="85%" alt="">
| + | |
| − | <div class="month-caption">
| + | |
| − | <h1>June</h1>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="month">
| + | |
| − | <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTVqo9mmIsYbh0XQ_XOjhmxIse1S2JdN6lmynGUCrrNL9QOAFUK" width="100%" height="85%" alt="">
| + | |
| − | <div class="month-caption">
| + | |
| − | <h1>July</h1>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="month">
| + | |
| − | <img src="https://d2d00szk9na1qq.cloudfront.net/Product/90fdcbf6-7a62-4d24-9548-3a5b1b7efdd1/Images/Large_0419643.jpg" width="100%" height="85%" alt="">
| + | |
| − | <div class="month-caption">
| + | |
| − | <h1>August</h1>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="month">
| + | |
| − | <img src="https://www.boredart.com/wp-content/uploads/2017/02/light-yellow.jpg" width="100%" height="85%" alt="">
| + | |
| − | <div class="month-caption">
| + | |
| − | <h1>September</h1>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="month">
| + | |
| − | <img src="https://ih1.redbubble.net/image.425764990.6558/flat,800x800,070,f.u6.jpg" width="100%" height="85%" alt="">
| + | |
| − | <div class="month-caption">
| + | |
| − | <h1>October</h1>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="notebook-content-organizer" class="big-section">
| + | |
| − | <h2 id="month-experiments">Experiments</h2>
| + | |
| − | <div id="notebook-organizer">
| + | |
| − | <p>SDS PAGE</p>
| + | |
| − | <p>Agarose Gel</p>
| + | |
| − | <p>Induction</p>
| + | |
| − | <p>Transformation</p>
| + | |
| − | <p>Digestion</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="notebook-content-detail" class="big-section">
| + | |
| − | <div id="notebook-lessons-learned">
| + | |
| − | <div id="notebook-lessons-title">
| + | |
| − | <h1>Lessons Learned</h1>
| + | |
| − | </div>
| + | |
| − | <div id="notebook-lessons-inner">
| + | |
| − | <p>Lorem id eaque ducimus lcessitatibus sapiente optio, doloremque ullam natus.dsdf -Ryan</p>
| + | |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae voluptatem doloremque dicta, harum maiores tenetur illo dolore obcaecati delectus, ipsum nesciunt labore ducimus facere eum laudantium perferendis itaque voluptates perspiciatis! -Shelby</p>
| + | |
| − | <p>Lorem ipsum dolor sit ae ipsum omnis facere laborioiores, consequuntur quo sit dignissimos culpa repudiandae iste. -John</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div id="notebook-content">
| + | |
| − | <div id="notebook-content-inner">
| + | |
| − | <div class="week">
| + | |
| − | <h2 class="week-title">May 1 - May 7</h2>
| + | |
| − | <i class="fas fa-angle-down"></i>
| + | |
| − | <div class="notebook-content-text">
| + | |
| − | <h5 class="summary">Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.</h5>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 1</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 2</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 3</h3>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="week">
| + | |
| − | <h2 class="week-title">May 8 - May 15</h2>
| + | |
| − | <i class="fas fa-angle-down"></i>
| + | |
| − | <div class="notebook-content-text">
| + | |
| − | <h5 class="summary">Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.</h5>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 1</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 2</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 3</h3>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="week">
| + | |
| − | <h2 class="week-title">May 16 - May 23</h2>
| + | |
| − | <i class="fas fa-angle-down"></i>
| + | |
| − | <div class="notebook-content-text">
| + | |
| − | <h5 class="summary">Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.</h5>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 1</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 2</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 3</h3>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="week">
| + | |
| − | <h2 class="week-title">May 24 - May 30</h2>
| + | |
| − | <i class="fas fa-angle-down"></i>
| + | |
| − | <div class="notebook-content-text">
| + | |
| − | <h5 class="summary">Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.</h5>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 1</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 2</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 3</h3>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="notebook-ender">
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <!-- Content End -->
| + | |
| − | | + | |
| | <!-- Footer Start --> | | <!-- Footer Start --> |
| | <div id="footer"> | | <div id="footer"> |
