* WebAdmin improvements * Remove stray div tag * Revert path change * Remove buildserver link * Further simplification * Reduce horizontal padding * Add svg icons * Remove unneeded css * Make login and logout icons colored * Use same capitalization for Log in and Log out * Remove leftover code from old Webadmin design * Remove more leftover code from earlier Webadmin versions * and don't add earlier leftovers back... * PR test * Fix max width overflow * Add missing css changes
308 lines
5.6 KiB
CSS
308 lines
5.6 KiB
CSS
/* Copyright Justin S and Cuberite Team, licensed under CC-BY-SA 3.0 */
|
|
* {
|
|
font-family: inherit;
|
|
margin: 0;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
body {
|
|
font-family: Tahoma, Verdana, Arial, sans-serif;
|
|
background: #fff;
|
|
color: #343434;
|
|
display: table;
|
|
font-size: 13px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
h4 {
|
|
background: #F4F7F6;
|
|
border-bottom: 1px solid #CCDDD9;
|
|
padding: 8px 3px;
|
|
}
|
|
|
|
img {
|
|
border: none;
|
|
}
|
|
|
|
ul {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
p {
|
|
margin: 4px 0;
|
|
padding: 4px 3px;
|
|
}
|
|
|
|
hr {
|
|
background: rgba(204, 221, 217, .6);
|
|
border: none;
|
|
height: 1px;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
a {
|
|
color: #666;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:visited {
|
|
color: #444;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover, a:active {
|
|
color: #888;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.color-background {
|
|
background: #245A48;
|
|
background: linear-gradient(200deg, #245d33, #24575D);
|
|
text-shadow: 0 2px 1px rgba(0, 0, 0, .15);
|
|
}
|
|
|
|
.wrapper {
|
|
padding: 0 15px;
|
|
margin: auto;
|
|
max-width: 1000px;
|
|
}
|
|
|
|
.header {
|
|
border-bottom: 1px solid rgba(0, 0, 0, .2);
|
|
padding: 13px 0;
|
|
}
|
|
|
|
.header svg {
|
|
fill: #fff;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.panel {
|
|
background: #F4F7F6;
|
|
border-bottom: 1px solid #CCDDD9;
|
|
overflow: hidden;
|
|
padding: 8px;
|
|
}
|
|
|
|
.welcome {
|
|
display: inline;
|
|
}
|
|
|
|
.stats {
|
|
float: right;
|
|
font-weight: bold;
|
|
padding: 0;
|
|
}
|
|
|
|
.stats li {
|
|
display: inline;
|
|
padding: 0 0 0 20px;
|
|
}
|
|
|
|
.link-login {
|
|
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24'%3E%3Cpath fill='%23B7A540' d='M12.65 10C11.7 7.31 8.9 5.5 5.77 6.12c-2.29.46-4.15 2.29-4.63 4.58C.32 14.57 3.26 18 7 18c2.61 0 4.83-1.67 5.65-4H17v2c0 1.1.9 2 2 2s2-.9 2-2v-2c1.1 0 2-.9 2-2s-.9-2-2-2h-8.35zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'/%3E%3C/svg%3E") no-repeat left center;
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0 0 0 24px;
|
|
}
|
|
|
|
.link-login:hover,
|
|
.link-login:active {
|
|
color: #888;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.link-logout {
|
|
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24'%3E%3Cpath fill='%23c14544' d='M13 3h-2v10h2V3zm4.83 2.17l-1.42 1.42C17.99 7.86 19 9.81 19 12c0 3.87-3.13 7-7 7s-7-3.13-7-7c0-2.19 1.01-4.14 2.58-5.42L6.17 5.17C4.23 6.82 3 9.26 3 12c0 4.97 4.03 9 9 9s9-4.03 9-9c0-2.74-1.23-5.18-3.17-6.83z'/%3E%3C/svg%3E") no-repeat left center;
|
|
margin: 0 0 0 10px;
|
|
padding: 0 0 0 24px;
|
|
}
|
|
|
|
.columns {
|
|
display: table-row;
|
|
height: 100%;
|
|
}
|
|
|
|
.columns-wrapper {
|
|
display: table;
|
|
margin: auto;
|
|
max-width: 1030px;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.columns-spacing {
|
|
display: table-cell;
|
|
padding: 15px;
|
|
}
|
|
|
|
.box {
|
|
background: #f9fbfa;
|
|
border: 1px solid #CCDDD9;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
.box.left {
|
|
float: left;
|
|
margin: 0;
|
|
width: 220px;
|
|
}
|
|
|
|
.box.right {
|
|
margin: 0 0 0 235px;
|
|
}
|
|
|
|
.guest-iframe {
|
|
border: 0;
|
|
min-height: 250px;
|
|
max-height: 450px;
|
|
}
|
|
|
|
.head {
|
|
border-radius: 6px 6px 0 0;
|
|
color: #fff;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
padding: 9px;
|
|
border-bottom: 1px solid rgba(0, 0, 0, .2);
|
|
}
|
|
|
|
.main-content {
|
|
padding: 10px;
|
|
}
|
|
|
|
.category {
|
|
background: #F4F7F6;
|
|
border-bottom: 1px solid #CCDDD9;
|
|
border-top: 1px solid #CCDDD9;
|
|
font-weight: bold;
|
|
padding: 6px;
|
|
}
|
|
|
|
.sidebar {
|
|
list-style: none;
|
|
padding: 6px;
|
|
}
|
|
|
|
.sidebar li a {
|
|
display: block;
|
|
}
|
|
|
|
.link-home {
|
|
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23434343' d='M19,9.3V5c0-0.55-0.45-1-1-1h-1c-0.55,0-1,0.45-1,1v1.6l-3.33-3c-0.38-0.34-0.96-0.34-1.34,0l-8.36,7.53C2.63,11.43,2.84,12,3.3,12H5v7c0,0.55,0.45,1,1,1h3c0.55,0,1-0.45,1-1v-5h4v5c0,0.55,0.45,1,1,1h3c0.55,0,1-0.45,1-1v-7h1.7c0.46,0,0.68-0.57,0.33-0.87L19,9.3z M10,10c0-1.1,0.9-2,2-2s2,0.9,2,2H10z'/%3E%3C/svg%3E") no-repeat left center;
|
|
padding: 4px 4px 4px 25px;
|
|
}
|
|
|
|
.link-page {
|
|
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='%23434343' d='M16.01 7L16 4c0-.55-.45-1-1-1s-1 .45-1 1v3h-4V4c0-.55-.45-1-1-1s-1 .45-1 1v3h-.01C6.9 7 6 7.9 6 8.99v4.66c0 .53.21 1.04.58 1.41L9.5 18v2c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-2l2.92-2.92c.37-.38.58-.89.58-1.42V8.99C18 7.89 17.11 7 16.01 7z'/%3E%3C/svg%3E") no-repeat left center;
|
|
padding: 4px 4px 4px 25px;
|
|
}
|
|
|
|
.link-subpage {
|
|
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z'/%3E%3C/svg%3E") no-repeat 20px center;
|
|
padding: 4px 4px 4px 41px;
|
|
}
|
|
|
|
#ChatMessage {
|
|
margin-top: 10px;
|
|
width: 88%;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
}
|
|
|
|
th {
|
|
border-bottom: 1px solid #CCDDD9;
|
|
padding: 8px 5px;
|
|
text-align: left;
|
|
}
|
|
|
|
tr:nth-child(odd) {
|
|
background: #F4F7F6;
|
|
}
|
|
|
|
td {
|
|
padding: 3px 5px;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
select,
|
|
textarea {
|
|
background: #fff;
|
|
border: 1px solid #ccc;
|
|
border-radius: 5px;
|
|
padding: 6px;
|
|
}
|
|
|
|
input[type="text"]:hover,
|
|
input[type="text"]:focus {
|
|
background: #f8f8f7;
|
|
}
|
|
|
|
button,
|
|
input[type="submit"] {
|
|
background: #f5f5f5;
|
|
cursor: pointer;
|
|
margin: 2px;
|
|
}
|
|
|
|
button,
|
|
input[type="submit"]:hover {
|
|
background: #E5E4E2;
|
|
}
|
|
|
|
button:disabled,
|
|
input:disabled {
|
|
color: #fff;
|
|
background: #ccc;
|
|
}
|
|
|
|
.footer {
|
|
display: table-row;
|
|
}
|
|
|
|
.footer a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.copyright {
|
|
display: inline;
|
|
}
|
|
|
|
.footer-links {
|
|
float: right;
|
|
padding: 0;
|
|
}
|
|
|
|
.footer-links li {
|
|
display: inline;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.footer-container {
|
|
background: #F4F7F6;
|
|
border-top: 1px solid #CCDDD9;
|
|
overflow: hidden;
|
|
padding: 10px;
|
|
}
|
|
|
|
@media (max-width: 700px) {
|
|
.box.left {
|
|
float: none;
|
|
margin: 0 0 10px;
|
|
width: 100%;
|
|
}
|
|
|
|
.box.right {
|
|
margin: 0;
|
|
}
|
|
}
|