From 5a199ba1b9eca2066fdf892fe1d4ac96b3b5d19f Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sat, 22 Feb 2014 00:29:20 +0100 Subject: [PATCH] first part of synching LCARStrek with windows theme changes in Firefox 28 cycle --- LCARStrek/browser/browser.css | 13 +- LCARStrek/browser/devtools/common.css | 17 +++ LCARStrek/browser/devtools/webconsole.css | 17 ++- .../browser/preferences/applications.css | 4 +- .../preferences/in-content/preferences.css | 134 ++++++++++-------- 5 files changed, 115 insertions(+), 70 deletions(-) diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 6c587e50..2dd544b7 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -2499,6 +2499,13 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- max-height: 16px; } +toolbarbutton[type="socialmark"] > .toolbarbutton-icon { + width: auto; + height: auto; + max-width: 32px; + max-height: 24px; +} + /* fixup corners for share panel */ .social-panel > .social-panel-frame { border-radius: inherit; @@ -3057,11 +3064,6 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { width: 16px; } -#identity-popup-help-icon:-moz-focusring { - outline: 1px dotted; - outline-offset: 1px; -} - #identity-popup-more-info-button { margin-top: 6px; margin-bottom: 0; @@ -3539,7 +3541,6 @@ html|*.highlighter-nodeinfobar-pseudo-classes { /* Highlighter - Node Infobar - buttons */ .highlighter-nodeinfobar-button { - border-width: 0; padding: 0; width: 26px; min-height: 26px; diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css index 52c1bbca..f112026a 100644 --- a/LCARStrek/browser/devtools/common.css +++ b/LCARStrek/browser/devtools/common.css @@ -366,11 +366,28 @@ devtools-menulist:-moz-focusring, background: #A09090; border-radius: 3px; } + .devtools-tooltip.devtools-tooltip-panel .panel-arrowcontent { /* If the tooltip uses a XUL element instead */ padding: 4px; } +.devtools-tooltip-simple-text { + background: #000000; + max-width: 400px; + margin: 0 -4px; /* Compensate for the .panel-arrowcontent padding. */ + padding: 8px 12px; + white-space: pre-wrap; +} + +.devtools-tooltip-simple-text:first-child { + margin-top: -4px; +} + +.devtools-tooltip-simple-text:last-child { + margin-bottom: -4px; +} + .devtools-tooltip-simple-text { background-color: #000000; max-width: 400px; diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css index 35b4c457..4de0915d 100644 --- a/LCARStrek/browser/devtools/webconsole.css +++ b/LCARStrek/browser/devtools/webconsole.css @@ -81,16 +81,14 @@ a { .message > .location { -moz-margin-start: 6px; + display: flex; flex: 0 0 auto; align-self: flex-start; + justify-content: flex-end; width: 10em; margin-top: 4px; - text-align: end; color: #3333FF; - text-overflow: ellipsis; text-decoration: none; - overflow: hidden; - white-space: nowrap; } .message > .location:hover, @@ -98,6 +96,17 @@ a { text-decoration: underline; } +.message > .location > .filename { + text-overflow: ellipsis; + text-align: end; + overflow: hidden; + white-space: nowrap; +} + +.message > .location > .line-number { + flex: 0 0 auto; +} + .hud-msg-node[selected="true"] > .webconsole-timestamp, .hud-msg-node[selected="true"] > .webconsole-location { color: inherit; diff --git a/LCARStrek/browser/preferences/applications.css b/LCARStrek/browser/preferences/applications.css index fac9856e..fc888855 100644 --- a/LCARStrek/browser/preferences/applications.css +++ b/LCARStrek/browser/preferences/applications.css @@ -18,12 +18,12 @@ -moz-margin-end: 3px; } -richlistitem > hbox > hbox > label { +#handlersView > richlistitem label { -moz-margin-start: 1px; margin-top: 2px; } -richlistitem { +#handlersView > richlistitem { min-height: 22px; } diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css index 17774335..3bc88e7b 100644 --- a/LCARStrek/browser/preferences/in-content/preferences.css +++ b/LCARStrek/browser/preferences/in-content/preferences.css @@ -6,10 +6,6 @@ @namespace html "http://www.w3.org/1999/xhtml"; -#preferences-home { - display: block; -} - #header { margin-bottom: 18px; } @@ -18,90 +14,112 @@ -moz-margin-start: 10px; } -.landingButton { - -moz-box-align: center; - -moz-box-orient: vertical; +caption { + font-size: 1.667rem; } -.landingButton:hover { - cursor: pointer; +.main-content { + max-width: 800px; } -.landingButton-label { - margin-top: 4px; +prefpane { + padding: 0; } -.landingButton-icon { - display: block; - width: 32px; - height: 32px; - background-image: url("chrome://browser/skin/preferences/Options.png"); - background-repeat: no-repeat; +prefpane > .content-box { + overflow: auto; } -.preference-icon { - display: block; - width: 32px; - height: 32px; - background-image: url("chrome://browser/skin/preferences/Options.png"); - background-repeat: no-repeat; - margin: 0 20px; +/* Category List */ + +#categories { + -moz-appearance: none; + border: none; + -moz-margin-end: -1px; + background-color: transparent; + position: relative; + margin-top: 31px; } -.preference-icon[type="general"], -.landingButton-icon[type="general"] { - background-position: 0 0; +.category { + -moz-appearance: none; + background-color: transparent; + color: #FF9F00; + padding: 10px 4px; + border-width: 1px; + border-style: solid; + border-color: transparent; + -moz-padding-end: 8px; + -moz-box-align: center; + overflow: hidden; + min-height: 0; + height: 52px; } -.preference-icon[type="content"], -.landingButton-icon[type="content"] { - background-position: -64px 0; +.category:-moz-locale-dir(ltr) { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } -.preference-icon[type="applications"], -.landingButton-icon[type="applications"] { - background-position: -96px 0; +.category:-moz-locale-dir(rtl) { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } -.preference-icon[type="privacy"], -.landingButton-icon[type="privacy"] { - background-position: -128px 0; +.category[selected] { + background-color: #008484; + color: #FFCF00; + border-color: #9C9CFF; + /* -moz-border-end-color: transparent; */ } -.preference-icon[type="security"], -.landingButton-icon[type="security"] { - background-position: -160px 0; +.category-name { + font-size: 1.5rem; + -moz-padding-end: 24px; } -.preference-icon[type="advanced"], -.landingButton-icon[type="advanced"] { - background-position: -192px 0; +/* Maximize the size of the viewport when the window is small */ +@media (max-width: 800px) { + .category-name { + display: none; + } } -.preference-icon[type="sync"], -.landingButton-icon[type="sync"] { - background-image: url("chrome://browser/skin/preferences/Options-sync.png"); +.category-icon { + width: 32px; + height: 32px; + margin: 0 6px; + -moz-margin-start: 6px; + -moz-margin-end: 5px; + list-style-image: url("chrome://browser/skin/preferences/Options.png"); } -caption { - font-size: 20px; +#category-general > .category-icon { + -moz-image-region: rect(0, 32px, 32px, 0); } -.heading { - height: 50px; - background-color: #FF9F00; - color: #000000; - border-radius: 5px; - margin-bottom: 15px; - -moz-box-align: center; +#category-content > .category-icon { + -moz-image-region: rect(0, 96px, 32px, 64px) } -prefpane { - padding: 0; +#category-application > .category-icon { + -moz-image-region: rect(0, 128px, 32px, 96px) } -prefpane > .content-box { - overflow: auto; +#category-privacy > .category-icon { + -moz-image-region: rect(0, 160px, 32px, 128px) +} + +#category-security > .category-icon { + -moz-image-region: rect(0, 192px, 32px, 160px) +} + +#category-advanced > .category-icon { + -moz-image-region: rect(0, 224px, 32px, 192px) +} + +#category-sync > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/Options-sync.png"); } /* Applications Pane Styles */ -- 2.43.0