summaryrefslogtreecommitdiffstats
path: root/Server/webadmin/files/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'Server/webadmin/files/style.css')
-rw-r--r--Server/webadmin/files/style.css508
1 files changed, 194 insertions, 314 deletions
diff --git a/Server/webadmin/files/style.css b/Server/webadmin/files/style.css
index 4063790e3..bf36a5e9d 100644
--- a/Server/webadmin/files/style.css
+++ b/Server/webadmin/files/style.css
@@ -1,427 +1,307 @@
/* Copyright Justin S and Cuberite Team, licensed under CC-BY-SA 3.0 */
* {
- margin: 0;
+ font-family: inherit;
+ margin: 0;
}
+html,
body {
- font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
- -webkit-font-smoothing: antialiased;
- background: #fff;
- width: 100%;
- min-width: 100%;
- height:100%;
- min-height:100%;
- overflow-y: scroll;
- overflow-x: hidden;
+ height: 100%;
+ width: 100%;
}
-a:link {
- color: #555;
- text-decoration: none;
-}
-
-a:visited {
- color: #444;
- text-decoration: none;
+body {
+ font-family: Tahoma, Verdana, Arial, sans-serif;
+ background: #fff;
+ color: #343434;
+ display: table;
+ font-size: 13px;
+ line-height: 1.4;
}
-a:hover, a:active {
- color: #000;
- text-decoration: underline;
+h4 {
+ background: #F4F7F6;
+ border-bottom: 1px solid #CCDDD9;
+ padding: 8px 3px;
}
img {
- border: none;
+ border: none;
}
-h1 {
- color: #069;
- text-shadow: 2px 2px #000;
+ul {
+ padding-top: 10px;
+ padding-bottom: 10px;
}
-.row1 {
- border-bottom: 1px #000 solid;
- background: #fff url(header.png) repeat-x top left;
- padding: 13px 0 13px 0;
-}
-
-.row2 {
- margin: 0 auto;
- text-align: center;
- vertical-align: middle;
- margin-top: 25px;
- margin-bottom: 25px;
- padding-bottom: 65px;
+p {
+ margin: 4px 0;
+ padding: 4px 3px;
}
-.contention {
- color: #000;
- text-align: left;
- line-height: 1.4;
- margin: 0;
- font-family: Tahoma,Verdana,Arial,Sans-Serif;
- font-size: 13px;
- margin-bottom:75px;
+hr {
+ background: rgba(204, 221, 217, .6);
+ border: none;
+ height: 1px;
+ margin: 5px 0;
}
-.push25 {
+a {
+ color: #666;
+ text-decoration: none;
}
-#panel ul.menu {
- margin: 0;
- padding: 0;
- list-style: none;
+a:visited {
+ color: #444;
+ text-decoration: none;
}
-#panel ul.menu li {
- margin: 0 5px;
- display: inline;
+a:hover, a:active {
+ color: #888;
+ text-decoration: underline;
}
-#panel ul.menu li a {
- padding-left: 20px;
- background-repeat: no-repeat;
- background-position: left center;
+.color-background {
+ background: #245A48;
+ background: linear-gradient(200deg, #245d33, #24575D);
+ text-shadow: 0 2px 1px rgba(0, 0, 0, .15);
}
-#panel .upper ul.top_links {
- float: right;
- font-weight: 700;
+.wrapper {
+ padding: 0 15px;
+ margin: auto;
+ max-width: 1000px;
}
-#panel .upper {
- background: #dcdbdc url(tcat.png) repeat-x;
- border-top: 1px solid #fff;
- border-bottom: 1px solid #bbb;
- padding: 7px;
+.header {
+ border-bottom: 1px solid rgba(0, 0, 0, .2);
+ padding: 13px 0;
}
-#footer ul.menu {
- margin: 0;
- padding: 0;
- list-style: none;
+.header svg {
+ fill: #fff;
+ vertical-align: top;
}
-#footer ul.menu li {
- margin: 0 5px;
- display: inline;
+.panel {
+ background: #F4F7F6;
+ border-bottom: 1px solid #CCDDD9;
+ overflow: hidden;
+ padding: 8px;
}
-#footer .upper {
- background: #dcdbdc url(tcat.png) repeat-x;
- border-top: 1px solid #bbb;
- padding: 6px;
- overflow: hidden;
- font-size: 12px;
+.welcome {
+ display: inline;
}
-#footer .upper ul.bottom_links {
- float: left;
- margin: 3px 0 0 -5px;
+.stats {
+ float: right;
+ font-weight: bold;
+ padding: 0;
}
-#footer .lower {
- background: #a1a2a2 url(thead.png) top left repeat-x;
- color: #fff;
- border-top: 1px solid #ccc;
- border-bottom: 1px solid #ddd;
- overflow: hidden;
- padding: 8px;
- font-size: 11px;
+.stats li {
+ display: inline;
+ padding: 0 0 0 20px;
}
-#footer .lower a:link,#footer .lower a:visited {
- color: #fff;
- font-weight: 700;
+.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;
}
-#footer .lower a:hover,#footer .lower a:active {
- color: #fff;
- font-weight: 700;
+.link-login:hover,
+.link-login:active {
+ color: #888;
+ text-decoration: underline;
}
-#footer .lower #current_time {
- float: right;
- padding-right: 6px;
+.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;
}
-.wrapper {
- width: 85%;
- min-width: 970px;
- max-width: 1500px;
- margin: auto;
+.columns {
+ display: table-row;
+ height: 100%;
}
-#footer {
- position: fixed;
- left:0;
- bottom:0;
- height: 61px;
- width: 100%;
- background: #999;
- border-top: 1px #000 solid;
- border-bottom: 1px #000 solid;
+.columns-wrapper {
+ display: table;
+ margin: auto;
+ max-width: 1030px;
+ padding: 0;
+ width: 100%;
}
-* html #footer {
- position: absolute;
- top: expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
+.columns-spacing {
+ display: table-cell;
+ padding: 15px;
}
-tr td.trow1:first-child, tr td.trow2:first-child {
- border-left: 0;
+.box {
+ background: #f9fbfa;
+ border: 1px solid #CCDDD9;
+ border-radius: 7px;
}
-tr td.trow1:last-child, tr td.trow2:last-child {
- border-right: 0;
+.box.left {
+ float: left;
+ margin: 0;
+ width: 220px;
}
-.tborder {
- -moz-border-radius: 7px;
- -webkit-border-radius: 7px;
- border-radius: 7px;
+.box.right {
+ margin: 0 0 0 235px;
}
-.thead {
- -moz-border-radius-topleft: 6px;
- -moz-border-radius-topright: 6px;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
+.guest-iframe {
+ border: 0;
+ min-height: 250px;
+ max-height: 450px;
}
-table {
- color: #000;
- font-size: 13px;
+.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);
}
-.tborder {
- background: #fff;
- width: 100%;
- margin: auto;
- border: 1px solid #ccc;
- padding: 1px;
+.main-content {
+ padding: 10px;
}
-.thead {
- background: #a1a2a2 url(thead.png) top left repeat-x;
- color: #fff;
- border-bottom: 1px solid #8e8f8f;
- padding: 8px;
+.category {
+ background: #F4F7F6;
+ border-bottom: 1px solid #CCDDD9;
+ border-top: 1px solid #CCDDD9;
+ font-weight: bold;
+ padding: 6px;
}
-.tcat {
- background: #dcdbdc url(tcat.png) repeat-x;
- color: #fff;
- border-bottom: 1px solid #bbb;
- padding: 6px;
- font-size: 12px;
+.sidebar {
+ list-style: none;
+ padding: 6px;
}
-.trow1 {
- background: #f5f5f5;
- border: 1px solid;
- border-color: #fff #ddd #ddd #fff;
+.sidebar li a {
+ display: block;
}
-.trow2 {
- background: #efefef;
- border: 1px solid;
- border-color: #fff #ddd #ddd #fff;
- padding: 15px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
+.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;
}
-table {
- color: #000;
- font-size: 13px;
- text-align: left;
+.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;
}
-.tborder {
- background: #fff;
- width: 100%;
- margin: auto;
- border: 1px solid #ccc;
- padding: 1px;
+.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;
}
-.thead {
- background: #a1a2a2 url(thead.png) top left repeat-x;
- color: #fff;
- border-bottom: 1px solid #8e8f8f;
- padding: 8px;
+#ChatMessage {
+ margin-top: 10px;
+ width: 88%;
}
-.tcat {
- background: #dcdbdc url(tcat.png) repeat-x;
- color: #fff;
- border-bottom: 1px solid #bbb;
- padding: 6px;
- font-size: 12px;
+table {
+ width: 100%;
}
-.trow1 {
- background: #f5f5f5;
- border: 1px solid;
- border-color: #fff #ddd #ddd #fff;
+th {
+ border-bottom: 1px solid #CCDDD9;
+ padding: 8px 5px;
+ text-align: left;
}
-.trow2 {
- background: #efefef;
- border: 1px solid;
- border-color: #fff #ddd #ddd #fff;
+tr:nth-child(odd) {
+ background: #F4F7F6;
}
-.smalltext {
- font-size: 11px;
+td {
+ padding: 3px 5px;
}
+button,
+input,
+select,
textarea {
- background: #fff;
- color: #000;
- border: 1px solid #ccc;
- padding: 2px;
- line-height: 1.4;
- font-family: Tahoma,Verdana,Arial,Sans-Serif;
- font-size: 13px;
-}
-
-select {
- background: #fff;
- padding: 3px;
- border: 1px solid #ccc;
- font-family: Tahoma,Verdana,Arial,Sans-Serif;
-}
-
-.usercp_nav_item {
- display: block;
- padding: 1px 0 1px 23px;
-}
-
-.usercp_nav_pmfolder {
- background: url(pmfolder.gif) no-repeat left center;
+ background: #fff;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ padding: 6px;
}
-.usercp_nav_sub_pmfolder {
- padding-left: 40px;
- background: url(sub_pmfolder.gif) no-repeat left center;
-}
-
-.usercp_nav_home {
- background: url(home.gif) no-repeat left center;
-}
-
-.pagehead {
- top: 0;
- left: 0;
- width: 100%;
-}
-
-table {
- width: 100%;
-}
-
-table th {
- border-bottom: 1px solid rgba(0,0,0,0.12);
- padding: 5px;
- text-align: left;
-}
-
-table tr:nth-child(odd) {
- background-color: rgba(0,0,0,0.015);
-}
-
-p {
- margin: 4px 0;
- padding: 4px 3px;
+input[type="text"]:hover,
+input[type="text"]:focus {
+ background: #f8f8f7;
}
-a {
- text-decoration: none;
- color: #000;
- -webkit-transition: color .1s linear;
- -moz-transition: color .1s linear;
- transition: color .1s linear;
+button,
+input[type="submit"] {
+ background: #f5f5f5;
+ cursor: pointer;
+ margin: 2px;
}
-a:hover {
- color: #888;
+button,
+input[type="submit"]:hover {
+ background: #E5E4E2;
}
-input[type="text"] {
- background: #fff;
- color: #000;
- border: 1px solid #ccc;
- padding: 2px;
- line-height: 1.4;
- font-family: Tahoma,Verdana,Arial,Sans-Serif;
- font-size: 13px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
+button:disabled,
+input:disabled {
+ color: #fff;
+ background: #ccc;
}
-input[type="text"]:hover {
- background-color: #E5E4E2;
+.footer {
+ display: table-row;
}
-input[type="text"]:focus {
- background-color: #E5E4E2;
+.footer a {
+ font-weight: bold;
}
-hr {
- border: none;
- height: 1px;
- background-color: rgba(0,0,0,0.12);
+.copyright {
+ display: inline;
}
-h4 {
- padding-bottom: 10px;
- margin-bottom: 12px;
- border-bottom: 1px solid rgba(0,0,0,0.12);
+.footer-links {
+ float: right;
+ padding: 0;
}
-#ChatDiv {
- margin-bottom: 10px;
+.footer-links li {
+ display: inline;
+ padding-left: 20px;
}
-#ChatMessage {
- width: 92%;
- margin-right: 5px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
+.footer-container {
+ background: #F4F7F6;
+ border-top: 1px solid #CCDDD9;
+ overflow: hidden;
+ padding: 10px;
}
-input[type="submit"] {
- padding: 3px;
- padding-left: 5px;
- padding-right: 5px;
- cursor: pointer;
- font-family: Tahoma,Verdana,Arial,Sans-Serif;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- background: #f5f5f5;
- border: 1px solid #ccc;
-}
+@media (max-width: 700px) {
+ .box.left {
+ float: none;
+ margin: 0 0 10px;
+ width: 100%;
+ }
-input[type="submit"]:hover {
- background-color: #E5E4E2;
-}
-
-button:disabled,input:disabled {
- padding: 3px;
- padding-left: 5px;
- padding-right: 5px;
- cursor: pointer;
- font-family: Tahoma,Verdana,Arial,Sans-Serif;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- border: none!important;
- color: #fff!important;
- background-color: #ccc!important;
+ .box.right {
+ margin: 0;
+ }
}
generated by cgit v1.2.3 (git 2.25.1) at 2024-05-16 03:57:24 +0200