share skin Modern red

skin rip by dang0123
người sử dụng vui lòng không xóa tên người rip

Code:


<ol id="forums" class="floatcontainer">
  <!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
      <li class="forumbit_nopost new L1" id="cat1">
<!-- Start Forum tcat Heading PureVB -->
<div class="forumbitBox"><div class="forumbitWrap"><div class="forumbitBoxLeft"><div class="forumbitBoxRight">
<div class="forumbitBoxTL"><div class="forumbitBoxTR"><div class="forumbitBoxBL"><div class="forumbitBoxBR">
<div class="tcat">
   <div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
      <h2>

         <span class="forumtitle">{catrow.tablehead.L_FORUM}
      
         <span class="tcatDesc">- Main Category Description</span>

         
      

      </h2>
      
         
   </div></div>
</div>
         
<!-- End Forum tcat Heading PureVB -->
         
<!-- Start Forum thead Heading PureVB -->
<div class="forumbitBody">
<div class="thead_bar">
   <div class="theadrow table">
      <div class="foruminfo td">
         <div class="forumdata">
            <div class="datacontainer">
            Title
            </div>
         </div>
      </div>
      <div class="forumactionlinks td">
          
      </div>
      <div class="forumstats td" align="center">
          
      </div>
      <div class="forumlastpost td">
         Last Post
      </div>

   </div>
</div>
<!-- endForum thead Heading PureVB -->
<!-- END tablehead -->
<!-- BEGIN forumrow -->
   
   <ol id="c_cat1" class="childforum">
      <li id="forum2" class="forumbit_post new L2">
   <div class="forumrow table">
      <div class="foruminfo td">
         <img class="forumicon" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                          <div class="forumdata">
            <div class="datacontainer">
               <div class="titleline">
                  <h2 class="forumtitle">
                                                <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                                </h2>
               </div>
                <p class="forumdescription">{catrow.forumrow.FORUM_DESC}</p>
               

               
            </div>
         </div>
      </div>
       
      
           
      <div class="forumactionlinks"></div>
      
       
      <ul class="forumstats td">
         <li>Threads: {catrow.forumrow.TOPICS}</li>
                    <li>Posts: {catrow.forumrow.POSTS}</li>
      </ul>
      <div class="forumlastpost td">
         <h4 class="lastpostlabel">Last Post:</h4>
         <div>
            
   <p class="lastposttitle">
   <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
         </div>
      </div>
       
   </div>
   <!-- END forumrow -->
<!-- BEGIN catfoot -->
 
  <!-- END catfoot -->
<!-- BEGIN tablefoot -->
</li>
   <!-- END tablefoot --><!-- END catrow --></ol>
   
</div>
<div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
</div></div></div></div>
</div></div></div></div>

</li>
  </ol>
  <style>
#forums {
   clear:both;
}

.forumhead {
   background: #dbd8d0 url(http://www.purevb.com/demo/images/buttons/newbtn_middle.png) repeat-x  ;
   _background-image: none;
   padding: 0;
   font:  bold 12px Arial, arial, helvetica, sans-serif;
   color:#79756d;
   clear:both;
   margin-top: 8px;
   float: left;
   border: 1px solid #c5c1b6;
   width: 100%;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-topleft: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
}

#forums .L1 .forumhead a {
   font:  bold 12px Arial, arial, helvetica, sans-serif;
}

#forums .L1 .forumhead .forumdescription {
   display:none;
}

#forums .L1 .L2 {
   display:block;
   clear: both;
}

#forums a.username {
   color: #c63737;
}

#forums a.username:hover {
   color: #383838;
}

.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {

   -moz-box-shadow: -2px 2px 2px none;
   -webkit-box-shadow: -2px 2px 2px none;
   box-shadow: -2px 2px 2px none;

}

