browser/themes/shared/devtools/styleeditor.css

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

michael@0 1 /* vim:set ts=2 sw=2 sts=2 et: */
michael@0 2 /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0 3 * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0 4 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0 5
michael@0 6 .stylesheet-title,
michael@0 7 .stylesheet-name {
michael@0 8 text-decoration: none;
michael@0 9 }
michael@0 10
michael@0 11 .stylesheet-name {
michael@0 12 font-size: 13px;
michael@0 13 }
michael@0 14
michael@0 15 .theme-dark .stylesheet-title,
michael@0 16 .theme-dark .stylesheet-name {
michael@0 17 color: #f5f7fa;
michael@0 18 }
michael@0 19
michael@0 20 .theme-dark .stylesheet-rule-count,
michael@0 21 .theme-dark .stylesheet-linked-file,
michael@0 22 .theme-dark .stylesheet-saveButton {
michael@0 23 color: #b6babf;
michael@0 24 }
michael@0 25
michael@0 26 .theme-light .stylesheet-title,
michael@0 27 .theme-light .stylesheet-name {
michael@0 28 color: #585959;
michael@0 29 }
michael@0 30
michael@0 31 .theme-light .stylesheet-rule-count,
michael@0 32 .theme-light .stylesheet-linked-file,
michael@0 33 .theme-light .stylesheet-saveButton {
michael@0 34 color: #18191a;
michael@0 35 }
michael@0 36
michael@0 37 .stylesheet-saveButton {
michael@0 38 text-decoration: underline;
michael@0 39 cursor: pointer;
michael@0 40 }
michael@0 41
michael@0 42 .splitview-active .stylesheet-title,
michael@0 43 .splitview-active .stylesheet-name,
michael@0 44 .theme-light .splitview-active .stylesheet-rule-count,
michael@0 45 .theme-light .splitview-active .stylesheet-linked-file,
michael@0 46 .theme-light .splitview-active .stylesheet-saveButton {
michael@0 47 color: #f5f7fa;
michael@0 48 }
michael@0 49
michael@0 50 .splitview-nav:focus {
michael@0 51 outline: 0; /* focus ring is on the stylesheet name */
michael@0 52 }
michael@0 53
michael@0 54 .splitview-nav > li.unsaved > hgroup .stylesheet-name {
michael@0 55 font-style: italic;
michael@0 56 }
michael@0 57
michael@0 58 .splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before,
michael@0 59 .splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after {
michael@0 60 font-style: italic;
michael@0 61 }
michael@0 62
michael@0 63 .splitview-nav.empty > p {
michael@0 64 padding: 0 10px;
michael@0 65 }
michael@0 66
michael@0 67 .stylesheet-enabled {
michael@0 68 padding: 8px 0;
michael@0 69 margin: 0 8px;
michael@0 70 background-image: url(itemToggle.png);
michael@0 71 background-repeat: no-repeat;
michael@0 72 background-clip: content-box;
michael@0 73 background-position: 0 8px;
michael@0 74 width: 24px;
michael@0 75 height: 40px;
michael@0 76 }
michael@0 77
michael@0 78 .theme-light .stylesheet-enabled {
michael@0 79 background-image: url(itemToggle-light.png);
michael@0 80 }
michael@0 81
michael@0 82 .disabled > .stylesheet-enabled {
michael@0 83 background-position: -24px 8px;
michael@0 84 }
michael@0 85
michael@0 86 .splitview-nav > li > .stylesheet-enabled:focus,
michael@0 87 .splitview-nav > li:hover > .stylesheet-enabled {
michael@0 88 outline: 0;
michael@0 89 }
michael@0 90
michael@0 91 .stylesheet-linked-file:not(:empty){
michael@0 92 -moz-margin-end: 0.4em;
michael@0 93 }
michael@0 94
michael@0 95 .stylesheet-linked-file:not(:empty):before {
michael@0 96 -moz-margin-start: 0.4em;
michael@0 97 }
michael@0 98
michael@0 99 li.linked-file-error .stylesheet-linked-file:after {
michael@0 100 font-size: 110%;
michael@0 101 }
michael@0 102
michael@0 103 .stylesheet-more > h3 {
michael@0 104 font-size: 11px;
michael@0 105 -moz-margin-end: 2px;
michael@0 106 }
michael@0 107
michael@0 108 .devtools-searchinput {
michael@0 109 max-width: 25ex;
michael@0 110 font-size: 11px;
michael@0 111 }
michael@0 112
michael@0 113 .placeholder a {
michael@0 114 text-decoration: underline;
michael@0 115 }
michael@0 116
michael@0 117 h1,
michael@0 118 h2,
michael@0 119 h3 {
michael@0 120 font-size: inherit;
michael@0 121 font-weight: normal;
michael@0 122 margin: 0;
michael@0 123 padding: 0;
michael@0 124 }
michael@0 125
michael@0 126 /* portrait mode */
michael@0 127 @media (max-width: 550px) {
michael@0 128 .splitview-nav {
michael@0 129 box-shadow: none;
michael@0 130 }
michael@0 131
michael@0 132 .splitview-nav > li.splitview-active {
michael@0 133 background-size: 0 0, 0 0, auto;
michael@0 134 }
michael@0 135
michael@0 136 .stylesheet-enabled {
michael@0 137 padding: 0;
michael@0 138 background-position: 0 0;
michael@0 139 height: 24px;
michael@0 140 }
michael@0 141
michael@0 142 .disabled > .stylesheet-enabled {
michael@0 143 background-position: -24px 0;
michael@0 144 }
michael@0 145
michael@0 146 .splitview-nav > li > hgroup.stylesheet-info {
michael@0 147 -moz-box-align: baseline;
michael@0 148 }
michael@0 149 }

mercurial