Code

/*
Theme Name: Công ty Vệ sinh môi trường đô thị Hà Nội
Theme URI: http://hutbephot
Author: Code by Tiến Phạm(T89) Design by Quý Nguyễn
Author URI: http://lat.vn
Description: Theme Wordpress của Công ty Vệ sinh môi trường đô thị Hà Nội. Được
phát triển bởi LAT - http://lat.vn
Version: 1.0
*/
@charset "utf-8";
/* CSS Document */
* {margin:0 ; padding:0 ; text-decoration:none}
body { background:#e1e1e1; font-family:Tahoma,Verdana, Geneva, sans-
serif}
.clear {clear:both}
.title { padding-left:40px ; font:bold 14px/32px Tahoma, Geneva, sans-serif ;
color:#FFF ; text-transform:uppercase ; text-align:left ; background:#69b12f }
.support-icon{ background:#69b12f url(icon/support-icon.png) 11px center no-repeat}

.menu-icon { background:#69b12f url(icon/menu-icon.png) 11px center no-repeat}
.video-icon { background:#69b12f url(icon/video-icon.png) 11px center no-repeat}
.mxh-icon { background:#69b12f url(icon/support-icon.png) 11px center no-
repeat}
.about-icon { background:#69b12f url(icon/about-icon.png) 11px center no-repeat}
.news-icon { background:#69b12f url(icon/news-icon.png) 11px center no-repeat}
.container { width:960px ; padding:10px ; margin:0 auto ; background:#FFF}
.top-banner { float:left ; width:960px ; height:185px}
.wrap-menu-primary { float:left ; width:960px ; height:32px ; background:#69b12f ;
margin-top:5px }
.menu-primary { list-style:none}
.menu-primaryli { float:left ; }
.menu-primaryli a { font:bold 14px/32px Tahoma, Geneva, sans-serif;
color:#FFF ; float:left ; height:32px ; padding:0 15px}
.menu-primaryli a:hover { color:#333}
.menu-primaryli:first-child > a {margin-left:23px ; padding-left:36px ;
background:url(icon/home.png) no-repeat left center}
.wrap-menu-primary form { float:right ; margin-right:30px; margin-top:3px}

.wrap-menu-primary form input { width:190px ; height:24px ; border-radius:2px ;
box-shadow:none ; border:1px solid #FFF; padding-left:10px}
.entry-content form input{width:190px ; height:24px ; border-radius:2px ; box-
shadow:none ; border:1px solid #c9c8ce; padding-left:10px;margin: 10px auto;}
.wrap-menu-primary form input:focus {outline:none}
.main-wrap {float:left; margin-top:5px}
.aside {float:left ; width:200px ;}
.main-content {float:left ; width:755px ; margin-left:5px}
.support,.supporter {float:left ; width:100%}
.support {min-height:190px}
.supporter {font:bold 12px Tahoma, Geneva, sans-serif ;
color:#69b12f; background:#FFF}
.supporter span {color:#333}
.supporter p {margin-top:10px}
.supporter img {float:left ;margin:10px 10px 0 0 }
.menu,.video,.mxh,.slide,.about-home,.news-home {float:left ; width:100%}
.menu,.video,.mxh,.news-home {margin-top:5px}
.news-home {margin-top:0}
.menu ul {float:left ; margin:10px 0 ; list-style:none}

.menu ul li {float:left ; width: 100% ; position:relative ; border-bottom:1px
dashed #69b12f}
.menu ul li a {float:left ;margin:0 -1px 0 0 !important; padding-left:22px !
important ; background:url(icon/a-title.png) 5px 11px no-repeat !important ; font:bold
11.4px/32px Tahoma, Geneva, sans-serif ; color:#333 ; height:auto }
.menu ul li:hover { background:#ededed}
.menu .sub-menu {margin:0 ; display:none ; position:absolute ; left:100% ;
width:269px ; background:#FFF}
.menu .sub-menu li a { background:none !important}
.menu .sub-menu li a:hover { color:#69b12f}
.mxh {padding-bottom:10px}
.mxh a { float:left ; margin-top:5px ; margin-right:5px ; opacity:0.8}
.mxh a:hover { opacity:1}
.slide {width:100% ; height:190px ; background:red ;margin-bottom:5px}
.about-home { background:url(icon/hoa.png) 300px bottom no-repeat ;
border-bottom:1px dashed #69b12f ; margin-bottom:5px}
.about-home img { float:left ; margin:10px 10px 10px 0}
.about-home h2 { font:bold 18px Tahoma, Geneva, sans-serif ; color:#69b12f ;
margin-top:10px}
.bold-xanh {font:bold 14px Tahoma, Geneva, sans-serif ; color:#69b12f}

.about-home strong {line-height:25px}
.about-home p:last-child {margin:10px 0 30px ; text-align:center}
.post {float:left ; width:357px ; height:120px ; padding:10px}
.post img {float:left ;margin:0 10px 0 0;width:170px;height: 130px}
.post a { color:#69b12f ; font-size:14px}
.post a:hover { color:#333}
.post p {font-size:12px ; margin-top:5px; line-height:15px ; }
.page-navi {float:left ; width:100%}
footer {float:left ; width:100% ; height:152px ; background:#69b12f url(icon/footer-
bg.png) no-repeat right bottom ; margin-top:20px ; color:#FFF;font:bold 14px
Tahoma, Geneva, sans-serif ; line-height:25px }
footer h1 {font-size:14px}
footer div:first-child {margin:25px 0 0 30px}
.entry-header {}
.entry-title {}
.entry-meta {font:bold 14px Tahoma, Geneva, sans-serif ; color:#666 ;
margin-top:10px ; margin-bottom:10px ; border-bottom:1px dashed #69b12f ;
padding-bottom:10px}
.entry-meta span {margin-right:20px}

.entry-meta a {color:#69b12f}
.entry-meta a:hover { text-decoration:underline}
.entry-content p { margin:15px 0 0 0 ; font:normal 14px Tahoma, Geneva, sans-
serif ;color:#333 ; text-align:justify}
<!DOCTYPE html>
<html
<title><?php wp_title('|', true, 'right'); ?></title>
<meta charset="utf-8">
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?
>/js/jQuery 1.10.2.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?
>/js/jquery.flexslider-min.js"></script>
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?
>/css/flexslider.css">
<script>
$(document).ready(function(e) {
$('.menu-item').hover(function(e) {
$(this).find('.sub-menu').stop(true, false).show(0);
}, function() {
$(this).find('.sub-menu').stop(true, false).hide(0);
});
});
</script>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width">

Code

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (20)

Code