X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fdevtools%2Fstyleeditor.css;fp=LCARStrek%2Fdevtools%2Fstyleeditor.css;h=0000000000000000000000000000000000000000;hb=bdb9f97982138845069e66497bea0e2c4d0fe455;hp=5168985caa6c27fcb0de4690946eb1a96c811360;hpb=b1d1a8bbaca0a31b2c2581911368b6892d447718;p=themes.git diff --git a/LCARStrek/devtools/styleeditor.css b/LCARStrek/devtools/styleeditor.css deleted file mode 100644 index 5168985c..00000000 --- a/LCARStrek/devtools/styleeditor.css +++ /dev/null @@ -1,432 +0,0 @@ -/* 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/. */ - -window:not([windowtype]) { - /* This does not apply to the standalone window in FF 19 and lower, - * only to the dev toolbox in FF 20+. */ - padding: 0; -} - -#style-editor-chrome { - -moz-box-flex: 1; - background-color: #000000; -} - -.splitview-nav > li, -.stylesheet-info, -.stylesheet-more, -.stylesheet-rule-count, -li.splitview-active > hgroup > .stylesheet-more > h3 > .stylesheet-saveButton, -li:hover > hgroup > .stylesheet-more > h3 > .stylesheet-saveButton { - display: -moz-box; -} - -.devtools-toolbar > spacer { - -moz-box-flex: 1; -} - -.style-editor-newButton { - list-style-image: url(images/add.svg); -} - -.style-editor-importButton { - list-style-image: url(images/import.svg); -} - -.stylesheet-details-container { - -moz-box-flex: 1; -} - -.stylesheet-media-container { - overflow-y: auto; -} - -.stylesheet-error-message { - display: none; -} - -li.error > .stylesheet-info > .stylesheet-more > .stylesheet-error-message { - display: block; -} - -.stylesheet-title, -.stylesheet-name { - text-decoration: none; -} - -.stylesheet-name { - font-size: 13px; - white-space: nowrap; -} - -.stylesheet-name > label { - display: inline; - cursor: pointer; -} - -.stylesheet-info > h1 { - -moz-box-flex: 1; -} - -.splitview-nav > li > hgroup.stylesheet-info { - -moz-box-pack: center; -} - -.stylesheet-more > spacer { - -moz-box-flex: 1; -} - -.stylesheet-title, -.stylesheet-name { - color: var(--theme-highlight-blue); -} - -.stylesheet-rule-count, -.stylesheet-linked-file, -.stylesheet-saveButton { - color: var(--theme-body-color); -} - -.stylesheet-saveButton { - display: none; - margin-top: 0px; - margin-bottom: 0px; - text-decoration: underline; - cursor: pointer; -} - -.splitview-active .stylesheet-title, -.splitview-active .stylesheet-name { - color: var(--theme-highlight-lightorange); -} - -.splitview-active .stylesheet-rule-count, -.splitview-active .stylesheet-linked-file, -.splitview-active .stylesheet-saveButton { - color: var(--theme-highlight-pink); -} - -.splitview-nav:focus { - outline: 0; /* focus ring is on the stylesheet name */ -} - -.splitview-nav > li { - -moz-box-orient: horizontal; -} - -.splitview-nav > li > hgroup { - display: -moz-box; - -moz-box-orient: vertical; - -moz-box-flex: 1; -} - -.splitview-nav > li.unsaved > hgroup .stylesheet-name { - font-style: italic; -} - -.splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before, -.splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after { - font-style: italic; -} - -.splitview-nav.empty > p { - padding: 0 10px; -} - -.stylesheet-sidebar { - max-width: 400px; - min-width: 100px; - - border-color: var(--theme-splitter-color); -} - -.media-rule-label { - border-bottom: 1px solid var(--theme-splitter-color); -} - -.media-rule-label { - display: flex; - padding: 4px; - cursor: pointer; - border-bottom: 1px solid; -} - -.media-responsive-mode-toggle { - color: var(--theme-highlight-blue); - text-decoration: underline; -} - -.media-rule-line { - padding-inline-start: 4px; -} - -.media-condition-unmatched { - color: #8050B0; -/* opacity: 0.4;*/ -} - -.media-rule-condition { - flex: 1; - overflow: hidden; -} - -.stylesheet-enabled { - display: -moz-box; - cursor: pointer; - padding: 8px 0; - margin: 0 8px; - background-image: url("images/itemToggle.svg"); - background-repeat: no-repeat; - background-clip: content-box; - background-position: center; - background-size: 16px; - width: 24px; - height: 40px; -/* filter: var(--icon-filter);*/ -} - -.disabled > .stylesheet-enabled { - filter: url(images/filters.svg#disabled-icon-state); -} - -.splitview-nav > li > .stylesheet-enabled:focus, -.splitview-nav > li:hover > .stylesheet-enabled { - outline: 0; -} - -.stylesheet-linked-file:not(:empty){ - margin-inline-end: 0.4em; -} - -.stylesheet-linked-file:not(:empty):before { - margin-inline-start: 0.4em; - content: " ↳ "; -} - -li.unsaved > hgroup > h1 > .stylesheet-name:before { - content: "*"; -} - -li.linked-file-error .stylesheet-linked-file { - text-decoration: line-through; -} - -li.linked-file-error .stylesheet-linked-file:after { - font-size: 110%; - content: " ✘"; -} - -li.linked-file-error .stylesheet-rule-count { - visibility: hidden; -} - -.stylesheet-more > h3 { - font-size: 11px; - margin-inline-end: 2px; -} - -.devtools-searchinput, -.devtools-filterinput { - max-width: 25ex; - font-size: 11px; -} - -.placeholder a { - text-decoration: underline; -} - -h1, -h2, -h3 { - font-size: inherit; - font-weight: normal; - margin: 0; - padding: 0; -} - -@media (max-width: 700px) { - .stylesheet-sidebar { - width: 150px; - } -} - -/* portrait mode */ -@media (max-width: 550px) { - li.splitview-active > hgroup > .stylesheet-more > .stylesheet-rule-count, - li:hover > hgroup > .stylesheet-more > .stylesheet-rule-count { - display: none; - } - - .splitview-nav { - box-shadow: none; - } - - .splitview-nav > li.splitview-active { - background-size: 0 0, 0 0, auto; - } - - .stylesheet-enabled { - padding: 0; - background-position: 0 0; - height: 24px; - } - - .disabled > .stylesheet-enabled { - background-position: -24px 0; - } - - .splitview-nav > li > hgroup.stylesheet-info { - -moz-box-align: baseline; - -moz-box-orient: horizontal; - -moz-box-flex: 1; - } - - .stylesheet-sidebar { - width: 180px; - } - - .stylesheet-more { - -moz-box-flex: 1; - -moz-box-pack: end; - } - - .stylesheet-more > spacer { - -moz-box-flex: 0; - } -} - -/* CSS coverage */ -.csscoverage-report { - background-color: var(--theme-contrastsidebar-background); - -moz-box-orient: horizontal; -} - -.csscoverage-report-container { - height: 100vh; - padding: 0 10px; - overflow-x: hidden; - overflow-y: auto; - -moz-box-flex: 1; -} - -.csscoverage-report-content { - margin: 20px auto; - -moz-column-width: 300px; - font-size: 13px; - -moz-user-select: text; -} - -.csscoverage-report-summary, -.csscoverage-report-unused, -.csscoverage-report-optimize { - display: inline-block; -} - -.csscoverage-report-unused, -.csscoverage-report-optimize { - flex: 1; - min-width: 0; -} - -@media (max-width: 950px) { - .csscoverage-report-content { - display: block; - } - - .csscoverage-report-summary { - display: block; - text-align: center; - } -} - -.csscoverage-report h1 { - font-size: 120%; -} - -.csscoverage-report h2 { - font-size: 110%; -} - -.csscoverage-report h1, -.csscoverage-report h2, -.csscoverage-report h3 { - font-weight: bold; - margin: 10px 0; -} - -.csscoverage-report code, -.csscoverage-report textarea { - font-family: var(--monospace-font-family); - font-size: inherit; -} - -.csscoverage-list:after { - content: ', '; -} - -.csscoverage-list:last-child:after { - display: none; -} - -.csscoverage-report textarea { - width: 100%; - height: 100px; -} - -.csscoverage-report a { - cursor: pointer; - text-decoration: underline; -} - -.csscoverage-report > .csscoverage-toolbar { - border: none; - margin: 0; - padding: 0; -} - -.csscoverage-report > .csscoverage-toolbarbutton { - min-width: 4em; - min-height: 100vh; - margin: 0; - padding: 0; - border-radius: 0; - border-top: none; - border-bottom: none; - border-inline-start: none; -} - -.csscoverage-report .pie-table-chart-container { - -moz-box-orient: vertical; - text-align: start; -} - -.chart-colored-blob[name="Used Preload"] { - fill: var(--theme-highlight-pink); - background: var(--theme-highlight-pink); -} - -.chart-colored-blob[name=Used] { - fill: var(--theme-highlight-green); - background: var(--theme-highlight-green); -} - -.chart-colored-blob[name=Unused] { - fill: var(--theme-highlight-lightorange); - background: var(--theme-highlight-lightorange); -} - -/* Undo 'largest' customization */ -.pie-chart-slice[largest] { - stroke-width: 1px; - stroke: rgba(0,0,0,0.2); -} - -.csscoverage-report .pie-chart-slice { - cursor: default; -} - -.csscoverage-report-chart { - margin: 0 20px; -}