mint/app/pcdl/head_bar.php

<script>
		

	
</script>
	<style>
.icon_btn{
    color: var(--btn-color);
    padding: 0.3em 0.3em;
    border: 1px solid var(--nocolor);
    border-radius: 3px;
    margin: 0 2px;
}

.icon_btn:hover{
    padding: 0.3em 0.3em;
    background-color: var(--btn-hover-bg-color);
    border: 1px solid var(--btn-border-color);
    border-radius: 3px;
    margin: 0 2px;
}

		/* 容器 <div> - 需要定位下拉内容 */
.dropdown {
    position: relative;
    display: inline-flex;
}

.toolgroup1 {
	display: flex;
}

/* 下拉内容 (默认隐藏) */
.dropdown-content {
    border-radius: 3px;
    display: none;
    position: absolute;
    background-color: var(--tool-bg-color2);
    min-width: 60px;
    box-shadow: 0px 3px 16px 0px var(--shadow-color);
    z-index: 6;
    top: 100%;
    right: 0;
}




/*使用一半宽度 (120/2 = 60) 来居中提示工具*/
.dropdown-content::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-right: 20px;
    border-width: 5px;
    border-style: solid;
    /*border-color: transparent;*/
}



/* 下拉菜单的链接 */
.dropdown-content a {
    padding: 6px 6px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
	color: var(--tool-color);
}



/* 鼠标移上去后修改下拉菜单链接颜色 */
.dropdown-content a:hover {
    background-color: var(--btn-hover-bg-color);
    color: var(--btn-hover-color);
    border-radius: 3px;
}


/* 当下拉内容显示后修改下拉按钮的背景颜色 */
.dropdown:hover .icon_btn {
    background-color: var(--btn-hover-bg-color);
    border-color: var(--btn-border-line-color);
}

.dropdown:hover .icon {
    fill: var(--btn-hover-color);
}

.index_toolbar {
    height: 3.5em;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    /*text-align: center;*/
    padding: 0 10px;
    border-bottom: 1px solid var(--input-bg-color);
    background-color: var(--tool-bg-color);
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    z-index: 2

}
	.head_nav{
		display: flex;
		padding: 0 1em;
		color: var(--btn-color);
		font-size: 1.2em;
		font-weight: 300;
		text-transform: capitalize;
	}	
	.head_nav li{
		display: inline-flex;
		padding: 0 0.5em;
		align-items: center;
	}

	.nav_link, .nav_link:link, .nav_link:visited {
		color:var(--btn-color);
		white-space: nowrap;
	}
	.nav_link:hover{
    	color: var(--btn-border-color);
	}

	.head_nav_dropdown_content{
		position: absolute;
		background-color: var(--tool-bg-color);
		display:none;
		margin-top:5em;
	}
	.head_nav_dropdown_content li{
		display:block;
	}
	.head_nav_dropdown:hover .head_nav_dropdown_content{
		display:block;
		border-radius: 3px;
	}

	#pre_search_result {
    position: absolute;
    background-color: var(--btn-hover-bg-color);
    border: 1px solid var(--btn-border-line-color);
    border-radius: 5px;
    max-width: 100%;
    width: 50em;
	display:none;
	}
	.pre_serach_block{
		border-bottom: 1px solid var(--shadow-color);
		padding: 5px 8px;
	}
	.pre_serach_block_title{
		display:flex;
		justify-content: space-between;
	}
	.pre_serach_content{
		padding: 4px 4px 4px 15px;
	}

	.lab_tab{
		display:flex;
	}
	.lab_tab>li{
		padding:5px;
	}
	
	.head_nav_dropdown:hover  {
		color: var(--btn-border-color);
	}
	#user_info {
			background-color: var(--bg-color);
			color: var(--main-color);
	}
	.icon {
		fill: var(--btn-color);
	}
	.head_nav_dropdown_content{
		padding: 0.1em 0.5em 0.1em 0;
	}
	</style>
		<!-- tool bar begin-->
		<div class='index_toolbar'>
			<div id="index_nav">

				<ul class="head_nav">
					<li>
						<a href="../pcdl">
						<svg class="icon" style="height: 2.7em;width: 6.8em;padding-top: 15px;">
							<use xlink:href="../public/images/svg/wikipali_without_studio.svg#wikipali_without_studio"></use>
						</svg>
						</a>

						<div class="head_nav_dropdown">
						
						<span style="padding: 0.1em 0 0.1em 0.5em;display: flex;">
							<b><?php echo $_local->gui->library; ?></b>
							<svg style="width:1em;height:1em;" xmlns="http://www.w3.org/2000/svg" t="1596126410137" class="icon" viewBox="0 0 1025 1024" version="1.1" p-id="3309">
								<path d="M186.1116047 187.53647595l648.82527161 0L834.93687631 836.36174757 186.1116047 187.53647595z" p-id="3310"/>
							</svg>
						</span>
							<ul class="head_nav_dropdown_content" style="margin-top:0;margin-left:0; ">
								<!--<li><a class="nav_link" href="../pcdl"><?php echo $_local->gui->library; ?></a></li>-->
								<li><a class="nav_link" href="../studio" target="_blank"><b><?php echo $_local->gui->studio; ?></b></a></li>
							</ul>
						</div>
					</li>
					<li><a class="nav_link" href="../palicanon"><?php echo $_local->gui->pali_canon; ?></a></li>
					<li><a class="nav_link" href="../course"><?php echo $_local->gui->lesson; ?></a></li>
					<li><a class="nav_link" href="../wiki"><?php echo $_local->gui->encyclopedia; ?></a></li>
					<li><a class="nav_link" href="../dict"><?php echo $_local->gui->dictionary; ?></a></li>
					<li><a class="nav_link" href="../collect"><?php echo $_local->gui->composition; ?></a></li>
					<li class="nav_link head_nav_dropdown" >
						<div><?php echo $_local->gui->more; ?></div>
						<ul class="head_nav_dropdown_content" style="margin-top: 0em;top: 2em;margin-left:-0.5em;padding-bottom: 0.5em;">
							<!--<li><a class="nav_link" href="../pc"><?php echo $_local->gui->digest;//书摘?></a></li>
							<li><a class="nav_link" href="../course"><?php echo $_local->gui->composition;//著作?></a></li>-->
							<li><a class="nav_link" href="../calendar"><?php echo $_local->gui->buddhist_calendar;?></a></li>
							<li><a class="nav_link" href="../tools/unicode.html"><?php echo $_local->gui->code_convert;//巴利编码转换?></a></li>
							<li><a class="nav_link" href="../statistics"><?php echo $_local->gui->corpus_statistics;?></a></li>
						</ul>
					</li>
				</ul>			
			</div>

			<div>
			</div>
			<div class="toolgroup1">
			<!--<input id="search_input" type="input" placeholder="搜索"  style="margin-left: 0.5em;padding:4px;width: 40em;max-width: 80%" >-->
			<span style="display: inline-flex; padding-right: 10px;" title=<?php echo "wikipāli&nbsp;{$_local->gui->search_tools}";?>> 
			<a href="../search" style="display: inline-flex;">
					<svg t="1598273659942" class="icon" viewBox="0 0 5836 1024" style="fill: var(--btn-color); width: 150px; height: 25px;" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18667" >
						<path d="M5243.733333666665 1024H619.2172046666668C338.4430106666666 1024 107.21720466666665 792.774194 107.21720466666665 512S338.4430106666666 0 619.2172046666668 0h4624.516129c280.774194 0 512 231.225806 512 512s-231.225806 512-512 512zM140.24946266666666 512C140.24946266666666 776.258065 354.9591396666666 990.967742 619.2172046666668 990.967742h4624.516129c264.258065 0 478.967742-214.709677 478.967742-478.967742 0 264.258065-214.709677 478.967742-478.967742 478.967742H619.2172046666668C354.9591396666666 990.967742 140.24946266666666 776.258065 140.24946266666666 512zM619.2172046666668 66.064516C374.7784946666666 66.064516 173.28172066666667 267.56129 173.28172066666667 512S374.7784946666666 957.935484 619.2172046666668 957.935484h4624.516129c244.43871 0 445.935484-201.496774 445.935484-445.935484S5488.172042666665 66.064516 5243.733333666665 66.064516H619.2172046666668z m4624.516129-33.032258c264.258065 0 478.967742 214.709677 478.967742 475.664516C5722.701075666665 247.741935 5507.991397666665 33.032258 5243.733333666665 33.032258zM619.2172046666668 33.032258C354.9591396666666 33.032258 140.24946266666666 247.741935 140.24946266666666 508.696774 140.24946266666666 247.741935 354.9591396666666 33.032258 619.2172046666668 33.032258z" p-id="18668">
						</path>
					</svg>
					<svg t="1598275338832" class="icon" viewBox="0 0 1024 1024" style="fill: var(--btn-color); width: 16px; height: 20px; margin-left: -26px; margin-top: 4px;" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19379"><path d="M441.936842 824.751158c-229.052632 0-414.989474-182.810947-414.989474-408.629895C26.947368 190.356211 212.884211 7.545263 441.936842 7.545263s414.989474 182.864842 414.989474 408.629895c0 225.818947-185.936842 408.629895-414.989474 408.629895z m0-53.894737c199.518316 0 361.094737-158.881684 361.094737-354.735158 0-195.799579-161.576421-354.735158-361.094737-354.735158S80.842105 220.429474 80.842105 416.121263c0 195.853474 161.576421 354.735158 361.094737 354.735158z" p-id="19380"></path><path d="M713.889684 740.513684a26.947368 26.947368 0 1 1 38.157474-38.103579l264.569263 264.784842a26.947368 26.947368 0 0 1-38.157474 38.103579l-264.569263-264.784842z" p-id="19381">
					</path></svg>
					<!--<svg  style="height: 4em; fill: var(--btn-color);">
						<use xlink:href="../pcdl/img/search_bar.svg#search_bar"></use>
					</svg>-->
				</a>
			</span>

			<?php 

			include "../ucenter/user.php";
			include "../lang/lang.php";			
			?>			
			</div>
		</div>	
		<!--tool bar end -->