initial commit
This commit is contained in:
223
htdocs/css/general.css
Normal file
223
htdocs/css/general.css
Normal file
@@ -0,0 +1,223 @@
|
||||
@font-face {
|
||||
font-family: "Digital Sans EF Medium";
|
||||
src: url('../fonts/Digital Sans EF Medium.ttf') format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "DroidSans";
|
||||
src: url('../fonts/DroidSans.ttf') format("truetype");
|
||||
}
|
||||
|
||||
:root {
|
||||
--default-amount-color: #a5b3c0;
|
||||
--default-font-color: #c2c2c2;
|
||||
--default-font-size: 2.1vmax;
|
||||
--default-header-color: #64aa82;
|
||||
--default-header-font-size: 2.4vmax;
|
||||
--link-color: #436055;
|
||||
--link-font-size: 1.8vmax;
|
||||
|
||||
font-size: var(--default-font-size);
|
||||
background-color: black;
|
||||
color: var(--default-font-color);
|
||||
}
|
||||
|
||||
html * {
|
||||
font-family: "DroidSans", sans-serif;
|
||||
}
|
||||
|
||||
html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background: url('../images/background.jpg') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: var(--link-font-size);
|
||||
}
|
||||
a:link {
|
||||
color: var(--link-color);
|
||||
}
|
||||
a:visited {
|
||||
color: var(--link-color);
|
||||
}
|
||||
a:hover {
|
||||
color: var(--link-color);
|
||||
}
|
||||
a:active {
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #515151;
|
||||
border: 1px solid #506b58;
|
||||
color: white;
|
||||
padding: 6px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
font-size: var(--default-font-size);
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #858595;
|
||||
}
|
||||
|
||||
div {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: var(--default-header-color);
|
||||
font-size: var(--default-header-font-size);
|
||||
margin: 0 0 5px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: var(--default-font-size);
|
||||
margin: 0 0 5px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: var(--default-font-size);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
font-family: monospace;
|
||||
border: 1px solid #3b4b3d;
|
||||
padding: 5px;
|
||||
margin: 0;
|
||||
background: rgba(64, 142, 62, 0.04);
|
||||
color: var(--default-font-color);
|
||||
font-size: var(--default-font-size);
|
||||
max-font-size: 18px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 5px;
|
||||
padding: 0;
|
||||
font-size: var(--default-font-size);
|
||||
}
|
||||
|
||||
select {
|
||||
border: 1px solid #3b4b3d;
|
||||
outline: 1px;
|
||||
background: rgba(64, 142, 62, 0.04);
|
||||
color: var(--default-font-color);
|
||||
padding: 6px;
|
||||
font-size: var(--default-font-size);
|
||||
-webkit-appearance: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
select option {
|
||||
background: #222222;
|
||||
color: var(--default-font-color);
|
||||
font-size: var(--default-font-size);
|
||||
}
|
||||
|
||||
td {
|
||||
font-size: var(--default-font-size);
|
||||
}
|
||||
|
||||
textarea {
|
||||
font-family: monospace;
|
||||
border: 1px solid #3b4b3d;
|
||||
padding: 6px;
|
||||
background: rgba(64, 142, 62, 0.04);
|
||||
color: var(--default-font-color);
|
||||
font-size: var(--default-font-size);
|
||||
}
|
||||
|
||||
.app-header {
|
||||
font-family: "Digital Sans EF Medium", sans-serif;
|
||||
color: var(--default-header-color);
|
||||
font-size: 4vmax;
|
||||
margin-top: 0;
|
||||
margin-right: 20px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.amount {
|
||||
font-family: monospace;
|
||||
font-size: var(--default-font-size);
|
||||
}
|
||||
|
||||
.address {
|
||||
font-family: monospace;
|
||||
font-size: var(--default-font-size);
|
||||
}
|
||||
|
||||
.box {
|
||||
margin-top: 0;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding: 10px;
|
||||
background-color: rgba(48, 46, 46, 0.7);
|
||||
border: 1px solid #484745;
|
||||
}
|
||||
|
||||
.digital {
|
||||
font-family: "Digital Sans EF Medium", sans-serif;
|
||||
}
|
||||
|
||||
.hidden-element {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.padded {
|
||||
margin-top: 0;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.scrollable-content {
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.scrollable-content, ::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.scrollable-content, ::-webkit-scrollbar * {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.scrollable-content, ::-webkit-scrollbar-thumb {
|
||||
background: rgba(90, 90, 90, 0.4) !important;
|
||||
}
|
||||
|
||||
.vfocus {
|
||||
}
|
||||
|
||||
table.dataTable.no-footer {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
table.transparent td, table tr, table th{
|
||||
background: transparent !important;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user