/* * Explr.js v1.4 * Explorer-like tree jQuery plugin * https://github.com/faisalman/explr-js * * Copyright © 2010-2011 Faisal Salman * 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; } .explr-item i.fa { position: absolute; z-index: 1; top: 2px; font-size: 14px; left: 16px; color: rgb(187, 187, 187); width: 18px; text-align: center; } .explr-toggler { background-repeat: no-repeat; background-position: 0 0; height: 16px; margin-left: -8px; margin-top: 2px; position: absolute; width: 40px; } /*.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: none; } .explr-tree .icon-file > li, .explr-tree li.icon-file { 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; }