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: .stylesheet-error-message {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: li.error > .stylesheet-info > .stylesheet-more  > .stylesheet-error-message {
michael@0:   display: block;
michael@0: }
michael@0: 
michael@0: .splitview-nav > li,
michael@0: .stylesheet-info,
michael@0: .stylesheet-more {
michael@0:   display: -moz-box;
michael@0: }
michael@0: 
michael@0: .splitview-nav > li {
michael@0:   -moz-box-orient: horizontal;
michael@0: }
michael@0: 
michael@0: .splitview-nav > li > hgroup {
michael@0:   display: -moz-box;
michael@0:   -moz-box-orient: vertical;
michael@0:   -moz-box-flex: 1;
michael@0: }
michael@0: 
michael@0: .stylesheet-info > h1 {
michael@0:   -moz-box-flex: 1;
michael@0: }
michael@0: 
michael@0: .stylesheet-name > label {
michael@0:   display: inline;
michael@0:   cursor: pointer;
michael@0: }
michael@0: 
michael@0: .splitview-nav > li > hgroup.stylesheet-info {
michael@0:   -moz-box-pack: center;
michael@0: }
michael@0: 
michael@0: .stylesheet-name {
michael@0:   white-space: nowrap;
michael@0: }
michael@0: 
michael@0: li.unsaved > hgroup > h1 > .stylesheet-name:before {
michael@0:   content: "*";
michael@0: }
michael@0: 
michael@0: li.linked-file-error .stylesheet-linked-file {
michael@0:   text-decoration: line-through;
michael@0: }
michael@0: 
michael@0: li.linked-file-error .stylesheet-linked-file:after {
michael@0:   content: " ✘";
michael@0: }
michael@0: 
michael@0: li.linked-file-error .stylesheet-rule-count {
michael@0:   visibility: hidden;
michael@0: }
michael@0: 
michael@0: .stylesheet-linked-file:not(:empty):before {
michael@0:   content: " ↳ ";
michael@0: }
michael@0: 
michael@0: .stylesheet-enabled {
michael@0:   display: -moz-box;
michael@0:   cursor: pointer;
michael@0: }
michael@0: 
michael@0: .stylesheet-saveButton {
michael@0:   display: none;
michael@0:   margin-top: 0px;
michael@0:   margin-bottom: 0px;
michael@0: }
michael@0: 
michael@0: .stylesheet-rule-count,
michael@0: li.splitview-active > hgroup > .stylesheet-more > h3 > .stylesheet-saveButton,
michael@0: li:hover > hgroup > .stylesheet-more > h3 > .stylesheet-saveButton {
michael@0:   display: -moz-box;
michael@0: }
michael@0: 
michael@0: .stylesheet-more > spacer {
michael@0:   -moz-box-flex: 1;
michael@0: }
michael@0: 
michael@0: /* portrait mode */
michael@0: @media (max-width: 550px) {
michael@0:   li.splitview-active > hgroup > .stylesheet-more > .stylesheet-rule-count,
michael@0:   li:hover > hgroup > .stylesheet-more > .stylesheet-rule-count {
michael@0:     display: none;
michael@0:   }
michael@0: 
michael@0:   .stylesheet-more {
michael@0:     -moz-box-flex: 1;
michael@0:     -moz-box-pack: end;
michael@0:   }
michael@0: 
michael@0:   .splitview-nav > li > hgroup.stylesheet-info {
michael@0:     -moz-box-orient: horizontal;
michael@0:     -moz-box-flex: 1;
michael@0:   }
michael@0: 
michael@0:   .stylesheet-more > spacer {
michael@0:     -moz-box-flex: 0;
michael@0:   }
michael@0: }