wiki.php 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344
  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. margin-top: 50px;
  158. }
  159. .term_block_bar_left{
  160. display: flex;
  161. }
  162. .term_block_bar_left_icon{
  163. display: inline-block;
  164. width: 1.5em;
  165. text-align: center;
  166. height: 1.5em;
  167. background-color: gray;
  168. font-size: 180%;
  169. color: white;
  170. border-radius: 99px;
  171. }
  172. .term_block_bar_left_info{
  173. padding-left: 8px;
  174. }
  175. .term_meaning{
  176. font-weight: 700;
  177. }
  178. .term_author{
  179. font-size: 80%;
  180. color: gray;
  181. }
  182. .term_tag{
  183. font-size: 80%;
  184. font-weight: 500;
  185. margin: 0 8px;
  186. }
  187. .term_link {
  188. cursor: pointer;
  189. }
  190. #wiki_contents{
  191. padding: 0 1em;
  192. max-width: 1280px;
  193. margin-left: auto;
  194. margin-right: auto;
  195. }
  196. #term_list_right{
  197. width: 25em;
  198. }
  199. #term_list{
  200. width: 100%;
  201. padding: 0.5em;
  202. }
  203. #term_list_div{
  204. display: flex;
  205. justify-content: space-between;
  206. }
  207. .fun_frame {
  208. border-bottom: 1px solid gray;
  209. margin-right: 10px;
  210. margin-bottom: 10px;
  211. }
  212. .fun_frame>.title{
  213. padding:6px;
  214. font-weight: 700;
  215. }
  216. .fun_frame>.content{
  217. padding:6px;
  218. max-height:6em;
  219. overflow-y: scroll;
  220. }
  221. .fixed{
  222. position:fixed;
  223. right: 0;
  224. top: 0;
  225. }
  226. .when_right_fixed{
  227. padding-right:20em;
  228. }
  229. .bg_color_1{
  230. background-color:#ebebeb66;
  231. }
  232. .bg_color_2{
  233. background:linear-gradient(to right, #6afdb033, #ebebeb66);
  234. }
  235. .bg_color_3{
  236. background:linear-gradient(to right, #6a95fd26, #ebebeb66);
  237. }
  238. .bg_color_4{
  239. background:linear-gradient(to right, #f9e7911c, #ebebeb66);
  240. }
  241. .bg_color_5{
  242. background:linear-gradient(to right, #fe99b91c, #ebebeb66);
  243. }
  244. pre {
  245. white-space: pre-line;
  246. font-family: auto;
  247. border-left: 3px solid var(--border-shadow);
  248. margin-left: 1em;
  249. padding-left: 0.5em;
  250. }
  251. </style>
  252. <style media="screen and (max-width:800px)">
  253. #term_list_right{
  254. display:none;
  255. }
  256. .when_right_fixed{
  257. padding-right:0;
  258. }
  259. </style>
  260. <script>
  261. term_word_link_fun("wiki_goto_word");
  262. </script>
  263. <style>
  264. .index_toolbar{
  265. position:unset;
  266. }
  267. #pali_pedia{
  268. font-size: 200%;
  269. margin-top: auto;
  270. margin-bottom: auto;
  271. padding-left: 0.5em;
  272. }
  273. </style>
  274. <?php
  275. require_once("../pcdl/head_bar.php");
  276. ?>
  277. <div id="head_bar" >
  278. <div id="pali_pedia" style="display:flex;width: 100%;">
  279. <span style="margin: auto 1em auto 0;"><?php echo $_local->gui->wiki_term; ?></span>
  280. <span id="wiki_search" style="width:35vw;margin: auto 0em;font-size: large;">
  281. <span style="display:block;">
  282. <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)"/>
  283. </span>
  284. <span id="search_result">
  285. </span>
  286. </span>
  287. <span style="font-size: medium; margin: auto 1em auto auto;">
  288. <button class="icon_btn"><a href="#"><?php echo $_local->gui->setting; ?></a></button>
  289. <button class="icon_btn"><a href="#"><?php echo $_local->gui->new; ?></a></button>
  290. <button class="icon_btn"><a href="#"><?php echo $_local->gui->help; ?></a></button>
  291. </span>
  292. </div>
  293. </div>
  294. <div id="wiki_contents" style="padding: 0 1em;">
  295. <?php echo $_local->gui->loading; ?>...
  296. </div>
  297. <script>
  298. window.addEventListener('scroll',winScroll);
  299. function winScroll(e){
  300. if(GetPageScroll().y>220){
  301. }
  302. else{
  303. }
  304. }
  305. //滚动条位置
  306. function GetPageScroll()
  307. {
  308. var pos=new Object();
  309. var x, y;
  310. if(window.pageYOffset)
  311. { // all except IE
  312. y = window.pageYOffset;
  313. x = window.pageXOffset;
  314. } else if(document.documentElement && document.documentElement.scrollTop)
  315. { // IE 6 Strict
  316. y = document.documentElement.scrollTop;
  317. x = document.documentElement.scrollLeft;
  318. } else if(document.body) { // all other IE
  319. y = document.body.scrollTop;
  320. x = document.body.scrollLeft;
  321. }
  322. pos.x=x;
  323. pos.y=y;
  324. return(pos);
  325. }
  326. </script>
  327. </body>
  328. </html>