[PunBB] Skin TreTuKy

Demo:

Index:

Topics:

Hướng dẫn:

CSS:

Code:

body{font-family:Arial;font-size:10pt;color:#272727;line-height:150%;margin:0;padding:0;background:url(http://www.tretuky.com/forum/images/bg.gif) repeat-x}
a:link,a:active,a:visited{color:#234A5F;font-size:12px;text-decoration:none}
a:hover{color:#F1592A;text-decoration:none}
h1#logo{position:absolute;z-index:1}
img,h1,h2,h3,h4,h5,h6,input,ul,li{margin:0;padding:0}
h3{font-size:14px}
img{border:none}
.clear,.clearBoth{clear:both}
#container{width:980px;margin:auto;padding:0;overflow:hidden}
#head{height:70px}
#head .head3{background:url(http://www.tretuky.com/forum/images/bg_head3.gif) repeat-x scroll 0 0 transparent;padding:5px 10px 0 0;height:30px;width:117px;text-align:right;color:#7A7A7A}
#head a{color:#4B8AB3}
.search_box{height:48px;background:url(http://www.tretuky.com/forum/images/searchbox2.gif) repeat-x scroll 0 0 transparent}
.search_box .leftbar{height:48px;background:url(http://www.tretuky.com/forum/images/searchbox1.gif) no-repeat scroll 0 0 transparent}
.search_box .rightbar{background:url(http://www.tretuky.com/forum/images/searchbox3.gif) no-repeat scroll right 0 transparent;height:48px}
.search_box .search_btn{float:right;padding:9px 20px 0 0}
.search_box .search_txt{width:235px;height:31px;background:url(http://www.tretuky.com/forum/images/txt_search.gif) no-repeat scroll right 0 transparent;float:right;margin:9px 0 0}
.search_box .search_txt input{background:none repeat scroll 0 0 transparent;border:medium none;padding:0;width:210px;margin:7px 0 0 20px}
.search_box .name_club{color:#FFF;font-size:13pt;padding:14px 0 0 135px;font-weight:400}
#slide{margin:4px 0 2px}
#head div{height:70px;float:left}
#left{width:280px;float:left;background:url(http://www.tretuky.com/forum/images/bg_repeat_leftmenu.gif) repeat-y}
#left .inside{width:280px;float:left;background:url(http://www.tretuky.com/forum/images/bg_leftmenu.gif) no-repeat}
#left .inside .bg_foot{background:url(http://www.tretuky.com/forum/images/bg_foot_leftmenu.gif) no-repeat bottom;height:14px}
#left .inside .menu{width:256px;margin:22px auto 0;background-color:#007a20;overflow:hidden}
#left .inside .menu ul{list-style-image:none;list-style-type:none;margin:0 0 20px;padding:0}
#left .inside .menu ul li{margin:0;padding:0}
#left .inside .menu ul li a{display:block;padding:5px 0 5px 20px;margin:0 15px;color:#FFF;text-decoration:none;background:url(http://www.tretuky.com/forum/images/bg_item_leftmenu.gif) repeat-x bottom;font-size:11pt}
#left .inside .menu ul li.sub a{display:block;padding:5px 0 5px 20px;margin:0 15px;padding-left:40px;color:#FFF;text-decoration:none;background:url(http://www.tretuky.com/forum/images/bg_item_leftmenu.gif) repeat-x bottom;font-size:10pt;color:#FFF09F}
#left .inside .menu ul li.sub1 a{display:block;padding:5px 0 5px 20px;margin:0 15px;padding-left:60px;color:#FFF;text-decoration:none;background:url(http://www.tretuky.com/forum/images/bg_item_leftmenu.gif) repeat-x bottom;font-size:10pt;color:#FFF09F}
#left .inside .menu ul li a:hover{background:url(http://www.tretuky.com/forum/images/bg_item_leftmenu_hover.gif) repeat-x bottom;font-weight:400}
#left .inside .menu ul li a.last{display:block;padding:5px 0 5px 20px;margin:0 15px;color:#FFF;text-decoration:none;background:none;font-size:11pt}
#left .inside .menu ul li a.last:hover{background:url(http://www.tretuky.com/forum/images/bg_item_leftmenu_hover.gif) repeat-x bottom;font-weight:400}
#right{width:697px;float:left;margin-left:3px}
#right .top{margin-top:10px;height:15px;width:697px;background:url(http://www.tretuky.com/forum/images/right_top.gif) no-repeat}
#right .mid{width:695px;border-right:1px solid #DBDBDB;border-left:1px solid #DBDBDB;overflow:hidden}
#right .bottom{height:15px;width:697px;background:url(http://www.tretuky.com/forum/images/right_bottom.gif) no-repeat}
.notice{margin-bottom:10px;margin-top:5px}
.notice p{margin:5px 0 0;padding:0}
.news_item{border-top:1px solid #DCDCDC;margin:0 15px 10px;overflow:hidden;padding-top:10px;text-align:justify}
.font_title{color:#004F14;font-size:15px;font-weight:700;text-decoration:none}
.font_title a{color:#004F14;font-size:13px;font-weight:700;text-decoration:none}
.font_title a:hover{color:#F1592A}
.imgLeft{border:1px solid #DCDCDC;float:left;margin:0 10px 5px 0;padding:1px}
.detail{background-color:#EFEFEF;border:1px solid #DCDCDC;display:block;float:right;height:20px;margin:15px 0 5px;text-align:center;width:60px}
#fotter{margin:15px 0 10px;height:100px;background:url(http://www.tretuky.com/forum/images/bg_footer.gif) no-repeat 0 5px}
.helpscopyright{margin-top:0;padding-left:355px}
#tblPaging{text-align:right}
#tblPaging span.firstPage{color:#777;font-weight:700}
#tblPaging span.lastPage{color:#777;font-weight:700}
#tblPaging span.prevPage{color:#777;font-weight:700}
#tblPaging span.nextPage{color:#777;font-weight:700}
#tblPaging .selectedPage a{background-color:#007A20;border:1px solid #003F10;color:#FFF;font-weight:700;padding:2px 5px}
#tblPaging .pageNo a{border:1px solid #CCC;color:#777;font-weight:700;padding:2px 5px}
#tblPaging .pageNo a:hover{background-color:#DBDBDB;border:1px solid #CCC;color:#777;font-weight:700;padding:2px 5px;text-decoration:none}
.navigate{border-bottom:1px solid #DCDCDC;font-size:12px;height:20px;margin-bottom:0;padding:3px 10px 10px}
.font_date{color:#686868;font-size:11px;line-height:100%}
.ico_print{background:url(http://www.tretuky.com/forum/images/ico_print.gif) no-repeat scroll left top transparent;display:block;float:left;margin-left:20px;margin-right:20px;padding-left:20px}
.bg_relateNews{background:url(http://www.tretuky.com/forum/images/bg_mrepx.gif) repeat-x scroll 0 0 transparent;border-color:#DCDCDC;border-style:solid none;border-width:1px medium;font-size:13px;height:20px;padding:3px 0 5px 10px}
ul.news_list{list-style-type:none;margin:12px 0 0;padding:0}
ul.news_list li{background:url(http://www.tretuky.com/forum/images/bullet.gif) no-repeat scroll left 7px transparent;padding-left:12px}
.download_file{background:url(http://www.tretuky.com/forum/images/ico_download.gif) no-repeat scroll left 10px transparent;border-top:1px solid #E3E3E3;height:40px;margin-top:10px;padding-top:3px}
.download_file p{color:#08535C;font-weight:700;margin:15px 0 0 60px}
ul.list_file{margin-top:10px}
ul.list_file li{list-style-type:none;margin:3px 0 0}
ul.list_file li a{color:#0B8492}
.countdown{width:697px;height:75px;background:url(http://www.tretuky.com/forum/images/countdown.gif);margin-top:5px}
.countdown .t1{width:41px;float:left;margin:16px 0 0 97px;font-size:18pt;color:#FFF;font-weight:700;text-align:center}
.countdown .t2{width:43px;float:left;margin:16px 0 0 67px;font-size:18pt;color:#FFF;font-weight:700;text-align:center}
.countdown .t3{width:43px;float:left;margin:16px 0 0 57px;font-size:18pt;color:#FFF;font-weight:700;text-align:center}
.countdown .t4{width:43px;float:left;margin:16px 0 0 57px;font-size:18pt;color:#FFF;font-weight:700;text-align:center}
#content{overflow:hidden}
input.btn{background-image:url(http://www.tretuky.com/forum/images/button.gif);border:medium none;color:#005A18;cursor:pointer;display:block;font-family:arial;font-size:11px;font-weight:400;height:27px;padding-bottom:1px;text-align:center;width:80px;line-height:170%}
.floatLeft{float:left}
input.btn:hover{background-position:0 -28px;border:medium none;cursor:pointer}
.morebtn{float:right;margin:20px 0 0}
a.btn{background-image:url(http://www.tretuky.com/forum/images/button.gif);border:medium none;color:#267899;cursor:pointer;display:block;font-family:arial;font-size:11px;font-weight:700;height:24px;padding-top:4px;text-align:center;width:80px}
a.btn:hover{background-position:0 -28px;border:medium none;cursor:pointer}
input.btn-120{background-image:url(http://www.tretuky.com/forum/images/button_120.gif);border:medium none;color:#005A18;cursor:pointer;display:block;font-family:arial;font-size:11px;font-weight:400;height:27px;padding-bottom:1px;text-align:center;width:120px;line-height:170%}
input.btn-120:hover{background-position:0 -28px;border:medium none;cursor:pointer}
.bg_input{background:url(http://www.tretuky.com/forum/images/bg_input.gif) repeat-x scroll left top #FFF;border:1px solid #DCDCDC;margin:0;padding:3px}
.comment_post{background-color:#F8F8F8;padding:8px}
.rv_tdcapcha input{background-color:#FDFDFD;border:1px solid #B0C4DE;font:bold 19px Verdana,Arial;text-align:center;text-transform:uppercase}
.bg_direct{background:url(http://www.tretuky.com/forum/images/comment_send.gif) no-repeat 8px top;height:12px;overflow:hidden;padding:0 10px;margin:0 10px}
.comment_send{padding:5px 10px;margin:0 10px 15px;border:1px solid #dcdcdc;overflow:hidden}
.font_date{color:#686868;font-size:11px;line-height:100%}
.textred{color:red}
.fieldtext{background-color:#FDFDFD;border:1px solid #B0C4DE;color:#3B454F;font:12px Arial,sans-serif;padding:2px;width:90%}
.thongbao{background:url(http://www.tretuky.com/forum/images/bg_thongbao.jpg) repeat-x;border:1px solid #178332;padding:10px;text-align:justify}
#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:24px;height:24px;border:none;text-indent:-999px;background:url(resources/js/jquerytotop/ui.totop.png) no-repeat left top}
#toTopHover{background:url(resources/js/jquerytotop/ui.totop.png) no-repeat left -24px;width:24px;height:24px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
#toTop:active,#toTop:focus{outline:none}
#search-box{float:left;margin:25px 0 0 120px}
#search-box .searchtext{width:258px;height:25px;background:url(http://www.tretuky.com/forum/images/searchbox.gif);float:left}
#search-box .inputsearch{background:none repeat scroll 0 0 transparent;border:none;margin:5px 0 0;padding-left:10px;width:240px;font-size:12px;color:#AAA}
#search-box .searchbuton{width:82px;height:25px;background:url(http://www.tretuky.com/forum/images/searchbutton.gif);display:block;float:left;border:medium none;cursor:pointer;margin-left:5px}
#search-box .searchbuton:hover{background-position:0 -25px}
.PopupBody{margin:0}
.quickReplyLine{padding:5px 10px 5px 5px;height:100%}
textarea.basicBBCodeEditor{width:100%;height:100%}
 textarea.BBCodeEditor{width:100%;height:350px}
 #DivForumJump{float:right;margin-top:10px}
 #DivPageAccess{clear:right;float:right;margin-top:10px}
 #DivIconLegend{float:left;margin-top:10px}
 .leftItem{float:left}
 .rightItem{float:right}
 .postNavigation td{text-align:right}
 .clearItem{clear:both}
 #DivSmartScroller{clear:both}
 .postsep td{padding:0}
 .yafpopupmenu{padding:0}
 .fileattach{margin:15px 0 0}
 #yafprofilemenu{float:left;width:150px;margin:5px 5px 5px 0}
 .RssFeedIcon{margin-left:5px}
 #yafhelpmenu ul{list-style:none}
 #yafprofilemenu{width:19%;float:left;clear:left}
 #yafheaderEnd{clear:both}
 .loggedInUser{float:right}
 .outerMenuContainer{float:left;width:972px}
 .menuContainer{line-height:20px;float:left}
 .menuMyContainer{float:right}
 .menuAdminList{float:right}
 #yafheader ul{display:inline;list-style:none;margin:0;padding:0}
 #yafheader .loggedInUser, #yafheader .menuContainer{display:inline}
 #yafheader li{display:inline;padding:2px 3px}
 #yafprofilecontent{margin:5px 0;width:80%;float:right}
 td.forumIconCol{width:1%}
 .threadedRowCollapsed .avatarimage{vertical-align:middle;width:40px;height:40px;padding:1px;border:1px solid #666;margin-right:8px}
 .forumLinkCol .forumheading, .forumLinkCol .forumviewing{display:inline}
 .yafcodehighlighting .keytype{color:#F93;font-weight:400}
 .yafcodehighlighting .keyword{color:#224FFF;font-weight:400}
 .yafcodehighlighting .integer{color:#FF0032}
 .yafcodehighlighting .comment{color:#008100}
 .yafcodehighlighting .errors{color:red;font-weight:700}
 .yafcodehighlighting .string{color:#F02}
 .adminContainer{width:100%}
 .adminMenu{padding:5px}
 .adminMenuAccordian{width:200px}
 .adminMenu ul{margin:0;padding:0}
 .adminMenu li img{vertical-align:bottom}
 .adminMenu li{white-space:nowrap;font-size:10pt;border-bottom:1px solid #eee;padding-bottom:4px;margin-bottom:5px}
 .adminContent{width:100%;vertical-align:top;padding-left:5px}
@import jquery/jquery-ui.css;
 .EditorDiv td{padding:0!important;border:0!important}
h1,h2,h3,h4,h5,h6{font-size:10pt;font-weight:700;margin:10px 0}
{font-family:arial,helvetica,"lucida grande",verdana,sans-serif;font-size:10pt;color:#333;margin-top:5px}
 a{color:#105cb6;text-decoration:none}
 a:link{color:#105cb6;text-decoration:none}
 a:visited{color:#105cb6;text-decoration:none}
 a:active{color:#105cb6;text-decoration:none}
 a:hover{color:#105cb6;text-decoration:underline}
 img{border:0}
 table.content{padding:0;margin:5px 0;color:#1C1C1C;border-collapse:collapse;border:solid 1px #eee;list-style-image:none;list-style-type:none}
 tr.forumRowTitle, td.header1, th.header1{background-color:#007A20;background-image:url(http://www.tretuky.com/forum/Themes/cleanSlate/titlebg.jpg);color:#fff;font-weight:700;font-size:9.5pt}
 th.header1{text-align:left;padding:5px;white-space:nowrap}
 #yafheader{font-size:90%}
 #yafheader .outerMenuContainer{border:1px solid #ddd;line-height:20px;padding:3px}
 #yafheader ul li a{font-weight:700;padding:2px}
 #yafheader ul.menuAdminList{margin-left:10px!important}
 #yafheader ul.menuAdminList li a{color:#999}
 #yafheader ul li{padding:0 0 0 5px;margin:0;border-left:1px solid #ddd}
 #yafheader ul li:first-child{border-left:none}
 .menuMyContainer{float:none!important;display:inline}
 .menuContainer{float:right!important;display:inline}
 .menuMyList{margin-bottom:10px}
 .menuMyList li a{font-weight:700}
 .menuMyList li{display:inline;padding:0}
 #yafheader .loggedInUser{float:left!important;margin-right:10px}
 #yafheader .currentUser{font-weight:700}
 #yafheader .guestUser{background:url(http://www.tretuky.com/forum/Themes/cleanSlate/error.png) #fdd no-repeat 8px 50%;color:#281b1b;font-size:1em;font-weight:700;line-height:150%;margin-left:0 auto;margin-right:0 auto;margin-bottom:10px;border:1px solid #deb7b7;padding:5px 10px 5px 30px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
 .forum_customimage_locked{border:solid 2px #c93a4a}
 tr.forumRowFoot, td.footer1, td.footer2{background-color:#eee;color:#000}
 table.content td{padding:5px;border:solid 1px #eee}
 tr.forumRowTitle th{padding:5px}
 tr.forumRowCat, td.header2, th.header2, tr.header2, .header{background-color:#eee;font-weight:700;font-size:9pt;color:#222}
 th.header2{padding:5px}
 .forumLinkCol div.forumheading a, .forumLinkCol_Alt div.forumheading a{color:#000;font-weight:700;font-size:10pt}
 .MessageDetails span{font-weight:700;font-size:8pt}
 .forumLinkCol div.forumheading, .forumLinkCol_Alt div.forumheading{padding-bottom:8px}
 .moderatorListCol, .moderatorListCol a{font-size:8pt;color:#000}
 td.topicCountCol, td.postCountCol, td.lastPostCol{background-color:#f8f8f8;color:#333}
 .forumRowTitle .headerTopics, .forumRowTitle .headerPosts, .forumRow .topicCountCol, .forumRow .postCountCol, .forumRow_Alt .topicCountCol, .forumRow_Alt .postCountCol{text-align:center}
 .forumRow .moderatorListCol, .forumRow_Alt .moderatorListCol{text-align:center}
 .forumRow a.forumTopicLink, .forumRow_Alt a.forumTopicLink{font-weight:700}
 .forumRow .forumLinkCol, .forumRow_Alt .forumLinkCol{width:80%}
 .forumRowTitle .headerLastPost, .forumRow .lastPostCol, .forumRow_Alt .lastPostCol{text-align:left}
 tr.topicRow, tr.topicRow_Alt{color:#333}
 .threadedRowCollapsed .threadUrl{font-weight:700}
 .post_res{background-color:#f4e941}
 tr.topicRow .topicMain, tr.topicRow_Alt .topicMain{font-size:11pt;font-weight:700}
 tr.topicRow a.post_link, tr.topicRow_Alt a.post_link{color:#222}
 tr.topicRow .topicMain .post_priority, tr.topicRow_Alt .topicMain .post_priority{font-weight:400}
 tr.topicRow .topicMain .topicPager, tr.topicRow_Alt .topicMain .topicPager, tr.topicRow .topicMain .topicPosted, tr.topicRow_Alt .topicMain .topicPosted, tr.topicRow .topicMain .topicStarter, tr.topicRow_Alt .topicMain .topicStarter{font-size:9pt;font-weight:400}
 tr.topicRow .topicLastPost img.avatarimage, tr.topicRow_Alt .topicLastPost img.avatarimage{width:40px;height:40px;float:left;padding:3px}
 tr.topicRow .topicMain img.avatarimage, tr.topicRow_Alt .topicMain img.avatarimage{width:40px;height:40px;float:left;padding:3px;padding-right:8px}
 tr.topicRow .topicReplies, tr.topicRow_Alt .topicReplies, tr.topicRow .topicViews, tr.topicRow_Alt .topicViews{text-align:right}
 tr.topicRow td.topicStarter, tr.topicRow_Alt td.topicStarter, tr.topicRow td.topicViews, tr.topicRow_Alt td.topicViews{background-color:#f8f8f8}
 .postsep{background-color:#e8e8e8;height:10px;margin-bottom:100px}
 table.postContainer, table.postContainer_Alt{margin-bottom:15px;border-collapse:collapse}
 table.postContainer td, table.postContainer_Alt td{padding:10px 15px;margin:0}
 div.postedLeft{line-height:30px}
 .postformheader{font-weight:700}
 .postContainer_Alt .postPosted, .postContainer_Alt .message, .postContainer_Alt .postTop, .postContainer_Alt .postInfoBottom{background-color:#f5f5f5}
 .postContainer_Deleted .postPosted, .postContainer_Deleted .message, .postContainer_Deleted .postTop, .postContainer_Deleted .postInfoBottom{background-color:#eaed0d}
 .postNavigation{background-color:#f8f8f8}
 .postHeader .rightItem a{color:#000}
 div.section{padding:5px;background-color:#f2f2f2;border:solid 1px #ddd;color:#888;font-size:9pt;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px}
 div.postdiv{width:100%;overflow:auto}
 .yafPageLink{font-weight:700;color:#000;margin-top:10px;margin-bottom:10px;padding:2px}
 .edit{width:100%}
 input, select{font-family:verdana,sans-serif;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:9pt;color:#3b3b3b;padding:5px;background-color:#f5f5f5;border:1px solid #aaa}
 input[type="image"]{padding:0;border:0}
 input[type="checkbox"]{border:0;padding:0;margin:5px}
 input:hover, select:hover{background-color:#fff;border:1px solid #333}
 .fileattach{padding:5px;background-color:#eee;border:solid 1px gray}
 .fileattach .filetitle, .fileattach .imgtitle{font-weight:700;color:#444;margin-bottom:5px;font-size:1.1em}
 .fileattach .attachedimg, .fileattach .attachedfile{margin-left:10px}
 .fileattach a{font-weight:700}
 .quote{padding-left:16px;margin:5px}
 .innerquote{padding:4px;background-color:#fefefe;border:1px dashed gray}
 .code{padding-left:16px;margin:5px}
 span.highlight{background-color:#ff0;color:#000}
 .innercode{padding:4px;background-color:#efefef;border:solid 1px gray;color:#000;line-height:1.3em;font-family:"courier new","times new roman",monospace;overflow:scroll;width:600px;white-space:nowrap}
 .smallfont{font-size:10px}
 .largefont{font-size:11px}
 a.imagelink{font-weight:700;color:#000}
 a:hover.imagelink{text-decoration:none}
 .posteditor{width:100%;height:200px}
 .navlinks{font-weight:700;color:#000}
 .navlinks a{color:#000;text-decoration:none}
 .navlinks a:hover{color:#666}
 table.print{border:solid 1px silver}
 .printheader{background-color:#DDD;color:#000;padding:4px}
 .printbody{background-color:#FFF;color:#000;padding:4px}
 .pbutton{padding:4px;color:#105cc9}
 .textfield{background-color:#FFF;border:1px solid #3B3b3b;width:100%}
 .ButtonOut{border:#888 1px solid}
 .ButtonOver{border:#000 1px solid;background-color:#fff}
 .ButtonChecked{border:#000 1px solid}
 .ButtonOff{border:#888 1px solid}
 #bbcodeFeatures{border:#efe 1px solid}
 div.yafsignature{border-top:solid 1px #666;margin-top:15px;padding-top:5px}
 .yafpager{color:#555;margin:6px 0}
 .pagelink, .pagelinkfirst, .pagelinklast, .pagecurrent, .pagecount{background:#F5F5F5;border:1px solid #444;padding:1px 3px;margin-right:2px}
 .pagecount{margin-right:5px}
 .pagelinkfirst, .pagelinklast{background:#e0e0e0}
 .pagecurrent{background:#ddd}
 .pagelink a, .pagelinkfirst a, .pagelinklast a{text-decoration:none;color:#000090}
 a.yaflittlebutton{-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#eee;color:#105cc9;display:block;float:right;font-size:7.5pt;margin:4px 0 4px 4px;padding-right:2px;text-decoration:none;text-transform:uppercase;font-family:Arial;font-weight:700;border:solid 1px #a0a0a0}
 a.yaflittlebutton span{display:block;padding:2px 5px 2px 8px}
 a.yaflittlebutton img{vertical-align:middle;padding:0 4px 2px 0}
 a.yaflittlebutton:hover{color:#000;background-color:#fff;text-decoration:none}
 a.yaflittlebutton:active{background-position:bottom right;outline:none}
 a.yaflittlebutton:active img{padding:0 6px 4px 0}
 a.yaflittlebutton:active span{background-position:bottom left;padding:2px 5px 2px 8px}
 a.yafcssbigbutton{-moz-border-radius:6px;-webkit-border-radius:6px;background-color:#eee;color:#105cc9;display:block;font-size:8pt;margin:4px 2px 4px 4px;padding-right:2px;text-decoration:none;text-transform:uppercase;font-family:Arial;font-weight:700;border:solid 1px #a0a0a0}
 a.yafcssbigbutton span{display:block;padding:2px 10px}
 a.yafcssbigbutton img{vertical-align:top;padding:0 4px 0 0}
 a.yafcssbigbutton:hover{color:#000;background-color:#fff;text-decoration:none}
 a.yafcssbigbutton:active{background-position:bottom right;outline:none}
 a.yafcssbigbutton:active img{padding:0 4px 0 0}
 a.yafcssbigbutton:active span{background-position:bottom left;padding:2px 10px}
 a.yafcssimagebutton{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#eee;color:#555;display:block;float:left;font-size:10px;margin:2px 0 2px 2px;padding-right:2px;text-decoration:none;text-transform:uppercase;font-family:Arial;font-weight:700;border:solid 1px #a0a0a0}
 a.yafcssimagebutton span{display:block;line-height:14px;padding:2px 6px 2px 8px}
 a.yafcssimagebutton img{vertical-align:top;padding:0 4px 0 0}
 a.yafcssimagebutton:hover{text-decoration:none;background-color:#fff;color:#105cc9}
 a.yafcssimagebutton:active{background-position:bottom right;outline:none}
 a.yafcssimagebutton:active img{padding:0 4px 0 0}
 a.yafcssimagebutton:active span{background-position:bottom left;padding:3px 6px 1px 8px}
 .yafpopupmenu{background-color:#fff;border:solid 1px #333}
 .yafpopupmenu ul{list-style-type:none;padding:0;margin:0}
 .yafpopupmenu li{padding:5px 10px;margin:0}
 .yafpopupmenu li.popupitemhover{background-color:#ccc}
 .ajax__tab_yaf .ajax__tab_header{font-family:"Helvetica Neue",Arial,Sans-Serif;background:url(tab-line.png) repeat-x bottom;font-size:12px;display:block}
 .ajax__tab_yaf .ajax__tab_header .ajax__tab_outer{background:url(tab.png) no-repeat left top;border-color:#222;color:#222;padding-left:10px;margin-right:3px}
 .ajax__tab_yaf .ajax__tab_header .ajax__tab_inner{background:url(tab.png) no-repeat right top;border-color:#666;color:#666;padding:3px 10px 2px 0}
 .ajax__tab_yaf .ajax__tab_hover .ajax__tab_inner{color:#000}
 .ajax__tab_yaf .ajax__tab_active .ajax__tab_outer{background:url(tab.png) no-repeat 0 -40px;border-bottom-color:#fff}
 .ajax__tab_yaf .ajax__tab_active .ajax__tab_inner{background:url(tab.png) no-repeat right -40px;color:#000;border-color:#333}
 .ajax__tab_yaf .ajax__tab_body{font-family:verdana,tahoma,helvetica;font-size:10pt;padding:8px;background-color:#fff;border:solid 1px #d7d7d7;border-top-width:0}
 .ajax__scroll_horiz{overflow-x:scroll}
 .ajax__scroll_vert{overflow-y:scroll}
 .ajax__scroll_both{overflow:scroll}
 .ajax__scroll_auto{overflow:auto}
.modalInner{text-align:center;display:block;font-weight:700}
.modalOuter{margin:10px;display:block}
.gotoPageForm{font-family:Arial,Verdana,Tahoma;background-color:#f0f0f0;border:solid 1px #555;width:80px;margin:1px;font-size:9pt}
.gotoPageForm .gotoBase{border:solid 1px #fff}
.gotoPageForm .gotoHeader{background-color:#aaa;color:#000;font-weight:700;padding:2px}
.gotoPageForm .gotoInner{padding:2px}
.gotoPageForm .gotoInner input{margin:2px}
 .albumtitle:hover{background-color:#ff0}
 .content .albumtable td.albumimagebox{padding-bottom:0}
 .content .albumtable td.albumtitlebox{padding-top:0}
.subforumheading{color:#444;font-size:12px}
blockquote{background-color:#FEFEFE;border:1px dashed gray;padding:4px}
.guestUser {
    margin-top: 5px;
}

.subforumheading img {
    margin-left: -52px;
    position: absolute;
    margin-top: -15px;
    max-width: 50px;
    max-height: 50px;
 
}

.forumIconCol img {
    visibility: hidden;
}
.main-head.clearfix {
    background-color: #007A20;
    background-image: url(http://www.tretuky.com/forum/Themes/cleanSlate/titlebg.jpg);
    color: #ffffff;
    font-weight: bold;
    font-size: 9.5pt;
}
.main .main-head {
    background-image: url(http://www.tretuky.com/forum/Themes/cleanSlate/titlebg.jpg);
    color: #fff;
    font-size: 9.5pt;
    font-weight: 700;
}

Templates:

Tải Templates: