Difference between revisions of "Template:Evry Paris-Saclay"

 
(98 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{Evry_Paris-Saclay/css}}
 +
{{Evry_Paris-Saclay/js}}
 +
{{Evry_Paris-Saclay/header}}
 +
{{Evry_Paris-Saclay/navbar}}
 
<html>
 
<html>
−
<script>
+
<head>
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
<!-- Font (police) du site -->
−
 
+
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">  
−
+
−
 
+
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
</script>
+
−
 
+
−
 
+
 
<style>
 
<style>
−
/**************************************************************************************************************************************************************************************************/
+
html{
−
 
+
−
 
+
−
 
+
−
/**************************************************************************************************************************************************************************************************/
+
−
/* 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;}
+
−
 
+
−
 
+
−
/**************************************************************************************************************************************************************************************************/
+
−
/* MENU */
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
.fixed-top {
+
−
    position: fixed;
+
−
    top: 0;
+
−
    right: 0;
+
−
    left: 0;
+
−
    z-index: 1030;
+
 
}
 
}
−
.bg-dark {
+
body{
−
    background-color: #343a40 !important;
+
      background-color: /*#E8E5E5*/white;
 
}
 
}
−
.navbar-expand-lg {
+
.contentEvry{
−
    -ms-flex-flow: row nowrap;
+
      width: 80%;
−
    flex-flow: row nowrap;
+
      height: 130%;
−
    -ms-flex-pack: start;
+
 
−
    justify-content: flex-start;
+
      margin-left:auto;
 +
      margin-right:auto;
 +
      margin-top:0%;
 +
      padding: 100px;
 +
      background-color: white;
 +
      box-shadow: 1px 1px 12px #555;
 
}
 
}
−
.navbar {
+
 
−
    position: relative;
+
ul li{
−
    display: -ms-flexbox;
+
    text-align: justify;
−
    display: flex;
+
−
    -ms-flex-wrap: wrap;
+
−
    flex-wrap: wrap;
+
−
    -ms-flex-align: center;
+
−
    align-items: center;
+
−
    -ms-flex-pack: justify;
+
−
    justify-content: space-between;
+
−
    padding: .5rem 1rem;
+
 
}
 
}
  
−
/**************************************************************************************************************************************************************************************************/
+
.contentEvry p{
−
/* CONTENT OF THE PAGE */
+
      text-align:justify;
−
/**************************************************************************************************************************************************************************************************/
+
}
  
−
/* general wrapper for the content */
+
.contentEvry img{
−
.igem_2018_team_content {
+
      margin-left:auto;
−
background-color:white;  
+
      margin-right:auto;
−
display:block;
+
      text-align:center;
−
width: 87%;
+
}
−
}
+
  
−
/* subwrapper to center content */
+
p{
−
.igem_2018_team_content .igem_2018_team_column_wrapper {
+
    font-family: 'Nunito', sans-serif;
−
margin:auto;
+
    font-size: 10px;
−
max-width: 1400px;
+
    text-indent: 40px;
−
width:90%;
+
}
−
}
+
  
 +
.bibliographie{
 +
    font-family: 'Nunito', sans-serif;
 +
    font-size: 10px;
 +
    text-indent: initial;
 +
}
  
 +
h1{
 +
    color: #e62b1e;
 +
    font-size:30px;
 +
    font-weight:1000;
 +
}
  
−
/*general styling*/
+
h2{
−
/**************************************************************************************************************************************************************************************************/
+
    color: #e62b1e;
 +
    font-size:20px;
 +
    font-weight:900;
 +
}
  
−
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;}
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;}
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;}
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}
 
  
 +
h3{
 +
    color: #e62b1e;
 +
    font-size:15px;
 +
    font-weight:900;
 +
    text-align:left;
  
−
/* styling for the titles h1, h2*/
+
}
−
.igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 {
+
−
border-bottom:0px;
+
−
color: #635d5d;
+
−
font-family: "Arial Black", Gadget, sans-serif;
+
−
padding: 10px 0px;
+
−
}
+
  
−
/* styling for the titles h3, h3, h5, h6 */
+
h1,h2,h3{
−
.igem_2018_team_content .igem_2018_team_column_wrapper h3,
+
    font-family: 'Arial Black', sans-serif;
−
.igem_2018_team_content .igem_2018_team_column_wrapper h4,
+
}
−
.igem_2018_team_content .igem_2018_team_column_wrapper h5,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper h6 {  
+
−
border-bottom:0px;
+
−
color: #928b8b; 
+
−
font-family: "Arial Black", Gadget, sans-serif;
+
−
padding: 5px 0px;
+
−
}
+
  
−
/* text */
+
#HQ_page table .direction {
−
.igem_2018_team_content .igem_2018_team_column_wrapper p {  
+
    border: none;
−
font-size: 130%;
+
    border-collapse: collapse;
−
font-family: Arial, Helvetica, sans-serif;
+
    margin-bottom: 5px;
−
padding: 5px 0px;
+
    margin-top: 5px;
−
text-align: left;
+
    margin-right: 5px;
−
color: #484848;
+
    margin-left: 5px;
−
}
+
    width:80%;
 +
}
  
