Difference between revisions of "Team:Vilnius-Lithuania/Design"

m
 
(3 intermediate revisions by one other user not shown)
Line 345: Line 345:
 
}
 
}
 
.cover span{
 
.cover span{
−
     font-size:120px;
+
     font-size:80px;
 
     position:absolute;
 
     position:absolute;
−
     bottom:64px;
+
     bottom:32px;
 
     right:32px;
 
     right:32px;
 
     color:white;
 
     color:white;
Line 353: Line 353:
 
     font-family: 'bebas';
 
     font-family: 'bebas';
 
     font-weight: 900;
 
     font-weight: 900;
 +
    max-width:500px;
 +
line-height: 1;
 +
text-align:right;
 
}
 
}
  
Line 460: Line 463:
 
       color:black;
 
       color:black;
 
   }
 
   }
 +
.cover span{
 +
font-size:48px;
 +
}
 
    
 
    
 
}
 
}
Line 772: Line 778:
  
 
         <ul class="menu sub-menu-project sub-menu">
 
         <ul class="menu sub-menu-project sub-menu">
−
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
+
                 <li class="menu-item" style="position: relative;opacity:1">
 
                     <a href="#" class="return return-project" onclick="returnMenu('project')">Back to Main Menu</a>
 
                     <a href="#" class="return return-project" onclick="returnMenu('project')">Back to Main Menu</a>
 
                 </li>
 
                 </li>
−
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
+
                 <li class="menu-item" style="position: relative;opacity:1">
 
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Description">Inspiration & Description</a>
 
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Description">Inspiration & Description</a>
 
                 </li>
 
                 </li>
−
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
+
                 <li class="menu-item" style="position: relative;opacity:1">
 
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Design">Design & Results</a>
 
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Design">Design & Results</a>
 
                 </li>
 
                 </li>
−
                 <li class="menu-item" style="position: relative;left:200px;opacity:0;padding-left:24px">
+
                 <li class="menu-item" style="position: relative;opacity:1;padding-left:24px">
 
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Transcriptional_Regulation">Transcriptional regulation</a>
 
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Transcriptional_Regulation">Transcriptional regulation</a>
 
                 </li>
 
                 </li>
−
                 <li class="menu-item" style="position: relative;left:200px;opacity:0;padding-left:24px">
+
                 <li class="menu-item" style="position: relative;opacity:1;padding-left:24px">
 
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Plasmid_Copy_Number_Control">Plasmid copy number control</a>
 
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Plasmid_Copy_Number_Control">Plasmid copy number control</a>
 
                 </li>
 
                 </li>
−
                 <li class="menu-item" style="position: relative;left:200px;opacity:0;padding-left:24px">
+
                 <li class="menu-item" style="position: relative;opacity:1;padding-left:24px">
 
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Degradation_Rate_Control">Degradation rate control</a>
 
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Degradation_Rate_Control">Degradation rate control</a>
 
                 </li>
 
                 </li>
−
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
+
                 <li class="menu-item" style="position: relative;opacity:1">
 
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Demonstrate">Demonstration</a>
 
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Demonstrate">Demonstration</a>
 
                 </li>
 
                 </li>
−
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
+
                 <li class="menu-item" style="position: relative;opacity:1">
 
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Parts">Parts</a>
 
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Parts">Parts</a>
 
                 </li>
 
                 </li>
 
             </ul>
 
             </ul>
−
             <ul class="menu sub-menu-modeling sub-menu">
+
             <ul class="menu sub-menu-modeling sub-menu" style="visibility:hidden">
 
                     <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                     <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                         <a href="#" class="return" onclick="returnMenu('modeling')">Back to Main Menu</a>
 
                         <a href="#" class="return" onclick="returnMenu('modeling')">Back to Main Menu</a>
Line 818: Line 824:
  
 
                 </ul>
 
                 </ul>
−
                 <ul class="menu sub-menu-software sub-menu">
+
                 <ul class="menu sub-menu-software sub-menu" style="visibility:hidden">
 
                         <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                         <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                             <a href="#" class="return" onclick="returnMenu('software')">Back to Main Menu</a>
 
                             <a href="#" class="return" onclick="returnMenu('software')">Back to Main Menu</a>
 
                         </li>
 
                         </li>
 
                     </ul>
 
                     </ul>
−
             <ul class="menu sub-menu-hp sub-menu">
+
             <ul class="menu sub-menu-hp sub-menu" style="visibility:hidden">
 
                     <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                     <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                         <a href="#" class="return" onclick="returnMenu('hp')">Back to Main Menu</a>
 
                         <a href="#" class="return" onclick="returnMenu('hp')">Back to Main Menu</a>
