gravity/style.css

110 lines
1.7 KiB
CSS

body {
background-color: #000;
color: #5f5;
font-family: monospace;
font-size: 10pt;
overflow: hidden;
user-select: none;
-webkit-user-select: none;
}
h1, h2, h3, h4, h5, h6 {
margin-block-start: 4pt;
margin-block-end: 4pt;
text-align: center;
font-size: 12pt;
font-weight: normal;
}
h1 {
font-size: 14pt;
}
div[id=simulator] {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
div.lhg-toolbar {
position: relative;
z-index: 2;
width: fit-content;
margin: 0.5EM;
border-radius: 0.5EM;
border-width: 1px;
border-color: #282;
border-style: solid;
}
div.lhg-tool {
position: relative;
top: 0;
left: 0;
width: 12EM;
/* padding: 0.5EM; */
margin: 0.5EM;
text-align: middle;
}
div.lhg-tool div.lhg-wide {
display: flex;
flex-direction: row;
}
div.lhg-tool button, div.lhg-tool input {
font-family: monospace;
font-size: 10pt;
width: 6em;
background-color: #333;
color: #5f5;
border-radius: 0.5EM;
border-color: #000;
border-width: 2px;
border-style: solid;
padding-top: 0.5EM;
padding-bottom: 0.5EM;
padding-left: 0EM;
padding-right: 0EM;
text-align: center;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
}
div.lhg-tool input {
width: 6EM;
}
div.lhg-tool button:hover {
background-color: #444;
}
div.lhg-tool button:active {
background-color: #252;
}
div.lhg-toolbar-header:hover button {
background-color: #444;
}
div.lhg-toolbar-header:active button {
background-color: #252;
}
div.lhg-toolbar-header > * {
display: inline-block;
}
div.lhg-tool .lhg-tool-info {
background-color: #111;
border-color: #000;
border-width: 2px;
}
div.lhg-tool .lhg-wide {
width: 12em;
}