a few adjustments to make several items look better
authorRobert Kaiser <kairo@kairo.at>
Sat, 14 Sep 2013 21:17:59 +0000 (23:17 +0200)
committerRobert Kaiser <kairo@kairo.at>
Sat, 14 Sep 2013 21:17:59 +0000 (23:17 +0200)
12 files changed:
EarlyBlue/global/listbox.css
LCARStrek/browser/browser.css
LCARStrek/global/button.css
LCARStrek/global/checkbox.css
LCARStrek/global/checkbox/cbox-check-hover.gif [new file with mode: 0644]
LCARStrek/global/dialog.css
LCARStrek/global/listbox.css
LCARStrek/global/menulist.css
LCARStrek/global/radio.css
LCARStrek/global/radio/radio-check-hover.gif [new file with mode: 0644]
LCARStrek/messenger/accountCentral.css
LCARStrek/messenger/accountManage.css

index 0118317035c1073b3f36c0cc259542e8cab4ef90..4b801dde88c92f708083a262d79b3e010310de8b 100644 (file)
@@ -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");
+}
index 3457cbc44d1dc080fe47a13a5e38163d5ddecbe1..adce2145d05c0134ffe1b7e33f27978da9002b53 100644 (file)
@@ -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,
index 953b632f54064998f0f04a4318b9ef16c28d5c42..0c9253845036bdc6f746b05e43543954a5d48c37 100644 (file)
@@ -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 {
index 1a6f5a14d83b22dd8bc60997a56d099dda0d6e8d..ad38b3773d072956608171cd9dc0992b8410664e 100644 (file)
@@ -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 (file)
index 0000000..d199bdb
Binary files /dev/null and b/LCARStrek/global/checkbox/cbox-check-hover.gif differ
index be073ab16547528e301984fb33a8fac972514ff4..0683e3c5648d92b11c8fe8412eef0b8d7c496155 100644 (file)
@@ -27,7 +27,7 @@ dialogheader {
   border-radius: 8px;
   margin: 0px;
   padding: 1px 12px;
-  background-color: #FF9F00;
+  background-color: #A09090;
   color: #000000;
 }
 
index 50df63b6c80d661b2a4296052047e787f75cd2e3..1d750655dcdee364b23d6323c65c8ee152e077df 100644 (file)
@@ -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;
 }
index 02fd591be7e0390a3052df38b4fccc7084c74fac..c16582ae4141688f6cea5bfff3d09ecf23f2b15a 100644 (file)
@@ -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");
 }
 
index 49abd0ef5cef3de8214edc3fc7c6209c1aee24f9..feaf95169ef16366b6afc41e8e3291aae35f4c5b 100644 (file)
@@ -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 (file)
index 0000000..b8b5d82
Binary files /dev/null and b/LCARStrek/global/radio/radio-check-hover.gif differ
index 21d253b8bb4c704ca93ce36bbe16f96bc744c96f..1543b1d647a1704d5dceb8964608b704c9ef8676 100644 (file)
   == 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 ::::: */
index 627bd4dce7c29317d1b305e4688524e2c4adcb93..24480628a5205f2089a84ba08627668e1f6196be 100644 (file)
 
 /* ::::: account manager :::::: */
 
+page {
+  padding: 0 !important;
+}
+
 .specialFolderPickerGrid {
   -moz-margin-start: 20px;
 }