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

 
(29 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 76: Line 97:
 
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%;  
 
}
 
}
  
Line 163: Line 184:
  
 
.igem_2018_team_menu .submenu .submenu_item:hover {
 
.igem_2018_team_menu .submenu .submenu_item:hover {
background-color: #FFF;
+
background-color: #3a7243;
 
}
 
}
  
Line 170: 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 229: 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 244: 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 250: 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 261: 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 268: 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 287: 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 299: 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 326: 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 399: 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 436: 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 463: 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 484: Line 518:
 
.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 497: 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 662: 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 668: Line 712:
 
</div>
 
</div>
 
</a>
 
</a>
 
+
-->
 
                    
 
                    
  
Line 684: 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 724: 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 743: 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}}}