Theme4R

Thông tin skin :
Sử dụng mã nguồn vBulletin® Phiên bản 3.8.3
© 2007 - 2012 www.sp-rap.info
Ver PunBB host By Forumotion
Designed by : beowl
Skin Rip By Chupy

Lưu ý khi sử dụng skin : ai dùng skin này thì nên up lại toàn bộ ảnh có trong file Dowload

fix lỗi trong overall_footer_begin
thay toàn bộ code overall_footer_begin = code sau

Code:


<script type="text/javascript" src="http://sp-rap.com/f@rum/sprap/slider/slider.min.js"></script>





    <style type="text/css" id="vbulletin_css">
      /*
  Coin Slider jQuery plugin CSS styles
  http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: visible; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none;  }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 12px; height: 6px; width: 6px; float: left; border: 1px solid #262626; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 705px; padding: 10px; background-color: #000000; color: #FFFFFF;  font-size:11px; }

.cs-prev { background:url(http://sp-rap.com/f@rum/sprap/slider/prev.png) left top no-repeat; width:40px; height:40px; color: transparent; display:block; margin-left:10px;}
.cs-prev:hover {color: transparent;}
.cs-next { background:url(http://sp-rap.com/f@rum/sprap/slider/next.png) right top no-repeat; width:40px; height:40px; color: transparent; display:block; margin-right:10px;}
.cs-next:hover {color: transparent;}
      @CHARSET "UTF-8";


#gamesHolder { padding: 0px; margin-top: 0px; width: 719px; }

#header { text-align: center;  }
#header h1 { color: #333333; font-size: 50px; }
#header h2 { color: #333333; font-size: 30px; }

a { text-decoration: none;}

.customFont {
    font-family: 'Pompiere', Verdana, cursive;
    font-size: 18px;
}

#header h1, #header h2 { margin: 0; padding: 0; font-weight: normal; }

ul { padding: 0 0 0 15px; margin: 0; }

.holder { padding: 17px 5px; border-radius: 5px; box-shadow: 0px 0px 3px #CCC; }
.text { background-color: #f3f3f3; padding: 20px; line-height: 20px; overflow: hidden; zoom: 1;}

.holder h2 { margin: 0; padding: 0px 0px 15px 0px; }

code { display: block; background-color: #fff; padding: 10px; overflow: auto; }
pre { margin: 10px 0px; padding: 0; }

.h2 {
    font-weight: normal;
    display: none;
}

.button a {
    background: #000000;
    margin: 10px 100px;
    opacity: 1;
    outline: medium none;
    padding: 5px ;
    text-align: center;
    text-decoration: none;
    display: block;
    line-height: 50px;
    border: 1px solid #262626;
    color: #FFFFFF;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);   
    border-radius: 5px;
}
.button a:hover {
    background: #3072B3;
    box-shadow: 0 0 3px #262626;
}

.bar {
    background-color: #111;
    color: #f0f0f0;
    box-shadow: 0px 0px 2px #333;
    line-height: 25px;
    padding: 0px 20px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10000;
}
.bar a {
    color: #DDD;
}
.bar a:hover {
    color: #FFFFFF;
}
#download {
    clear: both;
}
#download .button {
    font-size: 22px;   
}
#features ul {
    overflow: hidden;
    zoom: 1;
    margin: 15px;
}
#features li {
    width: 50%;
    float: left;
}

/** Coin Slider additional styles **/
.cs-buttons a {
    border-radius: 50%;
    background: #000000;
 
}
a.cs-active {
    background: #ffffff;

    border-radius: 50%;   
    box-shadow: 0 0 3px #518CC6; 
    border: 1px solid #cccccc !important;   
}


