diff options
Diffstat (limited to 'scss/imports/scss/_PanelUI.scss')
-rwxr-xr-x | scss/imports/scss/_PanelUI.scss | 430 |
1 files changed, 215 insertions, 215 deletions
diff --git a/scss/imports/scss/_PanelUI.scss b/scss/imports/scss/_PanelUI.scss index bce280cb..8c6efcab 100755 --- a/scss/imports/scss/_PanelUI.scss +++ b/scss/imports/scss/_PanelUI.scss | |||
@@ -28,15 +28,15 @@ ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE | |||
28 | POSSIBILITY OF SUCH DAMAGE. | 28 | POSSIBILITY OF SUCH DAMAGE. |
29 | </copyright> | 29 | </copyright> |
30 | 30 | ||
31 | // | 31 | // |
32 | // PanelUI.scss | 32 | // PanelUI.scss |
33 | // Styles governing the panels in the UI. | 33 | // Styles governing the panels in the UI. |
34 | // Note that colors and font definitions go in | 34 | // Note that colors and font definitions go in |
35 | // _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss | 35 | // _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss |
36 | 36 | ||
37 | // layout for the container of all panels within a dock area | 37 | // layout for the container of all panels within a dock area |
38 | 38 | ||
39 | // base layout style for all panels | 39 | // base layout style for all panels |
40 | .panelDisclosureIcon | 40 | .panelDisclosureIcon |
41 | { | 41 | { |
42 | background-image:url("../images/panels/panelDisclosureIcon.png"); | 42 | background-image:url("../images/panels/panelDisclosureIcon.png"); |
@@ -55,7 +55,7 @@ POSSIBILITY OF SUCH DAMAGE. | |||
55 | } | 55 | } |
56 | 56 | ||
57 | .panelCollapseArrowFill { | 57 | .panelCollapseArrowFill { |
58 | color: rgba(76,76,76,1); // this is never really used but is set so we can get it via javascript to draw the control via script on the canvas | 58 | color: rgba(76,76,76,1); // this is never really used but is set so we can get it via javascript to draw the control via script on the canvas |
59 | padding:0px 4px; | 59 | padding:0px 4px; |
60 | } | 60 | } |
61 | 61 | ||
@@ -102,11 +102,11 @@ POSSIBILITY OF SUCH DAMAGE. | |||
102 | padding-right:3px; | 102 | padding-right:3px; |
103 | width:32px; | 103 | width:32px; |
104 | 104 | ||
105 | // This is a hack to get the tools panel to extend all the way to the bottom. | 105 | // This is a hack to get the tools panel to extend all the way to the bottom. |
106 | padding-bottom:450px; | 106 | padding-bottom:450px; |
107 | } | 107 | } |
108 | 108 | ||
109 | // sizes for the specific panels | 109 | // sizes for the specific panels |
110 | 110 | ||
111 | #toolPropertiesPanel { | 111 | #toolPropertiesPanel { |
112 | height: 32px; | 112 | height: 32px; |
@@ -117,7 +117,7 @@ POSSIBILITY OF SUCH DAMAGE. | |||
117 | height: 100%; | 117 | height: 100%; |
118 | } | 118 | } |
119 | 119 | ||
120 | // Only used by Animation Presets Panel currently | 120 | // Only used by Animation Presets Panel currently |
121 | 121 | ||
122 | .treeComponent | 122 | .treeComponent |
123 | { | 123 | { |
@@ -125,7 +125,7 @@ POSSIBILITY OF SUCH DAMAGE. | |||
125 | font-size : 11px; | 125 | font-size : 11px; |
126 | margin-left: 20px; | 126 | margin-left: 20px; |
127 | cursor:default; | 127 | cursor:default; |
128 | color: $color-panel-text; | 128 | color: $color-panel-text; |
129 | } | 129 | } |
130 | 130 | ||
131 | .treeComponent ul | 131 | .treeComponent ul |
@@ -134,7 +134,7 @@ POSSIBILITY OF SUCH DAMAGE. | |||
134 | list-style: none; | 134 | list-style: none; |
135 | } | 135 | } |
136 | 136 | ||
137 | // This sets the style for a tree folder's icon | 137 | // This sets the style for a tree folder's icon |
138 | ul.treeComponent > img:first-child | 138 | ul.treeComponent > img:first-child |
139 | { | 139 | { |
140 | margin-left: -35px; | 140 | margin-left: -35px; |
@@ -154,7 +154,7 @@ ul.treeComponent > img:first-child | |||
154 | margin-left: -20px; | 154 | margin-left: -20px; |
155 | padding-right:10px; | 155 | padding-right:10px; |
156 | vertical-align:middle; | 156 | vertical-align:middle; |
157 | // border-bottom:1px solid #555555; | 157 | // border-bottom:1px solid #555555; |
158 | } | 158 | } |
159 | 159 | ||
160 | .treeCategory | 160 | .treeCategory |
@@ -165,11 +165,11 @@ ul.treeComponent > img:first-child | |||
165 | .treeItem { | 165 | .treeItem { |
166 | font-weight : normal; | 166 | font-weight : normal; |
167 | vertical-align:middle; | 167 | vertical-align:middle; |
168 | color: $color-panel-text; | 168 | color: $color-panel-text; |
169 | } | 169 | } |
170 | 170 | ||
171 | // ====== Used by Properties Panel ====== | 171 | // ====== Used by Properties Panel ====== |
172 | // Removed the outline text input style -> Causing problems with the Canvas | 172 | // Removed the outline text input style -> Causing problems with the Canvas |
173 | 173 | ||
174 | .propertiesPanel | 174 | .propertiesPanel |
175 | { | 175 | { |
@@ -225,7 +225,7 @@ ul.treeComponent > img:first-child | |||
225 | background-color: $color-panel-shadow; | 225 | background-color: $color-panel-shadow; |
226 | } | 226 | } |
227 | 227 | ||
228 | // ====== Indexed table row and column classes for Properties Panel layout ====== | 228 | // ====== Indexed table row and column classes for Properties Panel layout ====== |
229 | .propRow1{ | 229 | .propRow1{ |
230 | width:100%; | 230 | width:100%; |
231 | } | 231 | } |
@@ -323,14 +323,14 @@ ul.treeComponent > img:first-child | |||
323 | } | 323 | } |
324 | 324 | ||
325 | .splitterBackground { | 325 | .splitterBackground { |
326 | background: $color-app-bg; | 326 | background: $color-app-bg; |
327 | } | 327 | } |
328 | 328 | ||
329 | 329 | ||
330 | 330 | ||
331 | // Begin: Project Panel UI classes | 331 | // Begin: Project Panel UI classes |
332 | .Project-Panel { | 332 | .Project-Panel { |
333 | height: 100%; | 333 | height: 100%; |
334 | } | 334 | } |
335 | #pp-container { | 335 | #pp-container { |
336 | height: 100%; | 336 | height: 100%; |
@@ -343,7 +343,7 @@ ul.treeComponent > img:first-child | |||
343 | #pp-container h3 { | 343 | #pp-container h3 { |
344 | font-weight: normal; | 344 | font-weight: normal; |
345 | padding-left: 2em; | 345 | padding-left: 2em; |
346 | color: $color-menu-hilite-bg; | 346 | color: $color-menu-hilite-bg; |
347 | } | 347 | } |
348 | #pp-col-buttons { | 348 | #pp-col-buttons { |
349 | position: absolute; | 349 | position: absolute; |
@@ -369,50 +369,50 @@ ul.treeComponent > img:first-child | |||
369 | margin-bottom: 36px; | 369 | margin-bottom: 36px; |
370 | 370 | ||
371 | } | 371 | } |
372 | // | 372 | // |
373 | #pp-container-list, | 373 | #pp-container-list, |
374 | #pp-container-assets { | 374 | #pp-container-assets { |
375 | height: 310px; | 375 | height: 310px; |
376 | width: 100%; | 376 | width: 100%; |
377 | overflow: auto; | 377 | overflow: auto; |
378 | } | 378 | } |
379 | 379 | ||
380 | 380 | ||
381 | .pp-scroll-main { | 381 | .pp-scroll-main { |
382 | display: block; | 382 | display: block; |
383 | position:absolute; | 383 | position:absolute; |
384 | height:auto; | 384 | height:auto; |
385 | bottom:0; | 385 | bottom:0; |
386 | top:0; | 386 | top:0; |
387 | left:0; | 387 | left:0; |
388 | right:0; | 388 | right:0; |
389 | margin-top:18px; | 389 | margin-top:18px; |
390 | overflow: auto; | 390 | overflow: auto; |
391 | } | 391 | } |
392 | .pp-scroll-main .pp-scroll-linked{ | 392 | .pp-scroll-main .pp-scroll-linked{ |
393 | display: block; | 393 | display: block; |
394 | position:absolute; | 394 | position:absolute; |
395 | height: auto; | 395 | height: auto; |
396 | bottom:0; | 396 | bottom:0; |
397 | top:0; | 397 | top:0; |
398 | left:0; | 398 | left:0; |
399 | right:0; | 399 | right:0; |
400 | overflow: visible; | 400 | overflow: visible; |
401 | 401 | ||
402 | } | 402 | } |
403 | #pp-view-assets { | 403 | #pp-view-assets { |
404 | display: none; | 404 | display: none; |
405 | } | 405 | } |
406 | // | 406 | // |
407 | #pp-container-assets .pp-scroll-linked, | 407 | #pp-container-assets .pp-scroll-linked, |
408 | #pp-container-list .pp-scroll-linked { | 408 | #pp-container-list .pp-scroll-linked { |
409 | //width: 420px; | 409 | //width: 420px; |
410 | } | 410 | } |
411 | 411 | ||
412 | 412 | ||
413 | .pp-header-container { | 413 | .pp-header-container { |
414 | position: relative; | 414 | position: relative; |
415 | overflow: hidden; | 415 | overflow: hidden; |
416 | border-bottom: 1px solid $color-menu-border; | 416 | border-bottom: 1px solid $color-menu-border; |
417 | background-color: $color-panel-shadow; | 417 | background-color: $color-panel-shadow; |
418 | min-width: 390px; | 418 | min-width: 390px; |
@@ -429,30 +429,30 @@ ul.treeComponent > img:first-child | |||
429 | position: relative; | 429 | position: relative; |
430 | } | 430 | } |
431 | .pp-header .pp-resize-grip { | 431 | .pp-header .pp-resize-grip { |
432 | width: 7px; | 432 | width: 7px; |
433 | height: 18px; | 433 | height: 18px; |
434 | overflow: hidden; | 434 | overflow: hidden; |
435 | position: absolute; | 435 | position: absolute; |
436 | top: 0px; | 436 | top: 0px; |
437 | right: 0px; |