.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
   color: #4e4e4e;
   background: rgb(255, 255, 255) none  ;
   _background-image: none;
   display:block;
   width: 100%;
   float: left;
   min-height: 48px; /* 48px is the icon size */
   position:relative;
   border-bottom: 0  ;
   border-left: 0  ;
   border-right: 0  ;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumicon {
   position: absolute;
   left: 10px;
   top: 5px;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata {
   display: inline-block;
   width:100%;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer {
   margin-left: 58px;
}

.forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {
   margin-left: 0;
}

/* forumbit nopost */
.forumbit_post .foruminfo .forumdata {
   padding: 4px 0;
   font-size: 11px;
}

.forumbit_nopost .forumhead .forumtitle {
   font-size: 12px;
   min-width: 64%;
}

.forumbit_nopost .forumhead .forumtitle a {
   color: #79756d;
   margin-left: 10px;
}

.forumbit_nopost .forumhead span, .forumbit_post .forumhead span {
   font-size: 11px;
}

.forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {
   width: 21%;
}

.forumbit_nopost .forumhead a.collapse img {
/* values are based on the image */
   position:absolute;
   top: -15px;
   right: -6px;
   display:block;
   width:13px;
   height:13px;
   overflow:hidden;
   float: right;
   clear: left;
}

.forumbit_nopost:hover .forumhead  a.collapsegadget {
   visibility:visible;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata  {
   padding: 5px 10px;
   padding-left: 0;
   font-size: 12px;
}

/* Removed for VBIV-14010
.forumbit_nopost .forumbit_nopost .foruminfo .subforums {
   margin-left: 10px;
   position: relative;
   top: -10px;
}
*/

/* forumbit post */
.forumbit_post {
   float: left;
   position:relative;
   width: 100%;
   display:block;
}

.forumbit_post .forumhead span {
   padding: 0;
}

.forumbit_post .forumhead .forumlastpost {
   top: 0;
   margin-top: 0;
}

.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
   padding: 5px 0;
}

.forumbit_post .forumhead .forumtitle {
   font-size: 12px;
   min-width: 64%;
}

.forumbit_post .forumhead .forumtitle span {
padding: 0;
padding-left: 10px;
}

.forumbit_post .foruminfo {
   width: 57%;
   min-width: 30%;
   float: left;
   clear: right;
   min-height: 38px;
}

.forumbit_post .foruminfo .forumicon{
   position: absolute;
   left: 10px;
}

.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
   float: left;
   clear: right;
}

.forumbit_post .foruminfo .viewing {
        white-space:nowrap;
}

.forumbit_post .foruminfo .forumdata {
   padding: 0;
   width: 100%;
   _width: 99%;
}

.forumbit_post .foruminfo .forumdata .datacontainer {
   float: left;
   width: 88%;
   padding-left: 58px;
}

.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {

font-size: 12px;
   margin-right: 10px;
}

.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
   font-weight:bold;
}

.childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {
        padding-left:1.8em;
        background:url('http://www.purevb.com/demo/images/styles/Modern/misc/child_forum.png') top left no-repeat;
}

.forumbit_post .foruminfo .forumdata .viewing {
   font-style: italic;
   margin-right:10px;
   margin-top: 3px;
   font-size: 10px;
}

.forumbit_post .forumactionlinks {
   width: 5%;
   display:block;
   float:left;
   clear:right;
}

.forumbit_post .forumactionlinks li {
   display: inline;
}

.forumbit_post .forumactionlink {
/* values based on icon size */
   display:block;
   width:18px;
   height:12px;
   overflow:hidden;
   float: right;
   clear: left;
   background:transparent none no-repeat;
   position: relative;
   margin: 3px 10px 0 0;
}

.forumactionlink a {
/* values based on icon size */
   display:block;
   padding-left:18px;
}

