mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
177 lines
2.0 KiB
CSS
177 lines
2.0 KiB
CSS
body, html {
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#header {
|
|
-moz-box-sizing: border-box;
|
|
font: 12px/14px monospace;
|
|
width: 100%;
|
|
padding: 3px 4px;
|
|
display: -moz-box;
|
|
}
|
|
|
|
body[dir=rtl] > #header {
|
|
-moz-box-direction: reverse;
|
|
}
|
|
|
|
#header > span {
|
|
display: -moz-box;
|
|
}
|
|
|
|
#element-size {
|
|
-moz-box-flex: 1;
|
|
}
|
|
|
|
body[dir=rtl] > #header > #element-size {
|
|
-moz-box-pack: end;
|
|
}
|
|
|
|
#header:focus {
|
|
outline: none;
|
|
}
|
|
|
|
#main {
|
|
margin: 10px;
|
|
-moz-box-sizing: border-box;
|
|
width: -moz-calc(100% - 2 * 10px);
|
|
position: absolute;
|
|
border-width: 1px;
|
|
font: 10px/12px monospace;
|
|
}
|
|
|
|
#margins {
|
|
padding: 28px;
|
|
}
|
|
|
|
#content {
|
|
height: 20px;
|
|
border-width: 1px;
|
|
}
|
|
|
|
#padding {
|
|
border-width: 25px;
|
|
}
|
|
|
|
#borders {
|
|
border-width: 2px;
|
|
box-shadow: 0 0 16px black;
|
|
}
|
|
|
|
#main > p {
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
|
|
#main > p {
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
#main > p > span {
|
|
vertical-align: middle;
|
|
pointer-events: auto;
|
|
cursor: default;
|
|
}
|
|
|
|
.border.top {
|
|
left: 0; top: 23px;
|
|
width: 98px;
|
|
}
|
|
|
|
.border.bottom {
|
|
right: 0; bottom: 22px;
|
|
width: 98px;
|
|
top: auto;
|
|
}
|
|
|
|
.border.left {
|
|
top: 42px; left: 0;
|
|
width: 56px;
|
|
}
|
|
|
|
.border.right{
|
|
bottom: 42px; right: 0;
|
|
width: 56px;
|
|
top: auto;
|
|
}
|
|
|
|
.top, .bottom {
|
|
width: -moz-calc(100% - 2px);
|
|
text-align: center;
|
|
}
|
|
|
|
.margin.top {
|
|
top: 8px;
|
|
}
|
|
|
|
.margin.bottom {
|
|
bottom: 6px;
|
|
}
|
|
|
|
.padding.top {
|
|
top: 35px;
|
|
}
|
|
|
|
.padding.bottom {
|
|
bottom: 35px;
|
|
}
|
|
|
|
.size,
|
|
.margin.left,
|
|
.margin.right,
|
|
.padding.left,
|
|
.padding.right {
|
|
top: 0;
|
|
line-height: 132px;
|
|
}
|
|
|
|
.size {
|
|
width: -moz-calc(100% - 2px);
|
|
}
|
|
|
|
.margin.right,
|
|
.margin.left {
|
|
width: 28px;
|
|
}
|
|
|
|
.padding.right,
|
|
.padding.left {
|
|
width: 25px;
|
|
}
|
|
|
|
.margin.right {
|
|
right: 0;
|
|
}
|
|
|
|
.margin.left {
|
|
left: 0;
|
|
}
|
|
|
|
.padding.left {
|
|
left: 30px;
|
|
}
|
|
|
|
.padding.right {
|
|
right: 30px;
|
|
}
|
|
|
|
.tooltip {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 2px;
|
|
pointer-events: none;
|
|
}
|
|
|
|
body.dim > #main,
|
|
body.dim > #header > #element-size {
|
|
visibility: hidden;
|
|
}
|
|
|