|
|
@@ -0,0 +1,398 @@
|
|
|
+<?php
|
|
|
+require_once "../public/load_lang.php";
|
|
|
+require_once "../path.php";
|
|
|
+
|
|
|
+?>
|
|
|
+
|
|
|
+<?PHP
|
|
|
+include "../pcdl/html_head.php";
|
|
|
+?>
|
|
|
+<body style="margin: 0;padding: 0;" class="reader_body" >
|
|
|
+ <script src="../term/term.js"></script>
|
|
|
+ <script src="../term/note.js"></script>
|
|
|
+ <script src="./article.js"></script>
|
|
|
+ <script>
|
|
|
+ <?php
|
|
|
+ $_id = "";
|
|
|
+ $_display = "";
|
|
|
+ $_channal = "";
|
|
|
+
|
|
|
+ if(isset($_GET["id"])){
|
|
|
+ echo "_articel_id='".$_GET["id"]."';";
|
|
|
+ }
|
|
|
+ if(isset($_GET["display"])){
|
|
|
+ echo "_display='".$_GET["display"]."';";
|
|
|
+ }
|
|
|
+ if(isset($_GET["channal"])){
|
|
|
+ echo "_channal='".$_GET["channal"]."';";
|
|
|
+ }
|
|
|
+ if(isset($_GET["lang"])){
|
|
|
+ echo "_lang='".$_GET["lang"]."';";
|
|
|
+ }
|
|
|
+ if(isset($_GET["author"])){
|
|
|
+ echo "_author='".$_GET["author"]."';";
|
|
|
+ }
|
|
|
+ ?>
|
|
|
+ </script>
|
|
|
+ <style>
|
|
|
+ body{
|
|
|
+ font-size:12pt;
|
|
|
+ }
|
|
|
+ .term_link,.term_link_new{
|
|
|
+ color: blue;
|
|
|
+ padding-left: 2px;
|
|
|
+ padding-right: 2px;
|
|
|
+ }
|
|
|
+ .term_link_new{
|
|
|
+ color:red;
|
|
|
+ }
|
|
|
+ #search_result{
|
|
|
+ position: absolute;
|
|
|
+ background: wheat;
|
|
|
+ max-width: 95%;
|
|
|
+ width: 24em;
|
|
|
+ }
|
|
|
+ note:hover chapter{
|
|
|
+ display:inline;
|
|
|
+ }
|
|
|
+ .ref>chapter:first-child{
|
|
|
+ display:inline;
|
|
|
+ }
|
|
|
+ chapter{
|
|
|
+ display:none;
|
|
|
+ color: var(--box-bg-color1);
|
|
|
+ text-decoration: none;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ chapter:hover{
|
|
|
+ color: var(--link-color);
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+ para{
|
|
|
+ background-color: var(--drop-bg-color);
|
|
|
+ padding: 2px 8px;
|
|
|
+ text-decoration: none;
|
|
|
+ cursor: pointer;
|
|
|
+ color: var(--btn-border-color);
|
|
|
+ border-radius: 5px;
|
|
|
+ }
|
|
|
+ para:hover{
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+ .icon{
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ }
|
|
|
+ .submenu_title{
|
|
|
+ font-size: 120%;
|
|
|
+ font-weight: 700;
|
|
|
+ }
|
|
|
+ .term_word_head_pali {
|
|
|
+ text-transform: capitalize;
|
|
|
+ font-size: 200%;
|
|
|
+ margin: 0.5em 0;
|
|
|
+ }
|
|
|
+ .term_word_head{
|
|
|
+ border-bottom: 1px solid #cecece;
|
|
|
+ padding: 5px 0;
|
|
|
+ }
|
|
|
+ .term_block{
|
|
|
+ border-bottom: 1px solid #cecece;
|
|
|
+ padding: 5px 0;
|
|
|
+ }
|
|
|
+ .term_word_head_authors a{
|
|
|
+ color: blue;
|
|
|
+ margin: 0 3px;
|
|
|
+ }
|
|
|
+ .term_word_head_authors a:hover{
|
|
|
+ text-decoration: underline;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ note .ref{
|
|
|
+ text-align: right;
|
|
|
+ padding: 5px;
|
|
|
+ font-size: 75%;
|
|
|
+ margin-top: 8px;
|
|
|
+ }
|
|
|
+ note{
|
|
|
+ background-color: #80808014;
|
|
|
+ padding: 0.5em 0.8em;
|
|
|
+ margin-bottom: 0.4em;
|
|
|
+ border-radius: 5px;
|
|
|
+ line-height:1.3em;
|
|
|
+ <?php
|
|
|
+ if(isset($_GET["display"]) && $_GET["display"]=="para"){
|
|
|
+ echo "display:inline;";
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ echo "display:block;";
|
|
|
+ }
|
|
|
+ ?>
|
|
|
+ }
|
|
|
+ note>.tran{
|
|
|
+ color: #5c5c5c;
|
|
|
+ padding-left: 1em;
|
|
|
+ }
|
|
|
+ note>.palitext , .palitext{
|
|
|
+ font-family: Noto serif;
|
|
|
+ line-height: 1.5em;
|
|
|
+ color: #9f3a01;
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
+ note>.palitext>note{
|
|
|
+ display:inline;
|
|
|
+ color:blue;
|
|
|
+ background-color: unset;
|
|
|
+ padding: unset;
|
|
|
+ margin-bottom: unset;
|
|
|
+ border-radius: unset;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .term_block_bar {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ #head_bar{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ height: 5em;
|
|
|
+ background-color: var(--bookx);
|
|
|
+ border-bottom: 1px solid var(--tool-line-color);
|
|
|
+ }
|
|
|
+ .term_block_bar_left{
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .term_block_bar_left_icon{
|
|
|
+ display: inline-block;
|
|
|
+ width: 1.5em;
|
|
|
+ text-align: center;
|
|
|
+ height: 1.5em;
|
|
|
+ background-color: gray;
|
|
|
+ font-size: 180%;
|
|
|
+ color: white;
|
|
|
+ border-radius: 99px;
|
|
|
+ }
|
|
|
+ .term_block_bar_left_info{
|
|
|
+ padding-left: 8px;
|
|
|
+ }
|
|
|
+ .term_meaning{
|
|
|
+ font-weight: 700;
|
|
|
+ }
|
|
|
+ .term_author{
|
|
|
+ font-size: 80%;
|
|
|
+ color: gray;
|
|
|
+ }
|
|
|
+ .term_tag{
|
|
|
+ font-size: 80%;
|
|
|
+ font-weight: 500;
|
|
|
+ margin: 0 8px;
|
|
|
+ }
|
|
|
+ .term_link {
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .main_view{
|
|
|
+ padding: 0 1em;
|
|
|
+ max-width: 1280px;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+ }
|
|
|
+ #term_list_right{
|
|
|
+ width: 25em;
|
|
|
+ }
|
|
|
+ #term_list{
|
|
|
+ width: 100%;
|
|
|
+ padding: 0.5em;
|
|
|
+ }
|
|
|
+ #term_list_div{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ .fun_frame {
|
|
|
+ border-bottom: 1px solid gray;
|
|
|
+ margin-right: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .fun_frame>.title{
|
|
|
+ padding:6px;
|
|
|
+ font-weight: 700;
|
|
|
+ }
|
|
|
+ .fun_frame>.content{
|
|
|
+ padding:6px;
|
|
|
+ max-height:6em;
|
|
|
+ overflow-y: scroll;
|
|
|
+ }
|
|
|
+
|
|
|
+ .fixed{
|
|
|
+ position:fixed;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ }
|
|
|
+ .when_right_fixed{
|
|
|
+ padding-right:20em;
|
|
|
+ }
|
|
|
+ .bg_color_1{
|
|
|
+ background-color:#ebebeb66;
|
|
|
+ }
|
|
|
+ .bg_color_2{
|
|
|
+ background:linear-gradient(to right, #6afdb033, #ebebeb66);
|
|
|
+ }
|
|
|
+ .bg_color_3{
|
|
|
+ background:linear-gradient(to right, #6a95fd26, #ebebeb66);
|
|
|
+ }
|
|
|
+ .bg_color_4{
|
|
|
+ background:linear-gradient(to right, #f9e7911c, #ebebeb66);
|
|
|
+ }
|
|
|
+ .bg_color_5{
|
|
|
+ background:linear-gradient(to right, #fe99b91c, #ebebeb66);
|
|
|
+ }
|
|
|
+
|
|
|
+ pre {
|
|
|
+ white-space: pre-line;
|
|
|
+ font-family: auto;
|
|
|
+ border-left: 3px solid var(--border-shadow);
|
|
|
+ margin-left: 1em;
|
|
|
+ padding-left: 0.5em;
|
|
|
+ }
|
|
|
+ #contents_view{
|
|
|
+ display:flex;
|
|
|
+ }
|
|
|
+ #contents{
|
|
|
+ flex:7;
|
|
|
+ }
|
|
|
+ #right_pannal{
|
|
|
+ flex:3;
|
|
|
+ max-width:20em;
|
|
|
+ }
|
|
|
+ #head_bar{
|
|
|
+ height:unset;
|
|
|
+ }
|
|
|
+
|
|
|
+<?php
|
|
|
+ if(isset($_GET["display"]) && $_GET["display"]=="para"){
|
|
|
+?>
|
|
|
+ .tran>p{
|
|
|
+ display:inline;
|
|
|
+ }
|
|
|
+ note{
|
|
|
+ padding: 2px;
|
|
|
+ margin-bottom: unset;
|
|
|
+ }
|
|
|
+<?php
|
|
|
+ }
|
|
|
+?>
|
|
|
+
|
|
|
+ </style>
|
|
|
+
|
|
|
+<style media="screen and (max-width:767px)">
|
|
|
+#right_pannal{
|
|
|
+ display:none;
|
|
|
+}
|
|
|
+.when_right_fixed{
|
|
|
+ padding-right:0;
|
|
|
+}
|
|
|
+.index_toolbar{
|
|
|
+ position:unset;
|
|
|
+ }
|
|
|
+ #pali_pedia{
|
|
|
+ font-size: 200%;
|
|
|
+ margin-top: auto;
|
|
|
+ margin-bottom: auto;
|
|
|
+ padding-left: 0.5em;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+
|
|
|
+<script>
|
|
|
+term_word_link_fun("wiki_goto_word");
|
|
|
+</script>
|
|
|
+
|
|
|
+<?php
|
|
|
+ require_once("../pcdl/head_bar.php");
|
|
|
+?>
|
|
|
+<div id="head_bar" >
|
|
|
+ <div id="pali_pedia" style="display:flex;">
|
|
|
+ <span>文集</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <span>
|
|
|
+ <?php
|
|
|
+ echo "<a href='../article/?id=".$_GET["id"];
|
|
|
+ echo "&display=para";
|
|
|
+ echo "'>[逐段]</a>";
|
|
|
+ echo "<a href='../article/?id=".$_GET["id"];
|
|
|
+ echo "&display=sent";
|
|
|
+ echo "'>[逐句]</a>";
|
|
|
+ ?>
|
|
|
+ <a href="#">[帮助]</a>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div id="main_view" class="main_view">
|
|
|
+<div id="article_head" style="border-bottom: 1px solid gray;">
|
|
|
+ <div id="article_title" class="term_word_head_pali">Title</div>
|
|
|
+ <div id="article_subtitle">Subtitle</div>
|
|
|
+ <div id="article_author">author</div>
|
|
|
+</div>
|
|
|
+<div id="contents_view">
|
|
|
+ <div id="contents" style="padding: 0 1em;">
|
|
|
+ loading...
|
|
|
+ </div>
|
|
|
+ <div id="right_pannal">
|
|
|
+ <div class="fun_frame">
|
|
|
+ <div class="title">About Author</div>
|
|
|
+ <div class="content" style="max-height:10em;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fun_frame">
|
|
|
+ <div class="title">Table of Content</div>
|
|
|
+ <div class="content" style="max-height:10em;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fun_frame">
|
|
|
+ <div class="title">Other Authors</div>
|
|
|
+ <div class="content" style="max-height:10em;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<script>
|
|
|
+ articel_load(_articel_id);
|
|
|
+
|
|
|
+ window.addEventListener('scroll',winScroll);
|
|
|
+ function winScroll(e){
|
|
|
+ if(GetPageScroll().y>220){
|
|
|
+
|
|
|
+ }
|
|
|
+ else{
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ //滚动条位置
|
|
|
+function GetPageScroll()
|
|
|
+{
|
|
|
+ var pos=new Object();
|
|
|
+ var x, y;
|
|
|
+ if(window.pageYOffset)
|
|
|
+ { // all except IE
|
|
|
+ y = window.pageYOffset;
|
|
|
+ x = window.pageXOffset;
|
|
|
+ } else if(document.documentElement && document.documentElement.scrollTop)
|
|
|
+ { // IE 6 Strict
|
|
|
+ y = document.documentElement.scrollTop;
|
|
|
+ x = document.documentElement.scrollLeft;
|
|
|
+ } else if(document.body) { // all other IE
|
|
|
+ y = document.body.scrollTop;
|
|
|
+ x = document.body.scrollLeft;
|
|
|
+ }
|
|
|
+ pos.x=x;
|
|
|
+ pos.y=y;
|
|
|
+ return(pos);
|
|
|
+}
|
|
|
+ </script>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
visuddhinanda