−
/* Links */
+
#HQ_page .direction th {
−
.igem_2018_team_content .igem_2018_team_column_wrapper a {
+
    background-color: transparent;
−
color: #5bc7d8;
+
    padding: 0px;
−
font-weight: bold;
+
    color: black;
−
text-decoration: underline;
+
    border: none;
−
text-decoration-color:#5bc7d8;
+
    border-collapse: collapse;
−
transition: all 0.4s ease;
+
    vertical-align: middle;
−
-webkit-transition: all 0.4s ease;
+
    text-align: center;
−
-moz-transition: all 0.4s ease;
+
    font-size:15px;
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;
+
−
}
+
−
 
+
−
/* hover for the links */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {
+
−
color: #f8b732;
+
−
text-decoration:none;
+
−
}
+
−
 
+
−
 
+
−
/* Table */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper table {
+
−
border: 1px solid #928b8b;
+
−
border-collapse: collapse;
+
−
font-size: 130%;
+
−
width: 100%;
+
−
}
+
−
 
+
−
/* table cells */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper td {
+
−
border: 1px solid #c4baba;
+
−
border-collapse: collapse;
+
−
font-size: 105%;
+
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
}
+
−
 
+
−
/* table headers */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper th {
+
−
background-color:#c4baba;  
+
−
border: 1px solid #928b8b;  
+
−
border-collapse: collapse;  
+
−
font-size: 110%;
+
−
padding: 10px;
+
−
vertical-align: text-top;  
+
−
}
+
−
 
+
−
 
+
−
 
+
−
/* non numbered lists */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
+
−
font-size: 130%;
+
−
font-family: Arial, Helvetica, sans-serif;
+
−
padding:0px 20px;
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }
+
−
 
+
−
 
+
−
 
+
−
/*layout classes*/
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
/*main layout class */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {
+
−
float:left;
+
−
margin: 1% 2%;
+
−
padding: 0px;
+
−
}
+
−
 
+
−
/* 100% */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
+
−
 
+
−
/* 66% */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
+
−
 
+
−
/* 33% */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
+
−
 
+
−
 
+
−
 
+
−
 
+
−
/*styling for all images*/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
+
−
margin-bottom: 15px;
+
−
width: 100%;
+
−
}
+
−
 
+
−
 
+
−
/* page break */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .clear {
+
−
clear:both;
+
−
}
+
−
/*add extra space to page break with clear class*/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
+
−
height: 30px;
+
−
}
+
−
 
+
−
/* horizontal line to divide the page*/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
+
−
    border-top: 1px solid #c4baba;
+
−
  margin: auto;
+
−
  width: 98%;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
+
−
/*support classes*/
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
 
