From 1e32332fe703b0d8d949023f18fe4ad7bb847c51 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sat, 14 Sep 2013 23:17:59 +0200 Subject: [PATCH] a few adjustments to make several items look better --- EarlyBlue/global/listbox.css | 4 ++ LCARStrek/browser/browser.css | 15 +++--- LCARStrek/global/button.css | 1 + LCARStrek/global/checkbox.css | 22 +++++---- .../global/checkbox/cbox-check-hover.gif | Bin 0 -> 75 bytes LCARStrek/global/dialog.css | 2 +- LCARStrek/global/listbox.css | 4 ++ LCARStrek/global/menulist.css | 20 ++++---- LCARStrek/global/radio.css | 18 +++---- LCARStrek/global/radio/radio-check-hover.gif | Bin 0 -> 70 bytes LCARStrek/messenger/accountCentral.css | 45 +++++++++++++----- LCARStrek/messenger/accountManage.css | 4 ++ 12 files changed, 85 insertions(+), 50 deletions(-) create mode 100644 LCARStrek/global/checkbox/cbox-check-hover.gif create mode 100644 LCARStrek/global/radio/radio-check-hover.gif diff --git a/EarlyBlue/global/listbox.css b/EarlyBlue/global/listbox.css index 01183170..4b801dde 100644 --- a/EarlyBlue/global/listbox.css +++ b/EarlyBlue/global/listbox.css @@ -116,3 +116,7 @@ listheader[sortable="true"]:hover:active { min-height: 12px; background: #FFFFFF no-repeat 50% 50%; } + +.listcell-check[checked="true"] { + background-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 3457cbc4..adce2145 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -3267,7 +3267,7 @@ window > chatbox { */ #notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent { - padding: 0px; + padding: 6px 1px 2px; } .click-to-play-plugins-notification-content { @@ -3279,7 +3279,7 @@ window > chatbox { } .plugin-popupnotification-centeritem { - border-top: 1px solid #9C9CFF; +/* border-top: 1px solid #9C9CFF; */ } .center-item-label { @@ -3296,7 +3296,6 @@ window > chatbox { } .click-to-play-plugins-notification-button-container { - border-top: 1px solid #9C9CFF; } .click-to-play-popup-button { @@ -3304,14 +3303,14 @@ window > chatbox { } .click-to-play-plugins-notification-description-box { - margin-left: 10px; - margin-right: 10px; - margin-top: 2px; - padding-bottom: 2px; + margin-left: 5px; + margin-right: 5px; + margin-top: 0; + padding-bottom: 3px; } .click-to-play-plugins-outer-description { - margin-top: 8px; + margin-top: 1px; } .click-to-play-plugins-notification-link, diff --git a/LCARStrek/global/button.css b/LCARStrek/global/button.css index 953b632f..0c925384 100644 --- a/LCARStrek/global/button.css +++ b/LCARStrek/global/button.css @@ -133,6 +133,7 @@ button[type="menu-button"][open="true"] > .button-menubutton-button { border: none; } +.button-menu-dropmarker, button[type="menu-button"]:hover > .button-menubutton-dropmarker, button[type="menu-button"]:hover:active > .button-menubutton-dropmarker, button[type="menu-button"][open="true"] > .button-menubutton-dropmarker { diff --git a/LCARStrek/global/checkbox.css b/LCARStrek/global/checkbox.css index 1a6f5a14..ad38b377 100644 --- a/LCARStrek/global/checkbox.css +++ b/LCARStrek/global/checkbox.css @@ -48,12 +48,12 @@ checkbox:-moz-focusring > .checkbox-label-center-box > .checkbox-label-box { /* ..... disabled state ..... */ checkbox[disabled="true"] > .checkbox-spacer-box > .checkbox-check { - border: 1px solid #8050B0 !important; + border: 1px solid #8050B0; background-color: #000000; } -checkbox[disabled="true"] { - color: #8050B0 !important; +checkbox[disabled="true"] > .checkbox-label-center-box > .checkbox-label-box { + color: #8050B0; } /* ::::: checkmark image ::::: */ @@ -66,14 +66,13 @@ checkbox[disabled="true"] { background: transparent 50% 50% no-repeat; } -checkbox:hover > .checkbox-spacer-box > .checkbox-check, -checkbox:hover:active > .checkbox-spacer-box > .checkbox-check { +checkbox:not([disabled="true"]):hover > .checkbox-spacer-box > .checkbox-check, +checkbox:not([disabled="true"]):hover:active > .checkbox-spacer-box > .checkbox-check { border: 1px solid #FFCF00; - background-color: #000000; } -checkbox:hover > .checkbox-label-center-box > .checkbox-label-box, -checkbox:hover:active > .checkbox-label-center-box > .checkbox-label-box { +checkbox:not([disabled="true"]):hover > .checkbox-label-center-box > .checkbox-label-box, +checkbox:not([disabled="true"]):hover:active > .checkbox-label-center-box > .checkbox-label-box { color: #FFCF00; } @@ -83,6 +82,11 @@ checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check { background-image: url("chrome://global/skin/checkbox/cbox-check.gif"); } +checkbox[checked="true"]:hover > .checkbox-spacer-box > .checkbox-check, +checkbox[checked="true"]:hover:active > .checkbox-spacer-box > .checkbox-check { + background-image: url("chrome://global/skin/checkbox/cbox-check-hover.gif"); +} + checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box > .checkbox-check { - background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important + background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important; } diff --git a/LCARStrek/global/checkbox/cbox-check-hover.gif b/LCARStrek/global/checkbox/cbox-check-hover.gif new file mode 100644 index 0000000000000000000000000000000000000000..d199bdb2288220bab07ab45a093d3340f5b6db91 GIT binary patch literal 75 zcmZ?wbhEHb* literal 0 HcmV?d00001 diff --git a/LCARStrek/global/dialog.css b/LCARStrek/global/dialog.css index be073ab1..0683e3c5 100644 --- a/LCARStrek/global/dialog.css +++ b/LCARStrek/global/dialog.css @@ -27,7 +27,7 @@ dialogheader { border-radius: 8px; margin: 0px; padding: 1px 12px; - background-color: #FF9F00; + background-color: #A09090; color: #000000; } diff --git a/LCARStrek/global/listbox.css b/LCARStrek/global/listbox.css index 50df63b6..1d750655 100644 --- a/LCARStrek/global/listbox.css +++ b/LCARStrek/global/listbox.css @@ -123,6 +123,10 @@ listheader[sortable="true"]:hover:active { background-image: url("chrome://global/skin/checkbox/cbox-check.gif"); } +listitem[type="checkbox"]:hover .listcell-check[checked="true"] { + background-image: url("chrome://global/skin/checkbox/cbox-check-hover.gif"); +} + listitem[type="checkbox"]:hover .listcell-check { border-color: #FFCF00; } diff --git a/LCARStrek/global/menulist.css b/LCARStrek/global/menulist.css index 02fd591b..c16582ae 100644 --- a/LCARStrek/global/menulist.css +++ b/LCARStrek/global/menulist.css @@ -62,7 +62,7 @@ menulist:-moz-focusring:not([open="true"]):not(.menulist-compact) > .menulist-la menulist[disabled="true"] { background-color: #000000; color: #8050B0; - border: 1px solid #8050B0; + border-color: #8050B0; } /* ..... dropmarker ..... */ @@ -70,21 +70,19 @@ menulist[disabled="true"] { .menulist-dropmarker { border-radius: 0px 3px 3px 0px; min-width: 15px; - border: none; - border-left: 1px solid #9C9CFF; + border: none !important; + border-left: 1px solid #9C9CFF !important; } -.menulist-dropmarker, -menulist[disabled="true"]:hover:active > .menulist-dropmarker { +menulist[disabled="true"] > .menulist-dropmarker { padding: 1px; - border: none; - border-left: 1px solid #9C9CFF; + border-left: 1px solid #8050B0 !important; } -menulist[menuactive="true"] > .menulist-dropmarker, -menulist[open="true"] > .menulist-dropmarker, -menulist:hover > .menulist-dropmarker, -menulist:hover:active > .menulist-dropmarker { +menulist:not([disabled="true"])[menuactive="true"] > .menulist-dropmarker, +menulist:not([disabled="true"])[open="true"] > .menulist-dropmarker, +menulist:not([disabled="true"]):hover > .menulist-dropmarker, +menulist:not([disabled="true"]):hover:active > .menulist-dropmarker { list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); } diff --git a/LCARStrek/global/radio.css b/LCARStrek/global/radio.css index 49abd0ef..feaf9516 100644 --- a/LCARStrek/global/radio.css +++ b/LCARStrek/global/radio.css @@ -50,6 +50,7 @@ radio[focused="true"] > .radio-label-center-box > .radio-label-box { radio[disabled="true"] > .radio-spacer-box > .radio-check-box1 { background-color: #000000; + border: 1px solid #8050B0; } radio[disabled="true"] { @@ -77,26 +78,27 @@ radio[disabled="true"] { list-style-image: none; } -radio:hover > .radio-spacer-box > .radio-check-box1, -radio:hover:active > .radio-spacer-box > .radio-check-box1 { +radio:not([disabled="true"]):hover > .radio-spacer-box > .radio-check-box1, +radio:not([disabled="true"]):hover:active > .radio-spacer-box > .radio-check-box1 { border: 1px solid #FFCF00; } -radio:hover > .radio-label-center-box > .radio-label-box, -radio:hover:active > .radio-label-center-box > .radio-label-box { +radio:not([disabled="true"]):hover > .radio-label-center-box > .radio-label-box, +radio:not([disabled="true"]):hover:active > .radio-label-center-box > .radio-label-box { color: #FFCF00; } -radio[disabled="true"] > .radio-spacer-box > .radio-check-box1 { - border: 1px solid #8050B0 !important; -} - /* ..... selected state ..... */ radio[selected="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 { list-style-image: url("chrome://global/skin/radio/radio-check.gif"); } +radio[selected="true"]:hover > .radio-spacer-box > .radio-check-box1 > .radio-check-box2, +radio[selected="true"]:hover:active > .radio-spacer-box > .radio-check-box1 > .radio-check-box2{ + list-style-image: url("chrome://global/skin/radio/radio-check-hover.gif"); +} + radio[selected="true"][disabled="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 { list-style-image: url("chrome://global/skin/radio/radio-check-disabled.gif") !important } diff --git a/LCARStrek/global/radio/radio-check-hover.gif b/LCARStrek/global/radio/radio-check-hover.gif new file mode 100644 index 0000000000000000000000000000000000000000..b8b5d82c430b63962282fd5c70bc84e472f4b245 GIT binary patch literal 70 zcmZ?wbhEHbWMg1sXkcXcf1ct0|Nn~r1f7dg6H8K46v{J8G8EiBeFGR2f3h%gF)%Xd WFaQBaIRg_14`18qvsF%v4Aubn!xF9l literal 0 HcmV?d00001 diff --git a/LCARStrek/messenger/accountCentral.css b/LCARStrek/messenger/accountCentral.css index 21d253b8..1543b1d6 100644 --- a/LCARStrek/messenger/accountCentral.css +++ b/LCARStrek/messenger/accountCentral.css @@ -10,12 +10,15 @@ == Styles for the Messenger Account Central panel. ======================================================================= */ +page { + padding: 0; +} + #acctCentralGrid { - background-color: #000000; } spacer { - max-height: .5em;separator { + max-height: 3px; } spacer.big { @@ -25,33 +28,47 @@ spacer.big { /* ::::: rows ::::: */ #acctCentralHeaderRow { - margin: 5px; - background-color: #FF9F00; - border-radius: 10px; + background-color: #A09090; + border-radius: 1000px; color: #000000; font-weight: bold; font-size: 20px; - padding-top: 3px; +} + +#acctCentralHeaderRow > label { + -moz-margin-start: 30px; +} + +#acctCentralHeaderRow + spacer { + max-height: 15px; } .acctCentralRow { - -moz-margin-start: 20px; + -moz-margin-start: 10px; } .acctCentralRowTitleBox { -/* border-bottom: 1px solid #9C9CFF; */ background-color: #9C9CFF; padding-top: 3px; - border-radius: 7px; + padding-bottom: 3px; + border-radius: 1000px; color: #000000; } +.acctCentralRowTitleBox > description { + -moz-margin-start: 30px; +} + .acctCentralTitleRow { -moz-margin-start: 10px; font-weight: bold; font-size: 15px; } +.acctCentralTitleRow+ spacer { + max-height: 10px; +} + .acctCentralText { font-size: 15px; } @@ -59,17 +76,19 @@ spacer.big { /* ::::: links ::::: */ .acctCentralLinkText { + margin: 0; + -moz-margin-start: 20px; cursor: pointer; - color: #008484; - padding: 0px 5px; - border-radius: 3px; + background-color: #C09070; + color: #000000; + padding: 0px 10px; + border-radius: 1000px; text-decoration: none; } .acctCentralLinkText:hover { background-color: #FFCF00; color: #000000; -/* text-decoration: underline; */ } /* ::::: row icons ::::: */ diff --git a/LCARStrek/messenger/accountManage.css b/LCARStrek/messenger/accountManage.css index 627bd4dc..24480628 100644 --- a/LCARStrek/messenger/accountManage.css +++ b/LCARStrek/messenger/accountManage.css @@ -12,6 +12,10 @@ /* ::::: account manager :::::: */ +page { + padding: 0 !important; +} + .specialFolderPickerGrid { -moz-margin-start: 20px; } -- 2.43.0