xssbook/public/css/admin.css

144 lines
2 KiB
CSS
Raw Normal View History

2023-01-30 00:28:48 +00:00
body {
margin: 0;
padding: 0;
background-color: #181818;
2023-01-30 20:37:16 +00:00
overflow-x: hidden;
2023-01-30 00:28:48 +00:00
}
#header {
background-color: #242424;
}
#login {
display: flex;
justify-content: center;
align-items: center;
2023-01-30 20:37:16 +00:00
width: 100%;
height: 100%;
2023-01-30 00:28:48 +00:00
flex-direction: column;
2023-01-30 20:37:16 +00:00
margin: 0;
padding: 0;
2023-01-30 00:28:48 +00:00
}
#error .logo {
font-size: 100px;
}
.desc {
font-size: 40px;
}
input {
flex: 0;
background-color: #242424;
color: white;
border: 1px solid #606770;
}
input:focus {
outline: none;
}
#admin {
margin: 1.75em;
margin-top: 5em;
2023-01-30 20:37:16 +00:00
width: calc(100% - 1.75em * 2);
height: calc(100% - 5em - 1.75em);
2023-01-30 00:28:48 +00:00
display: flex;
flex-direction: column;
}
#queryinput {
2023-01-30 20:37:16 +00:00
display: flex;
width: calc(100% - 2em);
justify-content: space-between;
flex-direction: row;
margin: 1em;
2023-01-30 00:28:48 +00:00
}
#queryinput #query {
width: 50em;
margin: 0;
2023-01-30 20:37:16 +00:00
flex: 10;
2023-01-30 00:28:48 +00:00
}
form {
width: 100%;
display: flex;
justify-content: center;
align-content: center;
}
2023-01-30 20:37:16 +00:00
#buttons .submit, .view {
2023-01-30 00:28:48 +00:00
all: unset;
font-family: sfpro;
margin: 0;
padding: 10px 30px;
2023-01-30 21:47:17 +00:00
background-color: #242424;
2023-01-30 00:28:48 +00:00
border-radius: 5px;
font-size: 18px;
margin-left: 2em;
cursor: pointer;
2023-01-30 21:47:17 +00:00
border: 1px solid #30ab5a;
color: #30ab5a;
2023-01-30 00:28:48 +00:00
}
2023-01-30 20:37:16 +00:00
#buttons .submit:active {
2023-01-30 21:47:17 +00:00
background-color: #181818;
2023-01-30 00:28:48 +00:00
}
2023-01-30 20:37:16 +00:00
#buttons .view {
2023-01-30 00:28:48 +00:00
background-color: #242424;
color: #707882;
border: 1px solid #606770;
}
2023-01-30 20:37:16 +00:00
#buttons .view:active {
2023-01-30 00:28:48 +00:00
background-color: #181818;
}
table {
2023-01-30 20:37:16 +00:00
margin: 1em 0em;
2023-01-30 00:28:48 +00:00
border-collapse: separate;
border-spacing: 15px;
table-layout: fixed;
width: 100%;
2023-01-30 00:28:48 +00:00
}
th, td {
font-family: sfpro;
color: white;
padding: 20px;
border-radius: 10px;
background-color: #242424;
border-radius: 10px;
word-wrap: break-word;
2023-01-30 00:28:48 +00:00
}
th {
font-family: sfprobold;
}
.value {
color: white;
}
.bool {
color: aqua;
}
.null {
color: blue;
}
.number {
color: yellow;
}
.string {
color: #4ae04a
}
.key .string {
color: white;
}