+
−
/*Button  */
+
−
/************************************************/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link {
+
−
font-size: 130%;
+
−
margin: 30px auto;
+
−
text-align: center;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a  {
+
−
background-color: #5bc7d8;
+
−
color: #635d5d !important;
+
−
font-weight: bold;
+
−
margin: auto;
+
−
text-decoration: none !important;
+
−
padding: 10px 15px;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
+
−
background-color: #f8b732 !important; 
+
−
}
+
−
 
+
−
 
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight {
+
−
padding: 15px 20px;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight p,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 {
+
−
padding: 5px 15px;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
+
−
background-color: #e4dede;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
+
−
    border-top: 4px solid #5bc7d8;
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
+
−
    border: 4px solid #5bc7d8;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
+
−
    border-top: 4px solid #f8b732
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
+
−
    border: 4px solid #f8b732;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
/*mobile*/
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
 
+
−
/* 1800px  */
+
−
/************************************************/
+
−
@media only screen and (max-width: 1800px) {
+
−
.igem_2018_team_content { width: 85%;}
+
−
.igem_2018_team_menu {display:block;}
+
 
}
 
}
−
 
−
/* 1400px  */
 
−
/************************************************/
 
−
@media only screen and (max-width: 1400px) {
 
−
.igem_2018_team_menu .menu_item { font-size:100%;}
 
−
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
 
−
.igem_2018_team_menu {display:block;}
 
−
}
 
−
 
−
@media only screen and (max-width: 1001px) {
 
−
.igem_2018_team_menu {display:block;}
 
−
}
 
−
 
−
/* 1000px  */
 
−
/************************************************/
 
−
@media only screen and (max-width: 1000px) {
 
−
.igem_2018_team_content {width:100%; margin-left:0px;}
 
−
.igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
 
−
.igem_2018_team_mobile_bar {display:block;}
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
 
−
 
−
}
 
−
 
−
 
−
@media only screen and (max-width: 500px) {
 
−
.igem_2018_team_menu {min-width:100%; width:100%; }
 
−
}
 
−
 
−
 
−
/**************************************************************************************************************************************************************************************************/
 
−
 
−
 
−
 
−
 
  
 
</style>
 
</style>
−
 
−
 
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
<!--- THIS IS WHERE THE HTML BEGINS --->
 
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
 
−
<head>
 
−
 
−
<!-- This tells the browser that your page is responsive -->
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
        <!-- Latest compiled and minified CSS -->
 
−
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
−
 
−
        <!-- Optional theme -->
 
−
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
 
−
 
−
        <!-- Latest compiled and minified JavaScript -->
 
−
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
−
 
 
</head>
 
</head>
−
 
+
<body>
−
 
+
</body>
−
 
+
</html>
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
{{Evry_Paris-Saclay/footer}}
−
<!--- Menu --->
+
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
−
 
+
−
 
+
−
 
+
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
−
<!--Navigation Horizontal Menu -->
+
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
−
 
+
−
<nav class="navbar navbar-inverse">
+
−
  <div class="container-fluid">
+
−
    <div class="navbar-header">
+
−
      <a class="navbar-brand" href="#">WebSiteName</a>
+
−
    </div>
+
−
    <ul class="nav navbar-nav">
+
−
      <li class="active"><a href="#">Home</a></li>
+
−
      <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
+
−
        <ul class="dropdown-menu">
+
−
          <li><a href="#">Page 1-1</a></li>
+
−
          <li><a href="#">Page 1-2</a></li>
+
−
          <li><a href="#">Page 1-3</a></li>
+
−
        </ul>
+
−
      </li>
+
−
      <li><a href="#">Page 2</a></li>
+
−
      <li><a href="#">Page 3</a></li>
+
−
    </ul>
+
−
  </div>
+
−
</nav>
+
−
 
+
−
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark fixed-top">
+
−
      <div class="container">
+
−
        <a class="navbar-brand" href="index.html">Start Bootstrap</a>
+
−
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+
−
          <span class="navbar-toggler-icon"></span>
+
−
        </button>
+
−
        <div class="collapse navbar-collapse" id="navbarResponsive">
+
−
          <ul class="navbar-nav ml-auto">
+
−
            <li class="nav-item">
+
−
              <a class="nav-link" href="about.html">About</a>
+
−
            </li>
+
−
            <li class="nav-item">
+
−
              <a class="nav-link" href="services.html">Services</a>
+
−
            </li>
+
−
            <li class="nav-item">
+
−
              <a class="nav-link" href="contact.html">Contact</a>
+
−
            </li>
+
−
            <li class="nav-item dropdown">
+
−
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownPortfolio" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
                Portfolio
+
−
              </a>
+
−
              <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownPortfolio">
+
−
                <a class="dropdown-item" href="portfolio-1-col.html">1 Column Portfolio</a>
+
−
                <a class="dropdown-item" href="portfolio-2-col.html">2 Column Portfolio</a>
+
−
                <a class="dropdown-item" href="portfolio-3-col.html">3 Column Portfolio</a>
+
−
                <a class="dropdown-item" href="portfolio-4-col.html">4 Column Portfolio</a>
+
−
                <a class="dropdown-item" href="portfolio-item.html">Single Portfolio Item</a>
+
−
              </div>
+
−
            </li>
+
−
            <li class="nav-item dropdown">
+
−
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
                Blog
+
−
              </a>
+
−
              <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
+
−
                <a class="dropdown-item" href="blog-home-1.html">Blog Home 1</a>
+
−
                <a class="dropdown-item" href="blog-home-2.html">Blog Home 2</a>
+
−
                <a class="dropdown-item" href="blog-post.html">Blog Post</a>
+
−
              </div>
+
−
            </li>
+
−
            <li class="nav-item dropdown">
+
−
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
                Other Pages
+
−
              </a>
+
−
              <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
+
−
                <a class="dropdown-item" href="full-width.html">Full Width Page</a>
+
−
                <a class="dropdown-item" href="sidebar.html">Sidebar Page</a>
+
−
                <a class="dropdown-item" href="faq.html">FAQ</a>
+
−
                <a class="dropdown-item" href="404.html">404</a>
+
−
                <a class="dropdown-item" href="pricing.html">Pricing Table</a>
+
−
              </div>
+
−
            </li>
+
−
          </ul>
+
−
        </div>
+
−
      </div>
+
−
</nav>
+
−
 
+
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
−
<!--End of Navigation Horizontal Menu -->
+
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
−
 
+
−
 
+
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
−
<!--- Content of the page  --->
+
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
−
 
+
−
 
+
−
<div class="igem_2018_team_content">
+
−
<div class="igem_2018_team_column_wrapper">
+
−
<div class="clear extra_space"></div>
+
−
<div class="clear extra_space"></div>
+

Latest revision as of 00:43, 18 October 2018


TO CONTACT US
Genopole Campus 1, Batiment 6, 91030 Evry Cedex, France
+33 7 69 96 68 31
igemevry@gmail.com

© Copyright 2018
Design & Developpement by
IGEM EVRY GENOPOLE