From: Robert Kaiser Date: Sun, 8 Apr 2012 19:12:31 +0000 (+0200) Subject: add orion styling just so that scratchpad and style editor work in newer builds ... X-Git-Tag: LCARStrek-2.9~12 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=50ae39b44cb48fa78a17de57328dd05eb372342a;p=themes.git add orion styling just so that scratchpad and style editor work in newer builds - this is synched with 14.0a1 trunk as of 2012-04-08 --- diff --git a/LCARStrek/browser/devtools/orion-breakpoint.png b/LCARStrek/browser/devtools/orion-breakpoint.png new file mode 100644 index 00000000..834e4a42 Binary files /dev/null and b/LCARStrek/browser/devtools/orion-breakpoint.png differ diff --git a/LCARStrek/browser/devtools/orion-container.css b/LCARStrek/browser/devtools/orion-container.css new file mode 100644 index 00000000..e29c298e --- /dev/null +++ b/LCARStrek/browser/devtools/orion-container.css @@ -0,0 +1,39 @@ +/* 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/. */ + +.viewTooltip { + display: none; /* TODO: add tooltips support, see bug 721752 */ + font-family: monospace; + font-size: 13px; + background-color: #9C9CFF; + color: #000000; + padding: 2px; + border-radius: 4px; + border: 1px solid #FFCF00; + z-index: 100; + position: fixed; + overflow: hidden; + white-space: pre; +} + +.viewTooltip em { + font-style: normal; + font-weight: bold; +} + +.annotationHTML { + cursor: pointer; + width: 16px; + height: 16px; + display: inline-block; + vertical-align: middle; + background-position: center; + background-repeat: no-repeat; +} +.annotationHTML.task { + background-image: url("chrome://browser/skin/devtools/orion-task.png"); +} +.annotationHTML.breakpoint { + background-image: url("chrome://browser/skin/devtools/orion-breakpoint.png"); +} diff --git a/LCARStrek/browser/devtools/orion-debug-location.png b/LCARStrek/browser/devtools/orion-debug-location.png new file mode 100644 index 00000000..88dd4e9f Binary files /dev/null and b/LCARStrek/browser/devtools/orion-debug-location.png differ diff --git a/LCARStrek/browser/devtools/orion-task.png b/LCARStrek/browser/devtools/orion-task.png new file mode 100644 index 00000000..26574e63 Binary files /dev/null and b/LCARStrek/browser/devtools/orion-task.png differ diff --git a/LCARStrek/browser/devtools/orion.css b/LCARStrek/browser/devtools/orion.css new file mode 100644 index 00000000..6c0a5538 --- /dev/null +++ b/LCARStrek/browser/devtools/orion.css @@ -0,0 +1,191 @@ +/* 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/. */ + +.viewContainer { + background: #cddae5; /* This will be seen as the continuation of the ruler */ + font-family: monospace; + font-size: inherit; /* inherit browser's default monospace font size */ +} + +.view { + color: #FF9F00; /* Default text color */ + background: #000000; /* Background of the editor */ + padding-left: 4px; +} + +.readonly > .view { + background: #000000; +} + +.ruler { + background: #402800; + color: #E7ADE7; +} +.ruler.annotations { + width: 16px; + padding-left: 4px; +} +.ruler.lines { + border-right: 1px solid #794900; + min-width: 1.4em; + padding-left: 4px; + padding-right: 4px; + text-align: end; +} + +.ruler.linesWithAnnotations { + min-width: 0; + padding-left: 0; +} + +.ruler.overview { + border-left: 1px solid #794900; + width: 14px; + text-align: start; +} + +/* Styles for the annotation ruler (first line) */ +.annotationHTML { + cursor: pointer; + width: 16px; + height: 16px; + display: inline-block; + vertical-align: middle; + background-position: center; + background-repeat: no-repeat; +} +.annotationHTML.task { + background-image: url("chrome://browser/skin/devtools/orion-task.png"); +} +.annotationHTML.breakpoint { + background-image: url("chrome://browser/skin/devtools/orion-breakpoint.png"); +} +.annotationHTML.debugLocation { + background-image: url("chrome://browser/skin/devtools/orion-debug-location.png"); +} + +/* Styles for the overview ruler */ +.annotationOverview { + cursor: pointer; + border-radius: 2px; + left: 2px; + width: 8px; +} +.annotationOverview.task { + background-color: #004000; + border: 1px solid #33FF33; +} +.annotationOverview.breakpoint { + background-color: #262640; + border: 1px solid #9C9CFF; +} +.annotationOverview.debugLocation { + background-color: #404000; + border: 1px solid #33FF33; +} +.annotationOverview.currentBracket { + background-color: #808080; + border: 1px solid #FF0000; +} +.annotationOverview.matchingBracket { + background-color: #808080; + border: 1px solid #FF0000; +} + +/* Styles for text range */ +.annotationRange { + background-repeat: repeat-x; + background-position: left bottom; +} +.annotationRange.task { + outline: 1px dashed rgba(0, 255, 0, 0.5); +} +.annotationRange.matchingBracket { + outline: 1px solid #008484; +} + +.token_singleline_comment { + color: #33CC33; /* green */ +} + +.token_multiline_comment { + color: #33CC33; /* green */ +} + +.token_doc_comment { + color: #33CC33; /* green */ +} + +.token_doc_html_markup { + color: #E7ADE7; /* purple */ +} + +.token_doc_tag { + color: #E7ADE7; /* purple */ +} + +.token_task_tag { /* "TODO" */ + color: black; + background: #FFCF00; +} + +.token_string { + color: #9C9CFF; /* blue */ + font-style: italic; +} + +.token_keyword { + color: #E7ADE7; /* purple */ +} + +.token_space { + /* images/white_space.png */ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAABnRSTlMA/wAAAACkwsAdAAAAIUlEQVR4nGP4z8CAC+GUIEXuABhgkTuABEiRw2cmae4EAH05X7xDolNRAAAAAElFTkSuQmCC"); + background-repeat: no-repeat; + background-position: center center; +} + +.token_tab { + /* images/white_tab.png */ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAIAAACJ2loDAAAABnRSTlMA/wD/AP83WBt9AAAAMklEQVR4nGP4TwRgoK6i52c3bz5w6zMSA6tJn28d2Lx589nnCAYu63AaSLxJRLoJPwAAeNk0aG4opfMAAAAASUVORK5CYII="); + background-repeat: no-repeat; + background-position: left center; +} + +.line_caret, +.annotationLine.currentLine { /* Current line */ + background: #402800; /* lighter than the background */ +} + +.readonly .line_caret, +.readonly .annotationLine.currentLine { + background: #402800; /* a bit darker than the background */ +} + +/* Styling for html syntax highlighting */ +.entity-name-tag { + color: #E7ADE7; /* purple */ +} + +.entity-other-attribute-name { + color: #E7ADE7; /* purple */ +} + +.punctuation-definition-comment { + color: #33CC33; /* green */ +} + +.comment { + color: #33CC33; /* green */ +} + +.string-quoted { + color: #9C9CFF; /* blue */ + font-style: italic; +} + +.invalid { + color: red; + font-weight: bold; +}