X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fpopup.css;h=076cc04e09139c4ea4f17346fe644e02ec3b0f21;hb=93c91f62d8a75f3af43e52e373405ebf37fc196c;hp=bc00318bf6dcf2d829a89f9d39f7efaec02c543e;hpb=af861d30f324bf92d3725a1ba2b398ea85dba50d;p=themes.git diff --git a/EarlyBlue/global/popup.css b/EarlyBlue/global/popup.css index bc00318b..076cc04e 100644 --- a/EarlyBlue/global/popup.css +++ b/EarlyBlue/global/popup.css @@ -2,6 +2,10 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +/* ===== popup.css ====================================================== + == Styles used by the XUL popup element. + ======================================================================= */ + @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* ::::: menupopup ::::: */ @@ -14,38 +18,17 @@ panel { background-color: #CCD0DD; } -panel[type="arrow"] { - background: transparent; - border: none; - transition: opacity 300ms; -} - -.panel-arrowcontainer[panelopen] { - transition-duration: 200ms, 150ms; - transition-property: opacity, transform; - transition-timing-function: ease-out; -} - -.panel-arrowcontainer:not([panelopen]) { - /* Does not work correctly in Linux right now. - 2012-09-30 - opacity: 0; */ - opacity: 0.01; -} - -.panel-arrowcontainer:not([panelopen])[side="top"] { - transform: translateY(-20px); +menupopup > menu > menupopup { + /* align submenus */ + margin-top: -2px; } -.panel-arrowcontainer:not([panelopen])[side="bottom"] { - transform: translateY(20px); -} +/* ::::: arrow panel ::::: */ -.panel-arrowcontainer:not([panelopen])[side="left"] { - transform: translateX(-20px); -} - -.panel-arrowcontainer:not([panelopen])[side="right"] { - transform: translateX(20px); +panel[type="arrow"] { + background: transparent; + border: none; + padding: 0; } panel[type="arrow"][side="top"], @@ -65,7 +48,7 @@ panel[type="arrow"][side="right"] { background-color: #CCD0DD; background-clip: padding-box; border: 1px outset #CCD0DD; - margin: 3px; + margin: 0px; } .panel-arrow[side="top"], @@ -77,12 +60,12 @@ panel[type="arrow"][side="right"] { } .panel-arrow[side="top"] { - margin-bottom: -5px; + margin-bottom: -1px; } .panel-arrow[side="bottom"] { transform: scaleY(-1); - margin-top: -5px; + margin-top: -1px; } .panel-arrow[side="left"], @@ -94,12 +77,12 @@ panel[type="arrow"][side="right"] { } .panel-arrow[side="left"] { - margin-right: -5px; + margin-right: -1px; } .panel-arrow[side="right"] { transform: scaleX(-1); - margin-left: -5px; + margin-left: -1px; } /* ::::: tooltip ::::: */