Thích bài này? Bài trướcBài sau

CuPid.Dz

Mon Oct 07, 2013 8:54 pm

#1

CuPid.Dz

CuPid.Dz

1468
4634
416
19/10/2012
25
An Giang
 Super Moderators
Super Moderators
Bài gửi : 1468
G-Point : 4634
Liked : 416
Tham gia : 19/10/2012
Tuổi : 25
Đến từ : An Giang
[Share] Skin tổng hợp game đẹp Empty[Share] Skin tổng hợp game đẹp

Demo :
[You must be registered and logged in to see this image.]

Code:
index_body


Nguồn: vgame
CuPid.Dz

Mon Oct 07, 2013 8:55 pm

#2

CuPid.Dz

CuPid.Dz

1468
4634
416
19/10/2012
25
An Giang
 Super Moderators
Super Moderators
Bài gửi : 1468
G-Point : 4634
Liked : 416
Tham gia : 19/10/2012
Tuổi : 25
Đến từ : An Giang
[Share] Skin tổng hợp game đẹp EmptyRe: [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}
lilkhangvn

Sun Jan 18, 2015 1:31 pm

#3

lilkhangvn

lilkhangvn

9
45
0
18/01/2015
29
TP.HCM
 New Member
New Member
Bài gửi : 9
G-Point : 45
Liked : 0
Tham gia : 18/01/2015
Tuổi : 29
Đến từ : TP.HCM
[Share] Skin tổng hợp game đẹp EmptyRe: [Share] Skin tổng hợp game đẹp

saaaaaaaaaa
Sponsored content

#4

Sponsored content

[Share] Skin tổng hợp game đẹp EmptyRe: [Share] Skin tổng hợp game đẹp

Diễn Đàn » Tổng Hợp Forumotion » Kho Skin » Punbb » [Share] Skin tổng hợp game đẹp
DarKmOn.Net là một cộng đồng mở, chúng tôi không chịu trách nhiệm những nội dung của thành viên đưa lên.
Vui lòng trích dẫn "Nguồn" khi bạn phát hành thông tin từ DarKmOn.
Diễn đàn được phát triển bởi Administrator và các thành viên.
Múi giờ GMT +7. Hà Nội, Việt Nam.
[Share] Skin tổng hợp game đẹp Logo_taitro