diff --git a/include/staff/login.tpl.php b/include/staff/login.tpl.php index 296b76af92e4ba5b9d00793e62fb53190d8168e8..f394c7b8924fadaf3a08d1de4872f9d642ecf775 100644 --- a/include/staff/login.tpl.php +++ b/include/staff/login.tpl.php @@ -37,8 +37,16 @@ if (count($ext_bks)) { ?> <div class="external-auth"><?php $bk->renderExternalLink(); ?></div><?php } } ?> + + <div id="company"> + <div class="content"> + <?php echo __('Copyright'); ?> © <?php echo Format::htmlchars($ost->company); ?> + </div> + </div> +</div> +<div id="poweredBy"><?php echo __('Powered by'); ?> + <a href='http://www.osticket.com' target="_blank"><img alt="osTicket" src="images/osticket-grey.png" + class="osticket-logo"></a> </div> -<div id="copyRights"><?php echo __('Copyright'); ?> © -<a href='http://www.osticket.com' target="_blank">osTicket.com</a></div> </body> </html> diff --git a/scp/css/login.css b/scp/css/login.css index a5a682f08d04b513b643b044f817416988895d56..677ee6ba078ac2e3f5c6d2a3c8b3deba98ec897a 100644 --- a/scp/css/login.css +++ b/scp/css/login.css @@ -1,6 +1,7 @@ input:focus { - border: 1px solid rgb(207,16,118); - box-shadow: 0 0 4px rgb(207,16,118); + border: 1px solid orange; + box-shadow: 0 0 4px orange; + outline: none; } :-webkit-input-placeholder { @@ -23,9 +24,15 @@ html { body { -webkit-font-smoothing:antialiased; - background:url(../images/login-background.jpg); + background:url(../images/oscar-wall.png); background-repeat: repeat-x; background-attachment: fixed; + background-color:orange; + background-blend-mode: multiply; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; font-size: 16px; font-smoothing:antialiased; height:100%; @@ -48,11 +55,9 @@ input[type=reset], input[type=submit], input[type=button] { } #loginBox { - border:1px solid #2a67ac; - border-right:2px solid #2a67ac; - border-bottom:3px solid #2a67ac; - box-shadow: 2px 2px 8px rgba(42, 103, 172, 0.5); - background:#fff; + border:1px solid rgba(0,0,0,0.8); + box-shadow:0 0 30px -5px black; + background:transparent; width:400px; margin:10% auto 0 auto; padding:1em; @@ -61,6 +66,23 @@ input[type=reset], input[type=submit], input[type=button] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; + position: fixed; + left: 50%; + margin-left: -200px; + z-index: 1; + border-radius: 5px; +} + +#loginBox::after { + content: " "; + z-index: -1; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: rgba(255,255,255,0.9); + border-radius: 5px; } h1 { @@ -150,15 +172,52 @@ input.submit:hover, input.submit:active { background-position:bottom left; } -#copyRights { - font-size:0.7em; - color:#888; - padding:1em; +#poweredBy { + font-size:0.8em; + color:#ccc; + padding:5px 15px; text-align:center; + position: fixed; + bottom: 10px; + right: 10px; + box-shadow: inset 0 0 3px white, 0 0 2px black, inset 0 0 4px black; + text-shadow: 0 0 2px black; + border-radius: 5px; + background-color: rgba(0,0,0,0.3) } -#copyRights a { - color:#888; +#poweredBy a { + color:inherit; +} + +#poweredBy .osticket-logo { + height: auto; + width: 55px; + vertical-align: baseline; + -webkit-filter: drop-shadow(0 0 4px black); + filter: drop-shadow(0 0 4px black); + -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')"; + filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')"; +} + +#company { + position:absolute; + left: 50%; + width: 400px; + margin-left: -200px; + bottom: -40px; + font-size: 0.8em; + color: #ccc; + text-align: center; +} + +#company .content { + border-radius: 5px; + background-color: rgba(0,0,0,0.4); + box-shadow: 0 0 6px black; + text-shadow: 0 0 2px black; + display: inline-block; + padding: 0 15px; } .external-auth { diff --git a/scp/images/login-background.jpg b/scp/images/login-background.jpg deleted file mode 100644 index eebfa40b8f24cf1a088e6d4eb1a6b279e958ad7c..0000000000000000000000000000000000000000 Binary files a/scp/images/login-background.jpg and /dev/null differ diff --git a/scp/images/oscar-wall.png b/scp/images/oscar-wall.png new file mode 100644 index 0000000000000000000000000000000000000000..e1f65796ef57623c47933a4a63bb4d62e106def2 Binary files /dev/null and b/scp/images/oscar-wall.png differ diff --git a/scp/images/osticket-grey.png b/scp/images/osticket-grey.png new file mode 100755 index 0000000000000000000000000000000000000000..df6ad5f9f0ee1bd60728fdc65f8bd9aac08365b5 Binary files /dev/null and b/scp/images/osticket-grey.png differ