Conservancy/symposion_app
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Rough hack at app.css for issue #28

Browse source
This commit is contained in:
James Polley 2017-10-31 05:55:56 +00:00
parent 2af7eaea7f
commit 79d3270a32
1 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
static/src/css/app.css
View file

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