introduce new color style and better styling in general to SeaMonkey sidebar, restyle...
authorRobert Kaiser <robert@widebook.box.kairo.at>
Sat, 5 Jan 2013 16:17:01 +0000 (17:17 +0100)
committerRobert Kaiser <robert@widebook.box.kairo.at>
Sat, 5 Jan 2013 16:17:01 +0000 (17:17 +0100)
17 files changed:
LCARStrek/communicator/bookmarks/bookmarks.css
LCARStrek/communicator/search/search.css
LCARStrek/communicator/sidebar/sidebar.css
LCARStrek/communicator/sidebar/sidebarListView.css
LCARStrek/global/menulist.css
LCARStrek/global/splitter.css
LCARStrek/global/splitter/grip-bottom.gif [deleted file]
LCARStrek/global/splitter/grip-bottom.png [new file with mode: 0644]
LCARStrek/global/splitter/grip-left.gif [deleted file]
LCARStrek/global/splitter/grip-left.png [new file with mode: 0644]
LCARStrek/global/splitter/grip-right.gif [deleted file]
LCARStrek/global/splitter/grip-right.png [new file with mode: 0644]
LCARStrek/global/splitter/grip-top.gif [deleted file]
LCARStrek/global/splitter/grip-top.png [new file with mode: 0644]
LCARStrek/inspector/sidebar.css
LCARStrek/messenger/addressbook/abResultsPane.css
LCARStrek/messenger/primaryToolbar.css

index 1ccada7fd342ac49822331750b8e7769ae550562..c6bc68f055b647e92cf6d2cb65ea80cf23f2ce2f 100644 (file)
@@ -124,3 +124,20 @@ treechildren::-moz-tree-cell-text(Name, separator, selected, focus),
 treechildren::-moz-tree-cell-text(title, separator, selected, focus) {
   /* color: #FFCF00; */
 }
+
+/* sidebar panel */
+
+#bookmarksPanel,
+#history-panel {
+  padding: 0;
+}
+
+#sidebar-search-container > #search-box,
+#history-panel > hbox > #search-box {
+  margin: 0;
+}
+
+#sidebar-search-container > #search-box,
+#history-panel > hbox {
+  margin-bottom: 3px;
+}
index 6d0360c6cf2bf037c1fd078669db42b784efcc43..7002dd3013ed29d7405b39d98417b0a04ba38ebb 100644 (file)
@@ -7,3 +7,7 @@
    ====================================================================== */
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#searchPanel {
+  padding: 0;
+}
\ No newline at end of file
index 6d0471e9dde5154f74e980b9f65884163fb9fcf9..b44886f82faf2113558c579842096397e60e3130 100644 (file)
   margin-bottom: 0px;
 }
 
-#sidebar-splitter[state="collapsed"] {
+#sidebar-splitter {
   -moz-margin-start: 0px;
 }
 
+#sidebar-splitter:not([state="collapsed"]) {
+  border-radius: 0 5px 0 0;
+}
+
+/* Get lower rounded corner right to connect to splitter. */
+#sidebar-panels-splitter-box {
+  background-color: #9C9CFF
+}
+
+#sidebar-panels {
+  background-color: #000000;
+  border-radius: 0 5px 0 0;
+  -moz-padding-end: 3px;
+}
+
+#sidebar-splitter:not([state="collapsed"]):-moz-locale-dir(rtl),
+#sidebar-panels:-moz-locale-dir(rtl) {
+  border-radius: 5px 0 0 0;
+}
+
 /* ::::: sidebar header ::::: */
 
 .sidebarheader-main {
   border: none;
-  color: #FF9F00;
-  background-color: #6000CF;
+  color: #000000;
+  background-color: #9C9CFF;
   padding: 0px 2px;
-  -moz-padding-start: 4px;
+  -moz-padding-start: 3px;
+  -moz-padding-end: 8px;
   height: auto;
 }
 
@@ -41,6 +62,7 @@
   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
   padding: 3px;
   list-style-image: url("chrome://global/skin/icons/close-button.gif");
+  border-radius: 0;
 }
 
 #sidebar-close-button:hover,
@@ -52,6 +74,7 @@
 
 #sidebar-panel-picker {
   padding: 3px 1px;
+  border-radius: 0;
 }
 
 /* ::::: sidebar panel ::::: */
   -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sbtab");
   cursor: pointer;
   border-top: 3px solid black;
+  border-radius: 5px;
 }
 
 .box-texttab > hbox {
-  border-radius: 5px;
+  border-radius: 300px;
   -moz-box-align: stretch;
-  padding: 2px 0px;
-  background-color: #FF9F00;
+  padding: 2px 3px;
+  background-color: #C09070;
   color: #000000;
 }
 
