64 lines
945 B
CSS
64 lines
945 B
CSS
:root {
|
|
--browser-bar-height: 34px;
|
|
}
|
|
|
|
iframe.browser {
|
|
display: block;
|
|
background-color: white;
|
|
z-index: 10;
|
|
border: none;
|
|
margin-top: var(--browser-bar-height);
|
|
}
|
|
|
|
iframe.browser.fullscren {
|
|
margin-top: 0;
|
|
}
|
|
|
|
[data-mode="tall"] iframe.browser {
|
|
height: 100%;
|
|
}
|
|
|
|
iframe:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.browser.active {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
#browser-controls {
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 15;
|
|
width: 100%;
|
|
height: var(--browser-bar-height);
|
|
background-color: var(--gray);
|
|
}
|
|
|
|
#browser-controls span,
|
|
#browser-controls a {
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
padding: 5px;
|
|
background-color: var(--gray);
|
|
color: var(--c64-light-blue);
|
|
text-decoration: none;
|
|
}
|
|
|
|
#forward-button {
|
|
transform: scaleX(-1);
|
|
}
|
|
|
|
#fullscreen-button {
|
|
position: absolute;
|
|
right: 15;
|
|
top: -1;
|
|
}
|
|
|
|
#close-button {
|
|
position: absolute;
|
|
right: -10;
|
|
} |