You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
2.9 KiB
28 lines
2.9 KiB
10 months ago
|
.icon { /* 通过设置 font-size 来改变图标大小 */
|
||
|
|
width: 1em; height: 1em; /* 图标和文字相邻时，垂直对齐 */
|
||
|
|
vertical-align: -0.15em; /* 通过设置 color 来改变 SVG 的颜色/fill */
|
||
|
|
fill: currentColor; /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
|
||
|
|
normalize.css 中也包含这行 */
|
||
|
|
overflow: hidden; font-size: 20px; }
|
||
|
|
.hide { display: none; }
|
||
|
|
.accordion { display: block; }
|
||
|
|
.accordion .accordionContent { display: block; overflow: auto; }
|
||
|
|
.accordion .accordionContent .tree div { display: block; overflow: hidden; height: 26px; line-height: 26px; white-space: nowrap; }
|
||
|
|
.accordion .accordionContent .tree li { clear: both; display: block; line-height: 26px; cursor: pointer; }
|
||
|
|
.accordion .accordionContent .tree div div { float: left; display: block; overflow: hidden; width: 26px; height: 26px; border: none; white-space: nowrap; }
|
||
|
|
.accordion .accordionContent .tree .end_expandable { background-image: url(../img/sprite.png); background-position: -303px -154px; width: 26px; height: 26px; }
|
||
|
|
.accordion .accordionContent .tree .expandable { background-image: url(../img/sprite.png); background-position: -141px -156px; width: 26px; height: 26px; }
|
||
|
|
.accordion .accordionContent .tree .end_collapsable { background-image: url(../img/sprite.png); background-position: -168px -154px; width: 26px; height: 26px; }
|
||
|
|
.accordion .accordionContent .tree .collapsable { background-image: url(../img/sprite.png); background-position: -195px -156px; width: 26px; height: 26px; }
|
||
|
|
.accordion .accordionContent .tree .folder_expandable { background: url(../img/smiley_evil.png) center no-repeat; width: 16px; height: 16px; margin-top: 5px; margin-right: 8px; }
|
||
|
|
.accordion .accordionContent .tree .folder_collapsable { background: url(../img/smiley_sleep.png) center no-repeat; width: 16px; height: 16px; margin-top: 5px; margin-right: 8px; }
|
||
|
|
.accordion .accordionContent .tree .node { background-image: url(../img/sprite.png); background-position: -321px -79px; width: 26px; height: 34px; }
|
||
|
|
.accordion .accordionContent .tree .last .node { background-image: url(../img/sprite.png); background-position: -330px -154px; width: 26px; height: 26px; }
|
||
|
|
.accordion .accordionContent .tree .file { background-image: url(../img/sprite.png); background-position: -168px -182px; width: 26px; height: 26px; }
|
||
|
|
.accordion .accordionContent .tree .line { background-image: url(../img/sprite.png); background-position: -222px -156px; width: 26px; height: 26px; }
|
||
|
|
.accordion .accordionContent .tree .last_expandable { background-image: url(../img/sprite.png); background-position: -276px -156px; width: 26px; height: 26px; }
|
||
|
|
.accordion .accordionContent .tree .last_collapsable { background-image: url(../img/sprite.png); background-position: -249px -154px; width: 26px; height: 26px; }
|
||
|
|
|
||
|
|
.tree li a, .tree li span { color: #b5e0ff; text-decoration: none; font-size: 14px; line-height: 30px; }
|
||
|
|
.tree div, .tree a, .tree span { display: inherit; white-space: nowrap; }
|