michael@0: /* vim:set ts=2 sw=2 sts=2 et: */
michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: box,
michael@0: .splitview-nav {
michael@0:   -moz-box-flex: 1;
michael@0:   -moz-box-orient: vertical;
michael@0: }
michael@0: 
michael@0: .splitview-nav-container {
michael@0:   -moz-box-pack: center;
michael@0: }
michael@0: 
michael@0: .loading .splitview-nav-container > .placeholder {
michael@0:   display: none !important;
michael@0: }
michael@0: 
michael@0: .splitview-controller,
michael@0: .splitview-main {
michael@0:   -moz-box-flex: 0;
michael@0: }
michael@0: 
michael@0: .splitview-controller {
michael@0:   min-height: 3em;
michael@0:   max-height: 14em;
michael@0:   max-width: 400px;
michael@0: }
michael@0: 
michael@0: .splitview-nav {
michael@0:   display: -moz-box;
michael@0:   overflow-x: hidden;
michael@0:   overflow-y: auto;
michael@0: }
michael@0: 
michael@0: /* only the active details pane is shown */
michael@0: .splitview-side-details > * {
michael@0:   display: none;
michael@0: }
michael@0: .splitview-side-details > .splitview-active {
michael@0:   display: -moz-box;
michael@0: }
michael@0: 
michael@0: .splitview-landscape-resizer {
michael@0:   cursor: ew-resize;
michael@0: }
michael@0: 
michael@0: /* this is to keep in sync with SplitView.jsm's LANDSCAPE_MEDIA_QUERY */
michael@0: @media (min-width: 551px) {
michael@0:   .splitview-root {
michael@0:     -moz-box-orient: horizontal;
michael@0:   }
michael@0:   .splitview-controller {
michael@0:     max-height: none;
michael@0:   }
michael@0:   .splitview-details {
michael@0:     display: none;
michael@0:   }
michael@0:   .splitview-details.splitview-active {
michael@0:     display: -moz-box;
michael@0:   }
michael@0: }
michael@0: 
michael@0: /* filtered items are hidden */
michael@0: ol.splitview-nav > li.splitview-filtered {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: /* "empty list" and "all filtered" placeholders are hidden */
michael@0: .splitview-nav:empty,
michael@0: .splitview-nav.splitview-all-filtered,
michael@0: .splitview-nav + .splitview-nav.placeholder {
michael@0:   display: none;
michael@0: }
michael@0: .splitview-nav.splitview-all-filtered ~ .splitview-nav.placeholder.all-filtered,
michael@0: .splitview-nav:empty ~ .splitview-nav.placeholder.empty {
michael@0:   display: -moz-box;
michael@0: }
michael@0: 
michael@0: .splitview-portrait-resizer {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: /* portrait mode */
michael@0: @media (max-width: 550px) {
michael@0:   .splitview-landscape-splitter {
michael@0:     display: none;
michael@0:   }
michael@0: 
michael@0:   .splitview-portrait-resizer {
michael@0:     display: -moz-box;
michael@0:   }
michael@0: 
michael@0:   .splitview-controller {
michael@0:     max-width: none;
michael@0:   }
michael@0: }