#sidebar-panel-layoutview {
display: block;
overflow: auto;
+ height: 100%;
}
#layout-wrapper {
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 10px 14px;
+ margin: 0 14px 4px 14px;
width: calc(100% - 2 * 14px);
}
/* Regions are 3 nested elements with wide borders and outlines */
#layout-content {
- height: 25px;
+ height: 18px;
}
#layout-margins,
#layout-borders,
#layout-padding {
border-color: var(--theme-splitter-color);
- border-width: 25px;
+ border-width: 18px;
border-style: solid;
outline: dotted 1px var(--theme-splitter-color);
}
opacity: .8;
}
-/* Respond to window size change by changing the size of the regions */
-
-@media (max-height: 250px) {
- #layout-content {
- height: 18px;
- }
-
- #layout-margins,
- #layout-borders,
- #layout-padding {
- border-width: 18px;
- }
-}
-
/* Regions colors */
#layout-margins {
#layout-content {
background-color: #008484;
}
-/*
-.theme-firebug #layout-main,
-.theme-firebug #layout-borders,
-.theme-firebug #layout-content {
- border-style: solid;
-}
-
-.theme-firebug #layout-main,
-.theme-firebug #layout-header {
- font-family: var(--proportional-font-family);
-}
-.theme-firebug #layout-main {
- color: var(--theme-body-color);
- font-size: var(--theme-toolbar-font-size);
-}
-
-.theme-firebug #layout-header {
- font-size: var(--theme-toolbar-font-size);
-}
-*/
/* Editable region sizes are contained in absolutely positioned <p> */
#layout-main > p {
}
.layout-padding.layout-top {
- top: 55px;
+ top: 37px;
}
.layout-padding.layout-bottom {
- bottom: 57px;
+ bottom: 38px;
}
.layout-border.layout-top {
- top: 30px;
+ top: 19px;
}
.layout-border.layout-bottom {
- bottom: 31px;
+ bottom: 20px;
}
.layout-margin.layout-top {
- top: 5px;
+ top: 1px;
}
.layout-margin.layout-bottom {
- bottom: 6px;
+ bottom: 2px;
}
.layout-size,
.layout-padding.layout-left,
.layout-padding.layout-right {
top: 22px;
- line-height: 132px;
+ line-height: 88px;
}
.layout-size {
.layout-border.layout-right,
.layout-padding.layout-right,
.layout-padding.layout-left {
- width: 25px;
+ width: 21px;
}
.layout-padding.layout-left {
- left: 52px;
+ left: 35px;
}
.layout-padding.layout-right {
- right: 51px;
+ right: 35px;
}
.layout-border.layout-left {
- left: 26px;
+ left: 16px;
}
.layout-border.layout-right {
- right: 26px;
+ right: 17px;
}
.layout-margin.layout-right {
transform: rotate(90deg);
}
-/* Coordinates should be different when the window is small, because we make
- the regions smaller then */
-
-@media (max-height: 250px) {
- .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 {
- line-height: 80px;
- }
-
- .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;
- }
-}
-
/* Legend, displayed inside regions */
.layout-legend {
position: absolute;
- margin: 5px 6px;
+ margin: 2px 6px;
z-index: 1;
}
color: #000000; /*var(--theme-highlight-blue);*/
}
-@media (max-height: 250px) {
- .layout-legend {
- margin: 2px 6px;
- }
-}
-
/* Editable fields */
.layout-editable {