index 5bf583d1185122d25b730e5dfa81cc57f9482c6c..3124e711a30f94880ed68927fe9b62d8abfbd1b2 100644 (file)
@@ -4,17 +4,17 @@
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-treechildren::-moz-tree-image(leaf),                                                                                                     
-treechildren::-moz-tree-cell(leaf) {                                                                                                     
-  cursor: pointer;                                                                                                                       
-}                                                                                                                                        
-                                                                                                                                         
-treechildren::-moz-tree-cell-text(leaf, hover) {                                                                                         
-  cursor: pointer;                                                                                                                       
-  color: #000000;                                                                                                            
-  background-color: #FFCF00;                                                                                                            
-}                                                                                                                                        
+treechildren::-moz-tree-image(leaf),
+treechildren::-moz-tree-cell(leaf) {
+  cursor: pointer;
+}
 
-treechildren::-moz-tree-cell(separator) {                                                                                                
-  cursor: default;                                                                                                                       
-}                                                                                                                                        
+treechildren::-moz-tree-cell-text(leaf, hover) {
+  cursor: pointer;
+  color: #000000;
+  background-color: #FFCF00;
+}
+
+treechildren::-moz-tree-cell(separator) {
+  cursor: default;
+}
index b599fbcf494b3c48715d63fe0ef9fa6bea45afb3..02fd591be7e0390a3052df38b4fccc7084c74fac 100644 (file)
@@ -13,7 +13,7 @@
 
 menulist {
   border-radius: 3px;
-  margin: 2px 4px;
+  margin: 1px 2px;
   border: 1px solid #9C9CFF;
   background-color: #000000;
   color: #E7ADE7;
index 1e855930a89170d32be2f40a9ebe51dfec0292e0..dd58c02afabbe8ac09e0478f07b320932a89a187 100644 (file)
@@ -35,6 +35,8 @@ splitter[state="collapsed"][substate="before"],
 splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl),
 splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) {
   cursor: e-resize;
+  margin-left: 0;
+  border-radius: 0 5px 5px 0;
 }
 
 splitter[state="collapsed"][collapse="after"],
