Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Merge pull request #41 from Silverstriper/cms-ui

MINOR: #css Cms ui - Pages - JS Tree Styling
  • Loading branch information...
commit df6b25f3e6b9f42a3b47772e281fb1a4bcda2760 2 parents cd1a4a2 + 741f336
Will Rossiter wilr authored
446 admin/css/screen.css
... ... @@ -1,21 +1,31 @@
1 1 /** This file is the central collection of included modules, links to custom SCSS files, and any global SCSS variable definitions. DO NOT ADD stylesheet rules to this file directly! Note: By prefixing files with an underscore, they won't create individual CSS files. */
2 2 /** ----------------------------- Core Compass Libraries ------------------------------ */
3   -html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
  3 +/* line 17, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  4 +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
4 5
5   -body { line-height: 1; color: black; background: white; }
  6 +/* line 20, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  7 +body { line-height: 1; }
6 8
  9 +/* line 22, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
7 10 ol, ul { list-style: none; }
8 11
9   -table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }
  12 +/* line 24, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  13 +table { border-collapse: collapse; border-spacing: 0; }
10 14
  15 +/* line 26, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
11 16 caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
12 17
13   -q, blockquote { quotes: "" ""; }
14   -q:before, q:after, blockquote:before, blockquote:after { content: ""; }
  18 +/* line 28, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  19 +q, blockquote { quotes: none; }
  20 +/* line 101, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  21 +q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
15 22
  23 +/* line 30, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
16 24 a img { border: none; }
17 25
18   -@charset "UTF-8";
  26 +/* line 115, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  27 +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
  28 +
19 29 /** ----------------------------- Theme ------------------------------ */
20 30 /** This file contains the default theme definitions for the admin interface. @package sapphire @subpackage admin */
21 31 /** ----------------------------------------------- Colours ------------------------------------------------ */
@@ -23,276 +33,640 @@ a img { border: none; }
23 33 /** ----------------------------------------------- Application Logo (CMS Logo) ------------------------------------------------ */
24 34 /** ----------------------------- CMS Components ------------------------------ */
25 35 /** This file defines the jstree base styling (see http://jstree.com), as well as any customizations (see bottom of file). The styles are usually added through jstree.js on DOM load, but we need it earlier in order to correctly display the uninitialized tree. */
  36 +/* line 10, ../scss/_tree.scss */
26 37 .jstree ul { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; }
  38 +/* line 16, ../scss/_tree.scss */
27 39 .jstree li { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; }
28   -.jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; }
  40 +/* line 28, ../scss/_tree.scss */
  41 +.jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; float: left; }
  42 +/* line 37, ../scss/_tree.scss */
29 43 .jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; }
  44 +/* line 46, ../scss/_tree.scss */
30 45 .jstree a:focus { outline: none; }
  46 +/* line 50, ../scss/_tree.scss */
31 47 .jstree a > ins { height: 16px; width: 16px; }
  48 +/* line 54, ../scss/_tree.scss */
32 49 .jstree a > .jstree-icon { margin-right: 3px; }
  50 +/* line 62, ../scss/_tree.scss */
33 51 .jstree li.jstree-open > ul { display: block; }
  52 +/* line 65, ../scss/_tree.scss */
34 53 .jstree li.jstree-closed > ul { display: none; }
  54 +/* line 70, ../scss/_tree.scss */
35 55 .jstree li.disabled a { color: #aaaaaa; }
36 56
  57 +/* line 77, ../scss/_tree.scss */
37 58 .jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; }
  59 +/* line 81, ../scss/_tree.scss */
38 60 .jstree-rtl li { margin-left: 0; margin-right: 18px; }
39 61
  62 +/* line 88, ../scss/_tree.scss */
40 63 .jstree-rtl > ul > li { margin-right: 0px; }
41 64
  65 +/* line 92, ../scss/_tree.scss */
42 66 .jstree > ul > li { margin-left: 0px; }
43 67
  68 +/* line 96, ../scss/_tree.scss */
44 69 #vakata-dragged { display: block; margin: 0 0 0 0; padding: 4px 4px 4px 24px; position: absolute; top: -2000px; line-height: 16px; z-index: 10000; }
45 70
  71 +/* line 105, ../scss/_tree.scss */
46 72 #vakata-contextmenu { display: block; visibility: hidden; left: 0; top: -200px; position: absolute; margin: 0; padding: 0; min-width: 180px; background: #ebebeb; border: 1px solid silver; z-index: 10000; *width: 180px; }
47 73
  74 +/* line 118, ../scss/_tree.scss */
48 75 #vakata-contextmenu ul { min-width: 180px; *width: 180px; }
49 76
  77 +/* line 121, ../scss/_tree.scss */
50 78 #vakata-contextmenu ul, #vakata-contextmenu li { margin: 0; padding: 0; list-style-type: none; display: block; }
51 79
  80 +/* line 127, ../scss/_tree.scss */
52 81 #vakata-contextmenu li { line-height: 20px; min-height: 20px; position: relative; padding: 0px; }
53 82
  83 +/* line 133, ../scss/_tree.scss */
54 84 #vakata-contextmenu li a { padding: 1px 6px; line-height: 17px; display: block; text-decoration: none; margin: 1px 1px 0 1px; }
55 85
  86 +/* line 140, ../scss/_tree.scss */
56 87 #vakata-contextmenu li ins { float: left; width: 16px; height: 16px; text-decoration: none; margin-right: 2px; }
57 88
  89 +/* line 147, ../scss/_tree.scss */
58 90 #vakata-contextmenu li a:hover, #vakata-contextmenu li.vakata-hover > a { background: gray; color: white; }
59 91
  92 +/* line 151, ../scss/_tree.scss */
60 93 #vakata-contextmenu li ul { display: none; position: absolute; top: -2px; left: 100%; background: #ebebeb; border: 1px solid gray; }
61 94
  95 +/* line 159, ../scss/_tree.scss */
62 96 #vakata-contextmenu .right { right: 100%; left: auto; }
63 97
  98 +/* line 163, ../scss/_tree.scss */
64 99 #vakata-contextmenu .bottom { bottom: -1px; top: auto; }
65 100
  101 +/* line 167, ../scss/_tree.scss */
66 102 #vakata-contextmenu li.vakata-separator { min-height: 0; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; margin: 0 2px; background: silver; /* border-top:1px solid #fefefe; */ padding: 0; }
67 103
  104 +/* line 177, ../scss/_tree.scss */
68 105 .jstree ul, .jstree li { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; }
69 106
  107 +/* line 183, ../scss/_tree.scss */
70 108 .jstree li { display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; }
71 109
  110 +/* line 191, ../scss/_tree.scss */
72 111 .jstree-rtl li { margin-left: 0; margin-right: 18px; }
73 112
  113 +/* line 195, ../scss/_tree.scss */
74 114 .jstree > ul > li { margin-left: 0px; }
75 115
  116 +/* line 198, ../scss/_tree.scss */
76 117 .jstree-rtl > ul > li { margin-right: 0px; }
77 118
  119 +/* line 201, ../scss/_tree.scss */
78 120 .jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; }
79 121
  122 +/* line 209, ../scss/_tree.scss */
80 123 .jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; }
81 124
  125 +/* line 219, ../scss/_tree.scss */
82 126 .jstree a:focus { outline: none; }
83 127
  128 +/* line 222, ../scss/_tree.scss */
84 129 .jstree a > ins { height: 16px; width: 16px; }
85 130
  131 +/* line 226, ../scss/_tree.scss */
86 132 .jstree a > .jstree-icon { margin-right: 3px; }
87 133
  134 +/* line 229, ../scss/_tree.scss */
88 135 .jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; }
89 136
  137 +/* line 233, ../scss/_tree.scss */
90 138 li.jstree-open > ul { display: block; }
91 139
  140 +/* line 236, ../scss/_tree.scss */
92 141 li.jstree-closed > ul { display: none; }
93 142
  143 +/* line 239, ../scss/_tree.scss */
94 144 #vakata-dragged ins { display: block; text-decoration: none; width: 16px; height: 16px; margin: 0 0 0 0; padding: 0; position: absolute; top: 4px; left: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
95 145
  146 +/* line 253, ../scss/_tree.scss */
96 147 #vakata-dragged .jstree-ok { background: green; }
97 148
  149 +/* line 256, ../scss/_tree.scss */
98 150 #vakata-dragged .jstree-invalid { background: red; }
99 151
  152 +/* line 259, ../scss/_tree.scss */
100 153 #jstree-marker { padding: 0; margin: 0; font-size: 12px; overflow: hidden; height: 12px; width: 8px; position: absolute; top: -30px; z-index: 10001; background-repeat: no-repeat; display: none; background-color: transparent; text-shadow: 1px 1px 1px white; color: black; line-height: 10px; }
101 154
  155 +/* line 276, ../scss/_tree.scss */
102 156 #jstree-marker-line { padding: 0; margin: 0; line-height: 0%; font-size: 1px; overflow: hidden; height: 1px; width: 100px; position: absolute; top: -30px; z-index: 10000; background-repeat: no-repeat; display: none; background-color: #456c43; cursor: pointer; border: 1px solid #eeeeee; border-left: 0; -moz-box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px 0px 2px #666; box-shadow: 0px 0px 2px #666; -moz-border-radius: 1px; border-radius: 1px; -webkit-border-radius: 1px; }
103 157
  158 +/* line 300, ../scss/_tree.scss */
104 159 .jstree .jstree-real-checkbox { display: none; }
105 160
  161 +/* line 303, ../scss/_tree.scss */
106 162 .jstree-themeroller .ui-icon { overflow: visible; }
107 163
  164 +/* line 306, ../scss/_tree.scss */
108 165 .jstree-themeroller a { padding: 0 2px; }
109 166
  167 +/* line 309, ../scss/_tree.scss */
