Rough hack at app.css for issue #28
This commit is contained in:
parent
2af7eaea7f
commit
79d3270a32
1 changed files with 12 additions and 5 deletions
|
@ -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 */
|
||||
|
|
Loading…
Reference in a new issue