X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=f37c8e3f6fc387c6898523ce03585473372d46aa;hp=97b7e51e4fccd0212e3c8ddbdf818a1cd3548975;hb=ffce24020ca33d973458a650856e06f3d9923de1;hpb=b1234db8f242feb7cd4d65c5b39dbd5d39d26b1f diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 97b7e51e..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; } @@ -1071,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); } @@ -1133,12 +1135,6 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { /* ::::: Location Bar ::::: */ -#urlbar { - width: 7em; - min-width: 7em; - color: #FFBFFF; -} - #urlbar, .searchbar-textbox { border-radius: 5px; @@ -1146,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); @@ -1173,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) { @@ -1186,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; @@ -1261,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, @@ -1276,11 +1296,11 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, } #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 { @@ -1354,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; @@ -1391,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); +} + +#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 { - -moz-image-region: rect(14px, 56px, 28px, 42px); +#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 */ @@ -1617,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; } @@ -1645,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; @@ -1672,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) { @@ -1758,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; } @@ -2292,3 +2325,41 @@ panel[dimmed="true"] { #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; +}