CuPid.Dz
Mon Oct 07, 2013 8:54 pm
#1CuPid.Dz
1468
4634
416
19/10/2012
25
An Giang
4634
416
19/10/2012
25
An Giang
Bài gửi : 1468
G-Point : 4634
Liked : 416
Tham gia : 19/10/2012
Tuổi : 25
Đến từ : An Giang
Mon Oct 07, 2013 8:55 pm
#2CuPid.Dz
1468
4634
416
19/10/2012
25
An Giang
4634
416
19/10/2012
25
An Giang
Bài gửi : 1468
G-Point : 4634
Liked : 416
Tham gia : 19/10/2012
Tuổi : 25
Đến từ : An Giang
Re: [Share] Skin tổng hợp game đẹp
css
- Code:
.main .main-head {height:20px;background:#fff url('http://kenhsinhvien.net/styles/passion/ksv/navbg3.jpg')}
.main .main-head {
border: 1px solid #DDD;
-webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,.52);
font-size: 12px;
border-radius: 5px 5px 0px 0px;
}
.pun {
line-height: 130%;
margin: 0 auto;
color: #000;
padding:10px;
border-radius: 3px;
background: #FFF;
}
.pun2 {
width: 990px;
padding:3px;
padding-right:4px;
background: #ff9c07;
margin: 0 auto;
border-radius: 3px;
}
#chatbox_members {
background:#ededed url(http://i74.servimg.com/u/f74/16/18/15/10/126.png)repeat-x 2px 28px;
border-right:1px solid #ccc;
margin-bottom:-65px;
margin-top:-30px;
font:bold 12px Arial;
}
#chatbox_members .member-title {
background:url(http://i74.servimg.com/u/f74/16/18/15/10/128.png)no-repeat 5px;
color:#38788c;
padding:8px;
}
#chatbox_footer {font-family: Comic Sans Ms;font-size: 13px;
margin-left:181px;
border-top:1px solid #ccc;
background:#f7f7f7;
}
#chatbox_header.main-head {
border:0;
background:#FFF url(http://i80.servimg.com/u/f80/16/18/15/10/122.png)repeat-x -1px 0px;
font-size:0;
}
#chatbox_header.main-head a {
color:#333;
}
#chatbox img {
max-width:400px;
border:1px solid #d4d4d4;padding:4px;
margin-top:4px;
}
#chatbox img[src*="r12.imgfast.net"]{
border:0px;padding:0px;margin-top:0px;
}
#chatbox {background: #FFF!important;font-family: Comic Sans Ms;font-size: 13px;}
body{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0 auto;
background-image:url("http://www.tonghopgame.net/skin/skin_new/css/images/header.jpg");
/*background-image:url("http://www.tonghopgame.net/skin/skin_new/css/images/newyear/header.png");*/
background-repeat:no-repeat;
background-color:#B3E0FF;
/*background-color:#9b0e14;*/
background-position:center 0px;
background-attachment:fixed;
}
/*
body{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0 auto;
background-image:url("http://www.tonghopgame.net/skin/skin_new/css/images/newyear/bg.jpg");
background-repeat:repeat;
}
*/
.bg{
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/fixed.jpg") no-repeat center top transparent;
/* background: url("http://www.tonghopgame.net/skin/skin_new/css/images/newyear/fixed.png") no-repeat center top transparent;*/
top:300px;
height: 362px;
position: fixed;
width: 100%;
z-index: -99;
}
h1,h2,h3{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0 auto;
}
img{
border:0;
}
a{
color:#000000;
text-decoration:none
}
ul{
padding:0;
margin:0;
}
ul {
list-style: none outside none;
}
input{
outline:none
}
.clearfix:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}
#shadow {
background: none repeat scroll 0 0 #000000;
display: none;
left: 0;
opacity: 0.99;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}
/*-----header new------*/
div.header-container {
width:1000px;
height:490px;
margin:0 auto;
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/header-picture.png") no-repeat center top transparent;
/*background: url("http://www.tonghopgame.net/skin/skin_new/css/images/newyear/header-picture.png") no-repeat center top transparent;*/
background-position:center -4px;
position:relative
}
div.header-container .logo{
width: auto;
height: auto;
margin:0;
padding:0;
padding-left: 244px;
padding-top: 74px;
}
div.header-container .logo a{
display:block;
height: 100px;
width: 158px;
}
div.header-container .logo h1{
color:#838485;
font-size:11px;
font-family:Arial, Helvetica, sans-serif
}
div.header-container .banner{
width:860px;
height:110px;
margin: 43px 0 0 70px;
padding:2px;
background-color:#fefdfa
}
div.header{
width: 1000px;
margin: 0px auto;
height: 80px;
position:relative
}
div.header div.account-actions {
float: left
}
div.header h1 {
float: left;
width:415px;
}
div.header div.account-actions div.search {
display: inline-block;
margin-top: 43px;
position:absolute;
right:0;
}
div.account-actions div.account-buttons {
position: absolute;
right:0;
}
#search input[type="text"] {
background: url('../template/search-dark.png') no-repeat 10px 6px #fcfcfc;
border: 0 none;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #6a6f75;
width:180px;
padding: 6px 15px 6px 35px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
.searchResult {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
position: absolute;
left: 10px;
top: 38px;
width: 230px;
z-index: 999;
}
.searchResult ul{
margin:0;
padding:0;
list-style-type:none
}
.searchResult ul li a{
font-size:12px;
font-weight:bold;
color:#666
}
.searchResult ul li a:hover{
text-decoration:underline
}
p.link{
color:#FFF;
font-weight:600;
text-shadow: 1px 1px 1px #CCCCCC, 0 1px 3px #696969;
margin-left:12px;
}
p.link a{
color:#F00;
font-weight:600
}
ul.list_info{
padding:0;
margin:0
}
ul.list_info li{
color:#FFF;
margin-left:15px;
}
ul.list_info li a{
color:#FFF;
font-size:12px;
font-weight:600;
text-shadow: 1px 1px 1px #CCCCCC, 0 1px 3px #696969;
}
/*-----header new------*/
/* menu */
nav.navtop{
height: 52px;
width: 926px;
margin:0;
padding-top:50px;
padding-left:40px;
}
.navtop .lstNavtop,.navtop .arrow {
display: block;
height: 52px;
line-height: 25px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
float:left;
}
.navtop .lstNavtop{
border-radius: 2px 0 0 2px;
width:956px;
}
.navtop .arrow {
border-radius: 0 2px 2px 0;
width:40px;
}
.navtop .arrow a{
display:block;
margin-top:4px
}
.lstNavtop li {
display: block;
float: left;
height: 25px;
}
.lstNavtop a {
color: #FFF;
display: block;
float: left;
font-weight: bold;
padding: 0 10px;
}
.lstNavtop li.active a,.lstNavtop li a:hover{
height: 33px;
text-shadow: 0 0 2px #FFFFFF, 0 0 4px #FFFFFF, 0 0 6px #FFFFFF, 0 0 8px #FF00DE, 0 0 14px #FF00DE, 0 0 16px #FF00DE, 0 0 20px #FF00DE, 0 0 30px #FF00DE;
}
.submenu{
width:1000px;
margin:3px auto 0;
padding-top:10px;
border-radius: 0 0 3px 3px;
box-shadow: 3px rgba(0, 0, 0, 0.4);
background:#0f3d5b
}
.submenu .fullmenu ul li {
display: inline;
float: left;
list-style: none outside none;
margin-bottom: 10px;
width: 100px;
}
.submenu .fullmenu ul li a {
display: inline-block;
font-weight: bold;
overflow: hidden;
padding: 0 0 0 5px;
color:#B7B7B7;
text-shadow: 0 -1px 0 #000000;
}
.submenu .fullmenu ul li a:hover{
color:#fff
}
#container,#box-top{
width:1000px;
height:auto;
margin:0 auto;
margin:0 auto;
}
#topSlide {
float: left;
height: 195px;
position: relative;
width: 740px;
}
#topSlide .slides_container {
height: 170px;
margin-left: 15px;
padding-top: 10px;
width: 704px;
}
.slides_container img{
width:704px;
height:170px;
}
.borTopslider {
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/bg_gamenoibat.png") no-repeat scroll 0 0 transparent;
position: absolute;
z-index: 99;
}
.borTopslider.TborTopslider {
height: 70px;
top: -23px;
width: 740px;
}
.borTopslider.BborTopslider {
background-position: 0 -185px;
height: 45px;
width: 740px;
bottom:0;
}
.borTopslider.RborTopslider {
background-position: -715px -29px;
height: 152px;
right: 0;
top: 6px;
width: 25px;
}
.borTopslider.LborTopslider {
background-position: 0 -29px;
height: 145px;
top: 6px;
width: 20px;
}
.pagination {
bottom: 25px;
right:40px;
position: absolute;
z-index: 99;
}
.pagination li {
float: left;
margin-right: 5px;
text-indent: -9999px;
}
.pagination li a {
background-color: #FFFFFF;
border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 5px #000000;
display: block;
height: 10px;
width: 10px;
}
.pagination li.current a {
width: 25px;
}
#topSlide .next, #topSlide .prev {
display: none;
}
.subnav {
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/bgsubnav.png") no-repeat scroll right transparent;
height: 163px;
margin-left: 455px;
width: 260px;
}
.search{
background:#f6623c;
border-radius:6px;
padding:10px;
position:relative
}
#div-ads-right{
width:250px;
height:300px;
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/bg_banner-right.png") no-repeat top transparent;
margin-bottom:15px;
padding-top:16px;
}
#div-ads-right p{
margin:0;
padding:0
}
#right ul li {
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/stars24.png") no-repeat scroll 1px -48px transparent;
padding-bottom: 10px;
padding-left: 30px;
padding-top: 5px;
}
#right ul li a{
font-weight:normal
}
a.link{
color:#F11D47 ;
font-weight:bold
}
a.link:hover{
text-decoration:underline
}
div.ads_MaxPopup{
width:300px;
height:250px;
position:fixed;
bottom:0;
right:1px;
background:#e2e3de;
padding:4px;
box-shadow: 0 0 5px #666666;
z-index:901
}
div.ads_MinPopup{
width:250px;
height:0;
position:fixed;
bottom:0;
right:1px;
background:#e2e3de;
box-shadow: 0 0 5px #666666;
z-index:800
}
div.adsTitle{
height: 15px;
overflow: hidden;
width: 100%;
}
a.Boxclose, a.Boxdown, a.Boxups, a.Boxclose:hover, a.Boxdown:hover, a.Boxups:hover {
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/grBtncloseDown.png") no-repeat scroll -2px -4px transparent;
display: block;
float: right;
height: 14px;
margin-left: 2px;
width: 13px;
}
a.Boxdown {
background-position: -35px -4px;
}
a.Boxclose {
background-position: -50px -4px;
}
a.Boxclose:hover {
background-position: -17px -4px;
}
a.Boxups {
background-position: -84px -4px;
}
a.Boxups:hover {
background-position: -67px -4px;
}
.pagehtml{
padding:10px;
}
.pagehtml ul,.pagehtml ol{
margin-left:40px
}
#adsVNG div{
z-index:999999 !important
}
/*tooltip
----------------------------------*/
/* CSS Document */
.stickytooltip{
display:none;
position:absolute;
display:none;
border:0px solid #ff9f25; /*Border around tooltip*/
z-index: 999;
padding:0px;
}
.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
background:black;
color:white;
padding-top:5px;
text-align:center;
font:bold 11px Arial;
}
.stickytooltip ul { padding:0 0 2px 8px}
.stickytooltip ul li{background:url(../images/icon-tru.gif) 0 5px no-repeat;padding:0 0 0 12px; float:left; list-style: none; font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#000; line-height:16px; font-weight:normal}
.stickytooltip ul ul{ padding:0 0 2px 8px}
.stickytooltip ul ul li{background:url(../images/icon-cong.gif) 0 5px no-repeat;padding:0 0 0 12px; float:left; list-style: none;font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#000; line-height:16px; font-weight:normal}
/** Boxover */
#tooltip{
float:left; width:302px; height:auto;
background-color:#666666;
padding:10px;
border:solid 1px #FFFFFF;
border-radius: 7px
}
#tooltip .tooltip-center{
float:left;
width:302px;
margin:0;
padding:0;
}
#tooltip .tooltip-center .left{
float:left; width:132px;
padding:0 5px 0 0
}
#tooltip .tooltip-center .right{
width:302px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:normal;
}
#tooltip .tooltip-center .right p.title{
font-weight:bold;
color:#ffe737;
font-size:9pt;
text-transform:uppercase;
text-align:center;
}
#tooltip .tooltip-center .right p{
color:#FFF;
font-size:8pt;
line-height:14px;
padding:2px 0;
}
#tooltip .tooltip-center .right p span{
color:#FFF;
font-size:8pt;
font-weight:bold;
color:#ffe737;
}
span.star{
display:inline-block !important;
width:auto;
height:18px;
background:url("/skin/skin_new/template/star.png") no-repeat #ffff2d;
}
.boxover-cssheader
{
padding-right: 5px;
padding-left: 5px;
background-color: #FFF;
font-size: 13px;
padding-bottom: 5px;
width: auto;
padding-top: 5px;
font-family: Arial;
color: #000;
border:1px solid #000;
}
/*slide
----------------------------------------------*/
.sideshow {
width: 860px;
background:#000
}
.sideshowInner {
height: 110px;
position: relative;
}
.sideshowInner .sideButton {
left: -20px;
position: absolute;
top: 28px;
display:block;
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/buttons.png") no-repeat scroll 0 -38px transparent;
height: 37px;
overflow: hidden;
text-indent: -999em;
width: 39px;
border-radius:10px;
}
.sideshowInner .next {
left: auto;
right: -20px;
background-position: 0 0;
}
.sideshowInner .sideButton.disable {
cursor: default;
}
.sideshowInner .viewport {
height: 110px;
margin: 0 20px;
overflow: hidden;
position: relative;
width: 820px;
}
.sideshowInner .overview {
left: 0;
position: absolute;
top: 0;
width:250px
}
.lstSide li {
display: block;
float: left;
margin-right: 34px;
width: 110px;
padding-left:2px;
padding-right:2px;
background:#FFF;
}
/* header title */
#content #headerTitle{
height: 74px;
overflow: hidden;
position:relative;
width:730px;
background-repeat:no-repeat;
background-position:bottom left;
background-color:transparent;
}
#content #headerTitle h2{
position:absolute;
left:100px;
top:30px;
}
#content #headerTitle span {
position:absolute;
right:45px;
top:37px;
}
#content #headerTitle span a,#content #headerTitle span a:hover{
font-size:11px;
text-transform:none;
text-decoration:none
}
#content .feeds{
position:relative;
padding:3px;
height:20px;
}
.Breadcrumb div{
float:left;
}
.Breadcrumb div span{
float:none !important;
padding-left:3px;
padding-right:3px !important;
font-size:12px;
color:#E36E00
}
.play_box_wri .Breadcrumb div span{
color:#fff !important
}
.Breadcrumb div a{
font-size:12px;
color:#fff
}
#content .feeds span {
height: 16px;
margin: 0;
padding-right: 22px;
float:right
}
#content #headerTitle a {
color: #FFF;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
#content #headerTitle a:hover{
text-decoration:underline
}
/* header title */
#content .headerTitle{
height: 35px;
overflow: hidden;
background: -moz-linear-gradient(center top , #ff9f25 0px, #e16f00 75%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear,left top,left bottom, color-stop(0%,#ff9f25),color-stop(100%,#e16f00));
/* IE 10 */
background: -ms-linear-gradient(top, #ff9f25, #e16f00);
position:relative
}
#content .headerTitle a span {
color: #FFFFFF;
cursor: pointer;
font-size: 12px;
font-weight: normal;
height: 16px;
margin: 0;
padding-right: 22px;
position: absolute;
right: 0;
top: 12px;
}
#content .headerTitle a {
color: #FFF;
display: inline-block;
font-size: 13px;
font-weight: bold;
padding: 10px 0 0;
margin-left:20px;
text-transform: uppercase;
}
#content .headerTitle a:hover{
text-decoration:underline
}
#content .mg15{
margin-top:30px;
}
#content .list-item{
padding:15px;
}
#content .item{
width:164px;
height:auto;
min-height:110px;
margin:0;
float:left;
display:inline;
padding:5px;
margin-bottom:5px;
text-align:center
}
#content .item img{
padding-bottom:5px;
width:140px;
height:125px !important;
border-radius:5px;
}
#content a:hover img{
box-shadow:0 0 5px #666666
}
#content .item .cam{
color:#e36e00;
}
#content .item a:hover{
color:#000000;
}
#content .item h3,#content .item h4{
margin:0;
margin-top:1px;
padding-left:5px;
padding-right:5px;
font-size:12px;
color:#e36e00;
font-weight:bold;
text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;
text-align:center
}
/*
#content .item h4{
margin:0;
margin-top:2px;
color:#333333;
font-size:11px;
font-weight:normal;
padding-left:5px;
padding-right:5px;
}*/
/* right */
#container #right{
width:250px;
height:auto;
margin:0;
float:left;
margin-left:10px;
margin-bottom:20px;
border-radius:5px;
}
#right .box{
width:238px;
height:auto;
border-radius: 5px;
border:solid 6px #199ef9;
background:#FFF
}
#right .headerTitle{
background: url('images/search_header.png') no-repeat bottom transparent;
height: 74px;
overflow: hidden;
position: relative;
}
#right .textTitle{
font-size:14px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
font-weight:bold;
line-height:2
}
#right .box .content{
width:218px;
height:auto;
max-height:1760px;
margin-top:10px;
background:#FFFFFF;
border-radius: 7px 7px 7px 7px;
padding:10px;
overflow:hidden;
}
#right .box .content .item{
width:133px;
height:auto;
margin-left:85px;
min-height:80px;
}
#right .box .content .item img{
width:80px;
height:65px !important;
border-radius:5px;
float: left;
margin: 0 0 0 -85px;
padding: 0;
}
#right .box .content .item h3{
padding-top:5px;
}
#right .box .content .item h3 a{
color:#1475dc
}
#right .box .content .item h3 a:hover{
color:#000000;
}
#right .box .content .item h4{
padding-top:2px;
font-size:11px;
font-weight:normal;
color:#333333
}
#right .box .content .game{
height:25px;
background:#3b95e8;
margin:0
}
#right .box .content .game p{
margin:0;
padding:5px 0 0 0;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-align:center
}
#right .box .content .title_diem{
height:20px;
padding:5px;
background:#8cc8ff;
margin:0;
font-weight:bold;
border-top:solid 2px #FFFFFF
}
#right .box .content .user{
width:270px;
height:auto;
margin:0;
margin-top:5px;
}
#right .box .content .user .img{
width:50px;
height:auto;
float:left;
margin:0
}
#right .box .content .user .name{
width:100px;
height:auto;
float:left;
margin:0;
text-align:left
}
#right .box .content .user .name a{
font-weight:bold;
color:#1475d5
}
#right .box .content .user .score{
width:120px;
height:auto;
float:left;
margin:0;
text-align:right
}
/* footer */
#footer {
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/header_footer.png") no-repeat center top transparent;
margin:0 auto;
width:1000px;
padding-top:105px;
}
div.listCategory {
padding: 10px;
border:solid 5px #b479a6;
border-radius:5px
}
ul.category-menu {
margin-bottom: 8px;
}
ul.category-menu li {
display: inline-block;
width: 125px;
padding-top:5px;
padding-bottom:10px;
padding-left:30px;
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/stars24.png") no-repeat scroll 1px -48px transparent;
}
ul.category-menu li h2{
font-weight:normal;
font-size:12px;
}
ul.category-menu li a {
color: #000;
font-size: 12px;
text-decoration: none;
font-weight:bold
}
div.footer-link{
padding-top:30px;
}
div.footer-link p{
padding-bottom:5px;
}
div.footer-link ul li:first-child {
padding-left: 0;
padding-bottom:10px
}
div.footer-link ul li {
display: inline-block;
padding: 0 15px;
}
div.footer-link ul li a {
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
}
.phantrang{
height:auto;
font-weight:bold;
color:#000000;
margin:20px 0;
text-align:center
}
.phantrang span{
padding:2px 5px;
color:#333333;
}
.phantrang a{
padding:2px 5px;
color:#E36E00;
font-weight:bold
}
/* detail game */
.header_play_box{
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/play.png");
background-color: transparent;
background-position: left bottom;
background-repeat: no-repeat;
height: 100px;
overflow: hidden;
position: relative;
width: 1000px;
margin:0 auto
}
.play_box_cen {
position: relative;
width: 1000px;
background: none repeat scroll 0 0 #fff;
border-radius: 5px;
padding-top:5px;
margin:0 auto 20px;
}
.play_box_wri {
overflow: hidden;
margin: 0 auto;
border: 1px solid #199EF9;
border-radius: 5px;
margin:0 5px;
}
.play_box_wri .headerTitle {
background: -moz-linear-gradient(center top , #05B8F4 0px, #327BFF 75%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear,left top,left bottom, color-stop(0%,#05B8F4),color-stop(100%,#327BFF));
/* IE 10 */
background: -ms-linear-gradient(top, #05B8F4, #327BFF);
height: 35px;
}
.play_box_wri .textTitle {
color: #FFFFFF;
font-weight: bold;
line-height: 2;
}
.play_box_tit_ri{
cursor: pointer;
margin: 7px 5px 0 0;
position:absolute;
right:0;
top:0;
}
#turnedOn {
display: none;
height: 28px;
overflow: hidden;
position: absolute;
right: 42px;
top: 8px;
width: 80px;
z-index: 999;
}
.game {
margin:0 auto;
}
.game_le {
display: block;
float: left;
overflow: hidden;
position: relative;
text-align: center;
width: 750px;
z-index: 999;
}
#swfdiv {
margin: 0 auto;
text-align: center;
z-index: 999;
margin-top:10px;
}
.game_ri {
background: none repeat scroll 0 0 #FFFFFF;
float:right;
overflow: hidden;
position: relative;
width: 228px;
margin-top:10px;
margin-right:10px;
height:auto;
max-height:480px;
box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);
}
.game_ri .tit {
color: #333333;
font-size: 14px;
font-weight: bold;
margin: 0;
padding-top:10px;
text-align: center;
text-transform: uppercase;
}
.game_ri .ct{
background: none repeat scroll 0 0 #FFFFFF;
height: auto;
margin: 5px;
padding:10px;
height:auto;
}
.game_ri .ct a{
color:#009;
text-decoration:underline;
font-weight:bold
}
.btn_ico {
clear: both;
height: 46px;
overflow: hidden;
width: 97%;
}
.btn_ico_le--w {
background: url("../template/ico_btn1.png") no-repeat scroll 0 0;
float: left;
height:40px;
margin-top: 6px;
width: 640px;
}
.btn_ico_le--w a {
color: #000000;
display: block;
float: left;
overflow: hidden;
padding-top: 32px;
text-align: center;
width: 56px;
}
#fs_a, #zb_a, #zs_a, #best_a, #zs_s, #zs_ys, #down_a, #playmethod, #fav_a, #FullScreenBtn2, #ctrlbg {
cursor: pointer;
outline: medium none;
}
.tag{
padding:5px;
font-size:11px;
font-weight:bold
}
.tag a{
color:#009;
font-weight:normal;
font-size:11px;
text-decoration:underline ;
font-style:italic
}
.info .vote{
width:223px;
height:auto;
margin:0;
float:left;
display:inline;
padding-bottom:20px;
}
.info .vote p{
margin:0;
padding-top:5px;
padding-left:30px
}
.info .share{
width:220px;
height:auto;
margin:0;
float:left;
}
.info .chiaSeLink {
clear: both;
margin-bottom: 5px;
}
.addFavorites {
background: url("../template/icon-yeuthich.gif") no-repeat scroll 0 0 transparent;
display: inline-block;
font-weight: bold;
padding: 5px 0 3px 25px;
}
.addFavorites:hover{
text-decoration:underline
}
h2.title{
margin:0;
font-size:14px;
text-transform:uppercase;
color:#FFFFFF;
font-weight:bold;
margin-left:20px;
padding-top:10px;
padding-bottom:10px
}
.comment .nd{
width:657px;
height:auto;
border-radius: 7px;
background:#FFFFFF;
padding:10px
}
.binhluanContainer {
height: auto;
max-height:180px;
margin: 0 0 10px;
overflow: auto;
}
.binhluanItem {
border-bottom: 1px dashed #DDDDDD;
margin-bottom: 8px;
padding-bottom: 8px;
padding-right: 12px;
}
.avatar {
float: left;
margin: 0 0 0 -50px;
}
.binhluanTxt {
float:left;
margin-left:50px;
padding: 5px 5px 0 7px;
}
.binhluanTxt a {
color: #519000;
font-size: 14px;
font-weight: bold;
text-decoration:underline
}
.tttkForm {
padding: 10px 20px 10px 10px;
}
.userInfo-name {
float: left;
font-size: 17px;
font-weight: bold;
padding: 0 0 5px;
}
.popup_wrapper {
font-size: 13px;
position: relative;
font: 12px Verdana,Arial,Helvetica;
}
.popup_wrapper {
font-size: 13px;
position: relative;
}
.popup_wrapper {
font-size: 13px;
position: relative;
}
.popup_orange .popup_container {
background: none repeat scroll 0 0 #FFA301;
}
.popup_container {
border-radius: 10px 10px 10px 10px;
font-size: 13px;
margin: auto;
position: relative;
width: 350px;
}
.popup_orange .popup_borderContainer {
background: -moz-linear-gradient(center top , #FFA301 0%, #FF5D02 10%, #FF5D02 91%, #FF9A12 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear,left top,left bottom, color-stop(0%,#FFA301),color-stop(100%,#FF9A12));
/* IE 10 */
background: -ms-linear-gradient(top, #FFA301, #FF9A12);
}
.popup_borderContainer {
border: 5px solid white;
border-radius: 15px 15px 15px 15px;
box-shadow: 0 0 5px 2px #555555;
margin: auto;
position: relative;
z-index: 100;
}
.popup_content_container,.popup_borderInside {
border: 1px solid #FF5C00;
}
.popup_borderInside {
border: 1px solid red;
border-radius: 10px 10px 10px 10px;
padding: 10px;
}
.popup_title {
color: #FFFFFF;
font: bold 16px Verdana,Arial,Helvetica;
height: 20px;
padding: 0 0 10px 5px;
position: relative;
text-transform: uppercase;
}
.popup_title span {
left: 0;
line-height: 20px;
position: absolute;
top: 0;
}
.popup_close {
color: #FF5D02;
}
.popup_close {
background-color: white;
border-radius: 10px 10px 10px 10px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.36);
cursor: pointer;
font-size: 11px;
font-weight: bold;
height: 16px;
position: absolute;
right: 10px;
text-align: center;
top: 8px;
width: 16px;
z-index: 100;
}
.popup_content_container {
background-color: #FFFFFF;
border-radius: 10px 10px 10px 10px;
padding: 10px;
}
div.up_registration_inputs {
font-size: 11px;
margin-bottom: 3px;
margin-top: 1px;
position: relative;
}
.defaultShadow {
border: 4px solid #FFFFFF;
border-radius: 3px 3px 3px 3px;
}
.defaultShadow label {
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
padding:5px 0;
display:block
}
.defaultShadow label span{
color: #A0031F !important;
font-size: 11px;
}
.defaultBorder {
border: 1px solid #BCBCBC;
}
.m-input {
border: 1px solid #BCBCBC;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0.1em 2px #8A8A8A inset;
padding-left: 2px;
}
.popup_container input.text {
background-color: transparent;
border: 0 solid #BCBCBC;
font-size: 13px;
height: 28px;
line-height: 28px;
margin: 2px;
padding: 0 5px;
width: 244px;
}
#loginpopup input.text{
width: 270px;
}
.popup_container .forgotLink {
margin: -4px 0 10px;
text-align: right;
}
.forgotLink {
clear: both;
margin-top: 20px;
overflow: hidden;
width: 100%;
}
.popup_container .forgotLink a {
color: #8D8D8D !important;
font-size: 11px;
text-decoration:underline
}
div.guestregister_button_container {
padding-top: 15px;
text-align: center;
}
div.guestregister_button {
height: auto;
}
div.guestregister_button {
color: #FFFFFF;
display: inline-block;
font-size: 16px;
font-weight: bold;
height: 38px;
position: relative;
text-decoration: none;
}
.popup_fadeOverlay {
background-color: #555555;
height: 100%;
left: 0;
opacity: 0.7;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.popup_overlay {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
.popup_footer_body {
color: #222222;
padding-top: 10px;
position: relative;
}
div.guestregister_loginlink_container {
text-align: center;
}
div.guestregister_loginlink {
display: inline-block;
}
div.guestregister_loginlink a {
color: #000000;
font-weight:bold
}
.account-buttons{
background-color: #56D2F5;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
border-color: #13BAE8;
border-style: solid;
border-width: 0 3px 3px;
box-shadow: 0 0 10px #888888;
color: white;
font: bold 12px Arial;
padding: 4px 10px;
}
.account-buttons a{
display:inline-block;
padding:3px 5px;
color: white;
font: bold 12px Arial;
}
/*----form register----*/
.register .regForm{
padding:20px
}
.register .regRow{
padding:8px 0 7px 0;
position:relative
}
.register .regLabel{
display:inline-block;
width:150px;
float:left;
padding:5px 10px 0 0;
text-align:right
}
.register .regReview{
display:inline-block;
float:left;
padding:5px 10px 0 0;
font-style:italic
}
.register .regReview a{
color:#1b85e7;
}
.register .regtxt{
width:335px
}
.register .regNote{
text-align:right;
padding:0 10px 20px 0
}
.register .dropdown{
border: none;
font-size:11px;
padding:1px 0 0 0
}
.register .thoa-thuan{
width:345px;
height:230px;
border:#dddddd solid 1px;
padding:8px;
text-align:left;float:left
}
.register .thoa-thuan ul{
margin:0;
padding:5px 15px
}
.register .regError{
color:#ff0000;
font-style:italic;
font-size:11px;
position:absolute;
right:0;
top:10px;
width:175px
}
.register .textbox{
border: 1px solid #BCBCBC;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0.1em 2px #8A8A8A inset;
background-color: transparent;
font-size: 12px;
height: 28px;
line-height: 28px;
margin: 2px;
padding: 0 5px;
}
.register .redtext{color:#ff0000}
.rss ul li{
margin-left:20px;
margin-top:10px;
margin-bottom:5px;
}
/* rating */
.rate_widget {
overflow: visible;
padding: 10px;
position: relative;
height: 32px;
}
.ratings_stars {
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/stars24.png") no-repeat 1px 0 transparent;
float: left;
height: 21px;
padding: 2px;
width: 24px;
cursor:pointer
}
.ratings_vote {
background: url("ihttp://www.tonghopgame.net/skin/skin_new/css/mages/stars24.png") no-repeat 1px -48px transparent;
}
.ratings_over {
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/stars24.png") no-repeat 1px -24px transparent;
}
.total_votes {
background: #eaeaea;
left: 0;
padding: 5px;
position: absolute;
top:40px;
}
.gplus{
position:fixed;
left:30px;
bottom:0;
height:18px;
width:70px;
padding-top:5px;
padding-left:5px;
border:solid 1px ;
background:#ebeef4;
border-color: rgba(29, 49, 91, 0.3) rgba(29, 49, 91, 0.3) -moz-use-text-color;
border:0 none;
z-index: 999;
}
.fbpluginrecommendationsbarleft {
left: 115px !important;
z-index: 999;
}
#box-login .box_login{
border: 5px solid #3cc7ee;
border-radius: 5px 5px 5px 5px;
height: 185px;
width: 240px;
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/grass.png") no-repeat bottom center #c2cae1 ;
position:relative
}
.box_login form {
padding: 30px 0 0 60px;
}
.box_login label {
color: #333333;
margin-left: 5px;
font-size:11px;
}
.box_login a {
color: #333333;
font-size:11px;
}
.box_login input[type="text"],.box_login input[type="password"] {
border: solid 1px #000;
border-radius:10px;
font: bold 12px Arial,Helvetica,Sans-serif;
padding: 6px 15px 6px 15px;
transition: all 0.7s ease 0s;
width: 120px;
margin-bottom:10px;
}
.box_login .line1{
padding-left:20px;
}
.box_login .btnlogin {
background: #ff8b00;
cursor: pointer;
display: block;
height: 27px;
margin: 6px 0 0 -20px;
width: 88px;
border-radius:10px;
color:#FFF;
border: 0 none;
font-weight:bold ;
position:relative;
z-index:100
}
.box_login .aregister{
background: #36bb44;
cursor: pointer;
display: block;
height: 21px;
padding-top:8px;
width: 88px;
text-align:center;
border-radius:10px;
color:#FFF;
border: 0 none;
font-weight:bold;
position:absolute;
right:20px;
bottom:13px;
font-size:12px;
}
.box_login .img1{
width:102px;
height:211px;
position:absolute;
bottom:0;
left:-25px;
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/bean.png") no-repeat transparent;
}
.box_login .img2{
width:67px;
height:72px;
position:absolute;
bottom:0;
right:-35px;
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/teddy.png") no-repeat transparent;
}
.box_login .img3{
width:49px;
height:43px;
position:absolute;
top:-35px;
right:0;
background: url("http://www.tonghopgame.net/skin/skin_new/css/images/buom.png") no-repeat transparent;
}
#box-top #div-tai-tro {
float: left;
height: auto;
margin: 0;
position: relative;
width: 740px;
}
#box-top #box-login {
border-radius: 5px 5px 5px 5px;
float: left;
height: auto;
margin: 0 0 0 10px;
width: 250px;
position: relative;
z-index: 900;
}
#content .box .content,#content .box1 .content{
background:#FFF;
border-radius:5px;
border:solid 1px #ff9c07
}
#content .border{
border:solid 1px #9F9F9F !important
}
.tab-box {
overflow: hidden;
position:absolute;
margin:0 auto;
top:-8px;
left:85px;
border: 2px solid #9F9F9F;
border-radius:5px;
}
.tab-box .tab,.tab-box .tab-active {
height: 30px;
padding: 0 35px;
vertical-align: bottom;
width: auto;
text-align:center;
display:inline-block;
line-height:30px;
float:left
}
.tab-box .tab{
background: -moz-linear-gradient(center top , #e16f00 0px, #ff9f25 75%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear,left top,left bottom, color-stop(0%,#e16f00),color-stop(100%,#ff9f25));
/* IE 10 */
background: -ms-linear-gradient(top, #e16f00, #ff9f25);
}
.tab-box .tab-active {
background: -moz-linear-gradient(center top , #ff9f25 0px, #e16f00 75%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear,left top,left bottom, color-stop(0%,#ff9f25),color-stop(100%,#e16f00));
/* IE 10 */
background: -ms-linear-gradient(top, #ff9f25, #e16f00);
}
.tab-active a,.tab a {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 -1px 0 #666666;
}
.tab-active a{
color:#C8C8C8;
}
.tab a {
color: #FFF;;
}
/* header new */
/* Thống kĂª */
.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;min-height:50px;padding-left:10px;width:858px;margin:5px 10px 5px 70px}
.starsTitle{background-color:#BFBFBF;border:1px solid #989898;color:#F8FF04;font-family:Comic Sans MS;font-variant:small-caps;font-weight:700;height:18px;text-shadow:1px 1px 1px #000;padding:5px}
.boxbody{background:url(/users/2211/12/43/96/album/box-sh10.gif) no-repeat scroll 0 80% transparent;font-size:12px;line-height:18px;padding-bottom:9px}
Sun Jan 18, 2015 1:31 pm
#3lilkhangvn
9
45
0
18/01/2015
29
TP.HCM
New Member
45
0
18/01/2015
29
TP.HCM
New Member
Bài gửi : 9
G-Point : 45
Liked : 0
Tham gia : 18/01/2015
Tuổi : 29
Đến từ : TP.HCM