@charset "UTF-8"; /* <copyright> This file contains proprietary software owned by Motorola Mobility, Inc.<br/> No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. </copyright> */ /* Layer.scss * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css. */ /* line 22, ../scss/Layer.scss */ .layerLabel { width: 100%; color: white; height: 21px; font-family: 'Droid Sans'; font-size: 12px; text-shadow: 1px 1px 1px #3a3a3a; display: -webkit-box; -webkit-box-orient: horizontal; } /* line 32, ../scss/Layer.scss */ .layerLabel.layerSelected { background-color: #b2b2b2; color: #242424; } /* line 36, ../scss/Layer.scss */ .layerLabel { width: 100%; height: 18px; padding-left: 25px; padding-top: 2px; -webkit-box-flex: 1; } /* line 43, ../scss/Layer.scss */ .layerDisclosure { background-image: url("../images/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; -webkit-box-flex: 0; } /* line 56, ../scss/Layer.scss */ .layerHide { background-image: url("../images/eye.png"); background-repeat: no-repeat; /*float: right;*/ width: 16px; height: 16px; padding-right: 4px; -webkit-box-flex: 0; } /* line 65, ../scss/Layer.scss */ .layerLock { background-image: url("../images/lock_open.png"); background-repeat: no-repeat; /*float: right;*/ width: 16px; height: 16px; padding-right: 4px; -webkit-box-flex: 0; } /******************************************/ /* line 77, ../scss/Layer.scss */ .container-layer { background-color: #474747; color: white; font-size: 12px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } /* line 83, ../scss/Layer.scss */ .selected .container-layer { background-color: #474747; } /* line 86, ../scss/Layer.scss */ .selected .container-layer .label-layer { background-color: #b2b2b2; color: #242424; } /* line 91, ../scss/Layer.scss */ .userlayers .collapsible-label { display: block; height: 21px; line-height: 20px; color: white; margin-left: 80px; margin-right: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 103, ../scss/Layer.scss */ .userlayers .layer-tag { position: absolute; top: 3px; left: 20px; } /* line 110, ../scss/Layer.scss */ .layerSelected .label-layer { background-color: #b2b2b2; color: #242424; } /* line 114, ../scss/Layer.scss */ .content-layer { background-color: #474747; color: white; } /* line 118, ../scss/Layer.scss */ .content-layer .collapsible-label { background-position: 14px 5px; border-width: 0px; } /* line 126, ../scss/Layer.scss */ .label-layer, .label-position, .label-transform, .label-style, .label-styles { position: relative; border-bottom: 1px solid #505050; cursor: pointer; } /* line 134, ../scss/Layer.scss */ .content-layer .collapsible-label, .content-layer .collapsible-content, .content-layer .layer-tag { font-size: 11px; } /* line 141, ../scss/Layer.scss */ .label-layer .collapsible-label br, .content-style .editable br { display: none; } /* line 145, ../scss/Layer.scss */ .collapsible-clicker { position: absolute; width: 10px; height: 10px; top: 5px; left: 5px; margin: 0px; padding: 0px; background-image: url(../images/icon-open.png); background-repeat: no-repeat; } /* line 156, ../scss/Layer.scss */ .collapsible-clicker.collapsible-collapsed { background-image: url(../images/icon-collapsed.png); } /* line 159, ../scss/Layer.scss */ .collapsible-content .collapsible-clicker { left: 12px; } /* line 162, ../scss/Layer.scss */ .container-layer .collapsible-content.collapsible-collapsed { height: 0px; overflow: hidden; } /* line 168, ../scss/Layer.scss */ .label-layer .cssbutton, .label-style .cssbutton { width: 14px; height: 14px; overflow: hidden; position: absolute; background-repeat: no-repeat; } /* line 175, ../scss/Layer.scss */ .label-layer .button-lock { background-image: url(../images/icon-lock.png); top: 3px; right: 27px; } /* line 180, ../scss/Layer.scss */ .label-layer .button-visible { background-image: url(../images/icon-eye.png); top: 3px; right: 7px; } /* line 185, ../scss/Layer.scss */ .label-style .button-add { background-image: url(../images/icon-plus.png); width: 15px; height: 15px; top: 3px; right: 11px; } /* line 192, ../scss/Layer.scss */ .label-style .button-delete { background-image: url(../images/icon-minus.png); width: 15px; height: 15px; top: 3px; right: 31px; } /* line 199, ../scss/Layer.scss */ .collapsible-content .layout-table { width: 99.9%; } /* line 202, ../scss/Layer.scss */ .content-layer .collapsible-content { padding-left: 30px; } /* line 205, ../scss/Layer.scss */ .collapsible-content .collapsible-content .layout-table .layout-row { height: 20px; overflow: hidden; } /* line 209, ../scss/Layer.scss */ .collapsible-content .collapsible-content .layout-table .layout-row .layout-cell { width: 40%; height: 20px; border-bottom: 1px solid #505050; line-height: 20px; text-align: left; overflow: hidden; } /* line 218, ../scss/Layer.scss */ .collapsible-content .collapsible-content .container-row { border-bottom: 1px solid #505050; height: 20px; } /* line 224, ../scss/Layer.scss */ .collapsible-content .collapsible-content .cell-property, .collapsible-content .collapsible-content .cell-value { width: 45%; float: left; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 18px; } /* line 236, ../scss/Layer.scss */ .collapsible-content .layout-table:first-child { border-top: 1px solid #505050; } /* line 240, ../scss/Layer.scss */ .collapsible-content .hottextunit { width: auto; } /* line 243, ../scss/Layer.scss */ .collapsible-transition { -webkit-transition-property: height; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease-in; } /* line 251, ../scss/Layer.scss */ .editable2 { height: 20px; background-color: #242424 !important; color: #b2b2b2 !important; border-width: 0px; font-size: 11px; overflow: hidden; -webkit-user-select: text; text-overflow: clip; } /* line 261, ../scss/Layer.scss */ .editable2 br { display: inline; } /* line 265, ../scss/Layer.scss */ .label-style .disabled { cursor: default; } /* styles elements */ /* line 270, ../scss/Layer.scss */ .content-style .item-template { display: none; } /* line 273, ../scss/Layer.scss */ .content-style .layout-row.selected .layout-cell { background-color: #b2b2b2; color: #242424; } /* line 277, ../scss/Layer.scss */ .style-row { height: 20px; }