Difference between revisions of "Template:Paris Bettencourt/Templatestop"

 
(17 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
 
 
<html>
 
<html>
  
Line 5: Line 4:
 
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
 
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
 
<style>
 
<style>
−
 
−
/* Custom piglet colors */
 
−
:root {
 
−
    --piglet-pink:#f29799;
 
−
    --piglet-yellow:#ffcc00;
 
−
    --piglet-green:#66cc66;
 
−
}
 
−
 
−
 
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
Line 92: Line 82:
 
.textbody span {
 
.textbody span {
 
       font-size : 12px;
 
       font-size : 12px;
−
       text-align : center;
+
       text-align : justify;
 
}
 
}
 
.textbody h4 {
 
.textbody h4 {
Line 165: Line 155:
 
.textbody h1 {
 
.textbody h1 {
 
text-align : center;
 
text-align : center;
−
font-size : 60px;
+
font-size : 50px;
 
         line-height : 50px;
 
         line-height : 50px;
 
margin-bottom : 75px;
 
margin-bottom : 75px;
 
font-family: Didot, Didot LT STD,  Hoefler Text, Garamond, Times New Roman, serif;
 
font-family: Didot, Didot LT STD,  Hoefler Text, Garamond, Times New Roman, serif;
−
color : rgb(0, 0, 0);
+
color : rgb(0, 0,0);
  
  
Line 181: Line 171:
  
 
}
 
}
−
.ul {
+
.textbody ul {
 
         list-style-position: inside;
 
         list-style-position: inside;
 
         list-style-type: circle;
 
         list-style-type: circle;
Line 198: Line 188:
 
}
 
}
 
.text1 img {
 
.text1 img {
−
     height: 90px;
+
     height: 140px;
 
     margin: 0 auto;
 
     margin: 0 auto;
 
     display: block;
 
     display: block;
Line 205: Line 195:
 
}
 
}
 
.text2 img {
 
.text2 img {
−
     height: 500px;
+
     height: 90px;
 
     margin: 0 auto;
 
     margin: 0 auto;
 
     display: block;
 
     display: block;
−
     margin-top: 10px;
+
     margin-top: 50px;
 
     margin-bottom: 0px;
 
     margin-bottom: 0px;
 
}
 
}
 
.text3 img {
 
.text3 img {
−
     height: 350px;
+
     height: 500px;
 
     margin: 0 auto;
 
     margin: 0 auto;
 
     display: block;
 
     display: block;
Line 234: Line 224:
 
width : 45%;
 
width : 45%;
 
display : inline-block;
 
display : inline-block;
−
margin-top : 10px;
+
margin-top : 20px;
 
margin-bottom : 20px;
 
margin-bottom : 20px;
 
float : left;
 
float : left;
Line 242: Line 232:
 
display : inline-block;
 
display : inline-block;
 
float : right;
 
float : right;
−
margin-top : 50px;
+
margin-top : 20px;
 
margin-bottom : 20px;
 
margin-bottom : 20px;
 
}
 
}
Line 509: Line 499:
 
nav
 
nav
 
{
 
{
−
     width: 100%;
+
     width: 90%;
 
     background: #66b24c;
 
     background: #66b24c;
 +
}
 +
ul
 +
{
 +
  width:  80%;
 +
  margin:  0 auto;
 +
  padding: 0;
 
}
 
}
 
ul li
 
ul li
Line 518: Line 514:
 
     padding: 20px;
 
     padding: 20px;
 
}
 
}
−
 
−
a:link {
 
−
    color: var(--piglet-pink);
 
−
}
 
−
 
−
}
 
−
 
−
/* visited link */
 
−
a:visited {
 
−
    color: var(--piglet-pink);
 
−
}
 
−
 
−
/* mouse over link */
 
−
a:hover {
 
−
    color: var(--piglet-yellow);
 
−
}
 
−
 
−
/* selected link */
 
−
a:active {
 
−
    color: var(--piglet-yellow);
 
−
}
 
−
 
 
ul li:hover
 
ul li:hover
 
{
 
{
 
   background: #ffffff;
 
   background: #ffffff;
 
}
 
}
−
ul li
+
ul li a
 
{
 
{
 
     color: #fff;
 
     color: #fff;
 
     text-decoration:  none;
 
     text-decoration:  none;
−
}
 
−
 
−
a {
 
 
}
 
}
 
ul.wtf-menu{
 
ul.wtf-menu{
Line 704: Line 675:
 
     width: 155px;
 
     width: 155px;
 
     margin-top: -54px;
 
     margin-top: -54px;
−
     margin-right: 80px;
+
     margin-right: 50px;
  
 
                         }
 
                         }
Line 731: Line 702:
  
 
<li class="parent main-item"><a href="#">Project &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
 
<li class="parent main-item"><a href="#">Project &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
−
    <ul class="submenu">
+
        <ul class="submenu">
−
         <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Human_Practices">Integrated Design</a></li>
+
         <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Human_Practices">Human Practices</a></li>
 +
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Applied_Design">Applied Design</a></li>
 
         <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Design">Design</a></li>
 
         <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Design">Design</a></li>
 
         <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Production">Production</a></li>
 
         <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Production">Production</a></li>
−
         <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Testing">Testing</a></li>
+
         <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Active_Testing">Testing&#160;<i class="fa fa-caret-right" aria-hidden="true"></i></a>
−
         <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Modeling">Modeling</a></li>
