From 5ae35ee763d16578bc209144642077a84c300e0f Mon Sep 17 00:00:00 2001 From: Lars Jung Date: Mon, 17 Sep 2012 00:09:51 +0200 Subject: [PATCH] Cleans css. --- src/_h5ai/css/inc/tree.less | 157 +++++++++++++++++------------------- 1 file changed, 75 insertions(+), 82 deletions(-) diff --git a/src/_h5ai/css/inc/tree.less b/src/_h5ai/css/inc/tree.less index f310ebac..b73cf261 100644 --- a/src/_h5ai/css/inc/tree.less +++ b/src/_h5ai/css/inc/tree.less @@ -27,97 +27,90 @@ } } - .entry { - .indicator { - display: inline-block; - width: 16px; - height: 25px; - float: left; + .indicator { + display: inline-block; + width: 16px; + height: 25px; + float: left; + opacity: 0.7; + cursor: pointer; + img { + position: relative; + top: 3px; + width: 12px; + height: 12px; + vertical-align: bottom; + .transition(all 0.2s ease-in-out); + } + &.open { img { - position: relative; - left: 0; - top: 3px; - width: 12px; - height: 12px; - vertical-align: bottom; - .transition(all 0.2s ease-in-out); - } - &.open { - cursor: pointer; - opacity: 0.7; - img { - .transform(rotate(90deg)); - } - } - &.close { - cursor: pointer; - opacity: 0.7; - } - &.unknown { - cursor: pointer; - opacity: 0.3; - } - &.none { - opacity: 0; + .transform(rotate(90deg)); } } - > a, > a:active, > a.visited { - margin-left: 16px; - padding: 4px 6px; - border: 1px solid rgba(0,0,0,0); - .border-radius(5px); - display: block; - color: #555; - text-decoration: none; - opacity: 0.7; + &.unknown { + opacity: 0.3; + } + &.none { + opacity: 0; + cursor: inherit; + } + } + a, a:active, a.visited { + display: block; + margin-left: 16px; + padding: 4px 6px; + color: #555; + border: 1px solid rgba(0,0,0,0); + .border-radius(5px); + text-decoration: none; + opacity: 0.7; + &:hover, &.hover { + color: #e80; + background-color: rgba(255,255,255,0.5); + opacity: 1; + } + } + .label { + display: inline-block; + } + .icon { + display: inline-block; + width: 20px; + img { + width: 16px; + height: 16px; + vertical-align: bottom; + } + } + .hint { + display: inline-block; + margin-left: 12px; + font-size: 0.9em; + color: #ccc; + } + .content { + list-style: none; + margin: 0; + padding: 0 0 0 24px; + } + .current { + > a, > a:active, > a:visited { + background-color: rgba(255,255,255,0.5); + border-color: rgb(221,221,221); + opacity: 1; + } + } + .error { + > a, > a:active, > a:visited { + color: #999; &:hover, &.hover { color: #e80; - background-color: rgba(255,255,255,0.5); - opacity: 1; - } - .label { - display: inline-block; - } - .icon { - display: inline-block; - width: 20px; - img { - width: 16px; - height: 16px; - vertical-align: bottom; - } - } - .hint { - display: inline-block; - margin-left: 12px; - font-size: 0.9em; - color: #ccc; } } - &.current { - > a, > a:active, > a:visited { - border: 1px solid rgb(221,221,221); - background-color: rgba(255,255,255,0.5); - opacity: 1; - } - } - &.error { - > a, > a:active, > a:visited { - color: #999; - &:hover, &.hover { - color: #e80; - } - } - .hint { - color: #c55; - } - } - .content, ul.content { - list-style: none; - margin: 0; - padding: 0 0 0 24px; + .hint { + color: #c55; } } }