aboutsummaryrefslogtreecommitdiff
path: root/scss/imports/scss/_PanelUI.scss
diff options
context:
space:
mode:
Diffstat (limited to 'scss/imports/scss/_PanelUI.scss')
-rwxr-xr-xscss/imports/scss/_PanelUI.scss430
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
28POSSIBILITY OF SUCH DAMAGE. 28POSSIBILITY 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
138ul.treeComponent > img:first-child 138ul.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;