@charset "utf-8"; a:link, a:active, a:visited { color: #0565B2; text-decoration: none; } a:hover, a:focus { color: #009cf0; } input { border: 1px solid #3399cc; max-width: 90%; } input[type="checkbox"] { background-image: -webkit-linear-gradient(hsla(0,0%,0%,.1),hsla(0,0%,100%,.1)),-webkit-linear-gradient(left,#f66 50%,#6cf 50%); background-size: 100% 100%,200% 100%; background-position: 0 0,5px 0; border-radius: 25px; box-shadow: inset 0 1px 4px hsla(0,0%,0%,.5),inset 0 0 10px hsla(0,0%,0%,.5),0 0 0 1px hsla(0,0%,0%,.1),0 -1px 2px 1px hsla(0,0%,0%,.25),0 2px 2px 1px hsla(0,0%,100%,.75),0 -2px 10px 2px hsla(0,0%,100%,.75),0 2px 10px 2px hsla(0,0%,0%,.25); cursor: pointer; height: 10px; padding-right: 10px; position: relative; width: 20px; -webkit-appearance: none; -webkit-transition: .15s; } input[type="checkbox"]:after { background-color: #eee; background-image: -webkit-linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,0%,.1)); border-radius: 25px; box-shadow: inset 0 1px 1px 1px hsla(0,0%,100%,1),inset 0 -1px 1px 1px hsla(0,0%,0%,.25),0 1px 3px 1px hsla(0,0%,0%,.5),0 0 2px hsla(0,0%,0%,.25); content: ''; display: block; height: 10px; left: 0; position: relative; top: 0; width: 10px; } input[type="checkbox"]:checked { background-position: 0 0,15px 0; padding-left: 10px; padding-right: 0; } input[type="checkbox"]:hover:before { background: hsla(0,0%,0%,.7); border-radius: 10px; color: #e4ded4; content: 'bật'; font: 12px/20px sans-serif; height: 20px; left: 25px; letter-spacing: 1px; position: absolute; text-align: center; text-transform: uppercase; top: -5px; width: 20px; display: block; } input[type="checkbox"]:checked:hover:before { content: 'tắt'; } body { background-color: #e9e9e9; color: #555; font-size: 13px; font-family: Arial; margin: auto; max-width: 720px; } form { } form, input, textarea, select { font: 14px Arial; margin: 0; } h1, h2, h3, h4, h5 prefix { font-size: 80%; line-height: normal; margin: 0; } h1 { font-size: 20px; } h2 { font-size: 15px; } h3, h4 { font-size: 12px; } h5 { font-size: 12px; } hr { border: 0; border-top: 1px solid #d5d5d5; margin-top: 4px; margin-bottom: 4px; } input, textarea, select { font-size: small; border-top: 1px solid #c6c6c6; border-bottom: 1px solid #808080; border-left: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; background: #fff; font-weight: bold; margin: 2px; } input[type="file"], input[type="submit"] { font-size: small; border-top: 1px solid #c6c6c6; border-bottom: 1px solid #808080; border-left: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; background: #fff; font-weight: bold; margin: 2px; } p { margin: 1px; } textarea { width: 99%; max-width: 691px; } ul { margin: 0 0 0 13px; padding-left: 0; position: relative; } ul li { list-style-image: url(images/li-icon.gif); list-style-position: outside; border: 0 none; margin-bottom: 3px; padding-left: 0; } li a { font-size: 13px; } .thumb-img { border: 1px solid #dcdcdc; padding: 1px; width: 60px; } .searchContainer { text-align: center; padding: 2px; background-color: #3883cc; border-radius: 3px; margin: 2px 0px 4px 0px; } .ads { color: #333333; border: 1px solid #e6b868; background-color: #fff5bc; margin: 4px 0px 0px 0px; padding: 2px 4px 2px 4px; } .kely-item { background-color: #fff; padding: 2px 2px 5px 5px; margin: 1px 0px 3px 0px; border: 1px solid #c4cde0; } .kely-item:hover { border: 1px solid #97a4c4; } .kely-item a.img-left { float: left; padding-right: 5px; margin: 0px; } .kely-item a.img-left img { background-color: #fff; width: 50px; height: 50px; border-radius: 6px; } span.cat, span.view { font-size: 10px; color: #808080; margin: 0px 1px; line-height: 16px; } span.cat a { color: #808080; } span.desc { line-height: 18px; font-size: 13px; color: #555; font-family: "Times New Roman", Times, serif; } .list-duoi { background: #fff; border-bottom: 1px solid #c4cde0; margin: 0px -2px 2px -5px; padding: 2px 5px 5px 5px; } .kely-tab { background-color: #246896; padding: 6px 2px 3px 6px; margin: 0; } div.kely-tab a { color: #fff; font-weight: bold; } .kely-tab a.active, .kely-tab a:hover, .kely-tab a:focus { background: #fff; padding: 4px; margin: 0; color: #246896; font-weight: bold; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; } .xem { background-color: #f2f6f8; border: 1px solid silver; color: #34617e; padding: 4px 4px 4px 4px; margin: 1px 0px 0px 0px; } .trang { background-color: #D0D7DD; border: 1px solid white; font-size: x-small; margin: 0px; padding: 4px 4px 4px 4px; } .time { color: #0000ff; background-color: #ffffff; text-align: center; } .alarm { background: #E61313; margin: 0 0 2px 0; color: #fff; font-weight: bold; padding: 3px 0px 3px 4px; } .bblist { color: #4A5663; background: transparent url(images/dot.gif) no-repeat left; padding: 2px 0px 2px 10px; } .bmenu a, .phdr a { color: #fff; } .bmenu { background: url(images/bmenu.gif) repeat-x top left #a7a7a7; margin: 0px; color: #fff; padding: 2px 4px 4px 4px; } .copy { border-top: 1px solid #c2c2c2; text-align: center; color: #3f5864; padding: 3px 1px 1px 1px; margin: 1px 0; } .copy a { color: #2688B3; } .end { text-align: center; } .fmenu { color: #989898; padding-left: 4px; padding-bottom: 2px; } .fmenu a { color: #f8f8f8; text-decoration: none; } .footer { background: #249ed7 url("/images/tab.png") repeat-x; margin: -1px -1px 0px -1px; padding: 4px 10px; background-color: #3399cc; border: 1px solid #666666; color: #ffffff; border-top-right-radius: 5px; border-top-left-radius: 5px; } .footer a { color: #fff; } .func { border-left: 4px solid #2FB0D0; color: #757575; font-size: 10px; padding: 0 0 0 4px; } .gres { background-image: url(images/grs.png); background-color: whitesmoke; color: #6d8da3; padding: 2px 4px 2px 4px; margin: 0px 0px 0px 0px; } .gmenu { background: #ebf9ff; margin: 1px; color: #264564; padding: 3px 4px 3px 4px; } .gray { color: gray; } .green { color: green; } .hdr { background-color: #f1f1f1; border-bottom: 1px solid #595959; font-weight: bold; padding-left: 2px; } .header1 { background-color: #5dbef7; color: #ffffff; background-image: url(/images/23.gif); border: 1px solid #006600; background-repeat: repeat-x; background-position: 50% top; margin-top: 1px; margin-bottom: 1px; padding: 2px; } .header { padding: 4px 2px 6px 10px; background: #5dbef7 url(images/head.png) repeat-x 0 0; border-bottom: 1px solid #246896; color: #fff; font-size: 18px; text-align: center; margin: 4px 0 0 0; border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; } .header a { color: #fff; } .left { float: left; } .right { float: right; } .clear { clear: both; } .list1, .list2 { background: #ffffff; border-bottom: 1px solid #d5d5d5; margin: 1px; padding: 2px 4px 2px 4px; } .item { border-bottom: 1px dotted #ddd; padding: 3px; } .logo { background: #2e4354; padding: 0px 0 2px 0; } .logo a { color: #ffffff; } .maintxt { border-left: 2px solid #5dbef7; border-right: 2px solid #5dbef7; background-color: #ffffff; color: #606060; padding: 3px 2px 3px 2px; } .menu { background: #ffffff; border: 1px solid #d5d5d5; margin-top: 1px; padding: 4px; } .menub { background: #ffffff; border-bottom: 1px solid #e9e9e9; margin: 2px 4px -1px 4px; padding: 3px 2px 2px 2px; } .menub a { color: #544E4F; } .menub a:hover { color: #007ed2; text-decoration: none; } .none { background-color: #ffffff; border-top: 1px solid #E1E1E1; margin: 0px 0px 0px 0px; padding: 4px; } .news { background-color: #EEEEEE; border: 1px solid white; color: #333333; font-size: x-small; padding: 3px 4px 4px 4px; } .newsx { background-color: #f2f6f8; border-bottom: 1px solid #eaeae9; color: #34617e; padding: 3px 4px 3px 4px; margin: 0 0 0 0; } .orangex { color: #333333; border: 1px solid #7997aa; background-color: #d4e3ed; margin: 4px 0px 0px 0px; padding: 2px 4px 2px 4px; } .omenu { color: #333333; border: 1px solid #eaeae9; background-color: #f2f6f8; margin: 0px 0px 0px 0px; padding: 4px; } .omenu a.pagenav { margin: 1px; } .pagex { background-color: #d7d8da; border: 1px solid #cecece; margin: 4px 0px 0px 0px; padding: 1px 4px 1px 4px; } .phdr { background: #249ed7 url("/images/tab.png") repeat-x; margin: -1px -1px 0px -1px; padding: 4px 10px; background-color: #3399cc; border: 1px solid #666666; color: #ffffff; border-top-right-radius: 5px; border-top-left-radius: 5px; } .phdrblack { background-image: url(images/pdrb.png); background-color: #3a3a3a; color: #ffffff; border: 1px solid #666666; padding: 2px 4px 2px 4px; margin: -1px -1px 0px -1px; } .phdrblack a { color: white; text-decoration: none; } .phpcode { background-color: #E0E6E9; color: #000000; font-size: 0.9em; font-family: tahoma, verdana, geneva, lucida, arial, helvetica, sans-serif; margin: 0px; padding: 2px; border: 1px inset; max-width: 96%; text-align: left; overflow: auto; } .code { max-width: 89%; background-color: #f3f6fb; border: 1px inset #c3d3dc; text-align: left; color: #111111; padding: 3px; } .quote { font-size: 11px; background-color: #f2f6f8; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-left: 3px solid #80abc8; margin: 2px 2px 2px 2px; color: grey; padding: 2px 4px 2px 4px; } .red, .red a { color: #f00; } .reply { border-left: 4px solid red; color: #f00; padding: 2px 0px 2px 4px; } .rmenu { background: #fee5fd; border: 1px solid #ffc6fc; margin: 1px 0; padding: 4px; } .rmenu input, .rmenu textarea, .rmenu select { border: 1px solid #E2C0C7; } .sitemap { background-color: #f0f0f0; margin: 0px; padding: 2px 4px 3px 4px; font-size: xx-small; height: 38px; overflow: auto; } .status { color: #CD853F; } .sub { border-top: 1px dotted #417394; font-size: x-small; margin: 3px 2px 2px 2px; padding: 3px 0px 0px 0px; } .tmn { background: #c0efff repeat top left; border-top: 1px solid #01aeea; border-bottom: 1px solid #01aeea; color: #333; margin: 0px; padding: 4px; } .topmenu { background-color: #e1e9ea; border: 1px solid white; font-size: 11px; margin: 0; padding: 4px; } .user { background-color: #E2EBF1; border: 1px solid white; margin: 0px; padding: 3px 4px 3px 4px; } .bmenu a:hover, .phdr a:hover { color: #ebebeb; text-decoration: none; } .rmenu input:focus, .rmenu textarea:focus { border: 1px solid #DBB0B9; background: #FDFBFB; } .sbox { background-color: whitesmoke; border: none; margin: 0px 0px 0px 0px; padding: 2px 4px 2px 3px; } .textshout { background: #ffffff; color: #333333; font-color: #333333; margin: 0px 4px 0px 4px; padding-bottom: 1px; } .textshout a { color: #ff8c00; } .tmn a:hover, .fmenu a:hover { color: #666666; text-decoration: none; } a:hover { text-decoration: underline; } input:focus, textarea:focus { background: #F4F4F4; border: 1px solid #BCBCBC; } .currentpage { color: #FFFFFF; background-color: #8cafc6; border: 1px solid #417394; padding: 0px 5px 0px 5px; } a.pagenav { border: 1px solid #97a4c4; background-color: #fff; padding: 2px 4px 2px 4px; text-decoration: none; margin: 0; border-radius: 3px; } a.pagenav:hover { background-color: #f2f6f8; border: 1px solid #417394; } .mainblok { border: 1px solid #97a4c4; margin: 1px 0px 5px 0px; } .mainsub { border: 1px solid #cecece; margin: 1px 0px 2px 0px; border-radius: 3px; } .morecat { text-align: right; font-size: 10px; margin-top: 2px; } .thumb { padding: 1px 1px 2px 5px; border-right: 1px solid #eaeae9; text-align: center; } .mainblok .list1 table img, .mainblok .list2 table img, .mainsub table img { padding: 1px; margin: 4px 4px 0 0; border: 1px solid #d5d5d5; transition: all 15s ease; -webkit-transition: all 15s ease; -moz-transition: all 15s ease; transition-delay: 5s; -webkit-transition-delay: 5s; -moz-transition-delay: 5s; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); border-radius: 2px; width: 45px; height: 55px; } .mainblok .list1 table img:hover, .mainblok .list2 table img:hover, .mainsub table img:hover { transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); position: relative; box-shadow: 0px 0px 8px #666; -moz-box-shadow: 0px 0px 8px #666; -webkit-box-shadow: 0px 0px 8px #666; border-radius: 5px; width: 90px; height: 110px; } .vippro { background: #fff; border-top: 1px solid #d5d5d5; margin: 0px; padding: 5px; } .textx { background-color: #ffffff; border-bottom: 1px solid #ededed; color: #333333; padding: 2px 2px 4px 2px; margin: 2px 4px 2px 4px; } .forumtxt { background-color: #ffffff; color: #333333; padding: 4px 2px 4px 2px; font-size: 14px; font-family: "Times New Roman", Times, serif; } .subcontent { background-color: #ffffff; color: #333333; padding: 4px 2px; font-size: 14px; font-family: "Times New Roman", Times, serif; } .mainblok .forumtxt img { padding: 1px; margin: 4px 4px 0 0; border: 1px solid #d5d5d5; border-radius: 2px; } .mainblok .forumtxt img:hover { box-shadow: 0px 0px 10px #666; -moz-box-shadow: 0px 0px 10px #666; -webkit-box-shadow: 0px 0px 10px #666; border-radius: 5px; } .kely-menu { border: 1px solid #97a4c4; padding: 1px; margin-top: 2px; border-radius: 3px; } .submenu { .navbar { background-color: #3399cc; background-image: url(http://johncms.cc/theme/default/images/pdr.png); margin: -1px -1px 0px -1px; padding: 2px 4px 2px 4px; color: #ffffff; border: 1px solid #5a7f97; }  background-color: #3399cc; color: #ffffff; border: 1px solid #5a7f97; padding: 2px 4px 2px 4px; margin: -1px -1px 0px -1px; } .submenu a { color: #fff; } .submenu img { vertical-align: -2px; } .nonex { background-color: #ffffff; border: none; margin: 0px 0px 0px 0px; padding: 0px 4px 0px 4px; } .mod-vote { background: #fadeba url(images/bg-att.png) repeat-x top left; padding: 2px; margin: 2px; text-align: center; color: #333; max-width: 160px; border: 1px solid #f9bc6d; border-radius: 3px; } .nonex img { max-height: 22px; width: auto; } .file-attach { background-color: #fff7eb; border: 1px solid #f9d9b0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 4px; padding: 0; max-width: 480px; } .file-attach .attach { background: #fadeba url(images/bg-att.png) repeat-x top left; font-weight: bold; margin: 0; padding: 2px 4px 2px 2px; border-bottom: 1px solid #f9bc6d; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .file-attach .attach img { width: 16px; height: 16px; margin-right: 2px; vertical-align: - 2px; } .file-attach .file { background-color: #fff7eb; margin: 0; padding: 4px; font-size: 11px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .file-attach .file .f { margin: 0; padding: 2px 0px 2px 0px; } .count-view { font-size: 11px; color: #808080; margin: 0px 1px; line-height: 16px; } .bbcode_container { margin: 7px; margin-right: 5px; margin-top: 5px; display: block; } .bbcode_container div.bbcode_quote { margin: 0 10px; margin-right: 5px; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f2f6f8 none ; border-radius: 5px; border: 1px solid #417394; font: normal 13px Tahoma,Calibri,Verdana,Geneva,sans-serif; position: relative; top: 0; } .bbcode_quote div.quote_container { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 10px 5px 10px; } .bbcode_container .bbcode_quote_container { background: transparent url(images/quote-left.png) no-repeat left; display: block; width: 9px; height: 13px; position: absolute; top: 5; left: -9px; } .navbar { background-color: #3399cc; background-image: url(http://johncms.cc/theme/default/images/pdr.png); margin: -1px -1px 0px -1px; padding: 2px 4px 2px 4px; color: #ffffff; border: 1px solid #5a7f97; } .stas { background-color: #ffffff; font-size: 16px; font-weight: normal; margin: 1px; padding: 2px 4px 2px 4px; color: #0072eb; }