diff --git a/public/site_assets/test/css/custom.css b/public/site_assets/test/css/custom.css index d9e0f5e1..f851b91d 100644 --- a/public/site_assets/test/css/custom.css +++ b/public/site_assets/test/css/custom.css @@ -1,3 +1,90 @@ +/* Custom stuff */ +span.confirmed { + display: inline-block; + width: 60px; + font-size: 10px; + background: #e6efc2; + color:#264409; + padding: 2px 4px; + border:1px solid #c6d880; + border-radius: 4px; +} +span.orphan { + display: inline-block; + width: 60px; + font-size: 10px; + background: #ff9473; + color:#264409; + padding: 2px 4px; + border:1px solid #ff6342; + border-radius: 4px; +} +span.unconfirmed { + display: inline-block; + width: 60px; + font-size: 10px; + background: #ffce9c; + color:#264409; + padding: 2px 4px; + border:1px solid #ffb573; + border-radius: 4px; +} +div.login_small { + float: right; + background: #E0E0E3; + background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%) repeat scroll 0% 0%; + border-radius: 5px 5px 5px 5px; + position: absolute; + padding: 5px; + top: 10px; + right: 10px; +} + +fieldset2 { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + background: #F6F6F6; + padding: 1% 0%; + margin: 10px 0; +} + +fieldset2 label { + display: block; + float: left; + height: 25px; + line-height: 25px; + text-shadow: 0 1px 0 #fff; + font-weight: bold; + padding-left: 10px; + text-transform: uppercase; +} +fieldset2 input[type=text], fieldset2 input[type=password] { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + border: 1px solid #BBBBBB; + height: 20px; + color: #666666; + -webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; + -moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; + box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; + padding-left: 10px; + background-position: 10px 6px; + margin: 0; + display: block; + float: left; + margin: 0 10px; +} + +fieldset2 input[type=text]:focus, fieldset2 input[type=password]:focus, fieldset2 input[type=checkbox] { + outline: none; + border: 1px solid #77BACE; + -webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6; + -moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6; + box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6; +} + /* Custom checkboxes */ input[type=checkbox] { position: absolute; @@ -22,83 +109,103 @@ input[type=checkbox]:checked + label padding: 0 0 0 0px; } -/* Test toggle switch Begin */ +/* Debugger console toggle switch */ span.toggle { - display:block; - width: 75px; - height: 100%; - margin: 0 auto; + display:block; + width: 75px; + height: 100%; + margin: 0 auto; } :root input[type="checkbox"] { - position: absolute; - opacity: 0; + position: absolute; + opacity: 0; } :root input[type="checkbox"].ios-switch + div { - display: inline-block; - vertical-align: middle; - width: 3em; height: 1em; - border: 1px solid rgba(0,0,0,.3); - border-radius: 999px; - margin: 0 .5em; - background: white; - background-image: linear-gradient(rgba(0,0,0,.1), transparent), - linear-gradient(90deg, hsl(210, 90%, 60%) 50%, transparent 50%); - background-size: 200% 100%; - background-position: 100% 0; - background-origin: border-box; - background-clip: border-box; - overflow: hidden; - transition-duration: .4s; - transition-property: padding, width, background-position, text-indent; - box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset, - 0 .45em 0 .1em rgba(0,0,0,.05) inset; - font-size: 150%; + display: inline-block; + vertical-align: middle; + width: 3em; height: 1em; + border: 1px solid rgba(0,0,0,.3); + border-radius: 999px; + margin: 0 .5em; + background: white; + background-image: linear-gradient(rgba(0,0,0,.1), transparent), + linear-gradient(90deg, hsl(210, 90%, 60%) 50%, transparent 50%); + background-size: 200% 100%; + background-position: 100% 0; + background-origin: border-box; + background-clip: border-box; + overflow: hidden; + transition-duration: .4s; + transition-property: padding, width, background-position, text-indent; + box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset, + 0 .45em 0 .1em rgba(0,0,0,.05) inset; + font-size: 150%; } :root input[type="checkbox"].ios-switch:checked + div { - padding-left: 2em; width: 1em; - background-position: 0 0; + padding-left: 2em; width: 1em; + background-position: 0 0; } :root input[type="checkbox"].ios-switch + div:before { - content: 'On'; - float: left; - width: 1.65em; height: 1.65em; - margin: -.1em; - border: 1px solid rgba(0,0,0,.35); - border-radius: inherit; - background: white; - background-image: linear-gradient(rgba(0,0,0,.2), transparent); - box-shadow: 0 .1em .1em .1em hsla(0,0%,100%,.8) inset, - 0 0 .5em rgba(0,0,0,.3); - color: white; - text-shadow: 0 -1px 1px rgba(0,0,0,.3); - text-indent: -2.5em; + content: 'On'; + float: left; + width: 1.65em; height: 1.65em; + margin: -.1em; + border: 1px solid rgba(0,0,0,.35); + border-radius: inherit; + background: white; + background-image: linear-gradient(rgba(0,0,0,.2), transparent); + box-shadow: 0 .1em .1em .1em hsla(0,0%,100%,.8) inset, + 0 0 .5em rgba(0,0,0,.3); + color: white; + text-shadow: 0 -1px 1px rgba(0,0,0,.3); + text-indent: -2.5em; } :root input[type="checkbox"].ios-switch:active + div:before { - background-color: #eee; + background-color: #eee; } :root input[type="checkbox"].ios-switch:focus + div { - box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset, - 0 .45em 0 .1em rgba(0,0,0,.05) inset, - 0 0 .4em 1px rgba(255,0,0,.5); + box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset, + 0 .45em 0 .1em rgba(0,0,0,.05) inset, + 0 0 .4em 1px rgba(255,0,0,.5); } :root input[type="checkbox"].ios-switch + div:before, :root input[type="checkbox"].ios-switch + div:after { - font: bold 60%/1.9 sans-serif; - text-transform: uppercase; + font: bold 60%/1.9 sans-serif; + text-transform: uppercase; } :root input[type="checkbox"].ios-switch + div:after { - content: 'Off'; - float: left; - text-indent: .5em; - color: rgba(0,0,0,.45); - text-shadow: none; + content: 'Off'; + float: left; + text-indent: .5em; + color: rgba(0,0,0,.45); + text-shadow: none; } + +footer.footer { + clear: both; + text-align: center; + height: 80px; + margin-top: -80px; + position: relative; + padding: 4px 0px 0px 0px; + background:url("../images/header_bg.png") repeat-x scroll 0% 0% rgb(34, 34, 34); + font-size:11px; + width:100%; +} + +footer.footer p { + color:grey; + margin: 0px 0 0 0; + } +.DebuggerConsole { + z-index:500;position:absolute;display:none +} diff --git a/public/site_assets/test/css/layout.css b/public/site_assets/test/css/layout.css index 2fde324d..6132563f 100644 --- a/public/site_assets/test/css/layout.css +++ b/public/site_assets/test/css/layout.css @@ -97,7 +97,8 @@ background: #F1F1F4 url(../images/secondary_bar.png) repeat-x; section#secondary_bar .user { float: left; -width: 12%; +width: 10%; +min-width: 150px; height: 38px; } @@ -191,7 +192,8 @@ margin: 0 5px; /* Sidebar */ aside#sidebar { -width: 12%; +min-width: 150px; +width: 10%; background: #E0E0E3 url(../images/sidebar.png) repeat; float: left; min-height: 88%; @@ -278,7 +280,7 @@ margin: 0 0 0 12%; padding: 0; #sidebar li a { color: #666666; -padding-left: 25px; +padding-left: 12px; text-decoration: none; display: inline-block; height: 17px; @@ -834,91 +836,3 @@ color: #32510F; padding: 10px 0; text-indent: 40px; font-size: 14px;} - -/* Custom stuff */ -span.confirmed { - display: inline-block; - width: 60px; - font-size: 10px; - background: #e6efc2; - color:#264409; - padding: 2px 4px; - border:1px solid #c6d880; - border-radius: 4px; -} -span.orphan { - display: inline-block; - width: 60px; - font-size: 10px; - background: #ff9473; - color:#264409; - padding: 2px 4px; - border:1px solid #ff6342; - border-radius: 4px; -} -span.unconfirmed { - display: inline-block; - width: 60px; - font-size: 10px; - background: #ffce9c; - color:#264409; - padding: 2px 4px; - border:1px solid #ffb573; - border-radius: 4px; -} -div.login_small { - float: right; - background: #E0E0E3; - background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%) repeat scroll 0% 0%; - border-radius: 5px 5px 5px 5px; - position: absolute; - padding: 5px; - top: 10px; - right: 10px; -} - -fieldset2 { - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #F6F6F6; - padding: 1% 0%; - margin: 10px 0; -} - -fieldset2 label { - display: block; - float: left; - height: 25px; - line-height: 25px; - text-shadow: 0 1px 0 #fff; - font-weight: bold; - padding-left: 10px; - text-transform: uppercase; -} - -fieldset2 input[type=text], fieldset2 input[type=password] { - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - border: 1px solid #BBBBBB; - height: 20px; - color: #666666; - -webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; - -moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; - box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; - padding-left: 10px; - background-position: 10px 6px; - margin: 0; - display: block; - float: left; - margin: 0 10px; -} - -fieldset2 input[type=text]:focus, fieldset2 input[type=password]:focus, fieldset2 input[type=checkbox] { - outline: none; - border: 1px solid #77BACE; - -webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6; - -moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6; - box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6; -} diff --git a/public/templates/test/global/footer.tpl b/public/templates/test/global/footer.tpl index 9f3e9f65..fc532b61 100644 --- a/public/templates/test/global/footer.tpl +++ b/public/templates/test/global/footer.tpl @@ -1,5 +1,8 @@ - +
mmcFE-ng by TheSerapher, available on GitHub
+Please Donate to TheSerapher LTC: Lge95QR2frp9y1wJufjUPCycVsg5gLJPW8
+Copyright © 2013 Sebastian Grerewe, Theme by MediaLoot
+ {if $DEBUG > 0} +