202 lines
9.0 KiB
CSS
Executable File
202 lines
9.0 KiB
CSS
Executable File
/*
|
|
* Explr.js v1.4
|
|
* Explorer-like tree jQuery plugin
|
|
* https://github.com/faisalman/explr-js
|
|
*
|
|
* Copyright © 2010-2011 Faisal Salman <f@faisalman.com>
|
|
* Dual licensed under GPLv2 & MIT
|
|
*/
|
|
|
|
.explr-tree * {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.explr-tree,
|
|
.explr-tree ol,
|
|
.explr-tree ul {
|
|
display: block;
|
|
font-family: Ubuntu, Helvetica, Tahoma, sans-serif;
|
|
font-size: 12px;
|
|
letter-spacing: normal;
|
|
line-height: 12px;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding-bottom: 0;
|
|
padding-left: 20px;
|
|
padding-top: 5px;
|
|
position: relative;
|
|
}
|
|
|
|
.explr-tree {
|
|
overflow: auto;
|
|
}
|
|
|
|
.explr-tree li {
|
|
background: url("../../img/explr/folder.png") 16px 2px no-repeat;
|
|
display: block;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.explr-tree li a {
|
|
color: #555;
|
|
display: block;
|
|
font-size: 12px;
|
|
margin-left: 30px;
|
|
padding: 3px 0 5px 8px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.explr-tree li a:hover {
|
|
color: #ff0084;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.explr-line {
|
|
border-left: 1px dotted #999;
|
|
border-bottom: 1px dotted #999;
|
|
height: 22px;
|
|
position: absolute;
|
|
margin-left: 0;
|
|
margin-top: -12px;
|
|
width: 12px;
|
|
}
|
|
|
|
.explr-tree ol>li:first-child>.explr-line,
|
|
.explr-tree ul>li:first-child>.explr-line {
|
|
margin-top: -8px;
|
|
height: 18px;
|
|
}
|
|
|
|
.explr-line-fix {
|
|
border-left: 1px dotted #999;
|
|
}
|
|
|
|
.explr-icon {
|
|
background-repeat: no-repeat;
|
|
background-position: 0 0;
|
|
height: 16px;
|
|
width: 16px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.explr-toggler {
|
|
background-repeat: no-repeat;
|
|
background-position: 0 0;
|
|
height: 16px;
|
|
margin-left: -8px;
|
|
margin-top: 2px;
|
|
position: absolute;
|
|
width: 40px;
|
|
z-index: 1;
|
|
}
|
|
|
|
/*.explr-plus { background-image: url("../../img/explr/plus.png"); }*/
|
|
/*.explr-minus { background-image: url("../../img/explr/busy.png"); }*/
|
|
|
|
|
|
/* Menu icons: */
|
|
|
|
.explr-tree .icon-text > li, .explr-tree li.icon-text { background-image: url("../../img/explr/attibutes.png"); }
|
|
.explr-tree .icon-address > li, .explr-tree li.icon-address { background-image: url("../../img/explr/address.png"); }
|
|
.explr-tree .icon-archives > li, .explr-tree li.icon-archives { background-image: url("../../img/explr/archives.png"); }
|
|
.explr-tree .icon-badge > li, .explr-tree li.icon-badge { background-image: url("../../img/explr/bestseller.png"); }
|
|
.explr-tree .icon-bank > li, .explr-tree li.icon-bank { background-image: url("../../img/explr/bank.png"); }
|
|
.explr-tree .icon-basket > li, .explr-tree li.icon-basket { background-image: url("../../img/explr/basket.png"); }
|
|
.explr-tree .icon-board > li, .explr-tree li.icon-board { background-image: url("../../img/explr/order.png"); }
|
|
.explr-tree .icon-board2 > li, .explr-tree li.icon-board2 { background-image: url("../../img/explr/order-1.png"); }
|
|
.explr-tree .icon-book > li, .explr-tree li.icon-book { background-image: url("../../img/explr/library.png"); }
|
|
.explr-tree .icon-bookmark > li, .explr-tree li.icon-bookmark { background-image: url("../../img/explr/bookmark.png"); }
|
|
.explr-tree .icon-business > li, .explr-tree li.icon-business { background-image: url("../../img/explr/business-contact.png"); }
|
|
.explr-tree .icon-calendar > li, .explr-tree li.icon-calendar { background-image: url("../../img/explr/calendar.png"); }
|
|
.explr-tree .icon-card > li, .explr-tree li.icon-card { background-image: url("../../img/explr/credit-card.png"); }
|
|
.explr-tree .icon-card2 > li, .explr-tree li.icon-card2 { background-image: url("../../img/explr/my-account.png"); }
|
|
.explr-tree .icon-chain > li, .explr-tree li.icon-chain { background-image: url("../../img/explr/link.png"); }
|
|
.explr-tree .icon-chart > li, .explr-tree li.icon-chart { background-image: url("../../img/explr/statistics.png"); }
|
|
.explr-tree .icon-check > li, .explr-tree li.icon-check { background-image: url("../../img/explr/check.png"); }
|
|
.explr-tree .icon-clock > li, .explr-tree li.icon-clock { background-image: url("../../img/explr/full-time.png"); }
|
|
.explr-tree .icon-comment > li, .explr-tree li.icon-comment { background-image: url("../../img/explr/comment.png"); }
|
|
.explr-tree .icon-config > li, .explr-tree li.icon-config { background-image: url("../../img/explr/config.png"); }
|
|
.explr-tree .icon-customers > li, .explr-tree li.icon-customers { background-image: url("../../img/explr/customers.png"); }
|
|
.explr-tree .icon-cv > li, .explr-tree li.icon-cv { background-image: url("../../img/explr/cv.png"); }
|
|
.explr-tree .icon-db > li, .explr-tree li.icon-db { background-image: url("../../img/explr/database.png"); }
|
|
.explr-tree .icon-direction > li, .explr-tree li.icon-direction { background-image: url("../../img/explr/milestone.png"); }
|
|
.explr-tree .icon-flag > li, .explr-tree li.icon-flag { background-image: url("../../img/explr/flag.png"); }
|
|
.explr-tree .icon-folder > li, .explr-tree li.icon-folder, .explr-icon-folder { background-image: url("../../img/explr/folder.png"); }
|
|
.explr-tree .icon-folder2 > li, .explr-tree li.icon-folder2 { background-image: url("../../img/explr/finished-work.png"); }
|
|
.explr-tree .icon-folder3 > li, .explr-tree li.icon-folder3 { background-image: url("../../img/explr/upcoming-work.png"); }
|
|
.explr-tree .icon-hand > li, .explr-tree li.icon-hand { background-image: url("../../img/explr/freelance.png"); }
|
|
.explr-tree .icon-heart > li, .explr-tree li.icon-heart { background-image: url("../../img/explr/heart.png"); }
|
|
.explr-tree .icon-help > li, .explr-tree li.icon-help { background-image: url("../../img/explr/consulting.png"); }
|
|
.explr-tree .icon-home > li, .explr-tree li.icon-home { background-image: url("../../img/explr/home.png"); }
|
|
.explr-tree .icon-lamp > li, .explr-tree li.icon-lamp { background-image: url("../../img/explr/lightbulb.png"); }
|
|
.explr-tree .icon-left > li, .explr-tree li.icon-left { background-image: url("../../img/explr/sign-out.png"); }
|
|
.explr-tree .icon-left2 > li, .explr-tree li.icon-left2 { background-image: url("../../img/explr/login.png"); }
|
|
.explr-tree .icon-lock > li, .explr-tree li.icon-lock { background-image: url("../../img/explr/lock.png"); }
|
|
.explr-tree .icon-mail > li, .explr-tree li.icon-mail { background-image: url("../../img/explr/contact.png"); }
|
|
.explr-tree .icon-mail2 > li, .explr-tree li.icon-mail2 { background-image: url("../../img/explr/email.png"); }
|
|
.explr-tree .icon-palette > li, .explr-tree li.icon-palette { background-image: url("../../img/explr/drawings.png"); }
|
|
.explr-tree .icon-pencil > li, .explr-tree li.icon-pencil { background-image: url("../../img/explr/edit.png"); }
|
|
.explr-tree .icon-pencil2 > li, .explr-tree li.icon-pencil2 { background-image: url("../../img/explr/pencil.png"); }
|
|
.explr-tree .icon-phone > li, .explr-tree li.icon-phone { background-image: url("../../img/explr/phone.png"); }
|
|
.explr-tree .icon-photo > li, .explr-tree li.icon-photo { background-image: url("../../img/explr/photography.png"); }
|
|
.explr-tree .icon-print > li, .explr-tree li.icon-print { background-image: url("../../img/explr/print.png"); }
|
|
.explr-tree .icon-project > li, .explr-tree li.icon-project { background-image: url("../../img/explr/project.png"); }
|
|
.explr-tree .icon-refresh > li, .explr-tree li.icon-refresh { background-image: url("../../img/explr/refresh.png"); }
|
|
.explr-tree .icon-right > li, .explr-tree li.icon-right { background-image: url("../../img/explr/sign-in.png"); }
|
|
.explr-tree .icon-right2 > li, .explr-tree li.icon-right2 { background-image: url("../../img/explr/logout.png"); }
|
|
.explr-tree .icon-showreel > li, .explr-tree li.icon-showreel { background-image: url("../../img/explr/showreel.png"); }
|
|
.explr-tree .icon-star > li, .explr-tree li.icon-star { background-image: url("../../img/explr/star.png"); }
|
|
.explr-tree .icon-tag > li, .explr-tree li.icon-tag { background-image: url("../../img/explr/tag.png"); }
|
|
.explr-tree .icon-text2 > li, .explr-tree li.icon-text2 { background-image: url("../../img/explr/issue.png"); }
|
|
.explr-tree .icon-text3 > li, .explr-tree li.icon-text3 { background-image: url("../../img/explr/future-projects.png"); }
|
|
.explr-tree .icon-text4 > li, .explr-tree li.icon-text4 { background-image: url("../../img/explr/old-versions.png"); }
|
|
.explr-tree .icon-user > li, .explr-tree li.icon-user { background-image: url("../../img/explr/user.png"); }
|
|
.explr-tree .icon-world > li, .explr-tree li.icon-world { background-image: url("../../img/explr/world.png"); }
|
|
.explr-tree .icon-zoom > li, .explr-tree li.icon-zoom { background-image: url("../../img/explr/zoom.png"); }
|
|
.explr-tree .icon-youtube > li, .explr-tree li.icon-youtube { background-image: url("../../img/explr/youtube.png"); }
|
|
.explr-tree .icon-globe > li, .explr-tree li.icon-globe { background-image: url("../../img/explr/globe.png"); }
|
|
.explr-tree .icon-video > li, .explr-tree li.icon-video { background-image: url("../../img/explr/video.png"); }
|
|
.explr-tree .icon-landscape > li, .explr-tree li.icon-landscape { background-image: url("../../img/explr/landscape.png"); }
|
|
|
|
|
|
/* IE Hack Fixes: */
|
|
|
|
.explr-ie,
|
|
.explr-ie ol,
|
|
.explr-ie ul {
|
|
margin-left: 4px;
|
|
padding-left: 16px;
|
|
position: static;
|
|
}
|
|
|
|
.explr-ie ol,
|
|
.explr-ie ul {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.explr-ie {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.explr-ie .explr-line,
|
|
.explr-ie .explr-toggler {
|
|
top: 0;
|
|
left: 4px;
|
|
}
|
|
|
|
.explr-ie li {
|
|
height: auto !important;
|
|
height: 24px;
|
|
*padding-top: 12px;
|
|
_padding-top: 0;
|
|
}
|
|
|
|
.explr-ie li a {
|
|
*position: absolute;
|
|
_position: static;
|
|
*top: 0;
|
|
_top: auto;
|
|
}
|