X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=4a837437ad2255442bc93af9682f0369c58eccf4;hp=862e52108303a8f77cc0f540c7b56fd76e763554;hb=71bac47819ce37388bcd358834f02031cccc9abf;hpb=41279e764528cbfb253c54a71bd4406db83c6bd0 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 862e5210..4a837437 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -68,6 +68,18 @@ menubar { -moz-box-flex: 1; /* make menu items expand to fill toolbar height */ } +/* ::::: primary toolbar ::::: */ + +.toolbar-primary > .toolbar-box > .toolbar-holder { + background-color: #FF9F00; +} + +.toolbar-primary > .toolbar-box > .toolbar-startcap, +.toolbar-primary > .toolbar-box > .toolbar-endcap { + background-color: #9C9CFF; +} + + #navigator-toolbox { } @@ -110,7 +122,7 @@ menubar { } #personal-bookmarks { - min-height: 24px; +/* min-height: 24px; */ } #print-preview-toolbar:not(:-moz-lwtheme) { @@ -159,11 +171,22 @@ menubar { -moz-margin-start: .5em; } +#appmenuPrimaryPane > menuitem, +#appmenuSecondaryPane > menuitem, +#appmenuPrimaryPane > menu { + padding: 2px; +} + .splitmenu-menuitem { + -moz-padding-start: 2px; + padding-top: 2px; + padding-bottom: 2px; -moz-margin-end: 1px; } .splitmenu-menu { + padding-top: 2px; + padding-bottom: 2px; -moz-box-pack: end; } @@ -218,25 +241,70 @@ menubar { -moz-image-region: rect(0 16px 16px 0); } +#appmenu-cut:hover:not([disabled="true"]), +#appmenu-editmenu-cut:hover:not([disabled="true"]) { + -moz-image-region: rect(16px 16px 32px 0); +} + +#appmenu-cut[disabled="true"], +#appmenu-editmenu-cut[disabled="true"] { + -moz-image-region: rect(32px 16px 48px 0); +} + #appmenu-copy, #appmenu-editmenu-copy { -moz-image-region: rect(0 32px 16px 16px); } +#appmenu-copy:hover:not([disabled="true"]), +#appmenu-editmenu-copy:hover:not([disabled="true"]) { + -moz-image-region: rect(16px 32px 32px 16px); +} + +#appmenu-copy[disabled="true"], +#appmenu-editmenu-copy[disabled="true"] { + -moz-image-region: rect(32px 32px 48px 16px); +} + #appmenu-paste, #appmenu-editmenu-paste { -moz-image-region: rect(0 48px 16px 32px); } +#appmenu-paste:hover:not([disabled="true"]), +#appmenu-editmenu-paste:hover:not([disabled="true"]) { + -moz-image-region: rect(16px 48px 32px 32px); +} + +#appmenu-paste[disabled="true"], +#appmenu-editmenu-paste[disabled="true"] { + -moz-image-region: rect(32px 48px 48px 32px); +} + #appmenu_print, #appmenu_print_popup { -moz-image-region: rect(0 64px 16px 48px); } +#appmenu_print:hover:not([disabled="true"]), +#appmenu_print[open="true"], +#appmenu_print_popup:hover:not([disabled="true"]) { + -moz-image-region: rect(16px 64px 32px 48px); +} + +#appmenu-print[disabled="true"], +#appmenu_print_popup[disabled="true"] { + -moz-image-region: rect(32px 64px 48px 48px); +} + #appmenu-quit { -moz-image-region: rect(0 80px 16px 64px); } +#appmenu-quit:hover { + -moz-image-region: rect(16px 80px 32px 64px); +} + #appmenu-edit-label { -moz-appearance: none; background: transparent; @@ -300,19 +368,6 @@ menubar { /* ::::: bookmark buttons ::::: */ -toolbarbutton.bookmark-item { - margin: 0; - padding: 2px 3px; -} - -toolbarbutton.bookmark-item:hover:active:not([disabled="true"]), -toolbarbutton.bookmark-item[open="true"] { - padding-top: 3px; - padding-bottom: 1px; - -moz-padding-start: 4px; - -moz-padding-end: 2px; -} - .bookmark-item > .toolbarbutton-icon { width: 16px; height: 16px; @@ -404,6 +459,14 @@ menuitem.bookmark-item { /* ::::: primary toolbar buttons ::::: */ +.toolbarbutton-1 { + list-style-image: url("chrome://browser/skin/Toolbar.png"); +} + +.toolbarbutton-1:not([type="menu-button"]) { + -moz-box-orient: vertical; +} + .toolbarbutton-1, .toolbarbutton-1 > .toolbarbutton-menubutton-button { min-width: 36px; @@ -430,10 +493,6 @@ menuitem.bookmark-item { -moz-padding-end: 1px; } -.toolbarbutton-1[type="menu"] { - -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu-vertical"); -} - /* ::::: small primary toolbar buttons ::::: */ #nav-bar { @@ -537,14 +596,26 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-margin-end: 0; } +#back-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 18px, 36px, 0); +} + +#back-button[disabled="true"] { + -moz-image-region: rect(36px, 18px, 54px, 0); +} + #forward-button { -moz-image-region: rect(0, 36px, 18px, 18px); border-left: none; -moz-margin-start: 0; } -#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button { - -moz-image-region: rect(18px, 20px, 38px, 0); +#forward-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 36px, 36px, 18px); +} + +#forward-button[disabled="true"] { + -moz-image-region: rect(36px, 36px, 54px, 18px); } #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, @@ -582,7 +653,16 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { margin-top: -2px; margin-bottom: -2px; border: none; - -moz-image-region: rect(18px, 20px, 38px, 0); + -moz-image-region: rect(54px, 20px, 74px, 0); +} + +#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):hover, +#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[open="true"] { + -moz-image-region: rect(54px, 40px, 74px, 20px); +} + +#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[disabled="true"] { + -moz-image-region: rect(54px, 60px, 74px, 40px); } #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover { @@ -618,12 +698,22 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { .unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr), .unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) { - list-style-image: url("chrome://browser/skin/menu-back.png") !important; + list-style-image: url("chrome://global/skin/arrow/arrow-left.gif") !important; +} + +.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr):hover, +.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl):hover { + list-style-image: url("chrome://global/skin/arrow/arrow-left-hover.gif") !important; } .unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr), .unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) { - list-style-image: url("chrome://browser/skin/menu-forward.png") !important; + list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important; +} + +.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr):hover, +.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl):hover { + list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important; } /* stop button */ @@ -632,12 +722,28 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-image-region: rect(0, 54px, 18px, 36px); } +#stop-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 54px, 36px, 36px); +} + +#stop-button[disabled="true"] { + -moz-image-region: rect(36px, 54px, 54px, 36px); +} + /* reload button */ #reload-button { -moz-image-region: rect(0, 72px, 18px, 54px); } +#reload-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 72px, 36px, 54px); +} + +#reload-button[disabled="true"] { + -moz-image-region: rect(36px, 72px, 54px, 54px); +} + /* home button */ #home-button.bookmark-item { @@ -647,6 +753,14 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-image-region: rect(0, 90px, 18px, 72px); } +#home-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 90px, 36px, 72px); +} + +#home-button[disabled="true"] { + -moz-image-region: rect(36px, 90px, 54px, 72px); +} + /* tabview button */ #tabview-button, @@ -700,12 +814,28 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-image-region: rect(0, 108px, 18px, 90px); } +#downloads-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 108px, 36px, 90px); +} + +#downloads-button[disabled="true"] { + -moz-image-region: rect(36px, 108px, 54px, 90px); +} + /* history sidebar button */ #history-button { -moz-image-region: rect(0, 126px, 18px, 108px); } +#history-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 126px, 36px, 108px); +} + +#history-button[disabled="true"] { + -moz-image-region: rect(36px, 126px, 54px, 108px); +} + /* bookmark sidebar & menu buttons */ #bookmarks-button, @@ -721,48 +851,115 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-box-orient: horizontal; } +#bookmarks-button:not([disabled="true"]):hover, +#bookmarks-menu-button[open="true"], +#bookmarks-menu-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 144px, 36px, 126px); +} + +#bookmarks-button[disabled="true"], +#bookmarks-menu-button[disabled="true"] { + -moz-image-region: rect(36px, 144px, 54px, 126px); +} + /* print button */ #print-button { -moz-image-region: rect(0, 162px, 18px, 144px); } +#print-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 162px, 36px, 144px); +} + +#print-button[disabled="true"] { + -moz-image-region: rect(36px, 162px, 54px, 144px); +} + /* toolbar new tab button */ #new-tab-button { -moz-image-region: rect(0, 180px, 18px, 162px); } +#print-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 162px, 36px, 144px); +} + +#print-button[disabled="true"] { + -moz-image-region: rect(36px, 162px, 54px, 144px); +} + /* new window button */ #new-window-button { -moz-image-region: rect(0, 198px, 18px, 180px); } +#new-window-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 198px, 36px, 180px); +} + +#new-window-button[disabled="true"] { + -moz-image-region: rect(36px, 198px, 54px, 180px); +} + /* cut button */ #cut-button { -moz-image-region: rect(0, 216px, 18px, 198px); } +#cut-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 216px, 36px, 198px); +} + +#cut-button[disabled="true"] { + -moz-image-region: rect(36px, 216px, 54px, 198px); +} + /* copy button */ #copy-button { -moz-image-region: rect(0, 234px, 18px, 216px); } +#copy-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 234px, 36px, 216px); +} + +#copy-button[disabled="true"] { + -moz-image-region: rect(36px, 234px, 54px, 216px); +} + /* paste button */ #paste-button { -moz-image-region: rect(0, 252px, 18px, 234px); } +#paste-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 252px, 36px, 234px); +} + +#paste-button[disabled="true"] { + -moz-image-region: rect(36px, 252px, 54px, 234px); +} + /* fullscreen button */ #fullscreen-button { -moz-image-region: rect(0, 270px, 18px, 252px); } +#fullscreen-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 270px, 36px, 252px); +} + +#fullscreen-button[disabled="true"] { + -moz-image-region: rect(36px, 270px, 54px, 252px); +} + /* zoom controls */ #zoom-out-button { @@ -795,6 +992,22 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { border-bottom-left-radius: 0; } +#zoom-out-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 288px, 36px, 270px); +} + +#zoom-out-button[disabled="true"] { + -moz-image-region: rect(36px, 288px, 54px, 270px); +} + +#zoom-in-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 306px, 36px, 288px); +} + +#zoom-in-button[disabled="true"] { + -moz-image-region: rect(36px, 306px, 54px, 288px); +} + /* sync button */ #sync-button { @@ -806,12 +1019,20 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-image-region: rect(0, 18px, 18px, 0); } +#sync-button[disabled="true"] { + -moz-image-region: rect(36px, 324px, 54px, 306px); +} + /* feed button */ #feed-button { -moz-image-region: rect(0, 342px, 18px, 324px); } +#feed-button[disabled="true"] { + -moz-image-region: rect(36px, 342px, 54px, 324px); +} + /* ::::: fullscreen window controls ::::: */ #TabsToolbar > #window-controls { @@ -974,23 +1195,13 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, /* Location bar dropmarker */ -.urlbar-history-dropmarker { - -moz-appearance: none; - padding: 0 1px; +.urlbar-history-dropmarker:not(:hover):not([open="true"]) { background-color: transparent; - border: none; - width: auto; - list-style-image: url("mainwindow-dropdown-arrow.png"); - -moz-image-region: rect(0, 13px, 11px, 0); } -.urlbar-history-dropmarker:-moz-system-metric(touch-enabled) { - min-width: 6.4mozmm; -} - -.urlbar-history-dropmarker:hover:active, -.urlbar-history-dropmarker[open="true"] { - -moz-image-region: rect(0, 26px, 11px, 13px); +#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker { + border: none; + border-radius: 0px; } /* page proxy icon */ @@ -1028,7 +1239,7 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, .ac-result-type-bookmark, .autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) { - list-style-image: url("chrome://browser/skin/places/editBookmark.png"); + list-style-image: url("chrome://browser/skin/places/bookmark.png"); -moz-image-region: rect(0px 16px 16px 0px); width: 16px; height: 16px; @@ -1106,7 +1317,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- #urlbar > toolbarbutton { list-style-image: url("chrome://browser/skin/reload-stop-go.png"); - margin: -2px; + /* margin: -2px; */ -moz-margin-start: 0; padding: 0 3px; background-origin: border-box; @@ -1115,13 +1326,13 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- } #urlbar:-moz-locale-dir(ltr) > toolbarbutton { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } #urlbar:-moz-locale-dir(rtl) > toolbarbutton { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } #urlbar > toolbarbutton:not([disabled]):active:hover { @@ -1133,19 +1344,20 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- -moz-image-region: rect(0px, 56px, 14px, 42px); } -#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { - -moz-transform: scaleX(-1); -} - #urlbar-go-button:hover { + -moz-image-region: rect(14px, 56px, 28px, 42px); } #urlbar-reload-button { + -moz-image-region: rect(0px, 28px, 14px, 14px); +} + +#urlbar-reload-button[disabled] { -moz-image-region: rect(0px, 14px, 14px, 0px); } #urlbar-reload-button:not([disabled]):hover { - -moz-image-region: rect(0px, 28px, 14px, 14px); + -moz-image-region: rect(14px, 28px, 28px, 14px); } #urlbar-stop-button { @@ -1153,6 +1365,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- } #urlbar-stop-button:hover { + -moz-image-region: rect(14px, 42px, 28px, 28px); } /* popup blocker button */ @@ -1162,32 +1375,37 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- -moz-image-region: rect(0, 16px, 16px, 0); } -#page-report-button:hover { - -moz-image-region: rect(0, 32px, 16px, 16px); -} - +#page-report-button:hover , #page-report-button:hover:active, #page-report-button[open="true"] { - -moz-image-region: rect(0, 48px, 16px, 32px); + -moz-image-region: rect(0, 32px, 16px, 16px); } /* star button */ #star-button { - list-style-image: url("chrome://browser/skin/places/bookmark.png"); - -moz-image-region: rect(0px 16px 16px 0px); + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png"); + -moz-image-region: rect(16px 16px 32px 0px); } #star-button:hover { - -moz-image-region: rect(0px 32px 16px 16px); + -moz-image-region: rect(16px 32px 32px 16px); } #star-button:hover:active { - -moz-image-region: rect(0px 48px 16px 32px); + -moz-image-region: rect(16px 48px 32px 32px); } #star-button[starred="true"] { - list-style-image: url("chrome://browser/skin/places/editBookmark.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +#star-button[starred="true"]:hover { + -moz-image-region: rect(0px 32px 16px 16px); +} + +#star-button[starred="true"]:hover:active { + -moz-image-region: rect(0px 48px 16px 32px); } /* bookmarking panel */ @@ -1387,40 +1605,15 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- .tabbrowser-arrowscrollbox > .scrollbutton-up, .tabbrowser-arrowscrollbox > .scrollbutton-down { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-left.png"); - -moz-image-region: rect(0, 15px, 17px, 0); margin: 0; padding-top: 0; padding-bottom: 0; } -.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled], -.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] { - opacity: .4; -} - -.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):hover:active, -.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):hover:active { - -moz-image-region: rect(0, 30px, 17px, 15px); -} - -.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl), -.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) { - -moz-transform: scaleX(-1); -} - -.tabbrowser-arrowscrollbox > .scrollbutton-down { -} - .tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] { background-color: #008484; } -.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]), -.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]) { - -moz-border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 / 0 2px 0 0; -} - .tabs-newtab-button > .toolbarbutton-icon { margin-top: -1px; margin-bottom: -1px; @@ -1429,7 +1622,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- .tabs-newtab-button, #TabsToolbar > #new-tab-button, #TabsToolbar > toolbarpaletteitem > #new-tab-button { - list-style-image: url(chrome://browser/skin/tabbrowser/newtab.png); + list-style-image: url("chrome://browser/skin/tabbrowser/newtab.png"); -moz-image-region: rect(0, 16px, 18px, 0); } @@ -1437,8 +1630,8 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- width: 31px; } -.tabs-newtab-button:hover:active, -#TabsToolbar > #new-tab-button:hover:active { +.tabs-newtab-button:hover, +#TabsToolbar > #new-tab-button:hover { -moz-image-region: rect(0, 32px, 18px, 16px); } @@ -1958,7 +2151,7 @@ panel[dimmed="true"] { .statuspanel-label { margin: 0; padding: 2px 4px; - background: -moz-linear-gradient(white, #ddd); + background: #404000; border: 1px none #9C9CFF; border-top-style: solid; color: #FF9F00;