+++ /dev/null
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/ */
-
-#sidebar-panel-layoutview {
- display: block;
- overflow: auto;
- height: 100%;
-}
-
-#layout-wrapper {
- /* The sidebar-panel is not focusable, this wrapper will catch click events in
- all the empty area around the layout-container */
- height: 100%;
-}
-
-#layout-container {
- /* The view will grow bigger as the window gets resized, until 400px */
- max-width: 400px;
- margin: 0px auto;
- padding: 0;
- /* "Contain" the absolutely positioned #layout-main element */
- position: relative;
-}
-
-/* Header: contains the position and size of the element */
-
-#layout-header {
- box-sizing: border-box;
- width: 100%;
- padding: 4px 14px;
- display: -moz-box;
- vertical-align: top;
-}
-
-#layout-header:dir(rtl) {
- -moz-box-direction: reverse;
-}
-
-#layout-header > span {
- display: -moz-box;
-}
-
-#layout-element-size {
- -moz-box-flex: 1;
-}
-
-#layout-element-size:dir(rtl) {
- -moz-box-pack: end;
-}
-
-@media (max-height: 250px) {
- #layout-header {
- padding-top: 0;
- padding-bottom: 0;
- margin-top: 10px;
- margin-bottom: 8px;
- }
-}
-
-#layout-geometry-editor {
- visibility: hidden;
-}
-
-#layout-geometry-editor::before {
- background: url(images/geometry-editor.svg) no-repeat center center / 16px 16px;
-}
-
-/* Main: contains the box-model regions */
-
-#layout-main {
- position: relative;
- box-sizing: border-box;
- /* The regions are semi-transparent, so the white background is partly
- visible */
- background-color: #FF9F00;
- color: var(--theme-selection-color);
- /* Make sure there is some space between the window's edges and the regions */
- margin: 0 14px 4px 14px;
- width: calc(100% - 2 * 14px);
-}
-
-.layout-margin,
-.layout-size {
-/* color: var(--theme-highlight-blue); */
-}
-
-/* Regions are 3 nested elements with wide borders and outlines */
-
-#layout-content {
- height: 18px;
-}
-
-#layout-margins,
-#layout-borders,
-#layout-padding {
- border-color: var(--theme-splitter-color);
- border-width: 18px;
- border-style: solid;
- outline: dotted 1px var(--theme-splitter-color);
-}
-
-#layout-margins {
- /* This opacity applies to all of the regions, since they are nested */
- opacity: .8;
-}
-
-/* Regions colors */
-
-#layout-margins {
- border-color: #FFCF00;
-}
-
-#layout-borders {
- border-color: #A09090;
-}
-
-#layout-padding {
- border-color: #8050B0;
-}
-
-#layout-content {
- background-color: #008484;
-}
-
-/* Editable region sizes are contained in absolutely positioned <p> */
-
-#layout-main > p {
- position: absolute;
- pointer-events: none;
- margin: 0;
- text-align: center;
-}
-
-#layout-main > p > span,
-#layout-main > p > input {
- vertical-align: middle;
- pointer-events: auto;
-}
-
-/* Coordinates for the region sizes */
-
-.layout-top,
-.layout-bottom {
- width: calc(100% - 2px);
- text-align: center;
-}
-
-.layout-padding.layout-top {
- top: 37px;
-}
-
-.layout-padding.layout-bottom {
- bottom: 38px;
-}
-
-.layout-border.layout-top {
- top: 19px;
-}
-
-.layout-border.layout-bottom {
- bottom: 20px;
-}
-
-.layout-margin.layout-top {
- top: 1px;
-}
-
-.layout-margin.layout-bottom {
- bottom: 2px;
-}
-
-.layout-size,
-.layout-margin.layout-left,
-.layout-margin.layout-right,
-.layout-border.layout-left,
-.layout-border.layout-right,
-.layout-padding.layout-left,
-.layout-padding.layout-right {
- top: 22px;
- line-height: 88px;
-}
-
-.layout-size {
- width: calc(100% - 2px);
-}
-
-.layout-margin.layout-right,
-.layout-margin.layout-left,
-.layout-border.layout-left,
-.layout-border.layout-right,
-.layout-padding.layout-right,
-.layout-padding.layout-left {
- width: 21px;
-}
-
-.layout-padding.layout-left {
- left: 35px;
-}
-
-.layout-padding.layout-right {
- right: 35px;
-}
-
-.layout-border.layout-left {
- left: 16px;
-}
-
-.layout-border.layout-right {
- right: 17px;
-}
-
-.layout-margin.layout-right {
- right: 0;
-}
-
-.layout-margin.layout-left {
- left: 0;
-}
-
-.layout-rotate.layout-left:not(.layout-editing) {
- transform: rotate(-90deg);
-}
-
-.layout-rotate.layout-right:not(.layout-editing) {
- transform: rotate(90deg);
-}
-
-/* Legend, displayed inside regions */
-
-.layout-legend {
- position: absolute;
- margin: 2px 6px;
- z-index: 1;
-}
-
-.layout-legend[data-box="margin"] {
- color: #000000; /*var(--theme-highlight-blue);*/
-}
-
-/* Editable fields */
-
-.layout-editable {
- border: 1px dashed transparent;
- -moz-user-select: text;
-}
-
-.layout-editable:hover {
- border-bottom-color: #E7ADE7;
-}
-
-.styleinspector-propertyeditor {
- border: 1px solid #008484;
- padding: 0;
-}
-
-/* Make sure the content size doesn't appear as editable like the other sizes */
-
-.layout-size > span {
- cursor: default;
-}
-
-/* Layout info: contains the position and size of the element */
-
-#layout-element-size {
- flex: 1;
-}
-
-#layout-position-group {
- display: flex;
- align-items: center;
-}