From 8da9da4e242c0cf4d69669781189ba31f8619df5 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Mon, 13 Jun 2011 03:45:41 +0200 Subject: [PATCH] make bookmarks for fine for FF4 (except organizer-specifics) --- LCARStrek/browser/browser.css | 51 +++--- .../browser/places/editBookmarkOverlay.css | 148 ++++++++++++++++++ LCARStrek/browser/places/history.png | Bin 0 -> 199 bytes LCARStrek/browser/places/places.css | 133 ++++++++++++++++ LCARStrek/browser/places/starred48.png | Bin 0 -> 283 bytes LCARStrek/browser/places/unstarred48.png | Bin 0 -> 311 bytes 6 files changed, 312 insertions(+), 20 deletions(-) create mode 100644 LCARStrek/browser/places/editBookmarkOverlay.css create mode 100644 LCARStrek/browser/places/history.png create mode 100644 LCARStrek/browser/places/places.css create mode 100644 LCARStrek/browser/places/starred48.png create mode 100644 LCARStrek/browser/places/unstarred48.png diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index a2d0bf83..4be20425 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -430,12 +430,12 @@ menubar { #wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box { width: 16px; height: 16px; - background: url("chrome://browser/skin/places/bookmarksToolbar.png") no-repeat; + background: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") no-repeat; } .bookmarks-toolbar-customize { max-width: 15em !important; - list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; + list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") !important; } /* ::::: bookmark menus ::::: */ @@ -459,28 +459,31 @@ menuitem.bookmark-item { .bookmark-item { list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); + -moz-image-region: auto; } .bookmark-item[container] { list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif"); + -moz-image-region: auto; } .bookmark-item[container][open] { list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif"); + -moz-image-region: auto; } -.bookmark-item[container][livemark] { - list-style-image: url("chrome://browser/skin/livemark-folder.png"); +.bookmark-item[container][livemark] { + list-style-image: url("chrome://communicator/skin/bookmarks/livemark-folder.png"); -moz-image-region: auto; } .bookmark-item[container][livemark] .bookmark-item { - list-style-image: url("chrome://browser/skin/livemark-item.png"); + list-style-image: url("chrome://communicator/skin/bookmarks/livemark-item.png"); -moz-image-region: auto; } .bookmark-item[container][query] { - list-style-image: url("chrome://browser/skin/places/query.png"); + list-style-image: url("chrome://communicator/skin/bookmarks/query.png"); -moz-image-region: auto; } @@ -490,16 +493,18 @@ menuitem.bookmark-item { } .bookmark-item[query][dayContainer] { - list-style-image: url("chrome://browser/skin/places/calendar.png"); + list-style-image: url("chrome://communicator/skin/history/calendar.png"); -moz-image-region: auto; } .bookmark-item[query][hostContainer] { list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif"); + -moz-image-region: auto; } .bookmark-item[query][hostContainer][open] { list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif"); + -moz-image-region: auto; } /* ::::: primary toolbar buttons ::::: */ @@ -885,11 +890,12 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { #bookmarks-button, #bookmarks-menu-button { + list-style-image: url("chrome://browser/skin/Toolbar.png") !important; /* for making the palette work */ -moz-image-region: rect(0, 144px, 18px, 126px); } #bookmarks-menu-button.bookmark-item { - list-style-image: url("chrome://browser/skin/Toolbar.png"); + /* list-style-image: url("chrome://browser/skin/Toolbar.png"); */ } #bookmarks-menu-button.toolbarbutton-1 { @@ -1056,6 +1062,7 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { /* sync button */ #sync-button { + list-style-image: url("chrome://browser/skin/Toolbar.png") !important; /* for making the palette work */ -moz-image-region: rect(0, 324px, 18px, 306px); } @@ -1300,7 +1307,7 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, .ac-result-type-tag, .autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) { - list-style-image: url("chrome://browser/skin/places/tag.png"); + list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png"); width: 16px; height: 16px; } @@ -1572,7 +1579,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- width: 16px; height: 16px; list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); - -moz-image-region: rect(0px, 16px, 16px, 0px); + -moz-image-region: auto; -moz-margin-end: 3px; } @@ -1685,32 +1692,32 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- -moz-image-region: rect(0, 14px, 16px, 0); } +#alltabs-button:hover, #alltabs-button:hover:active { -moz-image-region: rect(0, 28px, 16px, 14px); } #alltabs-button[type="menu"] { - list-style-image: url("chrome://browser/skin/mainwindow-dropdown-arrow.png"); - -moz-image-region: rect(0, 13px, 11px, 0); -} - -#alltabs-button[type="menu"] > .toolbarbutton-icon { - margin: 3px 0; + list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); + -moz-image-region: auto; } #alltabs-button[type="menu"] > .toolbarbutton-menu-dropmarker { display: none; } +#alltabs-button[type="menu"]:hover, #alltabs-button[type="menu"]:hover:active, #alltabs-button[type="menu"][open="true"] { - -moz-image-region: rect(0, 26px, 11px, 13px); + list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); + -moz-image-region: auto; } /* All tabs menupopup */ .alltabs-item > .menu-iconic-left > .menu-iconic-icon { list-style-image: url("chrome://global/skin/icons/folder-item.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); + -moz-image-region: auto; } .alltabs-item[selected="true"] { @@ -1732,6 +1739,10 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- .tabs-closebutton > .toolbarbutton-icon { } +.tabs-closebutton > .toolbarbutton-text { + display: none; +} + .tabs-closebutton:hover, .tabs-closebutton:hover:active { list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); @@ -1770,7 +1781,7 @@ toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon { /* Bookmarks toolbar */ #PlacesToolbarDropIndicator { - list-style-image: url("chrome://browser/skin/places/toolbarDropMarker.png"); + list-style-image: url("chrome://communicator/skin/bookmarks/toolbarDropMarker.png"); } toolbarbutton.bookmark-item[dragover="true"][open="true"] { @@ -1988,13 +1999,13 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { #bookmarksToolbarFolderMenu, #appmenu_bookmarksToolbar, #BMB_bookmarksToolbar { - list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); + list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png"); -moz-image-region: auto; } #appmenu_unsortedBookmarks, #BMB_unsortedBookmarks { - list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); + list-style-image: url("chrome://communicator/skin/bookmarks/unsortedBookmarks.png"); -moz-image-region: auto; } diff --git a/LCARStrek/browser/places/editBookmarkOverlay.css b/LCARStrek/browser/places/editBookmarkOverlay.css new file mode 100644 index 00000000..0d8eaf00 --- /dev/null +++ b/LCARStrek/browser/places/editBookmarkOverlay.css @@ -0,0 +1,148 @@ +/* ***** BEGIN LICENSE BLOCK ***** + * Version: MPL 1.1/GPL 2.0/LGPL 2.1 + * + * The contents of this file are subject to the Mozilla Public License Version + * 1.1 (the "License"); you may not use this file except in compliance with + * the License. You may obtain a copy of the License at + * http://www.mozilla.org/MPL/ + * + * Software distributed under the License is distributed on an "AS IS" basis, + * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License + * for the specific language governing rights and limitations under the + * License. + * + * The Original Code is Firefox. + * + * The Initial Developer of the Original Code is Mozilla. + * Portions created by the Initial Developer are Copyright (C) 2006 + * the Initial Developer. All Rights Reserved. + * + * Contributor(s): + * Myk Melez + * Asaf Romano + * + * Alternatively, the contents of this file may be used under the terms of + * either the GNU General Public License Version 2 or later (the "GPL"), or + * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), + * in which case the provisions of the GPL or the LGPL are applicable instead + * of those above. If you wish to allow use of your version of this file only + * under the terms of either the GPL or the LGPL, and not to allow others to + * use your version of this file under the terms of the MPL, indicate your + * decision by deleting the provisions above and replace them with the notice + * and other provisions required by the GPL or the LGPL. If you do not delete + * the provisions above, a recipient may use your version of this file under + * the terms of any one of the MPL, the GPL or the LGPL. + * + * ***** END LICENSE BLOCK ***** */ + +/**** folder menulist ****/ +.folder-icon > .menulist-label-box > .menulist-icon { + width: 16px; + height: 16px; +} + +.folder-icon > .menu-iconic-left { + display: -moz-box; +} + +.folder-icon { + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif") !important; +} + + +/**** expanders ****/ + +.expander-up, +.expander-down { + min-width: 0; + margin: 0; + -moz-margin-end: 4px; +} + +.expander-up > .button-box, +.expander-down > .button-box { + padding: 0; +} + +.expander-up { + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); +} + +.expander-down { + list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); +} + +.expander-down:hover:active { + list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); +} + +.expander-up:hover:active { + list-style-image: url("chrome://global/skin/arrow/arrow-up-hover.gif"); +} + +#editBookmarkPanelContent { + min-width: 23em; +} + +#editBMPanel_folderTree { + margin-top: 2px; + margin-bottom: 2px; +} + +/**** name picker ****/ + +/* Make the microsummary picker look like a regular textbox instead of + * an editable menulist when no microsummaries are available. + */ +#editBMPanel_namePicker[droppable="false"] { + /* These rules come from the textbox element in textbox.css. */ + border-radius: 3px; + -moz-outline-radius: 5px; + cursor: text; + margin: 1px 2px; + border: 1px solid #9C9CFF; + padding: 1px 0px; + -moz-padding-start: 2px; + background-color: #000000; + color: #E7ADE7; + min-height: 19px; +} + +#editBMPanel_namePicker[droppable="false"] > .menulist-editable-box { + padding: 0; +} + +#editBMPanel_namePicker[droppable="false"] > .menulist-dropmarker, +#editBMPanel_namePicker[droppable="false"] > menupopup { + display: none; +} + +/* Hide the value column of the tag autocomplete popup + * leaving only the comment column visible. This is + * so that only the tag being edited is shown in the + * popup. + */ +#editBMPanel_tagsField #treecolAutoCompleteValue { + visibility: collapse; +} + + +/* ::::: bookmark panel dropdown icons ::::: */ + +#editBMPanel_folderMenuList[selectedIndex="0"], +#editBMPanel_toolbarFolderItem { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; + -moz-image-region: auto !important; +} + +#editBMPanel_folderMenuList[selectedIndex="1"], +#editBMPanel_bmRootItem { + list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png") !important; + -moz-image-region: auto !important; +} + +#editBMPanel_folderMenuList[selectedIndex="2"], +#editBMPanel_unfiledRootItem { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important; + -moz-image-region: auto !important; +} diff --git a/LCARStrek/browser/places/history.png b/LCARStrek/browser/places/history.png new file mode 100644 index 0000000000000000000000000000000000000000..330f10f384f843256771b6c38a6e5abce72140a8 GIT binary patch literal 199 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;V{wqX6T`Z5GB1G~wg8_HS5@2k z|K}O91m$jnq)USQf*Bm1-ADs*lDyqr7&=&GJ%Aj}0*}aI1_o|n5N2eUHAey{$X?>< z>&kwcjh9hM(<&-?BTz`!)5S4_<9c!e5Y!(y@W0W~sp;T`cEydnZGDC+41&_ljQq_l gtR9TN85cw`Fn4hEZ77YE1!`pQboFyt=akR{0I&-%`Tzg` literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/places/places.css b/LCARStrek/browser/places/places.css new file mode 100644 index 00000000..21bd2606 --- /dev/null +++ b/LCARStrek/browser/places/places.css @@ -0,0 +1,133 @@ +/* Sidebars */ +.sidebar-placesTree { + margin: 0; +} + +.sidebar-placesTreechildren::-moz-tree-cell(leaf) , +.sidebar-placesTreechildren::-moz-tree-image(leaf) { + cursor: pointer; +} + +.sidebar-placesTreechildren::-moz-tree-cell-text(leaf, hover) { + cursor: pointer; + text-decoration: underline; +} + +.sidebar-placesTreechildren::-moz-tree-cell(separator) { + cursor: default; +} + +/* Trees */ +treechildren::-moz-tree-image(title) { + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); + padding-right: 2px; + margin: 0px 2px; + width: 16px; + height: 16px; +} + +treechildren::-moz-tree-image(title, livemarkItem) { + list-style-image: url("chrome://communicator/skin/bookmarks/livemark-item.png"); +} + +treechildren::-moz-tree-image(title, separator) { + list-style-image: none; + width: 0; + height: 0; +} + +treechildren::-moz-tree-image(title, container) { + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif"); +} + +treechildren::-moz-tree-image(title, open) { + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif"); +} + +treechildren::-moz-tree-image(title, container, livemark) { + list-style-image: url("chrome://communicator/skin/bookmarks/livemark-folder.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_AllBookmarks) { + list-style-image: url("chrome://communicator/skin/bookmarks/allBookmarks.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { + list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { + list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksMenu.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { + list-style-image: url("chrome://communicator/skin/bookmarks/unsortedBookmarks.png"); + -moz-image-region: auto; +} + +/* query-nodes should be styled even if they're not expandable */ +treechildren::-moz-tree-image(title, query) { + list-style-image: url("chrome://communicator/skin/bookmarks/query.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(title, query, tagContainer), +treechildren::-moz-tree-image(query, OrganizerQuery_Tags) { + list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png"); + -moz-image-region: auto; +} + +/* calendar icon for folders grouping items by date */ +treechildren::-moz-tree-image(title, query, dayContainer) { + list-style-image: url("chrome://communicator/skin/history/calendar.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(title, query, hostContainer) { + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif"); +} + +treechildren::-moz-tree-image(title, query, hostContainer, open) { + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif"); +} + +treechildren::-moz-tree-image(title, query, OrganizerQuery_History) { + list-style-image: url("chrome://browser/skin/places/history.png"); +} + +/* We want some queries to look like ordinary folders. This must come + after the (title, query) selector, or it would get overridden. */ +treechildren::-moz-tree-image(title, query, folder) { + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif"); +} + +treechildren::-moz-tree-image(title, query, folder, open) { + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif"); +} + +treechildren::-moz-tree-row(session-start) { + border-top:1px dotted #9C9CFF; + font-weight: bold; +} + +treechildren::-moz-tree-cell-text(date, session-continue) { + color: #E7ADE7; +} + +/* Browser Sidebars */ + +/* Default button vert. margins are 1px/2px, and this can cause misalignment */ +#viewButton { + margin-top: 2px; + margin-bottom: 2px; +} + +#viewButton > .button-box > .button-menu-dropmarker { + height: auto; + width: auto; + -moz-margin-end: -3px; +} diff --git a/LCARStrek/browser/places/starred48.png b/LCARStrek/browser/places/starred48.png new file mode 100644 index 0000000000000000000000000000000000000000..bd9d03b25c35eb17d794d8357844df3203345bf6 GIT binary patch literal 283 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDH3?y^UWFG-ijKx9jP7LeL$-D$|*aCb)Tv_bv z=gj%9rNZwGk}e7I3ubV5b|VeMN%D4gVd!9$^#F1>3p^r=85p>QL70(Y)*K0-AbW|Y zuPgg)HeN<8#tSR|?f?qOW`;zRIOpf)rskCZxeN@>MX8A;sVNHOnI#zt?w-B@DSD~w zK=BAq7sn8Z%Ue$`M{|nYc6-G%#_^2nm{3bAvZJ*yW}B_V(={ O%ROEFT-G@yGywqMM^*&@ literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/places/unstarred48.png b/LCARStrek/browser/places/unstarred48.png new file mode 100644 index 0000000000000000000000000000000000000000..05886ff1deceac994997579322466c10dadab856 GIT binary patch literal 311 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDH3?y^UWFG-ijKx9jP7LeL$-D$|*aCb)T!mEY z8v-^szW%=xBwZ5Z7tG-B>_!@hljQC0!qCAg>jC6&7I;J!Gca%qgD@k*tT_@uLG}_) zUsv|qY`lz`LiJYfmjZ=kGeaUuobz*YQ}arITm}Z`qSVBa)D(sC%#sWRcTeAd6une- zpm>R=i(`ny<+`l*