Created
January 3, 2016 01:01
-
-
Save Hellowlol/0b19817eec14d3bce8ad to your computer and use it in GitHub Desktop.
PlexPy Login Page
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <% | |
| import plexpy | |
| from plexpy import version | |
| %> | |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>PlexPy - ${title}</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content=""> | |
| <meta name="author" content=""> | |
| <link href="interfaces/default/css/bootstrap3/bootstrap.css" rel="stylesheet"> | |
| <link href="interfaces/default/css/bootstrap-wizard.css" rel="stylesheet"> | |
| <link href="interfaces/default/css/plexpy.css" rel="stylesheet"> | |
| <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css"> | |
| <link href="interfaces/default/css/font-awesome.min.css" rel="stylesheet"> | |
| <link rel="icon" type="image/x-icon" href="interfaces/default/images/favicon.ico"/> | |
| <link rel="shortcut icon" href="interfaces/default/images/favicon.ico"> | |
| </head> | |
| <body> | |
| <div class="body-container"> | |
| <div class="container-fluid"> | |
| <div class="row"> | |
| <div class="login-container"> | |
| <div class="login-logo"></div> | |
| <div class="row"> | |
| <div class="col-sm-6 col-sm-offset-3"> | |
| <form action="login" method="post"> | |
| <div class="username-group form-group"> | |
| <label for="username" class="control-label"> | |
| Username | |
| </label> | |
| <input type="text" id="username" name="username" class="form-control" autocorrect="off" autocapitalize="off"> | |
| </div> | |
| <div class="password-group form-group"> | |
| <label for="password" class="control-label"> | |
| Password | |
| </label> | |
| <input type="password" id="password" name="password" class="form-control"> | |
| </div> | |
| <div class="form-footer"> | |
| <button type="submit" class="btn btn-lg btn-bright login-button">Sign In</button> | |
| <div class="remember-group"> | |
| <label class="control-label"> | |
| <input type="checkbox" id="remember_me" name="remember_me" title="for 30 days" value="1" checked="checked" /> Remember me | |
| </label> | |
| </div> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="interfaces/default/js/jquery-2.1.4.min.js"></script> | |
| <script src="interfaces/default/js/bootstrap3/bootstrap.min.js"></script> | |
| <script src="interfaces/default/js/bootstrap-wizard.min.js"></script> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @media (min-width: 768px) { | |
| .login-container { | |
| max-width: 750px; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .login-container { | |
| max-width: 970px; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .login-container { | |
| max-width: 1170px; | |
| } | |
| } | |
| .login-container { | |
| margin-right: auto; | |
| margin-left: auto; | |
| padding-left: 15px; | |
| padding-right: 15px; | |
| } | |
| .login { | |
| margin: 0 auto; | |
| } | |
| .login-logo { | |
| background-image: url(../images/[email protected]); | |
| background-position: center; | |
| background-repeat: no-repeat; | |
| margin: 0 auto 50px auto; | |
| width: 340px; | |
| height: 100px; | |
| } | |
| .login-container .form-group { | |
| margin-bottom: 20px; | |
| } | |
| .login-container .form-group label { | |
| font-weight: 400; | |
| color: #999; | |
| } | |
| .login-container .form-control { | |
| height: 38px; | |
| line-height: 1.5em; | |
| } | |
| .login-container .form-footer { | |
| margin-top: 40px; | |
| } | |
| .login-container .login-button { | |
| float: right; | |
| text-transform: uppercase; | |
| text-shadow: 0 -1px 1px rgba(0,0,0,.4),0 0 15px rgba(0,0,0,.2); | |
| } | |
| .login-container .remember-group { | |
| display: block; | |
| min-height: 24px; | |
| margin-top: 10px; | |
| margin-bottom: 10px; | |
| vertical-align: middle; | |
| color: #999; | |
| } | |
| .login-container .remember-group .control-label { | |
| display: inline; | |
| margin-bottom: 0; | |
| font-weight: 400; | |
| cursor: pointer; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment