/* Theme Name: VinaApk.net Theme URI: http://vinaapk.net Author: Hồ Viết Long Author URI: https://www.facebook.com/congtu.tk Description: Wordpress Mobile Theme Version: 1.4 */ @-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} } /* GENERAL */ * { margin: 0; padding: 0; outline: none; } body { display: block; max-width: 650px; min-width: 200px; margin: auto; position: relative; background: #f2f2f2; font-family: arial; font-style: normal; font-size: 13px; color: #595959; line-height: 16px; overflow-x: hidden; -webkit-animation:androidbugfix infinite 1s; } h1, h2, h4, h5, h6 {font-size: small;} h1 a {color: #595959;} h1 a:hover {text-decoration: none;} a { text-decoration: none; color: #2CAAD3; transition: border .25s linear, color .25s linear, background-color .25s linear; } a:hover {text-decoration: underline;} .clearfix {clear: both;} .block {display: block;} .pad, .tagcloud {padding: 7px;} .margin5 {margin:5px;} .right {float: right;} .center {text-align: center;} .white {color: #fff;} .bgwhite {background: #fff;} .prefix { font-size: 11.5px; background: hsl(127, 39%, 55%); color: hsl(0, 100%, 100%); padding: 2px 2px; position: absolute; right: 0; bottom: 0; white-space: nowrap; } .readmore { margin-bottom: 5px; } .readmore a { display: block; text-decoration: none; } /* HEADER */ header { text-align: center; padding: 10px 0 15px 10px; color: #424242; background: #FDFDFD; } #header h1 { color: #e7e7e7e7; } #head-menu { background: #7db80c; border-bottom: 1px solid #8ed40b; } #head-menu a, #head-menu a:hover { color: #FFF; display: block; padding: 10px; } #head-menu li:hover a { background: #8ed40b; text-decoration: none; } #search, #search-check, #nav-check {display:none;} #search-check:checked ~ #search{ display:block!important; } .toggle { padding:10px; display:block; transition: border .25s linear, color .25s linear, background-color .25s linear; cursor:pointer; } .toggle:hover{background: #8ed40b;} /* THE LOOP */ article { position: relative; border-bottom: 1px solid #e2e2e2; padding: 7px; clear: both; background: #fff; } article p { display: block; overflow: hidden; line-height: 18px; } .adu img {width: auto !important;height: auto !important;max-width: 100%;text-align:center;} .desc { max-height: 36px; } article a {color: #666;} article a:hover { color: #8ed40b; text-decoration: none; } article:nth-child(even) { background-color: #fcfcfc; } article:nth-child(odd) { } .photo { width: 55px; float: left; margin: 0 8px 0 0; height: 55px; border-radius: 19%; } .format-story h2, .format-thuthuat h2, .format-audio h2, .format-video h2, h2 i {font-weight: 300;} .format-thuthuat a { background: url(assets/images/icon_thuthuat.png) no-repeat left; padding-left: 20px; margin-right: 4px; } .format-story a { background: url(assets/images/icon_story.png) no-repeat left; padding-left: 20px; margin-right: 4px; } .format-story h2 {font-style: italic;} .format-image img {width: 100%;} .format-image h2 {margin: 5px 0;} .format-video a { background: url(assets/images/icon_video.png) no-repeat left; padding-left: 20px; margin-right: 4px; } .format-audio a { background: url(assets/images/icon_mp3.png) no-repeat left; padding-left: 20px; margin-right: 4px; } /* SINGLE */ #breadcrumbs, .title {font-weight:700;color:#fff;background:#7db80c;padding:10px;cursor:default;display:block} #breadcrumbs a {color: #FFF;} #wp_page {margin: 5px;} #wp_page a { padding: 5px 15px; text-decoration: none; background: #f5f5f5; border: 1px solid rgba(0,0,0,0.1); color: #595959; } #wp_page a:hover { border: 1px solid #9E9E9E; } #wp_page .current { padding: 5px 15px; background: #f5f5f5; border: 1px solid rgba(0,0,0,0.1); color: #595959; } nav ul { display: table; list-style: none; width: 100%; table-layout: fixed; } #head-menu li { vertical-align: middle; display: table-cell; text-align: center; } /* INPUT,TEXTAREA,BUTTON */ form { background: #fff; margin: 5px; } .input-group { position: relative; display: table; border-collapse: separate; width:100%; } .search-button { width: 15%; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } input, textarea { width: 80%; padding: 4px; margin-bottom: 2px; border: 1px solid #ddd; } button { background: #61cf81; padding: 5px 10px; border: 0; color: #fff; cursor: pointer; transition: border .25s linear, color .25s linear, background-color .25s linear; } button:hover { background: #1EB353; box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.31), 0 1px 0 rgba(255, 255, 255, 0.8); } /* Google Search */ .gsc-input {box-shadow: none !important;} #___gcse_0 {border-bottom: 1px solid #e2e2e2;} #adBlock, .gcsc-branding, .gsc-adBlock, .gsc-adBlockVertical, .gsc-adBlock {display:none!important;} .gsc-thinWrapper {width:100%!important;} /* ICON */ .icon_download { background: #61cf81; border-radius: 10px; float: right; padding: 2px 10px; text-transform: often; } .icon_download:hover { background: #1EB353; text-decoration: none; color: #fff; } .icon_view { background: url(assets/images/icon_view.png) no-repeat center left; padding-left: 17px; font-size: 11px; margin-right: 4px; } .icon_phone { background: url(assets/images/icon_phone.png) no-repeat center left; padding-left: 17px; font-size: 11px; margin-right: 4px; } /* FOOTER */ footer{border-top:#7db80c solid 3px;background:#FDFDFD}footer a{color:#595E63}.copyright{font-weight:700;margin-bottom:4px}.nav_menu ul li{border-bottom:1px solid #e2e2e2;font-size:13px;padding:8px;list-style:none;background:#fff} /* RESPONSIVE footer { border-top: #dfdfdf solid 1px; text-align: center; color: #373737; background:#f2f2f2; background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .15) 30%, rgba(255, 255, 255, .3) 32%, rgba(255, 255, 255, 0) 33%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 11%, rgba(255, 255, 255, .3) 13%, rgba(255, 255, 255, 0) 14%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 17%, rgba(255, 255, 255, .43) 19%, rgba(255, 255, 255, 0) 20%) 0 110px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 11%, rgba(255, 255, 255, .4) 13%, rgba(255, 255, 255, 0) 14%) -130px -170px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 11%, rgba(255, 255, 255, .4) 13%, rgba(255, 255, 255, 0) 14%) 130px 370px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 11%, rgba(255, 255, 255, .2) 13%, rgba(255, 255, 255, 0) 14%) 0 0, linear-gradient(45deg, #f2f2f2 20%, #f2f2f2 100%); background-size: 100px 100px, 470px 470px, 210px 210px, 310px 310px, 230px 230px, 530px 530px, 100% 100%; } footer a {color: #2882bc;} */ .nav_menu ul li { border-bottom: 1px solid #e2e2e2; font-size: 13px; padding: 8px; list-style: none; background: #fff; } .nav_menu a { text-decoration: none !important; color: #666; display: block; } .nav_menu a:hover {color: #8ed40b;} .menu-name {border-bottom: 2px rgb(105, 176, 59) solid!important;} .count { background: #39C1EE; padding: 1px 10px; border-radius: 10px; } .infomation { position: relative; overflow: hidden; border-bottom: 1px solid #e2e2e2; clear: both; } #video-player { border-top: 1px solid #e2e2e2; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 20px; } #video-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } #mp3-player { padding-top: 10px; padding-bottom: 10px; } audio {width: 100%;} #content { border-top: 1px solid #e2e2e2; line-height: 20px; background: #fff; } #content p {margin-bottom: 10px;} #content img, .wp-caption { max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; } .wp-caption-text { color: red; font-style: italic; text-align: center; } #content ul, ol {margin: 0 20px; margin-bottom: 10px;} #content h2 {font-size: 14px; margin-bottom: 2px; color: #7db80c;} #content h3 {font-size: 13px; margin-bottom: 2px; color: #7db80c;} .content-bottom { border-top: 1px solid #eee; } nav ul, .content-bottom ul { display: table; list-style: none; width: 100%; table-layout: fixed; } .content-bottom > ul > li { vertical-align: middle; display: table-cell; text-align: center; } .content-bottom > ul > li { border-right: 1px solid #EEEEEE; } .content-bottom > ul > li:last-child {border: none;} .content-bottom ul > li > a { text-decoration: none; padding: 8px 3px; display: block; color: #595959; } .content-bottom > ul > li:hover { background: #f5f5f5; transition: border .25s linear, color .25s linear, background-color .25s linear; } .hreview-aggregate, .bbit-info-box { overflow: hidden; border-top: 1px solid #e2e2e2; } .average span {text-indent: -9000px;} .bbit-info { width: 40%; color: #999; display: inline-block; text-align: right; margin-right: 10px; overflow: hidden; vertical-align: middle; line-height: 24px; } .ico-kaspersky { background: url(assets/images/ico-kaspersky.png) no-repeat left center; padding-left: 20px; } .ico-security { color: #42ba6f; background: url(assets/images/ico-security.png) no-repeat left center; padding-left: 20px; } .ico-notscanned { background: url(assets/images/ico-notscanned.png) no-repeat left center; padding-left: 20px; } /* RATE */ .rating {margin-bottom: 10px;} span.post-large-rate { width: 100px; display: block; height: 22px; background-position: left bottom; background-repeat: no-repeat; } span.post-large-rate span { width: 100%; display: block; height: 22px; background-position: left top; background-repeat: no-repeat; float: left; } span.stars-large, span.stars-large span {background-image: url(assets/images/stars-large.png);} .post-single-rate { float: left; margin-right: 5px; } .user-rate { float: right; width: 98px; } .user-rate-wrap .user-rating-text {float: left;} .user-rate-active span.post-large-rate span {cursor: pointer;} .taq-load { background: url(assets/images/ajax-loader.gif) no-repeat center; width: 98px; height: 22px; display: block; } .download { max-width: 350px; line-height: 28px; margin-left: auto; margin-right: auto; background: url(assets/images/icon_download.png) no-repeat left center #8dc63f; font-size: 15px; padding: 0 25px; border-radius: 3px; } .download:hover { background: url(assets/images/icon_download.png) no-repeat left center #7db80c; text-decoration: none; } .icon_user { background: url(assets/images/icon_user.png) no-repeat center left; padding-left: 17px; font-size: 11px; margin-right: 4px; } /* SHORTCODES */ .multi-download { max-width: 350px; margin-left: auto; margin-right: auto; margin-bottom: 5px; border: #8dc63f solid 1px; border-top: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; } .multi-download ul {margin: 0!important;} .multi-download li {padding: 4px 10px!important;} .multi-download .green-title { color: #fff!important; font-weight: 700!important; border-top-left-radius: 4px; border-top-right-radius: 4px; background: url(assets/images/icon_download.png) no-repeat left center #8dc63f!important; } .multi-download p {margin-bottom: 0 !important;} .multi-download a {color:#2CAAD3!important;} /* TAG PAGE */ .details { padding: 0 !important; } .details .timeline {width: 100%;} .tag { display: inline-block; padding: 3px 3px; border: 1px solid #3BADEE; color: #3BADEE; margin-right: 2px; margin-bottom: 5px; border-radius: 3px; } /* AUTHOR */ .user-table{ display:table; padding:0; margin:0; list-style:none; width:100%; table-layout:auto!important } .user-table > li{ vertical-align:middle; display:table-cell } .user-table a{text-decoration:none} .user_head{ background:url(assets/images/user/user-bg.jpg); background-size:cover; background-position:center center; color:#fff; padding:15px!important; text-align:center } .user_head .user-avatar{display:inline-block} .user-avatar img{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:2px solid #979393 } .user_head .username{ display:inline-block; background:rgba(0,0,0,0.5); border-radius:6px; padding:4px 12px; color:#eee; margin:6px 0 10px; font-size:16px } .lv_pn{text-align:center} #wpadminbar {position: fixed!important;} @media screen and (min-width: 651px) { .close {display: none;} } @media only screen and (min-width: 251px) and (max-width: 650px) { .pc{display:none!important}}@media only screen and (min-width:300px) and (max-width:650px){ .search-button {width: 20%!important;} input, textarea {width: 70%!important;} .gsc-search-button {width: 13px!important;} .close { background: #7db80c; padding: 5px 15px; } #menu { position: absolute; top: 0; bottom: 0; width: 16em; background: #fff; z-index: 9999; left: -16em; } #menu { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease; -webkit-transform:translate3d(0,0,0); } #nav-check:checked ~ #menu{ -webkit-transform: translate(16em,0); -ms-transform: translate(16em,0); transform:translate(16em,0); } } @media only screen and (max-width: 250px) { .details {display: none;} .hreview-aggregate {display: none;} .multi-download .green-title {background: #8dc63f;} .download {background: #00a1cb;} .download:hover {background: #00b5e5;} header { border-bottom: #253444 solid 3px; padding: 0; } #header img { width: 150px; height: auto; } #breadcrumbs, .title {padding: 4px;} article .desc, #head-menu, .photo, .toggle, .icon_phone, .icon_view, .icon_download, .close {display: none;} .search-button {width: 23%;} input, textarea {width: 70%;} .gsc-search-button {width: 13px;} #search {display: block;} #wp_page a, #wp_page .current {padding: 3px;} article h2 {font-weight: 300;} article h2:before {content: "Ă¢â‚¬Â¢ ";} } blockquote { background:#f9f9f9; border-left:10px solid #ccc; margin:1.5em 10px; padding:.5em 10px; quotes:"\201C""\201D""\2018""\2019"; } blockquote:before { color:#ccc; content:open-quote; font-size:4em; line-height:.1em; margin-right:.25em; vertical-align:-.4em; } blockquote p { display:inline; } .barStyle{font-weight:700;color:#fff;background:#7db80c;padding:10px;cursor:default;display:block}.timeline {width: 100%;} .tag { display: inline-block; padding: 3px 3px; border: 1px solid #3BADEE; color: #3BADEE; margin-right: 2px; margin-bottom: 5px; border-radius: 3px; } /* AUTHOR */ .user-table{ display:table; padding:0; margin:0; list-style:none; width:100%; table-layout:auto!important } .user-table > li{ vertical-align:middle; display:table-cell } .user-table a{text-decoration:none} .user_head{ background:url(assets/images/user/user-bg.jpg); background-size:cover; background-position:center center; color:#fff; padding:15px!important; text-align:center } .user_head .user-avatar{display:inline-block} .user-avatar img{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:2px solid #979393 } .user_head .username{ display:inline-block; background:rgba(0,0,0,0.5); border-radius:6px; padding:4px 12px; color:#eee; margin:6px 0 10px; font-size:16px } .lv_pn{text-align:center} #wpadminbar {position: fixed!important;} @media screen and (min-width: 651px) { .close {display: none;} } @media only screen and (min-width: 251px) and (max-width: 650px) { .search-button {width: 20%!important;} input, textarea {width: 70%!important;} .gsc-search-button {width: 13px!important;} .close { background: #61cf81; padding: 5px 15px; } #menu { position: absolute; top: 0; bottom: 0; width: 16em; background: #fff; z-index: 9999; left: -16em; } #menu { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease; -webkit-transform:translate3d(0,0,0); } #nav-check:checked ~ #menu{ -webkit-transform: translate(16em,0); -ms-transform: translate(16em,0); transform:translate(16em,0); } } @media only screen and (max-width: 250px) { .details {display: none;} .hreview-aggregate {display: none;} .multi-download .green-title {background: #8dc63f;} .download {background: #00a1cb;} .download:hover {background: #00b5e5;} header { border-bottom: #253444 solid 3px; padding: 0; } #header img { width: 150px; height: auto; } #breadcrumbs, .title {padding: 4px;} article .desc, #head-menu, .photo, .toggle, .icon_phone, .icon_view, .icon_download, .close {display: none;} .search-button {width: 23%;} input, textarea {width: 70%;} .gsc-search-button {width: 13px;} #search {display: block;} #wp_page a, #wp_page .current {padding: 3px;} article h2 {font-weight: 300;} article h2:before {content: "• ";} } blockquote { background:#f9f9f9; border-left:10px solid #ccc; margin:1.5em 10px; padding:.5em 10px; quotes:"\201C""\201D""\2018""\2019"; } blockquote:before { color:#ccc; content:open-quote; font-size:4em; line-height:.1em; margin-right:.25em; vertical-align:-.4em; } blockquote p { display:inline; } .barStyle{font-weight:700;color:#fff;background:#7db80c;padding:10px;cursor:default;display:block} code {background-color: #E0E6E9;border: 1px dotted #9FAEBB;margin-top: 4px;padding: 5px;overflow: auto;} .share {padding:2px 3px 3px 28px;color:#FFF;font-weight:bold;display:inline-block;background-size:25px 25px;border-radius:3px} .share:hover{color:#FFF;opacity:.8} .fb {background:url(http://vinaapk.net/fb.png) no-repeat 0 center #0A8DB6} .tw {background:url(http://vinaapk.net/tw.png) no-repeat 0 center #00BFFC} .go {background:url(http://vinaapk.net/go.png) no-repeat 0 center #DB0606}