Difference between revisions of "Template:Aix-Marseille/top"

 
(34 intermediate revisions by 2 users not shown)
Line 48: Line 48:
 
<style>
 
<style>
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 +
@charset "UTF-8";
  
 +
/* Import ET Book styles
 +
  adapted from https://github.com/edwardtufte/et-book/blob/gh-pages/et-book.css */
 +
 +
@font-face { font-family: "et-book";
 +
            src: url("https://static.igem.org/mediawiki/2018/f/f4/T--Aix-Marseille--et-book-roman-line-figures.eot");
 +
            src: url("https://static.igem.org/mediawiki/2018/f/f4/T--Aix-Marseille--et-book-roman-line-figures.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2018/6/6a/T--Aix-Marseille--et-book-roman-line-figures.woff") format("woff"), url("https://static.igem.org/mediawiki/2018/6/6e/T--Aix-Marseille--et-book-roman-line-figures.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2018/f/fd/T--Aix-Marseille--et-book-roman-line-figures.svg#etbookromanosf") format("svg");
 +
            font-weight: normal;
 +
            font-style: normal; }
 +
 +
@font-face { font-family: "et-book";
 +
            src: url("https://static.igem.org/mediawiki/2018/4/4a/T--Aix-Marseille--et-book-display-italic-old-style-figures.eot");
 +
            src: url("https://static.igem.org/mediawiki/2018/4/4a/T--Aix-Marseille--et-book-display-italic-old-style-figures.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2018/b/bd/T--Aix-Marseille--et-book-display-italic-old-style-figures.woff") format("woff"), url("https://static.igem.org/mediawiki/2018/5/52/T--Aix-Marseille--et-book-display-italic-old-style-figures.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2018/0/01/T--Aix-Marseille--et-book-display-italic-old-style-figures.svg#etbookromanosf") format("svg");
 +
            font-weight: normal;
 +
            font-style: italic; }
 +
 +
@font-face { font-family: "et-book";
 +
            src: url("https://static.igem.org/mediawiki/2018/c/c0/T--Aix-Marseille--et-book-bold-line-figures.eot");
 +
            src: url("https://static.igem.org/mediawiki/2018/c/c0/T--Aix-Marseille--et-book-bold-line-figures.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2018/4/48/T--Aix-Marseille--et-book-bold-line-figures.woff") format("woff"), url("https://static.igem.org/mediawiki/2018/3/33/T--Aix-Marseille--et-book-bold-line-figures.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2018/b/b9/T--Aix-Marseille--et-book-bold-line-figures.svg#etbookromanosf") format("svg");
 +
            font-weight: bold;
 +
            font-style: normal; }
  
  
Line 71: Line 92:
 
/*this wraps the whole of the menu*/
 
/*this wraps the whole of the menu*/
 
.igem_2018_team_menu {  
 
.igem_2018_team_menu {  
background-color:#008000;  
+
background-color:#273f20;  
border-left: 1px solid #008000;
+
border-left: 1px solid #273f20;
 
display:block;
 
display:block;
 
float:right;  
 
float:right;  
 
height:100vh;  
 
height:100vh;  
max-width: 270px;
+
max-width: 320px;
 
overflow-y: auto;
 
overflow-y: auto;
 
overflow-x: hidden;
 
overflow-x: hidden;
 
padding:0px;
 
padding:0px;
position:fixed;  
+
position:fixed;  z-index: 99;
 
right:0%;
 
right:0%;
 
text-align:left;
 
text-align:left;
width: 15%;  
+
width: 20%;  
 
}
 
}
 +
 +
