| 1 |
efrain |
1 |
/*!
|
|
|
2 |
Icons by Yusuke Kamiyamane <http://p.yusukekamiyamane.com/>.
|
|
|
3 |
Licensed under a Creative Commons Attribution 3.0 License.
|
|
|
4 |
*/
|
|
|
5 |
|
|
|
6 |
.yui3-skin-sam .yui3-treeview-row > .yui3-treeview-indicator:after { content: ''; }
|
|
|
7 |
|
|
|
8 |
.yui3-skin-sam .yui3-treeview-label,
|
|
|
9 |
.yui3-skin-sam .yui3-treeview-row {
|
|
|
10 |
line-height: 1.6;
|
|
|
11 |
}
|
|
|
12 |
|
|
|
13 |
/* Page icon for all nodes by default. */
|
|
|
14 |
.yui3-skin-sam .yui3-treeview-icon {
|
|
|
15 |
background: left center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABUUlEQVQ4jY2Sv2rDMBDGT3JKl/oB2kdI3sJ7lwx9hvYZQkkIDXQuhWYOeCvdS6DP4D3dstsUZArWH/dOsRQnlk0F8onT3U/fJ2tU1zXQuFssbjFcw/D4MsZ8G63hY7WyiZHbwY2bzXy+rnBT0jQGNMLdAVmWwWa7vcclw7lzfUeA1sxQk5SgEVBhrJQChTmCCCHgfblcT2ezh6ZldwLAJkZojt+LKDqKbiB5nsNrmkIyHr+9pOkj7jydK+DUzC0GOpAkSaySOI7hM8uKjgVFClqAEISUuNoOQCvlLbTHOYQOodoQ4GCBc/olvZDoAOBdC5j0CgYgEUbVA7B3YO+BEj2QCPMqaEFKr4Da+iDWAtaGLZAC/FVDENbUhi04BQMQygct/JalXbs76IOwVu0J4KcoLr3M5kHRy2NNtFCEMJztWg8ohdhfTSbP8I+BkL1b/wF76M1c9BEbZwAAAABJRU5ErkJggg==);
|
|
|
16 |
float: left;
|
|
|
17 |
height: 1.6em; /* should match the line-height of the row and label */
|
|
|
18 |
min-height: 16px; /* to prevent the icon from being clipped */
|
|
|
19 |
width: 16px;
|
|
|
20 |
}
|
|
|
21 |
|
|
|
22 |
.yui3-skin-sam .yui3-treeview-label { padding-left: 6px; }
|
|
|
23 |
.yui3-skin-sam .yui3-treeview-node { outline: none; }
|
|
|
24 |
.yui3-skin-sam .yui3-treeview-node .yui3-treeview-children { margin-left: 20px; }
|
|
|
25 |
|
|
|
26 |
.yui3-skin-sam .yui3-treeview-row {
|
|
|
27 |
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
|
|
|
28 |
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
|
|
|
29 |
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
|
|
|
30 |
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
|
|
|
31 |
background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
|
|
|
32 |
border: 1px solid transparent;
|
|
|
33 |
border-radius: 2px;
|
|
|
34 |
_border: none;
|
|
|
35 |
}
|
|
|
36 |
|
|
|
37 |
/* -- Node states ----------------------------------------------------------- */
|
|
|
38 |
|
|
|
39 |
/* Light blue background for hovered nodes, except on touch devices. */
|
|
|
40 |
.yui3-skin-sam .yui3-treeview-notouch .yui3-treeview-row:hover {
|
|
|
41 |
background-color: #F0F6FE;
|
|
|
42 |
border-color: #B6D4FC;
|
|
|
43 |
}
|
|
|
44 |
|
|
|
45 |
/* Use a folder icon for nodes that can have children. */
|
|
|
46 |
.yui3-skin-sam .yui3-treeview-can-have-children > .yui3-treeview-row > .yui3-treeview-icon {
|
|
|
47 |
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABD0lEQVQ4T63TsUrDUBTG8Y+TUhfnIhQR6tC8i4uC+BBFKVGETiLUoUPQRfENXARRfApfwCVLRSlFsMTSapsmOd6vuLRJoLEOvyU3/8PhwhVVxTLE2m4g007DNpwMNv8RAHvGUSrF1v1Z/TwNz9iK2WPjsXXo3jUPZvDbVW3Xbbdf0Ov1E25P9122HCDj8QTD4fcM3++jXF6HiKDb7SR4nge2ZgCsKIqRxvc/USqtoVLZTKhWbbCdbhCGMbIMBl+pRqPgd4NYrfloUWy5QSEMFX/B9h82iLUwf3mLYrv8AJ1EqyIWisWVXNhMW3y8vtVOLm7qzctc2LAVfX5o6dO1Yxzn5LAV8yQD493o5MQm+AEX3F8P8w0R8QAAAABJRU5ErkJggg==);
|
|
|
48 |
}
|
|
|
49 |
|
|
|
50 |
/* Gray background for selected, unfocused nodes. */
|
|
|
51 |
.yui3-skin-sam .yui3-treeview-selected > .yui3-treeview-row {
|
|
|
52 |
background-color: #E6E6E6;
|
|
|
53 |
border-color: #D9D9D9;
|
|
|
54 |
}
|
|
|
55 |
|
|
|
56 |
/* Blue background for selected, focused nodes and selected, hovered nodes,
|
|
|
57 |
as well as selected unfocused nodes when multiselect is enabled. */
|
|
|
58 |
.yui3-skin-sam .yui3-treeview-selected:focus > .yui3-treeview-row,
|
|
|
59 |
.yui3-skin-sam .yui3-treeview-children[aria-multiselectable="true"] .yui3-treeview-selected > .yui3-treeview-row,
|
|
|
60 |
.yui3-skin-sam .yui3-treeview-selected > .yui3-treeview-row:hover {
|
|
|
61 |
background-color: #C9E0FC;
|
|
|
62 |
border-color: #7DA2CE;
|
|
|
63 |
}
|
|
|
64 |
|
|
|
65 |
/* -- High DPI styles ------------------------------------------------------- */
|
|
|
66 |
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
|
|
|
67 |
.yui3-skin-sam .yui3-treeview-icon {
|
|
|
68 |
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACJElEQVRYw8WXvW4TQRSFz11vQUEeAAo3afIEFH4HyqSgoQ2PgKxY+VEoKCOh2F0okBAFVbpIvEaKpEjvwgVWbI937qHYmWWzXsPOzgpGsvbu2HP38znHV3JKEv9zpXWbB8fHrwG8iOz9g+Q9SZAEVfH9/LwZAMmXV6PR2FoLAlCyePl7luv8ELyWxhi8v7g4dLf3wQqQhFoLY0xeA1BVWBKqmsP4qwcrQU2nU3w7ORnvj0aHAATAXSiAiAhEBACQkECSAKqbV7f092HM53MYAF9OT8dvjo7euXfumgO4xgIALSBmsxmMq6/Ozi7fDodbIbYrAOQKkMEQxhh8mkyKvVf9/uXn6+shgA+NAFQVIoJEJP9WgRCDwQDWWmRZBmst0jTF15sbG5YBZ0FbCOn10EsSkMTznR30d3d/NgZQVWd/bkFbCF9JqWczBZwFRQhjIUSKYDdWYCOEERDBChQf9ipEQiQiwRYUIWQHEOJ6hlngJyEZDSGhCmh1EkZCOAviQ9gWol0IKz/DGIjgEKq1tQq0hUhEoNYGhrCSgRiIcAXKc6Dm4aEQ4RlwchVzoAOIcAvcweIhERBt5oAIAJaCGAMRZ0EHEMEWZFn2JIRdQBQ9mwAsFou0GsIoiFLPRgDLx8eer7uAkErPvwKslssn+7EQUtPzjwBmtdqg9VPRB7O8R79X+nvGUi1JUttzK8B6vX54trf3ER0uEXloDLC4vZ3gH61free2Cmjs7ecAAAAASUVORK5CYII=);
|
|
|
69 |
background-size: contain;
|
|
|
70 |
}
|
|
|
71 |
|
|
|
72 |
.yui3-skin-sam .yui3-treeview-has-children > .yui3-treeview-row > .yui3-treeview-icon {
|
|
|
73 |
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAECklEQVRYw+1XTUtUURh+752Z68fMaBpGRQRBULZwEZo/IdpICRFBfyCIFvkBoZuCwNIW+QtatAlaiC36DdJCK0ht0ybSwCRnwhxn7j2d57znPfeO4VXDclEH7pyPe877Pu/zfpw7nlKKDrL5dMDN8/uG7ei3jsu5M/q5tMPmV/pZJEO4IrLEZ/fBiLPH2luuPh25eT9t08WBh541c2E/GeiE5VMPbj8ul79TNpulKIrYtz57F3PEWaGQp8sjkwPMhJoXBpIArunfE3uF8OLerYlKpUKe51G1WqVcLkdhGFImkzHKAQTrANfc3ExXRp8M6mOfNIDn9QCIBqfH7oxXqzV9MNQHMyQZAuHGcyqy45iujY0fVKvVjALsh3KM0QRQkpWmpibqH50c0tMJjgEo8bzreD87+3ZP1jc2NlJb2yHTVyqbWjGsB0hljIDoMFQGMM/Rq7rsy1rTTr58NDy2V/rh94WFReroOEJB0EhgD8rQgy2EOghTKjTs+L7SIEMySBwAy/L6+rqmc8PiUY520IexzEE3xvAxWnf3eZqZeU35fIv2ccG6R+RDeJQYVzVbkcFVz4CmhOkh40MoFQXwW60mFvhaecYC44MrK6vU09NDc3NvaG3t246sLS0RnTp6uP3j8tcbWugzjgENGb6Df9hHsRWYex5AVG1gMkg0Abm8/IW6urp27bre3gtD/XfHR5Mu8IV6sVqYwBi95DjWsYa98uDd6uqqSz9xnZzdKgdBq/X61gX1DHDEco81sRpugBDMJTU56HjM7vHdvjQ5bCcHomMAi+yCuHhwDrMLMId1wg7GWJeGfckzaXIAKGaA4fjif1gFi5hy5YqMWAeG0dcrjxwDNs9T5TAA5dcxgEVWkLXpxpHPJVUZnEIj9ogCiZnNTS63OMcBur0cE+BbGPA4uiPru8imHxcWUSSByWWXXP3HHOBQDeUuSJcTuWLkGwYUGIijGwck7+U2wyMCpVBJBsh+WAlAu5FjGFBxFviSBQAiAckRHCYqm2eDiZwwyYzY+siU3DQ5NgvqYwAVLrLMcEDGlPO7yNEPf0MZAyJrfc6MpU+TYy6oOAbIZkHkqBUKkx8VUv9BsdCfbEI5M+KnyjGx4ABw2mRKpTLhwyKuXHIXeBSD810g2c4GI7k0S6bmdnIqlareoMyLrDKRTw35fMGkztY6L00KimRDcg/eBUGDK9dSrLaTUywWSettYAYsANztYIC/enzTJ2s4wOF9MlvYOpW4uNadxWlySqWStkIAvJsiOtcXtLa22nylBI3yaRbV5XHs98hlR/zZpn7Zt1VOEOQAIKD30wZ6q9fZN0TF46f/6j+S8ucPan56HAD03UgB3GA/ULw/rBo0VOwTev/8f8P/AH4C4GNS2u2jtnoAAAAASUVORK5CYII=);
|
|
|
74 |
}
|
|
|
75 |
}
|