uxunity 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.DS_Store +0 -0
- data/README.md +0 -15
- data/lib/.DS_Store +0 -0
- data/lib/stylesheets/README.txt +1 -0
- data/lib/stylesheets/_uxunity.scss +1 -0
- data/lib/stylesheets/base/README.txt +1 -0
- data/lib/stylesheets/base/_forms.scss +0 -0
- data/lib/stylesheets/base/_lists.scss +0 -0
- data/lib/stylesheets/base/_media.scss +4 -0
- data/lib/stylesheets/base/_tables.scss +0 -0
- data/lib/stylesheets/base/_typography.scss +0 -0
- data/lib/stylesheets/components/.DS_Store +0 -0
- data/lib/stylesheets/components/README.txt +1 -0
- data/lib/stylesheets/components/blocks/.DS_Store +0 -0
- data/lib/stylesheets/components/blocks/README.txt +1 -0
- data/lib/stylesheets/components/blocks/footer.scss +76 -0
- data/lib/stylesheets/components/blocks/front-page.scss +399 -0
- data/lib/stylesheets/components/blocks/login-popup.scss +15 -0
- data/lib/stylesheets/components/blocks/menus.scss +179 -0
- data/lib/stylesheets/components/blocks/nav_index.scss +342 -0
- data/lib/stylesheets/components/blocks/region_side_bar.scss +106 -0
- data/lib/stylesheets/components/blocks/search.scss +104 -0
- data/lib/stylesheets/components/blocks/spinner.scss +90 -0
- data/lib/stylesheets/components/blocks/treeStyles.scss +97 -0
- data/lib/stylesheets/components/blocks/treeview.scss +154 -0
- data/lib/stylesheets/components/node/README.txt +1 -0
- data/lib/stylesheets/components/node/asset.scss +3 -0
- data/lib/stylesheets/components/node/basic_page.scss +42 -0
- data/lib/stylesheets/components/node/blog.scss +75 -0
- data/lib/stylesheets/components/node/bulk_photo_nodes_default.scss +125 -0
- data/lib/stylesheets/components/node/edit.scss +33 -0
- data/lib/stylesheets/components/node/magnify.scss +31 -0
- data/lib/stylesheets/components/node/node.scss +398 -0
- data/lib/stylesheets/components/node/pattern.scss +134 -0
- data/lib/stylesheets/components/node/spec_style.scss +131 -0
- data/lib/stylesheets/components/node/webform.scss +17 -0
- data/lib/stylesheets/components/views/README.txt +1 -0
- data/lib/stylesheets/components/views/assets.scss +19 -0
- data/lib/stylesheets/components/views/taxonomy.scss +63 -0
- data/lib/stylesheets/components/views/test-views-search-php.html +70 -0
- data/lib/stylesheets/mixins/_mixins.scss +49 -0
- data/lib/stylesheets/mixins/_prefix-mixins.scss +158 -0
- data/lib/stylesheets/utility/.DS_Store +0 -0
- data/lib/stylesheets/utility/README.txt +1 -0
- data/lib/stylesheets/utility/_dependencies.scss +5 -0
- data/lib/stylesheets/utility/abstractions/README.txt +1 -0
- data/lib/stylesheets/utility/variables/README.txt +1 -0
- data/lib/stylesheets/utility/variables/_breakpoints.scss +5 -0
- data/lib/stylesheets/utility/variables/_colors.scss +144 -0
- data/lib/stylesheets/utility/variables/_forms.scss +0 -0
- data/lib/stylesheets/utility/variables/_globals.scss +31 -0
- data/lib/stylesheets/utility/variables/_grid.scss +12 -0
- data/lib/stylesheets/utility/variables/_legacy.scss +4 -0
- data/lib/stylesheets/utility/variables/_typography.scss +21 -0
- data/lib/stylesheets/ux/.DS_Store +0 -0
- data/lib/stylesheets/ux/_lists.scss +28 -0
- data/lib/stylesheets/ux/_ux-buttons.scss +156 -0
- data/lib/stylesheets/ux/_ux-tooltips.scss +8 -0
- data/lib/stylesheets/ux/_ux-utils.scss +67 -0
- data/lib/stylesheets/ux/ux-dropdown.scss +71 -0
- data/lib/uxunity/version.rb +1 -1
- data/uxunity-0.1.0.gem +0 -0
- data/uxunity.gemspec +1 -0
- metadata +74 -1
@@ -0,0 +1,106 @@
|
|
1
|
+
// Include the variables.
|
2
|
+
@import "../../../partials/utility/variables/*";
|
3
|
+
|
4
|
+
// Desktops/laptops in a normal window size
|
5
|
+
// @media only screen and (min-width: 868px) and (max-width: 1389px) { // DONT USE THIS QUERY - SIZE IS NOW FIXED Left here for ref
|
6
|
+
|
7
|
+
.right-bar-wrapper {
|
8
|
+
float: right;
|
9
|
+
height: 1px;
|
10
|
+
position: fixed;
|
11
|
+
top: 180px;
|
12
|
+
width: 100%;
|
13
|
+
z-index: 800;
|
14
|
+
}
|
15
|
+
.right-bar {
|
16
|
+
color: white;
|
17
|
+
transition: all 0.2s linear;
|
18
|
+
background: linear-gradient(to right, #0095d3 0%, #007fb4 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
|
19
|
+
border-radius: 4px 0 0 4px;
|
20
|
+
box-shadow: 0 5px 15px #000;
|
21
|
+
color: #fff;
|
22
|
+
cursor: pointer;
|
23
|
+
float: right;
|
24
|
+
height: 90px;
|
25
|
+
padding: 8px 10px;
|
26
|
+
opacity: 0.3;
|
27
|
+
}
|
28
|
+
|
29
|
+
.l-region--sidebar-second {
|
30
|
+
display: inline-block;
|
31
|
+
padding: 0 0 1ex 1ex;
|
32
|
+
position: fixed;
|
33
|
+
right: 0px;
|
34
|
+
background: rgba(255,255,255, 0.9);
|
35
|
+
color: #333;
|
36
|
+
border: #bbb solid thin;
|
37
|
+
top: 140px;
|
38
|
+
overflow-x: hidden;
|
39
|
+
overflow-y: scroll;
|
40
|
+
z-index: 150;
|
41
|
+
}
|
42
|
+
.l-region--sidebar-second h2{
|
43
|
+
-webkit-transition: all .7s;
|
44
|
+
-mos-transition: all .7s;
|
45
|
+
-ms-transition: all .7s;
|
46
|
+
-o-transition: all .7s;
|
47
|
+
transition: all .7s;
|
48
|
+
}
|
49
|
+
|
50
|
+
|
51
|
+
|
52
|
+
|
53
|
+
|
54
|
+
.l-region--sidebar-first {
|
55
|
+
max-width: 205px;
|
56
|
+
min-width: 160px;
|
57
|
+
width: 18%;
|
58
|
+
vertical-align: top;
|
59
|
+
float: left;
|
60
|
+
margin-right: 1%;
|
61
|
+
overflow: hidden;
|
62
|
+
white-space: nowrap;
|
63
|
+
margin-bottom: 1.5em;
|
64
|
+
display: inline-block;
|
65
|
+
}
|
66
|
+
.l-region--sidebar-first .block{
|
67
|
+
margin-bottom: 2.2em;
|
68
|
+
}
|
69
|
+
|
70
|
+
|
71
|
+
|
72
|
+
@media only screen and (max-width: $width-mid) {
|
73
|
+
|
74
|
+
.l-region--sidebar-first {
|
75
|
+
float: none;
|
76
|
+
display: block;
|
77
|
+
position: absolute;
|
78
|
+
left: -166px;
|
79
|
+
top: 130px;
|
80
|
+
-webkit-transition: all 1s;
|
81
|
+
transition: all 1s;
|
82
|
+
border: rgba(22,222,22,.5) solid 6px;
|
83
|
+
padding: 0;
|
84
|
+
margin: 0;
|
85
|
+
box-shadow: 0.4em 0.0em;
|
86
|
+
color: rgba(243, 243, 243, 0.8);
|
87
|
+
width: 6px;
|
88
|
+
max-width: 6px;
|
89
|
+
cursor: pointer;
|
90
|
+
z-index: 111;
|
91
|
+
background-color: white;
|
92
|
+
}
|
93
|
+
|
94
|
+
|
95
|
+
.l-region--sidebar-first:hover,
|
96
|
+
.l-region--sidebar-first:focus {
|
97
|
+
left: 5px;
|
98
|
+
border: rgba(222,222,222,.5) thin solid;
|
99
|
+
padding: .8em;
|
100
|
+
margin: .8em .8em .8em 0;
|
101
|
+
box-shadow: 0.4em 0.4em;
|
102
|
+
color: rgba(242,242,242, .8);
|
103
|
+
width: 205px;
|
104
|
+
}
|
105
|
+
|
106
|
+
}
|
@@ -0,0 +1,104 @@
|
|
1
|
+
// Include the variables.
|
2
|
+
@import "../../../partials/utility/variables/*";
|
3
|
+
|
4
|
+
/* **** Search Box **** */
|
5
|
+
|
6
|
+
#block-search-form {
|
7
|
+
display: inline;
|
8
|
+
position: relative;
|
9
|
+
height: 25px;
|
10
|
+
float: right;
|
11
|
+
top: 12px;
|
12
|
+
width: 200px;
|
13
|
+
margin: 0;
|
14
|
+
padding: 0;
|
15
|
+
vertical-align: middle;
|
16
|
+
}
|
17
|
+
|
18
|
+
.block--search-form {
|
19
|
+
padding: 0 0 0 1.4em;
|
20
|
+
box-shadow: inset 1px 1px 2px #ccc;
|
21
|
+
line-height: 28px;
|
22
|
+
width: 233px;
|
23
|
+
height: auto;
|
24
|
+
background: $color-body-bg;
|
25
|
+
border: #ccc solid 1px;
|
26
|
+
-webket-border-radius: 3px;
|
27
|
+
-moz-border-radius: 3px;
|
28
|
+
-ms-border-radius: 3px;
|
29
|
+
-o-border-radius: 3px;
|
30
|
+
border-radius: 3px;
|
31
|
+
}
|
32
|
+
.block--search-form div {
|
33
|
+
display: inline;
|
34
|
+
}
|
35
|
+
|
36
|
+
.block--search-form div.container-inline {
|
37
|
+
position: relative;
|
38
|
+
top: 0px;
|
39
|
+
}
|
40
|
+
.block--search-form div.container-inline #edit-actions--2,
|
41
|
+
.block--search-form div.container-inline #edit-actions {
|
42
|
+
position: absolute;
|
43
|
+
top: -4px;
|
44
|
+
right: 40px;
|
45
|
+
width: 16px;
|
46
|
+
height: auto;
|
47
|
+
}
|
48
|
+
.form-item-search-select {
|
49
|
+
border: none;
|
50
|
+
font-size: 12px;
|
51
|
+
font-weight: 100;
|
52
|
+
border-radius: 0;
|
53
|
+
color: #999;
|
54
|
+
}
|
55
|
+
|
56
|
+
.form-item-search-select select {
|
57
|
+
border: none;
|
58
|
+
font-weight: 100;
|
59
|
+
border-radius: 0;
|
60
|
+
-webkit-appearance: none;
|
61
|
+
-khtml-appearance: none;
|
62
|
+
-moz-appearance: window;
|
63
|
+
-ms-appearance: none;
|
64
|
+
-o-appearance: none;
|
65
|
+
appearance: none;
|
66
|
+
color: #999;
|
67
|
+
padding: 0 3px 0 1px;
|
68
|
+
z-index: 2;
|
69
|
+
}
|
70
|
+
|
71
|
+
|
72
|
+
#edit-search-block-form--2 {
|
73
|
+
font-size: 1em;
|
74
|
+
font-weight: 100;
|
75
|
+
color: #999;
|
76
|
+
padding: 0 1em 0 0;
|
77
|
+
}
|
78
|
+
|
79
|
+
/* Search Box -- style search form and area */
|
80
|
+
#search-block-form #edit-submit-IGNORE,
|
81
|
+
#search-block-form #edit-submit--3-IGNORE {
|
82
|
+
display: inline-block;
|
83
|
+
position: relative;
|
84
|
+
top: 7px;
|
85
|
+
left: 12px;
|
86
|
+
}
|
87
|
+
#edit-search-block-form--2 {
|
88
|
+
border: none;
|
89
|
+
}
|
90
|
+
|
91
|
+
|
92
|
+
@-moz-document url-prefix() {
|
93
|
+
.block--search-form div.container-inline {
|
94
|
+
top: 0;
|
95
|
+
}
|
96
|
+
|
97
|
+
#search-block-form-IGNORE #edit-submit,
|
98
|
+
#search-block-form-IGNORE #edit-submit--2 {
|
99
|
+
display: inline-block;
|
100
|
+
position: absolute;
|
101
|
+
top: -3px;
|
102
|
+
left: 300px;
|
103
|
+
}
|
104
|
+
}
|
@@ -0,0 +1,90 @@
|
|
1
|
+
$spinner-duration: 4s;
|
2
|
+
$spinner-size: 1.4em;
|
3
|
+
$spinner-thickness: 10%;
|
4
|
+
|
5
|
+
@function spinner-tip($color) {
|
6
|
+
@return prefixed-radial-gradients(circle, closest-side, center (100%-$spinner-thickness/2), $color 100%, transparent 101%);
|
7
|
+
}
|
8
|
+
@mixin spinner-line($color) {
|
9
|
+
$inner-radius: 100% - 2*$spinner-thickness;
|
10
|
+
$index: 1;
|
11
|
+
$spinner-tip: spinner-tip($color);
|
12
|
+
@each $gradient in prefixed-radial-gradients(circle, closest-side, center, transparent $inner-radius, $color $inner-radius) {
|
13
|
+
background: $gradient border-box content-box, nth($spinner-tip, $index) border-box;
|
14
|
+
$index: $index + 1;
|
15
|
+
}
|
16
|
+
}
|
17
|
+
|
18
|
+
/* Timing function */
|
19
|
+
/* We just do a perfectly symmetric ease-in-out, based on one parameter */
|
20
|
+
$spinner-ease: 0.6;
|
21
|
+
$spinner-bezier: $spinner-ease, 0, 1-$spinner-ease, 1;
|
22
|
+
$spinner-bezier-first-half: $spinner-ease, 0, (1+$spinner-ease)/2, 0.5;
|
23
|
+
$spinner-bezier-second-half: (1-$spinner-ease)/2, 0.5, 1-$spinner-ease, 1;
|
24
|
+
|
25
|
+
.clr-spinner {
|
26
|
+
display: inline-block;
|
27
|
+
vertical-align: top;
|
28
|
+
position: relative;
|
29
|
+
box-sizing: border-box;
|
30
|
+
width: $spinner-size;
|
31
|
+
height: $spinner-size;
|
32
|
+
border-left: ($spinner-size/2) solid transparent;
|
33
|
+
overflow: hidden;
|
34
|
+
@each $gradient in spinner-tip($color-spinner-tip) {
|
35
|
+
background: $gradient border-box;
|
36
|
+
}
|
37
|
+
-webkit-transform-origin: center;
|
38
|
+
transform-origin: center;
|
39
|
+
@include animation(outer-spin $spinner-duration infinite);
|
40
|
+
|
41
|
+
&::before {
|
42
|
+
content: "";
|
43
|
+
position: absolute;
|
44
|
+
left: -100%;
|
45
|
+
height: 100%;
|
46
|
+
width: 200%;
|
47
|
+
padding-right: 100%;
|
48
|
+
box-sizing: border-box;
|
49
|
+
border-radius: 50%;
|
50
|
+
@include spinner-line($color-spinner-tip);
|
51
|
+
-webkit-transform-origin: center;
|
52
|
+
transform-origin: center;
|
53
|
+
@include animation(inner-spin $spinner-duration infinite);
|
54
|
+
}
|
55
|
+
|
56
|
+
&.clr-inverted {
|
57
|
+
@each $gradient in spinner-tip($color-button-text-inverted) {
|
58
|
+
background: $gradient border-box;
|
59
|
+
}
|
60
|
+
|
61
|
+
&::before {
|
62
|
+
@include spinner-line($color-button-text-inverted);
|
63
|
+
}
|
64
|
+
}
|
65
|
+
}
|
66
|
+
|
67
|
+
@include keyframes(outer-spin) {
|
68
|
+
0% {
|
69
|
+
@include animation-timing-function(cubic-bezier($spinner-bezier));
|
70
|
+
@include transform(rotate(0deg));
|
71
|
+
}
|
72
|
+
50% {
|
73
|
+
@include animation-timing-function(cubic-bezier($spinner-bezier));
|
74
|
+
@include transform(rotate(540deg));
|
75
|
+
}
|
76
|
+
100% {
|
77
|
+
@include transform(rotate(1080deg));
|
78
|
+
}
|
79
|
+
}
|
80
|
+
|
81
|
+
@include keyframes(inner-spin) {
|
82
|
+
0%, 50%, 100% {
|
83
|
+
@include animation-timing-function(cubic-bezier($spinner-bezier-first-half));
|
84
|
+
@include transform(rotate(0deg));
|
85
|
+
}
|
86
|
+
25%, 75% {
|
87
|
+
@include animation-timing-function(cubic-bezier($spinner-bezier-second-half));
|
88
|
+
@include transform(rotate(-165deg));
|
89
|
+
}
|
90
|
+
}
|
@@ -0,0 +1,97 @@
|
|
1
|
+
// Include the variables.
|
2
|
+
@import "../../../partials/utility/variables/*";
|
3
|
+
|
4
|
+
|
5
|
+
|
6
|
+
/* Special Tree Navigation ------------------------------ */
|
7
|
+
/* CSS Tree menu styles */
|
8
|
+
ol.tree {
|
9
|
+
padding: 0 0 0 0px;
|
10
|
+
width: 250px;
|
11
|
+
height: 100%;
|
12
|
+
margin-left: 2px !important;
|
13
|
+
}
|
14
|
+
|
15
|
+
|
16
|
+
ol.tree img { border: none; }
|
17
|
+
|
18
|
+
ol.tree p {
|
19
|
+
margin: 0 0 1em 0;
|
20
|
+
}
|
21
|
+
|
22
|
+
.tree li {
|
23
|
+
position: relative;
|
24
|
+
margin-left: -15px;
|
25
|
+
list-style: none;
|
26
|
+
}
|
27
|
+
|
28
|
+
.tree li.tree-nav-is-leaf,
|
29
|
+
.tree li.file {
|
30
|
+
margin-left: -1px !important;
|
31
|
+
}
|
32
|
+
.tree-nav-is-leaf a,
|
33
|
+
.tree li.file a {
|
34
|
+
/*background: url(images/document.png) 0 0 no-repeat;*/
|
35
|
+
color: #333;
|
36
|
+
/*padding-left: 21px;*/
|
37
|
+
text-decoration: none;
|
38
|
+
display: block;
|
39
|
+
}
|
40
|
+
|
41
|
+
.tree-nav-is-leaf:selected,
|
42
|
+
.tree li.file a:selected {
|
43
|
+
/*background: url(images/document.png) 0 0 no-repeat;*/
|
44
|
+
background-color: #edd;
|
45
|
+
}
|
46
|
+
|
47
|
+
/*li.file a[href *= '.pdf'] { background: url(images/document.png) 0 0 no-repeat; }
|
48
|
+
li.file a[href *= '.html'] { background: url(images/document.png) 0 0 no-repeat; }
|
49
|
+
li.file a[href $= '.css'] { background: url(images/document.png) 0 0 no-repeat; }
|
50
|
+
li.file a[href $= '.js'] { background: url(images/document.png) 0 0 no-repeat; }*/
|
51
|
+
|
52
|
+
li input {
|
53
|
+
position: absolute;
|
54
|
+
left: -20px;
|
55
|
+
margin-left: 0;
|
56
|
+
opacity: 0;
|
57
|
+
z-index: 2;
|
58
|
+
cursor: pointer;
|
59
|
+
height: 1em;
|
60
|
+
width: 1em;
|
61
|
+
top: 7px; /*MOVES THE HOT SPOT OF THE CHECKMARK*/
|
62
|
+
}
|
63
|
+
.tree .tree-nav-is-leaf:hover{
|
64
|
+
background: #03F;
|
65
|
+
}
|
66
|
+
.tree li input + ol {
|
67
|
+
background: url(../images/tree-images/toggle-small-expand.png) 0px 0 no-repeat;
|
68
|
+
margin: -13px 0 0 -4px; /* 15px */
|
69
|
+
height: 1em;
|
70
|
+
}
|
71
|
+
|
72
|
+
.tree li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
|
73
|
+
|
74
|
+
.tree li label {
|
75
|
+
/*background: url(images/folder-horizontal.png) 15px 1px no-repeat;*/
|
76
|
+
cursor: pointer;
|
77
|
+
display: block;
|
78
|
+
text-indent: 1em;
|
79
|
+
/* padding-left: 15px; */
|
80
|
+
padding-top: 5px;
|
81
|
+
width: 180px;
|
82
|
+
}
|
83
|
+
|
84
|
+
.tree li input:checked + ol {
|
85
|
+
background: url(../images/tree-images/toggle-small.png) 0px 5px no-repeat;
|
86
|
+
margin: -1.25em 0 0 -4px; /* 20px */
|
87
|
+
padding: 1.563em 0 0 18px;
|
88
|
+
height: auto;
|
89
|
+
}
|
90
|
+
|
91
|
+
.tree li input:checked + ol > li {
|
92
|
+
display: block;
|
93
|
+
margin: 0 0 0.125em; /* 2px */
|
94
|
+
}
|
95
|
+
.tree li input:checked + ol > li:last-child {
|
96
|
+
margin: 0 0 0.063em; /* 1px */
|
97
|
+
}
|
@@ -0,0 +1,154 @@
|
|
1
|
+
// Include the variables.
|
2
|
+
@import "../../../partials/utility/variables/*";
|
3
|
+
|
4
|
+
/*
|
5
|
+
.treeview,
|
6
|
+
.treeview ul {
|
7
|
+
padding: 0 0 0 5px;
|
8
|
+
margin: 0 0 0 0 !important;
|
9
|
+
list-style: none;
|
10
|
+
background-color: #fff;
|
11
|
+
color: #666;
|
12
|
+
}
|
13
|
+
#tree {
|
14
|
+
margin-left: 1.2em;
|
15
|
+
padding-bottom: 2em;
|
16
|
+
}
|
17
|
+
.treeview ul li a {
|
18
|
+
color: #666;
|
19
|
+
}
|
20
|
+
|
21
|
+
.treeview .hitarea {
|
22
|
+
background: url(images/treeview-default.gif) -64px -25px no-repeat;
|
23
|
+
height: 16px;
|
24
|
+
width: 250px; // was 16px; RGS to make whole title do the collapse/expand Jun 2012
|
25
|
+
margin-left: -16px;
|
26
|
+
margin-top: 2px;
|
27
|
+
float: left;
|
28
|
+
position: absolute;
|
29
|
+
cursor: pointer;
|
30
|
+
z-index: 10;
|
31
|
+
}
|
32
|
+
// fix for IE6
|
33
|
+
* html .hitarea {
|
34
|
+
display: inline;
|
35
|
+
float:none;
|
36
|
+
}
|
37
|
+
|
38
|
+
.treeview li {
|
39
|
+
margin: 0;
|
40
|
+
padding: 0px 0pt 0px 0px;
|
41
|
+
}
|
42
|
+
|
43
|
+
.treeview a {
|
44
|
+
overflow: hidden;
|
45
|
+
white-space: nowrap;
|
46
|
+
text-decoration: none;
|
47
|
+
line-height: 1em;
|
48
|
+
|
49
|
+
z-index: -1;
|
50
|
+
color: #666;
|
51
|
+
}
|
52
|
+
.treeview a.selected {
|
53
|
+
background-color: #78acff;
|
54
|
+
color: blue;
|
55
|
+
}
|
56
|
+
|
57
|
+
.treeview a:visited,
|
58
|
+
.treeview a:link {
|
59
|
+
color: blue;
|
60
|
+
}
|
61
|
+
.treeview a.hover {
|
62
|
+
background-color: #78acd9;
|
63
|
+
text-decoration: none;
|
64
|
+
overflow: hidden;
|
65
|
+
color: #333;
|
66
|
+
cursor: pointer;
|
67
|
+
z-index: -1;
|
68
|
+
}
|
69
|
+
|
70
|
+
|
71
|
+
#treecontrol { margin: 1em 0.50; display: none; }
|
72
|
+
|
73
|
+
// .treeview .hover { color: red; background-color: #8fc3f0; cursor: pointer; }
|
74
|
+
|
75
|
+
.treeview li { // background: url(images/treeview-default-line.gif) 0 0 no-repeat; }
|
76
|
+
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
|
77
|
+
.treeview .hitarea.tree-nav-is-leaf-hitarea {
|
78
|
+
background-position: 0;
|
79
|
+
}
|
80
|
+
.treeview .expandable-hitarea { background-position: -80px -3px; }
|
81
|
+
|
82
|
+
.treeview li.last { background-position: 0 -1766px }
|
83
|
+
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default.gif) no-repeat; }
|
84
|
+
.treeview li.lastCollapsable { background-position: -64px -25px; }
|
85
|
+
.treeview li.lastExpandable { background-position: -80px -3px; }
|
86
|
+
|
87
|
+
.treeview div.lastCollapsable-hitarea {
|
88
|
+
background-position: -64px -25px;
|
89
|
+
}
|
90
|
+
.treeview div.lastExpandable-hitarea {
|
91
|
+
background-position: -80px -3px;
|
92
|
+
}
|
93
|
+
|
94
|
+
.treeview-red li { background-image: url(images/treeview-red-line.gif); }
|
95
|
+
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(images/treeview-red.gif); }
|
96
|
+
|
97
|
+
.treeview-black li { background-image: url(images/treeview-black-line.gif); }
|
98
|
+
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }
|
99
|
+
|
100
|
+
.treeview-gray li { background-image: url(images/treeview-gray-line.gif); }
|
101
|
+
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview-gray.gif); }
|
102
|
+
|
103
|
+
.treeview-famfamfam li { background-image: url(images/treeview-famfamfam-line.gif); }
|
104
|
+
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview-famfamfam.gif); }
|
105
|
+
|
106
|
+
.treeview .placeholder {
|
107
|
+
background: url(images/ajax-loader.gif) 0 0 no-repeat;
|
108
|
+
height: 16px;
|
109
|
+
width: 16px;
|
110
|
+
display: block;
|
111
|
+
}
|
112
|
+
|
113
|
+
.filetree li { padding: 3px 0 2px 6px; }
|
114
|
+
.filetree span.folder, .filetree span.file { padding: 0px 0 0px 16px; display: block; }
|
115
|
+
.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }
|
116
|
+
.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
|
117
|
+
.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }
|
118
|
+
|
119
|
+
#tocSearch {
|
120
|
+
background: #F6F9FB url(../images/search-icon.png) 3px 3px no-repeat;
|
121
|
+
text-indent: 1.6em;
|
122
|
+
max-width: 170px;
|
123
|
+
width: 170px;
|
124
|
+
margin: .6em 0 0.4em 0;;
|
125
|
+
border: 1px solid #aaa;
|
126
|
+
-moz-border-radius: 4px;
|
127
|
+
-moz-outline-radius: 4px;
|
128
|
+
-webkit-border-radius: 4px;
|
129
|
+
border-radius: 4px;
|
130
|
+
outline-width: 0;
|
131
|
+
}
|
132
|
+
#tocSearchSubmit {
|
133
|
+
display: none;
|
134
|
+
cursor: pointer;
|
135
|
+
vertical-align: text-bottom;
|
136
|
+
border-top: #999 solid 1px;
|
137
|
+
height: 13px;
|
138
|
+
border: 1px solid #aaa;
|
139
|
+
-moz-border-radius: 7px;
|
140
|
+
-moz-outline-radius:7px;
|
141
|
+
-webkit-border-radius: 7px;
|
142
|
+
border-radius: 7px;
|
143
|
+
}
|
144
|
+
.highlight {
|
145
|
+
color: blue !important;
|
146
|
+
text-decoration: none !important;
|
147
|
+
text-weight: bold;
|
148
|
+
background-color: $color-highlight;
|
149
|
+
margin-left: -0.3em;
|
150
|
+
padding-left: 0.3em;
|
151
|
+
}
|
152
|
+
|
153
|
+
|
154
|
+
*/
|