ocertat/Kingsborough-LibGuide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make kibbee header the only one; clean up css

Browse Source
This commit is contained in:
Mark Eaton
2022-06-21 17:00:33 -04:00
parent 7a3c87f63c
commit 714b369693
2 changed files with 35 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/home/LibAnswers-4-js-css.html
+29 -47
View File
@@ -15,10 +15,17 @@ body {
#lcs_slide_out_button-21944 { font-size: 1.5em; } #lcs_slide_out_button-21944 { font-size: 1.5em; }
/* style header */
#header-div {
padding: 30px;
text-align: center;
}
#login-div { #login-div {
float: right; float: right;
padding-right: 17px; padding-right: 17px;
font-size: 1.21em; /* I would like to set this at 1.2em, but for some strange reason this breaks the OneSearch dropdown button */ font-size: 1.21em;
} }
/* style alert */ /* style alert */
@@ -26,7 +33,8 @@ body {
#corona-alert { #corona-alert {
text-align: center; text-align: center;
background-color: #faf870; background-color: #faf870;
padding: 5px; padding: 5px 15px;
cursor: pointer;
} }
#corona-alert-text { #corona-alert-text {
@@ -34,13 +42,6 @@ body {
font-size: 1.5em; font-size: 1.5em;
} }
/* style header */
#header-div {
padding: 30px;
text-align: center;
}
/* style navbar */ /* style navbar */
nav.navbar-default.yamm { nav.navbar-default.yamm {
@@ -48,11 +49,10 @@ nav.navbar-default.yamm {
border: none; border: none;
font-size: 1.4em; font-size: 1.4em;
color: var(--text); color: var(--text);
margin-top: 20px;
border-radius: 0px; border-radius: 0px;
} }
.navbar-default .navbar-nav >li >a { color: var(--text); } .navbar-default .navbar-nav > li > a { color: var(--text); }
#navbar-center { #navbar-center {
display: flex; display: flex;
@@ -60,6 +60,10 @@ nav.navbar-default.yamm {
float: none; float: none;
} }
.ga-main-navbar {
font-size: 1.3em;
}
.faux-card { .faux-card {
margin-left: 16px; margin-left: 16px;
} }
@@ -102,9 +106,6 @@ a.searchmenu { color: var(--text); }
cursor: pointer; cursor: pointer;
} }
/* style link list */
.link-list { font-size: 1.5em; }
/* style for nav by the jumbotron */ /* style for nav by the jumbotron */
.nav-divs-by-jumbotron { .nav-divs-by-jumbotron {
text-align: center; text-align: center;
@@ -115,7 +116,7 @@ a.searchmenu { color: var(--text); }
border-radius: 3px; border-radius: 3px;
} }
.nav-divs-by-jumbotron>h2 { .nav-divs-by-jumbotron > h2 {
font-size: 1.5em; font-size: 1.5em;
margin-bottom: 4px; margin-bottom: 4px;
margin-top: 4px; margin-top: 4px;
@@ -130,14 +131,15 @@ a.no-underline { text-decoration: none; }
border: none; border: none;
} }
#eq_32886:hover { background-color: #444; } .nav-divs-by-jumbotron:hover > h2 > #eq_32886, #eq_32886:hover { background-color: #444; }
.nav-divs-by-jumbotron:hover > h2 > #eq_32886 { background-color: #444; }
#bookastudyroom { cursor: pointer; } #bookastudyroom { cursor: pointer; }
/* style link list */
.link-list { font-size: 1.7em; }
/* style the panels with the text content */ /* style the panels with the text content */
.panel>.show-panel { .panel > .show-panel {
background-color: var(--kbccblue); background-color: var(--kbccblue);
text-align: center; text-align: center;
} }
@@ -154,7 +156,7 @@ a.no-underline { text-decoration: none; }
font-size: 2em; font-size: 2em;
} }
.content-panel-title>h2 { .content-panel-title > h2 {
margin: 7px 0px; margin: 7px 0px;
font-size: 1em; font-size: 1em;
} }
@@ -265,12 +267,7 @@ a.no-underline { text-decoration: none; }
max-height: 150px; max-height: 150px;
} }
#kb-cuny-logo { nav.navbar-default.yamm { margin-top: -20px; }
max-width: 100%;
max-height: 150px;
}
#corona-alert { margin: -25px 6px 0px 12px; }
.form-width { width: 210px; } .form-width { width: 210px; }
@@ -295,17 +292,17 @@ a.no-underline { text-decoration: none; }
} }
@media only screen and (min-width: 1px) and (max-width: 767px) { @media only screen and (min-width: 1px) and (max-width: 767px) {
.mobile-dropdown { max-width: 30%; } .mobile-dropdown { max-width: 33.3%; }
.yamm1, .yamm2, .yamm3 { position: absolute; background-color: white; z-index: 5; border: 1px solid #ccc; margin-top: -4px; } .yamm1, .yamm2, .yamm3 { position: absolute; background-color: white; z-index: 5; border: 1px solid #ccc; margin-top: -4px; }
.yamm1 { max-width: 50vw; } .yamm1 { max-width: 50vw; }
.yamm2 { max-width: 50vw; } .yamm2 { max-width: 50vw; }
.yamm3 { max-width: 40vw; } .yamm3 { max-width: 40vw; }
#corona-alert { margin-top: 10px; }
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
#corona-alert { margin: -20px 12px 0px 12px; }
.zero-margin { margin: -2px; } .zero-margin { margin: -2px; }
#blue-border1 { #blue-border1 {
@@ -350,32 +347,17 @@ a.no-underline { text-decoration: none; }
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
#header-div { text-align: left; } #header-div { text-align: center; }
#kb-cuny-logo {
max-width: 38%;
max-height: 300px;
margin-top: -15px;
}
#library-logo { #library-logo {
float: right; max-width: 100%;
max-width: 62%; max-height: 350px;
max-height: 300px;
margin-top: -15px;
margin-right: -32px;
} }
#corona-alert { margin-top: -10px; }
nav.navbar-default.yamm { margin-top: 10px; }
.form-width { width: 340px; } .form-width { width: 340px; }
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
#kb-cuny-logo { margin-top: 0px; }
#library-logo { margin-top: -3px; } #library-logo { margin-top: -3px; }
} }
groups/home/LibAnswers-SlideOutChat-4.html
+5 -10
View File
@@ -7,23 +7,16 @@
<div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders"> <div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">
<div id="s-lg-index-cols"> <div id="s-lg-index-cols">
<div class="row"> <div class="row">
<div class="col-xs-12">
<a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" class="no-underline" id="login-div">Renew / Request Items</a>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12" id="header-div"> <div class="col-xs-12" id="header-div">
<a href="https://www.kbcc.cuny.edu"><img id="kb-cuny-logo" class="image-fail" alt="CUNY and Kingsborough logos" src="https://libapps.s3.amazonaws.com/accounts/16298/images/kbcc-logo-CUNY.png" /></a> <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" class="no-underline" id="login-div">Renew / Request Items</a>
<img id="library-logo" class="image-fail" alt="Kibbee Library logo" src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg" /> <img id="library-logo" class="image-fail" alt="Kibbee Library logo" src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg" />
</div> <div id="corona-alert" type="button" data-toggle="modal" data-target=".bs-example-modal-sm">
</div>
<div class="row">
<div class="col-xs-12">
<div id="corona-alert" style="cursor: pointer; padding-left: 20px; padding-right: 20px;" type="button" data-toggle="modal" data-target=".bs-example-modal-sm">
<span id="corona-alert-text">No fines on KBCC books checked out before the pandemic! Just return them to any CUNY Library.</span> <span id="corona-alert-text">No fines on KBCC books checked out before the pandemic! Just return them to any CUNY Library.</span>
</div> </div>
</div> </div>
<!-- Modal --> <!-- Modal -->
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"> <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-sm" role="document"> <div class="modal-dialog modal-sm" role="document">
@@ -43,6 +36,7 @@
<nav class="navbar navbar-default yamm"> <nav class="navbar navbar-default yamm">
<div class="container-fluid"> <div class="container-fluid">
<ul class="nav navbar-nav" id="navbar-center"> <ul class="nav navbar-nav" id="navbar-center">
<li class="dropdown mobile-dropdown"> <li class="dropdown mobile-dropdown">
<a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Find It <span class="caret"></span></a> <a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Find It <span class="caret"></span></a>
<ul class="dropdown-menu dropdown-margin"> <ul class="dropdown-menu dropdown-margin">
@@ -217,6 +211,7 @@
</div> </div>
</li> </li>
</ul> </ul>
</li> </li>
<!-- Hide chat with a librarian <!-- Hide chat with a librarian
<li> <li>