110 168 .jstree-themeroller .jstree-no-icon { display: none; }
111 169
  170 +/* line 312, ../scss/_tree.scss */
112 171 .jstree .jstree-wholerow-real { position: relative; z-index: 1; }
113 172
  173 +/* line 316, ../scss/_tree.scss */
114 174 .jstree .jstree-wholerow-real li { cursor: pointer; }
115 175
  176 +/* line 319, ../scss/_tree.scss */
116 177 .jstree .jstree-wholerow-real a { border-left-color: transparent !important; border-right-color: transparent !important; }
117 178
  179 +/* line 323, ../scss/_tree.scss */
118 180 .jstree .jstree-wholerow { position: relative; z-index: 0; height: 0; }
119 181
  182 +/* line 328, ../scss/_tree.scss */
120 183 .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li { width: 100%; }
121 184
  185 +/* line 331, ../scss/_tree.scss */
122 186 .jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li, .jstree .jstree-wholerow a { margin: 0 !important; padding: 0 !important; }
123 187
  188 +/* line 335, ../scss/_tree.scss */
124 189 .jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li { background: transparent !important; }
125 190
  191 +/* line 338, ../scss/_tree.scss */
126 192 .jstree .jstree-wholerow ins, .jstree .jstree-wholerow span, .jstree .jstree-wholerow input { display: none !important; }
127 193
  194 +/* line 341, ../scss/_tree.scss */
128 195 .jstree .jstree-wholerow a, .jstree .jstree-wholerow a:hover { text-indent: -9999px !important; width: 100%; padding: 0 !important; border-right-width: 0px !important; border-left-width: 0px !important; }
129 196
  197 +/* line 348, ../scss/_tree.scss */
130 198 .jstree .jstree-wholerow-span { position: absolute; left: 0; margin: 0px; padding: 0; height: 18px; border-width: 0; padding: 0; z-index: 0; }
131 199
  200 +/* line 361, ../scss/_tree.scss */
132 201 .cms .jstree-apple.jstree-focused { background: none; }
  202 +/* line 364, ../scss/_tree.scss */