.forumactionlinks .rsslink {
   background-image:url(http://www.purevb.com/demo/images/styles/Modern/misc/rss_40b.png);
}

.forumactionlinks .subslink {
   background-image:url(http://www.purevb.com/demo/images/styles/Modern/misc/subscribed_40b.png);
}
.forumactionlinks .unsubslink {
   background-image:url(http://www.purevb.com/demo/images/styles/Modern/misc/unsubscribed_40b.png);
}
.forumbit_post .forumdescription {
   display:block;
   clear:both;
   padding-right: 10px;
}

.forumbit_post .unsubscribe {
   display:block;
   right: 0;
   top: 2px;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
   display: block;
   float: left;
   clear: right;
   width: 12%;
   margin-right: 2%;
}

.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
   font-size: 12px;
   text-align: right;
   padding-right: 20px;
   display:block;
}


.forumbit_post .forumlastpost {
   display:block;
   float: left;
   clear: right;
}

.forumbit_post .forumrow .forumlastpost {
   width: 24%;
   font-size: 12px;
   padding-top: 5px;
}

.forumbit_post .forumlastpost .lastpostdate {
   font-size: 12px;
}

.lastpostlabel {
   display: none;
}

.forumlastpost .lastposttitle .postimg {
   vertical-align:middle;
   margin-top:-2px;
}

.forumlastpost p.lastposttitle {
   overflow: hidden;
}

.moderators, .subforums {
   display: block;
   clear:both;
}

.moderators h4, .subforums h4 {
   font-weight: bold;
   padding-right: 5px;
}

.moderators h4, .moderators .commalist, .subforums h4, .subforums .commalist {
   float:left;
   clear:right;
}

h2 span.forumthreadpost {
   width: 12%;
   text-align: center;
}


/* CSS Document */

#forums {
width: 100%;
}

#welcomemessage {
   color:#5d5d5d;
   font-size:100%;
}

.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
   background: rgb(255, 255, 255) none  ;
   _background-image: none;
   border-top: 1px solid rgb(255, 255, 255);
}

/* forumbit nopost */
/* forumbit nopost -> forumhead */
.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
   display:block;
   float: left;
   clear: right;
   font:  bold 12px Arial, arial, helvetica, sans-serif;
   padding: 4px 0;
   color: #79756d;
}

.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2 {
   margin-left: 3px;
   margin-right: 3px;
}
.forumbit_nopost {
   clear:left;
}
.forumbit_nopost .forumrowdata {
   clear:both;
   display:block;
   width: 100%;
}

.forumbit_nopost .subforumdescription {
   padding: 5px 10px;
   font-weight: normal;
   color: #3e3e3e;
   background: #e9e9e9 none repeat-x  ;
}


/* CSS Document */
/* this might need to get renamed */
/* wgo */
.wgo_block {
   display:block;
   margin-top: 15px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-topleft: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   -moz-box-shadow: -2px 2px 2px none;
   -webkit-box-shadow: -2px 2px 2px none;
   box-shadow: -2px 2px 2px none;
   margin-bottom: 10px;
}

.wgo_block .blockbody {
   border: 0  ;
   background: rgb(255, 255, 255) none  ;
   _background-image: none;
}

.wgo_block .blockhead {
   font-size:12px;
   font-weight:bold;
   color: rgb(255, 255, 255);
   background: #9f0e0e url(http://www.purevb.com/demo/images/buttons/newbtn_middle.png) repeat-x  ;
   _background-image: none;
   border: 1px solid #7a0606;
}

.wgo_block .time {
   color: #3e3e3e;
}

.wgo_block .section {
   display:block;
   padding: 0 0 0.5em;
   font:    12px ;
   color: #3e3e3e;
   clear:both;
   width: 100%;
}

.wgo_block .blocksubhead {
   padding-left: 10px;
   font: 13px;
   color: #3e3e3e;
   background: transparent;
   padding-bottom: 5px;
}

.wgo_block .section:first-child .blocksubhead {
   border-top: 0;
}

.wgo_block .section .blocksubhead img {
   padding-right: 5px;
}

.wgo_block .section div, .wgo_block .section ol {
   padding-left: 20px;
}

.wgo_block .section div p {
   padding-bottom: 5px;
}

.wgo_block .section div ol {
   padding-left: 0;
}

.wgo_block .section dl dt {
   display:inline;
}

.wgo_block .section dl dt:after {
   content:":";
}

.wgo_block .section dl dd {
   display: inline;
   margin-right:5px;
}

.wgo_block .section dl.icon_legends dt {
   float: left;
   clear: right;
   margin-right: 5px;
}

.wgo_block .section dl.icon_legends dt:after {
   content: "";
}

.wgo_block .section dl.icon_legends dd {
   margin-bottom: 5px;
   display:block;
}

#wgo_onlineusers .commalist li {
   margin-left: 1px;
}

#wgo_birthdays .commalist li {
   margin-left: 1px;
}

  </style>