Difference between revisions of "Template:Aix-Marseille/top"
Laurianne C (Talk | contribs) |
|||
| (33 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:# | + | background-color:#273f20; |
| − | border-left: 1px solid # | + | border-left: 1px solid #273f20; |
display:block; | display:block; | ||
float:right; | float:right; | ||
height:100vh; | height:100vh; | ||
| − | max-width: | + | 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: | + | 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:# | + | background-color:#273f20; |
| − | border-bottom: 1px solid #928b8b; | + | /*border-bottom: 1px solid #928b8b;*/ |
clear: both; | clear: both; | ||
| − | color: # | + | 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: # | + | color: #FFF; |
padding-left: 15%; | padding-left: 15%; | ||
} | } | ||
.igem_2018_team_menu .menu_item:hover { | .igem_2018_team_menu .menu_item:hover { | ||
| − | background-color: # | + | background-color: #3a7243; |
} | } | ||
.igem_2018_team_menu .menu_item .submenu_control_icon { | .igem_2018_team_menu .menu_item .submenu_control_icon { | ||
| − | color: # | + | 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: # | + | 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 # | + | /*border-bottom: 1px solid #FFF;*/ |
| − | color: # | + | 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: # | + | 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:# | + | 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: | + | 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: " | + | 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: " | + | 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: 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: | + | 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; | ||
| − | |||
} | } | ||
.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: # | + | font-family: sans-serif; |
| − | color: # | + | 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 # | + | 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 # | + | 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: | + | .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 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> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| Line 691: | 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 | + | Integrated HP |
</div> | </div> | ||
</a> | </a> | ||
| Line 731: | 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"> | ||
| − | + | Crowdfunding | |
</div> | </div> | ||
</a> | </a> | ||
| Line 750: | 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
