change hamburger breakpoint; comment out menu hover functionality
This commit is contained in:
@@ -250,98 +250,72 @@ a.no-underline { text-decoration: none; }
|
|||||||
/* media queries */
|
/* media queries */
|
||||||
|
|
||||||
@media only screen and (min-width: 1px) {
|
@media only screen and (min-width: 1px) {
|
||||||
|
|
||||||
#library-logo {
|
#library-logo {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 150px;
|
max-height: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav.navbar-default.yamm { margin-top: -20px; }
|
nav.navbar-default.yamm { margin-top: -20px; }
|
||||||
|
|
||||||
.form-width { width: 210px; }
|
.form-width { width: 210px; }
|
||||||
|
|
||||||
.zero-margin { margin: 7px auto; }
|
.zero-margin { margin: 7px auto; }
|
||||||
|
|
||||||
.nav-by-jumbotron { margin-top: 40px !important; }
|
.nav-by-jumbotron { margin-top: 40px !important; }
|
||||||
|
|
||||||
#main-blue-footer { min-height: 450px; }
|
#main-blue-footer { min-height: 450px; }
|
||||||
|
|
||||||
.library-address { float: left; }
|
.library-address { float: left; }
|
||||||
|
|
||||||
#cuny-logo {
|
#cuny-logo {
|
||||||
float: left;
|
float: left;
|
||||||
clear: both;
|
clear: both;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.libapps {
|
.libapps {
|
||||||
float: left;
|
float: left;
|
||||||
clear: left;
|
clear: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1px) and (max-width: 767px) {
|
|
||||||
|
|
||||||
#hamburger-alternative { display: none; }
|
|
||||||
|
|
||||||
#corona-alert { margin-top: 10px; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 768px) {
|
@media only screen and (min-width: 768px) {
|
||||||
|
|
||||||
#hamburger, #hamburger-ul { display: none; }
|
|
||||||
|
|
||||||
.zero-margin { margin: -2px; }
|
.zero-margin { margin: -2px; }
|
||||||
|
|
||||||
#blue-border1 {
|
#blue-border1 {
|
||||||
box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), -5px -5px 0 var(--kbccblue), -5px 5px 0 var(--kbccblue);
|
box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), -5px -5px 0 var(--kbccblue), -5px 5px 0 var(--kbccblue);
|
||||||
}
|
}
|
||||||
|
|
||||||
#blue-border2 {
|
#blue-border2 {
|
||||||
box-shadow: 0px -5px 0 var(--kbccblue), 0px 5px 0 var(--kbccblue);
|
box-shadow: 0px -5px 0 var(--kbccblue), 0px 5px 0 var(--kbccblue);
|
||||||
}
|
}
|
||||||
|
|
||||||
#blue-border3 {
|
#blue-border3 {
|
||||||
box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), 5px -5px 0 var(--kbccblue), 5px 5px 0 var(--kbccblue);
|
box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), 5px -5px 0 var(--kbccblue), 5px 5px 0 var(--kbccblue);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-by-jumbotron { margin-top: 0px !important; }
|
.nav-by-jumbotron { margin-top: 0px !important; }
|
||||||
|
|
||||||
#lighthouse-logo {
|
#lighthouse-logo {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main-blue-footer { min-height: 210px; }
|
#main-blue-footer { min-height: 210px; }
|
||||||
|
|
||||||
.library-address {
|
.library-address {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: -10px 30px;
|
margin: -10px 30px;
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cuny-logo {
|
#cuny-logo {
|
||||||
float: right;
|
float: right;
|
||||||
clear: none;
|
clear: none;
|
||||||
margin: -10px 0px;
|
margin: -10px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.libapps {
|
.libapps {
|
||||||
float: right;
|
float: right;
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 1px) and (max-width: 991px) {
|
||||||
|
#hamburger-alternative { display: none; }
|
||||||
|
#corona-alert { margin-top: 10px; }
|
||||||
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) {
|
@media only screen and (min-width: 992px) {
|
||||||
|
|
||||||
#header-div { text-align: center; }
|
#header-div { text-align: center; }
|
||||||
|
#hamburger, #hamburger-ul { display: none; }
|
||||||
#library-logo {
|
#library-logo {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 350px;
|
max-height: 350px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-width { width: 340px; }
|
.form-width { width: 340px; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -378,7 +352,7 @@ a.no-underline { text-decoration: none; }
|
|||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<!-- trigger menu open when you hover over dropdowns -->
|
<!-- trigger menu open when you hover over dropdowns
|
||||||
<script>
|
<script>
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
// on tablets, trigger the dropdown on touchend, since there is no hover
|
// on tablets, trigger the dropdown on touchend, since there is no hover
|
||||||
@@ -397,6 +371,7 @@ $(document).ready(function(){
|
|||||||
};
|
};
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
-->
|
||||||
|
|
||||||
<!-- scripts to make the Book a Study Room widget run -->
|
<!-- scripts to make the Book a Study Room widget run -->
|
||||||
<script src="https://kbcc-cuny.libcal.com/js/equipment.min.js"></script>
|
<script src="https://kbcc-cuny.libcal.com/js/equipment.min.js"></script>
|
||||||
|
|||||||
Reference in New Issue
Block a user