options.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  7. <meta name="apple-mobile-web-app-title" content="CodeDay">
  8. <meta http-equiv="Cache-Control" content="no-siteapp">
  9. <title>配置</title>
  10. <style>
  11. .label {
  12. line-height: 30px;
  13. font-size: 16px;
  14. color: #666;
  15. }
  16. input {
  17. width: 100%;
  18. height: 30px;
  19. }
  20. .login-button {
  21. height: 40px;
  22. background-color: #009fe9;
  23. background-image: none;
  24. color: white;
  25. font-weight: normal;
  26. margin: 0;
  27. padding: 0;
  28. border: none;
  29. margin: 10px 0;
  30. font-size: 16px;
  31. box-shadow: none;
  32. cursor: pointer;
  33. display: block;
  34. width: 100%;
  35. }
  36. table {
  37. border-collapse: collapse;
  38. border-spacing: 0;
  39. width: 100%;
  40. }
  41. td,th {
  42. padding: 0;
  43. }
  44. table {
  45. border-collapse: collapse;
  46. border-spacing: 0;
  47. empty-cells: show;
  48. border: 1px solid #cbcbcb;
  49. }
  50. table caption {
  51. color: #000;
  52. font: italic 85%/1 arial,sans-serif;
  53. padding: 1em 0;
  54. text-align: center;
  55. }
  56. table td,table th {
  57. border-left: 1px solid #cbcbcb;
  58. border-width: 0 0 0 1px;
  59. font-size: inherit;
  60. margin: 0;
  61. overflow: visible;
  62. padding: .5em 1em;
  63. }
  64. table thead {
  65. background-color: #e0e0e0;
  66. color: #000;
  67. text-align: left;
  68. vertical-align: bottom;
  69. }
  70. table td {
  71. background-color: transparent;
  72. }
  73. td input[type="checkbox"] {
  74. display: block;
  75. margin: 0 auto;
  76. }
  77. </style>
  78. </head>
  79. <body>
  80. <div class="login-box">
  81. <div class="label">用户名:</div>
  82. <input id="username" type="text">
  83. <div class="label">密码:</div>
  84. <input id="password" type="password">
  85. <button class="login-button" >登录</button>
  86. <button class="login-button">注册</button>
  87. </div>
  88. <div id="selectTable" style="display: none;">
  89. </div>
  90. <script type="text/javascript" src="js/options.js"></script>
  91. </body>
  92. </html>