|
@@ -1,242 +0,0 @@
|
|
|
-/*
|
|
|
|
|
- *
|
|
|
|
|
- * Template Name: Fullscreen Login
|
|
|
|
|
- * Description: Login Template with Fullscreen Background Slideshow
|
|
|
|
|
- * Author: Anli Zaimi
|
|
|
|
|
- * Author URI: http://azmind.com
|
|
|
|
|
- *
|
|
|
|
|
- */
|
|
|
|
|
-
|
|
|
|
|
- html {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
-body {
|
|
|
|
|
- /* background: #ee3b71; */
|
|
|
|
|
- background-image: linear-gradient( #ee3b71,#c23b71);
|
|
|
|
|
- font-family: 'PT Sans', Helvetica, Arial, sans-serif;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- color: #fff;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.container {
|
|
|
|
|
- margin: 0 auto;
|
|
|
|
|
-
|
|
|
|
|
- padding-left: 1rem;
|
|
|
|
|
- padding-right: 2rem;
|
|
|
|
|
- padding-bottom: 1rem;
|
|
|
|
|
- width: 20rem;
|
|
|
|
|
- border-radius:15px;
|
|
|
|
|
- /* background: rgba(45,45,45,.33); */
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-h1 {
|
|
|
|
|
- font-size: 30px;
|
|
|
|
|
- font-weight: 700;
|
|
|
|
|
- text-shadow: 0 1px 4px rgba(0,0,0,.2);
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.form {
|
|
|
|
|
- position: relative;
|
|
|
|
|
- width: 305px;
|
|
|
|
|
- margin: 15px auto 0 auto;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-input {
|
|
|
|
|
- width: 18rem;
|
|
|
|
|
- height: 42px;
|
|
|
|
|
- margin-top: 25px;
|
|
|
|
|
- padding: 0 15px;
|
|
|
|
|
- background: #2d2d2d; /* browsers that don't support rgba */
|
|
|
|
|
- background: rgba(45,45,45,.15);
|
|
|
|
|
- -moz-border-radius: 6px;
|
|
|
|
|
- -webkit-border-radius: 6px;
|
|
|
|
|
- border-radius: 6px;
|
|
|
|
|
- border: 1px solid #3d3d3d; /* browsers that don't support rgba */
|
|
|
|
|
- border: 1px solid rgba(255,255,255,.15);
|
|
|
|
|
- -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
|
|
|
|
|
- -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
|
|
|
|
|
- box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
|
|
|
|
|
- font-family: 'PT Sans', Helvetica, Arial, sans-serif;
|
|
|
|
|
- font-size: 14px;
|
|
|
|
|
- color: #fff;
|
|
|
|
|
- text-shadow: 0 1px 2px rgba(0,0,0,.1);
|
|
|
|
|
- -o-transition: all .2s;
|
|
|
|
|
- -moz-transition: all .2s;
|
|
|
|
|
- -webkit-transition: all .2s;
|
|
|
|
|
- -ms-transition: all .2s;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-input:-moz-placeholder { color: #fff; }
|
|
|
|
|
-input:-ms-input-placeholder { color: #fff; }
|
|
|
|
|
-input::-webkit-input-placeholder { color: #fff; }
|
|
|
|
|
-
|
|
|
|
|
-input:focus {
|
|
|
|
|
- outline: none;
|
|
|
|
|
- -moz-box-shadow:
|
|
|
|
|
- 0 2px 3px 0 rgba(0,0,0,.1) inset,
|
|
|
|
|
- 0 2px 7px 0 rgba(0,0,0,.2);
|
|
|
|
|
- -webkit-box-shadow:
|
|
|
|
|
- 0 2px 3px 0 rgba(0,0,0,.1) inset,
|
|
|
|
|
- 0 2px 7px 0 rgba(0,0,0,.2);
|
|
|
|
|
- box-shadow:
|
|
|
|
|
- 0 2px 3px 0 rgba(0,0,0,.1) inset,
|
|
|
|
|
- 0 2px 7px 0 rgba(0,0,0,.2);
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-button {
|
|
|
|
|
- outline:none;
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
- width: 20rem;
|
|
|
|
|
- height: 44px;
|
|
|
|
|
- margin-top: 25px;
|
|
|
|
|
- padding: 0;
|
|
|
|
|
- background: #ef4300;
|
|
|
|
|
- -moz-border-radius: 6px;
|
|
|
|
|
- -webkit-border-radius: 6px;
|
|
|
|
|
- border-radius: 6px;
|
|
|
|
|
- border: 1px solid #ff730e;
|
|
|
|
|
- -moz-box-shadow:
|
|
|
|
|
- 0 15px 30px 0 rgba(255,255,255,.25) inset,
|
|
|
|
|
- 0 2px 7px 0 rgba(0,0,0,.2);
|
|
|
|
|
- -webkit-box-shadow:
|
|
|
|
|
- 0 15px 30px 0 rgba(255,255,255,.25) inset,
|
|
|
|
|
- 0 2px 7px 0 rgba(0,0,0,.2);
|
|
|
|
|
- box-shadow:
|
|
|
|
|
- 0 15px 30px 0 rgba(255,255,255,.25) inset,
|
|
|
|
|
- 0 2px 7px 0 rgba(0,0,0,.2);
|
|
|
|
|
- font-family: 'PT Sans', Helvetica, Arial, sans-serif;
|
|
|
|
|
- font-size: 14px;
|
|
|
|
|
- font-weight: 700;
|
|
|
|
|
- color: #fff;
|
|
|
|
|
- text-shadow: 0 1px 2px rgba(0,0,0,.1);
|
|
|
|
|
- -o-transition: all .2s;
|
|
|
|
|
- -moz-transition: all .2s;
|
|
|
|
|
- -webkit-transition: all .2s;
|
|
|
|
|
- -ms-transition: all .2s;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-button:hover {
|
|
|
|
|
- -moz-box-shadow:
|
|
|
|
|
- 0 15px 30px 0 rgba(255,255,255,.15) inset,
|
|
|
|
|
- 0 2px 7px 0 rgba(0,0,0,.2);
|
|
|
|
|
- -webkit-box-shadow:
|
|
|
|
|
- 0 15px 30px 0 rgba(255,255,255,.15) inset,
|
|
|
|
|
- 0 2px 7px 0 rgba(0,0,0,.2);
|
|
|
|
|
- box-shadow:
|
|
|
|
|
- 0 15px 30px 0 rgba(255,255,255,.15) inset,
|
|
|
|
|
- 0 2px 7px 0 rgba(0,0,0,.2);
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-button:active {
|
|
|
|
|
- -moz-box-shadow:
|
|
|
|
|
- 0 15px 30px 0 rgba(255,255,255,.15) inset,
|
|
|
|
|
- 0 2px 7px 0 rgba(0,0,0,.2);
|
|
|
|
|
- -webkit-box-shadow:
|
|
|
|
|
- 0 15px 30px 0 rgba(255,255,255,.15) inset,
|
|
|
|
|
- 0 2px 7px 0 rgba(0,0,0,.2);
|
|
|
|
|
- box-shadow:
|
|
|
|
|
- 0 5px 8px 0 rgba(0,0,0,.1) inset,
|
|
|
|
|
- 0 1px 4px 0 rgba(0,0,0,.1);
|
|
|
|
|
-
|
|
|
|
|
- border: 0px solid #ef4300;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.error {
|
|
|
|
|
- display: none;
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- top: 27px;
|
|
|
|
|
- right: -55px;
|
|
|
|
|
- width: 40px;
|
|
|
|
|
- height: 40px;
|
|
|
|
|
- background: #2d2d2d; /* browsers that don't support rgba */
|
|
|
|
|
- background: rgba(45,45,45,.25);
|
|
|
|
|
- -moz-border-radius: 8px;
|
|
|
|
|
- -webkit-border-radius: 8px;
|
|
|
|
|
- border-radius: 8px;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.error span {
|
|
|
|
|
- display: inline-block;
|
|
|
|
|
- margin-left: 2px;
|
|
|
|
|
- font-size: 40px;
|
|
|
|
|
- font-weight: 700;
|
|
|
|
|
- line-height: 40px;
|
|
|
|
|
- text-shadow: 0 1px 2px rgba(0,0,0,.1);
|
|
|
|
|
- color: red;
|
|
|
|
|
- -o-transform: rotate(45deg);
|
|
|
|
|
- -moz-transform: rotate(45deg);
|
|
|
|
|
- -webkit-transform: rotate(45deg);
|
|
|
|
|
- -ms-transform: rotate(45deg);
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.logo { width: 8rem; margin-top: 4rem; }
|
|
|
|
|
-.container .codes { display: flex; width: 20rem;}
|
|
|
|
|
-.container .code_btn { background-color: #ee3b71; }
|
|
|
|
|
-.container .spacer { padding-left: 1rem; }
|
|
|
|
|
-
|
|
|
|
|
-input::-webkit-outer-spin-button,
|
|
|
|
|
-input::-webkit-inner-spin-button { -webkit-appearance: none; }
|
|
|
|
|
-
|
|
|
|
|
-.dialog {
|
|
|
|
|
- display: none; /* 默认隐藏 */
|
|
|
|
|
- position: fixed; /* 固定定位 */
|
|
|
|
|
- z-index: 1; /* 设置在顶层 */
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.dialog-content {
|
|
|
|
|
- /* padding-left: 3.5rem;
|
|
|
|
|
- padding-right: 3.5rem;
|
|
|
|
|
- padding-bottom: 1rem;
|
|
|
|
|
- width: 10rem; */
|
|
|
|
|
- border: none;
|
|
|
|
|
- border-radius:15px;
|
|
|
|
|
- background-color: rgba(45,45,45,.33);
|
|
|
|
|
- /* margin: 0 auto;
|
|
|
|
|
- margin-top: 50%; */
|
|
|
|
|
-
|
|
|
|
|
- text-align: center;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.dialog-content .text {
|
|
|
|
|
- padding-top: 1rem;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.footer {
|
|
|
|
|
- padding-top: 11rem;
|
|
|
|
|
- padding-left: 1rem;
|
|
|
|
|
- padding-right: 1rem;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.footer .copyright {
|
|
|
|
|
- margin-top: 0.5rem;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-a {
|
|
|
|
|
- text-decoration: none;
|
|
|
|
|
-}
|
|
|
|
|
-/*正常的未被访问过的链接*/
|
|
|
|
|
-a:link {
|
|
|
|
|
- text-decoration: none;
|
|
|
|
|
- color: white;
|
|
|
|
|
-}
|
|
|
|
|
-/*已经访问过的链接*/
|
|
|
|
|
-a:visited {
|
|
|
|
|
- text-decoration: none;
|
|
|
|
|
- color: white;
|
|
|
|
|
-}
|
|
|
|
|
-/*鼠标划过(停留)的链接*/
|
|
|
|
|
-a:hover {
|
|
|
|
|
- text-decoration: none;
|
|
|
|
|
-}
|
|
|
|
|
-/* 正在点击的链接,鼠标在元素上按下还没有松开*/
|
|
|
|
|
-a:active {
|
|
|
|
|
- text-decoration: none;
|
|
|
|
|
-}
|
|
|
|
|
-/* 获得焦点的时候 鼠标松开时显示的颜色*/
|
|
|
|
|
-a:focus {
|
|
|
|
|
- text-decoration: none;
|
|
|
|
|
-}
|
|
|