.igem_2018_team_menu .menu_logo { background: white; }
  
  
Line 92: Line 115:
  
 
.igem_2018_team_menu  a {
 
.igem_2018_team_menu  a {
color: #008000;
+
/*color: #008000;*/
 
text-decoration:none;
 
text-decoration:none;
 
}
 
}
Line 102: Line 125:
  
 
.igem_2018_team_menu .menu_item {
 
.igem_2018_team_menu .menu_item {
     background-color:#008000;
+
     background-color:#273f20;
     border-bottom: 1px solid #928b8b;
+
     /*border-bottom: 1px solid #928b8b;*/
 
     clear: both;
 
     clear: both;
color: #FFFF00;
+
color: #FFF;
 
     cursor: pointer;
 
     cursor: pointer;
 
float: left;
 
float: left;
Line 115: Line 138:
  
 
.igem_2018_team_menu .menu_item.direct_link {
 
.igem_2018_team_menu .menu_item.direct_link {
color: #FFFF00;
+
color: #FFF;
 
padding-left: 15%;
 
padding-left: 15%;
 
}
 
}
 
.igem_2018_team_menu .menu_item:hover {
 
.igem_2018_team_menu .menu_item:hover {
background-color: #008000;
+
background-color: #3a7243;
 
}
 
}
  
  
 
.igem_2018_team_menu .menu_item .submenu_control_icon {
 
.igem_2018_team_menu .menu_item .submenu_control_icon {
color: #FFFF00;
+
color: #FFF;
 
float: left;
 
float: left;
 
width: 10%;
 
width: 10%;
Line 141: Line 164:
 
/*submenu wrapper*/
 
/*submenu wrapper*/
 
.igem_2018_team_menu .submenu{
 
.igem_2018_team_menu .submenu{
background-color: #008000;
+
background-color: #273f20;
 
clear:both;
 
clear:both;
 
display:none;
 
display:none;
Line 150: Line 173:
 
/*styling for a submenu item*/
 
/*styling for a submenu item*/
 
.igem_2018_team_menu .submenu .submenu_item {
 
.igem_2018_team_menu .submenu .submenu_item {
border-bottom: 1px solid #FFFF00;
+
/*border-bottom: 1px solid #FFF;*/
   color: #FFFF00;
+
   color: #FFF;
 
     height: 30px;
 
     height: 30px;
 
   float: left;
 
   float: left;
Line 161: Line 184:
  
 
.igem_2018_team_menu .submenu .submenu_item:hover {
 
.igem_2018_team_menu .submenu .submenu_item:hover {
background-color: #FFFF00;
+
background-color: #3a7243;
 
}
 
}
  
Line 168: Line 191:
 
.igem_2018_team_menu .menu_item.current_page,  
 
.igem_2018_team_menu .menu_item.current_page,  
 
.igem_2018_team_menu .menu_item.direct_link.current_page {
 
.igem_2018_team_menu .menu_item.direct_link.current_page {
background-color:#7acbd8;
+
background-color:#5fae6c;
 
}
 
}
  
Line 227: Line 250:
 
.igem_2018_team_content .igem_2018_team_column_wrapper {
 
.igem_2018_team_content .igem_2018_team_column_wrapper {
 
margin:auto;
 
margin:auto;
max-width: 1400px;
+
max-width: 60em;
 
width:90%;
 
width:90%;
 
}
 
}
Line 242: Line 265:
 
.igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;}
 
.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%;}
 
.igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}
 
+
       
 +
        h1.main_title { padding: 0.8em 0.8em 0.7em; color: #fff; background: #3a7243; text-transform: uppercase; }
  
 
/* styling for the titles h1, h2*/
 
/* styling for the titles h1, h2*/
Line 248: Line 272:
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color: #000000;
 
color: #000000;
font-family: "Franklin Gothic", Gadget;
+
font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
 
padding: 10px 0px;
 
padding: 10px 0px;
 
}
 
}
Line 259: Line 283:
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color: #000000;   
 
color: #000000;   
font-family: "Franklin Gothic", Gadget, sans-serif;
+
font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
 
}
 
}
Line 266: Line 290:
 
.igem_2018_team_content .igem_2018_team_column_wrapper p {  
 
.igem_2018_team_content .igem_2018_team_column_wrapper p {  
 
font-size: 130%;
 
font-size: 130%;
font-family: Franklin Gothic;
+
                font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
text-align: justify;
+
/*text-align: justify;*/
 
color: #000000;
 
color: #000000;
 
}
 
}
Line 285: Line 309:
 
}
 
}
  
 +
.igem_2018_team_content .igem_2018_team_column_wrapper b {
 +
color: #5fae6c;
 +
}
 +
/* links */
 +
 +
.igem_2018_team_content .igem_2018_team_column_wrapper a {
 +
color: #273f20;
 +
}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper a:visited {
 +
color: #3a7243;
 +
}
 
/* hover for the links */
 
/* hover for the links */
 
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {  
 
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {  
Line 297: Line 332:
 
border-collapse: collapse;  
 
border-collapse: collapse;  
 
font-size: 130%;
 
font-size: 130%;
 +
                font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
 
width: 100%;  
 
width: 100%;  
 
}
 
}
Line 324: Line 360:
 
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
 
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
 
font-size: 130%;
 
font-size: 130%;
font-family: Franklin Gothic;
+
font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
 
padding:0px 20px;
 
padding:0px 20px;
 
}
 
}
Line 397: Line 433:
 
font-size: 130%;
 
font-size: 130%;
 
margin: 30px auto;
 
margin: 30px auto;
text-align: center;
 
 
}
 
}
  
 
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a  {
 
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a  {
background-color: #5bc7d8;
+
                font-family: sans-serif;
color: #635d5d !important;
+
background-color: #3a7243;
 +
color: #fefefe !important;
 
font-weight: bold;
 
font-weight: bold;
 
margin: auto;
 
margin: auto;
Line 434: Line 470:
  
 
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
 
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
     border-top: 4px solid #5bc7d8;
+
     border-top: 4px solid #3a7243;
 
}
 
}
  
  
 
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
 
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
     border: 4px solid #5bc7d8;
+
     border: 4px solid #3a7243;
 
}
 
}
  
Line 461: Line 497:
 
/************************************************/
 
/************************************************/
 
@media only screen and (max-width: 1800px) {
 
@media only screen and (max-width: 1800px) {
.igem_2018_team_content { width: 85%;}
+
.igem_2018_team_content { width: 80%;}
 
.igem_2018_team_menu {display:block;}
 
.igem_2018_team_menu {display:block;}
 
}
 
}
Line 481: Line 517:
 
@media only screen and (max-width: 1000px) {
 
@media only screen and (max-width: 1000px) {
 
.igem_2018_team_content {width:100%; margin-left:0px;}
 
.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_menu {display:none; margin-top: 45px; /*min-width:50%;*/ width:50%;}
 +
                h1.main_title { padding-top: calc(45px + 0.8em); }
 
.igem_2018_team_mobile_bar {display:block;}
 
.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%; }
 
.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%; }
Line 495: Line 532:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
 
+
@media screen {
 +
#bodyContent a[href^="https://"], .link-https {
 +
  background:url(https://2018.igem.org/wiki/resources/src/mediawiki.skinning/images/external-ltr.png?2014-12-17T20:11:40Z) center right no-repeat;
 +
  background-image:-webkit-linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTMiIHdpZHRoPSIxMyIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYuNDY3ODA4LC0yNTguMzkwMDUpIj4KPHBhdGggc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiMzMzY2YmI7IiBkPSJtNDEuNDcsMjU5LjQsNywwLDAsNy0yLTItMywyLDAtMSwzLTIuMjUsMSwxLDAtMy43NS0zLjc1LDAsMSwxLTIuMjUsMy0xLDAsMi0zeiIvPgo8cGF0aCBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6IzMzNjZiYjsiIGQ9Im00My40NywyNjEuNC01LDAsMCw4LDgsMCwwLTUtMSwwLDAsNC02LDAsMC02LDQsMHoiLz4KPHBhdGggc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiMxNWE1ZWE7IiBkPSJtNDAuNTUsMjYzLjljMC0wLjYyMTMsMC42MjEzLTAuNjIxMywwLjYyMTMtMC42MjEzLDEuODY0LDAuNjIxMywzLjEwNywxLjg2NCwzLjcyOCwzLjcyOCwwLDAsMCwwLjYyMTMtMC42MjEzLDAuNjIxMy0xLjI0My0xLjg2NC0xLjg2NC0yLjQ4NS0zLjcyOC0zLjcyOHoiLz4KPC9nPgo8L3N2Zz4K);
 +
  background-image:-webkit-linear-gradient(transparent,transparent),url(https://2018.igem.org/wiki/resources/src/mediawiki.skinning/images/external-ltr.svg?2014-12-17T20:11:40Z)!ie;
 +
  background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTMiIHdpZHRoPSIxMyIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYuNDY3ODA4LC0yNTguMzkwMDUpIj4KPHBhdGggc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiMzMzY2YmI7IiBkPSJtNDEuNDcsMjU5LjQsNywwLDAsNy0yLTItMywyLDAtMSwzLTIuMjUsMSwxLDAtMy43NS0zLjc1LDAsMSwxLTIuMjUsMy0xLDAsMi0zeiIvPgo8cGF0aCBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6IzMzNjZiYjsiIGQ9Im00My40NywyNjEuNC01LDAsMCw4LDgsMCwwLTUtMSwwLDAsNC02LDAsMC02LDQsMHoiLz4KPHBhdGggc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiMxNWE1ZWE7IiBkPSJtNDAuNTUsMjYzLjljMC0wLjYyMTMsMC42MjEzLTAuNjIxMywwLjYyMTMtMC42MjEzLDEuODY0LDAuNjIxMywzLjEwNywxLjg2NCwzLjcyOCwzLjcyOCwwLDAsMCwwLjYyMTMtMC42MjEzLDAuNjIxMy0xLjI0My0xLjg2NC0xLjg2NC0yLjQ4NS0zLjcyOC0zLjcyOHoiLz4KPC9nPgo8L3N2Zz4K);
 +
  background-image:linear-gradient(transparent,transparent),url(https://2018.igem.org/wiki/resources/src/mediawiki.skinning/images/external-ltr.svg?2014-12-17T20:11:40Z)!ie;
 +
  padding-right:15px
 +
}
 +
}
  
  
Line 541: Line 587:
  
  
<a href="https://2018.igem.org/Team:Aix-Marseille">
+
<a href="https://2018.igem.org/Team:Aix-Marseille" >
                            <img id="File:T--Aix-Marseille--BreakingB.png">