@@ -42,6 +44,8 @@ splitter[state="collapsed"][substate="after"],
 splitter[state="collapsed"][collapse="before"]:-moz-locale-dir(rtl),
 splitter[state="collapsed"][substate="before"]:-moz-locale-dir(rtl) {
   cursor: w-resize;
+  margin-right: 0;
+  border-radius: 5px 0 0 5px;
 }
 
 splitter:-moz-lwtheme {
@@ -60,11 +64,15 @@ splitter[orient="vertical"] {
 splitter[orient="vertical"][state="collapsed"][collapse="before"],
 splitter[orient="vertical"][state="collapsed"][substate="before"] {
   cursor: s-resize;
+  margin-top: 0;
+  border-radius: 0 0 5px 5px;
 }
 
 splitter[orient="vertical"][state="collapsed"][collapse="after"],
 splitter[orient="vertical"][state="collapsed"][substate="after"] {
   cursor: n-resize;
+  margin-bottom: 0;
+  border-radius: 5px 5px 0 0;
 }
 
 splitter[disabled="true"] {
@@ -104,21 +112,21 @@ splitter[orient="vertical"] > grippy {
 /* vertical grippies */
 splitter[collapse="before"] > grippy,
 splitter[collapse="after"] > grippy:-moz-locale-dir(rtl) {
-  background-image: url("chrome://global/skin/splitter/grip-left.gif");
+  background-image: url("chrome://global/skin/splitter/grip-left.png");
 }
 
 splitter[collapse="after"] > grippy,
 splitter[collapse="before"] > grippy:-moz-locale-dir(rtl) {
-  background-image: url("chrome://global/skin/splitter/grip-right.gif");
+  background-image: url("chrome://global/skin/splitter/grip-right.png");
 }
 
 /* horizontal grippies */
 splitter[collapse="before"][orient="vertical"] > grippy {
-  background-image: url("chrome://global/skin/splitter/grip-top.gif");
+  background-image: url("chrome://global/skin/splitter/grip-top.png");
 }
 
 splitter[collapse="after"][orient="vertical"] > grippy {
-  background-image: url("chrome://global/skin/splitter/grip-bottom.gif");
+  background-image: url("chrome://global/skin/splitter/grip-bottom.png");
 }
 
 /* ..... collapsed state ..... */
@@ -126,19 +134,19 @@ splitter[collapse="after"][orient="vertical"] > grippy {
 /* vertical grippies */
 splitter[collapse="before"][state="collapsed"] > grippy,
 splitter[collapse="after"][state="collapsed"] > grippy:-moz-locale-dir(rtl) {
-  background-image: url("chrome://global/skin/splitter/grip-right.gif");
+  background-image: url("chrome://global/skin/splitter/grip-right.png");
 }
 
 splitter[collapse="after"][state="collapsed"] > grippy,
 splitter[collapse="before"][state="collapsed"] > grippy:-moz-locale-dir(rtl) {
-  background-image: url("chrome://global/skin/splitter/grip-left.gif");
+  background-image: url("chrome://global/skin/splitter/grip-left.png");
 }
 
 /* horizontal grippies */
 splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy {
-  background-image: url("chrome://global/skin/splitter/grip-bottom.gif");
+  background-image: url("chrome://global/skin/splitter/grip-bottom.png");
 }
 
 splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy {
-  background-image: url("chrome://global/skin/splitter/grip-top.gif");
+  background-image: url("chrome://global/skin/splitter/grip-top.png");
 }
diff --git a/LCARStrek/global/splitter/grip-bottom.gif b/LCARStrek/global/splitter/grip-bottom.gif
deleted file mode 100755 (executable)
index 90e3e6f..0000000
Binary files a/LCARStrek/global/splitter/grip-bottom.gif and /dev/null differ
diff --git a/LCARStrek/global/splitter/grip-bottom.png b/LCARStrek/global/splitter/grip-bottom.png
new file mode 100644 (file)
index 0000000..0be3704
Binary files /dev/null and b/LCARStrek/global/splitter/grip-bottom.png differ
diff --git a/LCARStrek/global/splitter/grip-left.gif b/LCARStrek/global/splitter/grip-left.gif
deleted file mode 100755 (executable)
index 9a82633..0000000
Binary files a/LCARStrek/global/splitter/grip-left.gif and /dev/null differ
diff --git a/LCARStrek/global/splitter/grip-left.png b/LCARStrek/global/splitter/grip-left.png
new file mode 100644 (file)
index 0000000..5f75d3e
Binary files /dev/null and b/LCARStrek/global/splitter/grip-left.png differ
diff --git a/LCARStrek/global/splitter/grip-right.gif b/LCARStrek/global/splitter/grip-right.gif
deleted file mode 100755 (executable)
index e5b24a8..0000000
Binary files a/LCARStrek/global/splitter/grip-right.gif and /dev/null differ
diff --git a/LCARStrek/global/splitter/grip-right.png b/LCARStrek/global/splitter/grip-right.png
new file mode 100644 (file)
index 0000000..f4c3e1d
Binary files /dev/null and b/LCARStrek/global/splitter/grip-right.png differ
diff --git a/LCARStrek/global/splitter/grip-top.gif b/LCARStrek/global/splitter/grip-top.gif
deleted file mode 100755 (executable)
index c816c88..0000000
Binary files a/LCARStrek/global/splitter/grip-top.gif and /dev/null differ
diff --git a/LCARStrek/global/splitter/grip-top.png b/LCARStrek/global/splitter/grip-top.png
new file mode 100644 (file)
index 0000000..622cf22
Binary files /dev/null and b/LCARStrek/global/splitter/grip-top.png differ
index 1f186ef5cf3164c736e4ea3d87e20d09c47789f2..4f7530d677c26645e8d53ce290005986768b488a 100644 (file)
@@ -4,6 +4,10 @@
 
 @import url("chrome://inspector/skin");
 
+window {
+  padding: 0;
+}
+
 tabpanels {
   padding: 0px;
 }
\ No newline at end of file
index 305412c4826e54aebbaaacdecad727700222852f..dad71d9e881646e5f0cc03145027006871c8dee8 100644 (file)
@@ -13,3 +13,16 @@ treechildren::-moz-tree-image(GeneratedName, MailList) {
   -moz-padding-end: 2px;
   list-style-image: url("chrome://messenger/skin/addressbook/icons/ablist.gif");
 }
+
+#addressbook-panel {
+  padding: 0;
+}
+
+#addressbookList,
+#searchInput {
+  margin: 0;
+}
+
+#results_box > hbox {
+  margin-bottom: 3px;
+}
index 1249042cbb6ec2c47fe45ef802129e7973d37867..6d91d8b5d2b0496b784822b3b69756c22adf8075 100644 (file)
@@ -452,10 +452,13 @@ toolbar[iconsize="small"] > #sync-button[status=active] {
 
 /* ::::: message notification bar style rules ::::: */
 
+#msgNotificationBar:not([collapsed="true"]) > .msgNotificationBar {
+  margin-bottom: 3px;
+}
+
 .msgNotificationBar {
   border-radius: 7px;
   padding: 3px;
-  margin-bottom: 3px;
   background-color: #FF9F00;
   color: #000000;
 }