| .. | |||||
| css.css | |||||
| layout.css | |||||
| style.css | |||||
| style1.css | |||||
| style4.css | |||||
| style6.css |
| Server IP : 172.67.145.202 / Your IP : 172.71.124.132 Web Server : Apache/2.2.15 (CentOS) System : Linux GA 2.6.32-431.1.2.0.1.el6.x86_64 #1 SMP Fri Dec 13 13:06:13 UTC 2013 x86_64 User : apache ( 48) PHP Version : 5.6.38 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /var/www/html/vhnt/css/ |
Upload File : |
@charset "utf-8";
/* CSS Document */
p{FONT-FAMILY: Arial, Verdana, Helvetica; FONT-SIZE: 12px;}
div{FONT-FAMILY: Arial, Verdana, Helvetica; FONT-SIZE: 12px;}
input{FONT-FAMILY: Arial, Verdana, Helvetica; FONT-SIZE: 12px;}
textarea{FONT-FAMILY: Arial, Verdana, Helvetica; FONT-SIZE: 12px;}
form{FONT-FAMILY: Arial, Verdana, Helvetica; FONT-SIZE: 12px;}
* {margin:0px; padding:0px;}
a{color:#000000; text-decoration:none;}
a:hover{color:#a3a3a3; text-decoration:none;}
img{border:0;}
li{list-style: none;}
body{ background:#bfbfbf; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;}
img, div, input, li, ul, a:hover, a { behavior: url(../fix/iepngfix.htc);}
ul.lof-main-wapper li {position:relative;}
.floatleft {float:left;}
.floatright {float:right;}
/* STRUCTURE */
#wrapper{ width:1000px; margin:0 auto; padding:0;}
#topnav {
background: url(../img/topnav_bg.jpg) repeat-x left bottom;
text-align:center;
width:1000px;height:28px;
line-height:28px;
}
.topnav_sp {
background: url(../img/topnav_sp.jpg) no-repeat right bottom;
height:28px;
}
#topnav a {
font-weight:bold;
color:#7B7B7B;
text-decoration:none;
padding:7px 25px 7px 20px;
}
#topnav a:hover {
color: #3BBEF9;
}
#banner{
width:1000px; height:230px;
margin:0; padding:0;}
.banner-left{
background:url(../img/banner-left.gif) no-repeat;
width:1000px; height:230px;
margin:0; padding:0; float:left;}
/* hhhhhh */
.banner-right{
width:247px; height:130px;
margin:0; padding:0; float:left;}
#MS{
background:url(../img/Mbg-off.jpg) repeat-x;
width:1000px; height:40px;
margin:0; padding:0;
position:relative;
}
#navbar, #navbar ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
}
#navbar a{
display:block;
padding:0px 9px;
color:#fff;
text-decoration:none;
line-height:40px;
}
#navbar a:hover{
/** background:url(../img/Mbg-on.jpg) repeat-x; **/
color: yellow;
}
#navbar li{
background: url(../img/k.jpg) right top 10px no-repeat;
float:left;
position:relative;
}
#navbar ul {
position:absolute;
display:none;
width:180px;
top:32px;
}
#navbar ul li {
background: url(../menu/floatybg.png);
border-bottom: 1px solid #fff;
}
#navbar li ul a{
width:180px;
float:left;
}
#navbar ul ul{
top:auto;
}
#navbar li ul ul {
left:180px;
margin:0px 0 0 10px;
}
#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li:hover ul ul ul ul{
display:none;
}
#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li li li li:hover ul{
display:block;
}
/*-----------------*/
.search{
width:259px; height:22px;
margin:0; padding:10px;
position:absolute;
right:0px;
}
.Sform{
background:url(../img/Sform.jpg) no-repeat;
width:181px; height:18px;
margin:0; padding:2px 4px; float:left;}
.input_search{
background:none; width:185px; height:18px;
overflow:hidden; border:0; font-size:11px; line-height:14px; color:#a3a3a3;}
.Sbuttom{
width:65px; height:22px; margin:0; padding:0; overflow:hidden; float:right;}
.submit_search{
background:url(../img/Sbuttom.jpg) no-repeat;
border:0px; width:65px; height:22px; margin:0; padding:0;}
/* SITE HOME*/
.hcontentwrap {
margin:0 0 10px 0;
clear:both !important;
}
#page{
background: #e7e7e7; /* url(../img/page-bg.jpg); */
width:980px; margin:0; padding:10px 10px 20px 10px; overflow:hidden; position:relative;}
.Mghost{
/* background:url(../img/Mghost.png) no-repeat;*/
width:1000px; height:20px; margin:0; padding:0; overflow:hidden;
top:0; left:0; position:relative;}
#hotnews{
width:980px; height:300px;
margin:0; padding:0; font-size:12px; overflow:hidden;}
#view{
width:980px;
margin:10px 0 0 0; padding:0; overflow:hidden;}
/***************************************** VIEW LEFT */
#Vleft{
width:670px;
margin:0; padding:0; float:left;}
#nav{
background:url(../img/nav.jpg) no-repeat;
width:640px; height:23px;
margin:0; padding:8px 0 0 30px;
font-weight:bold; overflow:hidden;
color:#56595c;
text-transform:uppercase;}
#nav a{
color:#56595c;
padding:0 5px;}
#nav a:hover{color:#000; padding:0 5px;}
#nav .active{color:#8b8b8b;}
#homeAcontent{
background:#fff;
width:650px; margin:0; padding:20px 10px; overflow:hidden;}
.TCnav{
background:url(../img/tab-bgr.jpg) repeat-x;
width:670px; height:31px;
margin:0; padding:0; overflow:hidden;}
.shadetabs{
width:660px;
height:31px;
padding:0 0 0 10px; margin:0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left;}
.shadetabs ul{
width:660px; height:31px;
margin:0; padding:0; display:inline;}
.shadetabs li{
background:url(../img/tab-kak.jpg) right top no-repeat;
height:31px;
padding:0 2px 0 0;
margin:0; display:inline; float:left; line-height:30px;}
.shadetabs li a{
margin:0; padding:0 20px;
height:31px;
text-decoration:none;
font-weight:bold;
color:#56595c;
float:left;}
.shadetabs li a:hover{
background:url(../tab/asd.jpg) top repeat-x;
height:31px;
color:#017fc6;
top: 1px;
position: relative;}
.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
height:30px; overflow:hidden;}
.shadetabs li a.selected{ /*selected main tab style */
background: url(../tab/asd.jpg) top repeat-x;
border-bottom-color: white;
color:#017fc6;}
.shadetabs li a.selected:hover{ /*selected main tab style */text-decoration: none;}
.tabcontent{display:none;}
@media print {.tabcontent {display:block !important;}}
.Aphoto{
width:230px; height:160px; margin:0; padding:0; float:left;}
.Ainfo{
width:410px; height:160px; margin:0; padding:0; float:right; overflow:hidden; color:#56595c; text-align:justify;}
.AItext{
width:410px; height:149px;
margin:0; padding:0; overflow:hidden; float:left;}
.AImore{
width:410px; height:11px; background:url(../img/more.jpg) bottom right no-repeat;
margin:0; padding:0; float:left; text-align:right;}
/* HOME NOTICE */
.main_notice {
width:100%;
min-height:120px;
border-bottom:1px solid #ccc;
position:relative;
padding-bottom:10px;
}
.Nomore{
width:80px; height:11px; background:url(../img/more.jpg) bottom right no-repeat;
position:absolute;right:10px;bottom:5px;margin-top:10px;}
.No_image {
width:130px;height:100px;
float:left;
margin:0 10px 5px 0;
}
.No_info {
width:490px;
min-height:85px;
float:left;
}
.main_no_title {
text-transform:uppercase;
font-weight:bold;
color:#787878;
}
.main_no_title a{
color:#4848d9;
}
.other_notice {
padding-top:10px;
padding-left:20px;
line-height:1.4em;
}
.other_notice a {
font-size:12px;
color:#00a;
}
#homenews .other_notice {
width:229px;
padding-top:0px !important;
text-align:justify;
}
/* TABLE NEWS */
#TN{
background:#fff;
width:650px;
margin:10px 0 0 0; padding:0;
}
.TNtitle{
/**
background:url(../img/tab-bgr.jpg) repeat-x;
**/
width:670px;
height:40px;
margin:0;
padding:0;
overflow:hidden;
background:url(../img/tab-bgl.png) left no-repeat;
}
.TNtitler{
width:670px;
height:40px;
margin:0;
padding:0;
overflow:hidden;
background:url(../img/tab-bgr1.jpg) right no-repeat;
}
.TNtitle a{
height:40px;
color: #fff;
top: 1px;
position: relative; float:left;
margin:0 0 0 10px;
padding:0 20px;
text-decoration:none;
font-weight:bold;
line-height:40px;
}
.TNtitle a:hover{color: yellow;}
.TNview{
width:650px; height:204px;
margin:0; padding:20px 10px; overflow:hidden;}
.Vnews1{
width:195px; height:204px;
margin:0; padding:0; float:left; overflow:hidden;}
/*.VNimg1{
background:#dfe0e2;
width:195px; height:100px;
margin:0 0 10px 0; padding:0; overflow:hidden;}*/
.VNimg1{
background:#fff url(../img/photobgr.jpg) no-repeat;
width:185px; height:90px;
margin:0 0 10px 0; padding:5px; overflow:hidden;}
.VNtitle1{text-align:justify;}
.VNtitle1 a{
width:195px; height:20px; color:#353839;
margin:0; padding:0; overflow:hidden; text-align:justify; font-weight:bold;}
.VNtitle1 a:hover{color:#017fc6;}
.VNtext1{
width:195px; height:84px; color:#56595c;
margin:5px 0 0 0; padding:0; overflow:hidden; text-align:justify;}
.Vnews2{
width:196px; height:204px;
margin:0 9px; padding:0 10px; float:left; overflow:hidden; border-left:1px solid #dfe0e2; border-right:1px solid #dfe0e2;}
/*.VNimg2{
background:#dfe0e2;
width:196px; height:100px;
margin:0 0 10px 0; padding:0; overflow:hidden;}*/
.VNimg2{
background:#fff url(../img/photobgr.jpg) no-repeat;
width:186px; height:90px;
margin:0 0 10px 0; padding:5px; overflow:hidden;}
.VNtitle2{text-align:justify;}
.VNtitle2 a{
width:196px; height:20px; color:#353839;
margin:0; padding:0; overflow:hidden; text-align:justify; font-weight:bold;}
.VNtitle2 a:hover{color:#017fc6;}
.VNtext2{
width:196px; height:84px; color:#56595c;
margin:5px 0 0 0; padding:0; overflow:hidden; text-align:justify;}
#homenews .main_notice {
width: 400px !important;
border-bottom:none !important;
border-right:1px solid #ccc;
}
#homenews .No_info {
width: 275px !important;
}
/***************************************** VIEW RIGHT */
#Vright{
width:300px;
margin:0; padding:0; float:right;}
.VRbox{
background:#fff;
width:300px;
margin:0 0 10px 0; padding:0;}
.VRtitle{
background:url(../img/VRbgr.jpg) repeat-x;
width:300px; height:31px;
margin:0; padding:0; overflow:hidden;}
.VRtitle a{
background:#fff url(../img/VRtitle.jpg) top repeat-x;
height:31px;
color:#56595c;
top: 1px;
position: relative; float:left;
margin:0 0 0 10px; padding:0 20px;
text-decoration:none;
font-weight:bold; line-height:30px;}
.VRtitle a:hover{color:#a3a3a3;}
#RLib{
background:#fff;
width:300px;
margin:0 0 10px 0; padding:0;}
.RLib{
}
.VRview1{
width:280px;
margin:0; padding:10px; overflow:hidden;}
.VRview1 ul{
width:280px;
display:block;
margin:0; padding:0;}
.VRview1 li{
background:url(../img/dotnotice.jpg) no-repeat;
width:280px;
list-style:none;
line-height:17px;
text-align:justify;
margin:0 0 7px 0;}
.VRview1 a{text-align:justify; color:#56595c;}
.VRview1 a:hover{ color:#000;}
.notice{
width:268px;
margin:0; padding:0 0 0 12px;}
.VRview2, .Rphoto{
width:280px;
margin:0; padding:10px; overflow:hidden;}
.Rphoto {position:relative;height:196px;}
.Rphoto DIV {position:absolute;left:10px; top:10px;z-index:8;opacity:0.0;}
.Rphoto DIV.active {z-index:10;opacity:1.0;}
.Rphoto DIV.last-active {z-index:9;}
.VRview2 ul{
width:280px;
display:block;
margin:0; padding:0;}
.VRview2 li{
width:280px;
list-style:none;
line-height:14px;
text-align:justify;
margin:0 0 2px 0; padding:0 0 3px 0;
border-bottom:1px dotted #e0dfe4;}
.VRview2 a{text-align:justify; color:#56595c;}
.VRview2 a:hover{ color:#000;}
.lib{width:250px; height:30px;
margin:0; padding:0 0 0 30px; overflow:hidden;}
.DOC{background:url(../img/DOC.jpg) no-repeat;}
.PDF{background:url(../img/PDF.jpg) no-repeat;}
.RAR{background:url(../img/RAR.jpg) no-repeat;}
.XLS{background:url(../img/XLS.jpg) no-repeat;}
.photo1{
background:#a3a3a3;
width:280px; height:196px;
margin:0 0 10px 0; padding:0; overflow:hidden;}
.photo2{
background:#a3a3a3;
width:135px; height:95px;
margin:0 10px 0 0; padding:0; overflow:hidden; float:left;}
.photo3{
background:#a3a3a3;
width:135px; height:95px;
margin:0; padding:0; overflow:hidden; float:left;}
.VRview3{
width:280px;
margin:0; padding:10px; overflow:hidden;}
.VRview3 ul{
display:block;
margin:0; padding:0;}
.VRview3 li{
list-style:none;
line-height:17px;
text-align:justify;
margin:10px 0 10px 0; padding:0;}
.VRview3 li.right_ads {
border-bottom:1px dotted #ccc;
}
.VRview3 a{text-align:justify; color:#56595c;}
.VRview3 a:hover{ color:#000;}
.quicklink {
background: none !important;
}
.quicklink img.left{
margin-right:6px;
}
#footer{
background:#666;
width:1000px;
margin:0; padding:0; overflow:hidden;}
#footerleft {
width:845px;
float:left;
padding:20px 0 10px 40px;
color:#fff;
line-height:18px;
}
#footerright {
width:100px;height:38px;
float:left;
padding-top:35px;padding-right:15px;
}
.design {
background:url(../img/thuonghieu.png) no-repeat;
width:100px;height:38px;
display:block;
}
/* LIST NEWS */
#listnews, #listdaotao, #tuyendung {
background:#fff; width:650px;
margin:10px 0 0 0; padding:20px 10px 10px 10px; overflow:hidden;}
#listnews ul{
width:650px; height:100px;
margin:0; padding:0; display:block; list-style:none;}
#listnews li{
width:650px; height:100px;
margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px dotted #dfdee3;
display:block; list-style:none; float:left;}
#tuyendung {
padding:10px !important;
}
#tuyendung .LN {
height:auto !important;
padding-bottom:10px;
border-bottom:1px dotted #ccc;
}
.LN{
width:650px; height:100px;
margin:0; padding:0;}
.LNimg{
background:#fff url(../img/photobgr.jpg) no-repeat;
width:185px; height:90px;
margin:0; padding:5px; overflow:hidden; float:left;}
.LNinfo{
width:445px; height:100px;
margin:0; padding:0; float:right; overflow:hidden; text-align:justify; color:#56595c;}
.h1titlenews{
text-decoration:none;
font-weight:bold;
color:#56595c;
font-size:100%;}
.h1titlenews a{
text-decoration:none;
font-weight:bold;
color:#56595c;}
.h1titlenews a:hover {
text-decoration:underline;
color: blue;
}
/** Phần hỏi đáp **/
#listfqa {
background:#fff; width:650px;
margin:10px 0 0 0; padding:20px 10px 10px 10px; overflow:hidden;}
#listfqa ul{
width:650px;
margin:0; padding:0; display:block; list-style:none;}
#listfqa li{
width:630px;
margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #dfdee3;
display:block; list-style:none; float:left;}
.LN1{
width:650px;
min-height:150px;
margin:0; padding:0;}
.fqa{
width:650px;
margin:0; padding:0;
float:right; overflow:hidden;
text-align:justify;
color:#56595c;
}
.h1titlefqa{
text-decoration:none;
font-weight:bold;
color:#56595c;
font-size:100%;}
.h1titlefqa a{
text-decoration:none;
font-weight:bold;
font-size: 18px;
color:rgb(11, 71, 197);
}
.h1timefqa{
margin:0;
padding:0;
font-size:10px;
color:#a3a3a3;
}
.fqa_content {
width: 630px;
padding: 10px;
line-height: 20px;
}
.fqa_content h3{
text-decoration: underline;
}
.fqa div.readmore {
float: right;
position: relative;
right: 10px;
}
.fqa div.readmore a {
color: blue;
}
/** **/
.h1titlenews1{
text-decoration:none;
font-weight:bold;
color:rgb(0, 105, 209);
font-size:120%;}
.h1titlenews1 a{
text-decoration:none;
font-weight:bold;
color:#56595c;}
.h1timenews{
margin:0;
padding:0;
font-size:10px;
color:rgb(0, 20, 255);
}
.nvpeople{
width:100%;
text-align:right;
margin:5px 0 0 0;
padding:0;
font-size:12px;
font-weight:normal;
float:left;}
.nMORE{
width:100%;
margin:5px 0 0 0;
float:left;}
.nMORE ul{
width:100%;
display:block;
margin:0;
font-size:13px;
line-height:20px;
color:#a3a3a3;}
.nMORE li{
background: url(../img/li.jpg) no-repeat;
width:100%;
list-style:none;
margin:0;
padding:0 0 0 7px;}
.nMORE a{text-decoration:none; color:#00a;}
.nMORE a:hover{color:#000; text-decoration:underline;}
#listdaotao .LN {
height:auto;
border-bottom:1px dotted #ccc;
padding-bottom:5px;margin-bottom:10px;
}
#nextpage{
width:610px;
margin:0;
padding:10px 10px 15px 10px;
float:left;}
.navigation a:link,.navigation a:visited,.navigation a:active {
text-decoration:none;
color:#545454;
background-color:#f9f9f9;
border:1px solid #a3a3a3;
font-size:11px;
padding:3px 6px;
text-align:center;
margin:0;}
.navigation a:hover {
background-color:#a3a3a3;
color:#fff;
border-color:#e0e0e0;}
.navigation span {
text-decoration:none;
background-color:#fff;
border:1px solid #a3a3a3;
color:#ff0000;
font-size:11px;
padding:3px 6px;}
.node-dd {width:104px; height:31px; float:right; padding:6px;}
.node-dd a {display: block; float: right; background: url(../img/sprite.png) no-repeat; width: 104px; height: 31px}
#LN-detail{
background:#fff; width:650px;
margin:10px 0 0 0; padding:20px 10px; overflow:hidden; line-height:25px; color:#56595c;}
.cform{
background:url(../img/Kngang.jpg) repeat-x;
width:630px;
margin:20px 0 0 0;
padding:20px 0 0 0;
line-height:24px;}
#photo{
background:#fff; width:640px;
margin:10px 0 0 0; padding:20px 5px; overflow:hidden; line-height:18px; color:#56595c;}
#photo ul{
width:640px;
margin:0; padding:0; overflow:hidden; display:inline; float:left;}
#photo li{
height:198px;
margin:0; padding:0 5px 10px 5px;
overflow:hidden; display:inline; float:left;}
#Pview{
width:203px; height:198px;
margin:0; padding:0;}
.Pimg{
background:url(../img/Pbgr.jpg) no-repeat;
width:201px; height:141px;
margin:0; padding:1px 1px 11px 1px; position:relative;}
.Ppng{
background:url(../img/AlbumB.png) no-repeat;
width:51px; height:38px;
bottom:11px; right:1px; z-index:100; position:absolute;}
.Pinfo{
width:203px; height:45px;
margin:0; padding:0; overflow:hidden; line-height:16px;}
.Pinfo a{color:#56595c;} .Pinfo a:hover{color:#000;}
.Pl{width:50%; float:left; font-size:9px; padding:1px 0 0 0; color:#bababc;}
.Pr{width:50%; float:right; text-align:right; font-size:9px; padding:1px 0 0 0; color:#bababc;}
a.dd-download {background-position:0 0;}
a.dd-download:hover {background-position:0px -31px}
/* Sitemaps */
#sitemap {
background:#fff; width:560px;
margin:10px 0 0 0; padding:20px 10px 10px 100px; overflow:hidden;
}
#sitemap a {
text-decoration:none;
color:#000;
}
#sitemap a:hover {
color:#ff6600;
}
#sitemap .home, #sitemap .webmail, #sitemap .addressbook, #sitemap .contact {
font-weight:bold;
padding-left:25px;line-height:15px;
padding-bottom:10px;
}
#sitemap .home {
background: url(../mics/home.gif) no-repeat top left;
}
#sitemap .webmail {
background: url(../mics/fax.gif) no-repeat top left;
}
#sitemap .addressbook {
background: url(../mics/addressbook.gif) no-repeat top left;
}
#sitemap .contact {
background: url(../mics/mail.gif) no-repeat top left;
}
span.firstlevel {
font-weight:bold;
}
/* Clearfix */
* html .clearfix {
height: 1%; /* IE5-6 */
}
.clearfix {
display: inline-block; /* IE7xhtml*/
}
html[xmlns] .clearfix {
display: block; /* O */
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
line-height: 0;
font-size: 1px;
overflow: hidden;
}
#vote {
display:none;
min-width:850px;
min-height:500px;
background:#fff;
margin:20px;
padding:10px;
}
| .. | |||||
| css.css | |||||
| layout.css | |||||
| style.css | |||||
| style1.css | |||||
| style4.css | |||||
| style6.css |