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: 6px;
    margin: 0 2px;
}

.icon_btn:hover{
    background-color: var(--btn-hover-bg-color);
    border: 1px solid var(--btn-border-line-color);
}

		/* 容器 <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 transparent var(--tool-bg-color2) 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;
	}	
	.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);
	}
	.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;
	}

	#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 class="nav_link head_nav_dropdown" >
						<div><?php echo $_local->gui->more; ?></div>
						<ul class="head_nav_dropdown_content">
							<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>
				<a href="../search">
					<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 -->