Line 837: Line 843:
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
−
                 <ul class="menu sub-menu-team sub-menu">
+
                 <ul class="menu sub-menu-team sub-menu" style="visibility:hidden">
 
                         <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                         <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                             <a href="#" class="return" onclick="returnMenu('team')">Back to Main Menu</a>
 
                             <a href="#" class="return" onclick="returnMenu('team')">Back to Main Menu</a>
Line 852: Line 858:
 
                     </ul>
 
                     </ul>
  
−
                     <ul class="menu sub-menu-notebook sub-menu">
+
                     <ul class="menu sub-menu-notebook sub-menu" style="visibility:hidden">
 
                             <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                             <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                                 <a href="#" class="return" onclick="returnMenu('notebook')">Back to Main Menu</a>
 
                                 <a href="#" class="return" onclick="returnMenu('notebook')">Back to Main Menu</a>
Line 866: Line 872:
 
                             </li>
 
                             </li>
 
                         </ul>
 
                         </ul>
−
     <ul class="menu menu-main">
+
     <ul class="menu menu-main" style="visibility:hidden">
−
         <li class="menu-item" style="position: relative">
+
         <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania">Home</a>
 
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania">Home</a>
 
         </li>
 
         </li>
−
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('project')" style="position: relative">
+
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('project')" style="position: relative;left:200px;opacity:0">
 
             <a href="#">Project</a>
 
             <a href="#">Project</a>
 
         </li>
 
         </li>
−
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('modeling')" style="position: relative">
+
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('modeling')" style="position: relative;left:-200px;opacity:0">
 
             <a href="#">Modeling</a>
 
             <a href="#">Modeling</a>
 
         </li>
 
         </li>
−
         <li class="menu-item" style="position: relative">
+
         <li class="menu-item" style="position: relative;left:-200px;opacity:0">
 
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Software">Software</a>
 
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Software">Software</a>
 
         </li>
 
         </li>
−
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('hp')" style="position: relative">
+
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('hp')" style="position: relative;left:-200px;opacity:0">
 
             <a href="#">Human Practices</a>
 
             <a href="#">Human Practices</a>
 
         </li>
 
         </li>
−
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('team')" style="position: relative">
+
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('team')" style="position: relative;left:-200px;opacity:0">
 
             <a href="#">Team</a>
 
             <a href="#">Team</a>
 
         </li>
 
         </li>
−
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('notebook')" style="position: relative">
+
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('notebook')" style="position: relative;left:-200px;opacity:0">
 
             <a href="#">Notebook</a>
 
             <a href="#">Notebook</a>
 
         </li>
 
         </li>
Line 892: Line 898:
 
</div>
 
</div>
 
<div class="cover">
 
<div class="cover">
−
     <img src="https://2019.igem.org/wiki/images/1/13/T--Vilnius-Lithuania--HP.jpg">
+
     <img src="https://2019.igem.org/wiki/images/d/da/T--Vilnius-Lithuania--cover19.jpg">
−
     <span>Design</span>
+
     <span>Design & results</span>
 
</div>
 
</div>
 
     <div class="main-page">
 
     <div class="main-page">
Line 900: Line 906:
 
        
 
        
 
                 <div class="content-block">
 
                 <div class="content-block">
−
                     <h4 class="page-heading" data-nav-id="1" id="page-heading-1">First heading</h4>
+
                     <!--TEKSTAS-->
 +
                    <h4 class="page-heading">First heading</h4>
 
                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue magna magna, ac gravida
 
                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue magna magna, ac gravida
 
                         urna lacinia in. Duis eleifend suscipit nisi non maximus. Orci varius natoque penatibus et magnis
 
                         urna lacinia in. Duis eleifend suscipit nisi non maximus. Orci varius natoque penatibus et magnis
Line 907: Line 914:
 
                         et congue ante elementum at. Mauris ante odio, porttitor vel varius malesuada, porta ac neque.</p>
 
                         et congue ante elementum at. Mauris ante odio, porttitor vel varius malesuada, porta ac neque.</p>
 
                  
 
                  
−
                 <br>
+
                  
−
                <h4 class="page-heading" data-nav-id="2" id="page-heading-2">Second heading</h4>
+
−
                <p>Aliquam vel augue placerat, venenatis nulla sit amet, pulvinar felis. Etiam in pretium leo. Maecenas
+
−
                    ac elit ut tellus hendrerit porta. Nam iaculis ipsum eget enim fermentum lobortis. Suspendisse
+
−
                    potenti. Duis gravida rutrum enim. Aenean dictum ipsum a turpis tempus pulvinar. Vivamus auctor
+
−
                    magna vel velit malesuada volutpat. Fusce suscipit lectus quis sem accumsan fermentum. Proin vitae
