/* ------------------------------------------------------------------------- * * Reset - Theme by ldhiep.design@gmail.com * ------------------------------------------------------------------------- */ @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,500); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ------------------------------------------------------------------------- * * Base Styles /* ------------------------------------------------------------------------- */ body { font:12px Arial, Helvetica, sans-serif; line-height: 1.5em; color: #333; } ::selection { background: #1167a8; color: #fff; } ::-moz-selection { background: #1167a8; color: #fff; } a { color: #1167a8; text-decoration: none; outline: 0; } a:hover { color: #333; } img { max-width: 100%; height: auto; } a, a:before, a:after { -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease; } a img { -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } address,cite,em { font-style: italic; } strong { font-weight: 600; } .left,.alignleft { float: left; } .right,.alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; } :focus { outline: 0 !important; } /* base : clear /* ------------------------------------ */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; } /* base : font awesome square size /* ------------------------------------ */ .fa { width: 1em; text-align: center; } /* base : fonts /* ------------------------------------ */ /* base : forms /* ------------------------------------ */ input, textarea, button, select, label { font-family: inherit; } /* base : entry /* ------------------------------------ */ .entry { font-size: 16px; line-height: 1.6em; text-align:justify } .entry p, .entry dd { margin-bottom: 1em; } .entry dt { color: #444; } .entry ol, .entry ul { margin: 0 0 15px 30px; } .entry ol ol, .entry ol ul, .entry ul ul, .entry ul ol { margin-bottom: 0; } .entry li { margin: 0; } .entry ul li, .entry ol ul li { list-style: square; } .entry ol li, .entry ol ul ol li { list-style: decimal; } .entry dt { font-weight: 600;} .entry address { margin-bottom: 1em; } .entry blockquote { position: relative; color: #777; font-style: italic; margin: 0 0 20px 0; padding-left: 50px; } .entry blockquote p { margin-bottom: 0.75em; } .entry blockquote:before { content: "\f10d"; color: #ccc; font-size: 32px; font-style: normal; font-family: FontAwesome; text-align: center; position: absolute; left: 0; top: 0; } .entry blockquote.twitter-tweet:before { content: "\f099"; } .entry code, .entry pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 11px; } .entry pre { background: url(https://vufo.org.vn/images/pre.png) repeat top; padding: 18px 20px; margin: 30px 0; border: 1px solid #ddd; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; } .entry code { background: #eee; padding: 0 3px; } .entry ins { background: #fff486; } .entry sub, .entry sup { font-size: 62.5%; } .entry sub { vertical-align: sub; } .entry sup { vertical-align: super; } /* image position & caption */ .entry img.size-auto, .entry img.size-large, .entry img.size-medium, .entry attachment img { max-width: 100%; height: auto; } .entry img.alignleft { margin: 18px 20px 18px 0; } .entry img.alignright { margin: 18px 0 18px 20px; } .entry img.aligncenter { margin: 18px auto; clear: both; display: block; } .entry img .size-full { width: 100%!important; } .entry .gallery img, .entry img.wp-smiley { margin: 0; } .entry .wp-caption { background: #f1f1f1; max-width: 100%; margin-bottom: 14px; padding-top: 5px; text-align: center; } .entry .wp-caption-text { font-style: italic; } .entry .wp-caption a { border-bottom: none; } .entry .wp-caption img { margin: 0; max-width: 100%; height: auto; } .entry .wp-caption.alignleft { margin-right: 20px; } .entry .wp-caption.alignright { margin-left: 20px; } .entry .wp-caption.alignnone { width: 100%!important; overflow: hidden; } .entry .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; } .entry .wp-caption-text { color: #999; font-size: 13px; padding: 0 0 8px 0; margin: 0; } /* table */ .entry table { font-size: 14px; margin-bottom: 1.5em; width: 100%; text-align: center; } /*.entry table tr.alt {} .entry table td { border-bottom: 1px solid #f1f1f1; text-align: center; padding: 5px; vertical-align: middle; } */ .entry table td {padding: 5px; vertical-align: middle;text-align:left; } .entry table th { font-weight: 600; text-align: center; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 5px; } /* default gallery */ .entry .gallery { clear: both; overflow: hidden; width: 100%; margin: 15px 0!important; } .entry .gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: transparent!important; } .entry .gallery .gallery-item { position: relative; overflow: hidden; border-color: transparent; margin-top: 0!important; } .entry .gallery .gallery-caption { background: rgba(255,255,255,0.8); color: #333; font-size: 13px; line-height: 1.4em; padding: 10px 0; text-align: left; text-indent: 10px; font-style: normal; margin: 0; bottom: -44px; left: 2px; right: 2px; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%; transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; } .entry .gallery .gallery-item:hover .gallery-caption { bottom: 0; } .entry .gallery-columns-5 .gallery-caption, .entry .gallery-columns-6 .gallery-caption, .entry .gallery-columns-7 .gallery-caption, .entry .gallery-columns-8 .gallery-caption, .entry .gallery-columns-9 .gallery-caption { display: none!important; } /* base : headings /* ------------------------------------ */ h1, h2, h3, h4, h5, h6 { color: #444; font-weight: 600; -ms-word-wrap: break-word; word-wrap: break-word; } .entry h1 span, .entry h2 span, .entry h3 span, .entry h4 span, .entry h5 span, .entry h6 span { color: #bbb; } .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 { margin-bottom: 14px; font-weight: 400; line-height: 1.3em; } .entry h1 { font-size: 38px; letter-spacing: -1px; } .entry h2 { font-size: 34px; letter-spacing: -0.7px; } .entry h3 { font-size: 28px; letter-spacing: -0.5px; } .entry h4 { font-size: 24px; letter-spacing: -0.3px; } .entry h5 { font-size: 20px; font-weight: 600; } .entry h6 { font-size: 18px; font-weight: 600; text-transform: uppercase; } .heading, #reply-title { font-weight: normal; font-size: 18px; text-transform: uppercase; font-weight: 600; margin-bottom: 1em; } .heading i { font-size: 22px; margin-right: 6px; } .focus-wrap figure { max-height: 120px; overflow: hidden; margin-bottom: 5px; } .focus-wrap .title-l { font-size: 13px; line-height: 18px; color: #333; border-bottom:1px solid #ddd; display: block; padding-bottom: 8px; } /* ------------------------------------------------------------------------- * * Base Structure /* ------------------------------------------------------------------------- */ /* base : layout /* ------------------------------------ */ #wrapper { min-width: 1024px; height: 100%; } .container { width: 1024px; margin:0 auto; } .container-inner { max-width: 1380px; min-width: 1380px; width: 99%; margin: 0 auto; } .main { background-color: #fff!important; position: relative; } .main-inner { position: relative;/* min-height: 600px;*/ /* instead of sticky footer */ } .content { width: 100%; position: relative; background:#fff; } .pad { padding: 30px 10px 25px 0px; } .pad-cm { padding: 0px 15px 15px 0px;} /* boxed */ .boxed #wrapper { max-width: 1380px; margin: 0 auto; -webkit-box-shadow: 6px 0 0 rgba(0,0,0,0.04), -6px 0 0 rgba(0,0,0,0.04); box-shadow: 6px 0 0 rgba(0,0,0,0.04), -6px 0 0 rgba(0,0,0,0.04); } .boxed .container { padding: 0; } .boxed #page { background: #eaeaea; padding-bottom: 1px; } /* base : layout columns /* ------------------------------------ */ /* 2 column, content left */ .col-2cl .main-inner { background: url(https://vufo.org.vn/images/sidebar/s-right-s1.png) repeat-y right 0; padding-right: 340px; } .col-2cl .s1 { float: right; margin-right: -340px; } .col-2cl .content { float: left; } /* 2 column, content right */ .col-2cr .main-inner { background: url(https://vufo.org.vn/images/sidebar/s-left.png) repeat-y left 0; padding-left: 340px; } .col-2cr .s1 { float: left; margin-left: -340px; } .col-2cr .content { float: right; } /* 3 column, content middle */ .col-3cm .main {/* background: url(https://vufo.org.vn/images/sidebar/s-right-s2.png) repeat-y right 0;*/ padding:0px; } .col-3cm .main-inner {/* background: url(https://vufo.org.vn/images/sidebar/s-left.png) repeat-y left 0;*/ padding-right: 300px; } .col-3cm .s1 { float: left; margin-left: -300px; } /* .col-3cm .s2 { float: right; margin-right: -300px; position: relative; right: -100%; } */ .col-3cm .s2 { float: left; margin-right: -300px; /* ingenuity! */ position: relative;} .col-3cm .content { float: right; right: -1%; margin-right: -300px } /* 3 column, content left */ .col-3cl .main { background-image: none; } .col-3cl .main-inner { background: url(https://vufo.org.vn/images/sidebar/s-right-dual-full-expand.png) repeat-y right 0; padding-right: 600px; } .col-3cl .s1 { float: right; margin-right: -600px; } .col-3cl .s2 { float: right; margin-right: -300px; } .col-3cl .content { float: left; } /* 3 column, content right */ .col-3cr .main { background-image: none; } .col-3cr .main-inner { background: url(https://vufo.org.vn/images/sidebar/s-left-dual-full-expand.png) repeat-y left 0; padding-left: 600px; } .col-3cr .s1 { float: left; margin-left: -600px; } .col-3cr .s2 { float: left; margin-left: -300px; } .col-3cr .content { float: right; } /* base : sidebar /* ------------------------------------ */ .sidebar { position: relative; z-index: 2; } .sidebar .pad { padding-left: 20px; padding-right: 20px; } .sidebar-top { padding: 3px 0 3px 0; } .sidebar-top p { float: left; color:#FF0004; font-size: 13px; font-weight: 700; text-transform: uppercase; line-height: 20px; } .sidebar-toggle { display: none; text-align: center; cursor: pointer; width: 100%; height: 60px; -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); } .sidebar-toggle i { font-size: 38px; color: #fff; padding: 10px 0; } .s1-expand .s1, .s2-expand .s2 {-moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; } /* toggle icon */ .icon-sidebar-toggle:before { font-family: FontAwesome; } .col-2cl .s1 .icon-sidebar-toggle:before, .col-3cl .s1 .icon-sidebar-toggle:before, .col-3cm .s2 .icon-sidebar-toggle:before, .col-3cl .s2 .icon-sidebar-toggle:before { content: "\f100"; } .col-2cr .s1 .icon-sidebar-toggle:before, .col-3cm .s1 .icon-sidebar-toggle:before, .col-3cr .s1 .icon-sidebar-toggle:before, .col-3cr .s2 .icon-sidebar-toggle:before { content: "\f101"; } /* sidebar primary */ .s1 { width: 300px; z-index: 2; } .s1:hover { z-index: 98; /* social icons tooltip above header nav */ } .s1 .sidebar-top, .s1 .sidebar-toggle { background: #1167a8; } @media only screen and (min-width: 479px) and (max-width: 960px) { .s1 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; } .s1 .sidebar-top p { color: #666; } .s1 .sidebar-top .social-links .social-tooltip { color: #666; } } /* sidebar secondary */ .s2 { width: 300px; z-index: 1; } .s2 .sidebar-top, .s2 .sidebar-toggle { background: #fff; } @media only screen and (min-width: 479px) and (max-width: 979px) { .s2 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; } .s2 .sidebar-top p { color: #666; } .s2 .sidebar-toggle { background: #c00; border-bottom: none!important;} } .box_adv { text-align:center; padding:6px 0; clear:both } .adv_728 { margin-top:10px; clear:both} /* base : grid /* ------------------------------------ */ .grid-vp { margin-right: 3%; float: left; display: inline; position: relative; } .bd-gl { border-left:1px solid #ccc; padding-left:3%; margin-right:0!important} .grid { margin-right: 2%; float: left; display: inline; position: relative; } .last { clear: right; margin-right: 0!important; } .one-full { margin-right: 0; width: 100%; overflow: hidden; } .one-half { width: 46.8%; } .one-third { width: 32%; } .two-third { width: 65.6%; } .one-fourth { width: 20%; } .three-fourth { width: 78%; } .one-fifth { width: 27%; } .two-fifth { width: 28%; } .three-fifth { width: 69%; } .four-fifth { width: 79.4%; } .mrr { margin-right: 8%; float: left; display: inline; position: relative; } .one-star { width: 28%; } .title-hot { padding:6px 0; text-transform:uppercase; font-size:16px; color:#FF0004; margin-bottom:10px;} #col-gl-vd { clear:both; border-top:3px solid #ccc;} .module-videos { margin: 0; padding:0 10px; } .module-videos h3 { font-size: 13px; font-weight: 400; text-align:left; color: #000; } .module-videos h3 a { color: #000;} .article-thumb { position:relative; line-height: 0; background-color: #fff9f9; } .article-thumb > a > img { width: 100%; height: auto; } .article-thumb2 > a > img { height: 200px; width: auto; } .article-thumb img { -webkit-transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; -ms-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; transition: opacity .4s ease-out; -moz-backface-visibility: hidden; width: 100%; } .post .article-thumb > a { position: relative; display: inline-block; line-height: .7em; } .module-gallery { margin: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; padding:0 10px; } .module-gallery:hover { background:#fff;} .module-gallery h3 { font-size: 13px; font-weight: 400; text-align:left; color: #000; } .module-gallery h3 a { color: #000;} .article-gallery { padding:10px 0} .article-videos { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; padding:5px 0} .title-video { color: #056a37; font-size: 18px; font-weight: 600; letter-spacing: normal; text-transform:uppercase; line-height: normal; margin:30px 0 20px 0 } .title-video .count { color: #999; font-size: 14px; font-weight: 300; letter-spacing: normal; line-height: normal; text-transform: none; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 10px; } .title-video .view { color: #333; font-size: 13px; font-weight: 300; letter-spacing: normal; line-height: normal; text-transform: none; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 10px; } .category-news { background: #f7f7f7; padding: 0 10px 10px 10px; border-top: 3px solid #108244; margin-bottom: 10px; } .videos-icon:before { background: url(https://vufo.org.vn/images/play-button.png) no-repeat 0 0; background-size: cover; content: ''; height: 60px; position: absolute; pointer-events: none; top: 50%; width: 60px; left:50%; margin-top:-30px; margin-left:-30px; z-index: 2; } .gallery-icon:before { background: url(https://vufo.org.vn/images/gallery-icon.png) no-repeat 0 0; background-size: cover; content: ''; height: 45px; right: 8px; position: absolute; pointer-events: none; top: 8px; width: 45px; z-index: 2; } .category-news header { max-height: 42px; overflow: hidden; } .category-news header h3 { display: inline-block; } .category-news header h3 a{ color:#000 } .category-news header h3 a:hover { color:#14a355} .category-news header .label { font-size: 18px; padding: 10px 1px; display: block; text-transform: uppercase; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .cate-child { margin-left: 5px; display: inline-block; } .cate-child a:after { content: "/"; color: #14a355; padding: 0 2px 0 5px; } .cate-child a:last-child:after { content: ""; padding: 0; } .cate-child a:hover { color: #14a355; } .cate-child a { font-size: 12px; color: #555; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .bv-tech { padding: 0 0 10px 0; overflow:hidden; clear:both } .bv-tech .thumb { float: left; margin: 3px 10px 0 0; width: 40px; height: 40px; display: block; overflow: hidden; position: relative; } .bv-tech .thumb img { width:40px; height:40px;} .bv-tech .title { font-size: 13px; color:#333; font-weight:500; } .bv-tech .title:hover { color:#108244} .bv-tech .thumb:hover .fa { background: rgba(0,0,0,.8); } .bv-tech .thumb .fa { font-size: 14px; color: #fff; padding: 5px; position: absolute; right: 0; top: 0; background: rgba(0,0,0,.5); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } @media only screen and (max-width: 480px) { .one-star { width: 100% !important; margin-bottom:15px; } } .grid-item-photo{ margin:0 5px 10px; background:#fff; vertical-align:top; text-align:left; -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.33); -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.33); box-shadow:0 1px 3px 0 rgba(0,0,0,.33); } .grid-item-photo .grid-item-info{ padding:0 0 15px 15px} .grid-item-photo .grid-item-info h5{ font-size:16px; text-align:left} .grid-item-video{ margin:0 5px 10px; vertical-align:top; text-align:left; -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.33); -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.33); box-shadow:0 1px 3px 0 rgba(0,0,0,.33); } .grid-item-video .grid-item-info{ padding:0 0 15px 15px} .grid-item-video .grid-item-info h5{ font-size:16px; color:#fff; text-align:left} .grid-item-video img{ height:168px !important} @media only screen and (max-width: 480px) { ul.link-top { float:none !important; text-align:center} } ul.link-top { float:right} ul.link-top li{ display:inline} ul.link-top li a{ color:#333; } ul.link-top li span { padding:0 6px;} ul.link-top li a:hover{ text-decoration:underline} /* ------------------------------------------------------------------------- * * Common Elements /* ------------------------------------------------------------------------- */ /* common : responsive videos /* ------------------------------------ */ .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* common : responsive image + caption /* ------------------------------------ */ .image-container { position: relative; text-align:center; } .image-container img {width:auto; height: auto; } .image-caption { background: rgba(0,0,0,0.7); color: #fff; font-size: 13px; line-height: 1.3em; font-style: italic; padding: 8px 10px; position: absolute; bottom: 8px; left: 8px; margin-right: 8px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); } /* common : social links /* ------------------------------------ */ .social-links { float: right; position: relative; padding-top: 2px; } .social-links li { display: inline-block; margin-left: 8px; line-height: 16px; font-size: 0; } .social-links li a { display: block!important; position: relative; text-align: center; } .social-links .social-tooltip { color: #fff; color: rgba(255,255,255,0.7); font-size: 24px; display: inline; position: relative; z-index: 98; } .social-links .social-tooltip:hover { color: #fff; text-decoration: none; } .social-links .social-tooltip:hover:after { top: -36px; background: #fff; font-size: 14px; color: #666; content: attr(title); display: block; right: 0; padding: 5px 15px; position: absolute; white-space: nowrap; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); box-shadow: 0 0 2px rgba(0,0,0,0.2); } .social-links .social-tooltip:hover:before { top: -10px; right: 8px; border: solid; border-color: #fff transparent; border-width: 5px 5px 0 5px; content: ""; display: block; position: absolute; z-index: 1; } /* common : page title /* ------------------------------------ */ .page-title { background: #fff; position: relative; padding-top: 0px; padding-bottom: 2px; color: #000; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 24px; } .page-title a { color: #aaa; } .page-title a:hover { color: #000; } .page-title span { color:#FF0004; } .page-title i { margin-right: 8px; } .page-title h1, .page-title h2, .page-title h4 { color: #FF0004; font-size:18px; } .page-title .meta-single li { float: left; margin-right: 14px; } .page-title .meta-single li.comments { float: right; margin-right: 0; } /* common : notebox /* ------------------------------------ */ .notebox { background: #f0f0f0; position: relative; padding: 12px 15px; color: #888; margin-bottom: 30px; } .notebox:before { content:''; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #f1f1f1; position: absolute; top: -8px; left: 13px; } .notebox:after { content:''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f1f1f1; position: absolute; top: -5px; left: 15px; } .notebox span { font-weight: 600; } .notebox .search-again { margin-top: 10px; } .notebox input[type="text"] { width: 100%; } /* common : page image /* ------------------------------------ */ .page-image { overflow: hidden; position: relative; margin: 0 0 30px 0; } .page-image-text { position: absolute; top: 50%; margin-top: -35px; width: 100%; text-align: center; } .page-image-text .caption { color: #fff; font-size: 44px; line-height: 70px; text-transform: uppercase; font-weight: 600; text-shadow: 0 0 20px rgba(0,0,0,0.3); } .page-image-text .description { display: block; color: #fff; font-size: 15px; line-height: 36px; font-weight: 300; } .page-image-text .description i { background: rgba(0,0,0,0.7); opacity: 0.9; font-style: normal; padding: 6px 10px; -webkit-border-radius: 2px; border-radius: 2px; } /* common : pagination /* ------------------------------------ */ .pagination { margin-bottom: 15px; clear:both} .pagination a { font-size: 18px; font-weight: 600; } /* common : thumb icon /* ------------------------------------ */ .thumb-icon { background: rgba(0,0,0,0.7); color: #fff; text-align: center; display: block; width: 32px; height: 32px; position: absolute; bottom: 20px; left: 20px; -webkit-border-radius: 6px; border-radius: 6px; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-box-shadow: 0 0 2px rgba(255,255,255,0.4); box-shadow: 0 0 2px rgba(255,255,255,0.4); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .thumb-icon i { font-size: 18px; padding: 7px 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .thumb-icon .fa-play { margin: -1px 0 0 2px; } .thumb-icon.small { width: 24px; height: 24px; position: absolute; bottom: 14px; left: 14px; -webkit-border-radius: 4px; border-radius: 4px; } .thumb-icon.small .fa { font-size: 14px; line-height: 16px; padding: 5px 0; } .thumb-icon.small .f-play { margin: -1px 0 0 2px; } /* common : nav /* ------------------------------------ */ .nav-container { background: #888; z-index: 99; position: relative; } .nav-toggle { display: none; background: #777; cursor: pointer; float: left; height: 31px; width: 41px; color: #fff; text-align: center; } .nav-toggle i { font-size: 22px; padding: 7px 0; } .nav-text { display: none; float: right; font-size: 16px; line-height: 24px; padding: 13px 20px; } .nav li > a:after, .nav > li > a:after { font-family: FontAwesome; display: inline-block; } @media only screen and (min-width: 979px) { .nav-wrap { height: auto!important; } /* common */ .nav { font-size: 0; position: relative; } .nav li a { color: #ccc; display: block; line-height: 20px; } /* dropdown arrows */ .nav li > a:after { content: "\f054"; float: right; opacity: 0.5; } .nav > li > a:after {content: "\f106"; float: none; margin-left: 6px; font-size: 14px; line-height: 1.2em; } .nav li > a:only-child:after {content: ""; margin: 0; } #footer .nav li > a:after { content: "\f054"; } #footer .nav > li > a:after { content: "\f0d8"; } #footer .nav li > a:only-child:after { content: ""; } /* level 1 */ .nav > li { font-size: 15px; border-right: 1px solid #999; display: inline-block; position: relative; } .nav > li > a { padding: 11px 5px 10px 12px; } .nav > li > a:hover, .nav > li:hover > a { background: #006aae; } .nav li > a:hover, .nav li:hover > a, .nav li.current_page_item > a, .nav li.current-menu-item > a, .nav li.current-menu-ancestor > a, .nav li.current-post-parent > a { color: #fff; } /* level 2 & 3 */ .nav li:hover > ul { display: block; } .nav ul { display: none; background: #006aae; position: absolute; left: 0; top: 41px; width: 200px; padding:0; z-index: 2; -webkit-transform: translateZ(0); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 2px 2px rgba(0,0,0,0.15); } .nav ul li { position: relative; display: block; padding: 0; } .nav ul li a { padding: 10px 12px; } .nav ul li:last-child { border-bottom: 0!important; } /* level 3 */ .nav ul ul { position: absolute; top: 0px; left: 200px; } } @media only screen and (max-width: 979px) { .nav { font-weight: 600; } .nav-container { text-transform: none; } .nav-toggle, .nav-text { display: block; } .nav-wrap { position: relative; float: left; width: 100%; height: 0;overflow: hidden; } .nav-wrap.transition { -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .expand .nav-wrap { height: auto; } /* iphone fix */ .safari .nav-wrap.transition { -webkit-transition: none; transition: none; } /* common */ .nav { float: left; width: 100%; } .nav li a { line-height: 20px; display: block; padding: 8px 20px; } .nav li li a { padding-left: 15px; padding-right: 15px; } /* dropdown arrows */ .nav li > a:after { content: '\f107'; opacity: 0.5; margin-left: 6px; } .nav > li > a:after { content: '\f107'; font-size: 14px; } .nav li > a:only-child:after { content: ''; } /* level 1 */ .nav > li { font-size: 15px; } .nav li > a:hover, .nav li.current_page_item > a, .nav li.current-menu-item > a, .nav li.current-post-parent > a { color: #fff; } /* level 2 & 3 */ .nav ul { display: block!important; margin-left: 40px; } .nav ul li { font-size: 13px; font-weight: 300; } .nav ul li a { padding-top: 6px; padding-bottom: 6px; } } /* ------------------------------------------------------------------------- * * Section: Header /* ------------------------------------------------------------------------- */ #header { /*background: #33363b;*/ position: relative;} #header .fix { padding:0 0 2px 5px; /*background: #fff;*/ } #header .container-inner { position: relative; } .site-title { font-size: 42px; font-weight: 600; letter-spacing: -0.5px; float: left; line-height: 60px; padding: 10px 0; } .site-title a { display: block; color: #fff; max-width: 100%; } .site-title a img { display: block; max-width: 100%; max-height: 60px; height: auto; padding: 0; margin: 0 auto; -webkit-border-radius: 0; border-radius: 0; } .site-description { font-size: 16px; font-style: italic; color: #fff; color: rgba(255,255,255,0.5); float: left; margin-left: 20px; line-height: 60px; padding: 10px 0; } .site-image { display: block; margin: 0 auto; max-height: 400px; } #header-ads { float: right; } #header-ads h3 { display: none; } #header-ads img { display: block; } /* header : search /* ------------------------------------ */ .toggle-search { color: #fff; font-size: 18px; line-height: 24px; cursor: pointer; padding: 8px 16px; display: block; position: absolute; right: 0; top: -40px; -webkit-box-shadow: -1px 0 0 rgba(255,255,255,0.1); box-shadow: -1px 0 0 rgba(255,255,255,0.1); } .toggle-search:hover, .toggle-search.active { background:#108244; color: #fff; } .search-expand { display: none; background: #108244; position: absolute; top: 0; right: 0; width: 100%; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1); box-shadow: 0 1px 0 rgba(255,255,255,0.1); } .search-expand-inner { background: rgba(0,0,0,0.15); padding:5px; } .search-expand .themeform input { width: 100%; border:none; border-radius: 0; } .search-expand .themeform input:focus { } @media only screen and (max-width: 979px) { .toggle-search { padding: 13px 16px; color:#fff; border:none } .toggle-search:hover, .toggle-search.active { background:#108244; color: #fff; } } /* header : nav topbar /* ------------------------------------ */ #nav-topbar.nav-container { background: #26272b; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15); box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15); } #nav-topbar .nav-toggle { background: transparent; color: #fff; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.06); box-shadow: inset 1px 0 0 rgba(255,255,255,0.06); } #nav-topbar .nav-text { color: #fff; color: rgba(255,255,255,0.7); } @media only screen and (min-width: 1025px) { /* fixed nav */ .full-width.topbar-enabled #header { padding-top: 50px; } .full-width #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; } .full-width.admin-bar #nav-topbar.nav-container { top: 32px; } } @media only screen and (min-width: 979px) { /* common */ #nav-topbar .container { padding-left: 15px; } #nav-topbar .nav { } #nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.7); } /* level 1 */ #nav-topbar .nav > li { border-right: none; } #nav-topbar .nav > li > a:hover, #nav-topbar .nav > li:hover > a { background-color: rgba(0,0,0,0.1); } #nav-topbar .nav li > a:hover, #nav-topbar .nav li:hover > a, #nav-topbar .nav li.current_page_item > a, #nav-topbar .nav li.current-menu-item > a, #nav-topbar .nav li.current-menu-ancestor > a, #nav-topbar .nav li.current-post-parent > a { color: #fff; } /* level 2 & 3 */ #nav-topbar .nav ul { background: #26272b url(https://vufo.org.vn/images/opacity-10.png) repeat; } #nav-topbar .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); } #nav-topbar .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; } } @media only screen and (max-width: 979px) { /* common */ #nav-topbar .container { padding-left: 0; } #nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(255,255,255,0.06); } /* level 1 */ #nav-topbar .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; } #nav-topbar .nav li.current_page_item > a, #nav-topbar .nav li.current-menu-item > a, #nav-topbar .nav li.current-post-parent > a { background: rgba(0,0,0,0.15); color: #fff; } } /* header : nav header /* ------------------------------------ */ #nav-header.nav-container { background:#056a37;} #nav-header .container { padding: 0 0; } #nav-header .nav-toggle { background: transparent; color: #fff; border-right:1px solid #005E97;} #nav-header .nav-text { color: #fff; color: rgba(255,255,255,0.7); } @media only screen and (min-width: 979px) { /* common */ #nav-header .nav { } #nav-header .nav li a { color: #fff; font-size:14px; font-weight:bold; text-transform:uppercase; } #nav-header .nav li ul li a { color: #000; font-size:13px; text-transform:none; padding:8px 0 8px 12px; font-weight:500 } #nav-header .nav li ul li:hover{ background:#056a37 } /* level 1 */ #nav-header .nav > li { border-right: none; } #nav-header .nav > li > a:after { content: ""; background:#c00; left: 0; bottom: 0; right: 0; margin: 0 auto; line-height: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); -webkit-transition: width 0.5s ease 0s, height 0.5s ease 0s; transition: width 0.5s ease 0s, height 0.5s ease 0s; width: 2px; height: 2px; margin: auto; z-index: 9; } #nav-header .nav > li:hover a:after { opacity: 1; filter: alpha(opacity=100); width: 100%; } .nav > li.active{ background:#034f29;} #nav-header .nav > li > a:hover, #nav-header .nav > li:hover > a { background:#034f29 } #nav-header .nav li > a:hover, #nav-header .nav li:hover > a, #nav-header .nav li.current_page_item > a, #nav-header .nav li.current-menu-item > a, #nav-header .nav li.current-menu-ancestor > a, #nav-header .nav li.current-post-parent > a { color: #fff; } /* level 2 & 3 */ #nav-header .nav ul { background: #f2f2f2 ; } #nav-header .nav ul li { border-bottom:1px solid #fff; box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); } #nav-header .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; } } @media only screen and (max-width: 979px) { /* common */ #nav-header.nav-container { border-left: 0; border-right: 0; } #nav-header .container { padding: 0; } #nav-header .nav { padding-bottom: 20px; } #nav-header .nav li a { color: #fff; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(255,255,255,0.06); } /* level 1 */ #nav-header .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; } #nav-header .nav li.current_page_item > a, #nav-header .nav li.current-menu-item > a, #nav-header .nav li.current-post-parent > a { background: rgba(0,0,0,0.15); color: #fff; } } @media only screen and (max-width: 979px) {#nav-header.nav-container{ background:#056a37}} .box_weather { width:100%; height:200px; margin-bottom:10px; background: url(https://vufo.org.vn/images/bg_weather.jpg) no-repeat;} .box_weather .left-slect{ float:left; width:145px;} .box_weather .left-slect p{ font-size:16px; font-weight:normal; color:#666; padding:12px 0 0 40px} .box_weather .left-slect .pd-form{ margin:22px 0 0 20px;} .select-weather{ border:1px solid #ccc; width:118px; font-size:11px; color:#666; padding:2px} .box_weather .right-view{ width:135px; padding:3px; margin-left:12px; float:left} .box_weather .right-view .col1{ float:left; width:45px; padding:5px; font-size:20px; color:#FF0004; font-weight:bold} .box_weather .right-view .col2{ font-size:11px; float:right; width:75px; padding-top:12px; line-height:1.5em; color:#666;} .infocenter { clear:both; padding: 20px 10px 0 10px; } .sprite { background-image: url(https://vufo.org.vn/images/sprites.png); } .icon { display: inline-block; vertical-align: middle; } .gold { width: 16px; height: 16px; background-position: -60px -19px; } .exchange { width: 16px; height: 16px; background-position: -132px -19px; } .stock { width: 16px; height: 16px; background-position: -95px -19px; } .lottery { width: 16px; height: 16px; background-position: -77px -19px; } .tv { width: 16px; height: 16px; background-position: -113px -19px; } .infocenter li { float: left; width:45%; margin-right: 14px; font-size: 13px; border-bottom: solid 1px #efefef; padding-bottom: 5px; margin-bottom: 5px; } .infocenter li a{ padding-left:3px; color:#333} .infocenter li a:hover{ color:#1167a8} .cinema { width: 16px; height: 16px; background-position: -43px -19px; } /* ------------------------------------------------------------------------- * * Section: Page /* ------------------------------------------------------------------------- */ #page { margin-top:6px; } #page .container-inner { /*background: #fff; -webkit-box-shadow: 0 1px 22px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 22px rgba(0,0,0,0.2); box-shadow: 0 1px 22px rgba(0,0,0,0.2); */ } .top-header {/* background:#108244;*/ line-height:30px; color:#333;} .bg-menu-nav { background:#056a37; border-top: 1px solid #fff; z-index:1000} .headline { /*background-color: #f2f2f2;*/ height: 30px; line-height: 30px; font-size: 12px; font-weight: 300; } .headline .timer { float: left; color:#333; height: 30px; font-size:13px; } .headline ul li { font-family: Arial; float: left; display: block; height: 40px; overflow:hidden; line-height: 40px; } .headline ul li a{ color:#000 } @media only screen and (max-width: 480px) {.feature-highlight { width:100% !important; margin:1% 3%;}.module-top-content { padding:0 !important}} .feature-highlight { width:49%; margin-right:2%; margin-top:12px; float:left;} .feature-highlight figure { float:left; width:70px;} .feature-highlight figure img{ width:60px ; height:60px; } .feature-highlight h2 { font-size:14px; height:40px; overflow:hidden} .feature-highlight h2 a{ color:#333} .feature-highlight h2 a:hover{ color:#14A354} .video-section { clear:both; margin-top: 5px; overflow:hidden; margin-bottom: 12px; } .video-section .section-header { border-top: 2px solid #000; padding-top: 7px; overflow:hidden; margin-bottom: 15px; padding: 13px 0 10px 0; border-bottom: 1px solid #e2e2e2; } .video-section .section-header .section-heading { font-size: 18px; line-height: 13px; line-height: 0.8125rem; font-weight: 600; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: left; margin: 0; letter-spacing: 0.062em; text-transform: uppercase; } .video-section .section-header .user-action { font-size: 10px; font-size: 0.625rem; line-height: 10px; line-height: 0.625rem; font-weight: 600; font-style: normal; float: right; text-align: right; letter-spacing: 0.025em; color: #4d4d4d; text-transform: uppercase; } .bv-player-container { position: relative; } .vhs-article-cover {position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; z-index: 1; pointer-events: none; background-image: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.5)); background-image: -moz-linear-gradient(top,transparent,rgba(0,0,0,.5)); background-image: -ms-linear-gradient(top,transparent,rgba(0,0,0,.5)); background-image: -o-linear-gradient(top,transparent,rgba(0,0,0,.5)); background-image: linear-gradient(top,transparent,rgba(0,0,0,.5)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#80000000'); } .bv-metadata { position: absolute; color: #fff; z-index: 2; bottom: 30px; padding: 0 30px; } .bv-metadata i { top:0px; position:absolute} .bv-metadata a i{ color:#fff;} .bv-metadata span { font-weight:600; } .bv-video-title { font-size:22px; padding-top:8px; line-height:1.0em} .bv-pdr { padding-left: 75px; } ul.list-svideo{ clear:both} ul.list-svideo li{ float:left; width:46%; margin: 0 2% 10% 2%; position:relative} ul.list-svideo li figure{position:relative} ul.list-svideo li figure img{height:100px; width:100%} ul.list-svideo li div.play-holder { position:absolute; bottom:-6px; left:10px;} ul.list-svideo li div.hours-vd { position:absolute; bottom:5px; right:0px; padding:2px 5px; background:rgba(0,0,0,0.8); color: #fff} ul.list-svideo li div.play-holder .button-play { color: #fff; display: inline-block; font-weight: 600; border-radius: 3px; border: 2px #D8D8D8 solid; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out; background: #333; background: rgba(0,0,0,0.8); width: 36px; height: 36px; } ul.list-svideo li div.play-holder .button-play .icon { margin-left: 13px; margin-top: 12px; } ul.list-svideo li h2{ padding-top:10px; font-weight:400; font-size:15px; padding-top:20px; height:36px; overflow:hidden} ul.list-svideo li h2 a{ color:#333} ul.list-svideo li h2 a:hover{ color:#14a355; text-decoration:underline} ul.all-video{ clear:both} ul.all-video li{ float:left; width:22%; margin: 0 3% 3% 0%; position:relative} ul.all-video li figure{position:relative} ul.all-video li figure img{height:110px; width:100%} ul.all-video li div.play-holder { position:absolute; bottom:-6px; left:10px;} ul.all-video li div.play-holder .button-play { color: #fff; display: inline-block; font-weight: 600; border-radius: 3px; border: 2px #D8D8D8 solid; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out; background: #333; background: rgba(0,0,0,0.8); width: 36px; height: 36px; } ul.all-video li div.play-holder .button-play .icon { margin-left: 13px; margin-top: 12px; } ul.all-video li h2{ padding-top:10px; font-weight:400; font-size:15px; padding-top:20px; height:36px; overflow:hidden} ul.all-video li h2 a{ color:#333} ul.all-video li h2 a:hover{ color:#14a355; text-decoration:underline} .searchMain { position: absolute; right: 0; top: 3px; /* background: url(https://vufo.org.vn/images/bg-search.png) no-repeat right;*/ height: 34px; line-height: 34px; } .searchMain img { vertical-align:middle; margin-left:5px;} .input-s { display: inline-block; background: none; border: none; outline: 0; font-size: 13px; line-height: 20px; width: 180px; color: #fff; vertical-align: middle; padding-left: 20px; } a.searchBtn { width: 30px; float: right; height: 100%; display: inline-block; } .sidebar-block { clear:both; padding:2px; -webkit-box-shadow: 0px 0px 2px 2px rgba(231,231,231,1); -moz-box-shadow: 0px 0px 2px 2px rgba(231,231,231,1); box-shadow: 0px 0px 2px 2px rgba(231,231,231,1); margin-bottom:10px;} .title-header { background:#056a37; color:#fff; overflow: hidden; text-transform:uppercase; clear: both; } .title-header a{ color:#fff } .title-header h2{ float:left; line-height:36px; padding-left: 10px; font-size: 16px; color: #fff; font-weight:600; font-weight: nomal; } .title-header span { float: right; background: #FF0004; } .title-header span i { font-size: 26px; color: #fff; padding: 6px; } .block-content { border:1px solid #f1f1f1; background:#fff; padding:15px;} .block-content .author { color: #888; font-weight:600; font-size: 12px; } .block-content .message { font-size: 13px; float:left; font-style: italic; margin-right: 10px; margin-top: 10px; color: #333; width:66%; background: url(https://vufo.org.vn/images/quotes-left.png) top left no-repeat; text-align: left; text-indent: 25px; } .block-content a { color: #1167a8; } .post_attached { clear:both; margin-top: 10px; padding: 12px; overflow:hidden; border-left: 3px solid #eee; } .person_opinion p { max-height: 140px; overflow: hidden; font-style: italic; } .person .avatar { width: 86px; height: 86px; border-radius: 100%; overflow: hidden; border: 2px solid #f36523; } .title .fa-star { font-size: 20px; font-weight: normal; color: #f5863c; } .person .title { font: 16px/22px "Arial", sans-serif; } .author_section { clear:both; margin-top: 10px; font-size: 12px; } .author_section a { color: #9b9b9b; } .author_section .author { color: #333; text-transform: uppercase; font-size: 11px; } .person .person_opinion { background: url(https://vufo.org.vn/images/quotes-left.png) top left no-repeat; text-align: left; margin-top: 10px; margin-left: 105px; text-indent: 25px; font-size: 14px; line-height: 20px; } .top_opinions .avatar img { margin: auto; } .block-news ul li { padding: 8px; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; border-left: 1px solid #eee; border-right: 1px solid #eee; transition: 400ms; } .block-news ul li:hover { background:#f2f2f2; border-left: 1px solid #E40003; } .block-news ul li .timer { margin-top: 6px; color: #aaa; font-size: 13px; } .block-news ul li a{ color:#333 } ul.list_news_other { margin: 0; list-style: none; padding: 6px 0 0 0; } ul.list_news_other li { display: block; background: url(https://vufo.org.vn/images/arr-other.jpg) no-repeat 0 12px; line-height: 18px; color: #999; font-weight:bold; font-size: 14px; padding: 5px 0 5px 10px; } ul.list_news_other li a { text-decoration: none; color: #333; } ul.list_news_other li a:hover { color: #1167a8; } .module-top-content { margin-bottom:10px; padding-right:8px; overflow:hidden; clear:both} .module-content { margin-bottom:10px; padding-right:20px; overflow:hidden; clear:both} @media only screen and (max-width: 480px) {.module-content { padding:0 !important} } .star_content { clear:both; overflow:hidden; padding:20px; margin:0 0 20px 0; float:left; border: 1px solid #ccc; box-shadow: 0 0px 4px #ddd; } .box_bv{ clear:both; } .td_heading { float: left; } .td_heading a{ color:#000; } .td_heading h2{ border-bottom: 2px solid #108244; font-weight:500; font-size: 18px; padding-bottom: 3px; color: #000; top:1px; position:relative} .td_heading i { font-size:18px;} .td_content { border-top:1px solid #ccc; clear: both !important; display: block !important; float: none; } .adv_300 { text-align:center} .module-block{ margin:5px 0; overflow:hidden} .td__column{ position:relative;} .td__column--a{display:table-cell;padding-bottom:0;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:20px; width:50%} .td__column--b{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:0;display:table-cell;margin-top:0;vertical-align:top; width:47.5%} .td__column--a .post-title , .td__column--b .post-title{ color: #444; font-weight: normal; margin-bottom: 12px; font-size: 15px; font-weight: 600; line-height: 1.2em; -ms-word-wrap: break-word; word-wrap: break-word; } @media only screen and (max-width: 480px) { .td__column { width:100% !important } .td__column--a { padding:0; margin: 1% 0 1% 0%; } .td__column{ display:block; float:left} .td__column--a{ margin-bottom:16px;} } .faux-block-link { position: relative; } .responsive-image--16by9 { height: 0; overflow: hidden; padding-bottom: 56.25%; } .pigeon-item__summary { color: #5a5a5a; padding-top: 8px; visibility: visible; } .pigeon-item__info-list { margin-top: 8px; } .post-date{ color:#666; padding-top:10px; font-size:13px;} .title-block-link{ border-bottom:1px solid #ddd; padding:10px 0 30px 0;} .title-block-link.none { border:none !important;} .title-block-link h3 a{ font-size:14px; color:#000;} .title-block-link h3 a:hover{ color:#1167a8;} .title-block-link p.timer { color:#888; padding-top:6px; font-size:13px;} .post-title-bb { margin-bottom:13px; font-size:18px; font-weight:500 } .post-title-bb a { color: #000;} ul.list-video { clear:both; } ul.list-video li{ position:relative ; float:left; width:25%;} ul.list-video li a.ico-vd{ position:absolute; background:url(https://vufo.org.vn/images/icon-vd.png); top:20px; left:20px; float:left; width:34px; height:34px;} ul.list-video li img{ border:none;} .post-thumbnail-cd { position: relative; } .post-thumbnail-cd img{ border:none} .post-thumbnail-cd figure { height:170px; overflow:hidden} .post-thumbnail-cd .title-dn { position:absolute; bottom:0; background:rgba(0,0,0,0.8); color:#fff; font-size:15px; font-weight:600; padding:10px} .post-thumbnail-cd .title-dn h2 a { color:#fff} .star-ico{ color:#FF0004; font-size:20px !important;} /* slide news ----------------------------------------------------------------------------------------------------*/ .wgr { position: relative; } .wgr a.first_A::after { content: no-close-quote; position: absolute; bottom: 0; left: 0; width: 100%; height: 151px; background: url(https://vufo.org.vn/images/gradient.png) repeat-x; } .wgr h3 { position: absolute; bottom: 30px; left: 0; padding: 0 20px; margin: 0 0 10px !important; color: #FFF; font-weight:500; z-index: 8; font-size:16px; } .wgr h4 { position: absolute; bottom: 30px; left: 0; padding: 0 20px; margin: 0 0 10px !important; color: #FFF; font-weight:500; z-index: 8; font-size:15px; } .post h3 { font-size: 18px } h3.sapo { font: 700 14px/19px arial; width: 100%; padding-bottom: 10px; color: #444; text-rendering:geometricPrecision; } .readmore { float:right; display: inline-block; background: #F3F3F3; color: #333; margin-top:10px ; padding: 0 5px; font-size: 12px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .readmore a{ color:#333;} .readmore a:hover { color: #108244; } .post_nav { margin: 0 0 40px 0 } .post_nav li { width: 49.5%; float: left; } .post_nav .next { float: right } .post_nav strong { display: block; color: #CFCFCF; } .post_nav span { display: block; } .post_nav .next { text-align: right; border-left: 1px solid #ECECEC; } .post_nav i { margin-right: 4px } .post_nav .next i { margin: 0 0 0 4px } .wgr .details { position: absolute; bottom: 10px; left: 0; width: 100%; color: #FFF; z-index: 8; } .wgr .details a, .wgr .details { color: #b4b4b4 } .wgr .s_category { font-size: 12px; } .post .s_category { font-size: 12px } .wgr .s_category a { margin: 0 12px 0 0 } .wgr .s_category .morely a { margin: 0 } .wgr .s_category a:last-child { margin: 0 } .wgr .s_category { padding: 0 0 0 20px } .wgr .more_meta { position: absolute; right: 20px; bottom: 0 } .r_post .details { border-bottom: 1px solid #ECECEC; padding: 0 0 10px; margin: 0 0 10px } .r_post .more_meta { float: right } .r_post .s_category .morely a { margin: 0 } .r_post .s_category a { margin: 0 10px 0 0; } .r_post .more_meta, .r_post .more_meta a, .r_post .s_category, .r_post .s_category a { font-size: 13px; color: #AAA; -webkit-transition: all 0.2s ease; transition: all 0.2s ease } .r_post .more_meta a:hover, .r_post .s_category a:hover { color: #55B2F3 } .share_post span { display: inline-block; margin: 0 10px 0 0 } .wgr .details a:hover { color: #FFF } .wgr .s_category ul { display: inline-block; } .wgr .s_category ul li { display: inline-block; } .mi { margin-right: 4px !important; } .featured_thumb { position: relative; margin-bottom:3px; } .featured_thumb img { width: 100% } #tab-comments .featured_thumb img { border-radius: 100%; height: 65px } .thumb-icon2.small { position: absolute; bottom: 0; background: #1D1E20; color: #FFF; padding: 0px 5px; font-size: 11px; } .one_post:hover .featured_thumb .thumb-icon, .item_small:hover .featured_thumb .thumb-icon { filter: Alpha(Opacity=100); opacity: 1; } .one_post:hover .featured_thumb .thumb-icon i, .item_small:hover .featured_thumb .thumb-icon i, .featured_thumb:hover .thumb-icon i { -webkit-animation: slideDown .4s ease both; -moz-animation: slideDown .4s ease both; animation: slideDown .4s ease both; } .featured_thumb .thumb-icon i { position: relative; width: 100%; top: 20px; left: 20px; font-size: 30px; margin: 0 auto; display: table; } .more_posts .featured_thumb .thumb-icon i { position: relative; text-align: center; width: 100%; top: 30%; left: auto; font-size: 18px; } .item_small:hover .featured_thumb .thumb-icon2, .wgr:hover .featured_thumb .thumb-icon2 { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } .T_post:hover .post-edit-link, .item:hover .post-edit-link { display: block; } .first_post { width: 100%; margin: 0 0 20px; } .b_block .featured_thumb img { width: 100%; height: auto } .more_news_pic.featured_thumb { width: 29.4%; float: left; margin: 10px 0 0 10px; } .more_posts:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .item_small small { font-size: 12px; font-style: italic; color: #B4B4B4; padding: 0 0 0 2px;; } .post-edit-link { position: absolute; background: #000; background: rgba(0, 0, 0, 0.4); color: #FFF; padding: 6px; display: none; top: 0; left: 0; z-index: 99; } .item_small { width: 100%; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #f1f1f1; } .item_small:last-child { border: 0; padding: 0; margin: 0; } .item_small:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .item_small .featured_thumb { float: left; width: 65px; height: 65px; margin: 0 15px 0 0 } .item_small .featured_thumb img { width: 65px; height: 65px } .item_small .item-details h3 { font-size: 14px; line-height: 20px; margin: 0 0 8px 0; } .T_post h3 { font-size: 13px; line-height: 20px; margin: 5px 0 8px 0; } .list_new_content { margin-bottom: 5px; overflow:hidden; clear:both } .head_title { background: url(https://vufo.org.vn/images/pattern_right.png) right top no-repeat #d5f2e4; -moz-box-shadow: 0 3px 0 0 #f0f0f0; -webkit-box-shadow: 0 3px 0 0 #f0f0f0; box-shadow: 0 3px 0 0 #f0f0f0; border-bottom: 1px solid #fff; z-index: 999; margin-bottom:15px; padding: 5px 10px 3px 10px; } .head_title a { text-transform:uppercase; font-weight:bold; } .font_head_title { font-size: 16px; color: #056a37; font-weight: 600; text-transform: uppercase; } .firt-content {float:left; position:relative} .firt-content figure { width:100%; height:232px; overflow:hidden} .one-three { width:33.333333%; } .list_news_right { padding:0; width:100%; } .list_news_right li { width: 31%; margin-left: 2.2%; float: left; margin-bottom:10px; } .list_news_right li a.title-news { font-size: 12px; color: #333; line-height:1.4em; height:33px; font-weight:bold; display: block; margin-bottom: 3px; overflow: hidden; } .list_news_right li a.title-news:hover { color:#056a37} .list_news_right li figure { float:left; width: 100px; margin-right:12px; height: 70px; overflow:hidden; } .list_news_right li figure img { width:100%; height:100%} .list_news_right li p.sapo_news { font-size: 13px; color: #333; height: 71px; overflow: hidden; } .title_new_content { background: rgba(0,0,0,.8); font-size: 13px; font-weight: 700; position: absolute; bottom: 0; padding: 10px; color: #fff; left: 0; right: 0; } @media only screen and (max-width: 767px) { .one-three { width:48%; margin-right:2%; } .list_news_right li { width: 50%; margin-left:0%; } } @media only screen and (max-width: 480px) { .one-three { width:100%;} .list_news_right li { width: 98%; padding:1%; } } .post_meta { font-size: 12px; line-height: 20px; } .post_detail { font-size: 12px; margin-bottom:20px; } .post_detail a{ padding-right:8px; color:#999; } .post_meta i { font-size: 13px; } .post_meta a { color: #C2C2C2; margin: 0 12px 0 0; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } /* ------------------------------------------------------------------------- * * Section: Footer /* ------------------------------------------------------------------------- */ #footer { background: #E8E8E8; color: #333; width: 100%; margin-top:20px; clear:both } #footer .pad { padding-bottom: 30px; } #footer-ads { text-align: center; padding: 10px 0; border-bottom: 1px solid #eee; } #footer #footer-ads .widget { padding-bottom: 0; font-size: 0; line-height: 0; } #footer-ads h3 { display: none; } #footer-widgets{ padding-top: 20px; } @media only screen and (min-width: 320px) and (max-width: 979px) { .menu-footer-ti { display:none} } @media only screen and (min-width: 980px) and (max-width: 1120px) { .menu-footer-ti { padding-left:26px !important;} } .menu-footer-ti { height:26px; background:url(https://vufo.org.vn/images/bg-nav-foot.jpg) repeat-x ; border-top:1px solid #fff; font-size:12px; padding-left:148px; clear:both} .menu-footer-ti img { float:left; padding:6px 4px 0 14px; vertical-align:middle; border:none} .menu-footer-ti ul li{ padding:0; float:left; background: url(https://vufo.org.vn/images/li-right.jpg) no-repeat right top;} .menu-footer-ti ul li.none { background:none} .menu-footer-ti ul li a{ color:#fff; text-decoration: none; padding: 0 14px 0 0; line-height:26px; } .menu-footer-ti ul li a:hover, .menu-footer-ti ul li a.current { color:#fff;} .footer-top { background: #0067a9; color:#fff; font-size:13px; padding:10px 0 10px 20px; border-bottom:1px solid #00253c } .footer-top a, .footer-top-bot a{ font-weight:bold; color:#FFFD00} .footer-top-bot { background: #108244; color:#fff; font-size:12px; padding:15px 0; line-height:1.8em; text-align:center} .footer-content { padding:30px 0; font-size:12px; overflow:hidden; line-height:1.2em; } .footer-content span { color:#056a37; font-size:16px; margin-bottom:8px; font-weight:600; display:inline-block} .footer-content strong { color:#056a37; font-size:16px;} .footer-content img { margin-right:5px;} .footer-content .fl { float:left; text-align:left} .footer-content .fr { float:right; text-align:right; line-height:18px;} @media only screen and (max-width: 767px) { .footer-content .fr { margin-top:20px; float:left; text-align:left} } #footer-bottom { background: #33363b; } #footer-bottom .pad { padding-top: 30px; } #footer-bottom a { color: #fff; color: rgba(255,255,255,0.7); } #footer-bottom a:hover { color: #fff; } #footer-bottom #footer-logo { display: block; margin-bottom: 20px; max-height: 50px; -webkit-border-radius: 0; border-radius: 0; } #footer-bottom #copyright, #footer-bottom #credit { color: #fff; color: rgba(255,255,255,0.5); font-size: 15px; line-height: 1.5em; } #footer-bottom #back-to-top { background: #eaeaea; color: #777; overflow: hidden; text-align: center; width: 60px; height: 30px; display: block; margin: 0 auto; margin: 0 auto -30px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); } #footer-bottom #back-to-top i { font-size: 38px; position: relative; top: -7px; } #footer-bottom #back-to-top:hover { color: #444; } #footer-bottom .social-links { padding-top: 10px; } #footer-bottom .social-links a { color: rgba(255,255,255,0.6); } #footer-bottom .social-links a:hover { color: #fff; } #footer-bottom .social-links .social-tooltip { font-size: 28px; } /* footer : nav /* ------------------------------------ */ #nav-footer.nav-container { background:transparent; border-bottom: 1px solid #ccc; clear:both } #nav-footer .nav-toggle { background: transparent; color: #333; border-right: 1px solid #ccc; } @media only screen and (min-width: 979px) { /* common */ #nav-footer .nav { text-align: left; } #nav-footer .nav li a { color: #333; font-size:13px; } #nav-footer .nav li li a{ color: #333; } /* level 1 */ #nav-footer .nav > li > a { padding: 12px 15px; } #nav-footer .nav > li { border-right: 0; } #nav-footer .nav > li:first-child { border-left: 0; } #nav-footer .nav > li > a:hover, #nav-footer .nav > li:hover > a { background: #f0f0f0;} #nav-footer .nav li > a:hover, #nav-footer .nav li:hover > a, #nav-footer .nav li.current_page_item > a, #nav-footer .nav li.current-menu-item > a, #nav-footer .nav li.current-menu-ancestor > a, #nav-footer .nav li.current-post-parent > a { color: #666; } /* level 2 & 3 */ #nav-footer .nav ul { background: #f0f0f0; bottom:44px; top: auto; text-align: left; -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.05); box-shadow: 0 -2px 2px rgba(0,0,0,0.05); } #nav-footer .nav ul li { border-bottom: 1px solid #e4e4e4; } #nav-footer .nav ul ul { top: -10px; } /* level 3 */ #nav-footer .nav ul ul { position: absolute; top: auto; bottom: -10px; } } @media only screen and (max-width: 979px) { /* common */ #nav-footer .nav li a { color:#333; border-top: 1px solid #ccc; } /* level 1 */ #nav-footer .nav li > a:hover { background: #f2f2f2; color: #444; } #nav-footer .nav li.current_page_item > a, #nav-footer .nav li.current-menu-item > a, #nav-footer .nav li.current-post-parent > a { background: #f2f2f2; color: #444; } } /* ------------------------------------------------------------------------- * * Post Entry /* ------------------------------------------------------------------------- */ .content .post, .content .page { position: relative; overflow: hidden; } .blog .post, .single .post, .archive .post, .search .post, .search .page { margin-bottom: 40px; } .sticky {} /* post : search /* ------------------------------------ */ .search .page.type-page .post-thumbnail, .search .page.type-page .post-meta { display: none; } .pd-form { padding:12px;} .input-sl { border:1px solid #ccc; height:25px; width:100%} /* post : featured /* ------------------------------------ */ #flexslider-featured .flex-direction-nav { position: absolute; top: -50px; left: auto; right: 0; } #flexslider-featured .flex-direction-nav li { float: left; margin-left: 3px; } #flexslider-featured .flex-direction-nav li:first-child { float: left; } #flexslider-featured .flex-direction-nav li:last-child { float: right; } #flexslider-featured .flex-direction-nav a { background: #fff; color: #bbb; font-size: 24px; line-height: 24px; position: relative; width: 34px; height: 36px; margin: 0 0 0; display: block; text-align: center; cursor: pointer; text-indent: -999px; overflow: hidden; opacity: 1; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .3s ease; transition: all .3s ease; } #flexslider-featured .flex-direction-nav a:before { font-family: FontAwesome; line-height: 24px; position: absolute; text-align: center; left: 0; right: 0; top: 8px; text-indent: 0; } #flexslider-featured .flex-direction-nav .flex-next:before { content:"\f054"; } #flexslider-featured .flex-direction-nav .flex-prev:before { content: "\f053"; } #flexslider-featured .flex-direction-nav .flex-next:hover, #flexslider-featured .flex-direction-nav .flex-prev:hover { opacity: 1; color: #1167a8; } #flexslider-featured .flex-control-nav { position: absolute; top: -15px; bottom: auto; } #flexslider-featured .flex-control-nav li { margin: 0; padding: 0; margin-right: 2px; float: left; } #flexslider-featured .flex-control-nav li a { background: #ddd; width: 20px; height: 2px; text-indent: -999px; overflow: hidden; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } #flexslider-featured .flex-control-nav li a:hover { background: #ccc; } #flexslider-featured .flex-control-nav li a.flex-active { background: #1167a8; } .featured, .featured.flexslider { padding-bottom: 10px; background: #fafafa; } .featured .post { margin-bottom: 0; } .featured .post-title {font-size: 18px; text-overflow:ellipsis; margin-bottom:6px;} .thum-headline { padding:13px; line-height: 1.2em; } .featured .post-title a { font-weight: 700; font-size:25px; color:#333} .featured .meta { padding: 3px 0; font-size: 12px; color: #888; } .meta .icons { margin-right: 4px; } .meta time:after { /* content: "-";*/ padding: 0 5px; } /* post : custom loop /* ------------------------------------ */ .affix { top: 10px; position:fixed} .back-top { position:absolute; right:0; top:12px} .back-top img { vertical-align:middle; margin-right:5px;} .back-top a {vertical-align:middle; color:#333} .back-top a:hover { color:#056a37} .col-language { float:right;} .focus-list { margin-bottom: 4px ; border-top: 1px solid #ddd; padding: 8px 0 0 15px; } .focus-list li { display: block; position: relative; line-height: 18px; color: #999; font-size: 11px; padding: 5px 0 5px 10px; } .focus-list li:before { width: 3px; height: 3px; background: #c00; content: ''; display: block; left: 0; top:9px; position: absolute; } .focus-list li a { line-height: 13px; display: block; color:#333; text-transform: uppercase; } .focus-list li a:hover { color: #c00; } .col-list-cm{ clear:both; border-top:1px solid #f2f2f2} .post-list { margin-right: -30px; } .post-list .post-row { margin-left: -30px; padding-left: 30px; float: left; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 30px; position: relative; } .post-list .post-row:last-child { border: none; margin-bottom: 0; } .post-list .post, .post-list .page { width: 50%; float: left; } .post-list .post-inner { margin-right: 30px; } .post-hover:hover .post-thumbnail { opacity: 0.75; } .post-hover:hover .post-title a { color: #333; } .post-title a:hover { color:#056a37; } .post-hover:hover .thumb-icon { background: #fff; color: #111; } .post-thumbnail { width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .post-thumbnail-view { position: relative; margin-bottom: 10px; width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .post-thumbnail img {width: 100%;} .post-thumbnail-view img { display: block; width: 100%; height:auto} .post-comments { background: #000; font-size: 12px; line-height: 20px; color: #fff; display: block; position: absolute; top: 10px; right: 0; -webkit-box-shadow: inset -1px 0 1px rgba(0,0,0,0.2); box-shadow: inset -1px 0 1px rgba(0,0,0,0.2); } .post-comments > span { display: block; position: relative; padding: 2px 7px; } .post-comments > span:before { content:''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid #000; border-top: 7px solid transparent; border-bottom: 7px solid transparent; position: absolute; top: 5px; left: -14px; } .post-comments i { margin-right: 3px; } .post-comments:hover { color: #fff!important; padding-right: 4px; } .post-meta { font-size: 13px; font-weight: 400; color: #aaa; margin-bottom: 0.3em; } .post-meta .post-category { float: left; margin-right: 6px; } .post-meta .post-date { float: left; } .post-title { color: #444; font-weight: normal; font-size: 15px; font-weight: 500; line-height: 1.4em; -ms-word-wrap: break-word; word-wrap: break-word; } .post-title-view { color: #444; font-weight: normal; margin-bottom: 10px; font: 400 25px/32px arial; -ms-word-wrap: break-word; word-wrap: break-word; } .post-title strong { font-weight: 600; } .post-title a { color: #000; } .post-title a:hover { color: #056a37; } .post-title-dn { font-weight: normal; font-size: 15px; font-weight: 500; line-height: 1.2em; -ms-word-wrap: break-word; word-wrap: break-word; } .post-title-dn a { color:#9BEBBF; } .post-title-photo-view { padding:10px; } .post-title-photo a { color: #333; font-size:15px; font-weight:bold } .post-title-video a { color: #fff; font-size:15px; font-weight:bold } .entry.excerpt { font-size: 14px; color: #444; } .entry.excerpt p { margin-bottom: 0; } .bdl-photo{ background:url(https://vufo.org.vn/images/bg-title-photo.jpg) repeat-x; height:40px; margin-top:10px} .bdl-photo span{ background:#fff; padding-right:8px; font-size:23px; color:#333} .bg-photo { background: url(https://vufo.org.vn/images/ie/opacity-70.png); font-size: 20px; color: #fff; display: block; position: absolute; bottom: 5px; right: 0; padding:10px 12px 10px 12px; -webkit-box-shadow: inset -1px 0 1px rgba(0,0,0,0.2); box-shadow: inset -1px 0 1px rgba(0,0,0,0.2); } .bg-video { width:78px; height:78px; background:url(https://vufo.org.vn/images/ico-vd-larg.png); position: absolute; top: 22%; left: 36%; } .bdl-video{ background:url(https://vufo.org.vn/images/bg-title-video.jpg) repeat-x; height:40px} .bdl-video span{ background:#1a1a1a; padding-right:8px; color:#fff; font-size:23px;} .col-adv-300{ clear:both; border:1px solid #ccc; background:#f2f2f2; font-size:20px; text-align:center; color:#333; padding-top:30px; height:60px; margin-bottom:10px} .col-adv-top{ clear:both; border:1px solid #ccc; background:#f2f2f2; font-size:20px; text-align:center; color:#333; padding-top:30px; height:60px; } .col-adv-center{ clear:both; border:1px solid #ccc; background:#f2f2f2; font-size:20px; text-align:center; color:#333; padding-top:20px; height:45px; margin-bottom:25px} @media only screen and (min-width: 320px) and (max-width: 720px) { .panel-adv{ display:none} } @media only screen and (min-width: 320px) and (max-width: 800px) { .panel-tin-nb{ display:none} } .col-new-td{ border:1px solid #ccc; height:28px; line-height:28px; margin-bottom:3px} .col-new-td span { padding-left:10px; float:left; padding-right:10px; font-size:13px; font-weight:700; color:#FF0004; text-transform:uppercase} .col-new-td h2{ text-align:left; font-size:13px; padding-left:10px; border-left:1px solid #ccc; float:left} .col-new-td h2 b{ font-weight:normal; font-size:11px; padding-left:10px; color:#999} /* post : standard loop /* ------------------------------------ */ .blog .post-standard, .single .post-standard, .archive .post-standard, .search .post-standard { margin-bottom: 20px; } .page.post-standard .post-inner { padding-left: 0; } .page.post-standard .post-thumbnail { display: none; } .post-standard .post-inner { padding-left: 230px; padding-bottom: 20px; float: left; border-bottom: 1px solid #eee; } .post-standard .post-thumbnail { margin-left: -230px; max-width: 200px; margin-bottom: 0; float: left; } .post-standard .post-content { float: left; } /* ------------------------------------------------------------------------- * * Single /* ------------------------------------------------------------------------- */ .single .post-title { font-size: 38px; letter-spacing: -1px; line-height: 1.3em; } .single .post-inner .post-thumbnail { margin-bottom: 2em; } .post-byline { font-size: 12px; font-weight: 400; color: #aaa; margin-bottom: 1em; } .entry.share { min-height: 354px; /* share buttons height padding-left: 80px; */ position: relative; } .entry.share .entry-inner { float: right; width: 100%; font-size:15px; line-height: 19px; } .entry-inner img { width:100% !important; height:auto !important; } .entry-inner hr { margin:5px 0px !important; } /* single : sharrre /* ------------------------------------ */ .sharrre-container { float: left; width: 50px; padding: 0 10px; margin-left: -80px; -webkit-border-radius: 4px; border-radius: 4px; } .sharrre-container span { color: #aaa; display: block; text-align: center; text-transform: uppercase; font-size: 11px; } .sharrre { padding: 10px 0 0; } .sharrre .box { width: 50px; display: block; } .sharrre .count { background: #eee; color: #333; display: block; font-size: 15px; font-weight: 600; line-height: 30px; position: relative; text-align: center; -webkit-border-radius: 4px; border-radius: 4px; } .sharrre .count:after { content:''; display: block; position: absolute; left: 49%; width: 0; height: 0; border: solid 6px transparent; border-top-color: #eee; margin-left: -6px; bottom: -12px; } .sharrre .share { display: block; font-size: 28px; font-weight: 600; line-height: 32px; margin-top: 12px; padding: 0; text-align: center; text-decoration: none; } .sharrre .box .share, .sharrre .box .count { -webkit-transition: all .3s ease; transition: all .3s ease; } .sharrre .box:hover .share, .sharrre .box:hover .count { color: #444!important; } .sharrre#twitter .share, .sharrre#twitter .box .count { color: #00acee; } .sharrre#facebook .share, .sharrre#facebook .box .count { color: #3b5999; } .sharrre#googleplus .share, .sharrre#googleplus .box .count { color: #cd483c; } .sharrre#pinterest .share, .sharrre#pinterest .box .count { color: #ca2128; } /* single : post pages /* ------------------------------------ */ .post-pages { font-weight: 600; margin-bottom: 20px; } /* single : tags /* ------------------------------------ */ .post-tags { margin-bottom: 40px; } .post-tags span { font-size: 14px; color: #999; display: inline-block; margin: 0 7px 0 0; } .post-tags a { background: #f2f2f2; display: inline-block; line-height: 16px; white-space: nowrap; font-size: 12px; color: #999; padding: 3px 7px; margin: 0 5px 2px 0; -webkit-border-radius: 2px; border-radius: 2px; } .post-tags a:hover { background-color: #1167a8; color: #fff; } /* single : author bio /* ------------------------------------ */ .author-bio { border: 2px solid #eee; position: relative; padding: 15px 15px 10px 95px; color: #888; margin-bottom: 40px; } .author-bio:before { content:''; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #eee; position: absolute; top: -8px; left: 13px; } .author-bio:after { content:''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -5px; left: 15px; } .author-bio .bio-avatar { float: left; margin: 0 0 8px -80px; width: 64px; height: auto; position: relative; } .author-bio .bio-avatar:after { background: #1167a8; position: absolute; right: 0; bottom: 0; padding: 4px 4px; content: "\f040"; color: #fff; font-size: 12px; line-height: 12px; width: 12px; font-style: normal; font-family: FontAwesome; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; } .author-bio .bio-avatar img { display: block; width: 100%; height: auto; -webkit-border-radius: 3px; border-radius: 3px; } .author-bio p { margin-bottom: 8px; } .author-bio .bio-name { color: #444; font-weight: 600; margin-bottom: 4px; } .author-bio .bio-desc { color: #888; font-size: 15px; line-height: 1.5em; } /* single : related posts /* ------------------------------------ */ .related-posts { margin: 10px 0; } .related-posts li { width:25%; float: left; display: inline; } .related-posts .post { border-right: 1px solid transparent; margin-bottom: 0; padding-bottom: 10px; } .related-posts li:nth-child(5) article { display: none; } .related-posts li:nth-child(4) article { border-right-color: transparent; } .related-posts .related-inner { padding: 0 5px 0 0; } .single .related-posts .post-title { margin-bottom: 10px; font-size: 17px; font-weight: 300; line-height: 1.5em; letter-spacing: 0; display: block; } /* single : post-nav /* ------------------------------------ */ .post-nav li { width: 100%; display: inline; float: left; text-align: center; } .post-nav li a { position: relative; min-height: 73px; display: block; padding: 16px 40px 24px; } .post-nav li i { color: #ccc; font-size: 18px; position: absolute; top: 50%; margin-top: -10px; } .post-nav li a strong { display: block; font-size: 12px; color: #aaa; letter-spacing: 0.5px; font-weight: normal; text-transform: uppercase; } .post-nav li a span { font-size: 15px; color: #666; } .post-nav li a:hover span { color: #444; } .post-nav li.previous i { left: 10px; } .post-nav li.next i { right: 10px; } .post-nav li a span, .post-nav li a i { -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; } /* sidebar-specific */ .sidebar .post-nav li a { border-top: 1px solid #eee; border-bottom: 1px solid #ddd; } .sidebar .post-nav li a:hover { background: #ebebeb; background: rgba(0,0,0,0.02); } .sidebar .post-nav li.previous a, .sidebar .post-nav li.next a { border-bottom: 1px solid #ddd; } .s1 .post-nav li a:hover i { color: #1167a8; } .s2 .post-nav li a:hover i { color: #82b965; } /* content-specific */ .content .post-nav { border-top: 2px solid #eee; border-bottom: 2px solid #eee; margin-bottom: 40px; } .content .post-nav li { width: 50%; } .content .post-nav li.next { float: right; -webkit-box-shadow: -1px 0 0 #eee, inset 1px 0 0 #eee; box-shadow: -1px 0 0 #eee, inset 1px 0 0 #eee; } .content .post-nav li.next a { padding-left: 24px; } .content .post-nav li.previous { float: left; -webkit-box-shadow: 1px 0 0 #eee, inset -1px 0 0 #eee; box-shadow: 1px 0 0 #eee, inset -1px 0 0 #eee; } .content .post-nav li.previous a { padding-right: 24px; } .content .post-nav li a:hover i { color: #1167a8; } #box_comment { margin-top:10px; margin-bottom:12px; float:left; clear:both; width:100%;} .txt_bmi { width: 100%; padding: 5px; box-sizing: border-box; border: 1px solid #ccc; margin-bottom: 10px; } .comment_item .avata_coment { width: 24px; margin: 0 10px 0 0; float: left; } .icon_portal { display: inline-block; background: url(https://vufo.org.vn/images/icon_portal.gif) no-repeat; } .icon_feedback { background-position: -545px 2px; width: 13px; } #box_comment .comment_item .user_status .block_like_web .share_cmt_fb { padding: 0 8px 0 0; background: url(https://vufo.org.vn/images/arrow_chiase_coment.gif) no-repeat right 5px; } #box_comment .sub_comment { float: right; width: 95%; padding: 5px 0 0; } #box_comment .hight_light { background: #f8f8f8; } #box_comment .comment_item .user_status .block_like_web { position: relative; padding: 5px 0 0; } #box_comment .comment_item .user_status .txt_11 { font-size: 12px; padding: 5px 0 0; white-space: nowrap; } .txt_blue { color: #004f8b!important; } .txt_11 { font-size: 11px !important; } #box_comment .title_show { color: #333; background: #eee; position: relative; height: 28px; width: 100%; text-rendering: geometricPrecision; } #box_comment .title_show .ykien_block{ font: 400 14px/28px Roboto; color: #c00; padding: 0 0 0 10px; } .filter_coment { float: right; padding: 0 10px 0 0; color: #666; text-align: right; white-space: nowrap; } .filter_coment a { font: 400 11px arial; color: #666; } .filter_coment a.active { color: #9D234C; } #box_comment .comment_item { padding: 10px 10px 5px; clear:both; float:left } #box_comment .comment_item p { padding-bottom: 2px; line-height: 18px; font-size: 13px; } .nickname { color:#666} #box_comment .view_more_coment { width: 100%; float: left; height: 26px; background: url(https://vufo.org.vn/images/bg_1x1_gray.gif) repeat-x left 13px; margin: 10px 0; text-align: center; } #box_comment .view_more_coment a { background: #eee; padding: 0 20px; font: 700 11px/26px arial; color: #666; text-align: center; display: inline-block; } .block_input_comment { border-top: 1px solid #dedede; } #box_comment .subcomment_item { padding-top: 5px; margin-bottom: 5px; border-top: 1px dotted #e2e2e3; } .input_comment { padding: 10px; background: #f5f5f5; position: relative; z-index: 2; overflow:hidden; margin: 1px 0 0; } .block_input_comment .input_comment textarea { font: 400 14px/18px Roboto; background: #fff; border: 1px solid #c5c5c5; width: 98.7%; color: #666; overflow: hidden; padding: 5px 0 0 1%; float: right; height: 50px; } .block_input_comment .btn_send_comment { background: #c00; padding: 4px 18px 4px 17px; font: 700 12px arial; color: #fff; border: none; cursor: pointer; float: right; margin: 10px 0 0; } .fix-daily { float: left; width: 100%; } .fl { float: left; } .fr { float: right; } b, strong { font-weight: 700; } /* ------------------------------------------------------------------------- * * Post Formats /* ------------------------------------------------------------------------- */ /* post format : common /* ------------------------------------ */ .post-format { position: relative; margin-bottom: 2em; } .post-format p { margin-bottom: 1em; } .post-format .format-container { background: #f1f1f1; padding-bottom: 10px; border-left: 3px solid #1167a8; } .post-format .format-container .fa, .post-format .format-container .fa { color: #ccc; font-size: 36px; float: right; margin: 0 0 20px 20px; } /* post format : image /* ------------------------------------ */ .format-image { } /* post format : video /* ------------------------------------ */ .format-video { } /* post format : quote /* ------------------------------------ */ .format-quote .post-format { } .format-quote .post-format blockquote { font-size: 22px; font-weight: 400; line-height: 1.4em; font-style: italic; } .format-quote .post-format .quote-author { font-style: italic; } /* post format : link /* ------------------------------------ */ .format-link .post-format p { font-size: 22px; font-weight: 400; line-height: 1.4em; font-style: italic; } /* post format : chat /* ------------------------------------ */ .format-chat .post-format p { font-style: italic; } /* post format : status /* ------------------------------------ */ .format-status .post-title { display: none; } .single .format-status .entry { font-size: 24px; line-height: 1.4em; } /* post format : aside /* ------------------------------------ */ .format-aside .post-title { display: none; } /* post format : gallery /* ------------------------------------ */ .format-gallery .post-format .flexslider { overflow: visible; padding-bottom: 30px; margin-bottom: -20px; } .format-gallery .post-format .flexslider .slides { background: #262626; overflow: hidden; position: relative; } .format-gallery .post-format .flexslider .slides img { max-height: 405px; width: auto; max-width: 100%; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.6); box-shadow: 0 0 30px rgba(0,0,0,0.6); } .format-gallery .post-format .flexslider .flex-control-nav { bottom: 1px; } .format-gallery .post-format .flex-direction-nav a:before { color: #fff; } /* post format : audio /* ------------------------------------ */ .format-audio .post-format a, .format-audio .post-format i { font-size: 16px; line-height: 22px; } #page .format-audio .post-format img { -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } /* jplayer */ .jp-interface { background-color: #444; } .jp-play-bar, .jp-volume-bar-value { background-color: #82b965; } .jp-progress { background-color: #262626; } .jp-volume-bar { border: 1px solid #262626; } .jp-seek-bar, .jp-volume-bar { background-color: #383838; } .jp-interface a { color: #bbb; text-shadow: 0 -1px 0 rgba(0,0,0,0.6); } .jp-interface a:hover { color: #eee; } .jp-progress-container, .jp-volume-bar-container { border-left: 1px solid #333; } .jp-audio, .jp-interface, .jp-progress, .jp-seek-bar { width: 100%; min-width: 100%; } .jp-interface { position: relative; overflow: hidden; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.3); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.3); } .jp-interface .jp-controls { list-style-type: none; padding: 0; margin: 0; } .jp-interface .jp-controls li { display: inline; } .jp-interface .jp-controls a { position: absolute; } .jp-interface .jp-controls a i { display: block; } .jp-play, .jp-pause { width: 25px; height: 30px; z-index: 1; outline: none; margin: 12px 0 0 9px;} .jp-play, .jp-pause { top: 0; left: 0; } .jp-progress-container { margin-left: 34px; margin-right: 84px; height: 6px; padding: 20px 10px; } .jp-progress { overflow: hidden; } .jp-progress { height: 5px; padding: 1px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); box-shadow: 0 1px 0 rgba(255,255,255,0.06); } .jp-seek-bar { width: 0px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; border-radius: 1px; } .jp-play-bar { width: 0px; height: 5px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); } .jp-volume-bar-container { width: 40px; height: 6px; padding: 20px 10px 20px 33px; position: absolute; top: 0; right: 0; } .jp-volume-bar { position: relative; overflow: hidden; width: 38px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); box-shadow: 0 1px 0 rgba(255,255,255,0.06); } .jp-volume-bar { top: 0; left: 0; } .jp-volume-bar-value { width: 0px; height: 5px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); } .jp-mute, .jp-unmute { width: 17px; z-index: 1; outline: none; margin-top: 10px; } .jp-mute, .jp-unmute { top: 2px; right: 58px; } .jp-unmute { display: none; } .jp-jplayer { width:0px; height:0px; } #grid_bdl{ margin-bottom:25px;} /* ------------------------------------------------------------------------- * * Widgets /* ------------------------------------------------------------------------- */ .widget { color: #333; font-size: 13px; overflow: hidden; } .widget a { color: #333; } .widget a:hover { color:#1167a8 } .widget > h3 { font-size: 15px; font-weight: 400; text-transform: uppercase; margin-bottom: 6px; } .widget > h3 a, .widget > h3 a:hover { color: #444; } .widget > h3 a img { display: none; float: left; margin: 3px 7px 0 0; } .widget select { border: 1px solid #ddd; color: #777; font-size: 15px; padding: 7px; width: 100%; max-width: 100%; } #footer .widget select { border-color: #eee; } .sidebar .widget { padding: 30px 15px 20px; } #footer .widget { padding-bottom: 30px; } #footer .widget a:hover { color: #666; } /* widgets : icons /* ------------------------------------ */ .widget > ul li:before, .widget > ul li a:before, .widget > div > ul li a:before, .widget_calendar caption:before { font-family: FontAwesome; font-size: 12px; margin-right: 1px; color: #ccc; display: inline-block!important; width: 1em; text-align: center; } .widget > ul li a:hover:before { color:#1167a8; } .widget_archive > ul > li a:before { content: "\f073"; } .widget_categories > ul > li a:before { content: "\f07c"; } .widget_links > ul > li a:before { content: "\f08e"; } .widget_meta > ul > li a:before { content: "\f054"; } .widget_recent_comments > ul > li:before { content: "\f075"; } .widget_recent_entries > ul > li a:before { content: "\f105"; } .widget_calendar caption:before { content: "\f073"; } .widget_pages ul li a:before, .widget_nav_menu ul li a:before { content: "\f068"; } /* widgets : common /* ------------------------------------ */ .widget_search > h3, .widget_text > h3, .widget_tag_cloud > h3, .widget_calendar > h3 { margin-bottom: 1em; } .widget_archive ul li, .widget_categories ul li, .widget_links ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_rss ul li, .widget_pages ul li a, .widget_nav_menu ul li a, .alx-tab li, .alx-posts li { padding: 0 0; border-top: 1px solid #f1f1f1; } .widget_recent_entries ul li { padding: 8px 0; border-bottom: 1px solid #e4e4e4; } .bdl_title_bv { background:#f1f1f1; padding: 8px 5px 5px 10px; font-weight: 500; font-size: 18px; line-height: 1.33em; color: #000; border-bottom:3px solid #FF0004 ; } .bdl_title_bv:hover { background:#ddd} .arrow-r{ float:right; color:#FF0004} #footer .widget_archive ul li, #footer .widget_categories ul li, #footer .widget_links ul li, #footer .widget_meta ul li, #footer .widget_recent_comments ul li, #footer .widget_recent_entries ul li, #footer .widget_rss ul li, #footer .widget_pages ul li a, #footer .widget_nav_menu ul li a, #footer .alx-tab li, #footer .alx-posts li, #footer .widget_calendar th, #footer .widget_calendar td { border-color: #f2f2f2; } .widget_archive ul li, .widget_categories ul li, .widget_links ul li { color: #bbb; } .widget_recent_comments ul li, .widget_recent_entries ul li { color: #999; font-size:14px; } .widget_recent_entries .post-date { display: block; } /* widget : pages / custom menu /* ------------------------------------ */ .widget_pages ul li a, .widget_nav_menu ul li a { display: block; } .widget_pages li li a, .widget_nav_menu li li a { padding-left: 15px; } .widget_pages li li li a, .widget_nav_menu li li li a { padding-left: 30px; } .widget_pages ul ul, .widget_pages ul ul ul, .widget_nav_menu ul ul, .widget_nav_menu ul ul ul { border: 0; } /* widget : rss /* ------------------------------------ */ .widget_rss ul li a { display: block; } .widget_rss ul li span.rss-date { color: #444; font-weight: 600; display: block; text-transform: uppercase; font-size: 12px; } .widget_rss ul li cite { color: #999; } .s1 .widget_rss ul li a, #footer .widget_rss ul li a { color: #1167a8; } .s2 .widget_rss ul li a { color: #82b965; } /* widget : search /* ------------------------------------ */ /* widget : text /* ------------------------------------ */ .widget_text .textwidget p { margin-bottom: 1em; } /* widget : calendar /* ------------------------------------ */ .widget_calendar a { font-weight: 600; } .widget_calendar a:hover { color: #444!important; } .widget_calendar #wp-calendar { width: 100%; } .widget_calendar caption { color: #fff; padding: 5px 10px; } .widget_calendar caption:before { color: #fff; color: rgba(255,255,255,0.7); font-size: 15px; } .widget_calendar thead { background: #e2e2e2; -webkit-box-shadow: 0 1px 0 #ddd; box-shadow: inset 0 -1px 0 #ddd; } #footer .widget_calendar thead { background: #f2f2f2; } .widget_calendar th { font-weight: 600; } .widget_calendar th, .widget_calendar td { padding: 3px 0; text-align: center; border: 1px solid #e2e2e2; } .widget_calendar .pad { padding: 0!important; } .s1 .widget_calendar a, #footer .widget_calendar a { color: #1167a8; } .s1 .widget_calendar caption, #footer .widget_calendar caption{ background: #1167a8; } .s2 .widget_calendar a { color: #82b965; } .s2 .widget_calendar caption { background: #82b965; } /* custom widget : alxtabs / alxposts /* ------------------------------------ */ .alx-tabs-nav { border-bottom: 3px solid #ddd; margin-bottom: 10px; text-align: center; } .alx-tabs-nav.tab-count-1 li { width: 100%; } .alx-tabs-nav.tab-count-2 li { width: 50%; } .alx-tabs-nav.tab-count-3 li { width: 33.333%; } .alx-tabs-nav.tab-count-4 li { width: 25%; } .alx-tabs-nav li { display: block; float: left; } .alx-tabs-nav li a { font-size: 18px; display: block; padding: 8px 0; margin-bottom: -3px; border-bottom: 3px solid transparent; } .alx-tabs-nav li a:hover { border-bottom-color: #ccc; } .alx-tabs-nav li.active a, #footer .alx-tabs-nav li.active a { color: #444; /* background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%, #fff 100%) 0 0 rgba(0,0,0, 0); */ } .alx-tabs-nav li a span { display: none; } #footer .alx-tabs-nav { border-bottom-color: #eee; } #footer .alx-tabs-nav li a:hover { border-bottom-color: #ddd; } .s1 .alx-tabs-nav li.active a, #footer .alx-tabs-nav li.active a { border-bottom-color: #1167a8; } .s2 .alx-tabs-nav li.active a { border-bottom-color: #82b965; } .main_list_news { clear:both} .main_list_news .post_item { border-bottom: 1px dotted #ddd; float:left; padding:10px 0 10px 0; display:block; } .main_list_news .post_item h3 a{ color:#000 } .main_list_news .post_item h3 a:hover{ color:#056a37 } .main_list_news a.category { padding: 2px 6px; border: 1px dotted #cb0000; color: #cb0000; margin-left: 5px; } .main_list_news .post_item .title { font-size: 13px; margin-bottom: 10px; display: block; clear: both; font-weight: bold; } .main_list_news .post_item .frame { float: left; width: 136px; height: 102px; overflow: hidden; background: none; } @media only screen and (max-width: 600px) { .main_list_news .post_item .frame { width:100%; height: 100%; } } .contro-logo {position:relative; top: 36px; right:20px; } @media only screen and (max-width: 979px) { .contro-logo {right:10px} } .frame_normal_margin { margin-right: 15px; margin-bottom: 10px; } .main_list_news .post_item .desc .timer { margin-bottom: 1px; color: #888; font-weight:300; } .main_list_news .post_item .desc .summary { font-size: 13px; line-height: 20px; text-align:justify; } ul.breaking-news-list h2 { padding: 2px 5px 5px 5px; font-weight: bold; font-size: 13px; line-height: 1.5em; } ul.breaking-news-list h2 a { color: #000; text-decoration: none; } ul.breaking-news-list h2 a:hover { color:#056a37} ul.breaking-news-list li { list-style: none; font-size: 12px; padding:3px 5px; } ul.breaking-news-list li a { text-decoration: none; color: #333; background: url(https://vufo.org.vn/images/arr-other.jpg) no-repeat 0 5px; padding-left: 9px; } ul.breaking-news-list li a:hover { text-decoration:underline } ul.list-vbcs { padding: 15px; clear: both; } ul.list-vbcs li { background: url(https://vufo.org.vn/images/ico-vb.png) no-repeat 0 8px; padding: 6px 10px 6px 25px; } ul.list-vbcs li h3 { font-size: 14px; font-weight: normal; } ul.list-vbcs li h3 a { color:#333;} ul.list-vbcs li h3 a:hover { color:#056a37;} .alx-tab li, .alx-posts li { font-weight: 400; line-height: 1.4em; overflow: hidden; } .alx-tab a, .alx-posts a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .alx-tab img, .alx-posts img { display: block; width: 100%; height: auto; } .alx-tab.thumbs-enabled li{ padding-left: 98px; } .alx-tab.list-news-cm li{ padding-left: 218px; border-bottom: 1px dotted #e4e4e4; } .alx-tab .tab-item-thumbnail { width: 88px; margin-left: -98px; float: left; } .alx-tab .cm-item-thumbnail { width: 208px; margin-left: -218px; float: left; } @media only screen and (min-width: 320px) and (max-width: 600px) { .alx-tab .cm-item-thumbnail { width: 100% !important; margin-left:0 !important; float: left; } .alx-tab.list-news-cm li{ padding:10px 0 10px 0 !important} .pd-mobi{ padding:3px 0 5px 0 !important;} } .alx-tab .tab-item-thumbnail, .alx-posts .post-item-thumbnail { position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .alx-tab.avatars-enabled li{ padding-left: 62px; } .alx-tab .tab-item-avatar { margin-left: -62px; width: 48px; float: left; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .txt-td { color: #aaa; font-size: 15px; } .pd-6{ padding-top:6px;} .alx-tab .tab-item-category, .alx-posts .post-item-category { color: #aaa; text-transform: uppercase; font-size: 13px; } .alx-tab .tab-item-title a, .alx-tab .tab-item-comment a, .alx-posts .post-item-title a { color:#555; font-weight:bold } .alx-tab .tab-item-title a:hover { color:#1167a8} .alx-tab .tab-item-category a:hover, .alx-posts .post-item-category a:hover { color: #444!important; } .alx-tab .tab-item-title, .alx-tab .tab-item-comment, .alx-posts .post-item-title { margin: 5px 0; -ms-word-wrap: break-word; word-wrap: break-word; } .alx-tab .tab-item-date, .alx-tab .tab-item-name, .alx-posts .post-item-date { color: #aaa; font-size: 12px; } .alx-tab .thumb-icon.small { bottom: 8px; left: 8px; } .alx-tab li:hover .tab-item-thumbnail, .alx-tab li:hover .tab-item-avatar, .alx-posts li:hover .post-item-thumbnail { opacity: 0.75; } .alx-tab li:hover .thumb-icon, .alx-posts li:hover .thumb-icon { background: #fff; color: #111; } .s1 .alx-tab .tab-item-category a, .s1 .alx-posts .post-item-category a, .s1 .alx-tab li:hover .tab-item-title a, .s1 .alx-tab li:hover .tab-item-comment a, .s1 .alx-posts li:hover .post-item-title a, #footer .alx-tab .tab-item-category a, #footer .alx-posts .post-item-category a, #footer .alx-tab li:hover .tab-item-title a, #footer .alx-tab li:hover .tab-item-comment a, #footer .alx-posts li:hover .post-item-title a { color: #1167a8; } .s2 .alx-tab .tab-item-category a, .s2 .alx-posts .post-item-category a, .s2 .alx-tab li:hover .tab-item-title a, .s2 .alx-tab li:hover .tab-item-comment a, .s2 .alx-posts li:hover .post-item-title a { color: #82b965; } .alx-posts .post-item-thumbnail { margin-bottom: 10px; } .alx-posts .post-item-title { font-size: 13px; line-height: 1.5em; } .s1 .alx-posts .post-item-title, #footer .alx-posts .post-item-title { font-size: 18px; line-height: 1.4em; font-weight: 300; } .s1 .alx-posts .post-item-category, .s1 .alx-posts .post-item-date, #footer .alx-posts .post-item-category, #footer .alx-posts .post-item-date { font-size: 14px; } /* custom widget : alxvideo /* ------------------------------------ */ .widget_alx_video h3 { margin-bottom: 14px; } /* ------------------------------------------------------------------------- * * Comments /* ------------------------------------------------------------------------- */ #comments { margin-top: 20px; } #pinglist-container { display: none; } .comment-tabs { border-bottom: 2px solid #eee; margin-bottom: 20px; } .comment-tabs li { float: left; margin-bottom: -2px; } .comment-tabs li a { font-weight: 600; padding: 0 10px 10px; display: block; color: #aaa; border-bottom: 2px solid #eee; } .comment-tabs li a:hover { color: #444; border-color: #ccc; } .comment-tabs li span { background-color: #eee; padding: 0 6px; margin-left: 8px; -webkit-border-radius: 4px; border-radius: 4px; } .comment-tabs li i { margin-right: 6px; } .comment-tabs li.active a { color: #1167a8; border-bottom-color: #1167a8; } .commentlist, .pinglist { margin-bottom: 20px; } .commentlist li, .pinglist li { padding-left: 60px; font-size: 14px; line-height: 22px; font-weight: 400; } .commentlist .comment-body, .pinglist li { clear: both; position: relative; padding-bottom: 15px; } .commentlist .comment-author, .commentlist .comment-meta, .commentlist .comment-awaiting-moderation { font-size: 13px; display: block; float: left; line-height: 20px; } .commentlist .comment-author { margin-right: 6px; } .commentlist .fn, .pinglist .ping-link { color: #444; font-size: 13px; font-style: normal; font-weight: 600; } .commentlist .says { display: none; } .commentlist .avatar { position: absolute; left: -60px; top: 0; width: 48px; height: 48px; -webkit-border-radius: 3px; border-radius: 3px; } .commentlist .comment-meta:before, .pinglist .ping-meta:before { color: #ccc; content: "\f017"; font-family: FontAwesome; font-size: 10px; margin-right: 3px; vertical-align: 4%; } .commentlist .comment-meta a, .pinglist .ping-meta { color: #aaa; } .commentlist .reply { font-size: 13px; line-height: 16px; } .commentlist .reply a { color: #aaa; } .commentlist .reply a:hover { color: #444; } .comment-awaiting-moderation { color: #1167a8; font-style: normal; } /* pings */ .pinglist li { padding-left: 0; } /* comment text */ .commentlist .comment-body p { margin-bottom: 8px; color: #777; clear: both; } .commentlist .comment-body strong { font-weight: bold; } .commentlist .comment-body em { font-style: italic; } .commentlist .comment-body ol li { list-style: decimal; margin-left: 2em; padding: 0; } .commentlist .comment-body ul li { list-style: square; margin-left: 2em; padding: 0; } /* post author & admin comment */ .commentlist li.bypostauthor > .comment-body:after, .commentlist li.comment-author-admin > .comment-body:after { background: #1167a8; display: block; position: absolute; content: "\f040"; color: #fff; line-height: 12px; width: 12px; font-style: normal; font-family: FontAwesome; text-align: center; } .commentlist li.comment-author-admin > .comment-body:after { content: "\f005"; /* star for admin */ } .commentlist li.bypostauthor > .comment-body:after, .commentlist li.comment-author-admin > .comment-body:after { top: 32px; left: -28px; font-size: 10px; padding: 2px; -webkit-border-radius: 3px; border-radius: 3px; } .commentlist li li.bypostauthor > .comment-body:after, .commentlist li li.comment-author-admin > .comment-body:after { top: 22px; left: -26px; font-size: 8px; padding: 1px; -webkit-border-radius: 2px; border-radius: 2px; } /* child comment */ .commentlist li ul { } .commentlist li li { padding-left: 48px; margin: 0; } .commentlist li li .avatar { width: 36px; height: 36px; left: -48px; top: 0; } .commentlist li li .comment-meta { left: 70px; } /* comments : nav /* ------------------------------------ */ .comments-nav { margin-bottom: 20px; } .comments-nav a { font-weight: 600; } .comments-nav .nav-previous { float: left; } .comments-nav .nav-next { float: right; } /* comments : form /* ------------------------------------ */ .logged-in-as, .comment-notes, .form-allowed-tags { display: none; } #respond { position: relative; } #reply-title { margin-bottom: 20px; } li #reply-title { font-size: 0; margin: 0!important; padding: 0; height: 0; border-top: 0; } #cancel-comment-reply-link { color: #999; display: block; position: absolute; bottom: 26px; right: 20px; font-size: 12px; } #cancel-comment-reply-link:hover { color: #777; } #commentform { background: #f1f1f1; padding: 10px 20px 20px; margin-bottom: 15px; -webkit-border-radius: 2px; border-radius: 2px; } #commentform p.comment-form-author { width: 48%; float: left; } #commentform p.comment-form-email { width: 48%; float: right; } #commentform p.comment-form-url, #commentform p.comment-form-comment { clear: both; } #commentform label { padding: 6px 0; font-weight: 600; display: block; } #commentform input[type="text"], #commentform textarea { max-width: 100%; width: 100%; } #commentform textarea { height: 100px; } #commentform p.form-submit { margin-top: 10px; } .logged-in #reply-title { margin-bottom: 20px; } .logged-in #commentform p.comment-form-comment { margin-top: 10px; } .logged-in #commentform p.comment-form-comment label { display: none; } /* ------------------------------------------------------------------------- * * Child Menu /* ------------------------------------------------------------------------- */ .child-menu { zoom: 1; position: relative; padding: 0 0 20px; } .child-menu a { color: #777; font-weight: 600; display: block; padding: 0 44px; } .child-menu a:hover { color: #1167a8; } .child-menu .current_page_item > a { background: #fff; color: #1167a8; } /* show only current page items */ .child-menu > li { display: none; } .child-menu > li.current_page_item, .child-menu > li.current_page_parent, .child-menu > li.current_page_ancestor { display: block; } .child-menu > li.current_page_item > ul ul, .child-menu > li.current_page_parent > ul ul, .child-menu > li.current_page_ancestor > ul ul { display: none; } .child-menu > li ul li.current_page_item ul, .child-menu > li ul li.current_page_parent ul, .child-menu > li ul li.current_page_ancestor ul { display: block; } /* level 1 */ .child-menu > li > a { font-size: 20px; display: block; padding: 20px 30px; } /* level 2 */ .child-menu > li > ul { background: #e9e9e9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0 10px 10px; } .child-menu > li > ul > li > a { font-size: 15px; background: #f0f0f0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 11px 20px; -webkit-box-shadow: inset 0 1px 0 #f9f9f9; box-shadow: inset 0 1px 0 #f9f9f9; } .child-menu > li > ul > li > a:before { font-family: FontAwesome; content: "\f055"; font-weight: normal; font-size: 18px; margin-right: 8px; } /* level 3 */ .child-menu > li ul ul { background: #f0f0f0; border-bottom: 1px solid #ddd; border-top: 3px solid #ebebeb; border-left: 1px solid #ddd; padding: 6px 0; } .child-menu > li ul ul a { font-size: 15px; font-weight: 300; padding-top: 7px; padding-bottom: 7px; margin-bottom: 1px; } .child-menu > li ul ul a:hover { background: #e9e9e9; -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); } .child-menu > li ul ul li.current_page_item > a { background: #fff; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.04); box-shadow: 0 1px 0 rgba(0,0,0,0.04); } /* child menu for dual/right fix */ .col-2cl .child-menu > li > ul, .col-3cr .child-menu > li > ul { padding-left: 0; padding-right: 10px; } .col-2cl .child-menu > li > ul > li > a, .col-3cr .child-menu > li > ul > li > a { border-left: 0; border-right: 1px solid #ddd; } .col-2cl .child-menu > li ul ul, .col-3cr .child-menu > li ul ul { border-left: 0; border-right: 1px solid #ddd; } /* ------------------------------------------------------------------------- * * Plugins /* ------------------------------------------------------------------------- */ /* plugin : wp-pagenavi /* ------------------------------------ */ .wp-pagenavi { text-align: right; font-weight: 600; line-height: 20px; float: none; margin-right: -2px; text-align: center; } .wp-pagenavi a, .wp-pagenavi span { color: #aaa; font-size: 16px; padding: 7px 8px; display: inline; margin: 0 2px; } .wp-pagenavi span.pages { font-size: 14px; font-weight: 300; display: block; margin-bottom: 1em!important; border: none!important; } .wp-pagenavi span.pages:before { content: "\f15c"; font-family: FontAwesome; margin-right: 6px; } .wp-pagenavi span.extend { border: none!important; border-bottom: 3px solid transparent; border-top: 1px solid transparent; } .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current { color: #444; } .wp-pagenavi a { color:#056a37; border: none; border-bottom: 3px solid #ddd; border-top: 1px solid #f1f1f1; } .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current { background: none; border: none; border-bottom: 3px solid #056a37; border-top: 1px solid #f1f1f1; } /* plugin : contact form 7 /* ------------------------------------ */ .wpcf7 { } .wpcf7 p { color: #222; font-weight: 600; margin: 0 0 12px; width: 100%; float: left; position: relative; } .wpcf7 p span { font-weight: 400; color: #999; } .wpcf7 label { display: block; float: left; width: 20%; margin: 9px 0 0 12px; text-align: left; } .wpcf7 input[type="text"], .wpcf7 input[type="email"] { display: block; float: left; padding: 10px; width: 100%; } .wpcf7 textarea { display: block; float: left; padding: 10px; width: 100%; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea { background: #f5f5f5; margin-top: 12px; } .wpcf7 input[type="submit"] { width: 100%; padding: 10px 0; font-size: 18px; } .wpcf7 div.wpcf7-validation-errors { border: none; margin: 0; padding: 0; } .wpcf7 div.wpcf7-mail-sent-ok, .wpcf7 div.wpcf7-mail-sent-ng { border: none; } .wpcf7 div.wpcf7-response-output { margin: 0; padding: 0; } .wpcf7 span.wpcf7-form-control-wrap { display: block; position: relative; } .wpcf7 span.wpcf7-not-valid-tip { background: #f2dede; border-color: #e3bfbf; color: #b94a48; padding: 4px 14px; font-size: 12px; line-height: 20px; position: absolute; left: 0; top: 12px; width: auto; right: 0; display: block; } /* ------------------------------------------------------------------------- * * Flexslider /* ------------------------------------------------------------------------- */ /* flexslider : resets /* ------------------------------------ */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* flexslider : necessary styles /* ------------------------------------ */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; height: auto; display: block; margin: 0 auto; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html { -webkit-font-smoothing: antialiased; /* safari font rendering issue fix */ } html[xmlns] .slides { display: block; } * html .slides { height: 1%;} .no-js .slides > li:first-child { display: block; } /* flexslider : default theme /* ------------------------------------ */ .flexslider { margin: 0 ; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .flexslider .slides > li { position: relative; } .carousel li { margin-right: 5px; } /* direction nav */ .flex-direction-nav { *height: 0; position: absolute; top: 10px; right: 10px; z-index: 2; } .flex-direction-nav li { float: left; margin-left: 4px; } .flex-direction-nav li:first-child { float: left; } .flex-direction-nav li:last-child { float: right; } .flex-direction-nav a { background: rgba(0,0,0,0.7); opacity: 0.6; position: relative; width: 40px; height: 40px; margin: 0 0 0; display: block; cursor: pointer; text-indent: -999px; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 3px; border-radius: 3px; } .flexslider:hover .flex-next, .flexslider:hover .flex-prev { opacity: 0.8; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; } /* direction nav arrows */ .flex-direction-nav a:before { font-family: FontAwesome; font-size: 20px; line-height: 24px; position: absolute; text-align: center; left: 0; right: 0; top: 9px; text-indent: 0; } .flex-direction-nav .flex-next:before { content:"\f054"; } .flex-direction-nav .flex-prev:before { content: "\f053"; } /* control nav */ .flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center; } .flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; } .flex-control-nav li a { background: rgba(0,0,0,0.15); width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -999px; overflow: hidden; -webkit-border-radius: 100%; border-radius: 100%; } .flex-control-nav li a:hover { background: rgba(0,0,0,0.15); } .flex-control-nav li a.flex-active { background: rgba(0,0,0,0.25); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: .7; right: 0; } .flex-direction-nav .flex-next { opacity: .7; right: 0; } } /* ------------------------------------------------------------------------- * * Shortcodes /* ------------------------------------------------------------------------- */ /* shortcode : dropcap /* ------------------------------------ */ .dropcap { color: #444; display: block; float: left; font-size: 94px; line-height: 0.9em; font-weight: 600; margin: 0 10px 0 0; } /* shortcode : pullquotes /* ------------------------------------ */ .pullquote-left { color: #444; border-left: 6px solid #eee; float: left; margin: 0.78em 1em 0.78em 0; padding: 0 0 0 20px; font-weight: 600; width: 40%; } .pullquote-right { color: #444; border-right: 6px solid #eee; float: right; margin: 0.78em 0 0.78em 1em; padding: 0 20px 0 0; font-weight: 600; width: 40%; } /* shortcode : highlights /* ------------------------------------ */ .highlight { color: #222; border-bottom: 1px dotted #222; } /* shortcode : hr /* ------------------------------------ */ hr, .hr { border: 0; background: #eee; border-bottom: 2px solid #eee; height: 1px; margin: 30px 0; } .bdl-header { height: 47px; border-bottom: 1px solid #ddd; margin-bottom: 20px; position: relative; } .bdl-title { float: left; text-transform: uppercase; font-size: 36px; font-weight:normal !important; letter-spacing: -0.06em; } .bdl-link:first-child { margin-left: 0; padding-left: 0; border-left: none; } @media only screen and (max-width: 680px) { .btd-links { display:none } } ul.btd-links { float: left; padding-left:5px; } ul.btd-links li { float: left; font-size: 13px; margin-left: 10px; border-right: 1px solid #ddd; padding-right: 10px; } ul.btd-links li.last { border:none !important} ul.btd-links li a { color: #000; } ul.btd-links li a:hover { color: #108244; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; transition: color 0.5s ease; } ul.btd-title-base { width: 80px; height: 5px; overflow: hidden; background: #eb0505; position: absolute; bottom: 0; left: 0; } ul.btd-title-arrow { margin-left: 10px; vertical-align: 2px; color: #eb0505; } .kgs_title_vd{ font-size:11px; font-weight:bold; color:#333; padding:9px 0 6px 10px; } .kgs_title_vd a{ text-decoration:none; color:#333;} .kgs_title_anh{ font-size:11px; font-weight:bold; color:#333; padding:9px 0 6px 0; } .kgs_title_anh a{ text-decoration:none; color:#333;} .box_video, .box-bttd{ margin-top:10px; background:#fff; border: 1px solid #e9e9e9; overflow:hidden} .box_video h5, .box-bttd h5{ background: #f3f3f3; color:#333; font-size:16px; font-weight:normal; border-top:2px solid #FF0004; text-transform:uppercase; line-height:30px; padding-left:6px;} .box_video ul { border-top:1px solid #e5e5e5; padding:5px} .box_video ul li{ padding:5px 0 5px 0;} .box_video ul li { background: url(https://vufo.org.vn/images/icon_video.jpg) no-repeat 5px 11px; padding-left:28px; font-size:12px;} .box_video ul li a {color:#333; text-decoration:none} .box_video ul li a:hover{ text-decoration:underline} /* ^^^End_box^^^ */ .box_sukien_anh{ margin-top:10px; background:#fff; border: 1px solid #e9e9e9; overflow:hidden} .box_sukien_anh h5{ background: #f3f3f3; color:#333; font-size:16px; font-weight:normal; border-top:2px solid #FF0004; text-transform:uppercase; line-height:30px; padding-left:6px;} .box_sukien_anh .pd-box { padding:9px;} .box_sukien_anh ul { padding:0} .box_sukien_anh ul li{ padding:6px 0 6px 0; border-top:1px dotted #ccc;} .box_sukien_anh ul li { background: url(https://vufo.org.vn/images/arr-other.jpg) no-repeat 3px 14px; font-size:12px; padding-left:12px;} .box_sukien_anh ul li a {color:#333; text-decoration:none} .box_sukien_anh ul li a:hover{ text-decoration:underline} ul.news-xemnhieu { background: #fff; overflow:hidden } ul.news-xemnhieu li { background:url(https://vufo.org.vn/images/arr-other.jpg) no-repeat 0 18px; line-height : 15px; color:#999; border-bottom:1px solid #f1f1f1; padding:12px 0 12px 12px; font-size:14px;} ul.news-xemnhieu li .title { line-height: 16px; display:block; padding-bottom:3px } ul.news-xemnhieu li img{ float:left; width:60px; height:60px; margin-right:8px; } ul.news-xemnhieu li a { text-decoration : none; color:#333 } ul.news-xemnhieu li a:hover { color:#108244} ul.news-xemnhieu li p.post-date{ padding-top:5px; color:#888; font-size:12px;} ul.news-list-r { overflow:hidden; } ul.news-list-r li { line-height : 15px; color:#999; padding:10px 0 ; border-bottom:1px solid #ddd;} ul.news-list-r li:last-child { border-bottom:none} ul.news-list-r li .title { line-height: 18px; display:block; height: 35px; overflow: hidden; } ul.news-list-r li img{ float:left; width:50px; height:50px; padding-right:9px; } ul.news-list-r li p.post-date{ color:#999; font-size:12px;} ul.news-list-r li a { text-decoration : none; color:#333 } ul.news-list-r li a:hover { color:#c00} ul.news-list-r p.post-date { padding-top:3px;} ul.news-list-bbae { background:#056a37; overflow:hidden; padding:13px 13px 0 13px; } ul.news-list-bbae li { width:100%; float:left; line-height : 15px; color:#999; padding-bottom:16px; font-size:14px;} ul.news-list-bbae li .title { line-height: 18px; display:block; height: 37px; overflow: hidden; } ul.news-list-bbae li .pd-top{ padding-top:6px;} ul.news-list-bbae li img{ float:left; width:80px; height:70px; margin-right:8px; } ul.news-list-bbae li p.post-date{ color:#fff; font-size:13px; font-weight:300} ul.news-list-bbae li a { text-decoration : none; color:#fff } ul.news-list-bbae li a:hover { color:#fff} ul.mini-info-list { clear: both; margin: 0; list-style: none; padding: 6px 0 0 0; } ul.mini-info-list li { display:inline-block; width:45%; position: relative; line-height: 18px; margin-bottom:10px; color: #999; margin-right:20px; font-size: 15px; padding: 3px 0 3px 10px; } ul.mini-info-list li:before { width: 3px; height: 3px; background: #c00; content: ''; display: block; left: 0; top: 8px; position: absolute; } ul.mini-info-list li a { text-decoration: none; color: #333; } ul.mini-info-list li a:hover { text-decoration:underline } ul.menu-tab-cmcon { width: 100%; background: #fff; overflow: hidden; } ul.menu-tab-cmcon li { float: left; line-height: 30px; text-transform: uppercase; } ul.menu-tab-cmcon li a { color: #666; font-size: 14px; font-weight: bold; padding: 0 10px 0 2px; text-decoration: none; } ul.menu-tab-cmcon li a.current { font-weight: bold; font-size: 18px; color: #FF0004; text-transform: uppercase; display: block; } #block_content_footer { background: #f5f5f5; overflow:hidden; padding: 8px 6px 0px 10px; } .footer_columns { padding:1px 0 20px 0; float:left; } .footer_columns ul{ min-height: 138px; margin:0; padding:0 0 5px 15px; border-right:1px dotted #ccc } .footer_columns ul.none{ border:none;} .footer_columns ul li{ float:left; color:#333; padding:0 0 5px 0; display:block; width:100%; } .footer_columns ul li a{ display:block; float:left; color:#333; text-decoration:none; padding:2px 0 2px 0 } .footer_columns ul li a:hover{ text-decoration:underline; color:#000 } #upper-footer { background: #f2f2f2; overflow:hidden; padding: 6px 6px 0px 10px; border-top: 3px solid #FF0004; border-bottom:1px dotted #ddd } #upper-footer h4{ text-transform:uppercase; font-size:20px; padding-top:8px; font-weight:400} #newsletter>*,.social-media>*{display:inline-block} #newsletter span{ margin-top:20px} #newsletter span.error{margin-top:0} #newsletter input[type=text]{ width:250px; margin:0 0 0 15px; padding-left:8px; font-size:14px; } #newsletter input[type=text],#newsletter input[type=button]{ height:30px} #newsletter input[type=button]{ position:relative; background: #FF0004; color: #fff; text-transform: uppercase; height: 36px; padding: 5px 15px; border: none; font-size: 16px;} .social-media { clear:both; float:right;} .social-media h4{ padding-right:10px; color:#fff;} .social-media ul{ padding:0; list-style:none; } .social-media ul li{ display:inline-block!important; padding:0!important} .social-media ul li a{display:block;width:30px;height:30px;background:url(https://vufo.org.vn/images/social-icons.png) no-repeat #ccc; border-radius:50%;} .social-media ul li.social-googleplus a{background-color:#d74937;background-position:-4px -4px} .social-media ul li.social-facebook a{background-color:#39599f;background-position:-44px -5px} .social-media ul li.social-pinterest a{background-color:#b8242a;background-position:-95px -5px} .social-media ul li.social-twitter a{background-color:#45b0e3;background-position:-125px -5px} .social-media ul li.social-youtube a{background-color:#e70031;background-position:-164px -5px} /* ^^^End_box^^^ */ /* ------------------------------------------------------------------------- * * IE Fixes /* ------------------------------------------------------------------------- */ body.ie8, .ie8.single .related-posts .post-title, .ie8 .s1 .alx-posts .post-item-title, .ie8 #footer .alx-posts .post-item-title { font-weight: 400; } .ie8 .author-bio .bio-avatar:after, .ie8 .commentlist li.bypostauthor > .comment-body:after { display: none; } .ie8 .nav li > a:after { content: ""!important; } .ie8 .nav > li > a:after { content: ""!important; } .ie8 #nav-topbar .nav > li > a:hover, .ie8 #nav-topbar .nav > li:hover > a, .ie8 #nav-header .nav > li > a:hover, .ie8 #nav-header .nav > li:hover > a, .ie8 .toggle-search:hover, .ie8 .toggle-search.active, .ie8 .search-expand-inner { background: url(https://vufo.org.vn/images/opacity-10.png); } .ie8 .thumb-icon, .ie8 .image-caption, .ie8 .page-image-text .description i, .ie8 .flex-direction-nav a { background: url(https://vufo.org.vn/images/ie/opacity-70.png); } .ie8 .entry .gallery .gallery-caption { background: url(https://vufo.org.vn/images/ie/opacity-80-light.png); } .accordion-section-title:before, .accordion-section-title.active:before, a .zoomit:after { font-family: "FontAwesome"; } /*----- Accordion -----*/ .accordion { overflow:hidden; margin-top:15px; } /*----- Section Titles -----*/ .accordion-section-title { width:100%; padding:16px; position:relative; display:inline-block; background:#B40003; font-weight:600; transition:all linear 0.15s; border-bottom:1px solid #fff; /* Type */ font-size:1.100em; color:#000; } .accordion-section-title span { display: block; background:#eee; padding: 9px 15px; } .accordion-section-title.active span { display: block; background:#000; padding: 9px 15px; color:#fff; } .accordion-section-title, .accordion-section-title.active { display: block; position: relative; padding: 0 0 0 36px; } .accordion-section-title:before { content: "\f067"; top: 10px; left: 10px; position: absolute; font-size: 16px; color:#fff; font-weight:300; } .accordion-section-title.active:before { content:"\f068"; position: absolute; top: 10px; color:#fff; left: 10px; font-size: 16px; } .accordion-section-title.active, .accordion-section-title:hover { background:#108244; /* Type */ text-decoration:none; } .accordion-section:last-child .accordion-section-title { border-bottom:none; } /*----- Section Content -----*/ .accordion-section-content { padding: 15px; font-size:14px; text-align:left; margin-left:20px; display:none; line-height:1.6em; background:#fff; } .anpc { display:none;} @media only screen and (max-width: 480px) { .contro-logo { top:8px; right:0} .contro-logo img { width: 42px; text-align: left !important; } .anpc { display:block; } .bg-banner { height:auto !important; background-size: 100% 100% !important;} .focus-wrap .title-l { padding-left:8px;} .focus-wrap figure { max-height: 100%;} ul.news-list-r li { padding:5px;} ul.menu-tab-cmcon li a {font-size:11px;} .pad-cm{padding:0px 0 25px 0px !important} .page-title.pad{padding:0px !important;} .c-news-bot ul li{ width: 48% !important; margin: 1% !important;} .c-news-bot ul li a{overflow: hidden; clear: both;display: block; } .img-tieudiemcap2 {width:100% !important; height:auto !important; } .c-news-bot ul li span.title a{ height:70px;} .fix70{float:right;width:68%;} .fix30{width:30% !important;} .fix80{float:right;width:78%;} .fix20{width:20% !important;} .main_list_news .post_item{width:100%;} .input-s, a.searchBtn, .andimb{display:none !important;} .gridLct, .col-view-news{ width:100% !important;} .post-title-view{ font: 600 16px/20px arial;} h3.sapo{ font: 600 15px/19px arial !important;} ul.breaking-news-listnew ol img { height:auto !important;} .entry.share .entry-inner {font-size: 16px;} .searchMain{background: none; height: 25px; line-height: 24px;} } .share-tools-sticky-wrapper-inner { border: 1px solid #dddddd; font-family: Arial; font-size: 10px; padding: 15px; position: relative; text-align: center; text-transform: uppercase; width: 40px; margin-left:-80px; } .vertical .share-this-btn { position: absolute; top: 5px; left: 0; width: 60px; border-bottom: 1px solid #dddddd; height: auto; padding: 5px; display: inline-block; } .vertical > .share-this-links { margin-top: 63px; } .share-this-links { overflow: hidden; display: block; vertical-align: bottom; } a.share-popup { font-size: 27px; padding-top:8px; border-radius: 50%; margin-bottom:10px; display: inline-block; float:left; vertical-align: middle; } .share-this a.share-facebook, #content .share-this a.share-facebook, .share-this a.share-facebook:visited, #content .share-this a.share-facebook:visited { color:#fff; width:40px; height:32px; background:#3B5998; } .share-this a.share-twitter, #content .share-this a.share-twitter, .share-this a.share-twitter:visited, #content .share-this a.share-twitter:visited { color:#fff; width:40px; height:32px; background:#42a8df; } .share-this a.share-pinterest, #content .share-this a.share-pinterest, .share-this a.share-pinterest:visited, #content .share-this a.share-pinterest:visited { color:#fff; width:40px; height:32px; background:#cb2027; } .share-this a.share-instagram, #content .share-this a.share-instagram, .share-this a.share-instagram:visited, #content .share-this a.share-instagram:visited { color:#fff; width:40px; height:32px; background:#42a8df; } .share-this a.share-googleplus, #content .share-this a.share-googleplus, .share-this a.share-googleplus:visited, #content .share-this a.share-googleplus:visited { color:#fff; width:40px; height:32px; background:#CD483C; } .share-this a.share-email, #content .share-this a.share-email, .share-this a.share-email:visited, #content .share-this a.share-email:visited, .share-this a.share-buttonfilled, #content .share-this a.share-buttonfilled, .share-this a.share-buttonfilled:visited, #content .share-this a.share-buttonfilled:visited { color:fff; width:40px; height:32px; background:#000; } /*Danh cho tieu diem moi*/ .img-tieudiemcap2{ margin:0 12px 0 0; width:320px; height:200px; float:left; } .col-news-tieudiem{ float:left; padding:10px; width:322px;} .img-tieudiem{ width:328px; height:200px; border:2px solid #e0e0e0;} h1.title-tieudiem { font-size:18px; padding:6px 0 3px 0; font-weight:bold; color:#333; line-height:25px; text-align:justify} h1.title-tieudiem a {color:#333 ;text-decoration:none} h1.title-tieudiem a:hover{ text-decoration:underline} p.content-tieudiem{ color:#000} span.date-bv{ color:#999; font-size:11px;} .c-news-bot { padding: 10px 0 0 0px;background:#fff; float: left; clear:both ;margin: 5px 0 0 0;} .c-news-bot ul { float:left;} .c-news-bot ul li { width: 163px; float: left; margin: 0 15px 0 0px; display: inline;} .c-news-bot ul li img { width:163px; height:102px; margin-bottom:6px; border:none} .c-news-bot ul li span.title{ font-size:12px; font-weight:bold } .c-news-bot ul li span.title a{ color:#333; text-decoration:none; } .c-news-bot ul li span.title a:hover{ color:#0033CC;} .c-news-bot ul li:last-child { margin-right:0px; } /*End*/ .col-news-tieudiemcap2{ float:left; width:100%;} .img-tieudiemcap2{ margin:0 12px 0 0; width:320px; height:200px; float:left; } .col-view-news { width: 72%; margin-right: 15px; float: left; line-height: 20px; text-align: justify; } .cldivnews{ margin-top:10px; width:380px; float:left; clear:both} .gridLct{ float:right; width:25%;} .gridRct{ float:right; width:225px;} .module-header {text-align: center; background: url("http://resources.news.com.au/cs/newscomau/v2/news/base/css/images/backgrounds/module-header-bg-striped.png") repeat-x scroll 0 center transparent; } .module-header .heading { background: none repeat scroll 0 0 #FFFFFF; color: #EC1C24; display: inline; font-weight:bold; padding: 0 4px; font-size:12px; } ul.news-list-td{ text-align:center; margin: 0 0 20px; background:#F8F8F8; padding:5px 0 10px 0 } ul.news-list-td li { text-align:center; list-style:none; font-size: 12px; margin: 10px 0 0;} ul.news-list-td li img{ width:100px; height:75px; padding:2px; border:1px solid #ccc;} ul.news-list-td li h3{ padding:0; font:12px Arial, Helvetica, sans-serif; clear:both} ul.news-list-td li a { text-decoration:none; color: #333;} ul.news-list-td li a:hover { text-decoration:underline;} ul.breaking-news-listnew { margin: 10px 0 18px 0;} ul.breaking-news-listnew ol img{ width:174px; height:108px; border:1px solid #F2F2F2} ul.breaking-news-listnew ol h2{ padding: 6px 0 0 0; font-size: 13px; font-weight: bold; line-height: 20px;} ul.breaking-news-listnew ol h2 a{ color:#000; text-decoration:none;} ul.breaking-news-listnew ol h2 a:hover{ color:#0033CC;} ul.breaking-news-listnew li { list-style:none; font-size: 12px; margin: 10px 0 0; } ul.breaking-news-listnew li a { text-decoration:none; color: #333; background: url(https://vufo.org.vn/data/cssv2/images/arr-red.jpg) no-repeat 0 5px; padding-left:9px; } ul.breaking-news-listnew li a:hover { text-decoration:underline; } ul.breaking-news-listnew li .timestamp { color: #6E6E6E; font-size: 11px; } .nameps { clear:both; overflow: hidden; background: #bde2f2; } .nameps h1 { margin:10px 0px 0px 5px; font-size:16px; color: #007bc1; } .summaryps { line-height: 20px; background: #bde2f2; padding: 10px 0px 0px 5px; } .box_sukien_chuyende{ margin-bottom:10px; background:#fff; border: 1px solid #e9e9e9; overflow:hidden} .box_sukien_chuyende h5{ background: url(https://vufo.org.vn/images/pattern_right.png) right top no-repeat #d5f2e4; color:#333; font-size:16px; font-weight:normal; line-height:30px; padding-left:6px;} .box_sukien_chuyende .pd-box { padding:9px;} .box_sukien_chuyende ul { padding:0} .box_sukien_chuyende ul li{ padding:6px 0 6px 0;} .box_sukien_chuyende ul li { background: url(https://vufo.org.vn/images/arr-other.jpg) no-repeat 3px 14px; font-size:12px; padding-left:12px;} .box_sukien_chuyende ul li a {color:#333; text-decoration:none} .box_sukien_chuyende ul li a:hover{ text-decoration:underline} .box-ttnb{ width:300px; background:#fff; -moz-box-shadow: 0px 3px 6px #e8e9eb; -webkit-box-shadow: 0px 3px 6px #e8e9eb; box-shadow: 0px 3px 6px #e8e9eb; margin-bottom:10px; overflow:hidden} .box-ttnb h5{ background: #0064C9; color:#fff; font-size:14px; text-transform:uppercase; line-height:30px;} .box-ttnb h5 span{ width:30px; margin-right:66px; float:left; background:#085db0 url(https://vufo.org.vn/images/arr-a.png) no-repeat center} .box-ttnb ul li{ background:#E8E9EB; line-height:30px; border-top:1px solid #fff;} .box-ttnb ul li a{ text-decoration:none; color:#003399;} .box-ttnb ul li a:hover{ text-decoration:underline} .box-ttnb ul li span { margin-right:5px; float:left; width:30px; background:#E8E9EB url(https://vufo.org.vn/data/cssv2/images/arr-b.png) no-repeat center} .Login { margin-top: 10px; } .Login h2 { border-bottom: 1px solid #D6D3D6; color: #B02923; font: 18px Arial,Helvetica,sans-serif; margin-bottom: 10px; width: 90px; } .login-field { clear: both; margin: 5px; } .login-field label { color: #666666; float: left; line-height: 25px; margin-right: 5px; text-align: right; width: 110px; } .inputEmail { border: 1px solid #D6D3D6; color: #333333; font: 12px arial; height: 25px; margin: 0 0 5px; padding: 0 0 0 5px; width: 248px; } .login-button { background: url("https://vufo.org.vn/data/cssv2/images/dangky.jpg") no-repeat scroll 0 0 transparent; border: medium none; color: #000000; cursor: pointer; font: 11px Tahoma; height: 25px; margin-left: 10px; padding-bottom: 3px; width: 108px; } .Thongtin { background: none repeat scroll 0 0 #EFEFEF; border-bottom: 1px solid #CCCCCC; clear: both; font: bold 12px Arial,Helvetica,sans-serif; overflow: hidden; padding-bottom: 6px; padding-left: 16px; padding-top: 10px } .Thongtin .Left { float: left; } .Thongtin .Right { float: right; padding-right:10px; } ul.List-new-category { padding:8px; width:680px; } ul.List-new-category li {width:676px; float:left; line-height : 15px; color:#999; padding:16px 0 10px 0; border-bottom:1px dotted #ccc; font-size:12px; } ul.List-new-category li.none{ padding-top:0 !important} ul.List-new-category li img{ float:left; width:136px; height:102px; margin-right:10px;} ul.List-new-category span{ color:#999;} ul.List-new-category span b { color:#FF0000} ul.List-new-category li p.contentnd{ line-height:1.5em; color:#000; padding-top:6px; overflow:hidden} ul.List-new-category li h2{ padding-bottom:10px; font-size:13px;} ul.List-new-category li h2 a { text-decoration : none;font-weight:bold; color:#333 } ul.List-new-category li a:hover { color:#0033CC} /*! * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.2.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } #wrapper, .container-inner { min-width: 320px; } @media only screen and (max-width: 1200px) { #header-ads { display: none; } } /* ------------------------------------------------------------------------- * * Toggle Sidebar s2 : 1200px > 480px /* ------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 979px) { .container { padding: 0 10px; } /* s2 general */ .s2 { width: 50px; } .s2 .sidebar-content { display: none; float: left; width: 100%; } .s2 .sidebar-toggle { display: block; } /* s2 expand/collapse */ .s2-expand .s2 { background: #fff; position: absolute; top: 0; bottom: 0; width: 300px; margin: 0!important; z-index: 9; /*overflow: auto;*/ -moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; } .s2-expand .s2 .sidebar-content { display: block; min-width: 300px; background:#fff } .s2-collapse .s2 .sidebar-content { display: none; } /* s2 toggle icon */ .col-3cm.s2-expand .s2 .icon-sidebar-toggle:before, .col-3cl.s2-expand .s2 .icon-sidebar-toggle:before { content: "\f101"; } .col-3cr.s2-expand .s2 .icon-sidebar-toggle:before { content: "\f100"; } /* s2 3 column, content middle */ .col-3cm .main { background: url(https://vufo.org.vn/img/sidebar/s-right-collapse.png) repeat-y right; } .col-3cm .main-inner { padding-right: 50px; } .col-3cm .s2 { margin-right: -50px; } .col-3cm.s2-expand .s2 { right: 0; } /* ipad, iphone fix */ .safari .s2 { min-width: 50px; max-width: 50px; width: auto; } .safari.s2-expand .s2 { min-width: 300px; max-width: 300px; width: auto; } } @media only screen and (min-width: 961px) and (max-width: 1200px) { /* 3 column, content right */ .col-3cl .main { background-image: none; } .col-3cl .main-inner { background: url(https://vufo.org.vn/img/sidebar/s-right-dual-half-collapse.png) repeat-y right; padding-right: 390px; } .col-3cl .s1 { margin-right: -390px; } .col-3cl .s2 { margin-right: -50px; } .col-3cl.s2-expand .s2 { right: 340px; } /* 3 column, content left */ .col-3cr .main { background-image: none; } .col-3cr .main-inner { background: url(https://vufo.org.vn/img/sidebar/s-left-dual-half-collapse.png) repeat-y left; padding-left: 390px; } .col-3cr .s1 { margin-left: -390px; } .col-3cr .s2 { margin-left: -50px; } .col-3cr.s2-expand .s2 { left: 340px; } } /* ------------------------------------------------------------------------- * * Toggle Sidebar s1 : 960px > 480px /* ------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 960px) { /* s1 general */ .s1 { width: 50px; } .s1 .sidebar-content { display: none; float: left; width: 100%; } .s1 .sidebar-toggle { display: block; } /* s1 expand/collapse */ .s1-expand .s1 { background: #f0f0f0; position: absolute; top: 0; bottom: 0; width: 340px; margin: 0!important; z-index: 9; overflow: auto; -moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; } .s1-expand .s1 .sidebar-content, .s1-expand .s1 .post-nav { display: block; min-width: 340px; } .s1-collapse .s1 .sidebar-content, .s1-collapse .s1 .sidebar .post-nav { display: none; } /* s1 toggle icon */ .col-2cl.s1-expand .s1 .icon-sidebar-toggle:before, .col-3cl.s1-expand .s1 .icon-sidebar-toggle:before { content: "\f101"; } .col-2cr.s1-expand .s1 .icon-sidebar-toggle:before, .col-3cm.s1-expand .s1 .icon-sidebar-toggle:before, .col-3cr.s1-expand .s1 .icon-sidebar-toggle:before { content: "\f100"; } /* 2 column, content right */ .col-2cr .main-inner { background-position: -290px 0!important; padding-left: 50px; } .col-2cr .s1 { margin-left: -50px; } .col-2cr.s1-expand .s1 { left: 0; } /* 2 column, content left */ .col-2cl .main-inner { background-image: url(https://vufo.org.vn/img/sidebar/s-right-collapse.png); padding-right: 50px; } .col-2cl .s1 { margin-right: -50px; } .col-2cl.s1-expand .s1 { right: 0; } .col-2cl.s1-expand .sidebar-toggle { float: right; } /* 3 column, content middle */ .col-3cm .main-inner { background-position: -340px 0!important; /*padding-left: 50px; */} .col-3cm .s1 { margin-left: -50px; } .col-3cm .s2 { margin-right: -50px; } .col-3cm.s1-expand .s1 { left: 0; } .col-3cm.s2-expand .s2 { right: 0; } /* 3 column, content left */ .col-3cl .main { background-image: none; } .col-3cl .main-inner { background: url(https://vufo.org.vn/img/sidebar/s-right-dual-full-collapse.png) repeat-y right; padding-right: 100px; } .col-3cl .s1 { margin-right: -100px; } .col-3cl .s2 { margin-right: -50px; } .col-3cl.s1-expand .s1 { right: 0; } .col-3cl.s2-expand .s2 { right: 50px; } /* 3 column, content right */ .col-3cr .main { background-image: none; } .col-3cr .main-inner { background: url(https://vufo.org.vn/img/sidebar/s-left-dual-full-collapse.png) repeat-y left; padding-left: 100px; } .col-3cr .s1 { margin-left: -100px; } .col-3cr .s2 { margin-left: -50px; } .col-3cr.s1-expand .s1 { left: 0; } .col-3cr.s2-expand .s2 { left: 50px; } /* ipad, iphone fix */ .safari .s1 { min-width: 50px; max-width: 50px; width: auto; } .safari.s1-expand .s1 { min-width: 340px; max-width: 340px; width: auto; } .toggle-search { right: auto; left: 0; top: 0; -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.1); box-shadow: 1px 0 0 rgba(255,255,255,0.1); } .search-expand { left: 0; right: auto; top: 50px; } } @media only screen and (min-width: 320px) and (max-width: 479px) { .toggle-search { right: auto; left: 0; top: 0; -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.1); box-shadow: 1px 0 0 rgba(255,255,255,0.1); } .search-expand { left: 0; right: auto; top: 50px; } } /* ------------------------------------------------------------------------- * * Mobile (Mid Res) : 719px > 0px (480px & 320px) /* ------------------------------------------------------------------------- */ @media only screen and (max-width: 719px) { ul.mini-info-list li { width:100%; margin-right:0} /* layout */ .container { padding: 0; width:100%; } .grid { width: 100%; margin: 0 0 10px; } .grid-vp { width: 100%; } .bd-gl { border-left:none; padding-left:0%;} /* sidebar toggle 60 > 50px height */ .page-title.pad { padding-top: 12px; padding-bottom: 12px; } .sidebar-toggle { height: 50px; } .sidebar-toggle i { padding: 5px 0; } /* hide */ .site-description, .image-caption { display: none; } /* base */ .pad { padding: 20px 0px 10px; } .pad-cm{ padding:10px 0 25px 0px} .notebox { margin-bottom: 20px; } #flexslider-featured { margin-top: 10px; } .entry { font-size: 15px; } /* text */ .entry h1 { font-size: 30px; letter-spacing: -0.7px; } .entry h2 { font-size: 26px; letter-spacing: -0.5px; } .entry h3 { font-size: 24px; letter-spacing: -0.3px; } .entry h4 { font-size: 22px; letter-spacing: -0.3px; } .entry h5 { font-size: 18px; } .entry h6 { font-size: 16px; text-transform: uppercase; } /* header */ #header { padding-bottom: 0; } .topbar-enabled #header { padding-top: 0; } #header .pad { padding-top: 0; padding-bottom: 0; } .site-title { padding: 30px 0; width: 100%; float: none; line-height: 50px; } .site-title a { text-align: center; } /* footer */ #footer-bottom .pad { padding-top: 50px; padding-bottom: 40px; } #footer-bottom .one-half.last { margin-bottom: 0; } #footer-bottom { text-align: center; } #footer-bottom #footer-logo { margin-left: auto; margin-right: auto; } #footer-bottom .social-links { float: none; } #footer-bottom .social-links li { margin-left: 4px; margin-right: 4px; } /* comments */ .comment-tabs { font-size: 14px; } .commentlist li { font-size: 13px; } .commentlist li ul li { padding-left: 10px; } /* page */ #page { margin-top: 0; padding-bottom: 10px; } .pagination { margin-bottom: 30px; } .page-title { font-size: 14px; } .page-image-text { margin-top: -15px; } .page-image-text .caption { font-size: 26px; line-height: 30px; } .page-image-text .description { font-size: 13px; } /* blog */ .post-list { margin-left: 0; margin-right: 0; } .post-list .post, .post-list .page { width: 100%; } .post-list .post-row { margin-left: 0; padding-left: 0; margin-bottom: 0; border: 0; } .post-list .post-inner { margin-right: 0; } .post-standard .post-inner { padding-left: 120px; } .post-standard .post-thumbnail { margin-left: -120px; max-width: 100px; } .featured .post-title, .single .post-title { font-size: 22px; line-height: 1.5em; letter-spacing: 0; } .post-byline { font-size: 13px; } .post-format { margin-bottom: 20px; } .format-gallery .post-format .flexslider .slides img { max-height: 240px; } .format-quote .post-format blockquote, .format-link .post-format p { font-size: 18px; } .format-link .post-format p { margin-bottom: 10px; } .single .format-status .entry { font-size: 20px; line-height: 1.4em; } .post-format .format-container .fa { font-size: 28px; } .entry.share { padding-right: 0; } .sharrre-container { position: relative; float: left; width: auto; padding: 0; margin: 0 0 0 -65px; } .sharrre-container span { text-align: left; } .sharrre-container > div { float: left; margin-right: 10px; } .author-bio .bio-desc { font-size: 13px; } .content .post-nav li { width: 100%; -webkit-box-shadow: none!important; box-shadow: none!important; } .content .post-nav li a { min-height: 0; } .single .related-posts .post-title { font-size: 15px; } .related-posts li { width: 50%; } .related-posts li:nth-child(2) article { border-right-color: transparent; } .related-posts li:nth-child(3), .related-posts li:nth-child(4) { display: none; } /* shortcodes */ .dropcap { font-size: 80px; } } /* ------------------------------------------------------------------------- * * Mobile (Low Res) : 479px > 0 (320px) /* ------------------------------------------------------------------------- */ @media only screen and (max-width: 479px) { /* layout */ .content, .sidebar { width: 100%; float: none; margin-right: 0!important; margin-left: 0!important; } .sidebar { background: #fff; width: 100%; display: block; float: none; } .main { background-image: none!important; } .main-inner { background-image: none!important; padding: 0!important; } .s2 { right: 0!important; left: 0!important; } .input-s { width:172px;} .searchMain img { margin-left:2px;} /* hide */ .mobile-sidebar-hide-s1 .s1, .mobile-sidebar-hide-s2 .s2, .mobile-sidebar-hide .sidebar { display: none; } /* base */ .pad { padding: 15px 0 5px; } .sidebar-top, .sidebar .widget { padding-left: 15px!important; padding-right: 15px!important; } .notebox { margin-bottom: 15px; } #flexslider-featured { margin-top: 15px; } .gallery-caption { display: none; } /* header */ .site-title { font-size: 32px; } /* blog */ .post-standard .post-inner { padding-left: 82px; } .post-standard .post-thumbnail { margin-left: -82px; max-width: 72px; } .format-link .post-format p { margin-bottom: 5px; } } .col { display: block; float:left; margin: 1% 0 1% 0%; } .row-vd { margin-left:-10px; margin-right:-10px; clear:both } .col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } } /* GRID OF THREE ============================================================================= */ .span_1_of_2 { width: 49%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 480px) { .span_1_of_2 { width: 100%; } } .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 66.13%; } .span_1_of_3 { width: 33.33%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 480px) { .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 100%; } .span_1_of_3 { width: 100%; } } /* GRID OF FOUR ============================================================================= */ .span_1_of_4 { width: 21.6%; } @media only screen and (max-width: 767px) { .span_1_of_4 { width: 45.5%; } } @media only screen and (max-width: 480px) { .span_1_of_4 { width: 44%; } } @media only screen and (max-width: 320px) { .span_1_of_4 { width: 43%; } } /* GRID OF SIX ============================================================================= */ .span_6_of_6 { width: 100%; } .span_5_of_6 { width: 83.06%; } .span_4_of_6 { width: 66.13%; } .span_3_of_6 { width: 49.2%; } .span_2_of_6 { width: 32.26%; } .span_1_of_6 { width: 15%; } @media only screen and (max-width: 979px) { .span_1_of_6 { width: 31%; } } @media only screen and (max-width: 700px) { .footer_columns ul { border:none} .span_1_of_6 { width: 47%; } } @media only screen and (max-width: 480px) { .span_6_of_6 { width: 100%; } .span_5_of_6 { width: 100%; } .span_4_of_6 { width: 100%; } .span_3_of_6 { width: 100%; } .span_2_of_6 { width: 100%; } .span_1_of_6 { width: 100%; } } /* SECTIONS ============================================================================= */ .section { clear: both; padding: 0px; margin: 0px; } .carousel { position:relative; clear:both } .carousel-inner { position:relative; width:100%; overflow:hidden; } .carousel-inner>.item { position:relative; display:none; left: 0 !important; -webkit-transition: opacity 0.6s; /*adjust timing here */ -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .carousel-inner>.item>img, .carousel-inner>.item>a>img { line-height:1; } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display:block; } .carousel-inner>.active { left:0; } .carousel-inner>.next, .carousel-inner>.prev { position:absolute; top:0; width:100%; } .carousel-inner>.next.left, .carousel-inner>.prev.right { opacity: 1; z-index: 1; } .carousel-inner>.active.left, .carousel-inner>.active.right { opacity: 0; z-index: 2; } .carousel-control { position: absolute; top:0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); filter: alpha(opacity=0); opacity: .0; } .carousel-control.left { left:0; top:50%; margin-top:-20px } .carousel-control.right { right:0; left:auto; top:50%; margin-top:-20px } .carousel-control:hover, .carousel-control:focus { color:#fff; text-decoration:none; filter:alpha(opacity=100); outline:0; opacity:1; } @media (max-width: 480px) { .carousel-control .icon-prev, .carousel-control .icon-next { border:none !important } .carousel-control .icon-prev i, .carousel-control .icon-next i { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 30px !important; color: #fff; } } .carousel-control .icon-prev, .carousel-control .icon-next { position:absolute; display: inline-block; border: 1px solid #fff; width: 40px; height: 40px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; text-align: center; position: relative; z-index: 3; } .carousel-control .icon-prev i, .carousel-control .icon-next i { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); padding: 10px; font-size: 18px; color: #fff; } .carousel-control .icon-prev:hover, .carousel-control .icon-next:hover { border: 1px solid #F28900; } .carousel-control .icon-prev:hover i, .carousel-control .icon-next:hover i { color: #F28900; } .carousel-indicators { position:absolute; z-index:15; bottom:10px; left:50%; width:60%; margin-left:-30%; text-align:center; list-style:none; } .carousel-indicators li { display: inline-block; position: relative; width: 16px; height: 16px; border-radius: 50%; background: #ddd; background: rgba(150,150,150,0.4); cursor: pointer; box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1); background: rgba(150,150,150,0.1); margin: 6px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 2px rgba(255,255,255,0.5); } .carousel-indicators .active, .carousel-indicators li:hover { box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 5px rgba(255,255,255,0.5); } .carousel-indicators .active:after { content: ""; position: absolute; width: 10px; height: 10px; top: 3px; left: 3px; border-radius: 50%; background: rgba(255,255,255,0.8); } /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .carousel { height: 100% } /* Since positioning the image, we need to help out the caption */ .carousel-caption { z-index: 10; } /* Declare heights because of positioning of img element */ .carousel .item { height: 100%; /*background-color: #777;*/ } .carousel .item img { border:none !important; top: 0; left: 0; min-width: 100%;} .carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; } /* RESPONSIVE CSS-------------------------------- */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url(https://vufo.org.vn/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ /*.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); opacity: 0.5; }*/ /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: inline-block; position: relative; width: 6px; height: 6px; border-radius: 50%; background: #694C12; cursor: pointer; box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1); background: rgba(150,150,150,0.1); margin: 6px 9px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 3px rgba(187,141,25,0.5); } .owl-theme .owl-controls .owl-page.active span:after { content: ""; position: absolute; width: 6px; height: 6px; top: 3px; left: 3px; border-radius: 50%; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(https://vufo.org.vn/AjaxLoader.gif) no-repeat center center } /* Styling Next and Prev buttons */ /* preloading images */ .owl-item.loading { min-height: 150px; background: url(https://vufo.org.vn/AjaxLoader.gif) no-repeat center center } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url(https://vufo.org.vn/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* slide news --------------------------------------------------*/ .slide-news .module-widget { text-align:center; overflow: hidden; padding:0 10px; } .slide-gallery, .slide-videos{ position: relative; z-index: 98; top: 0; text-align:center; left: 0; } .other-gallery { position: relative; z-index: 98; top: 20px; text-align:center; } .fix-other { margin:0 !important; padding-top:20px; clear:both} #vi-video .title { color: #000; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: 36px; font-weight: 400; letter-spacing: normal; line-height: normal; margin-bottom:20px; } #vi-video .title .count { color: #999; font-size: 16px; font-weight: 300; letter-spacing: normal; line-height: normal; text-transform: none; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 10px; } #vi-video .title .view { color: #333; font-size: 16px; font-weight: 300; letter-spacing: normal; line-height: normal; text-transform: none; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 10px; } .slide-news .owl-prev{ position: absolute; top: 36%; background: transparent url("https://vufo.org.vn/images/galleries-sprite.png") no-repeat top; opacity:1; height: 96px; width: 46px; left: 10px; margin-top: -48px; right: auto; background-position: -130px -100px;} .slide-news .owl-prev:hover{ background-position: -130px -3px; } .slide-news .owl-next{ position: absolute; top:36%; background: transparent url("https://vufo.org.vn/images/galleries-sprite.png") no-repeat top; opacity: 1; left: auto; right: 11px; height: 96px; width: 46px; margin-top: -48px; background-position: -176px -100px; } .slide-news .owl-next:hover{ background-position: -176px -3px; } .slide-news .owl-prev:hover{ background-position: -130px -3px; } .owl-prev { position: absolute; top: -30px; background: transparent url("https://vufo.org.vn/images/cP7FTknYc8a.png") no-repeat top; opacity: 0.3; height: 45px; width: 27px; margin-top: -23px; right:30px; background-position: -26px -115px; } .owl-prev:hover { opacity: 1.0;} .owl-next{ position: absolute; top:-30px; background: transparent url("https://vufo.org.vn/images/cP7FTknYc8a.png") no-repeat top; opacity: 0.3; height: 45px; width: 27px; right: 0; margin-top: -23px; background-position: -28px -161px; } .owl-next:hover { opacity: 1.0;} /* Feel free to change duration */ .animated { -webkit-animation-duration : 1000 ms ; animation-duration : 1000 ms ; -webkit-animation-fill-mode : both ; animation-fill-mode : both ; } /* .owl-animated-out - only for current item */ /* This is very important class. Use z-index if you want move Out item above In item */ .owl-animated-out { z-index : 1 } /* .owl-animated-in - only for upcoming item /* This is very important class. Use z-index if you want move In item above Out item */ .owl-animated-in { z-index : 0 } /* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css: */ .fadeOut { -webkit-animation-name : fadeOut ; animation-name : fadeOut ; } @-webkit-keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } @keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } .page-item { display: inline; } @media only screen and (max-width: 500px) { .col-cus-1 {width: 100% !important} .col-cus-2 {width: 100% !important} .col-cus-3 {width: 100% !important} .footer-text {margin-top: 10px; text-align: center !important} .footer-img {float: none !important} } .footer-text {text-align: right} .footer-img {float: right} .col-cus-1 { width: 20%; float: left; } .col-cus-2 { padding-top: 5px; width: 60%; float: left; } .col-cus-3 { width: 20%; float: left; } /* dick */ #vvisit_counter123 { padding: 5px; border: 1px solid #ccc; } .vacenter { text-align: center; } #vvisit_counter123 .vstats_counter { margin-top: 5px; } #vvisit_counter123 .vstats_icon { margin-right: 5px; } #vvisit_counter123 .vrow { height: 24px; } .vstats-vtoday { background-position: -128px 0; } .vstats-vall, .vstats-vlmonth, .vstats-vlweek, .vstats-vxmonth, .vstats-vtoday, .vstats-vxweek, .vstats-vyesterday { width: 16px; height: 16px; background: url(default.png) no-repeat top left; text-indent: -999em; display: block; } .vfclear { clear: both; } .varight { text-align: right; float: left; } .vstats-vyesterday { background-position: -192px 0; } .vstats-vxweek { background-position: -160px 0; } .vstats-vall { background-position: 0 0; } .valeft { text-align: left; float: left; margin-right: 55px; } .vdigit_counter { border-bottom: 1px solid #ccc; }