system-clients 4.0.4 → 4.0.5

package/src/styles/less/aofeng/login.less

@@ -1,367 +1,367 @@
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  font-weight: 400;
-  outline: none;
-}
-
-body {
-  font-family: 'Source Sans Pro', sans-serif;
-  color: white;
-  font-weight: 400;
-}
-
-body ::-webkit-input-placeholder {
-  /* WebKit browsers */
-  font-family: 'Source Sans Pro', sans-serif;
-  color: white;
-  font-weight: 400;
-}
-
-body :-moz-placeholder {
-  /* Mozilla Firefox 4 to 18 */
-  font-family: 'Source Sans Pro', sans-serif;
-  color: white;
-  opacity: 1;
-  font-weight: 400;
-}
-
-body ::-moz-placeholder {
-  /* Mozilla Firefox 19+ */
-  font-family: 'Source Sans Pro', sans-serif;
-  color: white;
-  opacity: 1;
-  font-weight: 400;
-}
-
-body :-ms-input-placeholder {
-  /* Internet Explorer 10+ */
-  font-family: 'Source Sans Pro', sans-serif;
-  color: white;
-  font-weight: 400;
-}
-
-.wrapper {
-  /*background: #2D83BA;
-  background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
-  background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
-  opacity: 0.8;*/
-  position: absolute;
-  top: 50%;
-  right: -60px;
-  width: 40%;
-  height: 400px;
-  margin-top: -150px;
-  overflow: hidden;
-
-}
-
-.wrapper.form-success .container h3 {
-  -webkit-transform: translateY(85px);
-  -ms-transform: translateY(85px);
-  transform: translateY(85px);
-}
-
-.container {
-  max-width: 350px;
-  margin: 0 auto;
-  padding: 30px 100px 50px 100px;
-  height: 400px;
-  text-align: center;
-  /*以下增加*/
-  background: #2D83BA;
-  background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
-  background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
-  opacity: 0.8;
-}
-
-.container h3 {
-  font-size: 40px;
-  -webkit-transition-duration: 1s;
-  transition-duration: 1s;
-  -webkit-transition-timing-function: ease-in-put;
-  transition-timing-function: ease-in-put;
-  font-weight: 200;
-}
-
-.form {
-  padding: 20px 0;
-  position: relative;
-  z-index: 2;
-}
-
-.form input {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-  border: 1px solid #50ABE6;
-  background-color: #50ABE6;
-  width: 250px;
-  border-radius: 3px;
-  padding: 10px 15px;
-  margin: 0 auto 10px auto;
-  display: block;
-  text-align: center;
-  font-size: 18px;
-  color: white;
-  -webkit-transition-duration: 0.25s;
-  transition-duration: 0.25s;
-  font-weight: 400;
-}
-
-.form input:hover {
-  background-color: rgba(255, 255, 255, 0.4);
-}
-
-.form input:focus {
-  background-color: white;
-  width: 300px;
-  color: #53e3a6;
-}
-
-.usericon {
-  background-image: url(../../../../static/usericon.png);
-  background-repeat: no-repeat;
-  background-size: 30px;
-  background-position-x: 8px;
-  background-position-y: 8px;
-}
-
-.psicon {
-  background-image: url(../../../../static/psicon.png);
-  background-repeat: no-repeat;
-  background-size: 30px;
-  background-position-x: 8px;
-  background-position-y: 8px;
-}
-
-.form button {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-  background-color: white;
-  border: 0;
-  padding: 10px 15px;
-  color: #253830;
-  border-radius: 3px;
-  width: 250px;
-  cursor: pointer;
-  font-size: 18px;
-  -webkit-transition-duration: 0.25s;
-  transition-duration: 0.25s;
-}
-
-.form button:hover {
-  background-color: #f5f7f9;
-}
-
-/*注册字体样式*/
-.form span {
-  color: #fff;
-  display: table-footer-group;
-  position: absolute;
-  right: 10px;
-  margin-top: 10px;
-  cursor: pointer;
-}
-
-.logotitle {
-  color: #fff;
-  position: absolute;
-  top: 50px;
-  left: 50px;
-  font-size: 50px;
-}
-
-/*注册模态框界面样式*/
-.modifystyle {
-  background: #FCFEEE;
-}
-
-.modifystyle div {
-  height: auto;
-  margin-bottom: 15px;
-  /*text-align: center;*/
-  /*margin-left: 20%;*/
-}
-
-/*bootstrap字体图标要手动调整，所以使用字体图标的span必须紧跟在input后面，负责会错位*/
-.modifystyle div input + span {
-  top: 0 !important;
-  right: 32%;
-}
-
-.modifystyle span {
-  color: red;
-}
-
-/* 通告区内容 */
-.notice-board {
-  height: auto;
-  position: absolute;
-  top: 50%;
-  margin-top: -150px;
-  margin-left: 100px;
-  color: #fff;
-}
-
-/*修改密码底部按钮部分样式*/
-.footerbtn {
-  text-align: center;
-  padding: 15px;
-}
-
-.footerbtn button {
-  width: 100px;
-  margin-left: 20px;
-}
-
-.bg-bubbles {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-}
-
-.bg-bubbles li {
-  position: absolute;
-  list-style: none;
-  display: block;
-  width: 40px;
-  height: 40px;
-  background-color: rgba(255, 255, 255, 0.15);
-  bottom: -160px;
-  -webkit-animation: square 25s infinite;
-  animation: square 25s infinite;
-  -webkit-transition-timing-function: linear;
-  transition-timing-function: linear;
-}
-
-.bg-bubbles li:nth-child(1) {
-  left: 10%;
-}
-
-.bg-bubbles li:nth-child(2) {
-  left: 20%;
-  width: 80px;
-  height: 80px;
-  -webkit-animation-delay: 2s;
-  animation-delay: 2s;
-  -webkit-animation-duration: 17s;
-  animation-duration: 17s;
-}
-
-.bg-bubbles li:nth-child(3) {
-  left: 25%;
-  -webkit-animation-delay: 4s;
-  animation-delay: 4s;
-}
-
-.bg-bubbles li:nth-child(4) {
-  left: 40%;
-  width: 60px;
-  height: 60px;
-  -webkit-animation-duration: 22s;
-  animation-duration: 22s;
-  background-color: rgba(255, 255, 255, 0.25);
-}
-
-.bg-bubbles li:nth-child(5) {
-  left: 70%;
-}
-
-.bg-bubbles li:nth-child(6) {
-  left: 80%;
-  width: 120px;
-  height: 120px;
-  -webkit-animation-delay: 3s;
-  animation-delay: 3s;
-  background-color: rgba(255, 255, 255, 0.2);
-}
-
-.bg-bubbles li:nth-child(7) {
-  left: 32%;
-  width: 160px;
-  height: 160px;
-  -webkit-animation-delay: 7s;
-  animation-delay: 7s;
-}
-
-.bg-bubbles li:nth-child(8) {
-  left: 55%;
-  width: 20px;
-  height: 20px;
-  -webkit-animation-delay: 15s;
-  animation-delay: 15s;
-  -webkit-animation-duration: 40s;
-  animation-duration: 40s;
-}
-
-.bg-bubbles li:nth-child(9) {
-  left: 25%;
-  width: 10px;
-  height: 10px;
-  -webkit-animation-delay: 2s;
-  animation-delay: 2s;
-  -webkit-animation-duration: 40s;
-  animation-duration: 40s;
-  background-color: rgba(255, 255, 255, 0.3);
-}
-
-.bg-bubbles li:nth-child(10) {
-  left: 90%;
-  width: 160px;
-  height: 160px;
-  -webkit-animation-delay: 11s;
-  animation-delay: 11s;
-}
-.logofooter{
-  font-size: 12px;
-  color:#fff;
-  width:150px;
-  margin-left: 17px;
-}
-.logocontent{
-  font-size: 14px;
-  color:#fff;
-  width:150px;
-  margin: 3px -15px;
-}
-.imglogo {
-  background:url(../../../../static/logo.png);
-  background-size:100%;
-}
-.logoew {
-  width:120px;
-  height:120px;
-  float:right;
-  margin-right:8.5%;
-  margin-top:10px;
-}
-
-@-webkit-keyframes square {
-  0% {
-    -webkit-transform: translateY(0);
-    transform: translateY(0);
-  }
-  100% {
-    -webkit-transform: translateY(-700px) rotate(600deg);
-    transform: translateY(-700px) rotate(600deg);
-  }
-}
-
-@keyframes square {
-  0% {
-    -webkit-transform: translateY(0);
-    transform: translateY(0);
-  }
-  100% {
-    -webkit-transform: translateY(-700px) rotate(600deg);
-    transform: translateY(-700px) rotate(600deg);
-  }
-}
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-weight: 400;
+  outline: none;
+}
+
+body {
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  font-weight: 400;
+}
+
+body ::-webkit-input-placeholder {
+  /* WebKit browsers */
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  font-weight: 400;
+}
+
+body :-moz-placeholder {
+  /* Mozilla Firefox 4 to 18 */
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  opacity: 1;
+  font-weight: 400;
+}
+
+body ::-moz-placeholder {
+  /* Mozilla Firefox 19+ */
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  opacity: 1;
+  font-weight: 400;
+}
+
+body :-ms-input-placeholder {
+  /* Internet Explorer 10+ */
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  font-weight: 400;
+}
+
+.wrapper {
+  /*background: #2D83BA;
+  background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
+  background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
+  opacity: 0.8;*/
+  position: absolute;
+  top: 50%;
+  right: -60px;
+  width: 40%;
+  height: 400px;
+  margin-top: -150px;
+  overflow: hidden;
+
+}
+
+.wrapper.form-success .container h3 {
+  -webkit-transform: translateY(85px);
+  -ms-transform: translateY(85px);
+  transform: translateY(85px);
+}
+
+.container {
+  max-width: 350px;
+  margin: 0 auto;
+  padding: 30px 100px 50px 100px;
+  height: 400px;
+  text-align: center;
+  /*以下增加*/
+  background: #2D83BA;
+  background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
+  background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
+  opacity: 0.8;
+}
+
+.container h3 {
+  font-size: 40px;
+  -webkit-transition-duration: 1s;
+  transition-duration: 1s;
+  -webkit-transition-timing-function: ease-in-put;
+  transition-timing-function: ease-in-put;
+  font-weight: 200;
+}
+
+.form {
+  padding: 20px 0;
+  position: relative;
+  z-index: 2;
+}
+
+.form input {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  border: 1px solid #50ABE6;
+  background-color: #50ABE6;
+  width: 250px;
+  border-radius: 3px;
+  padding: 10px 15px;
+  margin: 0 auto 10px auto;
+  display: block;
+  text-align: center;
+  font-size: 18px;
+  color: white;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  font-weight: 400;
+}
+
+.form input:hover {
+  background-color: rgba(255, 255, 255, 0.4);
+}
+
+.form input:focus {
+  background-color: white;
+  width: 300px;
+  color: #53e3a6;
+}
+
+.usericon {
+  background-image: url(../../../../static/usericon.png);
+  background-repeat: no-repeat;
+  background-size: 30px;
+  background-position-x: 8px;
+  background-position-y: 8px;
+}
+
+.psicon {
+  background-image: url(../../../../static/psicon.png);
+  background-repeat: no-repeat;
+  background-size: 30px;
+  background-position-x: 8px;
+  background-position-y: 8px;
+}
+
+.form button {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  background-color: white;
+  border: 0;
+  padding: 10px 15px;
+  color: #253830;
+  border-radius: 3px;
+  width: 250px;
+  cursor: pointer;
+  font-size: 18px;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+}
+
+.form button:hover {
+  background-color: #f5f7f9;
+}
+
+/*注册字体样式*/
+.form span {
+  color: #fff;
+  display: table-footer-group;
+  position: absolute;
+  right: 10px;
+  margin-top: 10px;
+  cursor: pointer;
+}
+
+.logotitle {
+  color: #fff;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  font-size: 50px;
+}
+
+/*注册模态框界面样式*/
+.modifystyle {
+  background: #FCFEEE;
+}
+
+.modifystyle div {
+  height: auto;
+  margin-bottom: 15px;
+  /*text-align: center;*/
+  /*margin-left: 20%;*/
+}
+
+/*bootstrap字体图标要手动调整，所以使用字体图标的span必须紧跟在input后面，负责会错位*/
+.modifystyle div input + span {
+  top: 0 !important;
+  right: 32%;
+}
+
+.modifystyle span {
+  color: red;
+}
+
+/* 通告区内容 */
+.notice-board {
+  height: auto;
+  position: absolute;
+  top: 50%;
+  margin-top: -150px;
+  margin-left: 100px;
+  color: #fff;
+}
+
+/*修改密码底部按钮部分样式*/
+.footerbtn {
+  text-align: center;
+  padding: 15px;
+}
+
+.footerbtn button {
+  width: 100px;
+  margin-left: 20px;
+}
+
+.bg-bubbles {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+}
+
+.bg-bubbles li {
+  position: absolute;
+  list-style: none;
+  display: block;
+  width: 40px;
+  height: 40px;
+  background-color: rgba(255, 255, 255, 0.15);
+  bottom: -160px;
+  -webkit-animation: square 25s infinite;
+  animation: square 25s infinite;
+  -webkit-transition-timing-function: linear;
+  transition-timing-function: linear;
+}
+
+.bg-bubbles li:nth-child(1) {
+  left: 10%;
+}
+
+.bg-bubbles li:nth-child(2) {
+  left: 20%;
+  width: 80px;
+  height: 80px;
+  -webkit-animation-delay: 2s;
+  animation-delay: 2s;
+  -webkit-animation-duration: 17s;
+  animation-duration: 17s;
+}
+
+.bg-bubbles li:nth-child(3) {
+  left: 25%;
+  -webkit-animation-delay: 4s;
+  animation-delay: 4s;
+}
+
+.bg-bubbles li:nth-child(4) {
+  left: 40%;
+  width: 60px;
+  height: 60px;
+  -webkit-animation-duration: 22s;
+  animation-duration: 22s;
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.bg-bubbles li:nth-child(5) {
+  left: 70%;
+}
+
+.bg-bubbles li:nth-child(6) {
+  left: 80%;
+  width: 120px;
+  height: 120px;
+  -webkit-animation-delay: 3s;
+  animation-delay: 3s;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-bubbles li:nth-child(7) {
+  left: 32%;
+  width: 160px;
+  height: 160px;
+  -webkit-animation-delay: 7s;
+  animation-delay: 7s;
+}
+
+.bg-bubbles li:nth-child(8) {
+  left: 55%;
+  width: 20px;
+  height: 20px;
+  -webkit-animation-delay: 15s;
+  animation-delay: 15s;
+  -webkit-animation-duration: 40s;
+  animation-duration: 40s;
+}
+
+.bg-bubbles li:nth-child(9) {
+  left: 25%;
+  width: 10px;
+  height: 10px;
+  -webkit-animation-delay: 2s;
+  animation-delay: 2s;
+  -webkit-animation-duration: 40s;
+  animation-duration: 40s;
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.bg-bubbles li:nth-child(10) {
+  left: 90%;
+  width: 160px;
+  height: 160px;
+  -webkit-animation-delay: 11s;
+  animation-delay: 11s;
+}
+.logofooter{
+  font-size: 12px;
+  color:#fff;
+  width:150px;
+  margin-left: 17px;
+}
+.logocontent{
+  font-size: 14px;
+  color:#fff;
+  width:150px;
+  margin: 3px -15px;
+}
+.imglogo {
+  background:url(../../../../static/logo.png);
+  background-size:100%;
+}
+.logoew {
+  width:120px;
+  height:120px;
+  float:right;
+  margin-right:8.5%;
+  margin-top:10px;
+}
+
+@-webkit-keyframes square {
+  0% {
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+  100% {
+    -webkit-transform: translateY(-700px) rotate(600deg);
+    transform: translateY(-700px) rotate(600deg);
+  }
+}
+
+@keyframes square {
+  0% {
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+  100% {
+    -webkit-transform: translateY(-700px) rotate(600deg);
+    transform: translateY(-700px) rotate(600deg);
+  }
+}