Browse Source
Change to improve webserve code Add logout menu item with confirmation Add 404 error pagepull/169/head
25 changed files with 966 additions and 440 deletions
@ -0,0 +1,98 @@ |
|||
/* ======================================================================= |
|||
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); |
|||
} |
@ -0,0 +1,85 @@ |
|||
/* ======================================================================= |
|||
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); |
|||
} |
@ -0,0 +1,163 @@ |
|||
/* ======================================================================= |
|||
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); |
|||
} |
After Width: | Height: | Size: 3.5 KiB |
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.5 KiB |
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.6 KiB |
After Width: | Height: | Size: 24 KiB |
@ -0,0 +1,33 @@ |
|||
#import sickbeard |
|||
|
|||
#set global $title = '404' |
|||
|
|||
#set global $sbPath = '..' |
|||
|
|||
#set global $topmenu = '404' |
|||
#import os.path |
|||
#include $os.path.join($sickbeard.PROG_DIR, 'gui/slick/interfaces/default/inc_top.tmpl') |
|||
|
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
|
|||
<title>SickGear - BRANCH:[$sickbeard.BRANCH] - $title</title> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="$sbRoot/css/lib/bootstrap.css?$sbPID"/> |
|||
<link rel="stylesheet" type="text/css" href="$sbRoot/css/style.css?$sbPID"/> |
|||
<link rel="stylesheet" type="text/css" href="$sbRoot/css/${sickbeard.THEME_NAME}.css?$sbPID" /> |
|||
|
|||
</head> |
|||
|
|||
<body> |
|||
<div id="error-404"> |
|||
<h1>404</h1> |
|||
<h2>Page Not Found</h2> |
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="500px" height="100px" viewBox="0 0 50 10" enable-background="new 0 0 50 10" xml:space="preserve"><g><path d="M2.364 7.785H2.027C1.405 7 1.1 6.1 1.1 5.275c0-0.871 0.31-1.708 0.932-2.514h0.337 C1.843 3.6 1.6 4.4 1.6 5.275C1.582 6.1 1.8 7 2.4 7.785z"/><path d="M5.563 2.569c0 0.854-0.292 1.57-0.874 2.147c-0.577 0.57-1.288 0.855-2.131 0.855V4.931c0.645 0 1.199-0.232 1.662-0.697 c0.463-0.465 0.694-1.02 0.694-1.665H5.563z"/><path d="M8.987 3.372c0.199 0 0.4 0.1 0.5 0.213c0.142 0.1 0.2 0.3 0.2 0.511c0 0.201-0.071 0.372-0.213 0.5 S9.184 4.8 9 4.824c-0.199 0-0.369-0.071-0.511-0.213S8.262 4.3 8.3 4.096c0-0.2 0.071-0.372 0.212-0.513 C8.615 3.4 8.8 3.4 9 3.372z M8.987 4.541c0.121 0 0.224-0.043 0.31-0.131c0.087-0.087 0.13-0.192 0.13-0.314 S9.383 3.9 9.3 3.785C9.21 3.7 9.1 3.7 9 3.657c-0.122 0-0.226 0.042-0.312 0.128C8.59 3.9 8.5 4 8.5 4.1 S8.59 4.3 8.7 4.41C8.763 4.5 8.9 4.5 9 4.541z"/><path d="M10.438 4.787h2.47v2.47h-2.47V4.787z M10.637 4.986v2.072h2.072V4.986H10.637z"/><path d="M14.365 3.372c0.199 0 0.4 0.1 0.5 0.213c0.142 0.1 0.2 0.3 0.2 0.511c0 0.201-0.071 0.372-0.213 0.5 s-0.312 0.213-0.509 0.213c-0.199 0-0.369-0.071-0.511-0.213c-0.143-0.143-0.213-0.313-0.213-0.514c0-0.2 0.07-0.372 0.212-0.513 C13.993 3.4 14.2 3.4 14.4 3.372z M14.365 4.541c0.121 0 0.224-0.043 0.31-0.131c0.086-0.087 0.129-0.192 0.129-0.314 s-0.043-0.226-0.129-0.311c-0.086-0.085-0.189-0.128-0.31-0.128c-0.122 0-0.226 0.042-0.312 0.1 c-0.085 0.085-0.128 0.189-0.128 0.311s0.043 0.2 0.1 0.314C14.141 4.5 14.2 4.5 14.4 4.541z"/><path d="M17.158 5.195c0 0.897-0.303 1.709-0.91 2.438h-0.513V7.612c0.286-0.265 0.519-0.59 0.699-0.971 c0.213-0.455 0.318-0.938 0.318-1.447c0-0.506-0.105-0.985-0.318-1.438c-0.18-0.382-0.413-0.705-0.699-0.97V2.757h0.513 C16.855 3.5 17.2 4.3 17.2 5.195z"/><path d="M23.797 2.569c0 0.854-0.292 1.57-0.874 2.147c-0.577 0.57-1.288 0.855-2.131 0.855V4.931c0.645 0 1.199-0.232 1.662-0.697 c0.463-0.465 0.695-1.02 0.695-1.665H23.797z"/><path d="M31.286 7.646c-0.226-0.278-0.549-0.512-0.971-0.701c-0.47-0.21-0.964-0.315-1.483-0.315s-1.015 0.105-1.485 0.3 c-0.424 0.189-0.748 0.423-0.974 0.701h-0.021V7.188c0.294-0.294 0.679-0.524 1.153-0.69c0.437-0.149 0.879-0.224 1.326-0.224 c0.448 0 0.9 0.1 1.3 0.224c0.473 0.2 0.9 0.4 1.2 0.69v0.458H31.286z"/><path d="M38.286 5.561h-5.357V4.92h2.352V2.569h0.644V4.92h2.362V5.561z"/><path d="M43.638 5.566h-5.352V4.925h5.352V5.566z"/><path d="M49 5.561h-5.357V4.92h2.352V2.569h0.644V4.92H49V5.561z"/></g></svg> |
|||
</div> |
|||
</body> |
|||
</html> |
@ -0,0 +1,75 @@ |
|||
#import sickbeard |
|||
|
|||
#set global $title = 'Login' |
|||
|
|||
#set global $sbPath = '..' |
|||
|
|||
#set global $topmenu = 'login' |
|||
#import os.path |
|||
|
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
|
|||
<title>SickGear - BRANCH:[$sickbeard.BRANCH] - $title</title> |
|||
|
|||
<!--[if lt IE 9]> |
|||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> |
|||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
|||
<![endif]--> |
|||
|
|||
<link rel="shortcut icon" href="$sbRoot/images/ico/favicon.ico"> |
|||
<link rel="apple-touch-icon" sizes="180x180" href="$sbRoot/images/ico/apple-touch-icon-180x180.png"> |
|||
<link rel="apple-touch-icon" sizes="152x152" href="$sbRoot/images/ico/apple-touch-icon-152x152.png"> |
|||
<link rel="apple-touch-icon" sizes="144x144" href="$sbRoot/images/ico/apple-touch-icon-144x144.png"> |
|||
<link rel="apple-touch-icon" sizes="120x120" href="$sbRoot/images/ico/apple-touch-icon-120x120.png"> |
|||
<link rel="apple-touch-icon" sizes="114x114" href="$sbRoot/images/ico/apple-touch-icon-114x114.png"> |
|||
<link rel="apple-touch-icon" sizes="76x76" href="$sbRoot/images/ico/apple-touch-icon-76x76.png"> |
|||
<link rel="apple-touch-icon" sizes="72x72" href="$sbRoot/images/ico/apple-touch-icon-72x72.png"> |
|||
<link rel="apple-touch-icon" sizes="60x60" href="$sbRoot/images/ico/apple-touch-icon-60x60.png"> |
|||
<link rel="apple-touch-icon" sizes="57x57" href="$sbRoot/images/ico/apple-touch-icon-57x57.png"> |
|||
<link rel="icon" type="image/png" href="$sbRoot/images/ico/favicon-192x192.png" sizes="192x192"> |
|||
<link rel="icon" type="image/png" href="$sbRoot/images/ico/favicon-160x160.png" sizes="160x160"> |
|||
<link rel="icon" type="image/png" href="$sbRoot/images/ico/favicon-96x96.png" sizes="96x96"> |
|||
<link rel="icon" type="image/png" href="$sbRoot/images/ico/favicon-32x32.png" sizes="32x32"> |
|||
<link rel="icon" type="image/png" href="$sbRoot/images/ico/favicon-16x16.png" sizes="16x16"> |
|||
<meta name="msapplication-TileColor" content="#2b5797"> |
|||
<meta name="msapplication-TileImage" content="$sbRoot/images/ico/mstile-144x144.png"> |
|||
<meta name="msapplication-config" content="$sbRoot/css/browserconfig.xml"> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="$sbRoot/css/lib/bootstrap.css?$sbPID"/> |
|||
<link rel="stylesheet" type="text/css" href="$sbRoot/css/style-login.css?$sbPID"/> |
|||
<link rel="stylesheet" type="text/css" href="$sbRoot/css/${sickbeard.THEME_NAME}-login.css?$sbPID" /> |
|||
|
|||
</head> |
|||
|
|||
<body> |
|||
<div class="login"> |
|||
<form action="" method="post"> |
|||
<div class="login-img center-block form-group"></div> |
|||
|
|||
<div class="login-error"> |
|||
<span class="#if 'authfailed'==$resp then 'showme red-text' else 'hide' #"><i class="error16"> </i> Authentication failed, please retry</span> |
|||
</div> |
|||
|
|||
<div class="form-group input-group"> |
|||
<span class="input-group-addon glyphicon glyphicon-user"></span> |
|||
<input name="username" class="form-control" placeholder="Username" type="text" autofocus required> |
|||
</div> |
|||
|
|||
<div class="form-group input-group"> |
|||
<span class="input-group-addon glyphicon glyphicon-lock"></span> |
|||
<input name="password" class="form-control" placeholder="Password" type="password"> |
|||
</div> |
|||
|
|||
<div class="form-group"> |
|||
<label for="remember_me" class="login-remember"><input id="remember_me" name="remember_me" type="checkbox" value="1" checked="checked"><span>Remember me</span></label> |
|||
<input class="btn pull-right" name="submit" type="submit" value="Login"> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</body> |
|||
</html> |
Loading…
Reference in new issue