Rough hack at app.css for issue #28

This commit is contained in:
James Polley 2017-10-31 05:55:56 +00:00
parent 2af7eaea7f
commit 79d3270a32

View file

@ -209,6 +209,12 @@ div.system-message p.system-message-title {
border: 0px !important;
}
.room {
display: none;
}
.speaker {
display: block;
}
/* 4 different navbar styles to alternate through */
.navbar-nav li:nth-child(4n+0) {background-color: #ECE81A;}
@ -235,6 +241,7 @@ div.system-message p.system-message-title {
.navbar-nav { margin: 0px -15px; }
.navbar-nav > li { width: 120px !important; }
.dropdown-menu { left: 20px; top: 30px; }
.room { display: block; }
}
@media all and (min-width: 760px) {
@ -249,24 +256,24 @@ div.system-message p.system-message-title {
transform: skew(45deg);
}
}
@media only screen and (max-width: 1200px) and (min-width: 760px) {
@media only screen and (max-width: 760px) {
/* Force table to not be like tables anymore */
.banner table {
table {
display: table-row;
}
.banner thead, .banner tbody, .banner th, .banner td, .banner tr {
thead, tbody, th, td, tr {
display: block;
border-top: 0px !important;
}
.banner td {
td {
/* Behave like a "row" */
border: none;
position: relative;yes
padding-left: 50%;
}
.banner td:before {
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */