X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=75f3430c258e532b793acd930b975aaaea4d5794;hp=4a837437ad2255442bc93af9682f0369c58eccf4;hb=dce90fefffc4d8c0a4f7eb73c227f64f610d37ce;hpb=71bac47819ce37388bcd358834f02031cccc9abf diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 4a837437..75f3430c 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -131,19 +131,25 @@ menubar { /* ::::: app menu button ::::: */ +.tab-drag-preview::before, #appmenu-button { background-color: #FF9F00; background-clip: padding-box; border-radius: 0; border: none; - border-left: 3px solid #000000; border-right: 3px solid #000000; color: #000000; font-weight: bold; - padding: 0 1.5em .05em; - margin: 0 0 2px; + padding: 1px 1.5em; + margin: 0; +} + +#appmenu-button:-moz-locale-dir(rtl) { + border-left: 3px solid #000000; + border-right: none; } +#main-window[privatebrowsingmode=temporary] .tab-drag-preview::before, #main-window[privatebrowsingmode=temporary] #appmenu-button { background-color: #6000CF; color: #FFCF00; @@ -163,14 +169,20 @@ menubar { } #appmenu-button > .button-box > .button-menu-dropmarker { - list-style-image: url("appmenu-dropmarker.png"); + list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); width: auto; height: auto; padding: 0; margin: 0; + border: none; + background-color: transparent; -moz-margin-start: .5em; } +#main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .button-menu-dropmarker { + list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); +} + #appmenuPrimaryPane > menuitem, #appmenuSecondaryPane > menuitem, #appmenuPrimaryPane > menu { @@ -332,13 +344,28 @@ menubar { /* ::::: titlebar ::::: */ +#titlebar { + /* like menubar */ + background-color: #6000CF; + color: #FF9F00; +} +#titlebar:-moz-window-inactive { + background-color: #8050B0; + color: #FF9F00; +} + #main-window[sizemode="normal"] > #titlebar { + margin-top: -3px; + margin-bottom: 3px; } #main-window[sizemode="maximized"] > #titlebar { + margin-top: 4px; } #titlebar-buttonbox { + margin-top: 5px; + -moz-margin-end: 3px; } #main-window[sizemode="maximized"] #titlebar-buttonbox { @@ -355,15 +382,35 @@ menubar { /* titlebar command buttons */ #titlebar-min { + list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif"); +} + +#titlebar-min:hover { + list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif"); } #titlebar-max { + list-style-image: url("chrome://browser/skin/win-maximize.gif"); +} + +#titlebar-max:hover { + list-style-image: url("chrome://browser/skin/win-maximize-hover.gif"); } #main-window[sizemode="maximized"] #titlebar-max { + list-style-image: url("chrome://navigator/skin/icons/win-restore.gif"); +} + +#main-window[sizemode="maximized"] #titlebar-max:hover { + list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif"); } #titlebar-close { + list-style-image: url("chrome://navigator/skin/icons/win-close.gif"); +} + +#titlebar-close:hover { + list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif"); } /* ::::: bookmark buttons ::::: */ @@ -385,12 +432,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 ::::: */ @@ -413,29 +460,32 @@ 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; } .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; } @@ -445,16 +495,28 @@ 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; +} + +.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 ::::: */ @@ -840,11 +902,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 { @@ -1010,7 +1073,8 @@ 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); } @@ -1074,6 +1138,7 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { #urlbar { width: 7em; min-width: 7em; + color: #FFBFFF; } #urlbar, @@ -1136,13 +1201,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; @@ -1179,7 +1239,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, @@ -1190,7 +1250,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 */ @@ -1216,15 +1275,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 { @@ -1241,7 +1299,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; } @@ -1255,8 +1313,8 @@ 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"); - width: 16px; + list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png"); + width: 16px; height: 16px; } @@ -1287,8 +1345,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; @@ -1335,9 +1393,13 @@ 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 { @@ -1433,6 +1495,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 { @@ -1469,7 +1566,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, @@ -1526,8 +1623,8 @@ 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"); - -moz-image-region: rect(0px, 16px, 16px, 0px); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + -moz-image-region: auto; -moz-margin-end: 3px; } @@ -1554,7 +1651,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; @@ -1627,7 +1742,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, @@ -1640,32 +1759,31 @@ 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); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + -moz-image-region: auto; } .alltabs-item[selected="true"] { @@ -1676,6 +1794,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; @@ -1687,6 +1809,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"); @@ -1725,7 +1851,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"] { @@ -1888,7 +2014,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 { @@ -1897,8 +2038,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 { @@ -1943,13 +2084,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; } @@ -2102,10 +2243,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 { @@ -2171,3 +2309,38 @@ 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-transparentbox[locked] { + box-shadow: 0 0 0 1px black; + outline-color: white; +}