+
−
                    eros in purus dictum laoreet non id nulla. Sed laoreet et diam volutpat convallis.</p>
+
−
                <br>
+
−
                <h4 class="page-heading" data-nav-id="3" id="page-heading-3">Third heading</h4>
+
−
                <p>Vestibulum lacus mi, convallis at nulla quis, varius rutrum eros. Morbi semper, augue sodales
+
−
                    efficitur facilisis, ante turpis sagittis erat, vitae placerat justo dolor eu enim. Cras eget dui
+
−
                    libero. In hac habitasse platea dictumst. In hac habitasse platea dictumst. Cras sapien tortor,
+
−
                    ultricies eu egestas vel, sodales eget odio. Aliquam ac augue ligula. Phasellus dapibus dolor in
+
−
                    fringilla sodales. Mauris quis ante sed risus scelerisque euismod. In placerat ut massa ornare
+
−
                    feugiat. Quisque consectetur lorem eget pellentesque lacinia. In a ante gravida, porttitor augue
+
−
                    eget, fermentum lorem.</p>
+
−
                <br>
+
−
                <h4 class="page-heading" data-nav-id="4" id="page-heading-4">Fourth heading</h4>
+
−
                <p>Curabitur commodo nunc non pharetra volutpat. Donec luctus nibh nec massa vulputate posuere. Donec
+
−
                    sed mauris quis lacus lacinia vestibulum. Proin at risus congue, egestas lorem et, sagittis libero.
+
−
                    Sed at tincidunt libero. Quisque commodo elit sed ipsum gravida vestibulum. Cras maximus enim lorem.
+
−
                    Morbi sagittis fermentum tempus.</p>
+
−
                <br>
+
−
                <h4 class="page-heading" data-nav-id="5" id="page-heading-5">Fifth heading</h4>
+
−
                <p>Fusce bibendum turpis mollis suscipit sodales. Praesent elit quam, interdum ac scelerisque non,
+
−
                    imperdiet a ex. Praesent porta sed mi et ultrices. Phasellus porta lacinia iaculis. Nunc eu lectus
+
−
                    ac nunc rhoncus consequat. Etiam ac ligula ut magna hendrerit pulvinar. Maecenas aliquet eros odio,
+
−
                    sed volutpat mauris fringilla vel. Quisque in erat at mi placerat fringilla quis id dolor.</p>
+
−
                <br>
+
−
                <h4 class="page-heading" data-nav-id="6" id="page-heading-6">Typography</h4>
+
−
 
+
−
                <br>
+
−
 
+
−
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue magna magna, ac gravida
+
−
                    urna lacinia in. Duis eleifend suscipit nisi non maximus. Orci varius natoque penatibus et magnis
+
−
                    dis parturient montes, nascetur ridiculus mus. Integer sed arcu tortor. Sed ut mi ac quam luctus
+
−
                    iaculis id vitae magna. Praesent ultricies lacus id pharetra viverra. Nulla lobortis bibendum augue,
+
−
                    et congue ante elementum at. Mauris ante odio, porttitor vel varius malesuada, porta ac neque.</p>
+
 
                 </div>
 
                 </div>
−
                <br>
 
−
 
−
 
−
 
−
                <br>
 
−
                <br>
 
−
 
−
 
 
             </div>
 
             </div>
−
            <!--<div class="col-2 d-none d-sm-none d-md-block">
 
−
                <div class="page-menu">
 
−
                    <h6 class="page-menu-link" id="link_1" onclick="scrollToHeading(1)">First heading</h6>
 
−
                    <h6 class="page-menu-link" id="link_2" onclick="scrollToHeading(2)">Second heading</h6>
 
−
                    <h6 class="page-menu-link" id="link_3" onclick="scrollToHeading(3)">Third heading</h6>
 
−
                    <h6 class="page-menu-link" id="link_4" onclick="scrollToHeading(4)">Fourth heading</h6>
 
−
                    <h6 class="page-menu-link" id="link_5" onclick="scrollToHeading(5)">Fifth heading</h6>
 
−
                    <h6 class="page-menu-link" id="link_6" onclick="scrollToHeading(6)">Typography</h6>
 
−
                </div>
 
−
            </div>-->
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>

Latest revision as of 22:11, 13 October 2019

Design & results

First heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue magna magna, ac gravida urna lacinia in. Duis eleifend suscipit nisi non maximus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer sed arcu tortor. Sed ut mi ac quam luctus iaculis id vitae magna. Praesent ultricies lacus id pharetra viverra. Nulla lobortis bibendum augue, et congue ante elementum at. Mauris ante odio, porttitor vel varius malesuada, porta ac neque.

↑