From 01d40f5a7bba7f139053689dc31828363286a316 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sat, 5 Jan 2013 17:17:01 +0100 Subject: [PATCH] introduce new color style and better styling in general to SeaMonkey sidebar, restyle splitters in general somewhat --- .../communicator/bookmarks/bookmarks.css | 17 ++++++++ LCARStrek/communicator/search/search.css | 4 ++ LCARStrek/communicator/sidebar/sidebar.css | 38 ++++++++++++++---- .../communicator/sidebar/sidebarListView.css | 26 ++++++------ LCARStrek/global/menulist.css | 2 +- LCARStrek/global/splitter.css | 24 +++++++---- LCARStrek/global/splitter/grip-bottom.gif | Bin 145 -> 0 bytes LCARStrek/global/splitter/grip-bottom.png | Bin 0 -> 185 bytes LCARStrek/global/splitter/grip-left.gif | Bin 157 -> 0 bytes LCARStrek/global/splitter/grip-left.png | Bin 0 -> 173 bytes LCARStrek/global/splitter/grip-right.gif | Bin 157 -> 0 bytes LCARStrek/global/splitter/grip-right.png | Bin 0 -> 173 bytes LCARStrek/global/splitter/grip-top.gif | Bin 144 -> 0 bytes LCARStrek/global/splitter/grip-top.png | Bin 0 -> 183 bytes LCARStrek/inspector/sidebar.css | 4 ++ .../messenger/addressbook/abResultsPane.css | 13 ++++++ LCARStrek/messenger/primaryToolbar.css | 5 ++- 17 files changed, 103 insertions(+), 30 deletions(-) delete mode 100755 LCARStrek/global/splitter/grip-bottom.gif create mode 100644 LCARStrek/global/splitter/grip-bottom.png delete mode 100755 LCARStrek/global/splitter/grip-left.gif create mode 100644 LCARStrek/global/splitter/grip-left.png delete mode 100755 LCARStrek/global/splitter/grip-right.gif create mode 100644 LCARStrek/global/splitter/grip-right.png delete mode 100755 LCARStrek/global/splitter/grip-top.gif create mode 100644 LCARStrek/global/splitter/grip-top.png diff --git a/LCARStrek/communicator/bookmarks/bookmarks.css b/LCARStrek/communicator/bookmarks/bookmarks.css index 1ccada7f..c6bc68f0 100644 --- a/LCARStrek/communicator/bookmarks/bookmarks.css +++ b/LCARStrek/communicator/bookmarks/bookmarks.css @@ -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; +} diff --git a/LCARStrek/communicator/search/search.css b/LCARStrek/communicator/search/search.css index 6d0360c6..7002dd30 100644 --- a/LCARStrek/communicator/search/search.css +++ b/LCARStrek/communicator/search/search.css @@ -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 diff --git a/LCARStrek/communicator/sidebar/sidebar.css b/LCARStrek/communicator/sidebar/sidebar.css index 6d0471e9..b44886f8 100644 --- a/LCARStrek/communicator/sidebar/sidebar.css +++ b/LCARStrek/communicator/sidebar/sidebar.css @@ -16,18 +16,39 @@ 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 ::::: */ @@ -86,13 +109,14 @@ -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; } diff --git a/LCARStrek/communicator/sidebar/sidebarListView.css b/LCARStrek/communicator/sidebar/sidebarListView.css index 5bf583d1..3124e711 100644 --- a/LCARStrek/communicator/sidebar/sidebarListView.css +++ b/LCARStrek/communicator/sidebar/sidebarListView.css @@ -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; +} diff --git a/LCARStrek/global/menulist.css b/LCARStrek/global/menulist.css index b599fbcf..02fd591b 100644 --- a/LCARStrek/global/menulist.css +++ b/LCARStrek/global/menulist.css @@ -13,7 +13,7 @@ menulist { border-radius: 3px; - margin: 2px 4px; + margin: 1px 2px; border: 1px solid #9C9CFF; background-color: #000000; color: #E7ADE7; diff --git a/LCARStrek/global/splitter.css b/LCARStrek/global/splitter.css index 1e855930..dd58c02a 100644 --- a/LCARStrek/global/splitter.css +++ b/LCARStrek/global/splitter.css @@ -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 index 90e3e6f035acf60f8989344f98ec07856a898813..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 145 zcmZ?wbhEHbEM{O~*vtR|$BrFiXleOR98mnp!pOkD$e;t#2{OZh#m?XaL)Ki2*JpSC zPq-0zeFdYC*U~qyRuxF^FY>)#oR|J8B8kbkfx`LV+hCfz%l94EoTf@m^ Ts?2c~sENVT)z4*}Q$iB}al~*vtR|$BrFiXleOR98mnp!pOkD$e;t#2{OZh#mnFX=aLx~R|+=Y znaf_K;@Y=7bkU+!jMA*jBUeI|gJfNJv=Kt1t)1 zVk`;r3ubV5b|VeMN%D4gVd!9$^#Ca^@Q5sCVBi)8VMc~ob0mO*>?NMQuIzUiS@{+D z>$e$$Opx_-aSY+Oo}AFYB*rG#CZLek$Z4R_aMQW_$U||41Rhq$zB5*wK!psRu6{1- HoD!M<-e4%& literal 0 HcmV?d00001 diff --git a/LCARStrek/global/splitter/grip-right.gif b/LCARStrek/global/splitter/grip-right.gif deleted file mode 100755 index e5b24a84b5b5c6aa7d2140e9e56e507c3cd0b84d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 157 zcmZ?wbhEHbWML>~*vtR|$BrFiXleOR98mnp!pOkD$e;t#2{OZh#mnFXLz=*~YqOsp zlT~d@+}0XDbJ5~kK?gLCZn{1(sqOllwb|wm&Zpm;*`az?ZCXufnE&&Q;!FJso!0nU WPfm-yrmww+wYYeN>UkkX25SJ$b5rR6 diff --git a/LCARStrek/global/splitter/grip-right.png b/LCARStrek/global/splitter/grip-right.png new file mode 100644 index 0000000000000000000000000000000000000000..f4c3e1da15491216747e02fda2b7c3ab2be30e57 GIT binary patch literal 173 zcmeAS@N?(olHy`uVBq!ia0vp^EI?e$#0(@4?eLxgq&Ne7LR^m>I|gJfNJv=Kt1t)1 zVk`;r3ubV5b|VeMN%D4gVd!9$^#Ca^@Q5sCVBi)8VMc~ob0mO*>?NMQuIzUiS^1T? zR6b6*02Gq-ba4#fxSpKQz{K9h&?cZz*1&0?VX%S6Qm8$i!F)HnqLcE>eL#f_p00i_ I>zopr0N`gRdjJ3c literal 0 HcmV?d00001 diff --git a/LCARStrek/global/splitter/grip-top.gif b/LCARStrek/global/splitter/grip-top.gif deleted file mode 100755 index c816c88cddd563fe510e7cac80f1bfef7f01d23f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 144 zcmZ?wbhEHbEM{O~*vtR|$BrFiXleOR98mnp!pOkD$e;t#2{OZh#n#{i=d!&Pug~uO zAHS7RC9`wI6t?Wu`*hwM`;v3|M`TxIC#O(?g9ndP`*EeBl{sqjeO45E8aA%Gv8L>F IF9U-$0A=?~;Q#;t diff --git a/LCARStrek/global/splitter/grip-top.png b/LCARStrek/global/splitter/grip-top.png new file mode 100644 index 0000000000000000000000000000000000000000..622cf2288674c4d1ff49c7c9a389590566a8a8c9 GIT binary patch literal 183 zcmeAS@N?(olHy`uVBq!ia0vp^#X!u$#0(@4aJ}FGQk(%kA+8Jz=|JX!gajMcGbTV5 zV@Z%-FoVOh8)+a;lDE4HLkFv@2S|B=MMv> hbox { + margin-bottom: 3px; +} diff --git a/LCARStrek/messenger/primaryToolbar.css b/LCARStrek/messenger/primaryToolbar.css index 1249042c..6d91d8b5 100644 --- a/LCARStrek/messenger/primaryToolbar.css +++ b/LCARStrek/messenger/primaryToolbar.css @@ -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; } -- 2.43.0