Skip to content
Snippets Groups Projects
Commit d32743a3 authored by khawkins98's avatar khawkins98
Browse files

Update compiled

parent 03ea2c7e
No related branches found
No related tags found
No related merge requests found
Expand all Hide whitespace changes
Inline Side-by-side
css/ebi-global.css
+ 6
− 2
View file @ d32743a3
......@@ -4383,11 +4383,15 @@ body.no-global-search .masthead-black-bar ul#global-nav.menu li.search {
display: none; }
.masthead-black-bar {
background-color: #222; }
background-color: #222;
transition: border-width 0.5s ease-in-out;
border-top: 0 solid #EEE; }
.masthead-black-bar,
.masthead-black-bar a,
.masthead-black-bar a:hover {
color: white; }
.masthead-black-bar.peek {
border-top: 1rem solid #EEE; }
.masthead-black-bar li.embl-selector {
margin-left: 0.5rem;
border-left: 0.5px solid rgba(255, 255, 255, 0.5);
......@@ -4477,7 +4481,7 @@ body.no-global-search .masthead-black-bar ul#global-nav.menu li.search {
overflow: hidden; }
.masthead-black-bar .embl-selector .button:after {
display: none; }
.masthead-black-bar .masthead-black-bar nav ul.menu li a {
.masthead-black-bar nav ul.menu li a {
padding-right: .5rem;
padding-left: .5rem; } }
.masthead-black-bar .global-nav {
......
css/ebi-global.min.css
+ 1
− 1
View file @ d32743a3
source diff could not be displayed: it is too large. Options to address this: view the blob.
js/documenation.md
+ 44
− 44
View file @ d32743a3
This diff is collapsed.
js/elixirBanner.min.js
+ 1
− 1
View file @ d32743a3
function elixirBanner(){try{var divElixirBanner=document.getElementById("elixir-banner");if(divElixirBanner){var defaultName="This",defaultDescription="This is part of the ELIXIR distributed infrastructure for life-science information.",basicStylingForNonfoundationSites="",defaultColor="blue";void 0!==divElixirBanner.dataset.color&&(defaultColor="blue"==(defaultColor="green"==(defaultColor="grey"==(defaultColor="orange"==(defaultColor=divElixirBanner.dataset.color)?"rgb(244,125,32)":defaultColor)?"rgb(77,77,72)":defaultColor)?"rgb(190,191,50)":defaultColor)?"rgb(79,138,156)":defaultColor),void 0!==divElixirBanner.dataset.name&&(defaultName=divElixirBanner.dataset.name),void 0!==divElixirBanner.dataset.description&&(defaultDescription=divElixirBanner.dataset.description),"true"===divElixirBanner.dataset.useBasicStyles&&(basicStylingForNonfoundationSites="\n .elixir-ribbon {\n font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n }\n\n .elixir-ribbon .row {\n max-width: 1200px;\n margin: 0 auto 1rem;\n }\n\n .elixir-ribbon h5 {\n font-size: 1.3rem;\n }\n ");var html='\n <div id="elixir-ribbon" class="elixir-ribbon">\n <div class="row">\n <a href="#">\n <div class="elixir-logo-kite"></div>\n <h5>\n <span class="elixir-banner-name">'+defaultName+'</span> is part of the ELIXIR infrastructure\n </h5>\n <div id="elixir-banner-info">\n <small>\n <span class="elixir-banner-description">'+defaultDescription+'</span>\n <span class="readmore" href="#">Learn more &#8250;</span>\n </small>\n </div>\n </a>\n </div>\n </div>\n\n <style>\n .elixir-ribbon {\n padding: 1rem 0;\n background-color: '+defaultColor+";\n }\n "+basicStylingForNonfoundationSites+'\n .elixir-ribbon,\n .elixir-ribbon h5,\n .elixir-ribbon a,\n .elixir-ribbon a:active,\n .elixir-ribbon a:hover {\n color: #fff;\n text-decoration: none;\n }\n .elixir-ribbon a:hover {\n opacity: .8;\n }\n .elixir-ribbon .readmore {\n border-bottom: 1px dotted #fff;\n }\n .elixir-ribbon h5 {\n margin: .5rem 0 0;\n }\n .elixir-ribbon .elixir-logo-kite {\n background: 80% 58% url("https://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/assorted/elixir_kitemark-60px.png") no-repeat;\n position: relative;\n top: -5px;\n margin: 0 1rem -.5rem 0;\n height: 60px;\n width: 60px;\n display: inline-block;\n float: left;\n }\n </style>\n ';divElixirBanner.innerHTML=html}}catch(err){console.log(err)}}elixirBanner();
\ No newline at end of file
function elixirBanner(){try{var divElixirBanner=document.getElementById("elixir-banner");if(divElixirBanner){var defaultName="This",defaultDescription="This is part of the ELIXIR distributed infrastructure for life-science information.",basicStylingForNonfoundationSites="",defaultLink="https://www.elixir-europe.org/about-us/why-needed",defaultColor="blue";void 0!==divElixirBanner.dataset.color&&(defaultColor="blue"==(defaultColor="green"==(defaultColor="grey"==(defaultColor="orange"==(defaultColor=divElixirBanner.dataset.color)?"rgb(244,125,32)":defaultColor)?"rgb(77,77,72)":defaultColor)?"rgb(190,191,50)":defaultColor)?"rgb(79,138,156)":defaultColor),void 0!==divElixirBanner.dataset.name&&(defaultName=divElixirBanner.dataset.name),void 0!==divElixirBanner.dataset.description&&(defaultDescription=divElixirBanner.dataset.description),void 0!==divElixirBanner.dataset.moreInformationLink&&(defaultLink=divElixirBanner.dataset.moreInformationLink),"true"===divElixirBanner.dataset.useBasicStyles&&(basicStylingForNonfoundationSites="\n .elixir-ribbon {\n font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n }\n\n .elixir-ribbon .row {\n max-width: 1200px;\n margin: 0 auto 1rem;\n }\n\n .elixir-ribbon h5 {\n font-size: 1.3rem;\n }\n ");var html='\n <div id="elixir-ribbon" class="elixir-ribbon">\n <div class="row">\n <a href="'+defaultLink+'">\n <div class="elixir-logo-kite"></div>\n <h5>\n <span class="elixir-banner-name">'+defaultName+'</span> is part of the ELIXIR infrastructure\n </h5>\n <div id="elixir-banner-info">\n <small>\n <span class="elixir-banner-description">'+defaultDescription+'</span>\n <span class="readmore">Learn more &#8250;</span>\n </small>\n </div>\n </a>\n </div>\n </div>\n\n <style>\n .elixir-ribbon {\n padding: 1rem 0;\n background-color: '+defaultColor+";\n }\n "+basicStylingForNonfoundationSites+'\n .elixir-ribbon,\n .elixir-ribbon h5,\n .elixir-ribbon a,\n .elixir-ribbon a:active,\n .elixir-ribbon a:hover {\n color: #fff;\n text-decoration: none;\n }\n .elixir-ribbon a:hover {\n opacity: .8;\n }\n .elixir-ribbon .readmore {\n border-bottom: 1px dotted #fff;\n }\n .elixir-ribbon h5 {\n margin: .5rem 0 0;\n }\n .elixir-ribbon .elixir-logo-kite {\n background: 80% 58% url("https://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/assorted/elixir_kitemark-60px.png") no-repeat;\n position: relative;\n top: -5px;\n margin: 0 1rem -.5rem 0;\n height: 60px;\n width: 60px;\n display: inline-block;\n float: left;\n }\n </style>\n ';divElixirBanner.innerHTML=html}}catch(err){console.log(err)}}elixirBanner();
\ No newline at end of file
js/script.js
+ 15
− 4
View file @ d32743a3
......@@ -218,7 +218,7 @@ function ebiFrameworkPopulateBlackBar() {
'<li class="location grenoble hide"><a href="#">Heidelberg</a></li>'+
'<li class="location grenoble hide"><a href="#">Grenoble</a></li>'+
'<li class="location rome hide"><a href="#">Rome</a></li>'+
'<li class="float-right show-for-medium embl-selector">'+
'<li id="embl-selector" class="float-right show-for-medium embl-selector">'+
'<button class="button float-right">&nbsp;</button>'+
'</li>'+
'<li class="float-right search">'+
......@@ -336,9 +336,22 @@ function ebiFrameworkInsertEMBLdropdown() {
'</nav>';
document.getElementById("masthead-black-bar").insertBefore(dropdownDiv,document.getElementById("masthead-black-bar").firstChild);
// toggle the .embl-bar
var emblBar = document.querySelectorAll(".embl-bar")[0];
var emblBarButton = document.querySelectorAll(".embl-selector")[0];
var blackBar = document.querySelectorAll(".masthead-black-bar")[0];
// add "peeking" animation for embl selector
emblBarButton.addEventListener("mouseenter", function( event ) {
blackBar.className += ' peek';
// reset the peeking after a short delay
setTimeout(function() {
blackBar.classList.remove("peek");
}, 500);
}, false);
// toggle the .embl-bar
var emblSelector = document.querySelectorAll(".embl-selector")[0].addEventListener("click", function( event ) {
ebiToggleClass(emblBar,'active');
ebiToggleClass(emblBarButton,'active');
......@@ -351,8 +364,6 @@ function ebiFrameworkInsertEMBLdropdown() {
window.scrollTo(0, 0);
}, false);
// we do this bit with jquery to prototype, would need ro rewire as vanilla JS..
// we do this bit with jquery to prototype, would need ro rewire as vanilla JS..
$('#masthead-black-bar .where.active').on('mouseover', function() {
emblResetContext(); // clear any other states
......
js/script.min.js
+ 1
− 1
View file @ d32743a3
This diff is collapsed.
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment