mirror of
https://github.com/SickGear/SickGear.git
synced 2025-01-05 17:43:37 +00:00
Change login page to display quicker by reducing its payload by over 60%.
This commit is contained in:
JackDandy
Adam
parent
d0326cda7e
commit
c7a506cf17
4 changed files with 50 additions and 419 deletions
|
|
@ -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);
|
||||
}
|
||||
|
|
@ -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);
|
||||
}
|
||||
|
|
@ -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);
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue