From c23d87277db3adecc5c09c9531ee5e4aae8cad15 Mon Sep 17 00:00:00 2001 From: Ambushed91 Date: Thu, 23 Oct 2014 19:59:49 +0200 Subject: Update WebAdmin All files have been updated to the latest version off the new WebAdmin look. --- MCServer/webadmin/files/style.css | 1063 ++++++++++++++++++++++++++++++------- 1 file changed, 867 insertions(+), 196 deletions(-) (limited to 'MCServer/webadmin/files/style.css') diff --git a/MCServer/webadmin/files/style.css b/MCServer/webadmin/files/style.css index 7f01b34b2..dfdbe4559 100644 --- a/MCServer/webadmin/files/style.css +++ b/MCServer/webadmin/files/style.css @@ -1,109 +1,852 @@ -body, html -{ - font-family: "Open Sans", Tahoma, sans-serif; - padding: 0; - margin: 0; - font-weight: 400; - background-color: #fbe9e7; - color: rgba(0, 0, 0, 0.87); +* { +margin: 0; +} +body { +font-family: 'Source Sans Pro', sans-serif; +-webkit-font-smoothing: antialiased; +background: #fff; +width:100%; +min-width:100%; +overflow-y: scroll; +overflow-x: hidden; +} +.fl_r { + float:right; +} +.fl_l { + float:left; +} +a:link { +color: #555; +text-decoration: none; } -.light { font-weight: 300; } -.bold { font-weight: 600; } +a:visited { +color: #444; +text-decoration: none; +} -#wrapper -{ - background-color: #ff5722; - margin: 40px auto; - width: 99%; - max-width: 1200px; - box-sizing: border-box; - -moz-box-sizing: border-box; - box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15); - color: rgba(0, 0, 0, 0.87); +a:hover, a:active { +color: #000; +text-decoration: underline; +} +img { +border: none; +} +h1 { +color:#006699; +text-shadow: 2px 2px #000; +} +.row1 { +border-bottom:1px #000 solid; +height:100px; +max-height:100px; +background: #fff url(header.png) repeat-x top left; +} +.row2 { +margin: 0 auto; +text-align: center; +vertical-align: middle; +margin-top:125px; +} +.row3 { +margin: 0 auto; +text-align: center; +vertical-align: middle; +} +.contention { +color: #000; +text-align: left; +line-height: 1.4; +margin: 0; +font-family: Tahoma, Verdana, Arial, Sans-Serif; +font-size: 13px; +} +.push10 { +padding-bottom:75px; +} +#panel ul.menu { +margin: 0; +padding: 0; +list-style: none; } -.title -{ - font-size: 30pt; - padding: 10px 40px; +#panel ul.menu li { +margin: 0 5px; +display: inline; +} + +#panel ul.menu li a { +padding-left: 20px; +background-repeat: no-repeat; +background-position: left center; +} + +#panel .upper ul.top_links { +float: right; +font-weight: bold; +} + +#panel .upper ul.top_links a.search { +background-image: url(icons/search.gif); +} + +#panel .upper ul.top_links a.memberlist { +background-image: url(icons/memberlist.gif); +} + +#panel .upper ul.top_links a.calendar { +background-image: url(icons/calendar.gif); +} + +#panel .upper ul.top_links a.help { +background-image: url(icons/help.gif); +} + +#panel .upper a.logout { +font-weight: bold; +background: url(icons/logout.gif) right no-repeat; +padding-right: 20px; +margin-left: 10px; +} + +#panel .upper a.login, +#panel .upper a.lost_password { +background: url(icons/login.gif) no-repeat; +padding-left: 20px; +margin-left: 10px; +font-weight: bold; +} + +#panel .upper a.register { +background: url(icons/logout.gif) right no-repeat; +padding-right: 20px; +margin-left: 10px; +font-weight: bold; +} + +#panel .lower ul.panel_links { +float: left; +} + +#panel .lower ul.panel_links a.usercp { +background-image: url(icons/usercp.gif); +} + +#panel .lower ul.panel_links a.modcp { +background-image: url(icons/modcp.gif); +} + +#panel .lower ul.panel_links a.admincp { +background-image: url(icons/admincp.gif); +} + +#panel .lower ul.user_links { +float: right; +} + +#panel .lower ul.user_links li a { +padding: 0; +} + +#panel .upper { +background: #dcdbdc url(tcat.png) repeat-x; +border-top: 1px solid #fff; +border-bottom: 1px solid #bbb; +padding: 7px; +} + +#panel .lower { +background: #efefef; +color: #999; +border-top: 1px solid #fff; +border-bottom: 1px solid #ccc; +overflow: hidden; +padding: 5px; +} + +#panel .lower a:link, +#panel .lower a:visited { +color: #666; +} + +#panel .lower a:hover, +#panel .lower a:active { +color: #333; +text-decoration: none; +} + +#panel .remember_me input { +vertical-align: middle; +margin: -3px 0 0 5px; +} + +#panel input { +margin: -3px 0; +} + +#panel input.button { +padding: 0; +} +#footer { +z-index:99999; +} +#footer ul.menu { +margin: 0; +padding: 0; +list-style: none; +} + +#footer ul.menu li { +margin: 0 5px; +display: inline; +} + +#footer .upper { +background: #dcdbdc url(tcat.png) repeat-x; +border-top: 1px solid #bbb; +padding: 6px; +overflow: hidden; + +font-size: 12px; +} + +#footer .upper .language { +float: right; +margin: -2px; +} + +#footer .upper ul.bottom_links { +float: left; +margin: 3px 0 0 -5px; +} + +#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; +} + +#footer .lower a:link, +#footer .lower a:visited { +color: #fff; +font-weight: bold; +} + +#footer .lower a:hover, +#footer .lower a:active { +color: #fff; +font-weight: bold; +} + +#footer .lower #current_time { +float: right; +padding-right:6px; +} +.wrapper { +width: 85%; +min-width: 970px; +max-width: 1500px; +margin: auto auto; +} +#footer { +position:fixed; +left:0px; +bottom:0px; +height:60px; +width:100%; +background:#999; +border-top:1px #000 solid; +} + +/* IE 6 */ +* 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'); +} + +tr td.trow1:first-child, +tr td.trow2:first-child { + border-left: 0; +} + +tr td.trow1:last-child, +tr td.trow2:last-child { + border-right: 0; +} + +.tborder { + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; +} + +.thead, +.rounded_top { + -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; +} + +.tfoot, +.rounded_bottom { + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-bottomright: 6px; + -webkit-border-bottom-left-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +table { + color: #000000; + font-size: 13px; +} + +.tborder { + background: #fff; + width: 100%; + margin: auto auto; + border: 1px solid #ccc; + padding: 1px; +} + +.thead { + background: #a1a2a2 url(thead.png) top left repeat-x; + color: #fff; + border-bottom: 1px solid #8e8f8f; + padding: 8px; +} + +.thead a:link { + color: #222; text-decoration: none; - color: white; - text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); - display: block; } -#sidebar -{ - float: left; - width: 20%; +.thead a:visited { + color: #222; + text-decoration: none; } -.sideNav -{ - list-style: none; - background-color: #fafafa; - margin: 20px 0; - padding: 5px 0; +.thead a:hover, .thead a:active { + color: #222; + text-decoration: underline; +} + +.tcat { + background: #dcdbdc url(tcat.png) repeat-x; + color: #fff; + border-bottom: 1px solid #bbb; + padding: 6px; + font-size: 12px; +} + +.tcat a:link { + color: #000000; +} + +.tcat a:visited { + color: #000000; +} + +.tcat a:hover, .tcat a:active { + color: #000000; +} + +.trow1 { + background: #f5f5f5; + border: 1px solid; + border-color: #fff #ddd #ddd #fff; +} + +.trow2 { + background: #efefef; + border: 1px solid; + border-color: #fff #ddd #ddd #fff;padding: 15px;box-sizing: border-box;-moz-box-sizing: border-box; +} + +.trow_shaded { + background: #ffdde0; + border: 1px solid; + border-color: #fff #ffb8be #ffb8be #fff; +} + +.trow_selected td { + background: #FFFBD9; + color: #000; + border-right-color: #F7E86A; + border-bottom-color: #F7E86A; +} + +.trow_selected td a:link, +.trow_selected td a:visited, +.trow_selected td a:hover, +.trow_selected td a:active { + color: #000; +} + +.trow_sep { + background: #ddd; + color: #000; + border-bottom: 1px solid #c5c5c5; + padding: 6px; + font-size: 12px; + font-weight: bold; +} + +.tfoot { + background: #a1a2a2 url(thead.png) top left repeat-x; + color: #fff; + padding: 6px; + border-top: 1px solid #fff; +} + +.tfoot a:link { + color: #fff; + text-decoration: none; +} + +.tfoot a:visited { + color: #fff; + text-decoration: none; +} + +.tfoot a:hover, .tfoot a:active { + color: #fff; + text-decoration: underline; +} + +.thead input.textbox, +.thead select, +.tfoot input.textbox, +.tfoot select { + border: 1px solid #8e8f8f; +} +.padtopp {padding-top:25px;} + +table { + color: #000000; + font-size: 13px; + text-align: left; +} + +.tborder { + background: #fff; width: 100%; - box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.2); + margin: auto auto; + border: 1px solid #ccc; + padding: 1px; } -.sideNav li -{ +.thead { + background: #a1a2a2 url(thead.png) top left repeat-x; + color: #fff; + border-bottom: 1px solid #8e8f8f; + padding: 8px; +} + +.thead a:link { + color: #222; + text-decoration: none; +} + +.thead a:visited { + color: #222; + text-decoration: none; +} + +.thead a:hover, .thead a:active { + color: #222; + text-decoration: underline; +} + +.tcat { + background: #dcdbdc url(tcat.png) repeat-x; + color: #fff; + border-bottom: 1px solid #bbb; + padding: 6px; + font-size: 12px; +} + +.tcat a:link { + color: #000000; +} + +.tcat a:visited { + color: #000000; +} + +.tcat a:hover, .tcat a:active { + color: #000000; +} + +.trow1 { + background: #f5f5f5; + border: 1px solid; + border-color: #fff #ddd #ddd #fff; +} + +.trow2 { + background: #efefef; + border: 1px solid; + border-color: #fff #ddd #ddd #fff; +} + +.trow_shaded { + background: #ffdde0; + border: 1px solid; + border-color: #fff #ffb8be #ffb8be #fff; +} + +.trow_selected td { + background: #FFFBD9; + color: #000; + border-right-color: #F7E86A; + border-bottom-color: #F7E86A; +} + +.trow_selected td a:link, +.trow_selected td a:visited, +.trow_selected td a:hover, +.trow_selected td a:active { + color: #000; +} + +.trow_sep { + background: #ddd; + color: #000; + border-bottom: 1px solid #c5c5c5; + padding: 6px; + font-size: 12px; + font-weight: bold; +} + +.tfoot { + background: #a1a2a2 url(thead.png) top left repeat-x; + color: #fff; + padding: 6px; + border-top: 1px solid #fff; +} + +.tfoot a:link { + color: #fff; + text-decoration: none; +} + +.tfoot a:visited { + color: #fff; + text-decoration: none; +} + +.tfoot a:hover, .tfoot a:active { + color: #fff; + text-decoration: underline; +} + +.thead input.textbox, +.thead select, +.tfoot input.textbox, +.tfoot select { + border: 1px solid #8e8f8f; +} + +.bottommenu { + background: #efefef; + color: #000000; + border: 1px solid #4874a3; padding: 10px; - color: rgba(0, 0, 0, 0.54); } -.sideNav li.link -{ - padding-left: 30px; +.navigation { + color: #000000; + font-size: 12px; } -.sideNav li.link a -{ +.navigation a:link { text-decoration: none; - color: rgba(0, 0, 0, 0.87); } -#container -{ - margin: 0; - padding: 0; - overflow: hidden; - background-color: #f5f5f5; +.navigation a:visited { + text-decoration: none; } -#main -{ - float: right; - width: 80%; - padding: 0 15px 20px 15px; - box-sizing: border-box; - -moz-box-sizing: border-box; +.navigation a:hover, .navigation a:active { + text-decoration: none; } -.clear -{ - clear: both; +.navigation .active { + color: #000000; + font-size: small; + font-weight: bold; } -table -{ - width: 100%; - border-collapse: collapse; +.smalltext { + font-size: 11px; } -table td -{ +.largetext { + font-size: 16px; + font-weight: bold; +} + +input.textbox { + background: #ffffff; + color: #000000; + border: 1px solid #ccc; + padding: 3px; + + font-family: Tahoma, Verdana, Arial, Sans-Serif; +} + +textarea { + background: #ffffff; + color: #000000; + border: 1px solid #ccc; + padding: 2px; + line-height: 1.4; + + font-family: Tahoma, Verdana, Arial, Sans-Serif; + font-size: 13px; +} + +select { + background: #ffffff; + padding: 3px; + border: 1px solid #ccc; + + font-family: Tahoma, Verdana, Arial, Sans-Serif; +} + +.editor { + background: #f1f1f1; + border: 1px solid #ccc; +} + +.editor_control_bar { + background: #fff; + border: 1px solid #ccc; +} + +.autocomplete { + background: #fff; + color: black; + border: 1px solid #ccc; + padding: 1px; +} + +.autocomplete_selected { + background: #d2d3d2; + color: #000; +} + +.popup_menu { + background: #fff; + border: 1px solid #ccc; +} + +.popup_menu .popup_item { + background: #efefef; + color: #000; +} + +.popup_menu .popup_item:hover { + background: #d2d3d2; + color: #000; +} + +.trow_reputation_positive { + background: #ccffcc; +} + +.trow_reputation_negative { + background: #ffcccc; +} + +.reputation_positive { + color: green; +} + +.reputation_neutral { + color: #444; +} + +.reputation_negative { + color: red; +} + +.invalid_field { + border: 1px solid #f30; + color: #f30; +} + +.valid_field { + border: 1px solid #0c0; +} + +.validation_error { + background: url(invalid.gif) no-repeat center left; + color: #f30; + margin: 5px 0; + padding: 5px; + font-weight: bold; + font-size: 11px; + padding-left: 22px; +} + +.validation_success { + background: url(valid.gif) no-repeat center left; + color: #00b200; + margin: 5px 0; + padding: 5px; + font-weight: bold; + font-size: 11px; + padding-left: 22px; +} + +.validation_loading { + background: url(spinner.gif) no-repeat center left; + color: #555; + margin: 5px 0; padding: 5px; + font-weight: bold; + font-size: 11px; + padding-left: 22px; +} + +.usercp_nav_item { + display: block; + padding: 1px 0 1px 23px; +} +.usercp_nav_composepm { + background: url(composepm.gif) no-repeat left center; +} + +.usercp_nav_pmfolder { + background: url(pmfolder.gif) no-repeat left center; +} + +.usercp_nav_sub_pmfolder { + padding-left: 40px; + background: url(sub_pmfolder.gif) no-repeat left center; +} + +.usercp_nav_trash_pmfolder { + padding-left: 40px; + background: url(trash_pmfolder.gif) no-repeat left center; +} + +.usercp_nav_pmtracking { + background: url(pmtracking.gif) no-repeat left center; +} + +.usercp_nav_pmfolders { + background: url(editfolders.gif) no-repeat left center; +} + +.usercp_nav_profile { + background: url(profile.gif) no-repeat left center; +} + +.usercp_nav_email { + padding-left: 40px; + background: url(email.gif) no-repeat left center; +} + +.usercp_nav_password { + padding-left: 40px; + background: url(password.gif) no-repeat left center; +} + +.usercp_nav_username { + padding-left: 40px; + background: url(username.gif) no-repeat left center; +} + +.usercp_nav_editsig { + padding-left: 40px; + background: url(editsig.gif) no-repeat left center; +} + +.usercp_nav_avatar { + padding-left: 40px; + background: url(avatar.gif) no-repeat left center; +} + +.usercp_nav_options { + background: url(options.gif) no-repeat left center; +} + +.usercp_nav_usergroups { + background: url(usergroups.gif) no-repeat left center; +} + +.usercp_nav_editlists { + background: url(editlists.gif) no-repeat left center; +} + +.usercp_nav_attachments { + background: url(attachments.gif) no-repeat left center; +} + +.usercp_nav_drafts { + background: url(drafts.gif) no-repeat left center; +} + +.usercp_nav_subscriptions { + background: url(subscriptions.gif) no-repeat left center; +} + +.usercp_nav_fsubscriptions { + background: url(fsubscriptions.gif) no-repeat left center; +} + +.usercp_nav_notepad { + background: url(notepad.gif) no-repeat left center; +} + +.usercp_nav_viewprofile { + background: url(viewprofile.gif) no-repeat left center; +} + +.usercp_nav_home { + background: url(home.gif) no-repeat left center; +} + +.usercp_notepad { + width: 99%; +} + +.usercp_container { + margin: 5px; + padding: 8px; + border:1px solid #CCCCCC; +} + +.pagehead { + position:fixed; + z-index:99999; + 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: center; + text-align: left; } table tr:nth-child(odd) @@ -113,14 +856,14 @@ table tr:nth-child(odd) p { - margin: 8px 0; - padding: 8px 3px; + margin: 4px 0; + padding: 4px 3px; } a { text-decoration: none; - color: #0277bd; + color: #000000; -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; transition: color 0.1s linear; @@ -128,7 +871,7 @@ a a:hover { - color: #01579b; + color: #888888; } .welcome-msg @@ -142,21 +885,6 @@ a:hover color: rgba(0, 0, 0, 0.87); } -a:hover -{ - color: black; -} - -input, select -{ - padding: 8px; -} - -form -{ - padding: 4px; -} - .info input[type="submit"], .info button, .info input[type="button"], .warn input[type="submit"], .warn button, .warn input[type="button"], .err input[type="submit"], .err button, .err input[type="button"] @@ -209,57 +937,28 @@ form content: "INFORMATION: "; } -#footer .fleft -{ - float: left; -} - -#footer .fright -{ - float: right; - text-align: right; -} - -#footer -{ - margin: 0; - padding: 10px; - font-size: 9pt; - color: rgba(255, 255, 255, 0.8); - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; -} - -#footer a -{ - text-transform: none; - color: white; -} - -input[type="submit"], button, input[type="button"] +input[type="text"] { - background-color: #ffc107; - padding: 8px 15px 8px 15px; - margin: 0 2px; - display: inline-block; - text-align: center; - color: black; - box-shadow: 0px 2px 3px rgba(0,0,0,0.2); - border: none; - outline: none; - cursor: pointer; + background: #fff; + color: #000000; + 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; } -input[type="submit"]:hover, button:hover, input[type="button"]:hover +input[type="text"]:hover { - background-color: #ffca28; + background-color: #E5E4E2; } -input[type="submit"]:active, button:active, input[type="button"]:active +input[type="text"]:focus { - background-color: #ffd54f; - -webkit-transform: translateY(1px); - -moz-transform: translateY(1px); - transform: translateY(1px); + background-color: #E5E4E2; } hr @@ -276,78 +975,50 @@ h4 border-bottom: 1px solid rgba(0, 0, 0, 0.12); } - -/**** PAGE SPECIFIC CSS ****/ - -/* remove the * for disabling: */ - -.page-core-server-settings table td -{ - text-align: center; - width: 25%; -} - -.page-core-server-settings.no-param table td:nth-child(1) a, -.page-core-server-settings.param-tab-general table td:nth-child(1) a -{ - font-weight: 600; - color: rgba(0, 0, 0, 0.87); -} - -.page-core-server-settings.param-tab-monsters table td:nth-child(2) a -{ - font-weight: 600; - color: rgba(0, 0, 0, 0.87); -} - -.page-core-server-settings.param-tab-worlds table td:nth-child(3) a -{ - font-weight: 600; - color: rgba(0, 0, 0, 0.87); -} - -.page-core-server-settings.param-tab-world table td:nth-child(4) a -{ - font-weight: 600; - color: rgba(0, 0, 0, 0.87); -} - -.page-core-permissions form table tr, -.page-core-permissions form table td, -.page-core-permissions form table th -{ - border: none; - background-color: transparent; -} - -.page-core-permissions form table tr:nth-child(1) th -{ - width: 35%; -} - -.page-core-permissions form table tr:nth-child(1) td +#ChatDiv { - width: 65%; + margin-bottom: 10px; } -.page-core-permissions form table td input +#ChatMessage { - width: 100%; + width: 92%; + margin-right:5px; box-sizing: border-box; -moz-box-sizing: border-box; - margin: 0; } -#ChatDiv -{ - margin-bottom: 10px; +#ChatMessage input[type="submit"] { + float:right; } -#ChatMessage -{ - width: 100%; - box-sizing: border-box; - -moz-box-sizing: border-box; +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; } -/**/ +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; +} \ No newline at end of file -- cgit v1.2.3