mirror of
https://github.com/SickGear/SickGear.git
synced 2025-01-08 11:03:38 +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