wiki.php 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343
  1. <?php
  2. require_once "../public/load_lang.php";
  3. require_once "../path.php";
  4. require_once "../pcdl/html_head.php";
  5. if(isset($_GET["id"])){
  6. $_get_id=$_GET["id"];
  7. }
  8. if(isset($_GET["word"])){
  9. $_get_word=$_GET["word"];
  10. }
  11. if(isset($_GET["author"])){
  12. $_get_author=$_GET["author"];
  13. }
  14. else{
  15. $_get_author="";
  16. }
  17. ?>
  18. <body style="margin: 0;padding: 0;" class="reader_body" onload="<?php
  19. if(isset($_get_id)){
  20. echo "wiki_load_id('{$_get_id}')";
  21. }
  22. else if(isset($_get_word)){
  23. echo "wiki_load_word('{$_get_word}')";
  24. }
  25. ?>">
  26. <script src="../term/term.js"></script>
  27. <script src="../term/note.js"></script>
  28. <script src="wiki.js"></script>
  29. <script>
  30. <?php
  31. if(isset($_GET["word"])){
  32. echo "_word='".$_GET["word"]."';";
  33. }
  34. if(isset($_GET["channal"])){
  35. echo "_channal='".$_GET["channal"]."';";
  36. }
  37. if(isset($_GET["lang"])){
  38. echo "_lang='".$_GET["lang"]."';";
  39. }
  40. if(isset($_GET["author"])){
  41. echo "_author='".$_GET["author"]."';";
  42. }
  43. ?>
  44. </script>
  45. <style>
  46. .term_link,.term_link_new{
  47. color: blue;
  48. padding-left: 2px;
  49. padding-right: 2px;
  50. }
  51. .term_link_new{
  52. color:red;
  53. }
  54. #search_result{
  55. position: absolute;
  56. background: wheat;
  57. max-width: 95%;
  58. width: 24em;
  59. }
  60. note:hover chapter{
  61. display:inline;
  62. }
  63. .ref>chapter:first-child{
  64. display:inline;
  65. }
  66. chapter{
  67. display:none;
  68. color: var(--box-bg-color1);
  69. text-decoration: none;
  70. cursor: pointer;
  71. }
  72. chapter:hover{
  73. color: var(--link-color);
  74. text-decoration: underline;
  75. }
  76. para{
  77. background-color: var(--drop-bg-color);
  78. padding: 2px 8px;
  79. text-decoration: none;
  80. cursor: pointer;
  81. color: var(--btn-border-color);
  82. border-radius: 5px;
  83. }
  84. para:hover{
  85. text-decoration: underline;
  86. }
  87. .icon{
  88. width: 15px;
  89. height: 15px;
  90. }
  91. .submenu_title{
  92. font-size: 120%;
  93. font-weight: 700;
  94. }
  95. .term_word_head_pali {
  96. text-transform: capitalize;
  97. font-size: 200%;
  98. margin: 0.5em 0;
  99. }
  100. .term_word_head{
  101. border-bottom: 1px solid #cecece;
  102. padding: 5px 0;
  103. }
  104. .term_block{
  105. border-bottom: 1px solid #cecece;
  106. padding: 5px 0;
  107. }
  108. .term_word_head_authors a{
  109. color: blue;
  110. margin: 0 3px;
  111. }
  112. .term_word_head_authors a:hover{
  113. text-decoration: underline;
  114. cursor: pointer;
  115. }
  116. note .ref{
  117. text-align: right;
  118. padding: 5px;
  119. font-size: 75%;
  120. margin-top: 8px;
  121. }
  122. note{
  123. background-color: #80808014;
  124. padding: 0.5em 0.8em;
  125. margin-bottom: 0.4em;
  126. border-radius: 5px;
  127. display:block;
  128. }
  129. note>.tran{
  130. color: #5c5c5c;
  131. padding-left: 1em;
  132. }
  133. note>.palitext{
  134. font-family: Noto serif;
  135. line-height: 1.5em;
  136. color: #9f3a01;
  137. font-weight: 500;
  138. }
  139. note>.palitext>note{
  140. display:inline;
  141. color:blue;
  142. background-color: unset;
  143. padding: unset;
  144. margin-bottom: unset;
  145. border-radius: unset;
  146. }
  147. .term_block_bar {
  148. display: flex;
  149. justify-content: space-between;
  150. }
  151. #head_bar{
  152. display: flex;
  153. justify-content: space-between;
  154. height: 5em;
  155. background-color: var(--bookx);
  156. border-bottom: 1px solid var(--tool-line-color);
  157. }
  158. .term_block_bar_left{
  159. display: flex;
  160. }
  161. .term_block_bar_left_icon{
  162. display: inline-block;
  163. width: 1.5em;
  164. text-align: center;
  165. height: 1.5em;
  166. background-color: gray;
  167. font-size: 180%;
  168. color: white;
  169. border-radius: 99px;
  170. }
  171. .term_block_bar_left_info{
  172. padding-left: 8px;
  173. }
  174. .term_meaning{
  175. font-weight: 700;
  176. }
  177. .term_author{
  178. font-size: 80%;
  179. color: gray;
  180. }
  181. .term_tag{
  182. font-size: 80%;
  183. font-weight: 500;
  184. margin: 0 8px;
  185. }
  186. .term_link {
  187. cursor: pointer;
  188. }
  189. #wiki_contents{
  190. padding: 0 1em;
  191. max-width: 1280px;
  192. margin-left: auto;
  193. margin-right: auto;
  194. }
  195. #term_list_right{
  196. width: 25em;
  197. }
  198. #term_list{
  199. width: 100%;
  200. padding: 0.5em;
  201. }
  202. #term_list_div{
  203. display: flex;
  204. justify-content: space-between;
  205. }
  206. .fun_frame {
  207. border-bottom: 1px solid gray;
  208. margin-right: 10px;
  209. margin-bottom: 10px;
  210. }
  211. .fun_frame>.title{
  212. padding:6px;
  213. font-weight: 700;
  214. }
  215. .fun_frame>.content{
  216. padding:6px;
  217. max-height:6em;
  218. overflow-y: scroll;
  219. }
  220. .fixed{
  221. position:fixed;
  222. right: 0;
  223. top: 0;
  224. }
  225. .when_right_fixed{
  226. padding-right:20em;
  227. }
  228. .bg_color_1{
  229. background-color:#ebebeb66;
  230. }
  231. .bg_color_2{
  232. background:linear-gradient(to right, #6afdb033, #ebebeb66);
  233. }
  234. .bg_color_3{
  235. background:linear-gradient(to right, #6a95fd26, #ebebeb66);
  236. }
  237. .bg_color_4{
  238. background:linear-gradient(to right, #f9e7911c, #ebebeb66);
  239. }
  240. .bg_color_5{
  241. background:linear-gradient(to right, #fe99b91c, #ebebeb66);
  242. }
  243. pre {
  244. white-space: pre-line;
  245. font-family: auto;
  246. border-left: 3px solid var(--border-shadow);
  247. margin-left: 1em;
  248. padding-left: 0.5em;
  249. }
  250. </style>
  251. <style media="screen and (max-width:800px)">
  252. #term_list_right{
  253. display:none;
  254. }
  255. .when_right_fixed{
  256. padding-right:0;
  257. }
  258. </style>
  259. <script>
  260. term_word_link_fun("wiki_goto_word");
  261. </script>
  262. <style>
  263. .index_toolbar{
  264. position:unset;
  265. }
  266. #pali_pedia{
  267. font-size: 200%;
  268. margin-top: auto;
  269. margin-bottom: auto;
  270. padding-left: 0.5em;
  271. }
  272. </style>
  273. <?php
  274. require_once("../pcdl/head_bar.php");
  275. ?>
  276. <div id="head_bar" >
  277. <div id="pali_pedia" style="display:flex;width: 100%;">
  278. <span style="margin: auto 1em auto 0;"><?php echo $_local->gui->wiki_term; ?></span>
  279. <span id="wiki_search" style="width:35vw;margin: auto 0em;font-size: large;">
  280. <span style="display:block;">
  281. <input id="wiki_search_input" type="input" placeholder=<?php echo $_local->gui->search; ?> style="width:30vw;background-color: var(--btn-color);border: 1px solid var(--btn-border-color);border-radius: 99px;padding: 3px 15px;" onkeyup="wiki_search_keyup(event,this)"/>
  282. </span>
  283. <span id="search_result">
  284. </span>
  285. </span>
  286. <span style="font-size: medium; margin: auto 1em auto auto;">
  287. <button class="icon_btn"><a href="#"><?php echo $_local->gui->setting; ?></a></button>
  288. <button class="icon_btn"><a href="#"><?php echo $_local->gui->new; ?></a></button>
  289. <button class="icon_btn"><a href="#"><?php echo $_local->gui->help; ?></a></button>
  290. </span>
  291. </div>
  292. </div>
  293. <div id="wiki_contents" style="padding: 0 1em;">
  294. <?php echo $_local->gui->loading; ?>...
  295. </div>
  296. <script>
  297. window.addEventListener('scroll',winScroll);
  298. function winScroll(e){
  299. if(GetPageScroll().y>220){
  300. }
  301. else{
  302. }
  303. }
  304. //滚动条位置
  305. function GetPageScroll()
  306. {
  307. var pos=new Object();
  308. var x, y;
  309. if(window.pageYOffset)
  310. { // all except IE
  311. y = window.pageYOffset;
  312. x = window.pageXOffset;
  313. } else if(document.documentElement && document.documentElement.scrollTop)
  314. { // IE 6 Strict
  315. y = document.documentElement.scrollTop;
  316. x = document.documentElement.scrollLeft;
  317. } else if(document.body) { // all other IE
  318. y = document.body.scrollTop;
  319. x = document.body.scrollLeft;
  320. }
  321. pos.x=x;
  322. pos.y=y;
  323. return(pos);
  324. }
  325. </script>
  326. </body>
  327. </html>