From 56ab361a26ee7bb17d9fbe8be4747b68b38605c2 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sun, 28 Apr 2013 23:22:59 +0200 Subject: [PATCH] update LCARStrek for browser winstripe changes in Firefox 21 cycle --- LCARStrek/browser/browser.css | 12 ++ LCARStrek/browser/devtools/common.css | 27 ++-- LCARStrek/browser/devtools/csshtmltree.css | 8 +- LCARStrek/browser/devtools/debugger.css | 115 ++++++++++++++---- LCARStrek/browser/devtools/inspector.css | 22 ++++ .../browser/devtools/magnifying-glass.png | Bin 0 -> 178 bytes .../identity-icons-https-mixed-active.png | Bin 0 -> 234 bytes .../browser/mixed-content-blocked-16.png | Bin 0 -> 189 bytes .../browser/mixed-content-blocked-64.png | Bin 0 -> 340 bytes LCARStrek/browser/newtab/newTab.css | 59 ++++++++- LCARStrek/browser/preferences/preferences.css | 6 +- LCARStrek/browser/slowStartup-16.png | Bin 0 -> 188 bytes LCARStrek/browser/tabview/tabview.css | 6 +- 13 files changed, 215 insertions(+), 40 deletions(-) create mode 100644 LCARStrek/browser/devtools/magnifying-glass.png create mode 100644 LCARStrek/browser/identity-icons-https-mixed-active.png create mode 100644 LCARStrek/browser/mixed-content-blocked-16.png create mode 100644 LCARStrek/browser/mixed-content-blocked-64.png create mode 100644 LCARStrek/browser/slowStartup-16.png diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index db21aa45..2c03e6da 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -1395,6 +1395,10 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon list-style-image: url("chrome://browser/skin/identity-icons-https-ev.png"); } +.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png"); +} + #identity-box:hover > #page-proxy-favicon { -moz-image-region: rect(0, 32px, 16px, 16px); } @@ -2172,6 +2176,10 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url("chrome://browser/skin/webapps-64.png"); } +.popup-notification-icon[popupid="mixed-content-blocked"] { + list-style-image: url("chrome://browser/skin/mixed-content-blocked-64.png"); +} + .popup-notification-icon[popupid="webRTC-sharingDevices"], .popup-notification-icon[popupid="webRTC-shareDevices"] { list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png"); @@ -2268,6 +2276,10 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon } } +#mixed-content-blocked-notification-icon { + list-style-image: url("chrome://browser/skin/mixed-content-blocked-16.png"); +} + #webRTC-shareDevices-notification-icon { list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png"); } diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css index a79b0ceb..0f99851c 100644 --- a/LCARStrek/browser/devtools/common.css +++ b/LCARStrek/browser/devtools/common.css @@ -97,39 +97,38 @@ devtools-menulist:-moz-focusring, /* Text input */ -/* .devtools-textinput, .devtools-searchinput { -moz-appearance: none; - margin: 0 3px; +/* margin: 0 3px; min-height: 22px; border: 1px solid hsla(211,68%,6%,.6); box-shadow: inset 0 1px 0 hsla(211,68%,6%,.05), 0 0 0 1px hsla(210,40%,83%,.1); border-radius: 2px; background-color: transparent; background-image: linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35)); - padding: 3px; + padding: 3px;*/ transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; - color: inherit; +/* color: inherit; */ } .devtools-searchinput { - background-image: url(magnifying-glass.png), linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35)); + background-image: url("magnifying-glass.png")/*, linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35))*/; background-repeat: no-repeat; background-position: 4px center, top left, top left; - padding-top: 0; - padding-bottom: 0; +/* padding-top: 0; + padding-bottom: 0;*/ -moz-padding-start: 18px; -moz-padding-end: 12px; } .devtools-searchinput[focused] { - border-color: hsl(200,70%,40%) hsl(200,75%,37%) hsl(200,80%,35%); +/* border-color: hsl(200,70%,40%) hsl(200,75%,37%) hsl(200,80%,35%); background-origin: padding-box; background-clip: padding-box; - box-shadow: inset 0 0 0 1px hsla(211,68%,6%,.1); + box-shadow: inset 0 0 0 1px hsla(211,68%,6%,.1);*/ } .devtools-searchinput:-moz-locale-dir(rtl) { @@ -141,9 +140,15 @@ devtools-menulist:-moz-focusring, } .devtools-searchinput > .textbox-input-box > .textbox-input::-moz-placeholder { - color: hsl(208,10%,66%); +/* color: hsl(208,10%,66%);*/ +} + +.devtools-no-search-result { + transition-property: box-shadow, border-color, background-image; +/* box-shadow: inset 0 0 0 1px hsla(0,68%,6%,.35); + border-color: hsl(10,70%,40%) hsl(10,75%,37%) hsl(10,80%,35%) !important;*/ + background-image: url("magnifying-glass.png"), linear-gradient(rgba(255,0,0,.15), rgba(255,0,0,.35)); } -*/ /* Close button */ diff --git a/LCARStrek/browser/devtools/csshtmltree.css b/LCARStrek/browser/devtools/csshtmltree.css index a8e06624..3ed82693 100644 --- a/LCARStrek/browser/devtools/csshtmltree.css +++ b/LCARStrek/browser/devtools/csshtmltree.css @@ -152,7 +152,7 @@ link:hover { cursor: pointer; text-align: right; float: right; - -moz-user-select: -moz-none; + -moz-user-select: none; } .ruleview-rule-inheritance { @@ -162,7 +162,7 @@ link:hover { border-bottom: 1px solid #9C9CFF; padding: 1px 4px; margin-top: 4px; - -moz-user-select: -moz-none; + -moz-user-select: none; } .ruleview-rule-source:hover { @@ -270,6 +270,10 @@ link:hover { border-left: 2px solid transparent; } +.ruleview-property > * { + vertical-align: middle; +} + .ruleview-property[dirty] { border-left-color: #008484; } diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css index d7618456..2af2c7f5 100644 --- a/LCARStrek/browser/devtools/debugger.css +++ b/LCARStrek/browser/devtools/debugger.css @@ -186,7 +186,6 @@ window { */ #stackframes\+breakpoints { - background-color: #000000; min-width: 50px; } @@ -199,7 +198,6 @@ window { */ #variables\+expressions { - background-color: #000000; min-width: 50px; } @@ -212,7 +210,6 @@ window { */ #stackframes { - /* background-color: white; */ min-height: 10px; } @@ -234,7 +231,6 @@ window { */ #breakpoints { - background-color: #000000; min-height: 10px; } @@ -268,8 +264,8 @@ window { */ #expressions { - background-color: #000000; min-height: 10px; + max-height: 125px; } .dbg-expression { @@ -288,27 +284,69 @@ window { } .dbg-expression-delete { + opacity: 0; +} + +.dbg-expression-delete:not(:hover) { -moz-image-region: rect(0, 32px, 16px, 16px); } +.dbg-expression-delete:hover { + opacity: 1; +} + +.dbg-expression:hover > .dbg-expression-delete:not(:hover) { + opacity: 0.5; + transition: opacity 0.2s ease-in-out; +} + /** * Variables view */ #variables { -/* background-color: white; */ min-height: 10px; } -.dbg-variables-delete:not(:hover) { +.dbg-variable-delete { + opacity: 0; +} + +.dbg-variable-delete:not(:hover) { -moz-image-region: rect(0, 32px, 16px, 16px); +} + +.dbg-variable-delete:hover { + opacity: 1; +} + +.variable-or-property:hover > .title > .dbg-variable-delete:not(:hover), +.variable-or-property:focus > .title > .dbg-variable-delete:not(:hover) { opacity: 0.5; + transition: opacity 0.2s ease-in-out; +} + +.dbg-variable-edit { + background: url("chrome://browser/skin/tabview/edit-light.png") center no-repeat; + width: 20px; + height: 16px; + cursor: pointer; +} +.dbg-variable-throbber { + background: url("chrome://global/skin/icons/loading.gif") center no-repeat; + width: 16px; + height: 16px; } /** * Scope element */ +.scope:focus > .title { + background: #008484; + color: #000000; +} + .scope > .title { background: #E7ADE7; border-radius: 5px; @@ -332,7 +370,6 @@ window { -moz-margin-start: 1px; -moz-margin-end: 1px; border-bottom: 1px solid #008484; - background: #000000; transition: background 1s ease-in-out; } @@ -341,16 +378,29 @@ window { transition-duration: 0.4s; } +.scope:focus > .title { + background: #008484; + color: #000000; + border-radius: 4px; +} + .variable > .title > .name { - color: #FF9F00; font-weight: 600; } +.variable:not(:focus) > .title > .name { + color: #FF9F00; +} + .variable > .title > .value { -moz-padding-start: 6px; -moz-padding-end: 4px; } +.variable[editable] > .title > .value { + cursor: text; +} + .variable:not([non-header]) > .details { -moz-margin-start: 10px; } @@ -361,7 +411,6 @@ window { .property { transition: background 1s ease-in-out; - background: #000000; border-radius: 8px; } @@ -370,13 +419,24 @@ window { background: rgba(255, 207, 0, 0.8); } -.property > .title > .name { +.property:focus > .title { + background: #008484; + color: #000000; + border-radius: 4px; +} + +.property:not(:focus) > .title > .name { color: #E7ADE7; } .property > .title > .value { -moz-padding-start: 6px; -moz-padding-end: 4px; + cursor: text; +} + +.property[editable] > .title > .value { + cursor: text; } .property:not([non-header]) > .details { @@ -384,7 +444,7 @@ window { } /** - * Non enumerable, configurable and writable variables and properties. + * Non enumerable, configurable and writable variables and properties */ .variable[proto] > .title > .name, @@ -424,8 +484,8 @@ window { } */ -.variable[exception] > .title > .name, -.property[exception] > .title > .name { +.variable[exception]:not(:focus) > .title > .name, +.property[exception]:not(:focus) > .title > .name { color: #FF0000; } @@ -447,16 +507,22 @@ window { * Variables and properties editing */ -#variables .element-value-input { - -moz-margin-start: 5px !important; +.element-value-input { + -moz-margin-start: 4px !important; } -#variables .element-name-input { - -moz-margin-start: -1px !important; +.element-name-input { + -moz-margin-start: -2px !important; color: #E7ADE7; font-weight: 600; } +.element-value-input, +.element-name-input { + max-width: 30em; + border: 1px solid #9C9CFF !important; +} + /** * Variables and properties searching */ @@ -475,27 +541,28 @@ window { * Token value colors */ -.token-undefined { +.variable-or-property:not(:focus) > .title > .token-undefined { color: #8050B0; } -.token-null { +.variable-or-property:not(:focus) > .title > .token-null { color: #008484; } -.token-boolean { +.variable-or-property:not(:focus) > .title > .token-boolean { color: #FFCF00; } -.token-number { +.variable-or-property:not(:focus) > .title > .token-number { color: #E7ADE7; } -.token-string { +.variable-or-property:not(:focus) > .title > .token-string { + max-width: 30em; color: #9C9CFF; } -.token-other { +.variable-or-property:not(:focus) > .title > .token-other { color: #FF9F00; } diff --git a/LCARStrek/browser/devtools/inspector.css b/LCARStrek/browser/devtools/inspector.css index 15a1741b..fd096a7a 100644 --- a/LCARStrek/browser/devtools/inspector.css +++ b/LCARStrek/browser/devtools/inspector.css @@ -271,3 +271,25 @@ window { .inspector-breadcrumbs-button:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 fill stretch; } + +#inspector-searchbox { + transition-property: max-width, -moz-padding-end, -moz-padding-start; + transition-duration: 250ms; + transition-timing-function: ease; +} + +#inspector-searchbox:not([focused]):not([filled]) > .textbox-input-box { + overflow: hidden; +} + +#inspector-searchbox:not([focused]):not([filled]) { + max-width: 20px !important; + -moz-padding-end: 6px; + -moz-padding-start: 22px; + background-position: 8px center, top left, top left; +} + +#inspector-searchbox[focused], +#inspector-searchbox[filled] { + max-width: 200px !important; +} diff --git a/LCARStrek/browser/devtools/magnifying-glass.png b/LCARStrek/browser/devtools/magnifying-glass.png new file mode 100644 index 0000000000000000000000000000000000000000..ecd80995cedd45dffdcf504bba644f18739e8ad8 GIT binary patch literal 178 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=-3?y@QpIZW?*aCb)T!HkQIsX^VxO4!>Vk`;r z3ubV5b|VeMN%D4gVd!9$^#F1>3p^r=85p>QL70(Y)*K0-AbW|YuPggq78yY^vA5!E zSAjyRo-U3d9M_W*@)8p44;+|$Kp~OA)nVHoMz+^%ZA@%!>^wYtJPcVKY^q-iRV;uS O7(8A5T-G@yGywqYEGujP literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/identity-icons-https-mixed-active.png b/LCARStrek/browser/identity-icons-https-mixed-active.png new file mode 100644 index 0000000000000000000000000000000000000000..85aab8c342f6f4196f24727fdb5155faf4767df8 GIT binary patch literal 234 zcmeAS@N?(olHy`uVBq!ia0vp^20$#p#0(^L4~QrMDb4_&5LX6-rJ8t3-icLz`3_Zwo$r}) zmrFfn{JTUdo3VJA)Uk#Dt&fuT)wVeIKK!@q6{p0p_1tqA%*-aq+_>uz>QwoF{Z)gk UVD~niMxZSWp00i_>zopr0Lj=xivR!s literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/mixed-content-blocked-16.png b/LCARStrek/browser/mixed-content-blocked-16.png new file mode 100644 index 0000000000000000000000000000000000000000..88da6a728e61ebbc63211162e6688ea655c3c6f1 GIT binary patch literal 189 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;TYyi9E0BJ^_PGx4si{B~V@Z%- zFoVOh8)+a;lDE4HLkFv@2av;A;1OBOz`!jG!i)^F=12eq*-JcqUD@xl$cPv)EsxoL z6ewii>Eal|aXmQ!2yzk<>JKO+A51uLc)>X)r)M@ik7N{7&Ky+GJa{0PA&4R5*Z~HH Y;(aU!PwXm`1nOn*boFyt=akR{05rKW82|tP literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/mixed-content-blocked-64.png b/LCARStrek/browser/mixed-content-blocked-64.png new file mode 100644 index 0000000000000000000000000000000000000000..c63814fa7e0c4b61eeb76f4796a983ccd570c660 GIT binary patch literal 340 zcmeAS@N?(olHy`uVBq!ia0vp^4j|0P3?wHke>@jRu?6^qxB}_tYoF`zo|+0|F_r}R z1v5B2yO9RsBze2LFm$lWdH^|`1s;*b3=G`DAk4@xYmNj^kiEpy*OmP)i;R$_el4G! z6j126r;B5V#`(DyH}W1<5MaHqSwlmzF)+{gvCpKyBu&>-Jp$>>)Aa=Gzc()FkP%OrIj6gwDH=l%oSIo_AEK$9X;hl zcEqHwDt;TpShl-#e)DZx!=@VK?r8rj;mO5{9+xS}8VAK!{X2Ga-md-%vz*@*4lzgf zD&OImphv+-xi5HHDK>smv$g=+sX6mjtXDDu!$owx`@w|F>JB>%AeLT d=BM|+X5H5{IgfLDjsnn244$rjF6*2UngAR%eR==@ literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/newtab/newTab.css b/LCARStrek/browser/newtab/newTab.css index 89292732..73c559b3 100644 --- a/LCARStrek/browser/newtab/newTab.css +++ b/LCARStrek/browser/newtab/newTab.css @@ -1,5 +1,6 @@ :root { -moz-appearance: none; + font-size: 75%; background-color: transparent; padding: 0; } @@ -9,6 +10,63 @@ background-color: #000000; } +/* UNDO */ +#newtab-undo-container { + padding: 4px 3px; + border: 1px solid; + border-color: #9C9CFF; + background-color: #000000; + color: #8050B0; +} + +#newtab-undo-label { + margin-top: 0; + margin-bottom: 0; +} + +.newtab-undo-button { + color: #3333FF; + cursor: pointer; + padding: 0; + margin: 0 4px; + border: 0; + background: transparent; + text-decoration: none; + min-width: 0; +} + +.newtab-undo-button:hover { + text-decoration: underline; +} + +.newtab-undo-button:-moz-focusring { + outline: 1px dotted; +} + +.newtab-undo-button > .button-box { + padding: 0; +} + +#newtab-undo-close-button { + padding: 0; + border: none; + list-style-image: url("chrome://global/skin/icons/close.png"); + -moz-image-region: rect(0, 16px, 16px, 0); + -moz-user-focus: normal; +} + +#newtab-undo-close-button:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#newtab-undo-close-button > .toolbarbutton-text { + display: none; +} + +#newtab-undo-close-button:-moz-focusring { + outline: 1px dotted; +} + /* TOGGLE */ #newtab-toggle { width: 16px; @@ -82,7 +140,6 @@ padding: 0 8px; background-color: rgba(255,159,0,.8); color: #000000; - font-size: 12px; line-height: 24px; } diff --git a/LCARStrek/browser/preferences/preferences.css b/LCARStrek/browser/preferences/preferences.css index c4a7201a..c5b635bb 100644 --- a/LCARStrek/browser/preferences/preferences.css +++ b/LCARStrek/browser/preferences/preferences.css @@ -85,10 +85,14 @@ radio[pane=paneSync] { /* styles for the link elements copied from .text-link in global.css */ .inline-link { color: #3333FF; - text-decoration: underline; + text-decoration: none; cursor: pointer; } +.inline-link:hover { + text-decoration: underline; +} + .inline-link:-moz-focusring { /* Don't specify the outline-color, we should always use initial value. */ outline: 1px dotted; diff --git a/LCARStrek/browser/slowStartup-16.png b/LCARStrek/browser/slowStartup-16.png new file mode 100644 index 0000000000000000000000000000000000000000..ced044e08f5e18ae2862786a3a353713ad0d8a1a GIT binary patch literal 188 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;TYyi9E0A6=VZz_QzaN1t#*!ev zUYh7ML)4YRt8U3KbLh*2~7aJBQg&F literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/tabview/tabview.css b/LCARStrek/browser/tabview/tabview.css index 7fc67b89..298d4b1a 100644 --- a/LCARStrek/browser/tabview/tabview.css +++ b/LCARStrek/browser/tabview/tabview.css @@ -385,11 +385,15 @@ input.name::-moz-placeholder { color: transparent; background-image: url("chrome://browser/skin/tabview/edit-light.png"); background-repeat: no-repeat; - -moz-padding-start: 20px; } .title-container:hover input.name::-moz-placeholder { color: #E7ADE7; + background-image: none; +} + +input.name:focus::-moz-placeholder { + background-image: none; } .title-shield { -- 2.35.3