mirror_html/h5ai
1
0
Fork 0
mirror of https://github.com/lrsjng/h5ai.git synced 2025-08-10 23:34:02 +02:00
Code Issues Projects Releases Wiki Activity

Cleans css.

Browse Source
This commit is contained in:
Lars Jung
2012-09-17 00:09:51 +02:00
parent 6b5556f338
commit 5ae35ee763
1 changed files with 75 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

157
src/_h5ai/css/inc/tree.less
View File

@@ -27,97 +27,90 @@
} }
} }
.entry { .indicator {
.indicator { display: inline-block;
display: inline-block; width: 16px;
width: 16px; height: 25px;
height: 25px; float: left;
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 { img {
position: relative; .transform(rotate(90deg));
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;
} }
} }
> a, > a:active, > a.visited { &.unknown {
margin-left: 16px; opacity: 0.3;
padding: 4px 6px; }
border: 1px solid rgba(0,0,0,0); &.none {
.border-radius(5px); opacity: 0;
display: block; cursor: inherit;
color: #555; }
text-decoration: none; }
opacity: 0.7; 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 { &:hover, &.hover {
color: #e80; 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 { .hint {
> a, > a:active, > a:visited { color: #c55;
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;
} }
} }
} }