diff options
Diffstat (limited to '')
-rw-r--r-- | MCServer/webadmin/files/style.css | 547 |
1 files changed, 324 insertions, 223 deletions
diff --git a/MCServer/webadmin/files/style.css b/MCServer/webadmin/files/style.css index e7ffe3999..7c0671970 100644 --- a/MCServer/webadmin/files/style.css +++ b/MCServer/webadmin/files/style.css @@ -1,326 +1,427 @@ -/* reset CSS */ - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, font, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-size: 100%; - vertical-align: baseline; - background: transparent; +/* Copyright Justin S and MCServer Team, licensed under CC-BY-SA 3.0 */ +* { + margin: 0; } + body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; + 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; } -/* remember to define focus styles! */ -:focus { - outline: 0; +a:link { + color: #555; + text-decoration: none; } -/* remove textarea resize at Safari */ -textarea { - resize: none; +a:visited { + color: #444; + text-decoration: none; } -/* remember to highlight inserts somehow! */ -ins { - text-decoration: none; -} -del { - text-decoration: line-through; +a:hover, a:active { + color: #000; + text-decoration: underline; } -/* tables still need 'cellspacing="0"' in the markup */ -table { - border-collapse: collapse; - border-spacing: 0; +img { + border: none; } +h1 { + color: #069; + text-shadow: 2px 2px #000; +} -/* - Origional from http://www.perspectived.com/ - Modified by Ben Phelps - Made for FakeTruth - MCServer -*/ +.row1 { + border-bottom: 1px #000 solid; + height: 100px; + max-height: 100px; + background: #fff url(header.png) repeat-x top left; +} -/* Basic ---------------------------------------- */ +.row2 { + margin: 0 auto; + text-align: center; + vertical-align: middle; + margin-top: 25px; + margin-bottom: 25px; +} -.clear { clear: both; } +.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; +} -body { - background: white; - font-family: Arial, Helvetica, sans-serif; - font-size: 12px; - color: #646464; - text-align: center; +.push25 { } -#wrapper { - text-align: left; - width: 930px; - margin: 0 auto; +#panel ul.menu { + margin: 0; + padding: 0; + list-style: none; } -/* Logo ---------------------------------------- */ +#panel ul.menu li { + margin: 0 5px; + display: inline; +} -h1 { - margin: 15px 0 10px 5px; - width: 180px; - height: 36px; - background: url(logo.png) no-repeat left top; +#panel ul.menu li a { + padding-left: 20px; + background-repeat: no-repeat; + background-position: left center; } -h1 a { - display: block; - width: 225px; - height: 28px; +#panel .upper ul.top_links { + float: right; + font-weight: 700; } -h1 span { display: none; } +#panel .upper { + background: #dcdbdc url(tcat.png) repeat-x; + border-top: 1px solid #fff; + border-bottom: 1px solid #bbb; + padding: 7px; +} -a { - color: #646464; +#footer ul.menu { + margin: 0; + padding: 0; + list-style: none; } -/* Container ---------------------------------------- */ +#footer ul.menu li { + margin: 0 5px; + display: inline; +} -#containerHolder { - background: #eee; - padding: 5px; +#footer .upper { + background: #dcdbdc url(tcat.png) repeat-x; + border-top: 1px solid #bbb; + padding: 6px; + overflow: hidden; + font-size: 12px; } +#footer .upper ul.bottom_links { + float: left; + margin: 3px 0 0 -5px; +} -#container { - background: #fff url(background.gif) repeat-y left top; - border: 1px solid #ddd; - width: 918px; +#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: 700; } -#connectHolder { - background: #eee; - padding: 5px; - margin-bottom:8px; +#footer .lower a:hover,#footer .lower a:active { + color: #fff; + font-weight: 700; } +#footer .lower #current_time { + float: right; + padding-right: 6px; +} -#connect { - border: 1px solid #ddd; - background-color: #fff; - padding:5px; - width: 908px; +.wrapper { + width: 85%; + min-width: 970px; + max-width: 1500px; + margin: auto; } -.pics { - height: 375px; - width: 600px; -} +#footer { + position: fixed; + left:0; + bottom:0; + height: 61px; + width: 100%; + background: #999; + border-top: 1px #000 solid; + border-bottom: 1px #000 solid; +} -.pics img { - padding: 5px; - border: 1px solid #ddd; - background-color: #eee; - width: 600px; - height: 375px; - margin-left: 15px; +* 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'); } -/* Login -------------------------------------- */ +tr td.trow1:first-child, tr td.trow2:first-child { + border-left: 0; +} -#loginLogo { - margin: 0 auto; - margin-top:100px; - width: 180px; - height: 36px; - background-image: url(logo.png); +tr td.trow1:last-child, tr td.trow2:last-child { + border-right: 0; } -#loginHolder { - background: #eee; - padding: 5px; - width: 310px; - margin: 0 auto; - height: 90px; - margin-top:20px; +.tborder { + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; } -#login { - padding:10px; - width: 288px; - height: 68px; - border: 1px solid #ddd; - background:#fff; - text-align: left; +.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; } +table { + color: #000; + font-size: 13px; +} -/* Sidebar ---------------------------------------- */ +.tborder { + background: #fff; + width: 100%; + margin: auto; + border: 1px solid #ccc; + padding: 1px; +} -#sidebar { - width: 179px; - float: left; +.thead { + background: #a1a2a2 url(thead.png) top left repeat-x; + color: #fff; + border-bottom: 1px solid #8e8f8f; + padding: 8px; } -#sidebar .sideNav { width: 179px; } +.tcat { + background: #dcdbdc url(tcat.png) repeat-x; + color: #fff; + border-bottom: 1px solid #bbb; + padding: 6px; + font-size: 12px; +} -#sidebar .sideNav li { border-bottom: 1px solid #ddd; width: 179px; } +.trow1 { + background: #f5f5f5; + border: 1px solid; + border-color: #fff #ddd #ddd #fff; +} -#sidebar .sideNav li a { - display: block; - color: #646464; - background: #f6f6f6; - text-decoration: none; - height: 29px; - line-height: 29px; - padding: 0 19px; - width: 141px; +.trow2 { + background: #efefef; + border: 1px solid; + border-color: #fff #ddd #ddd #fff; + padding: 15px; + box-sizing: border-box; + -moz-box-sizing: border-box; } -#sidebar .sideNav li a:hover { background: #fdfcf6; } +table { + color: #000; + font-size: 13px; + text-align: left; +} -#sidebar .sideNav li a.active, #sidebar .sideNav li a.active:hover { - background: #f0f7fa; - color: #c66653; +.tborder { + background: #fff; + width: 100%; + margin: auto; + border: 1px solid #ccc; + padding: 1px; } -/* Breadcrumb ---------------------------------------- */ +.thead { + background: #a1a2a2 url(thead.png) top left repeat-x; + color: #fff; + border-bottom: 1px solid #8e8f8f; + padding: 8px; +} -h2 { - width: 718px; - float: right; - color: #646464; - font-size: 16px; - line-height: 16px; - font-weight: bold; - margin: 20px 0 0 0; - padding: 0 0 10px 0; - border-bottom: 1px solid #ddd; +.tcat { + background: #dcdbdc url(tcat.png) repeat-x; + color: #fff; + border-bottom: 1px solid #bbb; + padding: 6px; + font-size: 12px; } -h2 a { - color: #646464; - text-decoration: none; +.trow1 { + background: #f5f5f5; + border: 1px solid; + border-color: #fff #ddd #ddd #fff; } -h2 a.active { color: #c66653; } +.trow2 { + background: #efefef; + border: 1px solid; + border-color: #fff #ddd #ddd #fff; +} -h2 a:hover { text-decoration: underline; } +.smalltext { + font-size: 11px; +} -/* Content ---------------------------------------- */ +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; +} -#main { - width: 700px; - float: right; - padding: 0 19px 0 0; +select { + background: #fff; + padding: 3px; + border: 1px solid #ccc; + font-family: Tahoma,Verdana,Arial,Sans-Serif; } -#main p { +.usercp_nav_item { + display: block; + padding: 1px 0 1px 23px; +} - padding: 10px; +.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; } -h3 { - font-size: 14px; - line-height: 14px; - font-weight: bold; - color: #5494af; - padding: 0 0 0 10px; - margin: 20px 0 10px; +.usercp_nav_home { + background: url(home.gif) no-repeat left center; } -h4 { - padding: 0 0 0 10px; - margin: 20px 0 10px; +.pagehead { + top: 0; + left: 0; + width: 100%; } -#main ul { - padding: 0 0 0 10px; - list-style-type: circle; - list-style-position: inside; +table { + width: 100%; } -#main table { - border-top: 1px solid #ddd; - width: 700px; +table th { + border-bottom: 1px solid rgba(0,0,0,0.12); + padding: 5px; + text-align: left; } -#main table tr th { - text-align: left; - background: #f6f6f6; - padding: 0px 20px; - height: 20px; - line-height: 20px; - border-bottom: 1px solid #ddd; +table tr:nth-child(odd) { + background-color: rgba(0,0,0,0.015); } -#main table tr td { - background: #f6f6f6; - padding: 0px 20px; - height: 29px; - line-height: 29px; - border-bottom: 1px solid #ddd; +p { + margin: 4px 0; + padding: 4px 3px; } -#main table tr.odd td { - background: #fbfbfb; +a { + text-decoration: none; + color: #000; + -webkit-transition: color .1s linear; + -moz-transition: color .1s linear; + transition: color .1s linear; } -#main table tr:hover td { background: #fdfcf6; } +a:hover { + color: #888; +} -#main table .action { - text-align: right; - padding: 0 20px 0 10px; +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; } -#main table tr .action a { margin: 0 0 0 10px; text-decoration: none; color: #9b9b9b; } -#main table tr:hover .action .edit { color: #c5a059; } -#main table tr:hover .action .delete { color: #a02b2b; } -#main table tr:hover .action .view { color: #55a34a; } +input[type="text"]:hover { + background-color: #E5E4E2; +} -#main table tr:hover .action a:hover { text-decoration: underline; } +input[type="text"]:focus { + background-color: #E5E4E2; +} -fieldset { - border: 1px solid #ddd; - padding: 19px; - margin: 0 0 20px 0; - background: #fbfbfb; +hr { + border: none; + height: 1px; + background-color: rgba(0,0,0,0.12); } -form p { margin: 0 0 14px 0; float: left; width: 100%; } +h4 { + padding-bottom: 10px; + margin-bottom: 12px; + border-bottom: 1px solid rgba(0,0,0,0.12); +} -label { - display: block; - width: 100%; - margin: 0 0 7px 0; - line-height: 12px; +#ChatDiv { + margin-bottom: 10px; } -/* Footer ---------------------------------------- */ +#ChatMessage { + width: 92%; + margin-right: 5px; + box-sizing: border-box; + -moz-box-sizing: border-box; +} -#footer { - margin: 10px 0 30px 0; - font-size: 11px; - line-height: 11px; - color: #9B9B9B; - padding: 0 0 0 5px; +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; } -#footer a { color: #9B9B9B; } +input[type="submit"]:hover { + background-color: #E5E4E2; +} -#footer a:hover { text-decoration: none; } +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; +} |