80 lines
1.7 KiB
CSS
Raw Normal View History

2020-04-22 14:20:00 -06:00
/*
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
/*
Created on : Apr 3, 2020, 11:55:50 AM
Author : Skylar Ittner
*/
.only-tablet {
display: none;
}
@media all and (min-width: 768px) {
.only-tablet {
display: inherit;
}
.no-tablet {
display: none;
}
2020-04-24 23:13:02 -06:00
/*
2020-04-22 14:20:00 -06:00
.page.tabbed .tabbar {
2020-04-24 23:13:02 -06:00
Remove tab switcher at bottom of page
2020-04-22 14:20:00 -06:00
display: none;
height: 0;
}
.page.tabbed .tabs {
2020-04-24 23:13:02 -06:00
Put tabs next to each other
2020-04-22 14:20:00 -06:00
display: flex;
}
.page.tabbed .tabs .tab {
2020-04-24 23:13:02 -06:00
un-hide "non-active" tabs
2020-04-22 14:20:00 -06:00
display: block;
2020-04-24 23:13:02 -06:00
Make FABs stay where they should
2020-04-22 14:20:00 -06:00
position: relative;
}
.page.tabbed .tabs .tab.tab-67 {
width: 66.67% !important;
}
.page.tabbed .tabs .tab.tab-33 {
width: 33.33% !important;
}
.page.tabbed .page-content {
padding-top: 0;
padding-bottom: 0;
2020-04-24 23:13:02 -06:00
}*/
2020-04-22 14:20:00 -06:00
.elevation-tablet {
/* .elevation-3 */
box-shadow: var(--f7-elevation-3)!important;
}
2020-04-24 23:13:02 -06:00
/*
2020-04-22 14:20:00 -06:00
.page.tabbed .tabs .tab:not(:first-child) {
2020-04-24 23:13:02 -06:00
box-shadow: inset 5px 0 9px -5px rgba(0,0,0,0.3);
2020-04-22 14:20:00 -06:00
border-left: 1px solid rgba(0,0,0,0.1);
2020-04-24 23:13:02 -06:00
}*/
/*
2020-04-22 14:20:00 -06:00
.page.tabbed .fab {
margin-bottom: 0;
}
.sheet-backdrop.backdrop-in {
visibility: hidden;
2020-04-24 23:13:02 -06:00
}*/
2020-04-22 14:20:00 -06:00
.padding-bottom-tablet {
padding-bottom: 3rem !important;
}
2020-04-24 23:13:02 -06:00
/*
2020-04-22 14:20:00 -06:00
#mapbox {
height: calc(100% - var(--f7-navbar-height));
2020-04-24 23:13:02 -06:00
}*/
2020-04-22 14:20:00 -06:00
}
@media all and (min-width: 768px) and (min-height: 700px) {
.margin-top-tablet {
margin-top: 1rem;
}
}