improve tabbrowser button and add-on manager displays in both themes, make LCARStrek...
authorRobert Kaiser <kairo@kairo.at>
Sat, 15 Jan 2011 01:15:21 +0000 (02:15 +0100)
committerRobert Kaiser <kairo@kairo.at>
Sat, 15 Jan 2011 01:15:21 +0000 (02:15 +0100)
EarlyBlue/global/tabbox.css
EarlyBlue/mozapps/extensions/extensions.css
EarlyBlue/navigator/tabbrowser.css
LCARStrek/icon.png
LCARStrek/mozapps/extensions/extensions.css
LCARStrek/navigator/tabbrowser.css

index 8017a7d8a85e04ff2bba42b45a5f8c1b76e37dbe..beb16e989a4219fb1648624df6b990e28f1b4f0b 100644 (file)
@@ -65,7 +65,7 @@ tabpanels {
 /* ::::: tab ::::: */
 
 tab {
 /* ::::: tab ::::: */
 
 tab {
-  margin-top: 2px;
+  margin-top: 1px;
   border: 1px outset #CCD0DD;
   border-bottom: none;
   padding: 1px 4px 2px;
   border: 1px outset #CCD0DD;
   border-bottom: none;
   padding: 1px 4px 2px;
index 6d86711c44aace76e279143ab45939d8b8eca191..3e3230ff0516fd07a22d8f9d63734e6cfe6a850f 100644 (file)
@@ -78,7 +78,7 @@
 }
 
 /*** global warnings ***/
 }
 
 /*** global warnings ***/
+
 .global-warning-container {
   overflow-x: hidden;
 }
 .global-warning-container {
   overflow-x: hidden;
 }
@@ -96,7 +96,7 @@
 
 #detail-view .global-warning {
   padding: 4px 12px;
 
 #detail-view .global-warning {
   padding: 4px 12px;
-  border-bottom: 1px solid #9999CC;  
+  border-bottom: 1px solid #9999CC;
 }
 
 @media all and (max-width: 600px) {
 }
 
 @media all and (max-width: 600px) {
 .alert {
   -moz-box-align: center;
   padding: 10px;
 .alert {
   -moz-box-align: center;
   padding: 10px;
-  color: #FF9F00;
-  border: 1px solid #9C9CFF;
+  color: #000000;
+  border: 1px inset #CCD0DD;
   border-radius: 8px;
   border-radius: 8px;
-  background-color: #000000;
+  background-color: #CCD0DD;
 }
 
 .alert .alert-title {
 }
 
 .alert .alert-title {
 
 .category {
   background-color: transparent;
 
 .category {
   background-color: transparent;
-  color: #FF9F00;
+  color: #404040;
   min-height: 0;
   padding: 10px 4px;
   border-width: 1px;
   min-height: 0;
   padding: 10px 4px;
   border-width: 1px;
 
 .sorter {
   -moz-appearance: none;
 
 .sorter {
   -moz-appearance: none;
-  border: none;
+  border: 1px solid transparent;
   background-color: transparent;
   color: #000000;
   background-color: transparent;
   color: #000000;
-  padding: 0 6px;
+  padding: 0 5px;
   margin: 0 6px;
   min-width: 12px !important;
   -moz-box-direction: reverse;
   margin: 0 6px;
   min-width: 12px !important;
   -moz-box-direction: reverse;
   padding-bottom: 0;
 }
 
   padding-bottom: 0;
 }
 
+.sorter:hover {
+  border: 1px outset #666699;
+}
+
 .sorter[checkState="1"],
 .sorter[checkState="2"] {
   background-color: #666699;
 .sorter[checkState="1"],
 .sorter[checkState="2"] {
   background-color: #666699;
+  color: #FFFFFF;
+  border: 1px inset #666699;
 }
 
 .sorter[checkState="1"] {
 }
 
 .sorter[checkState="1"] {
 }
 
 .addon-view[notification="warning"] {
 }
 
 .addon-view[notification="warning"] {
-  background-color : #FFFFCC;
-}
-
-richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
-  color: #336699;
+  background-color: #FFFFCC;
 }
 
 .addon-view[notification="error"] {
 }
 
 .addon-view[notification="error"] {
@@ -558,11 +560,15 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] {
 
 .addon[selected] {
   background-color: #336699;
 
 .addon[selected] {
   background-color: #336699;
-  color: #000000;
+  color: #FFFFFF;
 }
 
 .addon[selected] .name-container {
 }
 
 .addon[selected] .name-container {
-  /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);  */
+  color: #FFFFFF;
+}
+
+.addon[active="false"][selected] {
+  color: #000000;
 }
 
 .addon[active="false"][selected] .name-container {
 }
 
 .addon[active="false"][selected] .name-container {
index 38949c8e8ef59afa0369f8a3666228f258ffde27..af0e32676e2c404da720dcabca08e14d82dfce05 100644 (file)
@@ -38,7 +38,7 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 .tabbrowser-strip {
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 .tabbrowser-strip {
-  padding-bottom: 1px;
+  padding-bottom: 0px;
   border-bottom: 1px solid #666699;
 }
 
   border-bottom: 1px solid #666699;
 }
 
@@ -97,10 +97,12 @@ tabbrowser > tabbox > tabpanels {
 
 .scrollbutton-up,
 .scrollbutton-down {
 
 .scrollbutton-up,
 .scrollbutton-down {
+  margin-top: 1px;
+  margin-bottom: 0;
 }
 
 .tabs-alltabs-button {
 }
 
 .tabs-alltabs-button {
-  margin: 2px 0px 1px;
+  margin-top: 1px;
 }
 
 /* All tabs menupopup */
 }
 
 /* All tabs menupopup */
@@ -119,9 +121,18 @@ tabbrowser > tabbox > tabpanels {
 
 /* ::::: close & new tab buttons ::::: */
 
 
 /* ::::: close & new tab buttons ::::: */
 
+.tabs-closebutton-box {
+  -moz-box-direction: reverse;
+}
+
+.tabs-closebutton-box > hbox {
+  -moz-box-orient: vertical;
+}
+
 .tabs-closebutton {
 .tabs-closebutton {
-  margin-bottom: 2px;
-  -moz-margin-end: 2px;
+  margin-top: 1px;
+  padding: 0 3px;
+  -moz-box-flex: 1;
   list-style-image: url("chrome://global/skin/icons/close-button.gif");
 }
 
   list-style-image: url("chrome://global/skin/icons/close-button.gif");
 }
 
index 5289d346235fdf938afe1c1e8f6405e7b8c961ea..837906d5ae726cbe9ede9af46757c33b02470840 100644 (file)
Binary files a/LCARStrek/icon.png and b/LCARStrek/icon.png differ
index 3add1ac8103c61b0552ecc2400a87794da8aa484..7c7f9026f6a8f932f5691c6e9ed02840c511ed73 100644 (file)
@@ -78,7 +78,7 @@
 }
 
 /*** global warnings ***/
 }
 
 /*** global warnings ***/
+
 .global-warning-container {
   overflow-x: hidden;
 }
 .global-warning-container {
   overflow-x: hidden;
 }
 
 .category {
   background-color: transparent;
 
 .category {
   background-color: transparent;
-  color: #000000;
+  color: #FF9F00;
   min-height: 0;
   padding: 10px 4px;
   border-width: 1px;
   min-height: 0;
   padding: 10px 4px;
   border-width: 1px;
 }
 
 .category[selected] {
 }
 
 .category[selected] {
-  color: FFCF00;
+  background-color: #008484;
+  color: #FFCF00;
   font-weight: bold;
   border-color: #9C9CFF;
 }
   font-weight: bold;
   border-color: #9C9CFF;
 }
 }
 
 .view-header {
 }
 
 .view-header {
-  background-color: #000000;
+  background-color: #9C9CFF;
+  color: #000000;
   border-radius: 8px;
   padding: 0px 1em;
   margin: 3px;
   border-radius: 8px;
   padding: 0px 1em;
   margin: 3px;
 .addon[status="installing"] .name {
   font-size: 150%;
   font-weight: bold;
 .addon[status="installing"] .name {
   font-size: 150%;
   font-weight: bold;
-  color: #E7ADE7;
+  color: #9C9CFF;
   margin-bottom: 0;
 }
 
   margin-bottom: 0;
 }
 
   color: #000000;
 }
 
   color: #000000;
 }
 
+.addon-view[notification="warning"] .name-container {
+  color: #000000;
+}
+
 .addon-view[notification="error"] {
   background-color: #FF0000;
   color: #000000;
 .addon-view[notification="error"] {
   background-color: #FF0000;
   color: #000000;
 
 .addon[selected] {
   background-color: #008484;
 
 .addon[selected] {
   background-color: #008484;
-  color: #FFCF00;
+  color: #FF9F00;
 }
 
 .addon[selected] .name-container {
 }
 
 .addon[selected] .name-container {
-  /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);  */
+  color: #FFCF00;
+}
+
+.addon[active="false"][selected] {
+  color: #E7ADE7;
 }
 
 .addon[active="false"][selected] .name-container {
 }
 
 .addon[active="false"][selected] .name-container {
-  /* color: #; */
+  color: #E7ADE7;
 }
 
 
 }
 
 
 /*** creator ***/
 
 .creator > label {
 /*** creator ***/
 
 .creator > label {
-  -moz-margin-start: 0;
   -moz-margin-end: 0;
 }
 
   -moz-margin-end: 0;
 }
 
index f62393d4462428c9a86b07a81390b751edc4abcb..51d6a0add1740b4371c1561867416edfa5964cf0 100644 (file)
@@ -107,7 +107,6 @@ tabbrowser > tabbox > tabpanels {
 }
 
 .tabs-alltabs-button {
 }
 
 .tabs-alltabs-button {
-  margin: 2px 0px 1px;
 }
 
 /* All tabs menupopup */
 }
 
 /* All tabs menupopup */
@@ -126,6 +125,10 @@ tabbrowser > tabbox > tabpanels {
 /* ::::: close & new tab buttons ::::: */
 
 .tabs-closebutton-box {
 /* ::::: close & new tab buttons ::::: */
 
 .tabs-closebutton-box {
+  -moz-box-direction: reverse;
+}
+
+.tabs-closebutton-box > hbox {
   -moz-box-orient: vertical;
 }
 
   -moz-box-orient: vertical;
 }