/**
* vBulletin 3.8.3 CSS
* Style: 'SPRversion2'; Style ID: 3
*/
body
{
  background: #010101 url(http://sp-rap.com/f@rum/sprap/bg.gif);
  color: #666666;
  font: 12px Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
a:link, body_alink
{
  color: #B7B7B7;
  text-decoration: none;
}
a:visited, body_avisited
{
  color: #B7B7B7;
  text-decoration: none;
}
a:hover, a:active, body_ahover
{
  color: #fc3633;
  text-decoration: none;
}
.page
{
  background: transparent;
  color: #666666;
}
td, th, p, li
{
  font: 10pt Arial, Helvetica, sans-serif;
}
.tborder
{
  background: transparent;
  color: #666666;
  border: 0px solid #000000;
}
.tcat
{
  background: transparent url(http://sp-rap.com/f@rum/sprap/tcat.gif) left bottom no-repeat;
  color: #FFFFFF;
  font: bold 25px hongha;
  height:49px;
  text-decoration:none;
  text-transform:uppercase;
  padding-left:10px;
 
}
.tcat a:link, .tcat_alink
{
  color: #ffffff;
  text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
  color: #ffffff;
  text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
  color: #fc2e2b;
  text-decoration: none;
}
.thead
{
  background: #020202 url(http://sp-rap.com/f@rum/sprap/thead.gif) repeat-x top left;
  color: #666666;
  font: bold 11px Arial, Helvetica, sans-serif;
  border-top:1px solid #000000;
}
.thead a:link, .thead_alink
{
  color: #666666;
}
.thead a:visited, .thead_avisited
{
  color: #666666;
}
.thead a:hover, .thead a:active, .thead_ahover
{
  color: #FFFF00;
}
.tfoot
{
  background: #333333 url(http://sp-rap.com/f@rum/sprap/theadbig.gif) left top repeat-x;
  color: #666666;
  height:27px;
  border-bottom:1px solid #000000;
}
.tfoot a:link, .tfoot_alink
{
  color: #666666;
}
.tfoot a:visited, .tfoot_avisited
{
  color: #666666;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
  color: #fc3633;
}
.alt1, .alt1Active
{
  background: #010101 url(http://sp-rap.com/f@rum/sprap/alt1a.gif) repeat-x top;
  color: #666666;
}
.alt2, .alt2Active
{
  background: #060606 url(http://sp-rap.com/f@rum/sprap/alt2.gif);
  color: #666666;
}
.inlinemod
{
  background: #FFFFCC;
  color: #000000;
}
.wysiwyg
{
  background: #010101;
  color: #666666;
  font: 10pt Arial, Helvetica, sans-serif;
  margin: 5px 10px 10px 10px;
  padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
  color: #b7b7b7;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
  color: #b7b7b7;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
  color: #FF4400;
}
textarea, .bginput
{
  font: 10pt Arial, Helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
  font-size: 10pt;
  font-family: Arial, Helvetica, sans-serif;
}
.button
{
  font: 11px Arial, Helvetica, sans-serif;
}
select
{
  font: 11px Arial, Helvetica, sans-serif;
}
option, optgroup
{
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}
.smallfont
{
  font: 11px Arial, Helvetica, sans-serif;
}
.time
{
  color: #666686;
}
.navbar
{
  font: 11px Arial, Helvetica, sans-serif;
}
.highlight
{
  color: #FF0000;
  font-weight: bold;
}
.fjsel
{
  background: #3E5C92;
  color: #E0E0F6;
}
.fjdpth0
{
  background: #F7F7F7;
  color: #000000;
}
.panel
{
  background: #080808;
  color: #666666;
  padding: 10px;
  border: 1px solid #000000;
}
.panelsurround
{
  background: #060606;
  color: #666666;
}
legend
{
  color: #22229C;
  font: 11px Arial, Helvetica, sans-serif;
  border:1px solid #000000;
  border-color:#000000;
  color:#666666;
}
.vbmenu_control
{
  background: transparent url(http://sp-rap.com/f@rum/sprap/tcat.gif) center bottom no-repeat;
  color: #FFFFFF;
  font: bold 11px Arial, Helvetica, sans-serif;
  padding: 3px 6px 13px 6px;
  white-space: nowrap;
  text-transform:uppercase;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
  color: #fc3633;
  text-decoration: none;
}
.vbmenu_popup
{
  background: #111111;
  color: #000000;
  border: 1px solid #666666;
}
.vbmenu_option
{
  background: #a9a9a9;
  color: #000000;
  font: 11px Arial, Helvetica, sans-serif;
  white-space: nowrap;
  cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
  color: #000000;
  text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
  color: #000000;
  text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
  color: #fc3633;
  text-decoration: none;
}
.vbmenu_hilite
{
  background: #000000;
  color: #FFFFFF;
  font: 11px Arial, Helvetica, sans-serif;
  white-space: nowrap;
  cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
  color: #FFFFFF;
  text-decoration: none;
}
.boxfield{border:1px dashed #ccc;margin-bottom:3px;padding:1px 3px;} .boxfield:hover{border:1px dashed #5FBBE6;margin-bottom:3px;padding:1px 3px;} .boxav{border:1px dashed #ccc;padding:5px;}

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; border:1px solid #333333; color:#666666;}
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
a:link, a:visited {
  color:#B7B7B7;
  text-decoration:none;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out; 
}
a:hover, a:active {
  color:#fc3633;
}
.tcat a:link, .tcat a:visited {
  background: url(http://sp-rap.com/f@rum/sprap/boxesh2bg.gif) center right repeat-x;
        padding:0px 5px;
font-family: oswald;
font-weight:normal;
}
.tcat a:hover, .tcat a:active{
  color:#fc2e2b;
  padding-right:50px;
}
.bigfont1 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
.theadbigtop {
  height:28px;
  background:url(http://sp-rap.com/f@rum/sprap/theadbig.gif) left top repeat-x;
  font-size:14px;
  color:#ffffff; 
  padding: 0px 10px;
text-transform:uppercase;
font-weight:normal;
font-family:oswald;
}
.theadbigtop a:link, .theadbigtop a:visited {
color:#ffffff;
}
.theadbigtop a:hover, .theadbigtop a:active {
color:#fc3633;
background:#000000;
}
.theadbigtopactive {
background:#000000;
height:28px;
  font-size:14px;
  color:#fc3633; 
  padding: 0px 10px;
text-transform:uppercase;
font-weight:normal;
font-family:oswald;
}
.theadbigtopactive a{
color:#fc3633;
}
</style>
   



<!-- BEGIN html_validation -->
<div>
  <div>
      <div>
        <div>
            <div>
              <div>
                  <div>
                    <div>
<!-- END html_validation -->
                    </div>
                  </div>
              </div>
            </div>
        </div>
        <div id="{ID_RIGHT}">
            <!-- BEGIN giefmod_index2 -->
            {giefmod_index2.MODVAR}
            <!-- BEGIN saut -->
            <div style="height:{SPACE_ROW}px"></div>
            <!-- END saut -->
            <!-- END giefmod_index2 -->
        </div>
      </div>
  </div>
</div>
<div id="pun-foot">
  <div id="pun-about" class="clearfix">
      <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
        <fieldset>
            <p><label>{L_JUMP_TO}: </label></p>
            {S_JUMPBOX_SELECT} <input type="submit" value="{L_GO}" />
        </fieldset>
      </form>
      <ul>
        <li>
<!-- BEGIN html_validation -->
        </li>
      </ul>
  </div>
</div>
<!-- END html_validation -->

© Cntt-k3
® Ruby

tesssst