File "style.css"
Full path: E:/sites/Single15/tinmung2007/webroot/THDC-Hai- Ngoai/style.css
File size: 7.04 KiB (7208 bytes)
MIME-type:
Charset: utf-8
*{padding: 0; margin: 0; }
ul {list-style: none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";text-decoration: none;}
.main{
width: 0px;
margin: 0px;
align: center;
}
.menutop a{
text-decoration: none;
color: white;
font-size: 13px;
}
/*absolute để nổi lên trên*/
.menu ul{
position: absolute;
top: 42px;
left: 0;
display: none;
}
/*khung của menutop*/
.menutop{
border: 0px solid #ED1316;
text-decoration: none;
width: 1200px;
height: 30px;
}
.menutop li{
position: relative;
float: left;
/* width 150 gồm 8 phần bằng 1200px*/
width: 150px;
line-height: 30px;
text-align: center;
/* padding 3px làm to bản menu ra*/
padding: 3px;
background: #34ace9;
/* 15px đẩy ra vừa với panno*/
border: 1px dotted #EDD9D9;
cursor: pointer;
}
/*absolute để nổi lên trên*/
.menutop ul {
position: absolute;
top: 42px;
left: 0;
display: contents;
}
.menutop ul li a {
line-height: 30px;
/*padding 10px thay vua noi dung con*/
padding: 0px 20px 0px 10px;
text-decoration: none;
color: #fff;
font-size: 12px;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif'"serif";
}
/*khi rê chuột vào màu nổi lên*/
.menutop li:hover{
background: #2693ED;
/* line height 30px bằng với khung cũ*/
line-height: 30px;
cursor: pointer;
}
/*menu top là cháu nổi lên */
.menutop ul ul {
left: 350px;
top: 30px;
}
/*chinh menu con #F4E9E9*/
.menutop ul li ul {
border: 0px dotted #F7F7F7;
line-height: 30px;
/* left làm vưa khung với menu mẹ*/
left: 0px;
display: none; /* none de khong xô xuống */
}
/*khung chu menutop và con*/
/*phai co display block no mơi hiên tin vui ra*/
.maincontent {
border: 0px solid #16708a; /*khung của head va Menu luôn*/
width: 1200px; /*nếu để 100% sẽ dán cả left và right*/
padding: 0px 0px 0px 0px;
}
.contentleft {
border: 0px solid #F91115; /*khung của left*/
margin-right: 340px;/*do rong của khung left*/
line-height: 1.8em;
margin-left: 0px;
padding: 0px 0px 0px 0px;
}
.menu {
background: #2c3e50;
}
.menu-main {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.menu-main > li {
position: relative;
}
.menu-main > li > a {
display: block;
padding: 15px 20px;
color: white;
text-decoration: none;
}
.menu-main > li:hover {
background: #34495e;
}
/* submenu */
.submenu {
display: none;
position: absolute;
background: white;
list-style: none;
padding: 0;
margin: 0;
min-width: 150px;
}
.submenu li a {
display: block;
padding: 10px;
color: black;
}
.submenu li a:hover {
background: #eee;
}
/* hover hiện menu */
.menu-main li:hover .submenu {
display: block;
}
.contentright {
margin-right: -150%;
width: 350px;
float: left;/*lam cho content right nổi lên đúng vị trí*/
border: 0px solid #3236e7; /*khung bao lên cả chữ Home*/
margin-left: 0px;
padding: 0px 5px 5px 0px;
line-height: 1.8em; /* anh huong text mục luc */
}
.contentleft img {
border: 0px solid #fff;
padding: 0px 0px 0px 0px;
margin: 5px 10px 5px 30px;/*khung hình bên left*/
float: left;
}
.contentleft img2{
border: 1px solid #F70808;
padding: 0px 550px 0px 0px;
margin: 5px 0px 5px 5px;
float:right;/*khung hình bên left*/
}
.contentright img {
border: 0px solid #DC1418; /*khung bao quanh cac hinh */
padding: 0px 0px 0px 0px;/*dau sao nhap nhay*/
margin: 0px;/*phải có margin thì sao mới đứng sát chữ*/
float: inherit; /*phai de inherit no moi dua icon tin bai mới ra left*/
}
.down{
line-height: 25px;
width: 80%;
}
.search{
line-height: 25px; /* thanh co img */
width: 200px;
background-color: #fff;
margin-left: 120px; /*khoang cach vua voi tin bai mói*/
border-radius: 15px;
cursor: pointer;
padding-left: 0px;
border: 0px;
}
.search input{
width: 150px; /*thanh tim kiem*/
height: 30px; /* 30 và h1 phai bằng sô nhau */
padding-left: 10px; /* dich text vao 10px*/
font-size: 12px;
background-color:#fff;
border-radius: 30px;
border: 0px;
}
.search img{
background-color: #fff;
border: 0px;
cursor:pointer;}
.search button {
border: 0px;}
.table{
border: 0px solid #E82A2E; /*khung bao content ben right sau QP*/
padding: 0px 20px 0px 20px; /*0px làm dính sát lên chữ HOMe*/
}
.dinhdang {
width: 100%;/*nó chỉ dãn bên right*/
border-radius: 5px;
box-shadow: 2px 2px 10px #0a4657;
float: left; /*khong co float left ben right biên mat */
border: 0px solid #DC0C0F; /*khung quan trong bao left và right*/
}
.dinhdang h1 {
margin: 0;
padding: 5px 25px;
line-height: 30px; /*chi anh huong ben left, 30px làm cho can bang vơi ben right */
width: 100%; /* anh huong cả ben left và ben right */
font-size: 1.2em; /*font size của sinh hoat hoi TH va tin bai moi*/
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
color: #fff000;
background: #16708a;
text-align: left;
}
.dinhdang h2 {
border: 0px solid #EF1014; /* khung của chữ bên right */
line-height: 25px; /*độ rộng của h2*/
width: 100%;
padding: 0px;
font-family: Tahoma, Geneva, sans-serif;
color: #fff000;
font-size: 0.5em; /*thong bao noi dung o right*/
background: #f6f5c2;
text-align: left;
}
.dinhdang h4{
border: 0px solid #ED1014; /*khong thay bat ra ơ chỗ nào */
line-height: 25px;
width: 100%;
padding: 0px;
font-family: tahoma;
color: #EAF805;
font-size: 16px;
background: #fff000;
text-align: left;
}
.dinhdang h5 {
border: 0px solid #EB1317; /*khung chu duoi hinh */
color: #FFF;
background: #CCCCCC;
font-size: 12px;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.footer {
border: 0px solid #E42528;
width: 1200px;
clear: both;
background: #665758;
color: white;
padding: 0px 0px 0px 0px;
text-align: center;
font-family: arial;
font-size: 13px;
}
.maincontent .contentleft .dinhdang table tr table tr td p font strong {
color: #00F;
}
.marquee-container {
overflow: hidden;
white-space: nowrap;
background: #f1f1f1;
padding: 10px 0;
}
.marquee-container {
overflow: hidden;
white-space: nowrap;
background: #f1f1f1;
padding: 10px 0;
}
.marquee-content {
display: inline-block;
padding-left: 100%;
animation: marquee 20s linear infinite;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
.marquee {
width: 100%;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
}
.marquee span {
display: inline-block;
padding-left: 100%;
animation: marquee 30s linear infinite;
}
@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}