X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fpopup.css;h=0320d30aa8c1c9d51a91561fa35332caf207a2c7;hp=984f3da0891bc776abd92e0314b7e39fabc237e0;hb=acc20e5dafc253d32dd6f55076943b9eeae398ca;hpb=71a617ff22ae6266108ab20198128db5ae2bd33c diff --git a/LCARStrek/global/popup.css b/LCARStrek/global/popup.css index 984f3da0..0320d30a 100644 --- a/LCARStrek/global/popup.css +++ b/LCARStrek/global/popup.css @@ -18,36 +18,17 @@ panel { background-color: #000000; } -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]) { - opacity: 0; -} - -.panel-arrowcontainer:not([panelopen])[side="top"] { - transform: translateY(-20px); -} - -.panel-arrowcontainer:not([panelopen])[side="bottom"] { - transform: translateY(20px); +menupopup > menu > menupopup { + /* align submenus */ + margin-top: -2px; } -.panel-arrowcontainer:not([panelopen])[side="left"] { - transform: translateX(-20px); -} +/* ::::: arrow panel ::::: */ -.panel-arrowcontainer:not([panelopen])[side="right"] { - transform: translateX(20px); +panel[type="arrow"] { + background: transparent; + border: none; + padding: 0; } panel[type="arrow"][side="top"], @@ -68,7 +49,7 @@ panel[type="arrow"][side="right"] { background-color: #000000; background-clip: padding-box; border: 1px solid #FF9F00; - margin: 3px; + margin: 0px; } .panel-arrow[side="top"], @@ -80,12 +61,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"], @@ -97,14 +78,16 @@ 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 ::::: */ + tooltip { border-radius: 3px; background-color: #9C9CFF; @@ -131,7 +114,3 @@ menulist > menupopup, padding: 0px; background-color: #000000; } - -menupopup > menu > menupopup { - margin-top: -2px; -}