# HG changeset patch # User Thierry Florac # Date 1429022269 -7200 # Node ID 1130ff95ebbe6bbe3c46c82aa818ee36d1f7df4e # Parent ad0378995d5a0f2931789716ff061cb700643399 Updated tree styles diff -r ad0378995d5a -r 1130ff95ebbe src/pyams_skin/resources/less/content.less --- a/src/pyams_skin/resources/less/content.less Tue Apr 14 16:36:43 2015 +0200 +++ b/src/pyams_skin/resources/less/content.less Tue Apr 14 16:37:49 2015 +0200 @@ -1294,7 +1294,7 @@ li { list-style-type: none; margin: 0; - padding: 5px; + padding: 3px 0 3px 5px; position: relative; &:after, @@ -1308,7 +1308,7 @@ border-left: 1px solid #999; bottom: 50px; height: 100%; - top: -11px; + top: -5px; width: 1px; -webkit-transition: "border-color 0.1s ease 0.1s"; transition: "border-color 0.1s ease 0.1s"; @@ -1319,43 +1319,33 @@ &:after { border-top: 1px solid #999; height: 20px; - top: 18px; + top: 14px; width: 25px; } - span { + &:hover { + background: rgba(0, 0, 0, .15); + } + >span { border: 1px dotted #999; border-radius: 5px; display: inline-block; - padding: 3px 8px; + padding: 4px 8px; text-decoration: none; -webkit-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s; transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s; + + >i { + padding-right: 4px; + } } &.parent_li >span { + padding: 7px; + } + >span { cursor: pointer; - padding: 7px; - - &:hover { - background-color: #DF8505; - border: 1px solid #C67605; - color: #fff; - + ul li { - &::before { - border-left-color: #F89406; - } - &::after { - border-top-color: #F89406; - } - span { - background: #FDDFB3!important; - border: 1px solid #FAA937; - color: #000; - } - } - } &:hover, - &:hover + ul li span { + &:hover + ul li >span { background: #eee; border: 1px solid #94a0b4; color: #000; @@ -1365,19 +1355,15 @@ ul { ul { padding-left: 34px; - padding-top: 10px; - - li:hover { - background: rgba(0, 0, 0, .015); - } + padding-top: 5px; } } >ul { padding-left: 0; >li { - :after, - :before { + &:after, + &:before { border: 0; } }