X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fsplitter.css;h=dd58c02afabbe8ac09e0478f07b320932a89a187;hp=b9b8498b63fb5f7e7d218a72511989f52300f1eb;hb=9ff3770c42688104b98dc9f99e67148047d9bd6d;hpb=9099c61da39b1346a25b1c01463829a44d72d6e1 diff --git a/LCARStrek/global/splitter.css b/LCARStrek/global/splitter.css index b9b8498b..dd58c02a 100644 --- a/LCARStrek/global/splitter.css +++ b/LCARStrek/global/splitter.css @@ -15,11 +15,9 @@ splitter { -moz-box-pack: center; cursor: ew-resize; border: none; - border-top: 3px solid black; - border-bottom: 3px solid black; min-width: 6px; background-color: #9C9CFF; - margin: 0px 3px; + margin: 0 3px; } splitter[state="dragging"], @@ -27,7 +25,7 @@ splitter:hover:active { background-color: #FFCF00; } -/* This takes margin away from outliner header splitters, else they look ugly! */ +/* This takes margin away from tree header splitters, else they look ugly! */ splitter.tree-splitter { margin: 0px; } @@ -37,6 +35,8 @@ splitter[state="collapsed"][substate="before"], splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl), splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) { cursor: e-resize; + margin-left: 0; + border-radius: 0 5px 5px 0; } splitter[state="collapsed"][collapse="after"], @@ -44,6 +44,8 @@ splitter[state="collapsed"][substate="after"], splitter[state="collapsed"][collapse="before"]:-moz-locale-dir(rtl), splitter[state="collapsed"][substate="before"]:-moz-locale-dir(rtl) { cursor: w-resize; + margin-right: 0; + border-radius: 5px 0 0 5px; } splitter:-moz-lwtheme { @@ -55,20 +57,22 @@ splitter:-moz-lwtheme { splitter[orient="vertical"] { cursor: ns-resize; border: none; - border-left: 3px solid black; - border-right: 3px solid black; min-height: 6px; - margin: 3px 0px; + margin: 3px 0; } splitter[orient="vertical"][state="collapsed"][collapse="before"], splitter[orient="vertical"][state="collapsed"][substate="before"] { cursor: s-resize; + margin-top: 0; + border-radius: 0 0 5px 5px; } splitter[orient="vertical"][state="collapsed"][collapse="after"], splitter[orient="vertical"][state="collapsed"][substate="after"] { cursor: n-resize; + margin-bottom: 0; + border-radius: 5px 5px 0 0; } splitter[disabled="true"] { @@ -84,7 +88,7 @@ grippy { border-bottom: 3px solid black; min-width: 6px; min-height: 121px; - background: #9C9CFF 50% 50% no-repeat; + background: #C09070 50% 50% no-repeat; } grippy:hover { @@ -108,21 +112,21 @@ splitter[orient="vertical"] > grippy { /* vertical grippies */ splitter[collapse="before"] > grippy, splitter[collapse="after"] > grippy:-moz-locale-dir(rtl) { - background-image: url("chrome://global/skin/splitter/grip-left.gif"); + background-image: url("chrome://global/skin/splitter/grip-left.png"); } splitter[collapse="after"] > grippy, splitter[collapse="before"] > grippy:-moz-locale-dir(rtl) { - background-image: url("chrome://global/skin/splitter/grip-right.gif"); + background-image: url("chrome://global/skin/splitter/grip-right.png"); } /* horizontal grippies */ splitter[collapse="before"][orient="vertical"] > grippy { - background-image: url("chrome://global/skin/splitter/grip-top.gif"); + background-image: url("chrome://global/skin/splitter/grip-top.png"); } splitter[collapse="after"][orient="vertical"] > grippy { - background-image: url("chrome://global/skin/splitter/grip-bottom.gif"); + background-image: url("chrome://global/skin/splitter/grip-bottom.png"); } /* ..... collapsed state ..... */ @@ -130,19 +134,19 @@ splitter[collapse="after"][orient="vertical"] > grippy { /* vertical grippies */ splitter[collapse="before"][state="collapsed"] > grippy, splitter[collapse="after"][state="collapsed"] > grippy:-moz-locale-dir(rtl) { - background-image: url("chrome://global/skin/splitter/grip-right.gif"); + background-image: url("chrome://global/skin/splitter/grip-right.png"); } splitter[collapse="after"][state="collapsed"] > grippy, splitter[collapse="before"][state="collapsed"] > grippy:-moz-locale-dir(rtl) { - background-image: url("chrome://global/skin/splitter/grip-left.gif"); + background-image: url("chrome://global/skin/splitter/grip-left.png"); } /* horizontal grippies */ splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy { - background-image: url("chrome://global/skin/splitter/grip-bottom.gif"); + background-image: url("chrome://global/skin/splitter/grip-bottom.png"); } splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy { - background-image: url("chrome://global/skin/splitter/grip-top.gif"); + background-image: url("chrome://global/skin/splitter/grip-top.png"); }