From: Robert Kaiser Date: Tue, 6 Jan 2015 15:56:47 +0000 (+0100) Subject: first part of syncing LCARStrek with Firefox 35 windows theme changes X-Git-Tag: LCARStrek-2.32~7 X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=commitdiff_plain;h=34bb6c46892e91f6e9d602be6010ffc38e142d49 first part of syncing LCARStrek with Firefox 35 windows theme changes --- diff --git a/LCARStrek/browser/devtools/timeline.css b/LCARStrek/browser/devtools/timeline.css new file mode 100644 index 00000000..e38a69e6 --- /dev/null +++ b/LCARStrek/browser/devtools/timeline.css @@ -0,0 +1,187 @@ +/* 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/. */ + +#record-button { + list-style-image: url("profiler-stopwatch.svg"); +} + +#record-button[checked] { + list-style-image: url("profiler-stopwatch-checked.svg"); +} + +#record-button:not([checked]) ~ #record-label { + visibility: hidden; +} + +.notice-container { + font-size: 120%; + padding-bottom: 35vh; +} + +.notice-container { + background: #A09090; /* Toolbars */ + color: #000000; /* Light foreground text */ +} + +#empty-notice button, +#recording-notice button { + min-width: 30px; + min-height: 28px; + margin: 0; + list-style-image: url("profiler-stopwatch.svg"); +} + +#empty-notice button[checked], +#recording-notice button[checked] { + list-style-image: url("profiler-stopwatch-checked.svg"); +} + +#empty-notice button .button-text, +#recording-notice button .button-text { + display: none; +} + +#timeline-pane { + border-top: 1px solid #9C9CFF; +} + +.waterfall-list-contents { + /* Hack: force hardware acceleration */ + transform: translateZ(1px); + overflow-x: hidden; + overflow-y: auto; +} + +.waterfall-header-contents { + overflow-x: hidden; +} + +.waterfall-background-ticks { + /* Background created on a in js. */ + /* @see browser/devtools/timeline/widgets/waterfall.js */ + background-image: -moz-element(#waterfall-background); + background-repeat: repeat-y; + background-position: -1px center; +} + +.waterfall-marker-container[is-spacer] { + pointer-events: none; +} + +.theme-dark .waterfall-marker-container:not([is-spacer]):nth-child(2n) { + background-color: rgba(255,255,255,0.03); +} + +.theme-light .waterfall-marker-container:not([is-spacer]):nth-child(2n) { + background-color: rgba(128,128,128,0.03); +} + +.theme-dark .waterfall-marker-container:hover { + background-color: rgba(255,255,255,0.1) !important; +} + +.theme-light .waterfall-marker-container:hover { + background-color: rgba(128,128,128,0.1) !important; +} + +.waterfall-marker-item { + overflow: hidden; +} + +.waterfall-sidebar { + -moz-border-end: 1px solid; +} + +.waterfall-sidebar { + -moz-border-end-color: #9C9CFF; +} + +.waterfall-marker-container:hover > .waterfall-sidebar { + background-color: transparent; +} + +.waterfall-header-name { + padding: 4px; +} + +.waterfall-header-tick { + width: 100px; + font-size: 9px; + transform-origin: left center; +} + +.waterfall-header-tick { + color: #FF9F00; +} + +.waterfall-header-tick:not(:first-child) { + -moz-margin-start: -100px !important; /* Don't affect layout. */ +} + +.waterfall-marker-bullet { + width: 8px; + height: 8px; + -moz-margin-start: 8px; + -moz-margin-end: 6px; + border: 1px solid; + border-radius: 1px; +} + +.waterfall-marker-name { + font-size: 95%; + padding-bottom: 1px !important; +} + +.waterfall-marker-bar { + height: 9px; + border: 1px solid; + border-radius: 1px; + transform-origin: left center; +} + +.waterfall-marker-container.selected > .waterfall-sidebar, +.waterfall-marker-container.selected > .waterfall-marker-item { + background-color: #008484; /* Select Highlight Blue */ + color: #FFCF00; /* Light foreground text */ +} + +.waterfall-marker-container.selected .waterfall-marker-bullet, +.waterfall-marker-container.selected .waterfall-marker-bar { + border-color: initial!important; +} + +#timeline-waterfall-details { + -moz-padding-start: 8px; + -moz-padding-end: 8px; + padding-top: 8vh; + overflow: auto; +} + +.marker-details-bullet { + width: 8px; + height: 8px; + margin: 0 8px; + border: 1px solid; + border-radius: 1px; +} + +.marker-details-start, +.marker-details-end, +.marker-details-duration { + padding-top: 3px; +} + +.marker-details-labelname { + -moz-padding-end: 4px; +} + +.marker-details-type { + font-size: 1.2em; + font-weight: bold; +} + +.marker-details-duration { + font-weight: bold; +}