133 203 .cms .jstree-apple > ul { background: none; }
134 204
  205 +/* line 369, ../scss/_tree.scss */
  206 +.jstree li { line-height: 25px; }
  207 +
  208 +/* line 373, ../scss/_tree.scss */
  209 +.cms-tree.jstree-apple { /* comment speech bubble - ccs3 only - source: http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */ }
  210 +/* line 376, ../scss/_tree.scss */
  211 +.cms-tree.jstree-apple li.Root strong { font-weight: bold; padding-left: 1px; }
  212 +/* line 381, ../scss/_tree.scss */
  213 +.cms-tree.jstree-apple li.Root > a .jstree-icon { background-position: -56px -36px; }
  214 +/* line 386, ../scss/_tree.scss */
  215 +.cms-tree.jstree-apple a, .cms-tree.jstree-apple a:link { color: #1556b2; padding: 3px 6px 3px 3px; border: none; display: inline-block; margin-right: 5px; }
  216 +/* line 394, ../scss/_tree.scss */
  217 +.cms-tree.jstree-apple a span.status:after, .cms-tree.jstree-apple a:link span.status:after { clear: both; text-transform: uppercase; display: inline-block; padding: 0px 3px; font-size: 0.75em; line-height: 1em; margin-left: 3px; margin-right: 6px; margin-top: -1px; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; }
  218 +/* line 408, ../scss/_tree.scss */
  219 +.cms-tree.jstree-apple span.modified:after { content: "draft"; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
  220 +/* line 415, ../scss/_tree.scss */
  221 +.cms-tree.jstree-apple span.new:after { content: "new"; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
  222 +/* line 422, ../scss/_tree.scss */
  223 +.cms-tree.jstree-apple span.private:after { content: "private"; color: #636363; border: 1px solid #E49393; background-color: #F2DADB; }
  224 +/* line 429, ../scss/_tree.scss */
  225 +.cms-tree.jstree-apple span.workflow-approval:after { content: "awaiting approval"; color: #56660C; border: 1px solid #7C8816; background-color: #DAE79A; }
  226 +/* line 437, ../scss/_tree.scss */
  227 +.cms-tree.jstree-apple span.comment-count { clear: both; position: relative; text-transform: uppercase; display: inline-block; overflow: visible; padding: 0px 3px; font-size: 0.75em; line-height: 1em; margin-left: 3px; margin-right: 6px; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
  228 +/* line 454, ../scss/_tree.scss */
  229 +.cms-tree.jstree-apple span.comment-count:before { content: ""; position: absolute; bottom: -4px; /* value = - border-top-width - border-bottom-width */ left: 3px; /* controls horizontal position */ border-width: 4px 4px 0; border-style: solid; border-color: #C9B800 transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; }
  230 +/* line 467, ../scss/_tree.scss */
  231 +.cms-tree.jstree-apple span.comment-count:after { content: ""; position: absolute; bottom: -3px; /* value = - border-top-width - border-bottom-width */ left: 4px; /* value = (:before left) + (:before border-left) - (:after border-left) */ border-width: 3px 3px 0; border-style: solid; border-color: #FFF0BC transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; }
  232 +/* line 480, ../scss/_tree.scss */
  233 +.cms-tree.jstree-apple .jstree-hovered { text-shadow: none; text-decoration: none; }
  234 +/* line 485, ../scss/_tree.scss */
  235 +.cms-tree.jstree-apple li { padding: 0px; clear: left; }
  236 +/* line 490, ../scss/_tree.scss */
  237 +.cms-tree.jstree-apple li, .cms-tree.jstree-apple ins { background-color: transparent; background-image: url(../images/sitetree_ss_default_icons.png); }
  238 +/* line 495, ../scss/_tree.scss */
  239 +.cms-tree.jstree-apple li.jstree-checked a, .cms-tree.jstree-apple li.jstree-checked a:link { background-color: #efe999; }
  240 +
  241 +/* line 500, ../scss/_tree.scss */
  242 +.jstree-apple #record-0.jstree-open > ins { display: none; }
  243 +
  244 +/* line 504, ../scss/_tree.scss */
  245 +a .jstree-pageicon { display: block; float: left; width: 16px; height: 16px; margin-right: 4px; background-color: transparent; background-image: url(../images/sitetree_ss_pageclass_icons_default.png); background-repeat: no-repeat; }
  246 +
  247 +/* line 515, ../scss/_tree.scss */
  248 +li.class-HomePage a .jstree-pageicon { background-position: 0 -48px; }
  249 +
  250 +/* line 519, ../scss/_tree.scss */
  251 +li.class-RedirectorPage a .jstree-pageicon { background-position: 0 -16px; }
  252 +
  253 +/* line 523, ../scss/_tree.scss */
  254 +li.class-VirtualPage a .jstree-pageicon { background-position: 0 -32px; }
  255 +
  256 +/* line 527, ../scss/_tree.scss */
  257 +li.class-ErrorPage a .jstree-pageicon { background-position: 0 -112px; }
  258 +
  259 +/* line 534, ../scss/_tree.scss */
  260 +.cms-tree-action-list { display: none; position: relative; }
  261 +/* line 538, ../scss/_tree.scss */
  262 +.cms-tree-action-list > a { display: block; position: relative; text-indent: -9999px; width: 15px; height: 15px; background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 4px -190px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 4px -190px, -webkit-linear-gradient(#338dc1, #287099); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 4px -190px, -moz-linear-gradient(#338dc1, #287099); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 4px -190px, -o-linear-gradient(#338dc1, #287099); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 4px -190px, linear-gradient(#338dc1, #287099); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; -o-border-radius: 4px / 4px; -ms-border-radius: 4px / 4px; -khtml-border-radius: 4px / 4px; border-radius: 4px / 4px; border: 1px #0071AF solid; }
  263 +/* line 551, ../scss/_tree.scss */
  264 +.cms-tree-action-list > a:hover { background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 4px -190px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #1e5270)); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 4px -190px, -webkit-linear-gradient(#338dc1, #1e5270); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 4px -190px, -moz-linear-gradient(#338dc1, #1e5270); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 4px -190px, -o-linear-gradient(#338dc1, #1e5270); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 4px -190px, linear-gradient(#338dc1, #1e5270); }
  265 +/* line 559, ../scss/_tree.scss */
  266 +.cms-tree-action-list.hidden { display: none; }
  267 +/* line 563, ../scss/_tree.scss */
  268 +.cms-tree-action-list.shown { display: inline; }
  269 +
  270 +/* line 571, ../scss/_tree.scss */
  271 +ul.cms-tree-action-list-batchactions { background-color: #f5f5f5; z-index: 999999; position: absolute; display: none; overflow: visible; top: -2px; left: 40px; padding: 5px; cursor: pointer; border: 1px solid #a4b5bf; text-shadow: 1px 1px 0 #fafafa; -moz-box-shadow: #92a5b2 0px 0px 4px; -webkit-box-shadow: #92a5b2 0px 0px 4px; -o-box-shadow: #92a5b2 0px 0px 4px; box-shadow: #92a5b2 0px 0px 4px; font-size: 0.9em; }
  272 +/* line 586, ../scss/_tree.scss */
  273 +ul.cms-tree-action-list-batchactions li, ul.cms-tree-action-list-batchactions li.jstree-checked { padding: 0; margin: 0; list-style: none; clear: both; background: none; }
  274 +/* line 593, ../scss/_tree.scss */
  275 +ul.cms-tree-action-list-batchactions li a, ul.cms-tree-action-list-batchactions li a:link, ul.cms-tree-action-list-batchactions li.jstree-checked a, ul.cms-tree-action-list-batchactions li.jstree-checked a:link { text-decoration: none; color: #1556b2; display: block; padding: .3em 5px .3em 5px; outline: none; background: none !important; }
  276 +/* line 602, ../scss/_tree.scss */
  277 +ul.cms-tree-action-list-batchactions li:hover, ul.cms-tree-action-list-batchactions li.jstree-checked:hover { background-color: #e6e6e6; }
  278 +/* line 609, ../scss/_tree.scss */
  279 +ul.cms-tree-action-list-batchactions li.delete a, ul.cms-tree-action-list-batchactions li.delete a:link { color: red; }
  280 +/* line 614, ../scss/_tree.scss */
  281 +ul.cms-tree-action-list-batchactions.shown { display: inline; }
  282 +
  283 +/* line 620, ../scss/_tree.scss */
  284 +ul.cms-tree-action-list-batchactions:before { content: ""; position: absolute; top: 4px; bottom: auto; /* value = - border-top-width - border-bottom-width */ left: -7px; /* controls horizontal position */ border-width: 6px 7px 6px 0; border-style: solid; border-color: transparent #a4b5bf; /* reduce the damage in FF3.0 */ display: block; width: 0; }
  285 +
  286 +/* creates the smaller triangle */
  287 +/* line 635, ../scss/_tree.scss */
  288 +ul.cms-tree-action-list-batchactions:after { content: ""; position: absolute; top: 5px; bottom: auto; /* value = - border-top-width - border-bottom-width */ left: -6px; /* value = (:before left) + (:before border-left) - (:after border-left) */ border-width: 5px 6px 5px 0; border-style: solid; border-color: transparent #fff; /* reduce the damage in FF3.0 */ display: block; width: 0; }
  289 +
135 290 /** Styles for the left hand side menu @package sapphire @subpackage admin */
136 291 /** ------------------------------------------------------- CMS Menu Bar -------------------------------------------------------- */
137   -@charset "UTF-8";
138   -.cms-menu { z-index: 10; background: #c6d7df; border-right: 1px solid #8c99a1; width: 250px; overflow: auto; -moz-box-shadow: rgba(107, 120, 123, 0.5) 2px 0 6px 0; -webkit-box-shadow: rgba(107, 120, 123, 0.5) 2px 0 6px 0; -o-box-shadow: rgba(107, 120, 123, 0.5) 2px 0 6px 0; box-shadow: rgba(107, 120, 123, 0.5) 2px 0 6px 0; }
  292 +/* line 12, ../scss/_menu.scss */
  293 +.cms-menu { z-index: 10; background: #c6d7df; border-right: 1px solid #8c99a1; width: 250px; overflow: auto; -moz-box-shadow: 2px 0 6px rgba(107, 120, 123, 0.5); -webkit-box-shadow: 2px 0 6px rgba(107, 120, 123, 0.5); -o-box-shadow: 2px 0 6px rgba(107, 120, 123, 0.5); box-shadow: 2px 0 6px rgba(107, 120, 123, 0.5); }
  294 +/* line 21, ../scss/_menu.scss */
139 295 .cms-menu a { text-decoration: none; }
140 296
141   -.cms-menu-list li a { display: block; height: 30px; line-height: 30px; vertical-align: middle; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: #bfcad2 1px 1px 0; color: #1f1f1f; padding: 5px; background-color: #b0bec7; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #b0bec7), color-stop(100%, #98aab6)); background-image: -moz-linear-gradient(top, #b0bec7 0%, #98aab6 100%); background-image: linear-gradient(top, #b0bec7 0%, #98aab6 100%); border-top: 1px solid #ced7dc; border-bottom: 1px solid #748d9d; }
142   -.cms-menu-list li a:hover { text-decoration: none; background-color: #b6c3cb; border-bottom: 1px solid #8399a7; color: #2c2c2c; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #bfcad2), color-stop(100%, #b0bec7)); background-image: -moz-linear-gradient(top, #bfcad2 0%, #b0bec7 100%); background-image: linear-gradient(top, #bfcad2 0%, #b0bec7 100%); }
143   -.cms-menu-list li a:focus { border-top: 1px solid #a1b2bc; text-decoration: none; background-color: #a1b2bc; color: #393939; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #92a5b2), color-stop(100%, #a1b2bc)); background-image: -moz-linear-gradient(top, #92a5b2 0%, #a1b2bc 100%); background-image: linear-gradient(top, #92a5b2 0%, #a1b2bc 100%); }
  297 +/* line 30, ../scss/_menu.scss */
  298 +.cms-menu-list li a { display: block; height: 30px; line-height: 30px; vertical-align: middle; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: #bfcad2 1px 1px 0; color: #1f1f1f; padding: 5px 5px 5px 12px; background-color: #b0bec7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #8ca1ae)); background-image: -webkit-linear-gradient(top, #b0bec7, #8ca1ae); background-image: -moz-linear-gradient(top, #b0bec7, #8ca1ae); background-image: -o-linear-gradient(top, #b0bec7, #8ca1ae); background-image: linear-gradient(top, #b0bec7, #8ca1ae); border-top: 1px solid #ced7dc; border-bottom: 1px solid #748d9d; }
  299 +/* line 52, ../scss/_menu.scss */
  300 +.cms-menu-list li a:hover { text-decoration: none; background-color: #b6c3cb; border-bottom: 1px solid #8399a7; color: #2c2c2c; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bfcad2), color-stop(100%, #b0bec7)); background-image: -webkit-linear-gradient(top, #bfcad2, #b0bec7); background-image: -moz-linear-gradient(top, #bfcad2, #b0bec7); background-image: -o-linear-gradient(top, #bfcad2, #b0bec7); background-image: linear-gradient(top, #bfcad2, #b0bec7); }
  301 +/* line 63, ../scss/_menu.scss */
  302 +.cms-menu-list li a:focus { border-top: 1px solid #a1b2bc; text-decoration: none; background-color: #a1b2bc; color: #393939; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92a5b2), color-stop(100%, #a1b2bc)); background-image: -webkit-linear-gradient(top, #92a5b2, #a1b2bc); background-image: -moz-linear-gradient(top, #92a5b2, #a1b2bc); background-image: -o-linear-gradient(top, #92a5b2, #a1b2bc); background-image: linear-gradient(top, #92a5b2, #a1b2bc); }
  303 +/* line 75, ../scss/_menu.scss */
144 304 .cms-menu-list li a .icon { display: block; float: left; margin-right: 4px; }
  305 +/* line 83, ../scss/_menu.scss */
145 306 .cms-menu-list li a .text { display: block; }
146   -.cms-menu-list li.current a { color: white; text-shadow: #1e5270 0 -1px 0; border-top: 1px solid #55a4d2; border-bottom: 1px solid #1e5270; background-color: #338dc1; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background-image: -moz-linear-gradient(top, #338dc1 0%, #287099 100%); background-image: linear-gradient(top, #338dc1 0%, #287099 100%); }
  307 +/* line 89, ../scss/_menu.scss */
  308 +.cms-menu-list li.current a { color: white; text-shadow: #1e5270 0 -1px 0; border-top: 1px solid #55a4d2; border-bottom: 1px solid #1e5270; background-color: #338dc1; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background-image: -webkit-linear-gradient(top, #338dc1, #287099); background-image: -moz-linear-gradient(top, #338dc1, #287099); background-image: -o-linear-gradient(top, #338dc1, #287099); background-image: linear-gradient(top, #338dc1, #287099); }
  309 +/* line 101, ../scss/_menu.scss */
147 310 .cms-menu-list li.current ul { border-top: 1px solid #1e5270; }
  311 +/* line 105, ../scss/_menu.scss */
148 312 .cms-menu-list li.current li { background-color: #287099; }
  313 +/* line 108, ../scss/_menu.scss */
149 314 .cms-menu-list li.current li a { font-size: 12px; padding: 0 10px 0 36px; height: 32px; line-height: 32px; color: #e2f0f7; background: none; border-top: 1px solid #338dc1; border-bottom: 1px solid #1e5270; }
  315 +/* line 119, ../scss/_menu.scss */
150 316 .cms-menu-list li.current li a.current, .cms-menu-list li.current li a:hover { background: #2e7ead; border-top: 1px solid #2e7ead; color: white; }
  317 +/* line 125, ../scss/_menu.scss */
151 318 .cms-menu-list li.current li a:focus { background: #236184; border-top: 1px solid #1e5270; color: white; }
  319 +/* line 133, ../scss/_menu.scss */
152 320 .cms-menu-list li.current li.current a { font-weight: bold; color: white; }
  321 +/* line 138, ../scss/_menu.scss */
153 322 .cms-menu-list li.current li.first a { border-top: none; }
154 323
155 324 /** This file defines common styles for form elements used throughout the CMS interface. It is an addition to the base styles defined in sapphire/css/Form.css. */
156   -.field { display: block; padding: 10px 0; border-bottom: 1px solid rgba(201, 205, 206, 0.8); overflow: hidden; }
157   -.field label.left { float: left; width: 170px; padding: 8px 20px 8px 4px; line-height: 16px; }
158   -.field .middleColumn { margin-left: 10em; }
  325 +/* line 6, ../scss/_forms.scss */
  326 +.field { display: block; padding: 10px 0; border-bottom-width: 2px; border-bottom: 2px groove rgba(255, 255, 255, 0.8); -webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; overflow: hidden; }
  327 +/* line 17, ../scss/_forms.scss */
  328 +.field label.left { float: left; width: 170px; font-weight: bold; padding: 8px 20px 8px 4px; line-height: 16px; }
  329 +/* line 26, ../scss/_forms.scss */
  330 +.field .middleColumn { margin-left: 15em; }
  331 +/* line 29, ../scss/_forms.scss */
159 332 .field .middleColumn .field { display: inline; padding: 0; border: none; }
  333 +/* line 35, ../scss/_forms.scss */
160 334 .field .middleColumn label { float: none; width: auto; }
161 335
  336 +/* line 43, ../scss/_forms.scss */
  337 +.htmleditor label { display: block; float: none; padding-bottom: 10px; }
  338 +/* line 49, ../scss/_forms.scss */
  339 +.htmleditor .middleColumn { margin-left: 0px; }
  340 +
  341 +/* line 56, ../scss/_forms.scss */
162 342 form.nostyle .field { display: inline; padding: 0; border: 0; }
  343 +/* line 62, ../scss/_forms.scss */
163 344 form.nostyle label { float: none; width: auto; }
  345 +/* line 67, ../scss/_forms.scss */
164 346 form.nostyle .middleColumn { margin-left: 0; }
165 347
  348 +/* line 73, ../scss/_forms.scss */
166 349 .field.nolabel .middleColumn { margin-left: 0; }
167 350
168   -input, textarea { -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -moz-linear-gradient(top, #efefef 0%, #ffffff 10%, #ffffff 90%, #efefef 100%); background-image: linear-gradient(top, #efefef 0%, #ffffff 10%, #ffffff 90%, #efefef 100%); border: 1px solid #b3b3b3; padding: 7px; }
  351 +/* line 78, ../scss/_forms.scss */
  352 +input, textarea { -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(top, #efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(top, #efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(top, #efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(top, #efefef, #ffffff 10%, #ffffff 90%, #efefef); border: 1px solid #b3b3b3; padding: 7px; }
169 353
  354 +/* line 93, ../scss/_forms.scss */
170 355 input.loading, input.ui-state-default.loading, .ui-widget-content input.ui-state-default.loading, .ui-widget-header input.ui-state-default.loading { padding-left: 16px; background: #eceff1 url(../../images/network-save.gif) no-repeat center left; }
171 356
172   -.ss-ui-button.ss-ui-action-constructive, .ui-widget-content .ss-ui-button.ss-ui-action-constructive, .ui-widget-header .ss-ui-button.ss-ui-action-constructive { background: none; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #77b53f), color-stop(100%, #456925)); background-image: -moz-linear-gradient(top, #77b53f 0%, #456925 100%); background-image: linear-gradient(top, #77b53f 0%, #456925 100%); color: white; }
  357 +/* line 99, ../scss/_forms.scss */
  358 +.ui-state-hover { cursor: pointer; }
  359 +
  360 +/* line 105, ../scss/_forms.scss */
  361 +.ss-ui-button.ss-ui-action-constructive, .ui-widget-content .ss-ui-button.ss-ui-action-constructive, .ui-widget-header .ss-ui-button.ss-ui-action-constructive { padding: 5px 7px 5px 23px; color: white; border-color: #118021; background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 6px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #84be3f), color-stop(100%, #128945)); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 6px, -webkit-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 6px, -moz-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 6px, -o-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 6px, linear-gradient(#84be3f, #128945); text-shadow: #475964 1px 1px 0; -moz-box-shadow: #748d9d 1px 1px 2px; -webkit-box-shadow: #748d9d 1px 1px 2px; -o-box-shadow: #748d9d 1px 1px 2px; box-shadow: #748d9d 1px 1px 2px; }
173 362
  363 +/* line 117, ../scss/_forms.scss */
  364 +.ss-ui-button.ss-ui-action-constructive.ui-state-hover { background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 6px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7fb63c), color-stop(100%, #107b3e)); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 6px, -webkit-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 6px, -moz-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 6px, -o-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 6px, linear-gradient(#7fb63c, #107b3e); -moz-box-shadow: #92a5b2 1px 1px 1px; -webkit-box-shadow: #92a5b2 1px 1px 1px; -o-box-shadow: #92a5b2 1px 1px 1px; box-shadow: #92a5b2 1px 1px 1px; }
  365 +
  366 +/* line 125, ../scss/_forms.scss */
  367 +.ss-ui-button.ss-ui-action-constructive.cms-page-add-button { background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -155px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #84be3f), color-stop(100%, #128945)); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -155px, -webkit-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -155px, -moz-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -155px, -o-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -155px, linear-gradient(#84be3f, #128945); }
  368 +
  369 +/* line 132, ../scss/_forms.scss */
  370 +.ss-ui-button.ss-ui-action-constructive.cms-page-add-button.ui-state-hover { background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -155px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7fb63c), color-stop(100%, #107b3e)); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -155px, -webkit-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -155px, -moz-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -155px, -o-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -155px, linear-gradient(#7fb63c, #107b3e); -moz-box-shadow: #92a5b2 1px 1px 1px; -webkit-box-shadow: #92a5b2 1px 1px 1px; -o-box-shadow: #92a5b2 1px 1px 1px; box-shadow: #92a5b2 1px 1px 1px; }
  371 +
  372 +/* line 142, ../scss/_forms.scss */
174 373 .ss-ui-button.ss-ui-action-destructive, .ui-widget-content .ss-ui-button.ss-ui-action-destructive, .ui-widget-header .ss-ui-button.ss-ui-action-destructive { color: red; }
175 374
  375 +/* line 146, ../scss/_forms.scss */
  376 +.ss-ui-button.ss-ui-action-destructive.delete { padding: 5px 7px 5px 23px; color: red; border-color: #ababab; background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #c3c3c3)); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -26px, -webkit-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -26px, -moz-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -26px, -o-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -26px, linear-gradient(#f5f5f5, #c3c3c3); text-shadow: none; -moz-box-shadow: #aab9c3 1px 1px 2px; -webkit-box-shadow: #aab9c3 1px 1px 2px; -o-box-shadow: #aab9c3 1px 1px 2px; box-shadow: #aab9c3 1px 1px 2px; }
  377 +
  378 +/* line 158, ../scss/_forms.scss */
  379 +.ss-ui-button.ss-ui-action-destructive.delete.ui-state-hover { background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #bbbbbb)); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -26px, -webkit-linear-gradient(#f0f0f0, #bbbbbb); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -26px, -moz-linear-gradient(#f0f0f0, #bbbbbb); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -26px, -o-linear-gradient(#f0f0f0, #bbbbbb); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px -26px, linear-gradient(#f0f0f0, #bbbbbb); -moz-box-shadow: #92a5b2 1px 1px 1px; -webkit-box-shadow: #92a5b2 1px 1px 1px; -o-box-shadow: #92a5b2 1px 1px 1px; box-shadow: #92a5b2 1px 1px 1px; }
  380 +
  381 +/* line 168, ../scss/_forms.scss */
176 382 .ss-ui-button.ss-ui-action-minor, .ui-widget-content .ss-ui-button.ss-ui-action-minor .ui-widget-header .ss-ui-button.ss-ui-action-minor { background: none; padding: 0; border: 0; color: #1f1f1f; text-decoration: underline; }
177 383
  384 +/* line 176, ../scss/_forms.scss */
178 385 .cms-edit-form { padding-bottom: 20px; }
  386 +/* line 179, ../scss/_forms.scss */
179 387 .cms-edit-form .text input, .cms-edit-form textarea { width: 300px; font-family: Arial, sans-serif; font-size: 13px; }
  388 +/* line 185, ../scss/_forms.scss */
180 389 .cms-edit-form .Actions { text-align: right; }
181 390
  391 +/* line 192, ../scss/_forms.scss */
182 392 .cms-content-tools .field label { float: none; width: auto; }
  393 +/* line 197, ../scss/_forms.scss */
183 394 .cms-content-tools .field .middleColumn { margin-left: 0; }
184 395
  396 +/* line 203, ../scss/_forms.scss */
  397 +.cms-content-toolbar { display: block; padding: 10px 0; margin: 0 0 15px 0; border-bottom-width: 2px; border-bottom: 2px groove rgba(255, 255, 255, 0.8); -webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; }
  398 +
  399 +/* line 214, ../scss/_forms.scss */
  400 +.cms-content-batchactions, .cms-content-constructive-actions { float: right; }
  401 +
  402 +/* line 218, ../scss/_forms.scss */
  403 +.cms-content-batchactions { position: relative; display: block; margin-right: 8px; }
  404 +
  405 +/* line 224, ../scss/_forms.scss */
  406 +form.cms-batch-actions { float: left; }
  407 +
  408 +/* line 228, ../scss/_forms.scss */
  409 +.cms-content-constructive-actions a { display: block; }
  410 +
  411 +/* line 233, ../scss/_forms.scss */
185 412 .field#ViewerGroups label, .field#EditorGroups label, .field#CreateTopLevelGroups label { display: none; }
186 413
  414 +/*select button styles*/
  415 +/* line 243, ../scss/_forms.scss */
  416 +.cms-batchactions-custom-select { text-align: left; float: left; display: block; cursor: pointer; position: relative; overflow: visible; padding: 5px 15px 5px 23px; color: red; border: 1px solid #ababab; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; -o-border-radius: 4px / 4px; -ms-border-radius: 4px / 4px; -khtml-border-radius: 4px / 4px; border-radius: 4px / 4px; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #c3c3c3)); background: -webkit-linear-gradient(#f5f5f5, #c3c3c3); background: -moz-linear-gradient(#f5f5f5, #c3c3c3); background: -o-linear-gradient(#f5f5f5, #c3c3c3); background: linear-gradient(#f5f5f5, #c3c3c3); text-shadow: none; -moz-box-shadow: #aab9c3 1px 1px 2px; -webkit-box-shadow: #aab9c3 1px 1px 2px; -o-box-shadow: #aab9c3 1px 1px 2px; box-shadow: #aab9c3 1px 1px 2px; }
  417 +
  418 +/* line 261, ../scss/_forms.scss */
  419 +.cms-batchactions-custom-select:hover, .cms-batchactions-custom-select:focus, .cms-batchactions-custom-select-open { text-decoration: none; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #bbbbbb)); background: -webkit-linear-gradient(#f0f0f0, #bbbbbb); background: -moz-linear-gradient(#f0f0f0, #bbbbbb); background: -o-linear-gradient(#f0f0f0, #bbbbbb); background: linear-gradient(#f0f0f0, #bbbbbb); -moz-box-shadow: #92a5b2 1px 1px 1px; -webkit-box-shadow: #92a5b2 1px 1px 1px; -o-box-shadow: #92a5b2 1px 1px 1px; box-shadow: #92a5b2 1px 1px 1px; }
  420 +
  421 +/*status text*/
  422 +/* line 273, ../scss/_forms.scss */
  423 +.cms-batchactions-custom-select-roletext { position: absolute; left: -99999px; }
  424 +
  425 +/* button arrow icon*/
  426 +/* line 275, ../scss/_forms.scss */
  427 +.cms-batchactions-custom-select-button-icon { float: right; background: transparent url(../images/btn_arrow_down_grey.png) no-repeat right center; width: 16px; height: 1em; }
  428 +
  429 +/*menu styles*/
  430 +/* line 287, ../scss/_forms.scss */
  431 +.cms-batchactions-custom-select-menu { background: #f5f5f5; z-index: 999999; position: absolute; margin: 0; padding: 5px; width: 170px; cursor: pointer; text-shadow: 1px 1px 0 #fafafa; overflow: auto; overflow-x: hidden; -moz-box-shadow: #92a5b2 0px 0px 4px; -webkit-box-shadow: #92a5b2 0px 0px 4px; -o-box-shadow: #92a5b2 0px 0px 4px; box-shadow: #92a5b2 0px 0px 4px; font-size: 0.9em; }
  432 +/* line 302, ../scss/_forms.scss */
  433 +.cms-batchactions-custom-select-menu li { padding: 0; margin: 0; list-style: none; clear: both; }
  434 +/* line 308, ../scss/_forms.scss */
  435 +.cms-batchactions-custom-select-menu li a { text-decoration: none; color: #1556b2; display: block; cursor: pointer; padding: .6em 5px .6em 20px; text-shadow: 1px 1px 0 #f9f9f9; outline: none; }
  436 +/* line 318, ../scss/_forms.scss */
  437 +.cms-batchactions-custom-select-menu li.cms-batch-action-group-header a { padding-left: 2px; font-weight: bold; color: #555; }
  438 +/* line 324, ../scss/_forms.scss */
  439 +.cms-batchactions-custom-select-menu li.publish a { color: #008545; }
  440 +/* line 328, ../scss/_forms.scss */
  441 +.cms-batchactions-custom-select-menu li.deletefromlive a { color: #B4272D; }
  442 +/* line 332, ../scss/_forms.scss */
  443 +.cms-batchactions-custom-select-menu li:before { content: ""; display: block; background: transparent url("../images/btn_icons_sprite.png") no-repeat; width: 16px; height: 16px; float: left; margin-top: 4px; margin-left: 1px; }
  444 +/* line 343, ../scss/_forms.scss */
  445 +.cms-batchactions-custom-select-menu li.publish:before { background-position: 0 0; }
  446 +/* line 344, ../scss/_forms.scss */
  447 +.cms-batchactions-custom-select-menu li.unpublish:before { background-position: 0 -64px; }
  448 +/* line 345, ../scss/_forms.scss */
  449 +.cms-batchactions-custom-select-menu li.delete:before { background-position: 0 -33px; }
  450 +/* line 346, ../scss/_forms.scss */
  451 +.cms-batchactions-custom-select-menu li.deletefromlive:before { background-position: 0 -33px; }
  452 +/* line 347, ../scss/_forms.scss */
  453 +.cms-batchactions-custom-select-menu li.cms-batch-action-group-header:before { background: none; width: 5px; }
  454 +/* line 352, ../scss/_forms.scss */
  455 +.cms-batchactions-custom-select-menu li.hover-focus { background: #e6e6e6 url(../images/button-silver.gif) right center repeat-x; color: #444; }
  456 +/* line 356, ../scss/_forms.scss */
  457 +.cms-batchactions-custom-select-menu li.selected { background-color: #efe999; }
  458 +
  459 +/* line 364, ../scss/_forms.scss */
  460 +#Form_BatchActionsForm_action_submit { font-family: arial; font-size: 13px; line-height: 13px !important; margin: 0; padding: 5px 5px 5px 23px; color: white; border-color: #118021; background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 4px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #84be3f), color-stop(100%, #128945)); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 4px, -webkit-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 4px, -moz-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 4px, -o-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 4px, linear-gradient(#84be3f, #128945); text-shadow: #475964 1px 1px 0; -moz-box-shadow: #748d9d 1px 1px 2px; -webkit-box-shadow: #748d9d 1px 1px 2px; -o-box-shadow: #748d9d 1px 1px 2px; box-shadow: #748d9d 1px 1px 2px; }
  461 +
  462 +/* line 380, ../scss/_forms.scss */
  463 +#Form_BatchActionsForm_action_submit.ui-state-hover { background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 4px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7fb63c), color-stop(100%, #107b3e)); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 4px, -webkit-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 4px, -moz-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 4px, -o-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1308376243') no-repeat 5px 4px, linear-gradient(#7fb63c, #107b3e); -moz-box-shadow: #92a5b2 1px 1px 1px; -webkit-box-shadow: #92a5b2 1px 1px 1px; -o-box-shadow: #92a5b2 1px 1px 1px; box-shadow: #92a5b2 1px 1px 1px; }
  464 +
  465 +/*hidden menu state*/
  466 +/* line 389, ../scss/_forms.scss */
  467 +.cms-batchactions-custom-select-menu-hidden { display: none; }
  468 +
  469 +/*hide native select*/
  470 +/* line 394, ../scss/_forms.scss */
  471 +.select-hidden { display: none; }
  472 +
  473 +/* line 398, ../scss/_forms.scss */
  474 +.action-hidden { display: none; }
  475 +
187 476 /** This file defines CMS-specific customizations to the jQuery UI theme. Every rule in this file should be wrapped in the '.cms' selector (to make it more specific), and contain ONLY overwritten jQuery UI rules (with 'ui-' prefix). This file should be fairly short, as we're using our own custom jQuery UI theme already. TODO Add theme reference Use _style.scss to add more generic style information, and read the jQuery UI theming API: http://jqueryui.com/docs/Theming/API */
  477 +/* line 14, ../scss/_uitheme.scss */
188 478 .cms .ui-tabs { padding: 0; }
  479 +/* line 17, ../scss/_uitheme.scss */
189 480 .cms .ui-tabs .ui-widget-header { border: 0; background: none; }
  481 +/* line 22, ../scss/_uitheme.scss */
190 482 .cms .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
  483 +/* line 26, ../scss/_uitheme.scss */
191 484 .cms .ui-tabs .ui-tabs-nav li { top: 0; }
  485 +/* line 29, ../scss/_uitheme.scss */
192 486 .cms .ui-tabs .ui-tabs-nav li a { padding: 0 15px; }
  487 +/* line 34, ../scss/_uitheme.scss */
193 488 .cms .ui-tabs .ui-tabs-nav.ui-state-active { border-color: gray; }
194   -.cms .ui-widget-content, .cms .ui-tabs .ui-tabs-panel { color: #444444; font-size: 13px; border: 0; background: #eceff1; }
  489 +/* line 41, ../scss/_uitheme.scss */
  490 +.cms .ui-widget-content, .cms .ui-tabs .ui-tabs-panel { color: #444444; font-size: 13px; border: 0; background: transparent; }
  491 +/* line 48, ../scss/_uitheme.scss */
195 492 .cms .ui-widget-header { background: #eceff1; border: 0; padding: 0; }
  493 +/* line 54, ../scss/_uitheme.scss */
196 494 .cms .ss-ui-button { padding: 5px; text-decoration: none; }
197 495
  496 +/* line 60, ../scss/_uitheme.scss */
  497 +.cms-content-form { overflow: auto; background: transparent url(../images/textures/bg_cms_main_content.png) repeat top left !important; }
  498 +
198 499 /** This file defines the 'theme' of the CMS: Colors, fonts, backgrounds, and detailed alignments. Together with _layout.css it provides the presentational backbone to the CMS. Ideally a developer should be able to exchange this file with his own theme easily. Please don't put any dimension, display or float information on major structural components like '.cms-container' or '.cms-header' in here, use the _layout.scss file instead. Use SCSS variable definitions in screen.css to avoid repeating styles like background colours or padding dimensions. See _colours.scss to get started. To avoid this file getting too large and complicated, it is encouraged to create new SCSS files for larger components like the CMS menu or tree (see _tree.scss and _menu.scss). */
199 500 /** ---------------------------------------------------- Core Styles ---------------------------------------------------- */
  501 +/* line 20, ../scss/_style.scss */
200 502 html, body { width: 100%; height: 100%; overflow: hidden; font-size: 13px; font-family: Arial, sans-serif; color: #444444; }
201   -html html, html body, html div, html span, html applet, html object, html iframe, html h1, html h2, html h3, html h4, html h5, html h6, html p, html blockquote, html pre, html a, html abbr, html acronym, html address, html big, html cite, html code, html del, html dfn, html em, html font, html img, html ins, html kbd, html q, html s, html samp, html small, html strike, html strong, html sub, html sup, html tt, html var, html dl, html dt, html dd, html ol, html ul, html li, html fieldset, html form, html label, html legend, html table, html caption, html tbody, html tfoot, html thead, html tr, html th, html td, body html, body body, body div, body span, body applet, body object, body iframe, body h1, body h2, body h3, body h4, body h5, body h6, body p, body blockquote, body pre, body a, body abbr, body acronym, body address, body big, body cite, body code, body del, body dfn, body em, body font, body img, body ins, body kbd, body q, body s, body samp, body small, body strike, body strong, body sub, body sup, body tt, body var, body dl, body dt, body dd, body ol, body ul, body li, body fieldset, body form, body label, body legend, body table, body caption, body tbody, body tfoot, body thead, body tr, body th, body td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
202   -html body, body body { line-height: 1; color: black; background: white; }
  503 +/* line 17, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  504 +html html, html body, html div, html span, html applet, html object, html iframe, html h1, html h2, html h3, html h4, html h5, html h6, html p, html blockquote, html pre, html a, html abbr, html acronym, html address, html big, html cite, html code, html del, html dfn, html em, html img, html ins, html kbd, html q, html s, html samp, html small, html strike, html strong, html sub, html sup, html tt, html var, html b, html u, html i, html center, html dl, html dt, html dd, html ol, html ul, html li, html fieldset, html form, html label, html legend, html table, html caption, html tbody, html tfoot, html thead, html tr, html th, html td, html article, html aside, html canvas, html details, html embed, html figure, html figcaption, html footer, html header, html hgroup, html menu, html nav, html output, html ruby, html section, html summary, html time, html mark, html audio, html video, body html, body body, body div, body span, body applet, body object, body iframe, body h1, body h2, body h3, body h4, body h5, body h6, body p, body blockquote, body pre, body a, body abbr, body acronym, body address, body big, body cite, body code, body del, body dfn, body em, body img, body ins, body kbd, body q, body s, body samp, body small, body strike, body strong, body sub, body sup, body tt, body var, body b, body u, body i, body center, body dl, body dt, body dd, body ol, body ul, body li, body fieldset, body form, body label, body legend, body table, body caption, body tbody, body tfoot, body thead, body tr, body th, body td, body article, body aside, body canvas, body details, body embed, body figure, body figcaption, body footer, body header, body hgroup, body menu, body nav, body output, body ruby, body section, body summary, body time, body mark, body audio, body video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
  505 +/* line 20, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  506 +html body, body body { line-height: 1; }
  507 +/* line 22, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
203 508 html ol, html ul, body ol, body ul { list-style: none; }
204   -html table, body table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }
  509 +/* line 24, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  510 +html table, body table { border-collapse: collapse; border-spacing: 0; }
  511 +/* line 26, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
205 512 html caption, html th, html td, body caption, body th, body td { text-align: left; font-weight: normal; vertical-align: middle; }
206   -html q, html blockquote, body q, body blockquote { quotes: "" ""; }
207   -html q:before, html q:after, html blockquote:before, html blockquote:after, body q:before, body q:after, body blockquote:before, body blockquote:after { content: ""; }
  513 +/* line 28, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  514 +html q, html blockquote, body q, body blockquote { quotes: none; }
  515 +/* line 101, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  516 +html q:before, html q:after, html blockquote:before, html blockquote:after, body q:before, body q:after, body blockquote:before, body blockquote:after { content: ""; content: none; }
  517 +/* line 30, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
208 518 html a img, body a img { border: none; }
  519 +/* line 115, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  520 +html article, html aside, html details, html figcaption, html figure, html footer, html header, html hgroup, html menu, html nav, html section, body article, body aside, body details, body figcaption, body figure, body footer, body header, body hgroup, body menu, body nav, body section { display: block; }
209 521
  522 +/* line 32, ../scss/_style.scss */
210 523 a { color: #3ebae0; text-decoration: none; }
  524 +/* line 37, ../scss/_style.scss */
211 525 a:hover, a:focus { text-decoration: underline; }
212 526
  527 +/* line 41, ../scss/_style.scss */
213 528 body .ui-widget { font-family: Arial, sans-serif; font-size: 13px; }
214 529
  530 +/* line 46, ../scss/_style.scss */
215 531 .cms-container { height: 100%; }
216 532
  533 +/* line 55, ../scss/_style.scss */
217 534 .cms-preview, .cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-form { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; }
  535 +/* line 7, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
218 536 .cms-preview, .cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-form { *display: inline; }
219 537
  538 +/* line 60, ../scss/_style.scss */
220 539 strong { font-weight: bold; }
221 540
  541 +/* line 64, ../scss/_style.scss */
  542 +.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  543 +
222 544 /** -------------------------------------------- Misc Panels -------------------------------------------- */
223   -.cms-content-header { background-color: #b0bec7; padding: 8px 8px 6px 8px; height: 32px; border-bottom: 2px solid #8399a7; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #b0bec7), color-stop(100%, #92a5b2)); background-image: -moz-linear-gradient(top, #b0bec7 0%, #92a5b2 100%); background-image: linear-gradient(top, #b0bec7 0%, #92a5b2 100%); }
224   -.cms-content-header h2 { float: left; padding: 12px 0 0 8px; font-size: 13px; font-weight: bold; width: 230px; }
  545 +/* line 76, ../scss/_style.scss */
  546 +.cms-content-header { background-color: #b0bec7; padding: 8px 8px 6px 8px; border-bottom: 2px solid #8399a7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dde3e7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(top, #dde3e7, #92a5b2); background-image: -moz-linear-gradient(top, #dde3e7, #92a5b2); background-image: -o-linear-gradient(top, #dde3e7, #92a5b2); background-image: linear-gradient(top, #dde3e7, #92a5b2); border-bottom: 3px solid #5c7382; padding: 8px; height: 32px; }
  547 +/* line 90, ../scss/_style.scss */
  548 +.cms-content-header h2 { float: left; padding: 12px 0 0 8px; font-size: 13px; font-weight: bold; text-shadow: #ced7dc 1px 1px 0; width: 230px; }
  549 +/* line 99, ../scss/_style.scss */
225 550 .cms-content-header > div { width: 9999em; overflow: hidden; }
  551 +/* line 104, ../scss/_style.scss */
226 552 .cms-content-header .cms-content-header-tabs { float: left; }
227 553
  554 +/* line 111, ../scss/_style.scss */
228 555 .ui-tabs .cms-content-header .ui-tabs-nav li a { font-weight: bold; font-size: 13px; padding: 11px 15px 9px; border-bottom: 2px solid #b3b3b3; }
229   -.ui-tabs .cms-content-header .ui-state-default, .ui-tabs .cms-content-header .ui-widget-content .ui-state-default, .ui-tabs .cms-content-header .ui-widget-header .ui-state-default { background-color: #d9d9d9; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #d9d9d9), color-stop(100%, #c0c0c0)); background-image: -moz-linear-gradient(top, #d9d9d9 0%, #c0c0c0 100%); background-image: linear-gradient(top, #d9d9d9 0%, #c0c0c0 100%); border-color: #a6a6a6; margin: 0 3px 0 0; text-shadow: white 0 1px 0; }
230   -.ui-tabs .cms-content-header .ui-state-active, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active { background: #eceff1; }
  556 +/* line 121, ../scss/_style.scss */
  557 +.ui-tabs .cms-content-header .ui-state-default, .ui-tabs .cms-content-header .ui-widget-content .ui-state-default, .ui-tabs .cms-content-header .ui-widget-header .ui-state-default { background-color: #d9d9d9; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9d9d9), color-stop(100%, #c0c0c0)); background-image: -webkit-linear-gradient(top, #d9d9d9, #c0c0c0); background-image: -moz-linear-gradient(top, #d9d9d9, #c0c0c0); background-image: -o-linear-gradient(top, #d9d9d9, #c0c0c0); background-image: linear-gradient(top, #d9d9d9, #c0c0c0); /*border-bottom: 3px solid darken($color-widget-bg, 50%) !important;*/ border-color: #a6a6a6; margin: 0 3px 0 0; text-shadow: white 0 1px 0; }
  558 +/* line 135, ../scss/_style.scss */
  559 +.ui-tabs .cms-content-header .ui-state-active, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active { background: transparent url(../images/textures/bg_cms_main_content.png) repeat top left; }
  560 +/* line 138, ../scss/_style.scss */
231 561 .ui-tabs .cms-content-header .ui-state-active a, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active a, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active a { border-bottom: 2px solid #eceff1; }
232 562
  563 +/* line 145, ../scss/_style.scss */
233 564 .cms-content-tools { background-color: #dde3e7; padding: 8px; width: 230px; overflow: auto; }
234 565
235 566 /** ------------------------------------------------------- Top Left Header and logo area -------------------------------------------------------- */
236   -.cms-header { background-color: #00111d; position: relative; padding: 16px 8px 8px; line-height: 24px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #00111d), color-stop(50%, #003050), color-stop(100%, #00111d)); background-image: -moz-linear-gradient(top, #00111d 0%, #003050 50%, #00111d 100%); background-image: linear-gradient(top, #00111d 0%, #003050 50%, #00111d 100%); }
  567 +/* line 157, ../scss/_style.scss */
  568 +.cms-header { background-color: #00111d; position: relative; padding: 16px 8px 8px; line-height: 24px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00111d), color-stop(50%, #003050), color-stop(100%, #00111d)); background-image: -webkit-linear-gradient(top, #00111d, #003050, #00111d); background-image: -moz-linear-gradient(top, #00111d, #003050, #00111d); background-image: -o-linear-gradient(top, #00111d, #003050, #00111d); background-image: linear-gradient(top, #00111d, #003050, #00111d); }
  569 +/* line 169, ../scss/_style.scss */
237 570 .cms-header span { color: white; white-space: no-wrap; text-overflow: ellipsis; display: block; }
  571 +/* line 175, ../scss/_style.scss */
238 572 .cms-header span a { color: #3ebae0; display: inline; }
239 573
  574 +/* line 182, ../scss/_style.scss */
240 575 .cms-logo { border-bottom: 1px solid #03090c; height: 31px; overflow: hidden; padding: 0 4px; vertical-align: middle; }
  576 +/* line 189, ../scss/_style.scss */
241 577 .cms-logo .version { display: none; }
242   -.cms-logo a { display: inline-block; height: 25px; width: 25px; float: left; margin-right: 10px; background: url('../images/logo_small.png?1306827534') no-repeat; text-indent: -9999em; }
  578 +/* line 193, ../scss/_style.scss */
  579 +.cms-logo a { display: inline-block; height: 25px; width: 25px; float: left; margin-right: 10px; background: url('../images/logo_small.png?1306813131') no-repeat; text-indent: -9999em; }
243 580
244   -.cms-login-status { border-top: 1px solid #19435c; height: 23px; padding: 8px 0 0 14px; overflow: hidden; line-height: 16px; font-size: 11px; }
245   -.cms-login-status .logout-link { display: inline-block; height: 16px; width: 16px; float: left; margin-right: 10px; background: url(../images/logout.png) no-repeat; text-indent: -9999em; }
  581 +/* line 204, ../scss/_style.scss */
  582 +.cms-login-status { border-top: 1px solid #19435c; height: 23px; padding: 8px 4px 0 4px; overflow: hidden; line-height: 16px; font-size: 11px; }
  583 +/* line 212, ../scss/_style.scss */
  584 +.cms-login-status .logout-link { display: inline-block; height: 16px; width: 16px; float: left; margin: 0 15px 0 5px; background: url(../images/logout.png) no-repeat; text-indent: -9999em; }
246 585
247 586 /** ----------------------------------------------- Loading Screen ------------------------------------------------ */
  587 +/* line 227, ../scss/_style.scss */
248 588 .ss-loading-screen, .ss-loading-screen .loading-logo { width: 100%; height: 100%; overflow: hidden; position: absolute; background: #fff; background: -moz-radial-gradient(50% 50% 180deg, circle cover, white, #efefef, #c7c7c7 100%); background: -webkit-gradient(radial, 50% 50%, 350, 50% 50%, 0, from(#e3e3e3), to(white)); z-index: 100000; margin: 0; padding: 0; }
249 589
  590 +/* line 242, ../scss/_style.scss */
250 591 .ss-loading-screen .loading-logo { background-url: url(../images/logo.gif); background-repeat: no-repeat; background-color: transparent; background-position: 50% 50%; }
  592 +/* line 248, ../scss/_style.scss */
251 593 .ss-loading-screen p { width: 100%; text-align: center; position: absolute; bottom: 80px; }
  594 +/* line 254, ../scss/_style.scss */
252 595 .ss-loading-screen p span.notice { display: inline-block; font-size: 14px; padding: 10px 20px; color: #dc7f00; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
  596 +/* line 264, ../scss/_style.scss */
253 597 .ss-loading-screen .loading-animation { display: none; position: absolute; left: 49%; top: 75%; }
254 598
255   -.cms-content-actions { padding: 8px; }
  599 +/* line 274, ../scss/_style.scss */
  600 +.cms-content-actions { padding: 8px; background: transparent url(../images/textures/bg_cms_main_content.png) repeat top left; }
256 601
257 602 /** Messages (see sapphire/css/Form.css) */
  603 +/* line 284, ../scss/_style.scss */
258 604 .message { margin: 1em 0; padding: 0.5em; font-weight: bold; border: 1px black solid; }
  605 +/* line 290, ../scss/_style.scss */
259 606 .message.notice { background-color: #ffbe66; border-color: #ff9300; }
  607 +/* line 295, ../scss/_style.scss */
260 608 .message.warning { background-color: #ffbe66; border-color: #ff9300; }
  609 +/* line 299, ../scss/_style.scss */
261 610 .message.error { background-color: #ffbe66; border-color: #ff9300; }
262 611
  612 +/* line 308, ../scss/_style.scss */
263 613 .ModelAdmin .cms-content-tools { width: 300px; }
  614 +/* line 313, ../scss/_style.scss */
264 615 .ModelAdmin .ResultAssemblyBlock { display: none; }
265 616
  617 +/* line 320, ../scss/_style.scss */
266 618 .cms-page-add-form-dialog #PageType li { clear: left; height: 40px; border-bottom: 1px solid rgba(107, 120, 123, 0.5); }
  619 +/* line 325, ../scss/_style.scss */
267 620 .cms-page-add-form-dialog #PageType li:hover, .cms-page-add-form-dialog #PageType li.selected { background-color: #ffff99; }
  621 +/* line 329, ../scss/_style.scss */
268 622 .cms-page-add-form-dialog #PageType li input, .cms-page-add-form-dialog #PageType li label, .cms-page-add-form-dialog #PageType li .icon, .cms-page-add-form-dialog #PageType li .title { float: left; }
  623 +/* line 333, ../scss/_style.scss */
269 624 .cms-page-add-form-dialog #PageType li .icon { width: 20px; }
  625 +/* line 337, ../scss/_style.scss */
270 626 .cms-page-add-form-dialog #PageType li .title { width: 100px; font-weight: bold; }
  627 +/* line 342, ../scss/_style.scss */
271 628 .cms-page-add-form-dialog #PageType li .description { font-style: italic; }
272 629
  630 +/* line 350, ../scss/_style.scss */
273 631 .cms-content-toolbar > * { display: inline-block; }
  632 +/* line 354, ../scss/_style.scss */
274 633 .cms-content-toolbar .cms-tree-view-modes * { display: inline-block; }
  634 +/* line 358, ../scss/_style.scss */
275 635 .cms-content-toolbar .cms-content-batchactions form > * { display: inline-block; }
276 636
  637 +/* line 364, ../scss/_style.scss */
277 638 .cms-preview { width: 1px; overflow: hidden; }
  639 +/* line 368, ../scss/_style.scss */
278 640 .cms-preview .cms-preview-toggle { width: 10px; }
  641 +/* line 372, ../scss/_style.scss */
279 642 .cms-preview iframe { width: 100%; height: 100%; }
280 643
  644 +/* line 378, ../scss/_style.scss */
281 645 .cms-preview-header { background-color: #FFBE66; padding: 10px; font-weight: bold; }
282 646
  647 +/* line 388, ../scss/_style.scss */
283 648 form.member-profile-form #CsvFile .middleColumn { background: none !important; }
  649 +/* line 392, ../scss/_style.scss */
284 650 form.member-profile-form .advanced h4 { margin-bottom: .5em; }
  651 +/* line 396, ../scss/_style.scss */
285 652 form.member-profile-form .Actions { text-align: left; border: 0; }
  653 +/* line 401, ../scss/_style.scss */
286 654 form.member-profile-form input.customFormat { border: 1px solid #ccc !important; padding: 3px; margin-left: 2px; }
  655 +/* line 406, ../scss/_style.scss */
287 656 form.member-profile-form .formattingHelpToggle { font-size: 11px; padding: 3px; }
  657 +/* line 410, ../scss/_style.scss */
288 658 form.member-profile-form .formattingHelpText { margin: 5px auto; color: #333; padding: 5px 10px; width: 90%; background: #fff; border: 1px solid #ccc; }
  659 +/* line 418, ../scss/_style.scss */
289 660 form.member-profile-form .formattingHelpText ul { padding: 0; }
  661 +/* line 421, ../scss/_style.scss */
290 662 form.member-profile-form .formattingHelpText li { font-size: 11px; color: #333; margin-bottom: 2px; }
291 663
292   -.cms-content-form { overflow: auto; }
293   -
  664 +/* line 429, ../scss/_style.scss */
294 665 .cms-preview { background-color: #b0bec7; }
  666 +/* line 432, ../scss/_style.scss */
295 667 .cms-preview .cms-preview-toggle { cursor: pointer; }
  668 +/* line 435, ../scss/_style.scss */
296 669 .cms-preview .cms-preview-toggle a { color: white; font-weight: bold; text-decoration: none; }
297 670
298   -.cms-switch-view a { padding-right: 1em; }
  671 +/* line 444, ../scss/_style.scss */
  672 +.cms-switch-view a { padding-right: 1em; }
BIN  admin/images/btn_icons_sprite.png
BIN  admin/images/sitetree_ss_default_icons.png
BIN  admin/images/sitetree_ss_pageclass_icons_default.png
43 admin/javascript/LeftAndMain.Tree.js
@@ -313,5 +313,48 @@
313 313 $('.cms-tree').toggleClass('draggable', $(e.target).val() == 'draggable');
314 314 }
315 315 });
  316 +
  317 +
  318 + //Listens for click event on the jstree checkbox
  319 + $(".cms-tree").delegate("ins.jstree-checkbox", "click", function(){
  320 + if ($(this).parent().parent().hasClass('jstree-checked')) {
  321 + $(this).parent().parent().find('.cms-tree-action-list').remove();
  322 + } else {
  323 + $('#cmsTreeActionListTemplate').clone().insertAfter($(this).parent());
  324 + $(this).parent().parent().find('.cms-tree-action-list').removeClass('hidden').addClass('shown');
  325 + }
  326 + });
  327 +
  328 + //Create a click event listener to return false so it follow through to page (overwrites deeper clickthrough call in js-tree)
  329 + $(".cms-tree-action-list").delegate("a.cms-tree-action-list-menu-trigger", "click", function(event){
  330 + return false;
  331 + });
  332 +
  333 + $(".cms-tree-action-list").delegate("a.cms-tree-action-list-menu-trigger", "mousedown", function(event){
  334 + var $currentTreeActionList = $('ul.cms-tree-action-list-batchactions.shown');
  335 + var $clickedTreeActionList = $(this).parent().find('.cms-tree-action-list-batchactions');
  336 +
  337 + if ($clickedTreeActionList.hasClass('shown')) {
  338 + $clickedTreeActionList.removeClass('shown');
  339 + } else {
  340 + $currentTreeActionList.removeClass('shown');
  341 + $clickedTreeActionList.addClass('shown');
  342 + }
  343 + return false;
  344 + });
  345 +
  346 + $(".cms-tree-action-list-batchactions").delegate("a", "click", function(event){
  347 + return true;
  348 + });
  349 +
  350 + $(document).click(function(){
  351 + $('.cms-tree-action-list-batchactions').removeClass('shown');
  352 + });
  353 +
  354 +
  355 +
  356 +
  357 +
  358 +
316 359
317 360 }(jQuery));
2  admin/scss/_forms.scss
@@ -307,7 +307,7 @@ form.cms-batch-actions {
307 307
308 308 a {
309 309 text-decoration:none;
310   - color:#1556B2;
  310 + color:$color-text-blue-link;
311 311 display:block;
312 312 cursor: pointer;
313 313 padding:.6em 5px .6em 20px;
281 admin/scss/_tree.scss
@@ -32,6 +32,7 @@
32 32 height: 18px;
33 33 margin: 0 0 0 0;
34 34 padding: 0;
  35 + float: left;
35 36 }
36 37 a {
37 38 display: inline-block;
@@ -364,3 +365,283 @@ li.jstree-closed > ul {
364 365 background: none;
365 366 }
366 367 }
  368 +
  369 +.jstree li {
  370 + line-height: 25px;
  371 +}
  372 +
  373 +.cms-tree.jstree-apple {
  374 +
  375 + & li.Root {
  376 + & strong {
  377 + font-weight: bold;
  378 + padding-left: 1px;
  379 + }
  380 +
  381 + & > a .jstree-icon {
  382 + background-position: -56px -36px;
  383 + }
  384 + }
  385 +
  386 + & a, a:link {
  387 + color: $color-text-blue-link;
  388 + padding: 3px 6px 3px 3px;
  389 + border: none;
  390 + display: inline-block;
  391 + margin-right: 5px;
  392 +
  393 +
  394 + & span.status:after {
  395 + clear: both;
  396 + text-transform: uppercase;
  397 + display: inline-block;
  398 + padding: 0px 3px;
  399 + font-size: 0.75em;
  400 + line-height: 1em;
  401 + margin-left: 3px;
  402 + margin-right: 6px;
  403 + margin-top: -1px;
  404 + @include border-radius(2px, 2px);
  405 + }
  406 + }
  407 +
  408 + & span.modified:after {
  409 + content: "draft";
  410 + color: #7E7470;
  411 + border: 1px solid #C9B800;
  412 + background-color: #FFF0BC;
  413 + }
  414 +
  415 + & span.new:after {
  416 + content: "new";
  417 + color: #7E7470;
  418 + border: 1px solid #C9B800;
  419 + background-color: #FFF0BC;
  420 + }
  421 +
  422 + & span.private:after {
  423 + content: "private";
  424 + color: #636363;
  425 + border: 1px solid #E49393;
  426 + background-color: #F2DADB;
  427 + }
  428 +
  429 + & span.workflow-approval:after {
  430 + content: "awaiting approval";
  431 + color: #56660C;
  432 + border: 1px solid #7C8816;
  433 + background-color: #DAE79A;
  434 + }
  435 +
  436 + /* comment speech bubble - ccs3 only - source: http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */
  437 + & span.comment-count {
  438 + clear: both;
  439 + position: relative;
  440 + text-transform: uppercase;
  441 + display: inline-block;
  442 + overflow: visible;
  443 + padding: 0px 3px;
  444 + font-size: 0.75em;
  445 + line-height: 1em;
  446 + margin-left: 3px;
  447 + margin-right: 6px;
  448 + @include border-radius(2px, 2px);
  449 + color: #7E7470;
  450 + border: 1px solid #C9B800;
  451 + background-color: #FFF0BC;
  452 + }
  453 +
  454 + & span.comment-count:before {
  455 + content:"";
  456 + position:absolute;
  457 + bottom:-4px; /* value = - border-top-width - border-bottom-width */
  458 + left:3px; /* controls horizontal position */
  459 + border-width:4px 4px 0;
  460 + border-style:solid;
  461 + border-color:#C9B800 transparent;
  462 + /* reduce the damage in FF3.0 */
  463 + display:block;
  464 + width:0;
  465 + }
  466 +
  467 + & span.comment-count:after {
  468 + content:"";
  469 + position:absolute;
  470 + bottom:-3px; /* value = - border-top-width - border-bottom-width */
  471 + left:4px; /* value = (:before left) + (:before border-left) - (:after border-left) */
  472 + border-width:3px 3px 0;
  473 + border-style:solid;
  474 + border-color:#FFF0BC transparent;
  475 + /* reduce the damage in FF3.0 */
  476 + display:block;
  477 + width:0;
  478 + }
  479 +
  480 + .jstree-hovered {
  481 + text-shadow: none;
  482 + text-decoration: none;
  483 + }
  484 +
  485 + & li {
  486 + padding: 0px;
  487 + clear: left;
  488 + }
  489 +
  490 + & li, ins {
  491 + background-color: transparent;
  492 + background-image: url(../images/sitetree_ss_default_icons.png);
  493 + }
  494 +
  495 + & li.jstree-checked a, li.jstree-checked a:link {
  496 + background-color: $color-cms-batchactions-menu-selected-background;
  497 + }
  498 +}
  499 +
  500 +.jstree-apple #record-0.jstree-open > ins {
  501 + display: none;
  502 +}
  503 +
  504 +a .jstree-pageicon {
  505 + display: block;
  506 + float: left;
  507 + width: 16px;
  508 + height: 16px;
  509 + margin-right: 4px;
  510 + background-color: transparent;
  511 + background-image: url(../images/sitetree_ss_pageclass_icons_default.png);
  512 + background-repeat: no-repeat;
  513 +}
  514 +
  515 +li.class-HomePage a .jstree-pageicon {
  516 + background-position: 0 -48px;
  517 +}
  518 +
  519 +li.class-RedirectorPage a .jstree-pageicon {
  520 + background-position: 0 -16px;
  521 +}
  522 +
  523 +li.class-VirtualPage a .jstree-pageicon {
  524 + background-position: 0 -32px;
  525 +}
  526 +
  527 +li.class-ErrorPage a .jstree-pageicon {
  528 + background-position: 0 -112px;
  529 +}
  530 +
  531 +
  532 +
  533 +
  534 +.cms-tree-action-list {
  535 + display: none;
  536 + position: relative;
  537 +
  538 + & > a {
  539 + display: block;
  540 + position: relative;
  541 + text-indent: -9999px;
  542 + width: 15px;
  543 + height: 15px;
  544 + @include background(image-url("../images/btn_icons_sprite.png") no-repeat 4px -190px,
  545 + linear-gradient(color-stops(
  546 + $color-menu-button,
  547 + darken($color-menu-button, 10%))));
  548 + @include border-radius(4px, 4px);
  549 + border: 1px #0071AF solid;
  550 +
  551 + &:hover {
  552 + @include background(image-url("../images/btn_icons_sprite.png") no-repeat 4px -190px,
  553 + linear-gradient(color-stops(
  554 + $color-menu-button,
  555 + darken($color-menu-button, 20%))));
  556 + }
  557 + }
  558 +
  559 + &.hidden{
  560 + display: none;
  561 + }
  562 +
  563 + &.shown{
  564 + display: inline;
  565 + }
  566 +
  567 +}
  568 +
  569 +
  570 +
  571 +ul.cms-tree-action-list-batchactions {
  572 + background-color: $color-cms-batchactions-menu-background;
  573 + z-index:999999;
  574 + position: absolute;
  575 + display: none;
  576 + overflow: visible;
  577 + top: -2px;
  578 + left: 40px;
  579 + padding:5px;
  580 + cursor: pointer;
  581 + border: 1px solid #a4b5bf;
  582 + text-shadow:1px 1px 0 #fafafa;
  583 + @include box-shadow(darken($color-base, 10%) 0px 0px 4px);
  584 + font-size: 0.9em;
  585 +
  586 + & li, li.jstree-checked {
  587 + padding:0;
  588 + margin:0;
  589 + list-style:none;
  590 + clear:both;
  591 + background: none;
  592 +
  593 + & a, a:link {
  594 + text-decoration:none;
  595 + color:$color-text-blue-link;
  596 + display:block;
  597 + padding:.3em 5px .3em 5px;
  598 + outline: none;
  599 + background: none !important;
  600 + }
  601 +
  602 + &:hover {
  603 + background-color: #e6e6e6;
  604 + }
  605 +
  606 + }
  607 +
  608 + li.delete {
  609 + a, a:link {
  610 + color: red;
  611 + }
  612 + }
  613 +
  614 + &.shown{
  615 + display: inline;
  616 + }
  617 +
  618 +}
  619 +
  620 +ul.cms-tree-action-list-batchactions:before {
  621 + content:"";
  622 + position:absolute;
  623 + top: 4px;
  624 + bottom:auto; /* value = - border-top-width - border-bottom-width */
  625 + left:-7px; /* controls horizontal position */
  626 + border-width:6px 7px 6px 0;
  627 + border-style:solid;
  628 + border-color:transparent #a4b5bf;
  629 + /* reduce the damage in FF3.0 */
  630 + display:block;
  631 + width:0;
  632 +}
  633 +
  634 +/* creates the smaller triangle */
  635 +ul.cms-tree-action-list-batchactions:after {
  636 + content:"";
  637 + position:absolute;
  638 + top: 5px;
  639 + bottom: auto; /* value = - border-top-width - border-bottom-width */
  640 + left:-6px; /* value = (:before left) + (:before border-left) - (:after border-left) */
  641 + border-width:5px 6px 5px 0;
  642 + border-style:solid;
  643 + border-color:transparent #fff;
  644 + /* reduce the damage in FF3.0 */
  645 + display:block;
  646 + width:0;
  647 +}
1  admin/scss/themes/_default.scss
@@ -32,6 +32,7 @@ $color-text-light: white;
32 32 $color-text-light-link: white;
33 33 $color-text-dark: #1f1f1f;
34 34 $color-text-dark-link: #3EBAE0;
  35 +$color-text-blue-link:#1556B2;
35 36
36 37 $color-button-generic-dark: #c3c3c3;
37 38 $color-button-generic-light:#f5f5f5;

0 comments on commit df6b25f

Please sign in to comment.
Something went wrong with that request. Please try again.