From c7a506cf177161a46652c1430507d372c4a47deb Mon Sep 17 00:00:00 2001 From: JackDandy Date: Sat, 21 Feb 2015 00:38:06 +0000 Subject: [PATCH] Change login page to display quicker by reducing its payload by over 60%. --- gui/slick/css/dark-login.css | 98 -------------- gui/slick/css/light-login.css | 85 ------------ gui/slick/css/style-login.css | 163 ------------------------ gui/slick/interfaces/default/login.tmpl | 123 ++++++++---------- 4 files changed, 50 insertions(+), 419 deletions(-) delete mode 100644 gui/slick/css/dark-login.css delete mode 100644 gui/slick/css/light-login.css delete mode 100644 gui/slick/css/style-login.css diff --git a/gui/slick/css/dark-login.css b/gui/slick/css/dark-login.css deleted file mode 100644 index 53deacb3..00000000 --- a/gui/slick/css/dark-login.css +++ /dev/null @@ -1,98 +0,0 @@ -/* ======================================================================= -login.tmpl -========================================================================== */ - -.login-remember span { - color: #aaa -} - -/* ======================================================================= -Global -========================================================================== */ - -.red-text { - color: #d33; -} - -/* ======================================================================= -bootstrap Overrides -========================================================================== */ - -body { - color: #fff; - background-color: #222; -} - -input, textarea, select, .uneditable-input { - width: auto; - color: #000; -} - -.btn { - color: #fff; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); - background-color: #2672B6; - *background-color: #2672B6; - background-image: -ms-linear-gradient(top, #297AB8, #15528F); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#297AB8), to(#15528F)); - background-image: -webkit-linear-gradient(top, #297AB8, #15528F); - background-image: -o-linear-gradient(top, #297AB8, #15528F); - background-image: linear-gradient(top, #297AB8, #15528F); - background-image: -moz-linear-gradient(top, #297AB8, #15528F); - border: 1px solid #111; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - border-color: #111 #111 #111; - border-bottom-color: #111; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#297AB8', endColorstr='#15528F', GradientType=0); - filter: progid:dximagetransform.microsoft.gradient(enabled=false); - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.0), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.0), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.0), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.btn:hover, -.btn:active, -.btn.active, -.btn.disabled, -.btn[disabled] { - background-color: #2672B6; - *background-color: #2672B6; - color: #fff; -} - -.btn:active, -.btn.active { - background-color: #cccccc \9; - color: #fff; -} - -.btn:hover { - color: #fff; - background-color: #2672B6; - *background-color: #2672B6; - background-position: 0 -150px; - -webkit-transition: background-position 0.0s linear; - -moz-transition: background-position 0.0s linear; - -ms-transition: background-position 0.0s linear; - -o-transition: background-position 0.0s linear; - transition: background-position 0.0s linear; -} - -.btn:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - color: #fff; -} - -.btn.active, -.btn:active { - background-color: #2672B6; - background-color: #2672B6 \9; - background-image: none; - color: #fff; - outline: 0; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -} \ No newline at end of file diff --git a/gui/slick/css/light-login.css b/gui/slick/css/light-login.css deleted file mode 100644 index f482c4c5..00000000 --- a/gui/slick/css/light-login.css +++ /dev/null @@ -1,85 +0,0 @@ -/* ======================================================================= -login.tmpl -========================================================================== */ - -.login-remember span { - color: #666 -} - -/* ======================================================================= -bootstrap Overrides -========================================================================== */ - -body { - color: #000; -} - -input, textarea, select, .uneditable-input { - width: auto; - color: #000; -} - -.btn { - color: #333333; - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); - background-color: #f5f5f5; - *background-color: #e6e6e6; - background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); - background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); - background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); - background-image: linear-gradient(top, #ffffff, #e6e6e6); - background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); - border: 1px solid #cccccc; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - border-color: #e6e6e6 #e6e6e6 #bfbfbf; - border-bottom-color: #b3b3b3; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); - filter: progid:dximagetransform.microsoft.gradient(enabled=false); - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.btn:hover, -.btn:active, -.btn.active, -.btn.disabled, -.btn[disabled] { - background-color: #e6e6e6; - *background-color: #d9d9d9; -} - -.btn:active, -.btn.active { - background-color: #cccccc \9; -} - -.btn:hover { - color: #333333; - background-color: #e6e6e6; - *background-color: #d9d9d9; - background-position: 0 -15px; - -webkit-transition: background-position 0.1s linear; - -moz-transition: background-position 0.1s linear; - -ms-transition: background-position 0.1s linear; - -o-transition: background-position 0.1s linear; - transition: background-position 0.1s linear; -} - -.btn:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -.btn.active, -.btn:active { - background-color: #e6e6e6; - background-color: #d9d9d9 \9; - background-image: none; - outline: 0; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -} \ No newline at end of file diff --git a/gui/slick/css/style-login.css b/gui/slick/css/style-login.css deleted file mode 100644 index 0c98ae39..00000000 --- a/gui/slick/css/style-login.css +++ /dev/null @@ -1,163 +0,0 @@ -/* ======================================================================= -fonts -========================================================================== */ -/* Open Sans */ -/* Regular */ -@font-face { - font-family: 'Open Sans'; - - src:url('fonts/OpenSans-Regular-webfont.eot'); - src:url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/OpenSans-Regular-webfont.woff') format('woff'), - url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), - url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); - font-weight: normal; - font-weight: 400; - font-style: normal; -} - -/* ======================================================================= -login.tmpl -========================================================================== */ - -.login { - position : absolute; - display: block; - height: 275px; - width: 300px; - margin-top: -137.5px; - margin-left: -150px; - top: 50%; - left: 50%; -} - -.login-img { - height: 128px; - width: 250px; - background-image: url('../images/sickgear-large.png'); - margin-bottom: 0; -} - -.login .glyphicon { - top: 0 -} - -.login-error { - height: 20px; - margin-bottom: 2px; - font-size: 13px; - text-align: center; -} - -.login-remember { - font-size: 12px; - display: inline-block; - padding: 2px 0; - line-height: 14px -} - -.login-remember input { - position: relative; - top: 2px -} - -.login-remember span { - margin-left: 5px; -} - -.error16 { - background: url('../images/error16.png') no-repeat 0 1px; - width: 16px; - display: inline-block; -} - -/* ======================================================================= -Global -========================================================================== */ - -.red-text { - color: #d33; -} - -/* ======================================================================= -bootstrap Overrides -========================================================================== */ - -body { - padding-top: 60px; - overflow-y: scroll; - font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - color: #000; -} - -label { - font-weight: normal; -} - -.btn { - display: inline-block; - *display: inline; - padding: 4px 10px 4px; - margin-bottom: 0; - *margin-left: .3em; - font-size: 12px; - line-height: 16px; - *line-height: 20px; - text-align: center; - vertical-align: middle; - cursor: pointer; - background-repeat: repeat-x; - *border: 0; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - *zoom: 1; -} - -.btn:hover, -.btn:active, -.btn.active, -.btn.disabled, -.btn[disabled] { - background-color: #e6e6e6; - *background-color: #d9d9d9; -} - -.btn:active, -.btn.active { - background-color: #cccccc \9; -} - -.btn:first-child { - *margin-left: 0; -} - -.btn:hover { - color: #333333; - text-decoration: none; - background-color: #e6e6e6; - *background-color: #d9d9d9; - background-position: 0 -15px; - -webkit-transition: background-position 0.1s linear; - -moz-transition: background-position 0.1s linear; - -ms-transition: background-position 0.1s linear; - -o-transition: background-position 0.1s linear; - transition: background-position 0.1s linear; -} - -.btn:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -.btn.active, -.btn:active { - background-color: #e6e6e6; - background-color: #d9d9d9 \9; - background-image: none; - outline: 0; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -} \ No newline at end of file diff --git a/gui/slick/interfaces/default/login.tmpl b/gui/slick/interfaces/default/login.tmpl index e2754d72..6a717621 100644 --- a/gui/slick/interfaces/default/login.tmpl +++ b/gui/slick/interfaces/default/login.tmpl @@ -1,75 +1,52 @@ -#import sickbeard - -#set global $title = 'Login' - -#set global $sbPath = '..' - -#set global $topmenu = 'login' -#import os.path - - - - - - - - SickGear - BRANCH:[$sickbeard.BRANCH] - $title - - +SickGear - Login + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
- - - - -
- - -
- -
- - -
- -
- - -
-
-
- - \ No newline at end of file + + +
+ +
+
+
+
\ No newline at end of file