| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248 |
- <?PHP
- include "../pcdl/html_head.php";
- ?>
- <body>
- <link type="text/css" rel="stylesheet" href="../search/search.css"/>
- <?php
- require_once("../pcdl/head_bar.php");
- require_once("../search/toobar.php");
- ?>
- <style>
- #dt_pali , #dt_pali_1{
- border-bottom: 2px solid var(--link-hover-color);
- }
- #index_list{
- display:flex;
- }
- .main_view{
- padding: 0 1em;
- max-width: 1280px;
- margin-left: auto;
- margin-right: auto;
- }
- .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;
- overflow-y: scroll;
- }
-
- .fixed{
- position:fixed;
- right: 0;
- top: 0;
- }
- .when_right_fixed{
- padding-right:20em;
- }
- #contents_view{
- display:flex;
- }
- #contents_div{
- flex:7;
- max-width: 70vw;
- }
- #contents{
- }
- #contents li{
- white-space: normal;
- }
- #right_pannal{
- flex:3;
- max-width:20em;
- }
- #head_bar{
- height:unset;
- }
- #contents_foot{
- margin-bottom: 70vh;
- }
- #pre_search_word_content{
- display:block;
- }
- @-webkit-keyframes spin {
- from {
- -webkit-transform: rotate(0deg);
- }
- to {
- -webkit-transform: rotate(360deg);
- }
- }
- @keyframes spin {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
- }
- .icon_spin {
- -webkit-animation: spin 2.5s linear infinite;
- animation: spin 2.5s linear infinite;
- }
- </style>
- <style media="screen and (max-width:800px)">
- #index_list{
- display:block;
- }
- #contents_view{
- display:block;
- }
- #dict_ref_search_result{
- display:none;
- }
- #footer_nav{
- display: none;
- }
- #contents_foot {
- margin-bottom: 70vh;
- position: absolute;
- left: 0;
- width: 100vw;
- margin-bottom: 10vh;
- }
- #contents_nav{
- overflow-x: scroll;
- }
- .page_nav{
- display:flex;
- }
- .foot_div{
- margin-top:10vh;
- }
- </style>
- <script language="javascript" src="paliword.js"></script>
- <script>
- <?php
- if(isset($_GET["key"])){
- echo " _key_word = '{$_GET["key"]}';";
- }
-
- ?>
- </script>
- <div id="main_view" class="main_view">
- <div id="contents_view">
- <div id="contents_div" style="padding: 0 1em 0 30px;">
- <div id="contents" >
- <div id="index_list">
- <div style="flex:3;margin:12px;">
- <div class="card" style="padding:10px;">
- <div>最近搜索</div>
- <div id="title_histray"></div>
- </div>
- </div>
- <div style="flex:3;margin:12px;">
- <div class="card" style="padding:10px;">
- <div>热搜</div>
- <div id="title_hot"></div>
- </div>
- </div>
- <div style="flex:3;margin:12px;">
- <div class="card" style="padding:10px;">
- <div id="guide_title_search_index"></div>
- </div>
- </div>
- </div>
- <div style="text-align: center;display:none;">
- <svg class='icon_spin' style='fill: saddlebrown;height: 4em;width: 4em; '>
- <use xlink='http://www.w3.org/1999/xlink' href='../studio/svg/icon.svg#dhammacakkha'></use>
- </svg>
- </div>
- </div>
- <div id="contents_foot">
- <div id="contents_nav" style="">
- </div>
- </div>
- </div>
- <div id="right_pannal">
- <div class="fun_frame">
- <div style="display:flex;justify-content: space-between;">
- <div class="title"><?php echo $_local->gui->real_declension; ?></div>
- <div id="case_tools" style="display:flex;">
- <div class="select_button" style="margin:auto 0" onclick="onWordFilterStart()"><?php echo $_local->gui->select; ?></div>
- <div class="filter" >
- <button onclick='word_search_filter()'><?php echo $_local->gui->filter; ?></button>
- <button onclick='filter_cancel()'><?php echo $_local->gui->cancel; ?></button>
- </div>
- </div>
- </div>
- <div id = "case_content" class="content" style="max-height:20em;">
- </div>
- </div>
- <div class="fun_frame">
- <div style="display:flex;justify-content: space-between;">
- <div class="title"><?php echo $_local->gui->book_name.$_local->gui->list; ?></div>
- <div id="book_tools" style="display:flex;">
- <div class="select_button" style="margin:auto 0" onclick="onBookFilterStart()"><?php echo $_local->gui->select; ?></div>
- <div class="filter">
- <button onclick='book_search_filter()'><?php echo $_local->gui->filter; ?></button>
- <button onclick='book_filter_cancel()'><?php echo $_local->gui->cancel; ?></button>
- </div>
- </div>
- </div>
- <div id="book_list" class="content" >
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="dict_ref_search_result" style="background-color:white;color:black;display:none;">
- </div>
- <div id="index_list">
- <div style="flex:3;margin:12px;">
- <div class="card" style="padding:10px;">
- <div><?php echo $_local->gui->search.$_local->gui->history; ?></div>
- <div id="search_histray"></div>
- </div>
- </div>
- <div style="flex:3;margin:12px;">
- <div class="card" style="padding:10px;">
- <div><?php echo $_local->gui->top_search; ?></div>
- <div id="title_hot"></div>
- </div>
- </div>
- <div style="flex:3;margin:12px;">
- <div class="card" style="padding:10px;">
- <div id="guide_pali_search_index"></div>
- </div>
- </div>
- </div>
- <script>
- search_show_history();
- guide_get("pali_search_index");
- </script>
- <?php
- if(!empty($_GET["key"])){
- echo "<script>";
- echo "dict_pre_word_click(\"{$_GET["key"]}\")";
- echo "</script>";
- }
- ?>
- <?php
- include "../pcdl/html_foot.php";
- ?>
|