.nt-desktop
.nt-window.nt-emboss.align-items-stretch
.nt-titlebar
span Catscape Navigator 3.14
.nt-toolbar
.nt-toolbar-link File
.nt-toolbar-link Edit
.nt-toolbar-link View
.nt-toolbar
.mr-2 Address
.nt-well.bg-white.flex-grow-1 https://kismeticwrinkle.neocities.org/home.html
.mx-2 Go!
.nt-well(style="margin: 2px")
iframe.nt-browser(src="https://kismeticwrinkle.neocities.org/home.html")
body {
background-color: teal;
color: black;
font-family: sans-serif;
user-select: none;
}
.nt-desktop {
display: flex;
height: 100vh;
justify-content: center;
align-items: center;
overflow: auto;
font-size: 12px;
}
.nt-emboss {
padding: 1px;
border-top: solid 1px silver;
border-left: solid 1px silver;
border-bottom: solid 1px black;
border-right: solid 1px black;
box-shadow: 1px 1px white inset, -1px -1px gray inset;
}
.nt-window {
background-color: lightGray;
padding: 2px;
}
.nt-well {
border-top: solid 1px black;
border-left: solid 1px black;
border-bottom: solid 1px gray;
border-right: solid 1px gray;
box-shadow: -1px -1px gray, 1px 1px white;
}
.nt-divider {
width: 100%;
border-top: solid 1px gray;
border-bottom: solid 1px white;
margin-bottom: 4px;
}
.nt-divider {
background-color: lightGray;
padding: 2px;
}
.nt-titlebar {
display: flex;
padding: 2px;
margin-bottom: 1px;
background-color: navy;
color: white;
font-weight: bold;
}
.nt-toolbar {
display: flex;
align-items: baseline;
}
.nt-toolbar-link {
display: inline-block;
padding: 2px 6px;
color: black;
}
.nt-toolbar-link:hover {
background-color: white;
}
.nt-button {
padding: 4px;
background-color: light-gray;
border-top: solid 1px silver;
border-left: solid 1px silver;
border-bottom: solid 1px black;
border-right: solid 1px black;
box-shadow: 1px 1px white inset, -1px -1px gray inset;
}
.nt-button:active {
border-top: solid 1px black;
border-left: solid 1px black;
border-bottom: solid 1px gray;
border-right: solid 1px gray;
box-shadow: -1px -1px gray, 1px 1px white;
}
.nt-button:focus {outline:0;}
.nt-browser {
display: block;
background-color: white;
height: 600px;
width: 800px;
border: none;
padding: 0;
}$(function(){
$(".nt-window").draggable({
handle: ".nt-titlebar"
});