Browse Source

icon jsw

master
rdrew 2 years ago
parent
commit
da508a2633
  1. 44
      css/global-style.css
  2. 2
      css/global-style.css.map
  3. 19
      css/sass/components/_footer.scss
  4. 8
      css/sass/components/_topnav.scss
  5. 63
      js/custom_js.js

44
css/global-style.css

@ -17953,6 +17953,7 @@ ul.tabs {
.footer_block_container { .footer_block_container {
background: #333; background: #333;
border-bottom: 4px solid #8c2004; border-bottom: 4px solid #8c2004;
padding: 1rem 0;
} }
.region-subfooter { .region-subfooter {
@ -17961,6 +17962,28 @@ ul.tabs {
padding-bottom: 1rem; padding-bottom: 1rem;
} }
.subfooter_block_container {
background: #1a1a1a;
}
.subfooter_block_container .container {
padding-right: 0.625rem;
padding-left: 0.625rem;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
@media print, screen and (min-width: 40em) {
.subfooter_block_container .container {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
footer .footer-links { footer .footer-links {
border-left: 1px solid #676767; border-left: 1px solid #676767;
padding-left: 0.5rem; padding-left: 0.5rem;
@ -17991,6 +18014,19 @@ footer .region-footer .block {
margin-left: 0.625rem; margin-left: 0.625rem;
margin-right: 0.625rem; margin-right: 0.625rem;
} }
footer .region-subfooter {
padding-right: 0.625rem;
padding-left: 0.625rem;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (min-width: 40em) {
footer .region-subfooter {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
footer .title { footer .title {
color: #fefefe; color: #fefefe;
font-size: 1.125rem; font-size: 1.125rem;
@ -18203,6 +18239,14 @@ footer .social-media i {
font-size: 0.8em; font-size: 0.8em;
padding: 0.5rem; padding: 0.5rem;
} }
.menu--menu-center-navigation ul.menu a.is-active,
.menu--main ul.menu a.is-active {
color: #fefefe;
}
.menu--menu-center-navigation ul.menu a.is-active .link-text,
.menu--main ul.menu a.is-active .link-text {
text-decoration: underline;
}
.menu--menu-center-navigation i, .menu--menu-center-navigation i,
.menu--main i { .menu--main i {
font-size: 1.75rem; font-size: 1.75rem;

2
css/global-style.css.map

File diff suppressed because one or more lines are too long

19
css/sass/components/_footer.scss

@ -1,12 +1,24 @@
.footer_block_container { .footer_block_container {
background: $black; background: $black;
border-bottom: 4px solid #8c2004; border-bottom: 4px solid #8c2004;
padding: $global-padding 0;
} }
.region-subfooter { .region-subfooter {
background: darken($black, 10%); background: darken($black, 10%);
padding-top: $global-padding; padding-top: $global-padding;
padding-bottom: $global-padding; padding-bottom: $global-padding;
} }
.subfooter_block_container {
.container {
@include xy-grid-container;
@include xy-grid;
justify-content: space-between;
align-items: center;
padding: $global-padding 0;
}
background: #1a1a1a;
}
footer { footer {
//margin: $global-margin; //margin: $global-margin;
@ -25,6 +37,13 @@ footer {
@include xy-cell(auto); @include xy-cell(auto);
} }
} }
.region-subfooter {
@include xy-grid-container;
//@include xy-grid;
//.block {
//@include xy-cell(auto);
//}
}
.title { .title {
color: #fefefe; color: #fefefe;
font-size: 1.125rem; font-size: 1.125rem;

8
css/sass/components/_topnav.scss

@ -57,6 +57,14 @@
font-size: 0.8em; font-size: 0.8em;
padding: calc($global-padding/2); padding: calc($global-padding/2);
} }
ul.menu a.is-active {
color: $white;
.link-text {
text-decoration: underline;
}
}
.is-active {
}
i { i {
font-size: rem-calc(28); font-size: rem-calc(28);
} }

63
js/custom_js.js

@ -5,6 +5,69 @@ jQuery(document).ready(function ($) {
$(document).foundation(); $(document).foundation();
// Homepage blocks // Homepage blocks
$('.p-navigation__nav > ul').superfish(); $('.p-navigation__nav > ul').superfish();
//askus
$(".page-node-627 .page-title").prepend('<i class="fa-brands fa-weixin"></i>');
//computers
$(".page-node-2411 .page-title").prepend('<i class="fa-solid fa-laptop"></i>');
//search
$(".path-databases-all .page-title").prepend('<i class="fa-solid fa-magnifying-glass"></i>');
//print scan
$(".page-node-2415 .page-title").prepend('<i class="fa-solid fa-print"></i>');
//collections
$(".page-node-371 .page-title").prepend('<i class="fa-solid fa-image"></i>');
// tours
$(".page-node-99 .page-title").prepend('<i class="fa-solid fa-info-circle"></i>');
//booking
//$(".page-node-2409 .page-title").prepend('<i class="fa-solid fa-users"></i>');
// subject guides
$(".page-node-1291 .page-title").prepend('<i class="fa-solid fa-book"></i>');
// faq
$(".page-node-889 .page-title").prepend('<i class="fa-solid fa-question-circle"></i>');
// hours
$(".page-node-675 .page-title").prepend('<i class="fa-solid fa-clock"></i>');
Drupal.behaviors.pageIcons = {
attach: function attach(context, settings) {
//$(".page-node-2411 .page-title").prepend('<i class="fa-solid fa-laptop"></i>');
//var pageTitle = $(".page-databases-all .page_title"); //select the element
//var icon = 'fa-search';
//pageTitle.prepend('<i class="fa ' + icon + '"></i>');
////==============================================
//var pageTitle = $(".section-bar-askus .page_title"); //select the element
//var icon = 'fa-weixin';
//pageTitle.prepend('<i class="fa ' + icon + '"></i>');
////==============================================
//var pageTitle = $(".section-computers .page_title"); //select the element
//var icon = 'fa-laptop';
//pageTitle.prepend('<i class="fa ' + icon + '"></i>');
////==============================================
//var pageTitle = $(".section-printing .page_title"); //select the element
//var icon = 'fa-print';
//pageTitle.prepend('<i class="fa ' + icon + '"></i>');
////==============================================
//var pageTitle = $(".section-peicollection .page_title"); //select the element
//var icon = 'fa-picture-o';
//pageTitle.prepend('<i class="fa ' + icon + '"></i>');
////==============================================
//var pageTitle = $(".section-tours .page_title"); //select the element
//var icon = 'fa-info-circle';
//pageTitle.prepend('<i class="fa ' + icon + '"></i>');
////==============================================
//var pageTitle = $(".section-sg .page_title"); //select the element
//var icon = 'fa-book';
//pageTitle.prepend('<i class="fa ' + icon + '"></i>');
////==============================================
//var pageTitle = $(".section-faq-frequently-asked-questions-about-library-resources-and-services .page_title"); //select the element
//var icon = 'fa-question-circle';
//pageTitle.prepend('<i class="fa ' + icon + '"></i>');
}
};
/* End document /* End document
--------------------------*/ --------------------------*/
}); });

Loading…
Cancel
Save