Thành viên:Enjoy the weekend/Error news nCoV.css

<style> 
.text-muted-ncov{ 
	color: #6c757d; 
} 
.content-head{ 
	background: #e9ecef; 
    padding: 2px 3px; 
	 
} 
audio::-webkit-media-controls-panel{ 
    background-color: #ccc; 
    border-radius: 0px !important; 
} 
.mb-2{     display: none; 
} 
.tags a { 
	display: inline-block; 
	height:30px; 
	line-height:29px; 
	position:relative; 
	margin: 0 15px 8px 0; 
	padding: 0 15px 0 10px; 
	background: #777; 
	-moz-border-radius-bottomleft: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	border-bottom-left-radius: 5px; 
	-moz-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px; 
	border-top-left-radius: 5px; 
	box-shadow: 0 1px 2px rgba(0,0,0,0.2); 
	color: #fff; 
	font-size:14px; 
	text-decoration: none; 
	text-shadow: 0 1px 2px rgba(0,0,0,0.2); 
	font-weight: bold; 
	} 
	 
.tags a:before { 
	content: ""; 
	position: absolute; 
	top: 12px; 
	right: 1px; 
	float: left; 
	width: 5px; 
	height: 5px; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	border-radius: 50%; 
	background: #fff; 
	-moz-box-shadow: -1px -1px 2px rgba(0,0,0,0.4); 
	-webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.4); 
	box-shadow: -1px -1px 2px rgba(0,0,0,0.4); 
	} 
	 
.tags a:after { 
	content: ""; 
	position: absolute; 
	top:0; 
	right: -12px; 
	width: 0; 
	height: 0; 
	border-color: transparent transparent transparent #777; 
	border-style: solid; 
	border-width: 15px 0 15px 12px; 
	} 
	 
 
.tags a.color5 {background: #2a3477;} 
.tags a.color5:after {border-color: transparent transparent transparent #2a3477}	 
.tags a:hover {background:#222 !important} 
.tags a:hover:after {border-color:transparent transparent transparent #222!important} 
	 
 
@media (max-width: 992px) { 
    .tags{ 
        margin-top: 5px; 
    } 
} 
</style> 
 
<#assign  displayDate = .vars["reserved-article-display-date"].data /> 
<#assign originalLocale = locale> 
 
<#-- Set the page locale to the portals default locale --> 
<#setting locale = 'vi_VN'> 
 
<#-- Parse the date to a date object use locale en-US --> 
<#assign date = displayDate?date("EEE, dd MMM yyyy hh:mm:ss zzz")> 
 
<#-- Create date time formart use originalLocale (Your site localle)  --> 
<#assign dateTimeFormat = languageUtil.get(originalLocale, "EEEE, dd/MM/yyyy HH:mm")> 
 
<#-- Result  --> 
<#assign displayDate = date?string(dateTimeFormat)> 
 
<#-- File mp3 âm thanh bài viết--> 
<#assign urlFileMP3= ""/> 
<#if fileAmThanh??> 
<#assign urlFileMP3=fileAmThanh.getData()	/> 
</#if> 
 
<div > 
<div class="tags"> 
			<a title="Tin tức" href="/tin-tuc" class="color5">Tin tức</a> 
</div> 
<h5> 
<span class="asset-title d-inline">${.vars["reserved-article-title"].data}</span> 
</h5> 
		  <section> 
		  <div class="content-head"> 
		  <!--mobile--> 
		  <div class="d-none d-block d-lg-none"> 
		  <span class="text-ngayxam-page">(${displayDate})</span> 
			 
		   
			 
			<#if urlFileMP3?has_content> 
			<br/> 
			<audio controls style="float: left;height: 25px;">   
			  <source src="${urlFileMP3}" type="audio/mpeg"> 
			</audio> 
			</#if> 
			<br/> 
			</div> 
			 
		<!--desktop--> 
		  <div class="d-none d-lg-block"> 
		  <span class="text-ngayxam-page">(${displayDate})</span> 
		 
			<#if urlFileMP3?has_content> 
			<audio controls style="float: right;height: 25px;margin-bottom: -10px;">   
			  <source src="${urlFileMP3}" type="audio/mpeg"> 
			</audio> 
			</#if> 
			</div>			 
		</div>				 
						 
			 
		<div id="content-detail"> 
		  <p class="text-justify"><strong class="text-muted-ncov">${.vars["reserved-article-description"].data}</strong></p> 	 
		  ${content.getData()} 
			</div> 
		</section> 
		  <hr> 
		 
 </div>