/* first elements in
*/
@media screen {
html {
margin: 0;
padding: 0;
}
body {
/*
Do NOT override the margins (it is used for the body border); instead modify the body padding.
To override the body border styles, use the variables below.
*/
--body-border-size: 2px;
--body-border-color: #fff;
margin: 0 var(--body-border-size) var(--body-border-size) var(--body-border-size);
padding: 6px;
color: #fff;
background-color: #000;
}
#div_viewportBorderL,
#div_viewportBorderR,
#div_viewportBorderB {
z-index: 1;
position: fixed;
bottom: 0;
background-color: var(--body-border-color);
}
#div_viewportBorderL {
left: 0;
top: 0;
width: var(--body-border-size);
}
#div_viewportBorderR {
top: 0;
right: 0;
width: var(--body-border-size);
}
#div_viewportBorderB {
left: 0;
right: 0;
height: var(--body-border-size);
}
#div_body_absolute {
/*
Optional:
If used, the div MUST be in the body tag, and should typically be right after the #div_body_border.
This MUST only contain absolute positioned elements to the body.
The elements inside here will not cover the white borders.
Do NOT override any of the rules below. Be careful with subclassing these rules.
*/
display: block;
position: absolute;
top: 0;
bottom: var(--body-border-size);
left: var(--body-border-size);
right: var(--body-border-size);
z-index: -9000;
background-color: transparent;
}
}
@media screen and (display-mode:fullscreen), print {
body {
--body-border-size: 0;
}
}
@media print {
body {
/* By default, printing should be black on white. Override if needed. */
color: #000;
background-color: #fff;
}
}