login.css 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. -webkit-box-sizing: content-box;
  5. box-sizing: content-box;
  6. }
  7. a {
  8. text-decoration: none;
  9. }
  10. h2 {
  11. color: white;
  12. font-family: "Droid Serif", Georgia, serif;
  13. font-size: 1.8em;
  14. line-height: 1.8em;
  15. font-weight: 500;
  16. text-align: center;
  17. }
  18. #header-container {
  19. background-color: #FF7300;
  20. height: 50px;
  21. font-size: 15px;
  22. font-weight: bold;
  23. letter-spacing: 2px;
  24. -moz-box-shadow: inset 0 0 1px #fff, inset 4px 4px 20px
  25. rgba(255, 255, 255, 0.33), inset -2px -2px 10px
  26. rgba(255, 255, 255, 0.25);
  27. -webkit-box-shadow: inset 0 0 1px #fff, inset 4px 4px 20px
  28. rgba(255, 255, 255, 0.33), inset -2px -2px 10px
  29. rgba(255, 255, 255, 0.25);
  30. box-shadow: inset 0 0 1px #fff, inset 4px 4px 20px
  31. rgba(255, 255, 255, 0.33), inset -2px -2px 10px
  32. rgba(255, 255, 255, 0.25);
  33. }
  34. #header-container div {
  35. line-height: 50px;
  36. margin-left: 10px;
  37. display: inline-block;
  38. }
  39. #header-container .center {
  40. width: 96%;
  41. text-align: center;
  42. vertical-align: middle;
  43. }
  44. #app-container {
  45. padding-top: 20px;
  46. margin: 0 auto;
  47. width: 66%;
  48. }
  49. #footer-container {
  50. background: #f9f9f9;
  51. text-align: center;
  52. font: 12px/1.5 Tahoma, Arial, "\5b8b\4f53", sans-serif;
  53. color: #999;
  54. border-top: 1px solid #ddd;
  55. -moz-box-shadow: inset 0 20px 20px -20px #333333;
  56. -webkit-box-shadow: inset 0 20px 20px -20px #333333;
  57. box-shadow: inset 0 20px 20px -20px #333333;
  58. position: fixed;
  59. bottom: 0;
  60. width: 100%;
  61. z-index: 9999;
  62. opacity: .60;
  63. filter: alpha(opacity = 60);
  64. _bottom: auto;
  65. _width: 100%;
  66. _position: absolute;
  67. _top: expression(eval(document.documentElement.scrollTop +
  68. document.documentElement.clientHeight-this.offsetHeight- ( parseInt(this.currentStyle.marginTop
  69. , 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
  70. }
  71. #footer-container .link {
  72. height: 28px;
  73. line-height: 28px;
  74. }
  75. #form {
  76. box-sizing: border-box;
  77. }
  78. #form .txtinput,#form .selmenu {
  79. display: block;
  80. font-family: "Helvetica Neue", Arial, sans-serif;
  81. border-style: solid;
  82. border-width: 1px;
  83. border-color: #dedede;
  84. margin-bottom: 20px;
  85. font-size: 1.55em;
  86. padding: 11px 25px;
  87. padding-left: 55px;
  88. width: 80%;
  89. color: #777;
  90. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  91. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  92. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  93. transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color
  94. 0.15s linear 0s;
  95. -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s,
  96. color 0.15s linear 0s;
  97. -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s,
  98. color 0.15s linear 0s;
  99. -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color
  100. 0.15s linear 0s;
  101. }
  102. #form .txtinput:focus {
  103. color: #333;
  104. border-color: rgba(41, 92, 161, 0.4);
  105. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px
  106. rgba(41, 92, 161, 0.6);
  107. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px
  108. rgba(41, 92, 161, 0.6);
  109. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px
  110. rgba(41, 92, 161, 0.6);
  111. outline: 0 none;
  112. }
  113. #form input#username {
  114. background: #fff url('img/user.png') 5px 4px no-repeat;
  115. }
  116. #form input#password {
  117. background: #fff url('img/key.png') 5px 4px no-repeat;
  118. }
  119. select.selmenu {
  120. font-size: 17px;
  121. color: #676767;
  122. border: 1px solid #aaa;
  123. width: 200px !important;
  124. margin-bottom: 20px;
  125. display: inline !important;
  126. }
  127. #submitbtn {
  128. padding: 1em 3em;
  129. border: 1px solid;
  130. outline: 0;
  131. font-weight: bold;
  132. font-size: 1.3em;
  133. color: #fff;
  134. text-shadow: 0px 1px 0px #222;
  135. white-space: nowrap;
  136. word-wrap: normal;
  137. vertical-align: middle;
  138. cursor: pointer;
  139. -moz-border-radius: 2px;
  140. -webkit-border-radius: 2px;
  141. border-radius: 2px;
  142. border-color: #5e890a #5e890a #000;
  143. -moz-box-shadow: inset 0 1px 0 rgba(256, 256, 256, .35);
  144. -ms-box-shadow: inset 0 1px 0 rgba(256, 256, 256, .35);
  145. -webkit-box-shadow: inset 0 1px 0 rgba(256, 256, 256, .35);
  146. box-shadow: inset 0 1px 0 rgba(256, 256, 256, .35);
  147. background-color: rgb(226, 238, 175);
  148. background-image: -moz-linear-gradient(top, rgb(226, 238, 175) 3%,
  149. rgb(188, 216, 77) 3%, rgb(144, 176, 38) 100%);
  150. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, rgb(226,
  151. 238, 175)), color-stop(3%, rgb(188, 216, 77)),
  152. color-stop(100%, rgb(144, 176, 38)));
  153. background-image: -webkit-linear-gradient(top, rgb(226, 238, 175) 3%,
  154. rgb(188, 216, 77) 3%, rgb(144, 176, 38) 100%);
  155. background-image: -o-linear-gradient(top, rgb(226, 238, 175) 3%,
  156. rgb(188, 216, 77) 3%, rgb(144, 176, 38) 100%);
  157. background-image: -ms-linear-gradient(top, rgb(226, 238, 175) 3%,
  158. rgb(188, 216, 77) 3%, rgb(144, 176, 38) 100%);
  159. background-image: linear-gradient(top, rgb(226, 238, 175) 3%,
  160. rgb(188, 216, 77) 3%, rgb(144, 176, 38) 100%);
  161. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2eeaf',
  162. endColorstr='#90b026', GradientType=0);
  163. }
  164. #submitbtn:hover,#submitbtn:active {
  165. border-color: #7c9826 #7c9826 #000;
  166. color: #fff;
  167. -moz-box-shadow: inset 0 1px 0 rgba(256, 256, 256, 0.4), 0 1px 3px
  168. rgba(0, 0, 0, 0.5);
  169. -ms-box-shadow: inset 0 1px 0 rgba(256, 256, 256, 0.4), 0 1px 3px
  170. rgba(0, 0, 0, 0.5);
  171. -webkit-box-shadow: inset 0 1px 0 rgba(256, 256, 256, 0.4), 0 1px 3px
  172. rgba(0, 0, 0, 0.5);
  173. box-shadow: inset 0 1px 0 rgba(256, 256, 256, 0.4), 0 1px 3px
  174. rgba(0, 0, 0, 0.5);
  175. background: rgb(228, 237, 189);
  176. background: -moz-linear-gradient(top, rgb(228, 237, 189) 2%,
  177. rgb(207, 219, 120) 3%, rgb(149, 175, 54) 100%);
  178. background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgb(228,
  179. 237, 189)), color-stop(3%, rgb(207, 219, 120)),
  180. color-stop(100%, rgb(149, 175, 54)));
  181. background: -webkit-linear-gradient(top, rgb(228, 237, 189) 2%,
  182. rgb(207, 219, 120) 3%, rgb(149, 175, 54) 100%);
  183. background: -o-linear-gradient(top, rgb(228, 237, 189) 2%,
  184. rgb(207, 219, 120) 3%, rgb(149, 175, 54) 100%);
  185. background: -ms-linear-gradient(top, rgb(228, 237, 189) 2%,
  186. rgb(207, 219, 120) 3%, rgb(149, 175, 54) 100%);
  187. background: linear-gradient(top, rgb(228, 237, 189) 2%,
  188. rgb(207, 219, 120) 3%, rgb(149, 175, 54) 100%);
  189. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4edbd',
  190. endColorstr='#95af36', GradientType=0);
  191. }