+
    <ul class="submenu">
 +
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Active_Testing">Active Testing</a></li>
 +
         <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Biocompatibility_Testing">Biocompatibility Testing</a></li>
 +
    </ul>
 +
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Model">Modeling</a></li>
 
         <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Optimization">Optimization</a></li>
 
         <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Optimization">Optimization</a></li>
 
         <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Public_Engagement">Public Engagement</a></li>
 
         <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Public_Engagement">Public Engagement</a></li>
Line 742: Line 718:
 
</li>
 
</li>
  
−
<li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Software">Software</a></li>
+
<li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Software">Software &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
−
(Darshak)
+
        <ul class="submenu">
 +
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/AMPDesigner_Overview">AMP Designer Overview</a></li>
 +
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/AMP_Forest">AMP Forest</a></li>
 +
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/AMP_Evolver">AMP Evolver</a></li>
 +
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Result">Result</a></li>
 +
    </ul>
 +
</li>
 
<li class="parent main-item"><a href="#">Judging&#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
 
<li class="parent main-item"><a href="#">Judging&#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
  
 
<ul class="submenu">
 
<ul class="submenu">
−
     <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Medal_Criteria">Medal Criteria</a></li>
+
     <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Medal_Criteria">Medal Criteria </a></li>
 
     <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Results">Key Results</a></li>
 
     <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Results">Key Results</a></li>
 
     <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/BioBricks">BioBricks</a></li>
 
     <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/BioBricks">BioBricks</a></li>
Line 762: Line 744:
 
</li>
 
</li>
  
−
<li class="parent main-item"><a href="#">Lab Notebooks<i class="fa fa-caret-down" aria-hidden="true"></i></a>
+
<li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Lab_Notebook">Lab Notebook</a></li>
−
<ul class="submenu">
+
<li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Acknowledgements">Acknowledgements</a></li>
−
    <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Lab_Notebook_Design">Design</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Lab_Notebook_Production">Production</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Lab_Notebook_Testing">Testing</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Lab_Notebook_Modeling">Modeling</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Lab_Notebook_Optimization">Optimization</a></li>
+
−
</ul>
+
−
</li>
+
  
−
<li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Sponsors">Sponsors</a></li>
 
−
</ul>
 
  
 
<div id="logolist2">
 
<div id="logolist2">
−
<div id="logoigem" class="sidelogos">
+
                                            <div id="logoigem" class="sidelogos">
−
<a href="https://2018.igem.org/Main_Page" title="iGEM 2018" target="_blank">  
+
                                                    <a href="https://2018.igem.org/Main_Page" title="iGEM 2018" target="_blank">
−
<img src="https://static.igem.org/mediawiki/2017/f/fd/Logo-iGEMPB.png" class=" b-error">
+
                                                        <img src="https://static.igem.org/mediawiki/2017/f/fd/Logo-iGEMPB.png" class=" b-error">
−
</a>
+
                                                    </a>
−
</div>
+
                                                </div>
−
        <div  class="sidelogos top5">
+
                                                <div  class="sidelogos top5">
−
          <a href="http://twitter.com/iGEM_Paris" target="_blank">
+
                                                    <a href="http://twitter.com/iGEM_Paris" target="_blank">
−
          <i class="fa fa-twitter" aria-hidden="true"></i>
+
                                                        <i class="fa fa-twitter" aria-hidden="true"></i>
−
          </a><div id="twitapp"><a href="http://twitter.com/iGEM_Paris" target="_blank">
+
                                                        </a><div id="twitapp"><a href="http://twitter.com/iGEM_Paris" target="_blank">
−
          </a><a class="twitter-timeline" width="250" height="400" data-dnt="true" href="https://twitter.com/iGEM_Paris" data-widget-id="368144501119795201">@iGEM_Paris</a>
+
                                                            </a><a class="twitter-timeline" width="250" height="400" data-dnt="true" href="https://twitter.com/iGEM_Paris" data-widget-id="368144501119795201">@iGEM_Paris</a>
−
        </div>
+
                                                        </div>
 
                                                      
 
                                                      
−
</div>
+
                                                </div>
−
              <div  class="sidelogos top5">
+
                                                <div  class="sidelogos top5">
−
                <a href="https://www.facebook.com/ParisiGEM2018/" target="_blank">
+
                                                    <a href="https://www.facebook.com/ParisiGEM2018/" target="_blank">
−
                <i class="fa fa-facebook" aria-hidden="true"></i>                     
+
                                                        <i class="fa fa-facebook" aria-hidden="true"></i>                     
−
                <div id="fbapp">
+
                                                        <div id="fbapp">
−
                <div class="fb-like-box" data-href="" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
+
                                                            <div class="fb-like-box" data-href="" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
−
                </div>
+
                                                        </div>
−
                </a>
+
                                                    </a>
−
              </div>
+
                                                </div>
−
<div  class="sidelogos top5 ">
+
                                                <div  class="sidelogos top5 ">
−
      <a href="https://www.instagram.com/igem_paris_bettencourt/" target="_blank">
+
                                                    <a href="https://www.instagram.com/igem_paris_bettencourt/" target="_blank">
−
      <i class="fa fa-instagram" aria-hidden="true"></i>                 
+
                                                        <i class="fa fa-instagram" aria-hidden="true"></i>                 
−
      <div id="instaapp">
+
                                                        <div id="instaapp">
−
      <div class="" data-href="" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
+
                                                            <div class="" data-href="" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
−
      </div>
+
                                                        </div>
−
      </a>
+
                                                    </a>
−
      </div>
+
                                                </div>
−
    </div>
+
                                    </div>
−
</div>
+
                        </div>
 
                        
 
                        
 
                 </nav>
 
                 </nav>
Line 953: Line 926:
 
}
 
}
 
</style>
 
</style>
−
 
−
</html>
 

Latest revision as of 02:43, 8 December 2018