index.php 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. <?php
  2. require_once "path.php";
  3. require_once "public/load_lang.php";
  4. ?>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  6. <html>
  7. <head>
  8. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10. <link type="text/css" rel="stylesheet" href="studio/css/font.css" />
  11. <link type="text/css" rel="stylesheet" href="studio/css/style.css" />
  12. <link type="text/css" rel="stylesheet" href="studio/css/color_day.css" id="colorchange" />
  13. <link rel="shortcut icon" href="public/images/favicon/favicon.ico">
  14. <link rel="icon" sizes="16x16 32x32 64x64" href="public/images/favicon/favicon.ico">
  15. <link rel="apple-touch-icon" sizes="180x180" href="public/images/favicon/apple-touch-icon.png">
  16. <link rel="icon" type="image/png" sizes="32x32" href="public/images/favicon/favicon-32x32.png">
  17. <link rel="icon" type="image/png" sizes="16x16" href="public/images/favicon/favicon-16x16.png">
  18. <link rel="manifest" href="public/images/favicon/site.webmanifest">
  19. <link rel="mask-icon" href="public/images/favicon/safari-pinned-tab.svg" color="#333333">
  20. <meta name="msapplication-TileColor" content="#ffc40d">
  21. <meta name="theme-color" content="#ffffff">
  22. <title>wikipali</title>
  23. <meta http-equiv="refresh" content="0,pcdl/" />
  24. <style>
  25. #login_body {
  26. display: flex;
  27. padding: 2em;
  28. }
  29. #login_left {
  30. padding-left: 4em;
  31. flex: 5;
  32. }
  33. #login_right {
  34. flex: 5;
  35. }
  36. .title {
  37. font-size: 150%;
  38. margin-top: 1em;
  39. margin-bottom: 0.5em;
  40. }
  41. #login_form {
  42. padding: 2em 0 1em 0;
  43. }
  44. #tool_bar {
  45. padding: 1em;
  46. display: flex;
  47. justify-content: space-between;
  48. }
  49. #login_shortcut {
  50. display: flex;
  51. flex-direction: column;
  52. padding: 2em 0;
  53. }
  54. #login_shortcut button {
  55. height: 3em;
  56. }
  57. #button_area {
  58. text-align: right;
  59. padding: 1em 0;
  60. }
  61. .form_help {
  62. font-weight: 400;
  63. color: var(--bookx);
  64. }
  65. .login_form input {
  66. margin-top: 2em;
  67. padding: 0.5em 0.5em;
  68. }
  69. .login_form select {
  70. margin-top: 2em;
  71. padding: 0.5em 0.5em;
  72. }
  73. .login_form input[type="submit"] {
  74. margin-top: 2em;
  75. padding: 0.1em 0.5em;
  76. }
  77. .form_error {
  78. color: var(--error-text);
  79. }
  80. #login_form_div {
  81. width: 30em;
  82. }
  83. #ucenter_body {
  84. display: flex;
  85. flex-direction: column;
  86. margin: 0;
  87. padding: 0;
  88. background-color: var(--tool-bg-color3);
  89. color: var(--btn-color);
  90. }
  91. .icon_big {
  92. height: 2em;
  93. width: 2em;
  94. fill: var(--btn-color);
  95. transition: all 0.2s ease;
  96. }
  97. .form_field_name {
  98. position: absolute;
  99. margin-left: 7px;
  100. margin-top: 2em;
  101. color: var(--btn-border-line-color);
  102. -webkit-transition-duration: 0.4s;
  103. -moz-transition-duration: 0.4s;
  104. transition-duration: 0.4s;
  105. transform: translateY(0.5em);
  106. }
  107. .viewswitch_on {
  108. position: absolute;
  109. margin-left: 7px;
  110. margin-top: 1.5em;
  111. color: var(--bookx);
  112. -webkit-transition-duration: 0.4s;
  113. -moz-transition-duration: 0.4s;
  114. transition-duration: 0.4s;
  115. transform: translateY(-15px);
  116. }
  117. .help_div {
  118. margin-bottom: 2em;
  119. width: 28em;
  120. }
  121. .htlp_title {
  122. font-size: 140%;
  123. margin-bottom: 0.5em;
  124. }
  125. .help_fun_block {
  126. background-color: var(--tool-bg-color);
  127. color: var(--tool-color);
  128. padding: 4px 4px 4px 12px;
  129. max-width: 95%;
  130. border-radius: 4px;
  131. margin-bottom: 0.5em;
  132. }
  133. .help_fun_block .title {
  134. font-size: 120%;
  135. margin-top: 0.5em;
  136. margin-bottom: 0.5em;
  137. }
  138. .help_fun_block_link_list li {
  139. display: inline;
  140. }
  141. </style>
  142. <style media="screen and (max-width:800px)">
  143. #login_body {
  144. flex-direction: column;
  145. padding: 0.2em;
  146. }
  147. #login_left {
  148. padding-right: 0;
  149. padding-top: 6em;
  150. }
  151. #login_form_div {
  152. width: 100%;
  153. }
  154. #login_right {
  155. margin-top: 2em;
  156. margin-left: 10px;
  157. margin-right: 8px;
  158. }
  159. .fun_block {
  160. max-width: 100%;
  161. }
  162. </style>
  163. </head>
  164. <body id="ucenter_body">
  165. <div id="tool_bar">
  166. </div>
  167. <span style="background-color: silver;color: black;font-size: large;width: fit-content;align-self: center;">
  168. <?php echo $_local->gui->test_declare; ?>
  169. </span>
  170. <div id="login_body">
  171. 正在跳转到<a href="pcdl/">主页</a>
  172. </div>
  173. <script>
  174. </script>
  175. </body>
  176. </html>