X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=f37c8e3f6fc387c6898523ce03585473372d46aa;hp=4be204255e244d99986225d82353193f2693ab5b;hb=ffce24020ca33d973458a650856e06f3d9923de1;hpb=8da9da4e242c0cf4d69669781189ba31f8619df5 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 4be20425..f37c8e3f 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -131,6 +131,7 @@ menubar { /* ::::: app menu button ::::: */ +.tab-drag-preview::before, #appmenu-button { background-color: #FF9F00; background-clip: padding-box; @@ -148,6 +149,7 @@ menubar { border-right: none; } +#main-window[privatebrowsingmode=temporary] .tab-drag-preview::before, #main-window[privatebrowsingmode=temporary] #appmenu-button { background-color: #6000CF; color: #FFCF00; @@ -458,7 +460,7 @@ menuitem.bookmark-item { /* ::::: bookmark items ::::: */ .bookmark-item { - list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); -moz-image-region: auto; } @@ -507,6 +509,16 @@ menuitem.bookmark-item { -moz-image-region: auto; } +.bookmark-item[cutting] > .toolbarbutton-icon, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon { + opacity: 0.5; +} + +.bookmark-item[cutting] > .toolbarbutton-text, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text { + opacity: 0.7; +} + /* ::::: primary toolbar buttons ::::: */ .toolbarbutton-1 { @@ -1061,7 +1073,7 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { /* sync button */ -#sync-button { +#sync-button:not([status]) { list-style-image: url("chrome://browser/skin/Toolbar.png") !important; /* for making the palette work */ -moz-image-region: rect(0, 324px, 18px, 306px); } @@ -1123,11 +1135,6 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { /* ::::: Location Bar ::::: */ -#urlbar { - width: 7em; - min-width: 7em; -} - #urlbar, .searchbar-textbox { border-radius: 5px; @@ -1135,6 +1142,12 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-margin-start: 3px; } +#urlbar { + width: 7em; + min-width: 7em; + -moz-padding-end: 2px; +} + #urlbar:-moz-lwtheme, .searchbar-textbox:-moz-lwtheme { /* background-color: rgba(255,255,255,.8); @@ -1162,12 +1175,16 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, } #urlbar-icons { - height: 18px; -moz-box-align: center; } .urlbar-icon { - padding: 0 2px !important; + padding: 3px 3px; +} + +.searchbar-engine-button, +.search-go-container { + padding: 2px 2px; } .urlbar-icon:-moz-system-metric(touch-enabled) { @@ -1175,6 +1192,13 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, padding: 0 3px !important; } +.urlbar-icon:hover { +} + +.urlbar-icon[open="true"], +.urlbar-icon:hover:active { +} + #urlbar-search-splitter { min-width: 6px; -moz-margin-start: -3px; @@ -1188,13 +1212,8 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, } #urlbar-display { - margin-top: -2px; - margin-bottom: -2px; -moz-border-end: 1px solid #9C9CFF; -moz-margin-end: 3px; -} - -#urlbar-display { margin-top: 0; margin-bottom: 0; color: #8050B0; @@ -1231,7 +1250,7 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, #identity-box:-moz-focusring { outline: 1px dotted #008484; - outline-offset: -3px; + outline-offset: -1px; } #identity-box.verifiedDomain:-moz-focusring, @@ -1242,7 +1261,6 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, #identity-icon-labels { -moz-margin-start: 1px; -moz-margin-end: 3px; - -moz-transform: translate(0, -1px); } /* Location bar dropmarker */ @@ -1256,6 +1274,13 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, border-radius: 0px; } +.urlbar-history-dropmarker:hover { +} + +.urlbar-history-dropmarker:hover:active, +.urlbar-history-dropmarker[open="true"] { +} + /* page proxy icon */ #page-proxy-favicon, @@ -1268,15 +1293,14 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, width: 24px; height: 18px; padding: 1px 4px; - background: url("urlbar-favicon-glow.png") center center no-repeat; } #page-proxy-favicon:not([src]) { - list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } #page-proxy-favicon[pageproxystate="invalid"] { - list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); + opacity: 0.5; } #urlbar-throbber { @@ -1293,7 +1317,7 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, .autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) { list-style-image: url("chrome://browser/skin/places/bookmark.png"); -moz-image-region: rect(0px 16px 16px 0px); - width: 16px; + width: 16px; height: 16px; } @@ -1308,7 +1332,7 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, .ac-result-type-tag, .autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) { list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png"); - width: 16px; + width: 16px; height: 16px; } @@ -1339,8 +1363,8 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- color: inherit !important; } -.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment), -.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment) +.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment), +.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment) { color: #8050B0; font-size: smaller; @@ -1350,33 +1374,23 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- border-top: 1px solid #9C9CFF; } -/* go button */ - -#go-button { - list-style-image: url("chrome://browser/skin/Go-arrow.png"); - -moz-image-region: rect(0px, 16px, 16px, 0px); -} - -#go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { - -moz-transform: scaleX(-1); -} - -#go-button:hover { - -moz-image-region: rect(16px, 16px, 32px, 0px); -} - /* combined go/reload/stop button in location bar */ +#go-button, #urlbar > toolbarbutton { list-style-image: url("chrome://browser/skin/reload-stop-go.png"); /* margin: -2px; */ -moz-margin-start: 0; - padding: 0 3px; + padding: 0 2px; background-origin: border-box; border: none; -moz-border-start: 1px solid #9C9CFF; } +#go-button { + padding: 0 3px; +} + #urlbar:-moz-locale-dir(ltr) > toolbarbutton { border-top-left-radius: 0px; border-bottom-left-radius: 0px; @@ -1387,37 +1401,47 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- border-bottom-right-radius: 0px; } -#urlbar > toolbarbutton:not([disabled]):active:hover { +#urlbar > toolbarbutton:not([disabled]):active:hover, +#urlbar-reload-button:not(:hover) { + -moz-border-start-style: none; -moz-padding-start: 4px; - -moz-border-start: none; +} + +#urlbar > toolbarbutton:not([disabled]):active:hover { } #urlbar-go-button { - -moz-image-region: rect(0px, 56px, 14px, 42px); + -moz-image-region: rect(0, 42px, 14px, 28px); } -#urlbar-go-button:hover { - -moz-image-region: rect(14px, 56px, 28px, 42px); +#go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, +#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + -moz-transform: scaleX(-1); +} + +#urlbar-go-button:hover, +#go-button:hover { + -moz-image-region: rect(14px, 42px, 28px, 28px); } #urlbar-reload-button { - -moz-image-region: rect(0px, 28px, 14px, 14px); + -moz-image-region: rect(0px, 14px, 14px, 0px); } #urlbar-reload-button[disabled] { - -moz-image-region: rect(0px, 14px, 14px, 0px); + -moz-image-region: rect(28px, 14px, 42px, 0px); } #urlbar-reload-button:not([disabled]):hover { - -moz-image-region: rect(14px, 28px, 28px, 14px); + -moz-image-region: rect(14px, 14px, 28px, 0px); } #urlbar-stop-button { - -moz-image-region: rect(0px, 42px, 14px, 28px); + -moz-image-region: rect(0px, 28px, 14px, 14px); } #urlbar-stop-button:hover { - -moz-image-region: rect(14px, 42px, 28px, 28px); + -moz-image-region: rect(14px, 28px, 28px, 14px); } /* popup blocker button */ @@ -1485,6 +1509,41 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- min-width: 27em; } +.panel-promo-box { + margin: 5px -6px -6px -6px; + padding: 5px; + background-color: #000000; + color: #FF9F00; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-top: 1px solid #9C9CFF; +} + +.panel-promo-icon { + list-style-image: url("chrome://browser/skin/sync-notification-24.png"); + -moz-margin-end: 10px; + vertical-align: middle; +} + +.panel-promo-closebutton { + list-style-image: url("chrome://global/skin/icons/close-button.gif"); + -moz-margin-end: -3px; + margin-top: -3px; +} + +.panel-promo-closebutton:hover { + list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); +} + +.panel-promo-closebutton:hover:active { + list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); +} + +.panel-promo-closebutton > .toolbarbutton-text { + padding: 0; + margin: 0; +} + /* ::::: content area ::::: */ #sidebar { @@ -1521,7 +1580,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- } #TabsToolbar .toolbar-holder { - background-color: #000000; /* correct effect of being an actal toolbar */ + background-color: #000000; /* correct effect of being an actual toolbar */ } #main-window[disablechrome] #TabsToolbar, @@ -1578,7 +1637,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- .tab-icon-image { width: 16px; height: 16px; - list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); -moz-image-region: auto; -moz-margin-end: 3px; } @@ -1606,7 +1665,25 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- outline: 1px dotted; } -/* Tab DnD indicator */ +/* Tab drag and drop */ +.tab-drag-panel { + border: 0 !important; +} + +.tab-drag-label { + margin: 0 !important; + padding: 5px; + border: 1px solid #8050B0; +} + +.tab-drag-panel:not([target]) > .tab-drag-label { + display: none; +} + +.tab-drag-preview { + border: 1px solid #9C9CFF; +} + .tab-drop-indicator { list-style-image: url("chrome://browser/skin/tabbrowser/tabDragIndicator.png"); margin-bottom: -11px; @@ -1633,10 +1710,6 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); } -.tab-close-button:focus { - outline: none !important; -} - /* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */ @media all and (-moz-touch-enabled) { @@ -1679,7 +1752,11 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- } .tabs-newtab-button { - width: 31px; + width: 28px; +} + +#TabsToolbar > #new-tab-button { + width: 26px; } .tabs-newtab-button:hover, @@ -1715,8 +1792,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- /* 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); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); -moz-image-region: auto; } @@ -1728,6 +1804,10 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- list-style-image: url("chrome://global/skin/icons/loading.gif"); } +.alltabs-item[tabIsVisible] { + background-color: #402800; +} + /* Tabstrip close button */ .tabs-closebutton { -moz-box-flex: 1; @@ -1944,7 +2024,22 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { /* Notification icon box */ #notification-popup-box { - margin: 0 3px; + position: relative; + background-color: #000000; + background-clip: padding-box; + padding-left: 3px; + border-radius: 3px 0 0 3px; + -moz-border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0; + -moz-margin-end: -8px; +} + +#notification-popup-box:not([hidden]) + #identity-box { + -moz-padding-start: 10px; +} + +#notification-popup-box:-moz-locale-dir(rtl), +.notification-anchor-icon:-moz-locale-dir(rtl) { + -moz-transform: scaleX(-1); } .notification-anchor-icon { @@ -1953,8 +2048,8 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { } .notification-anchor-icon:-moz-focusring { - outline: 1px dotted -moz-DialogText; - outline-offset: -3px; + outline: 1px dotted #008484; +/* outline-offset: -3px; */ } #default-notification-icon { @@ -2158,10 +2253,7 @@ panel[dimmed="true"] { #addon-bar { min-height: 20px; border-top: 3px solid #000000; -} - -#addon-bar:not(:-moz-lwtheme) { - -moz-appearance: statusbar; + border-bottom-width: 0; } #addon-bar .toolbar-holder { @@ -2227,3 +2319,47 @@ panel[dimmed="true"] { border-top-left-radius: .3em; margin-left: 1em; } + +/* HACK to abolish devily color on main content */ + +#content { + background-color: transparent !important; +} + +/* Highlighter */ + +.highlighter-veil { + background-color: rgba(0, 0, 0, 0.5); +} + +#highlighter-close-button { + list-style-image: url("chrome://browser/skin/KUI-close.png"); + top: 12px; + right: 12px; + cursor: pointer; +} + +#highlighter-close-button:-moz-locale-dir(rtl) { + right: auto; + left: 12px; +} + +highlighter-veil-transparentbox { + box-shadow: 0 0 0 1px rgba(0,0,0,0.5); + outline: 1px dashed rgba(255,255,255,0.5); + outline-offset: -1px; +} + +#highlighter-veil-container[locked] > #highlighter-veil-middlebox > #highlighter-veil-transparentbox { + box-shadow: 0 0 0 1px black; + outline-color: white; +} + +/* + * need a "bumpy" background image for this! + */ +#inspector-horizontal-splitter { + background: none !important; + -moz-appearance: none; + cursor: n-resize; +}