X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=fc84ce15ff56659efa07ad62c820452079d55a0c;hp=356541a46871e31dc04c2ab2b2559715caa0b919;hb=565f36fa8b40d8ef80b4e8040642b62819f9e353;hpb=7c01f627c37d74dee4e676d875cead8fc92d1397 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 356541a4..fc84ce15 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -1371,9 +1371,9 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button:not([ope } #forward-button { - -moz-margin-start: -6px !important; - padding-left: 7px; - padding-right: 3px; + -moz-margin-start: -4px !important; + padding-left: 4px; + padding-right: 2px; margin-top: 3px; margin-bottom: 3px; border-radius: 0 10000px 10000px 0; @@ -1383,27 +1383,12 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button:not([ope border-radius: 10000px 0 0 10000px; } -/* pre-31 forward button */ -window:not([chromehidden~="toolbar"]) #urlbar-container:not([switchingtabs]) > #forward-button { - transition: opacity 150ms ease-out; -} - -window:not([chromehidden~="toolbar"]) #urlbar-container:not(:hover) > #forward-button[disabled=true] { - opacity: 0; -} - -window:not([chromehidden~="toolbar"]) #urlbar-container > #forward-button[occluded-by-urlbar] { - visibility: hidden; -} - -/* post-31 forward button */ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not([switchingtabs]) > #forward-button { - transition: margin-left,opacity 150ms ease-out; + transition: margin-left 150ms ease-out; } window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] { - margin-left: -30px !important; - opacity: 0; + margin-left: -27px !important; } window:not([chromehidden~="toolbar"]) #urlbar-wrapper:hover:not([switchingtabs]) > #forward-button[disabled] { @@ -1413,8 +1398,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:hover:not([switchingtabs]) window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] { /* when not hovered anymore, trigger a new transition to hide the forward button immediately */ - margin-left: -30.01px !important; - opacity: 0; + margin-left: -27.01px !important; } #back-button { @@ -1574,7 +1558,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but #urlbar, .searchbar-textbox { border-radius: 5px; - margin: 0; + margin: 2px 0; -moz-margin-start: 3px; } @@ -1600,59 +1584,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but /* background-color: white;*/ } -/* pre-31 forward button */ -window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper { - padding-left: 22px; - -moz-margin-start: -22px; - position: relative; -/* pointer-events: none;*/ -} - -window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar { -/* -moz-border-start: none; - margin-left: 0; */ - pointer-events: all; -} - -window:not([chromehidden~="toolbar"]) #urlbar-container:not([switchingtabs]) > #urlbar-wrapper > #urlbar { - transition: margin-left 150ms ease-out; -} - -window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(ltr) { -/* border-top-left-radius: 0; - border-bottom-left-radius: 0; */ -} - -window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) { -/* border-top-right-radius: 0; - border-bottom-right-radius: 0; */ -} - -window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper { -/* clip-path: url("chrome://browser/content/browser.xul#urlbar-back-button-clip-path");*/ -} - -window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar { - margin-left: -22px; -} - -window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:hover:not([switchingtabs]) > #urlbar-wrapper > #urlbar { - /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */ - transition-delay: 100s; -} - -window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar { - /* when not hovered anymore, trigger a new transition to hide the forward button immediately */ - margin-left: -22.01px; -} - -window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper:-moz-locale-dir(rtl), -window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) { - /* let windows-urlbar-back-button-mask clip the urlbar's right side for RTL */ - transform: scaleX(-1); -} - -/* post-31 forward button */ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar { -moz-border-start: none; /* margin-left: 0;*/ @@ -1670,7 +1601,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir( window:not([chromehidden~="toolbar"]) #urlbar-wrapper { /* clip-path: url("chrome://browser/content/browser.xul#urlbar-back-button-clip-path");*/ - -moz-margin-start: -5px; +/* -moz-margin-start: -5px; */ } window:not([chromehidden~="toolbar"]) #urlbar-wrapper:-moz-locale-dir(rtl), @@ -1775,7 +1706,6 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, border-radius: 0; } -window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar > #identity-box, window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box { /* border-radius: 0; */ -moz-padding-start: 2px; @@ -1787,40 +1717,28 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not([switchingtabs]) > #ur transition: padding-left, padding-right; } -window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar > - #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr), window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) { padding-left: 2px; - transition: padding-left; /* pre-31 */ } -window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar > - #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl), window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) { padding-right: 2px; - transition: padding-right; /* pre-31 */ } -window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:hover:not([switchingtabs]) > #urlbar-wrapper > #urlbar > - #notification-popup-box[hidden] + #identity-box, window:not([chromehidden~="toolbar"]) #urlbar-wrapper:hover:not([switchingtabs]) > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box { /* forward button hiding is delayed when hovered */ transition-delay: 100s; } -window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar > - #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr), window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) { /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ padding-left: 2.01px; } -window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar > - #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl), window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) { /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ @@ -1962,7 +1880,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but -moz-image-region: rect(0, 16px, 16px, 0); } -window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar > #identity-box > #page-proxy-favicon { +window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box > #page-proxy-favicon { /* -moz-margin-end: 1px;*/ } @@ -2476,6 +2394,10 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { } .tab-label { + /* this needs to add up to the 16px of the icon image */ + height: 12px; + margin-top: 2px !important; + margin-bottom: 2px !important; } .tab-close-button { @@ -2986,7 +2908,6 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { border-right-width: 8px; } -window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar > #notification-popup-box, window:not([chromehidden~="toolbar"]) #urlbar-wrapper[forwarddisabled] > #urlbar > #notification-popup-box { /* padding-left: 5px; */ }