From 3a754133dbc138390503341fd2e9beba3e43aa4b Mon Sep 17 00:00:00 2001
From: Jose Antonio Marquez
Date: Fri, 27 Jan 2012 12:05:17 -0800
Subject: Merged old FileIO
---
.../_PanelUI.scssc | 1684 --------------------
1 file changed, 1684 deletions(-)
delete mode 100644 _scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_PanelUI.scssc
(limited to '_scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_PanelUI.scssc')
diff --git a/_scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_PanelUI.scssc b/_scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_PanelUI.scssc
deleted file mode 100644
index cf19df48..00000000
--- a/_scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_PanelUI.scssc
+++ /dev/null
@@ -1,1684 +0,0 @@
-3.0.24 (Classy Cassidy)
-7f5158c797572fbfc123a63d6341e8c9bfe2dd24
-o:Sass::Tree::RootNode
-:
-@linei:
@options{:
-style:
expanded:load_paths[",/Users/rmwh84/Sites/Ninja/MainApp/_scss"o/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/blueprint/stylesheets"~/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/_blueprint_deprecated_imports/stylesheets"m/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/compass/stylesheets"|/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/_compass_deprecated_imports/stylesheets"l/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-960-plugin-0.10.0/lib/../stylesheets"j/Applications/compass.app/Contents/Resources/ruby/gem/gems/html5-boilerplate-0.2.6/lib/../stylesheets:
-cacheT:cache_location"8/Users/rmwh84/Sites/Ninja/MainApp/_scss/.sass-cache:syntax: scss:line_commentsT:
-quietT:
filename"G/Users/rmwh84/Sites/Ninja/MainApp/_scss/imports/scss/_PanelUI.scss:css_filename"=/Users/rmwh84/Sites/Ninja/MainApp/_scss/../css/ninja.css:property_syntax0:@template"/*
- This file contains proprietary software owned by Motorola Mobility, Inc.
- No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
- (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
- */
-
-/*
- * PanelUI.scss
- * Styles governing the panels in the UI.
- * Note that colors and font definitions go in
- * _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
- */
-/* layout for the container of all panels within a dock area */
-.panelContainer {
- margin: 0px;
- padding: 0px 0px;
- position:relative;
- /*
- this is here to hopefully show vertical scroll bars when the panels exceed the height of the panel
- unfortunately it doesn't seem to work properly. this is probably due to some of our box styling or positioning
- overflow: auto; */
-}
-
-/* base layout style for all panels*/
-.panelDisclosureIcon
-{
- background-image:url("../images/panels/panelDisclosureIcon.png");
- background-repeat:no-repeat;
- width:16px;
- height:16px;
- float:left;
- -webkit-transition-property: rotate;
- -webkit-transition-duration: 0.2s;
- -webkit-transition-timing-function: linear;
- padding-right:2px;
-}
-.panelBackground {
- color: $color-panel-text;
- background: $color-tool-bg;
-}
-
-.panelCollapseArrowFill {
- 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 */
- padding:0px 4px;
-}
-
-.panelContentColor {
- background: $color-panel-bg;
- border-color: $color-panel-border;
-}
-.panelCaptionColor {
- color: $color-panel-text;
-}
-
-
-/*
- * Removed by Jon Reid. Please make this selector more specific to avoid
- * styling ALL the labels in ANY panel.
-
-.panelContent label {
- float: left;
- width: 5em;
- margin-right: 1em;
- text-align: right;
-}
-*/
-
-.panelCaption {
- padding: 2px 0px;
- cursor:default;
-}
-
-.panelContainerTransition {
- -moz-transition: width 0.3s ease-out, height 0.2s ease-out, opacity 0.2s ease-out;
- -o-transition: width 0.3s ease-out, height 0.2s ease-out, opacity 0.2s ease-out;
- -webkit-transition: width 0.3s ease-out, height 0.2s ease-out, opacity 0.2s ease-out;
-}
-
-.panelCloseIcon
-{
- background-image:url("../images/panels/closeIcon.png");
- background-repeat:no-repeat;
- width:15px;
- height:14px;
- float:right;
- opacity:0.5;
-}
-
-.panelCloseIcon:hover
-{
- opacity:1.0;
-}
-
-.toolsPanelContainer
-{
- margin-top: -2px;
- margin-left: -2px;
- padding-top:20px;
- padding-left:3px;
- padding-right:3px;
- width:32px;
-
- /*This is a hack to get the tools panel to extend all the way to the bottom.*/
- padding-bottom:450px;
-}
-
-/* sizes for the specific panels */
-
-#toolPropertiesPanel {
- height: 32px;
- margin:0px;
-}
-
-#timelinePanel {
- height: 116px;
-}
-
-/* Only used by Animation Presets Panel currently */
-
-.treeComponent
-{
- -webkit-user-select: none;
- font-size : 11px;
- margin-left: 20px;
- cursor:default;
- color: $color-panel-text;
-}
-
-.treeComponent ul
-{
- position: relative;
- list-style: none;
-}
-
-/*This sets the style for a tree folder's icon*/
-ul.treeComponent > img:first-child
-{
- margin-left: -35px;
- margin-right: 5px;
- -webkit-transition: -webkit-transform 0.1s linear;
-}
-
-.treeComponent li
-{
- position: relative;
- list-style: none;
- border-bottom:1px solid $color-panel-divider;
-}
-
-.treeComponent li img
-{
- margin-left: -20px;
- padding-right:10px;
- vertical-align:middle;
- /*border-bottom:1px solid #555555;*/
-}
-
-.treeCategory
-{
- font-weight : bold;
-}
-
-.treeItem {
- font-weight : normal;
- vertical-align:middle;
- color: $color-panel-text;
-}
-
-/* ====== Used by Properties Panel ====== */
-/* Removed the outline text input style -> Causing problems with the Canvas */
-
-.propertiesPanel
-{
- min-height: 300px;
- margin-top:4px;
-}
-
-.panelHRule
-{
- border:none;
- display:block;
- float:left;
- clear:both;
- width:100%;
- height:3px;
- background-color: $color-panel-divider;
-}
-
-.vr
-{
- position:absolute;
- display:inline;
- border:none;
- clear:both;
- width:2px;
- height:26px;
-
- background-image: -webkit-gradient(
- linear,
- left bottom,
- right bottom,
- color-stop(0.4, $color-menu-border),
- color-stop(0.8, $color-panel-shadow)
- )
-}
-
-.panelInputText
-{
- resize: none;
- color: white;
- background-color: $color-panel-input-bg;
- border: 1px solid $color-panel-input-border;
- width : 100px;
- outline: none;
-}
-
-.piCollapsibleSectionHeader
-{
- font-size:12px;
- padding-left:10px;
- vertical-align:top;
- height:16px;
- background-color: $color-panel-shadow;
-}
-
-/* ====== Indexed table row and column classes for Properties Panel layout ====== */
-.propRow1{
- width:100%;
-}
-.propRow1Col1{
- width:30%;
- text-align:right;
-}
-.propRow1Col2{
- width:70%;
-}
-
-.propRow2{
- width:100%;
-}
-.propRow2Col1{
- width:30%;
-}
-.propRow2Col2{
- width:20%;
-}
-.propRow2Col3{
- width:20%;
-}
-.propRow2Col4{
- width:40%;
-}
-
-.propRow3{
- width:100%;
-}
-.propRow3Col1{
- width:5%;
-}
-.propRow3Col2{
- width:5%;
-}
-.propRow3Col3{
- width:20%;
-}
-.propRow3Col4{
- width:20%;
-}
-.propRow3Col5{
- width:20%;
-}
-.propRow3Col6{
- width:30%;
-}
-
-.propRow4{
- width:100%;
-}
-.propRow4Col1{
- width:30%;
-}
-.propRow4Col2{
- width:20%;
-}
-.propRow4Col3{
- width:20%;
-}
-.propRow4Col4{
- width:40%;
-}
-.propRow4Col5{
- width:30%;
-}
-.propRow4Col6{
- width:20%;
-}
-.propRow4Col7{
- width:20%;
-}
-.propRow4Col8{
- width:40%;
-}
-
-.testClass{
- background-color:green;
- border-radius: 35px;
- position:relative;
-}
-
-.topRightCornerIcon{
- -webkit-transform: rotate(90deg);
-}
-.topLeftCornerIcon{
- -webkit-transform: rotate(0deg);
-}
-.bottomRightCornerIcon{
- -webkit-transform: rotate(180deg);
-}
-.bottomLeftCornerIcon{
- -webkit-transform: rotate(270deg);
-}
-
-.splitterBackground {
- background: $color-app-bg;
-}
-
-
-
-/* Begin: Project Panel UI classes */
-.Project-Panel {
- height: 100%;
-}
-#pp-container {
- height: 100%;
- background-color: $color-tool-bg;
- border: 0px;
- overflow-y: hidden !IMPORTANT;
- position: relative;
-}
-
-#pp-container h3 {
- font-weight: normal;
- padding-left: 2em;
- color: $color-menu-hilite-bg;
-}
-#pp-col-buttons {
- position: absolute;
- top: 8px;
- left: -1px;
- height: 100%;
- width: 28px;
-}
-#pp-col-files {
- display: block;
- position:absolute;
- height:auto;
- overflow: hidden;
- bottom:0;
- top:0;
- left:0;
- right:0;
- border: 2px solid $color-menu-border;
- border-bottom-width: 0px;
- background-color: $color-menu-bg;
- margin-left: 30px;
- margin-right: 10px;
- margin-bottom: 36px;
-
-}
-/*
-#pp-container-list,
-#pp-container-assets {
- height: 310px;
- width: 100%;
- overflow: auto;
-}
-*/
-
-.pp-scroll-main {
- display: block;
- position:absolute;
- height:auto;
- bottom:0;
- top:0;
- left:0;
- right:0;
- margin-top:18px;
- overflow: auto;
-}
-.pp-scroll-main .pp-scroll-linked{
- display: block;
- position:absolute;
- height: auto;
- bottom:0;
- top:0;
- left:0;
- right:0;
- overflow: visible;
-
-}
-#pp-view-assets {
- display: none;
-}
-/*
-#pp-container-assets .pp-scroll-linked,
-#pp-container-list .pp-scroll-linked {
- width: 420px;
-}
-*/
-
-.pp-header-container {
- position: relative;
- overflow: hidden;
- border-bottom: 1px solid $color-menu-border;
- background-color: $color-panel-shadow;
- min-width: 390px;
-}
-.pp-header {
- border-right: 1px solid $color-menu-border;
- color: $color-panel-text;
- padding-top: 4px;
- padding-left: 6px;
- font-weight: bold;
- display: block;
- float: left;
- overflow: visible;
- position: relative;
-}
-.pp-header .pp-resize-grip {
- width: 7px;
- height: 18px;
- overflow: hidden;
- position: absolute;
- top: 0px;
- right: 0px;
- cursor: col-resize;
- z-index: 10;
-}
-.pp-header-container .header-file {
- min-width: 100px;
- width: 160px;
-}
-.pp-header-container .header-size {
- min-width: 50px;
- width: 50px;
-}
-.pp-header-container .header-type {
- min-width: 50px;
- width: 50px;
-}
-.pp-header-container .header-date {
- min-width: 100px;
- width: 120px;
-}
-
-#pp-container-list ul {
- margin-top: 0px;
- margin-left: 11px;
-}
-#pp-container-list ul.tree {
- border-right: 1px solid $color-menu-divider;
-}
-#pp-container-list ul.tree > li:first-child > .pp-span-all:first-child {
- font-weight: bold;
-}
-
-#pp-container-list ul ul {
- margin: 0px;
- padding: 0px;
- display: block;
-}
-#pp-container-list li {
- padding-top: 3px;
- padding-bottom: 3px;
- font-size: 11px;
- border-bottom: 1px solid $color-menu-divider;
- color: $color-menu-text;
- width: 100%;
-}
-
-#pp-container-list li.open li:last-child {
- border-bottom: 0px;
- padding-bottom: 0px;
-}
-#pp-container-list li.open li:first-child {
- border-top: 1px solid $color-menu-divider;
-}
-#pp-container #pp-container-list li.closed ul {
- display: none;
- padding-top: 3px;
-}
-#pp-container-list li.open ul {
- display: block;
- padding-top: 3px;
-}
-#pp-container-list li.directory {
- cursor: pointer;
-}
-#pp-container-list li.file {
- cursor: default;
-}
-span.pp-span-all {
- display: block;
-}
-span.pp-span-all:focus {
- -webkit-box-shadow: none;
- background-color: $color-focus-outline;
- border-color: $color-focus-outline;
- color: $color-menu-bg;
-}
-
-#pp-view-assets .pp-asset-col {
- float: left;
-}
-#pp-view-assets .pp-col-files {
- width: 167px;
-}
-#pp-view-assets .pp-col-size {
- width: 57px;
-}
-#pp-view-assets .pp-col-type {
- width: 57px;
-}
-#pp-view-assets .pp-col-date {
- width: 127px;
-}
-.pp-sort-arrow {
- display: none;
-}
-.pp-sort .pp-sort-arrow {
- display: block;
- width: 9px;
- height: 5px;
- /*
- margin-right: 10px;
- margin-top: 2px;
- */
- background-image: url("../images/panels/project-panel/icon-sort-arrow.png");
- background-repeat: no-repeat;
- position: absolute;
- top: 5px;
- right: 10px;
-}
-.pp-sort.sort-ascending .pp-sort-arrow {
- background-position: 0 0;
-}
-.pp-sort.sort-descending .pp-sort-arrow {
- background-position: 0px -5px;
-}
-#pp-view-assets .pp-asset-col div {
- color: $color-panel-text;
- padding-left: 5px;
- border-bottom: 1px solid $color-menu-divider;
- padding-top: 3px;
- padding-bottom: 3px;
- font-size: 11px;
- overflow: hidden;
- text-overflow: ellipsis;
- border-right: 1px solid $color-menu-divider;
-}
-#pp-view-assets .focused {
- background-color: #ccc;
-}
-#pp-view-assets :focus {
- -webkit-box-shadow: none;
-}
-
-#pp-view-assets #pp-container-assets :focus,
-#pp-view-assets #pp-container-assets .focused {
- background-color: $color-focus-outline;
- border-color: $color-focus-outline;
- color: $color-menu-bg;
-}
-
-/* Icons! */
-#pp-container-list li,
-#pp-container-list span.span-space {
- background-repeat: no-repeat;
-}
-#pp-container-list li.directory.open > span.pp-span-all > span.pp-col-files > span.span-space {
- background-image:url("../images/panels/project-panel/icon-file-folderopen.png");
- background-position: 100% 0px;
-}
-#pp-container-list li.directory.closed >span.pp-span-all> span.pp-col-files > span.span-space {
- background-image:url("../images/panels/project-panel/icon-file-folderclosed.png");
- background-position: 100% 0px;
-}
-#pp-container-list li.file span.span-space {
- background-image: url("../images/panels/project-panel/icon-file-misc.png");
- background-position: 100% 0px
-}
-#pp-container-list li.file.png span.span-space,
-#pp-container-list li.file.gif span.span-space,
-#pp-container-list li.file.jpg span.span-space,
-#pp-container-list li.file.jpeg span.span-space,
-#pp-view-assets .pp-col-files .pp-type-image {
- background-image: url("../images/panels/project-panel/icon-file-image.png");
-}
-#pp-container-list li.file.html span.span-space,
-#pp-container-list li.file.htm span.span-space,
-#pp-container-list li.file.js span.span-space,
-#pp-container-list li.file.css span.span-space,
-#pp-view-assets .pp-col-files .pp-type-script {
- background-image: url("../images/panels/project-panel/icon-file-script.png");
-}
-#pp-container-list li.file.mp4 span.span-space,
-#pp-container-list li.file.avi span.span-space,
-#pp-container-list li.file.mpeg span.span-space,
-#pp-container-list li.file.mpg span.span-space,
-#pp-view-assets .pp-col-files .pp-type-video {
- background-image: url("../images/panels/project-panel/icon-file-video.png");
-}
-#pp-container-list li.file.mp3 span.span-space,
-#pp-container-list li.file.mp4 span.span-space,
-#pp-container-list li.file.wav span.span-space,
-#pp-view-assets .pp-col-files .pp-type-audio {
- background-image: url("../images/panels/project-panel/icon-file-audio.png");
-}
-
-#pp-view-assets .pp-col-files .pp-type-other {
- background-image: url("../images/panels/project-panel/icon-file-misc.png");
-}
-
-#pp-view-assets .pp-col-files .pp-type-flash {
- background-image: url("../images/panels/project-panel/icon-file-flash.png");
-}
-#pp-view-assets .pp-col-files .pp-type-component {
- background-image: url("../images/panels/project-panel/icon-file-component.png");
-}
-#pp-view-assets .pp-col-files .pp-type-tag {
- background-image: url("../images/panels/project-panel/icon-file-tag.png");
-}
-#pp-view-assets .pp-col-files div {
- background-repeat: no-repeat;
- background-position: 7px 2px;
- padding-left: 25px;
-}
-
-#pp-view-assets h3 {
- text-align: center;
- display: none;
-}
-
-#pp-container-list span.pp-col-files,
-#pp-container-list span.pp-col-size,
-#pp-container-list span.pp-col-date {
- display: block;
- float: left;
- white-space: nowrap;
- overflow: hidden;
- line-height: 15px;
- text-overflow: ellipsis;
-}
-
-#pp-container-list span.pp-col-size,
-#pp-container-list span.pp-col-date {
- padding-left: 10px;
-}
-#pp-container-list span.pp-col-size {
- width: 47px;
-}
-#pp-container-list span.pp-col-date {
- width: 97px;
-}
-#pp-container-list span.pp-col-files {
- width: 151px;
-}
-#pp-container-list span.span-space {
- display: block;
- float: left;
- margin-right: 5px;
- height: 15px;
-}
-
-
-/* Buttons */
-.pp-button,
-#pp-col-buttons .pp-button div {
- margin: 0px;
- padding: 0px;
- width: 26px;
- height: 25px;
- background-repeat: no-repeat;
- overflow: hidden;
-}
-.pp-button {
- margin-top: 5px;
- cursor: pointer;
- position: relative;
- left: 2px;
-}
-.pp-disabled .pp-button {
- cursor: default;
- opacity: 0.50;
-}
-.pp-disabled .pp-button:focus {
- -webkit-box-shadow: none;
-}
-#pp-container-list h3 {
- display: none;
-}
-.pp-disabled #pp-container-list h3 {
- display: block;
- text-align: center;
-}
-
-.pp-button.active {
- background-image: url("../images/panels/project-panel/icon-button-selected.png");
-}
-.pp-disabled .pp-button.active {
- background-image: none;
-}
-.pp-button.active:focus {
- outline: none;
-}
-.pp-button:active:focus {
- outline: none;
-}
-.pp-button.button-project div {
- background-image: url("../images/panels/project-panel/icon-button-project.png")
-}
-.pp-button.button-component div {
- background-image: url("../images/panels/project-panel/icon-button-component.png")
-}
-.pp-button.button-script div {
- background-image: url("../images/panels/project-panel/icon-button-script.png")
-}
-.pp-button.button-video div {
- background-image: url("../images/panels/project-panel/icon-button-video.png")
-}
-.pp-button.button-audio div {
- background-image: url("../images/panels/project-panel/icon-button-audio.png")
-}
-.pp-button.button-image div {
- background-image: url("../images/panels/project-panel/icon-button-image.png")
-}
-.pp-button.button-tag div {
- background-image: url("../images/panels/project-panel/icon-button-tag.png")
-}
-.pp-button.button-flash div {
- background-image: url("../images/panels/project-panel/icon-button-flash.png")
-}
-.pp-button.button-showall div {
- background-image: url("../images/panels/project-panel/icon-button-showall.png")
-}
-
-#pp-col-buttons .nj-divider.divider-horizontal {
- margin-top: 10px;
- margin-bottom: 10px;
-}
-div.pp-button.button-divider div {
- height: 1px;
- width: 24px;
- background-color: $color-tool-separator-middle;
- border-top: 1px solid $color-tool-separator-top;
- border-bottom: 1px solid $color-tool-separator-bottom;
- cursor: default;
-}
-
-.pp-button.button-undefined {
- display: none;
-}
-
-/* Hide and Show different types of assets */
-.pp-type-script,
-.pp-type-video,
-.pp-type-audio,
-.pp-type-image,
-.pp-type-flash,
-.pp-type-other {
- display: none;
-}
-.pp-show-all .pp-asset-col div {
- display: block;
-}
-
-.pp-show-scripts .pp-type-script {
- display: block;
-}
-.pp-show-videos .pp-type-video {
- display: block;
-}
-.pp-show-audio .pp-type-audio {
- display: block;
-}
-.pp-show-images .pp-type-image {
- display: block;
-}
-.pp-show-flash .pp-type-flash {
- display: block;
-}
-
-/* New file flyout */
-.pp-popup {
- position: absolute;
- top: -53px;
- left: -40px;
- width: 80px;
- height: 50px;
- overflow: hidden;
- border-radius: 5px;
- background-color: $color-tool-bg;
- border: 2px solid $color-app-border;
- z-index: 100;
- display: none;
-}
-.pp-popup p {
- color: $color-menu-text;
- margin: 0px;
- padding: 0px;
-}
-/* Search subwidget */
-#pp-search {
- position: absolute;
- display: block;
- height: 24px;
- border: 2px solid $color-menu-border;
- background-color: $color-menu-bg;
- margin-left: 30px;
- margin-right: 10px;
- left: 0px;
- bottom: 10px;
- right: 0px;
-}
-#pp-search label {
- position: absolute;
- top: 7px;
- left: 12px;
- width: 20px;
- height: 20px;
- background-image: url("../images/panels/project-panel/icon-button-search.png");
- background-repeat: no-repeat;
- z-index: 10;
-}
-#pp-search input {
- width: 100%;
- height: 16px;
- margin-left: 7px;
- margin-top: 0px;
- padding-left: 15px;
- top: -3px;
- position: relative;
-}
-#pp-search div.pp-button {
- position: relative;
- width: 20px;
- height: 20px;
- float: right;
- margin-left: 5px;
- background-repeat: no-repeat;
- background-position: 0 2px;
- overflow: visible;
- top: -6px;
-}
-#pp-search div.button-add {
- background-image: url("../images/panels/project-panel/icon-button-plus.png");
-}
-#pp-search div.button-delete {
- background-image: url("../images/panels/project-panel/icon-button-delete.png");
-}
-#pp-view-assets #pp-container-assets .pp-filter-hidden {
- display: none;
-}
-
-
-/* Inline editor styling */
-#pp-container-assets input.inline-editor {
- height: 11px;
- width: 80%;
- background-color: $color-panel-hilite-text !IMPORTANT;
- color: $color-panel-hilite-bg !IMPORTANT;
- top:-2px;
- border-width: 0px;
- font-size: 11px;
-}
-
-
-/* End: Tree component for Project Panel */
-
-
-.subToolHolderPanel{
- margin-left:42px
-}
-
-.subToolPanel{
- margin-top:-6px
-}
-
-/*.marginposition{*/
- /*margin-top:-26px*/
-/*}*/
-/* Begin: Properties Panel styles */
-
-.properties_panel {
- overflow-x: hidden;
- color: $color-panel-text;
-}
-
-/* Begin: styling the form elements */
-.properties_panel select {
- -webkit-appearance: none;
- font-size: 9px;
- color: $color-panel-text;
- background-color: $color-panel-input-bg;
- border: 1px solid $color-panel-input-border;
- width : 120px;
- height: 15px;
- outline: none;
- background-image: url("../images/dropdown-bg.png");
- background-repeat: no-repeat;
- background-position: right center;
-}
-.properties_panel select:focus {
- outline: none;
- border: 1px solid $color-panel-input-border;
-}
-.properties_panel .layout-table .layout-cell input[type="text"] {
- height: 11px;
- width: 120px;
- font-size: 10px;
- border: 1px solid $color-panel-input-border;
- background-color: $color-panel-input-bg;
- outline: none;
-}
-.properties_panel input[type="checkbox"] {
- position: relative;
- top: -2px;
-}
-
-button.panel-button {
- -webkit-appearance: none;
- font-size: 9px;
- color: $color-panel-text;
- background-color: $color-panel-input-bg;
- border: 1px solid $color-panel-input-border;
- cursor: pointer;
- margin-left: 75%;
-}
-.properties_panel .hottextunit input {
- width: 40px;
- height: 12px;
- font-size: 10px;
- -webkit-appearance: none;
- border-color: $color-panel-input-border;
- background-color: $color-panel-input-bg;
- color: $color-panel-input;
-}
-/* End: styling the form elements */
-
-
-/* main section styles */
-.pp_sectionHeader{
- font-size:12px;
- padding-left:37px;
- height:15px;
- background-color: $color-panel-dividerlabel-bg;
- background-image: url("../images/panels/panelDisclosureIcon.png");
- background-repeat: no-repeat;
- background-position: 11px 0px;
- margin-bottom: 8px;
-}
-
-.pp_section{
- width: 227px;
- margin-top: 5px;
-}
-
-/* control groups */
-.pp_group{
- width: 100%;
- clear: both;
- margin-left: 5px;
-}
-.pp_propset{
- float: left;
- width: auto;
- height: 20px;
-}
-.pp_lock{
- position: absolute;
- top: -2px;
- left: 25px;
-}
-
-/* controls */
-.pp_proplabel{
- float: left;
- width: auto;
-}
-.pp_proplabel_sm{
- float: left;
- width: auto;
-}
-.pp_inputText {
- resize: none;
- color: $color-panel-text;
- background-color: $color-panel-input-bg;
- border: 1px solid $color-panel-input-border;
- width : 120px;
- height: 10px;
- outline: none;
- font-size: 11px;
- margin-bottom: 9px;
- padding-left: 2px;
-}
-.pp_hottext{
- float: left;
- width: auto;
-}
-.pp_check{
- float: left;
- width: auto;
-}
-.properties_panel label {
- display: block;
- float: left;
- line-height: 12px;
- height: 16px;
-}
-/* Style overrides/extensions for tabular layout classes within panels */
-.panel .layout-cell {
- vertical-align: top;
- text-align: left;
-}
-#props_defaultids label,
-.panel .layout-table .layout-cell:first-child,
-.panel .layout-table.table-2col .layout-cell:first-child {
- width: 70px;
- text-align: right;
- margin-right: 7px;
-}
-.panel .layout-table.table-2col-wide {
- width: 100%;
-}
-.layout-table.table-2col-wide .layout-row {
- width: 100%;
-}
-.panel .layout-table.table-2col-wide .layout-cell {
- width: 50%;
-}
-/* Slider properties */
-.slider_props .layout-table.table-2col-wide .layout-cell:first-child,
-.button_props .layout-table.table-2col-wide .layout-cell:first-child,
-.hottext_props .layout-table.table-2col-wide .layout-cell:first-child,
-.imagecont_props .layout-table.table-2col-wide .layout-cell:first-child,
-.toggle_props .layout-table.table-2col-wide .layout-cell:first-child,
-.image_props .layout-table.table-2col-wide .layout-cell:first-child {
- width: 100%;
-}
-.image_props .layout-table.table-2col-wide .layout-cell:first-child {
- width: 200%;
-}
-.hottext_props .layout-table.table-2col-wide .layout-cell {
- margin-bottom: 6px;
-}
-.panel .layout-table.table-2col-wide .layout-cell:first-child {
- text-align: right;
-}
-.panel .layout-table.table-2col-wide .layout-cell:last-child {
- padding-left: 7px;
-}
-.panel .layout-table.table-4col .layout-cell:first-child {
- width: 30px;
- text-align: right;
- margin-right: 7px;
-}
-.panel .layout-table .flexor {
- padding-right: 7px;
-}
-
-.panel .layout-table .flexor {
- width: 80px;
- padding-right: 7px;
-}
-.panel .layout-table.table-4col .flexor {
- width: 55px;
-}
-
-
-
-.pp_divider {
- height: 1px;
- overflow: hidden;
- background-color: $color-panel-divider-bottom;
- border-top: 1px solid $color-panel-divider-top;
- margin-left: 4px;
- margin-right: 10px;
- margin-bottom: 8px;
-}
-.properties_panel .layout-table {
- position: relative;
- margin-bottom: 10px;
-}
-
-/* Begin: Styles for DivPIProperties */
-.pp_colorpicker{
- width: 35px;
- height: 20px;
- overflow: hidden;
- text-indent: -9999px;
- padding: 0px 0px 0px 0px;
- display: block;
- float: left;
- cursor: pointer;
- background-color: #333;
- border: solid 1px #000;
-}
-.pp_strokelabel{
- border: none;
- margin: -1px 8px 0px 27px;
-}
-.pp_filllabel{
- border-width: none;
- margin: -1px 8px 0px 34px;
-}
-/* End Styles for DivPIProperties */
-
-
-
-/* End: Properties Panel styles */
-
-/* New Panel Layout Stuff */
-
-.panels {
- display: -webkit-box;
- position:absolute;
- -webkit-box-orient: vertical;
- -webkit-box-align: stretch;
- height:100%;
- width:100%;
-}
-.panel .resizeBar {
- height:4px;
- cursor: row-resize;
-}
-
-.panels .panel {
- min-height: 25px;
- -webkit-box-flex:0;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- //taking out transitions due to glitching ui -webkit-transition: 0.2s all linear;
- background:#282828;
- height:200px;
- padding:0px 2px;
- -webkit-box-sizing:border-box;
-}
-
-.panels .panel .panelBody {
- -webkit-box-flex:1;
- -webkit-box-sizing:border-box;
- -webkit-box-orient: vertical;
- -webkit-box-align: stretch;
- position:relative;
- resize: vertical;
- overflow: auto;
- height:200px;
-
-}
-.panel .panelBodyContent {
- -webkit-box-sizing: border-box;
- -webkit-box-align:stretch;
- position:absolute;
- height:100%;
- width:100%;
-}
-
-.panel .panelBodyContent .panelObjects {
- -webkit-box-sizing: border-box;
- position:absolute;
- height:100%;
- width:100%;
-}
-
-.panel .head {
- display: -webkit-box;
- -webkit-box-orient: horizontal;
- -webkit-box-align: stretch;
- height:25px;
- line-height: 25px;
-}
-.panel .head span {
- height:25px;
- line-height: 25px;
- display: -webkit-box;
- -webkit-box-flex:0;
-}
-
-.panel .head .panelTitle {
- -webkit-box-flex:1;
- color:#FFF;
-}
-
-.panel .head .arrowIcon {
- background: url('data:image/png;base64,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') 5px 3px no-repeat;
- width:25px;
- cursor: pointer;
-}
-.panel .head.collapsed .arrowIcon {
- -webkit-transform:rotate(-90deg);
-}
-
-.panel .head .closeBtn {
- background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAKdGlDQ1BJQ0MgUHJvZmlsZQAAeAHVlmdUFGcXx+/M9kbZXaqUpXekV+l1KYJUwcayS4d1XYqI2AlGIBZURMCGBkEUjAWQWBALqATBAipqQIKCGoMFUVHJLASTc943394v7z3neeY3/+fOnWfmzpzzB6A38USiVFQGIE2YIQ7xcefMj4rmkPoAASbQAQ/WPH66yC04OAD+Nd73YNlY3DaR1PrXtP++ICuIS+cDIMHYcqwgnZ+G8SmM3/FF4gwAtBrjruUZIoxx2RizxdgGMS6ScMI075dw7DRLrmWLw0I8sJx2ADKdxxMnANDuYDoni5+A1aG9w9hMKEgSAtC1MXbmJ/IEGGMDjNPSlkp4K8b6sf+ok/AP5vFiv9Xk8RK+8fSzYFdiN/ZMShel8lZMnfwvp7TUTOx9TQUTm+nC1LmS3tCxMSzgefrPsCh1qmdTepwwPHRGF8bODZrheLF3yAyLMtz/wcFhM3pOosfcGY5L9/pWJ5nnJ+nZVH1xZkj4DKdnhXrNcE5iWOQMC+I8v+nxSd7cGT0pg/vtXilL/b/tAQLADSzACszAOiMuG+sbgMdS0QpxUkJiBscN+9LijDlcId/UmGNhZm4uWf6/Cck/Nr3Zt/em/h1Envy3llkLMAfrEZL7t7bgI0C9GYBCx9+aDvbQ7LUAZ57yM8VZ0/XwkgMBqCANbFACNdACfTDB3qMNOIIreIEfBEEYRMFi4EMipIEYlkMurIN8KIStsBPKYB8chGo4BiegEc7CRbgKN6AL7kIf9MMQvIBReA8TCIKQEAbCQpQQdUQHMUIsEDvEGfFCApAQJAqJQRIQIZKJ5CIbkEKkGClDDiA1yE/IGeQicg3pRu4jA8gI8gb5hOJQOspGVVFddDZqh7qh/mgYughNQJehOWgeuhktRSvRo2gDehG9gd5F+9EX6BgOcDScPE4DZ4Kzw3nggnDRuHicGLcaV4ArwVXi6nDNuDbcbVw/7iXuI56IZ+E5eBO8I94XH47n45fhV+OL8GX4anwD/jL+Nn4AP4r/SmAQVAhGBAcClzCfkEBYTsgnlBCqCKcJVwh3CUOE90QiUZ6oR7Ql+hKjiMnElcQi4h5iPbGF2E0cJI6RSCQlkhHJiRRE4pEySPmk3aSjpAukW6Qh0gcyjaxOtiB7k6PJQvJ6cgn5CPk8+Rb5GXmCIkPRoThQgigCygrKFsohSjPlJmWIMkGVpepRnahh1GTqOmoptY56hfqQ+pZGo2nS7GnzaEm0tbRS2nFaO22A9pHOpBvSPegL6Zn0zfTD9Bb6ffpbBoOhy3BlRDMyGJsZNYxLjMeMD1IsKVMprpRAao1UuVSD1C2pV9IUaR1pN+nF0jnSJdInpW9Kv5ShyOjKeMjwZFbLlMuckemVGZNlyZrLBsmmyRbJHpG9JjvMJDF1mV5MATOPeZB5iTnIwrG0WB4sPmsD6xDrCmuITWTrsbnsZHYh+xi7kz0qx5SzkouQy5Yrlzsn1y+Pk9eV58qnym+RPyHfI/9JQVXBTSFOYZNCncIthXHFWYquinGKBYr1incVPylxlLyUUpS2KTUqPVLGKxsqz1NerrxX+Yryy1nsWY6z+LMKZp2Y9UAFVTFUCVFZqXJQpUNlTFVN1UdVpLpb9ZLqSzV5NVe1ZLUdaufVRtRZ6s7qSeo71C+oP+fIcdw4qZxSzmXOqIaKhq9GpsYBjU6NCU09zXDN9Zr1mo+0qFp2WvFaO7RatUa11bUDtXO1a7Uf6FB07HQSdXbptOmM6+rpRupu1G3UHdZT1OPq5ejV6j3UZ+i76C/Tr9S/Y0A0sDNIMdhj0GWIGlobJhqWG940Qo1sjJKM9hh1GxOM7Y2FxpXGvSZ0EzeTLJNakwFTedMA0/WmjaavZmvPjp69bXbb7K9m1mapZofM+syZ5n7m682bzd9YGFrwLcot7lgyLL0t11g2Wb62MrKKs9prdc+aZR1ovdG61fqLja2N2KbOZsRW2zbGtsK2145tF2xXZNduT7B3t19jf9b+o4ONQ4bDCYc/HE0cUxyPOA7P0ZsTN+fQnEEnTSee0wGnfmeOc4zzfud+Fw0XnkulyxNXLVeBa5XrMzcDt2S3o26v3M3cxe6n3cc9HDxWebR44jx9PAs8O72YXuFeZV6PvTW9E7xrvUd9rH1W+rT4Enz9fbf59nJVuXxuDXfUz9Zvld9lf7p/qH+Z/5MAwwBxQHMgGugXuD3w4VyducK5jUEQxA3aHvQoWC94WfDP84jzgueVz3saYh6SG9IWygpdEnok9H2Ye9iWsL5w/fDM8NYI6YiFETUR45GekcWR/fNnz181/0aUclRSVFM0KToiuip6bIHXgp0LhhZaL8xf2LNIb1H2omuLlRenLj63RHoJb8nJGEJMZMyRmM+8IF4lbyyWG1sRO8r34O/ivxC4CnYIRuKc4orjnsU7xRfHDyc4JWxPGEl0SSxJfJnkkVSW9DrZN3lf8nhKUMrhlMnUyNT6NHJaTNoZIVOYIry8VG1p9tJukZEoX9S/zGHZzmWjYn9xVTqSvii9KYONmZmOTP3M7zIHspyzyrM+LI9YfjJbNluY3bHCcMWmFc9yvHN+XIlfyV/ZmquRuy53YJXbqgOrkdWxq1vXaK3JWzO01mdt9TrqupR1v6w3W1+8/t2GyA3Neap5a/MGv/P5rjZfKl+c37vRceO+7/HfJ33fucly0+5NXwsEBdcLzQpLCj8X8Yuu/2D+Q+kPk5vjN3dusdmydytxq3BrzzaXbdXFssU5xYPbA7c37ODsKNjxbueSnddKrEr27aLuytzVXxpQ2rRbe/fW3Z/LEsvulruX11eoVGyqGN8j2HNrr+veun2q+wr3fdqftP/eAZ8DDZW6lSUHiQezDj49FHGo7Ue7H2uqlKsKq74cFh7urw6pvlxjW1NzROXIllq0NrN25OjCo13HPI811ZnUHaiXry88Dsczjz//KeannhP+J1pP2p2sO6VzquI063RBA9KwomG0MbGxvymqqfuM35nWZsfm0z+b/nz4rMbZ8nNy57acp57POz95IefCWIuo5eXFhIuDrUta+y7Nv3Tn8rzLnVf8r7Rf9b56qc2t7UK7U/vZaw7Xzly3u954w+ZGQ4d1x+lfrH853WnT2XDT9mZTl31Xc/ec7vO3XG5dvO15++od7p0bd+fe7e4J77nXu7C3/57g3vD91PuvH2Q9mOhb+5DwsOCRzKOSxyqPK381+LW+36b/3IDnQMeT0Cd9g/zBF7+l//Z5KO8p42nJM/VnNcMWw2dHvEe6ni94PvRC9GLiZf7vsr9XvNJ/deoP1z86RuePDr0Wv558U/RW6e3hd1bvWseCxx6/T3s/MV7wQelD9Ue7j22fIj89m1j+mfS59IvBl+av/l8fTqZNTop4Yt6UF8BhMxofD/DmMAAjCoDVBUBtmfbAUxnItG/HWOLfpzz8f/K0T57KtwGoWgsQ4Qrg3wJQhrEOdmQBQLArQJgroJaW3wamSiI93tJiChBaI2ZNSiYn32KekGQA8KV3cnKicXLySxXm1R8AtLyf9t6SbM1RzH5LvCy0b//L2khO/oo/AW1d5lgQklPWAAAACXBIWXMAAAsTAAALEwEAmpwYAAABHklEQVQoFZ1SO6qFUAyMn0ZBsPC7BDfmCuys7Syt3JhLELQRBEFFvW8GIt73K24gnpxkJiRzNLIsu+QD67rOND/g3RRbo77vZZomXn3flzRNGf+VR5Hk67pIbNuWhDzPeeKDhs98kiRiGAbrHPs8T162bRN40zQkgYhY8wApFrEBwY7jEIw3z7PUdY38DyuKQjzP4zqWZcktmPmlWxRF4rquALSu65sjhxowwKpxZ+yAbnDYvu9av0+t674o3G2GYeDYZVmSjAbqyGElYJ5GsqoNkFpVVQJXQw0CAqv2prYmQXIch/5sgPq/agMAccIwRCjjOMqyLIy/q03BoGAcxxIEAcdSccDAn4anVFF/Vdu27fsZAFBVEesrPPNo/AJRTKr0O9zrjgAAAABJRU5ErkJggg==') center center no-repeat;
- width:25px;
- opacity: 0.4;
- cursor: pointer;
-}
-
-.panel .head .closeBtn:hover {
- opacity: 1;
-}
-
-.panel .panelBody {
- border-right: 1px solid #3a3a3a;
- border-bottom: 1px solid #3a3a3a;
- -webkit-transition: all 0.1s linear;
- overflow: hidden;
-}
-.panel .panelBodyContent {
- border: 1px solid #000;
- background: #474747;
-}
-
-.panel .panelObjects {
- border-bottom: 1px solid #232323;
- overflow: hidden;
- min-width:225px;
- font-size : 11px;
- resize:none;
- box-shadow: inset 0px 0px 4px #333;
-}
-
-.panelOject {
- overflow-y:auto;
- overflow-x:hidden;
- border-style: solid;
- border-width: 1px;
-}
-
-.panel.collapsed .panelBody {
- overflow: hidden;
- height:0px;
-}
-
-#rightPanelContainer .panel.collapsed {
- height:26px !important;
- min-height:26px !important;
- max-height:26px !important;
- -webkit-box-flex:0.01;
- overflow: hidden;
-}
-
-.panel.collapsed .arrowIcon {
- -webkit-transform:rotate(-90deg);
-}
-
-#rightPanelContent {
- position:absolute;
- height:100%;
- width:100%;
-}
-#rightPanelContainer .panel {
- -webkit-box-flex:100;
-}
-
-
-.over {
- border-top:1px solid #0000FF;
-}
-:@has_childrenT:@children[o:Sass::Tree::CommentNode:@silent0;@:@lines[ :@value"&/*
- This file contains proprietary software owned by Motorola Mobility, Inc.
- No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
- (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
- */;i;[ o;;0;@;[ ;"/*
- * PanelUI.scss
- * Styles governing the panels in the UI.
- * Note that colors and font definitions go in
- * _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
- */;i;[ o;;0;@;[ ;"D/* layout for the container of all panels within a dock area */;i;[ o:Sass::Tree::RuleNode:
-@tabsi ;@:
-@rule[".panelContainer;T;i;[ o:Sass::Tree::PropNode;i :
-@name["margin;@:@prop_syntax:new;o:Sass::Script::String:
@context:default;"0px:
-@type:identifier;i;[ o;;i ;["padding;@; ;!;o;";#;$;"0px 0px;%;&;i;[ o;;i ;["
position;@; ;!;o;";#;$;"
relative;%;&;i;[ o;;0;@;[ ;"/*
-this is here to hopefully show vertical scroll bars when the panels exceed the height of the panel
-unfortunately it doesn't seem to work properly. this is probably due to some of our box styling or positioning
-overflow: auto; */;i;[ o;;0;@;[ ;"*/* base layout style for all panels*/;i;[ o;;i ;@;[".panelDisclosureIcon;T;i;[o;;i ;["background-image;@; ;!;o:Sass::Script::Funcall
-:
-@args[o;"
-;#;$;i ;{ ;"-../images/panels/panelDisclosureIcon.png;%:string;#;$;"url;i ;@H;i ;[ o;;i ;["background-repeat;@; ;!;o;";#;$;"no-repeat;%;&;i!;[ o;;i ;["
-width;@; ;!;o;";#;$;" 16px;%;&;i";[ o;;i ;["height;@; ;!;o;";#;$;" 16px;%;&;i#;[ o;;i ;["
-float;@; ;!;o;";#;$;" left;%;&;i$;[ o;;i ;[" -webkit-transition-property;@; ;!;o;";#;$;"rotate;%;&;i%;[ o;;i ;[" -webkit-transition-duration;@; ;!;o;";#;$;" 0.2s;%;&;i&;[ o;;i ;["'-webkit-transition-timing-function;@; ;!;o;";#;$;"linear;%;&;i';[ o;;i ;["padding-right;@; ;!;o;";#;$;"2px;%;&;i(;[ o;;i ;@;[".panelBackground;T;i*;[o;;i ;["
-color;@; ;!;o:Sass::Script::Variable ;#;$;"color-panel-text;i+;{ ;i+;[ o;;i ;["background;@; ;!;o;* ;#;$;"color-tool-bg;i,;{ ;i,;[ o;;i ;@;[".panelCollapseArrowFill;T;i/;[o;;i ;["
-color;@; ;!;o;'
-;([ o:Sass::Script::Number;#;$;{ ;iQ:@numerator_units[ ;i0:@original"76:@denominator_units[ o;+;#;$;@;iQ;,[ ;i0;-"76;.[ o;+;#;$;@;iQ;,[ ;i0;-"76;.[ o;+;#;$;@;i;,[ ;i0;-"1;.[ ;#;$;" rgba;i0;@;i0;[ o;;0;@;[ ;"|/* this is never really used but is set so we can get it via javascript to draw the control via script on the canvas */;i0;[ o;;i ;["padding;@; ;!;o;";#;$;"0px 4px;%;&;i1;[ o;;i ;@;[".panelContentColor;T;i4;[o;;i ;["background;@; ;!;o;* ;#;$;"color-panel-bg;i5;{ ;i5;[ o;;i ;["border-color;@; ;!;o;* ;#;$;"color-panel-border;i6;{ ;i6;[ o;;i ;@;[".panelCaptionColor;T;i8;[o;;i ;["
-color;@; ;!;o;* ;#;$;"color-panel-text;i9;{ ;i9;[ o;;0;@;[ ;"/*
- * Removed by Jon Reid. Please make this selector more specific to avoid
- * styling ALL the labels in ANY panel.
-
-.panelContent label {
- float: left;
- width: 5em;
- margin-right: 1em;
- text-align: right;
-}
-*/;i=;[ o;;i ;@;[".panelCaption;T;iI;[o;;i ;["padding;@; ;!;o;";#;$;"2px 0px;%;&;iJ;[ o;;i ;["cursor;@; ;!;o;";#;$;"default;%;&;iK;[ o;;i ;@;[".panelContainerTransition;T;iN;[o;;i ;["-moz-transition;@; ;!;o;";#;$;"Ewidth 0.3s ease-out, height 0.2s ease-out, opacity 0.2s ease-out;%;&;iO;[ o;;i ;["-o-transition;@; ;!;o;";#;$;"Ewidth 0.3s ease-out, height 0.2s ease-out, opacity 0.2s ease-out;%;&;iP;[ o;;i ;["-webkit-transition;@; ;!;o;";#;$;"Ewidth 0.3s ease-out, height 0.2s ease-out, opacity 0.2s ease-out;%;&;iQ;[ o;;i ;@;[".panelCloseIcon;T;iU;[o;;i ;["background-image;@; ;!;o;'
-;([o;"
-;#;$;iV;{ ;"#../images/panels/closeIcon.png;%;);#;$;"url;iV;@ ;iV;[ o;;i ;["background-repeat;@; ;!;o;";#;$;"no-repeat;%;&;iW;[ o;;i ;["
-width;@; ;!;o;";#;$;" 15px;%;&;iX;[ o;;i ;["height;@; ;!;o;";#;$;" 14px;%;&;iY;[ o;;i ;["
-float;@; ;!;o;";#;$;"
-right;%;&;iZ;[ o;;i ;["opacity;@; ;!;o;";#;$;"0.5;%;&;i[;[ o;;i ;@;[".panelCloseIcon:hover;T;i_;[o;;i ;["opacity;@; ;!;o;";#;$;"1.0;%;&;i`;[ o;;i ;@;[".toolsPanelContainer;T;id;[
o;;i ;["margin-top;@; ;!;o;+;#;$;{ ;i;,["px;ie;-" -2px;.[ ;ie;[ o;;i ;["margin-left;@; ;!;o;+;#;$;{ ;i;,["px;if;-" -2px;.[ ;if;[ o;;i ;["padding-top;@; ;!;o;";#;$;" 20px;%;&;ig;[ o;;i ;["padding-left;@; ;!;o;";#;$;"3px;%;&;ih;[ o;;i ;["padding-right;@; ;!;o;";#;$;"3px;%;&;ii;[ o;;i ;["
-width;@; ;!;o;";#;$;" 32px;%;&;ij;[ o;;0;@;[ ;"S/*This is a hack to get the tools panel to extend all the way to the bottom.*/;il;[ o;;i ;["padding-bottom;@; ;!;o;";#;$;"
-450px;%;&;im;[ o;;0;@;[ ;"(/* sizes for the specific panels */;ip;[ o;;i ;@;["#toolPropertiesPanel;T;ir;[o;;i ;["height;@; ;!;o;";#;$;" 32px;%;&;is;[ o;;i ;["margin;@; ;!;o;";#;$;"0px;%;&;it;[ o;;i ;@;["#timelinePanel;T;iw;[o;;i ;["height;@; ;!;o;";#;$;"
-116px;%;&;ix;[ o;;0;@;[ ;"9/* Only used by Animation Presets Panel currently */;i{;[ o;;i ;@;[".treeComponent;T;i~;[
-o;;i ;["-webkit-user-select;@; ;!;o;";#;$;" none;%;&;i;[ o;;i ;["font-size;@; ;!;o;";#;$;" 11px;%;&;i{;[ o;;i ;["margin-left;@; ;!;o;";#;$;" 20px;%;&;i|;[ o;;i ;["cursor;@; ;!;o;";#;$;"default;%;&;i};[ o;;i ;["
-color;@; ;!;o;* ;#;$;"color-panel-text;i~;{ ;i~;[ o;;i ;@;[".treeComponent ul;T;i;[o;;i ;["
position;@; ;!;o;";#;$;"
relative;%;&;i;[ o;;i ;["list-style;@; ;!;o;";#;$;" none;%;&;i;[ o;;0;@;[ ;"5/*This sets the style for a tree folder's icon*/;i;[ o;;i ;@;["'ul.treeComponent > img:first-child;T;i;[o;;i ;["margin-left;@; ;!;o;+;#;$;{ ;i;,["px;i;-"
--35px;.[ ;i;[ o;;i ;["margin-right;@; ;!;o;";#;$;"5px;%;&;i;[ o;;i ;["-webkit-transition;@; ;!;o;";#;$;""-webkit-transform 0.1s linear;%;&;i;[ o;;i ;@;[".treeComponent li;T;i;[o;;i ;["
position;@; ;!;o;";#;$;"
relative;%;&;i;[ o;;i ;["list-style;@; ;!;o;";#;$;" none;%;&;i;[ o;;i ;["border-bottom;@; ;!;o:Sass::Script::Operation;#;$;i:@operator:concat;{ :@operand1o;/;#;$;i;0;1;@;2o;+;#;$;@;i;,["px;i;-"1px;.[ :@operand2o;"
-;#;$;i;@;"
-solid;%;&;3o;* ;#;$;"color-panel-divider;i;@;i;[ o;;i ;@;[".treeComponent li img;T;i;[ o;;i ;["margin-left;@; ;!;o;+;#;$;{ ;i;,["px;i;-"
--20px;.[ ;i;[ o;;i ;["padding-right;@; ;!;o;";#;$;" 10px;%;&;i;[ o;;i ;["vertical-align;@; ;!;o;";#;$;"middle;%;&;i;[ o;;0;@;[ ;")/*border-bottom:1px solid #555555;*/;i;[ o;;i ;@;[".treeCategory;T;i;[o;;i ;["font-weight;@; ;!;o;";#;$;" bold;%;&;i;[ o;;i ;@;[".treeItem;T;i;[o;;i ;["font-weight;@; ;!;o;";#;$;"normal;%;&;i;[ o;;i ;["vertical-align;@; ;!;o;";#;$;"middle;%;&;i;[ o;;i ;["
-color;@; ;!;o;* ;#;$;"color-panel-text;i;{ ;i;[ o;;0;@;[ ;"2/* ====== Used by Properties Panel ====== */;i;[ o;;0;@;[ ;"S/* Removed the outline text input style -> Causing problems with the Canvas */;i;[ o;;i ;@;[".propertiesPanel;T;i;[o;;i ;["min-height;@; ;!;o;";#;$;"
-300px;%;&;i;[ o;;i ;["margin-top;@; ;!;o;";#;$;"4px;%;&;i;[ o;;i ;@;[".panelHRule;T;i;[o;;i ;["border;@; ;!;o;";#;$;" none;%;&;i;[ o;;i ;["display;@; ;!;o;";#;$;"
-block;%;&;i;[ o;;i ;["
-float;@; ;!;o;";#;$;" left;%;&;i;[ o;;i ;["
-clear;@; ;!;o;";#;$;" both;%;&;i;[ o;;i ;["
-width;@; ;!;o;";#;$;" 100%;%;&;i;[ o;;i ;["height;@; ;!;o;";#;$;"3px;%;&;i;[ o;;i ;["background-color;@; ;!;o;* ;#;$;"color-panel-divider;i;{ ;i;[ o;;i ;@;[".vr;T;i;[o;;i ;["
position;@; ;!;o;";#;$;"
absolute;%;&;i;[ o;;i ;["display;@; ;!;o;";#;$;"inline;%;&;i;[ o;;i ;["border;@; ;!;o;";#;$;" none;%;&;i;[ o;;i ;["
-clear;@; ;!;o;";#;$;" both;%;&;i;[ o;;i ;["
-width;@; ;!;o;";#;$;"2px;%;&;i;[ o;;i ;["height;@; ;!;o;";#;$;" 26px;%;&;i;[ o;;i ;["background-image;@; ;!;o;'
-;([
-o;"
-;#;$;i;{ ;"linear;%;&o;/;#;$;i;0;1;@;2o;"
-;#;$;i;@;" left;%;&;3o;"
-;#;$;i;@;"bottom;%;&o;/;#;$;i;0;1;@;2o;"
-;#;$;i;@;"
-right;%;&;3o;"
-;#;$;i;@;"bottom;%;&o;'
-;([o;+;#;$;@;f0.4;,[ ;i;-"0.4;.[ o;* ;#;$;"color-menu-border;i;@;#;$;"color-stop;i;@o;'
-;([o;+;#;$;@;f0.8;,[ ;i;-"0.8;.[ o;* ;#;$;"color-panel-shadow;i;@;#;$;"color-stop;i;@;#;$;"-webkit-gradient;i;@;i;[ o;;i ;@;[".panelInputText;T;i;[o;;i ;["resize;@; ;!;o;";#;$;" none;%;&;i;[ o;;i ;["
-color;@; ;!;o;";#;$;"
-white;%;&;i;[ o;;i ;["background-color;@; ;!;o;* ;#;$;"color-panel-input-bg;i;{ ;i;[ o;;i ;["border;@; ;!;o;/;#;$;i;0;1;{ ;2o;/;#;$;i;0;1;@;2o;+;#;$;@;i;,["px;i;-"1px;.[ ;3o;"
-;#;$;i;@;"
-solid;%;&;3o;* ;#;$;"color-panel-input-border;i;@;i;[ o;;i ;["
-width;@; ;!;o;";#;$;"
-100px;%;&;i;[ o;;i ;["outline;@; ;!;o;";#;$;" none;%;&;i;[ o;;i ;@;[" .piCollapsibleSectionHeader;T;i;[
-o;;i ;["font-size;@; ;!;o;";#;$;" 12px;%;&;i;[ o;;i ;["padding-left;@; ;!;o;";#;$;" 10px;%;&;i;[ o;;i ;["vertical-align;@; ;!;o;";#;$;"top;%;&;i;[ o;;i ;["height;@; ;!;o;";#;$;" 16px;%;&;i;[ o;;i ;["background-color;@; ;!;o;* ;#;$;"color-panel-shadow;i;{ ;i;[ o;;0;@;[ ;"Z/* ====== Indexed table row and column classes for Properties Panel layout ====== */;i;[ o;;i ;@;[".propRow1;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;" 100%;%;&;i;[ o;;i ;@;[".propRow1Col1;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"30%;%;&;i;[ o;;i ;["text-align;@; ;!;o;";#;$;"
-right;%;&;i;[ o;;i ;@;[".propRow1Col2;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"70%;%;&;i;[ o;;i ;@;[".propRow2;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;" 100%;%;&;i;[ o;;i ;@;[".propRow2Col1;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"30%;%;&;i;[ o;;i ;@;[".propRow2Col2;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"20%;%;&;i;[ o;;i ;@;[".propRow2Col3;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"20%;%;&;i;[ o;;i ;@;[".propRow2Col4;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"40%;%;&;i;[ o;;i ;@;[".propRow3;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;" 100%;%;&;i;[ o;;i ;@;[".propRow3Col1;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"5%;%;&;i;[ o;;i ;@;[".propRow3Col2;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"5%;%;&;i;[ o;;i ;@;[".propRow3Col3;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"20%;%;&;i;[ o;;i ;@;[".propRow3Col4;T;i
-;[o;;i ;["
-width;@; ;!;o;";#;$;"20%;%;&;i;[ o;;i ;@;[".propRow3Col5;T;i
;[o;;i ;["
-width;@; ;!;o;";#;$;"20%;%;&;i;[ o;;i ;@;[".propRow3Col6;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"30%;%;&;i;[ o;;i ;@;[".propRow4;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;" 100%;%;&;i;[ o;;i ;@;[".propRow4Col1;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"30%;%;&;i;[ o;;i ;@;[".propRow4Col2;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"20%;%;&;i;[ o;;i ;@;[".propRow4Col3;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"20%;%;&;i;[ o;;i ;@;[".propRow4Col4;T;i ;[o;;i ;["
-width;@; ;!;o;";#;$;"40%;%;&;i!;[ o;;i ;@;[".propRow4Col5;T;i#;[o;;i ;["
-width;@; ;!;o;";#;$;"30%;%;&;i$;[ o;;i ;@;[".propRow4Col6;T;i&;[o;;i ;["
-width;@; ;!;o;";#;$;"20%;%;&;i';[ o;;i ;@;[".propRow4Col7;T;i);[o;;i ;["
-width;@; ;!;o;";#;$;"20%;%;&;i*;[ o;;i ;@;[".propRow4Col8;T;i,;[o;;i ;["
-width;@; ;!;o;";#;$;"40%;%;&;i-;[ o;;i ;@;[".testClass;T;i0;[o;;i ;["background-color;@; ;!;o;";#;$;"
-green;%;&;i1;[ o;;i ;["border-radius;@; ;!;o;";#;$;" 35px;%;&;i2;[ o;;i ;["
position;@; ;!;o;";#;$;"
relative;%;&;i3;[ o;;i ;@;[".topRightCornerIcon;T;i6;[o;;i ;["-webkit-transform;@; ;!;o;'
-;([o;+;#;$;{ ;i_;,["deg;i7;-"
-90deg;.[ ;#;$;"rotate;i7;@?;i7;[ o;;i ;@;[".topLeftCornerIcon;T;i9;[o;;i ;["-webkit-transform;@; ;!;o;'
-;([o;+;#;$;{ ;i ;,["deg;i:;-" 0deg;.[ ;#;$;"rotate;i:;@P;i:;[ o;;i ;@;[".bottomRightCornerIcon;T;i<;[o;;i ;["-webkit-transform;@; ;!;o;'
-;([o;+;#;$;{ ;i;,["deg;i=;-"180deg;.[ ;#;$;"rotate;i=;@a;i=;[ o;;i ;@;[".bottomLeftCornerIcon;T;i?;[o;;i ;["-webkit-transform;@; ;!;o;'
-;([o;+;#;$;{ ;i;,["deg;i@;-"270deg;.[ ;#;$;"rotate;i@;@r;i@;[ o;;i ;@;[".splitterBackground;T;iC;[o;;i ;["background;@; ;!;o;* ;#;$;"color-app-bg;iD;{ ;iD;[ o;;0;@;[ ;"*/* Begin: Project Panel UI classes */;iI;[ o;;i ;@;[".Project-Panel;T;iJ;[o;;i ;["height;@; ;!;o;";#;$;" 100%;%;&;iK;[ o;;i ;@;["#pp-container;T;iM;[
-o;;i ;["height;@; ;!;o;";#;$;" 100%;%;&;iN;[ o;;i ;["background-color;@; ;!;o;* ;#;$;"color-tool-bg;iO;{ ;iO;[ o;;i ;["border;@; ;!;o;";#;$;"0px;%;&;iP;[ o;;i ;["overflow-y;@; ;!;o;";#;$;"hidden !IMPORTANT;%;&;iQ;[ o;;i ;["
position;@; ;!;o;";#;$;"
relative;%;&;iR;[ o;;i ;@;["#pp-container h3;T;iU;[o;;i ;["font-weight;@; ;!;o;";#;$;"normal;%;&;iV;[ o;;i ;["padding-left;@; ;!;o;";#;$;"2em;%;&;iW;[ o;;i ;["
-color;@; ;!;o;* ;#;$;"color-menu-hilite-bg;iX;{ ;iX;[ o;;i ;@;["#pp-col-buttons;T;iZ;[
-o;;i ;["
position;@; ;!;o;";#;$;"
absolute;%;&;i[;[ o;;i ;["top;@; ;!;o;";#;$;"8px;%;&;i\;[ o;;i ;[" left;@; ;!;o;+;#;$;{ ;i;,["px;i];-" -1px;.[ ;i];[ o;;i ;["height;@; ;!;o;";#;$;" 100%;%;&;i^;[ o;;i ;["
-width;@; ;!;o;";#;$;" 28px;%;&;i_;[ o;;i ;@;["#pp-col-files;T;ia;[o;;i ;["display;@; ;!;o;";#;$;"
-block;%;&;ib;[ o;;i ;["
position;@; ;!;o;";#;$;"
absolute;%;&;ic;[ o;;i ;["height;@; ;!;o;";#;$;" auto;%;&;id;[ o;;i ;["
overflow;@; ;!;o;";#;$;"hidden;%;&;ie;[ o;;i ;["bottom;@; ;!;o;";#;$;"0;%;&;if;[ o;;i ;["top;@; ;!;o;";#;$;"0;%;&;ig;[ o;;i ;[" left;@; ;!;o;";#;$;"0;%;&;ih;[ o;;i ;["
-right;@; ;!;o;";#;$;"0;%;&;ii;[ o;;i ;["border;@; ;!;o;/;#;$;ij;0;1;{ ;2o;/;#;$;ij;0;1;@*;2o;+;#;$;@*;i;,["px;ij;-"2px;.[ ;3o;"
-;#;$;ij;@*;"
-solid;%;&;3o;* ;#;$;"color-menu-border;ij;@*;ij;[ o;;i ;["border-bottom-width;@; ;!;o;";#;$;"0px;%;&;ik;[ o;;i ;["background-color;@; ;!;o;* ;#;$;"color-menu-bg;il;{ ;il;[ o;;i ;["margin-left;@; ;!;o;";#;$;" 30px;%;&;im;[ o;;i ;["margin-right;@; ;!;o;";#;$;" 10px;%;&;in;[ o;;i ;["margin-bottom;@; ;!;o;";#;$;" 36px;%;&;io;[ o;;0;@;[ ;"o/*
-#pp-container-list,
-#pp-container-assets {
- height: 310px;
- width: 100%;
- overflow: auto;
-}
-*/;ir;[ o;;i ;@;[".pp-scroll-main;T;i{;[o;;i ;["display;@; ;!;o;";#;$;"
-block;%;&;i|;[ o;;i ;["
position;@; ;!;o;";#;$;"
absolute;%;&;i};[ o;;i ;["height;@; ;!;o;";#;$;" auto;%;&;i~;[ o;;i ;["bottom;@; ;!;o;";#;$;"0;%;&;i;[ o;;i ;["top;@; ;!;o;";#;$;"0;%;&;i;[ o;;i ;[" left;@; ;!;o;";#;$;"0;%;&;i;[ o;;i ;["
-right;@; ;!;o;";#;$;"0;%;&;i;[ o;;i ;["margin-top;@; ;!;o;";#;$;" 18px;%;&;i;[ o;;i ;["
overflow;@; ;!;o;";#;$;" auto;%;&;i;[ o;;i ;@;["&.pp-scroll-main .pp-scroll-linked;T;i;[
o;;i ;["display;@; ;!;o;";#;$;"
-block;%;&;i;[ o;;i ;["
position;@; ;!;o;";#;$;"
absolute;%;&;i;[ o;;i ;["height;@; ;!;o;";#;$;" auto;%;&;i;[ o;;i ;["bottom;@; ;!;o;";#;$;"0;%;&;i;[ o;;i ;["top;@; ;!;o;";#;$;"0;%;&;i;[ o;;i ;[" left;@; ;!;o;";#;$;"0;%;&;i;[ o;;i ;["
-right;@; ;!;o;";#;$;"0;%;&;i;[ o;;i ;["
overflow;@; ;!;o;";#;$;"visible;%;&;i;[ o;;i ;@;["#pp-view-assets;T;i;[o;;i ;["display;@; ;!;o;";#;$;" none;%;&;i;[ o;;0;@;[ ;"j/*
-#pp-container-assets .pp-scroll-linked,
-#pp-container-list .pp-scroll-linked {
- width: 420px;
-}
-*/;i;[ o;;i ;@;[".pp-header-container;T;i;[
-o;;i ;["
position;@; ;!;o;";#;$;"
relative;%;&;i;[ o;;i ;["
overflow;@; ;!;o;";#;$;"hidden;%;&;i;[ o;;i ;["border-bottom;@; ;!;o;/;#;$;i;0;1;{ ;2o;/;#;$;i;0;1;@;2o;+;#;$;@;i;,["px;i;-"1px;.[ ;3o;"
-;#;$;i;@;"
-solid;%;&;3o;* ;#;$;"color-menu-border;i;@;i;[ o;;i ;["background-color;@; ;!;o;* ;#;$;"color-panel-shadow;i;{ ;i;[ o;;i ;["min-width;@; ;!;o;";#;$;"
-390px;%;&;i;[ o;;i ;@;[".pp-header;T;i;[o;;i ;["border-right;@; ;!;o;/;#;$;i;0;1;{ ;2o;/;#;$;i;0;1;@
-;2o;+;#;$;@
-;i;,["px;i;-"1px;.[ ;3o;"
-;#;$;i;@
-;"
-solid;%;&;3o;* ;#;$;"color-menu-border;i;@
-;i;[ o;;i ;["
-color;@; ;!;o;* ;#;$;"color-panel-text;i;{ ;i;[ o;;i ;["padding-top;@; ;!;o;";#;$;"4px;%;&;i;[ o;;i ;["padding-left;@; ;!;o;";#;$;"6px;%;&;i;[ o;;i ;["font-weight;@; ;!;o;";#;$;" bold;%;&;i;[ o;;i ;["display;@; ;!;o;";#;$;"
-block;%;&;i;[ o;;i ;["
-float;@; ;!;o;";#;$;" left;%;&;i;[ o;;i ;["
overflow;@; ;!;o;";#;$;"visible;%;&;i;[ o;;i ;["
position;@; ;!;o;";#;$;"
relative;%;&;i;[ o;;i ;@;[".pp-header .pp-resize-grip;T;i;[
o;;i ;["
-width;@; ;!;o;";#;$;"7px;%;&;i;[ o;;i ;["height;@; ;!;o;";#;$;" 18px;%;&;i;[ o;;i ;["
overflow;@; ;!;o;";#;$;"hidden;%;&;i;[ o;;i ;["
position;@; ;!;o;";#;$;"
absolute;%;&;i;[ o;;i ;["top;@; ;!;o;";#;$;"0px;%;&;i;[ o;;i ;["
-right;@; ;!;o;";#;$;"0px;%;&;i;[ o;;i ;["cursor;@; ;!;o;";#;$;"col-resize;%;&;i;[ o;;i ;["z-index;@; ;!;o;";#;$;"10;%;&;i;[ o;;i ;@;["&.pp-header-container .header-file;T;i;[o;;i ;["min-width;@; ;!;o;";#;$;"
-100px;%;&;i;[ o;;i ;["
-width;@; ;!;o;";#;$;"
-160px;%;&;i;[ o;;i ;@;["&.pp-header-container .header-size;T;i;[o;;i ;["min-width;@; ;!;o;";#;$;" 50px;%;&;i;[ o;;i ;["
-width;@; ;!;o;";#;$;" 50px;%;&;i;[ o;;i ;@;["&.pp-header-container .header-type;T;i;[o;;i ;["min-width;@; ;!;o;";#;$;" 50px;%;&;i;[ o;;i ;["
-width;@; ;!;o;";#;$;" 50px;%;&;i;[ o;;i ;@;["&.pp-header-container .header-date;T;i;[o;;i ;["min-width;@; ;!;o;";#;$;"
-100px;%;&;i;[ o;;i ;["
-width;@; ;!;o;";#;$;"
-120px;%;&;i;[ o;;i ;@;["#pp-container-list ul;T;i;[o;;i ;["margin-top;@; ;!;o;";#;$;"0px;%;&;i;[ o;;i ;["margin-left;@; ;!;o;";#;$;" 11px;%;&;i;[ o;;i ;@;["#pp-container-list ul.tree;T;i;[o;;i ;["border-right;@; ;!;o;/;#;$;i;0;1;{ ;2o;/;#;$;i;0;1;@;2o;+;#;$;@;i;,["px;i;-"1px;.[ ;3o;"
-;#;$;i;@;"
-solid;%;&;3o;* ;#;$;"color-menu-divider;i;@;i;[ o;;i ;@;["K#pp-container-list ul.tree > li:first-child > .pp-span-all:first-child;T;i;[o;;i ;["font-weight;@; ;!;o;";#;$;" bold;%;&;i;[ o;;i ;@;["#pp-container-list ul ul;T;i;[o;;i ;["margin;@; ;!;o;";#;$;"0px;%;&;i;[ o;;i ;["padding;@; ;!;o;";#;$;"0px;%;&;i;[ o;;i ;["display;@; ;!;o;";#;$;"
-block;%;&;i;[ o;;i ;@;["#pp-container-list li;T;i;[o;;i ;["padding-top;@; ;!;o;";#;$;"3px;%;&;i;[ o;;i ;["padding-bottom;@; ;!;o;";#;$;"3px;%;&;i;[ o;;i ;["font-size;@; ;!;o;";#;$;" 11px;%;&;i;[ o;;i ;["border-bottom;@; ;!;o;/;#;$;i;0;1;{ ;2o;/;#;$;i;0;1;@;2o;+;#;$;@;i;,["px;i;-"1px;.[ ;3o;"
-;#;$;i;@;"
-solid;%;&;3o;* ;#;$;"color-menu-divider;i;@;i;[ o;;i ;["
-color;@; ;!;o;* ;#;$;"color-menu-text;i;{ ;i;[ o;;i ;["
-width;@; ;!;o;";#;$;" 100%;%;&;i;[ o;;i ;@;["-#pp-container-list li.open li:last-child;T;i;[o;;i ;["border-bottom;@; ;!;o;";#;$;"0px;%;&;i;[ o;;i ;["padding-bottom;@; ;!;o;";#;$;"0px;%;&;i;[ o;;i ;@;[".#pp-container-list li.open li:first-child;T;i;[o;;i ;["border-top;@; ;!;o;/;#;$;i;0;1;{ ;2o;/;#;$;i;0;1;@J;2o;+;#;$;@J;i;,["px;i;-"1px;.[ ;3o;"
-;#;$;i;@J;"
-solid;%;&;3o;* ;#;$;"color-menu-divider;i;@J;i;[ o;;i ;@;["2#pp-container #pp-container-list li.closed ul;T;i;[o;;i ;["display;@; ;!;o;";#;$;" none;%;&;i;[ o;;i ;["padding-top;@; ;!;o;";#;$;"3px;%;&;i;[ o;;i ;@;[""#pp-container-list li.open ul;T;i;[o;;i ;["display;@; ;!;o;";#;$;"
-block;%;&;i;[ o;;i ;["padding-top;@; ;!;o;";#;$;"3px;%;&;i;[ o;;i ;@;["$#pp-container-list li.directory;T;i;[o;;i ;["cursor;@; ;!;o;";#;$;"pointer;%;&;i;[ o;;i ;@;["#pp-container-list li.file;T;i;[o;;i ;["cursor;@; ;!;o;";#;$;"default;%;&;i;[ o;;i ;@;["span.pp-span-all;T;i;[o;;i ;["display;@; ;!;o;";#;$;"
-block;%;&;i;[ o;;i ;@;["span.pp-span-all:focus;T;i;[ o;;i ;["-webkit-box-shadow;@; ;!;o;";#;$;" none;%;&;i;[ o;;i ;["background-color;@; ;!;o;* ;#;$;"color-focus-outline;i;{ ;i;[ o;;i ;["border-color;@; ;!;o;* ;#;$;"color-focus-outline;i;{ ;i;[ o;;i ;["
-color;@; ;!;o;* ;#;$;"color-menu-bg;i;{ ;i;[ o;;i ;@;[""#pp-view-assets .pp-asset-col;T;i ;[o;;i ;["
-float;@; ;!;o;";#;$;" left;%;&;i;[ o;;i ;@;[""#pp-view-assets .pp-col-files;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"
-167px;%;&;i;[ o;;i ;@;["!#pp-view-assets .pp-col-size;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;" 57px;%;&;i;[ o;;i ;@;["!#pp-view-assets .pp-col-type;T;i ;[o;;i ;["
-width;@; ;!;o;";#;$;" 57px;%;&;i
-;[ o;;i ;@;["!#pp-view-assets .pp-col-date;T;i;[o;;i ;["
-width;@; ;!;o;";#;$;"
-127px;%;&;i
;[ o;;i ;@;[".pp-sort-arrow;T;i;[o;;i ;["display;@; ;!;o;";#;$;" none;%;&;i;[ o;;i ;@;[".pp-sort .pp-sort-arrow;T;i;[o;;i ;["display;@; ;!;o;";#;$;"
-block;%;&;i;[ o;;i ;["
-width;@; ;!;o;";#;$;"9px;%;&;i;[ o;;i ;["height;@; ;!;o;";#;$;"5px;%;&;i;[ o;;0;@;[ ;"//*
-margin-right: 10px;
-margin-top: 2px;
-*/;i;[ o;;i ;["background-image;@; ;!;o;'
-;([o;"
-;#;$;i;{ ;"7../images/panels/project-panel/icon-sort-arrow.png;%;);#;$;"url;i;@;i;[ o;;i ;["background-repeat;@; ;!;o;";#;$;"no-repeat;%;&;i;[ o;;i ;["
position;@; ;!;o;";#;$;"
absolute;%;&;i;[ o;;i ;["top;@; ;!;o;";#;$;"5px;%;&;i;[ o;;i ;["
-right;@; ;!;o;";#;$;" 10px;%;&;i;[ o;;i ;@;["+.pp-sort.sort-ascending .pp-sort-arrow;T;i ;[o;;i ;["background-position;@; ;!;o;";#;$;"0 0;%;&;i!;[ o;;i ;@;[",.pp-sort.sort-descending .pp-sort-arrow;T;i#;[o;;i ;["background-position;@; ;!;o;/;#;$;i$;0;1;{ ;2o;+;#;$;@=;i ;,["px;i$;-"0px;.[ ;3o;+;#;$;@=;i;,["px;i$;-" -5px;.[ ;i$;[ o;;i ;@;["pp-view-assets .pp-asset-col div;T;i&;[o;;i ;["
-color;@; ;!;o;* ;#;$;"color-panel-text;i';{ ;i';[ o;;i ;["padding-left;@; ;!;o;";#;$;"5px;%;&;i(;[ o;;i ;["border-bottom;@; ;!;o;/;#;$;i);0;1;{ ;2o;/;#;$;i);0;1;@^;2o;+;#;$;@^;i;,["px;i);-"1px;.[ ;3o;"
-;#;$;i);@^;"
-solid;%;&;3o;* ;#;$;"color-menu-divider;i);@^;i);[ o;;i ;["padding-top;@; ;!;o;";#;$;"3px;%;&;i*;[ o;;i ;["padding-bottom;@; ;!;o;";#;$;"3px;%;&;i+;[ o;;i ;["font-size;@; ;!;o;";#;$;" 11px;%;&;i,;[ o;;i ;["
overflow;@; ;!;o;";#;$;"hidden;%;&;i-;[ o;;i ;["text-overflow;@; ;!;o;";#;$;"
ellipsis;%;&;i.;[ o;;i ;["border-right;@; ;!;o;/;#;$;i/;0;1;{ ;2o;/;#;$;i/;0;1;@;2o;+;#;$;@;i;,["px;i/;-"1px;.[ ;3o;"
-;#;$;i/;@;"
-solid;%;&;3o;* ;#;$;"color-menu-divider;i/;@;i/;[ o;;i ;@;["#pp-view-assets .focused;T;i1;[o;;i ;["background-color;@; ;!;o;";#;$;" #ccc;%;&;i2;[ o;;i ;@;["#pp-view-assets :focus;T;i4;[o;;i ;["-webkit-box-shadow;@; ;!;o;";#;$;" none;%;&;i5;[ o;;i ;@;["_#pp-view-assets #pp-container-assets :focus,
-#pp-view-assets #pp-container-assets .focused;T;i9;[o;;i ;["background-color;@; ;!;o;* ;#;$;"color-focus-outline;i:;{ ;i:;[ o;;i ;["border-color;@; ;!;o;* ;#;$;"color-focus-outline;i;;{ ;i;;[ o;;i ;["
-color;@; ;!;o;* ;#;$;"color-menu-bg;i<;{ ;i<;[ o;;0;@;[ ;"/* Icons! */;i?;[ o;;i ;@;[">#pp-container-list li,
-#pp-container-list spa