improve contrast, stacking on mobile

This commit is contained in:
Mark Eaton
2021-02-05 03:11:58 -05:00
parent c8350ef0e8
commit c0fb7c5a58
2 changed files with 36 additions and 21 deletions
+17 -2
View File
@@ -1,4 +1,9 @@
<style>
body {
color: #111;
}
/* style navbar */
.navbar-default {
@@ -28,6 +33,7 @@
border-radius: 0px !important;
}
/* style link list */
.link-list {
font-size: 2em;
}
@@ -90,8 +96,8 @@ img {
}
.padding-0 {
padding-left: 5px;
padding-right: 5px;
padding-left: 4px;
padding-right: 4px;
flex:1 1 auto;
display: flex;
}
@@ -108,12 +114,21 @@ img {
flex:1 0 100%;
}
.panel-outline-color {
border: solid #555 1px;
}
.vertical-align {
display: flex;
align-items: center;
height: 100%;
}
.more-link {
text-align: center;
width: 100%;
}
/* style the yamm menu */
.dropdown-margin {
margin-right: 50px;
+13 -13
View File
@@ -138,45 +138,45 @@
</div>
<div class="panel-body">
<div class="row equal">
<div class="col-md-2 padding-0">
<div class="panel panel-default">
<div class="col-xs-3 col-sm-2 padding-0">
<div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body">
<span id="hours0" class="hours"></span>
</div>
</div>
</div>
<div class="col-md-2 padding-0">
<div class="panel panel-default">
<div class="col-xs-3 col-sm-2 padding-0">
<div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body">
<span id="hours1" class="hours"></span>
</div>
</div>
</div>
<div class="col-md-2 padding-0">
<div class="panel panel-default">
<div class="col-xs-3 col-sm-2 padding-0">
<div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body">
<span id="hours2" class="hours"></span>
</div>
</div>
</div>
<div class="col-md-2 padding-0">
<div class="panel panel-default">
<div class="col-sm-2 col hidden-xs padding-0">
<div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body">
<span id="hours3" class="hours"></span>
</div>
</div>
</div>
<div class="col-md-2 padding-0">
<div class="panel panel-default">
<div class="col-sm-2 hidden-xs padding-0">
<div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body">
<span id="hours4" class="hours"></span>
</div>
</div>
</div>
<div class="col-md-2 padding-0">
<div class="panel panel-default">
<div class="col-xs-3 col-sm-2 padding-0">
<div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body vertical-align">
<div><a href="https://kbcc.cuny.libguides.com/calendar">More...</a>.</div>
<div class="more-link"><a href="https://kbcc.cuny.libguides.com/calendar">More...</a>.</div>
</div>
</div>
</div>