adbff03274
Former-commit-id: ceb274e0e526378d5ab449470c122f11789200dd [formerly 63e043d75c173243116fb35ba389141e323e7606] [formerly da9fc0747c65a3fbdeb032a5e7e3b9e146f409e4 [formerly 9a9b41dca8]]
Former-commit-id: 2a287ab5251869f0e2e2fb836268fb2b1682b81d [formerly d7201a4b07230d32422940250bf0e01b430dde9c]
Former-commit-id: f8f4013fe9eb03ce233738e51ec2c967753b29d7
155 lines
2.4 KiB
CSS
155 lines
2.4 KiB
CSS
.dashboard {
|
|
max-width: 600px;
|
|
box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
|
|
border-radius: .5em;
|
|
background: #fff;
|
|
padding: 1em;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.dashboard a {
|
|
color: inherit
|
|
}
|
|
|
|
.dashboard h1 button {
|
|
font-size: 0.5em;
|
|
float: right;
|
|
}
|
|
|
|
.dashboard table {
|
|
width: 100%;
|
|
}
|
|
|
|
.dashboard table th {
|
|
font-weight: 500;
|
|
color: #757575;
|
|
text-align: left;
|
|
}
|
|
|
|
.dashboard table th,
|
|
.dashboard table td {
|
|
padding: .5em 0;
|
|
}
|
|
|
|
.dashboard table td:last-child {
|
|
width: 1em
|
|
}
|
|
|
|
.dashboard > h1:first-of-type {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.dashboard form > p:last-child,
|
|
form.dashboard > p:last-child {
|
|
text-align: right
|
|
}
|
|
|
|
.dashboard > *:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.dashboard select,
|
|
.dashboard textarea,
|
|
.dashboard input[type="text"],
|
|
.dashboard input[type="password"] {
|
|
padding: 0;
|
|
line-height: 1.7;
|
|
display: block;
|
|
border: 0;
|
|
border-bottom: 1px solid #dddddd;
|
|
transition: .2s ease border;
|
|
width: 100%;
|
|
}
|
|
|
|
.dashboard #locale,
|
|
.dashboard #username,
|
|
.dashboard #password,
|
|
.dashboard #scope {
|
|
max-width: 18em;
|
|
}
|
|
|
|
.dashboard #locale {
|
|
border: 1px solid #dddddd;
|
|
margin-top: .5em;
|
|
}
|
|
|
|
.dashboard textarea:focus,
|
|
.dashboard textarea:hover,
|
|
.dashboard input[type="text"]:focus,
|
|
.dashboard input[type="password"]:focus,
|
|
.dashboard input[type="text"]:hover,
|
|
.dashboard input[type="password"]:hover {
|
|
border-color: #2979ff;
|
|
}
|
|
|
|
.dashboard input.red {
|
|
border-color: red;
|
|
}
|
|
|
|
.dashboard input.green {
|
|
border-color: green;
|
|
}
|
|
|
|
.dashboard button.delete {
|
|
background: #F44336;
|
|
}
|
|
|
|
.dashboard button.delete:hover {
|
|
background: #D32F2F;
|
|
}
|
|
|
|
.dashboard textarea {
|
|
line-height: 1.15;
|
|
padding: .5em;
|
|
border: 1px solid #ddd;
|
|
font-family: monospace;
|
|
min-height: 10em;
|
|
resize: vertical;
|
|
}
|
|
|
|
.dashboard p label {
|
|
margin-bottom: .2em;
|
|
display: block;
|
|
font-size: .8em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
li code,
|
|
p code {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
padding: .1em;
|
|
border-radius: .2em;
|
|
}
|
|
|
|
.small {
|
|
font-size: .8em;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.dashboard #nav {
|
|
list-style: none;
|
|
display: flex;
|
|
color: rgb(84, 110, 122);
|
|
font-weight: 500;
|
|
margin: 0 0 1em;
|
|
font-size: .8em;
|
|
text-align: center;
|
|
justify-content: space-between;
|
|
padding: 0;
|
|
}
|
|
|
|
.dashboard #nav li {
|
|
width: 100%;
|
|
padding: 0 0 1em;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.dashboard #nav li.active {
|
|
border-color: #2196f3
|
|
}
|
|
|
|
.dashboard #nav i {
|
|
font-size: 1em;
|
|
vertical-align: middle;
|
|
}
|