+
<img src="https://static.igem.org/mediawiki/2018/thumb/3/31/T--Aix-Marseille--BreakingB.png/320px-T--Aix-Marseille--BreakingB.png" class="menu_logo">
 
</a>
 
</a>
  
Line 624: Line 670:
 
<div class="submenu_item">
 
<div class="submenu_item">
 
Perspectives  
 
Perspectives  
 +
</div>
 +
</a>
 +
 +
                      <a href="https://2018.igem.org/Team:Aix-Marseille/Safety">
 +
<div class="submenu_item">
 +
Safety
 
</div>
 
</div>
 
</a>
 
</a>
Line 654: Line 706:
 
</div>
 
</div>
 
</a>
 
</a>
 
+
<!--
 
<a href="https://2018.igem.org/Team:Aix-Marseille/Part_Collection">
 
<a href="https://2018.igem.org/Team:Aix-Marseille/Part_Collection">
 
<div class="submenu_item">
 
<div class="submenu_item">
Line 660: Line 712:
 
</div>
 
</div>
 
</a>
 
</a>
</div>
+
-->
 
+
                 
+
+
+
+
 
+
<a href="https://2018.igem.org/Team:Aix-Marseille/Safety">
+
<div class="menu_item direct_link">
+
SAFETY
+
</div>
+
</a>
+
 
+
 
+
  
  
 +
</div>
  
  
Line 687: Line 728:
 
<a href="https://2018.igem.org/Team:Aix-Marseille/Human_Practices">
 
<a href="https://2018.igem.org/Team:Aix-Marseille/Human_Practices">
 
<div class="submenu_item">
 
<div class="submenu_item">
Integrated human practices
+
Integrated HP
 
</div>
 
</div>
 
</a>
 
</a>
Line 727: Line 768:
 
                         <a href="https://2018.igem.org/Team:Aix-Marseille/Donors">
 
                         <a href="https://2018.igem.org/Team:Aix-Marseille/Donors">
 
<div class="submenu_item">
 
<div class="submenu_item">
Donors
+
Crowdfunding
 
</div>
 
</div>
 
</a>
 
</a>
Line 746: Line 787:
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
<h1></html>{{{title}}}<html></h1>
+
<h1 class="main_title"></html>{{{title}}}<html></h1>
 
</div>
 
</div>
 
<div class="igem_2018_team_content">
 
<div class="igem_2018_team_content">
 
<div class="igem_2018_team_column_wrapper">
 
<div class="igem_2018_team_column_wrapper">
 
<div class="clear extra_space"></div></html>
 
<div class="clear extra_space"></div></html>

Latest revision as of 02:26, 18 October 2018

{{{title}}}