diff options
author | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
---|---|---|
committer | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
commit | 5f8de423f190bbb79a62f804151bc24824fa32d8 (patch) | |
tree | 10027f336435511475e392454359edea8e25895d /devtools/client/themes/computed.css | |
parent | 49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff) | |
download | UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip |
Add m-esr52 at 52.6.0
Diffstat (limited to 'devtools/client/themes/computed.css')
-rw-r--r-- | devtools/client/themes/computed.css | 237 |
1 files changed, 237 insertions, 0 deletions
diff --git a/devtools/client/themes/computed.css b/devtools/client/themes/computed.css new file mode 100644 index 000000000..d36637ac9 --- /dev/null +++ b/devtools/client/themes/computed.css @@ -0,0 +1,237 @@ +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + +#sidebar-panel-computedview { + margin: 0; + display: flex; + flex-direction: column; + width: 100%; + height: 100%; +} + +#computedview-container { + overflow: auto; + height: 100%; +} + +/* This extra wrapper only serves as a way to get the content of the view focusable. + So that when the user reaches it either via keyboard or mouse, we know that the view + is focused and therefore can handle shortcuts. + However, for accessibility reasons, tabindex is set to -1 to avoid having to tab + through it, and the outline is hidden. */ +#computedview-container-focusable { + height: 100%; + outline: none; +} + +#computedview-toolbar { + display: flex; + align-items: center; +} + +#browser-style-checkbox { + /* Bug 1200073 - extra space before the browser styles checkbox so + they aren't squished together in a small window. Put also + an extra space after. */ + margin-inline-start: 5px; + margin-inline-end: 0; +} + +#browser-style-checkbox-label { + padding-inline-start: 5px; + margin-inline-end: 5px; +} + +#propertyContainer { + -moz-user-select: text; + overflow-y: auto; + overflow-x: hidden; + flex: auto; +} + +.row-striped { + background: var(--theme-body-background); +} + +.property-view-hidden, +.property-content-hidden { + display: none; +} + +.property-view { + padding: 2px 0px; + padding-inline-start: 5px; + display: flex; + flex-wrap: wrap; +} + +.property-name-container { + width: 202px; +} + +.property-value-container { + display: flex; + flex: 1 1 168px; + overflow: hidden; +} + +.property-name-container > *, +.property-value-container > * { + display: inline-block; + vertical-align: middle; +} + +.property-name { + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + outline: 0 !important; +} + +.other-property-value { + background-image: url(images/arrow-e.png); + background-repeat: no-repeat; + background-size: 5px 8px; +} + +@media (min-resolution: 1.1dppx) { + .other-property-value { + background-image: url(images/arrow-e@2x.png); + } +} + +.property-value { + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding-inline-start: 14px; + outline: 0 !important; +} + +.other-property-value { + background-position: left center; + padding-inline-start: 8px; +} + +.other-property-value:dir(rtl) { + background-position-x: right; +} + +.property-content { + padding-inline-start: 17px; +} + +.theme-firebug .property-view, +.theme-firebug .property-content { + font-family: var(--proportional-font-family); +} + +.theme-firebug .property-view { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); +} + +/* From skin */ +.expander { + visibility: hidden; +} + +.expandable { + visibility: visible; +} + +.match { + visibility: hidden; +} + +.matchedselectors > p { + clear: both; + margin: 0; + margin-inline-end: 2px; + padding: 2px; + overflow-x: hidden; + border-style: dotted; + border-color: rgba(128,128,128,0.4); + border-width: 1px 1px 0 1px; +} + +.matchedselectors > p:last-of-type { + border-bottom-width: 1px; +} + +.matched { + text-decoration: line-through; +} + +.parentmatch { + opacity: 0.5; +} + +#computedview-no-results { + height: 100%; +} + +.onlyuserstyles { + cursor: pointer; +} + +.legendKey { + margin: 0 5px; +} + +.link { + padding: 0 3px; + cursor: pointer; + float: right; +} + +/* Workaround until float: inline-end; is enabled by default */ +.link:dir(rtl) { + float: left; +} + +/* Take away these two :visited rules to get a core dumper */ +/* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */ + +.link, +.link:visited { + color: #0091ff; +} + +.link, +.helplink, +.link:visited, +.helplink:visited { + text-decoration: none; +} + +.link:hover { + text-decoration: underline; +} + +.computedview-colorswatch { + border-radius: 50%; + width: 0.9em; + height: 0.9em; + vertical-align: middle; + margin-inline-end: 5px; + display: inline-block; + position: relative; +} + +.computedview-colorswatch::before { + content: ''; + background-color: #eee; + background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), + linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc); + background-size: 12px 12px; + background-position: 0 0, 6px 6px; + position: absolute; + border-radius: 50%; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; +} |