Modifying OcUK

Description:
A modification of the style previously posted in this thread, some background tone changes, some text changes, and a few other bits and pieces as well as 1 or 2 fixes here and there, see list below.
Changes:
​
  • Index, thread listing and posts background tones adjusted.
  • Container for theme extended to push over the body side areas, allowing very top and bottom areas to differ in colour without effect to the side.
  • Few classes seperated for increased control over design elements, unnecessary ones will be removed later on.
  • Logo switched for Overclockers as per the main website (see here).
  • Fieldset defined as existing border very bright.
  • Small text is some areas set to red to match theme and logo.
  • Link color defined to differentiate from regular text.
  • Quick links menu now sits close to actual link (not perfect but better, this bug exists with the regular blue design to).
  • Reply background has it's own class, now defined in the style, no longer inheriting from the standard BODY tag.
  • All ads that appear in the top right now hidden.
  • Underline removed from some links, the colour difference makes it obvious enough that it's a link and looks nicer.
  • CODE container in posts fixed to larger size.
  • Username in posts now defined and changable.
  • Fixed white text on white input box (some refuse to except new background colours, so setting the text colour instead fixes this).
  • Declaration of !important not correctly set on all values, which means the code will not always parse, this is now fixed.

Additions planned:
​
  • Hover effect for some images.
  • Switch arrow images for ones with colour, little to grayscale right now for my personal taste. ***
  • Increase height of Edit and Quick-Reply box.
  • Combination of image definitions, example - there are 2-3 different images used to show the same down arrow. ***
  • Replace subscription image, default blue icon still shown. ***
  • Open to suggestion for others additions.

    *** Denotes additions available in current version

Bugs/Verified:
​
  • White text on white input - Fixed
  • White text on light grey area of edit box - Verified / Fixed (in current version)
  • Border around area mentioned in above bug looks out of place - Verified / Fixed (in current version)
  • No further known, await member feedback

Screenshots:

Forum Index

Click image for fullsize.

Thread Listings

Click image for fullsize.

Posts Page

Click image for fullsize.


​
Install:

Firefox
You can do this one of 2 ways, the one i recommend is to use an extension called Stylish.
Create a new style (choose blank), give it a description, then copy and paste the code from the 2 posts linked below.

Part 1 | Part 2 for my original or see current version(s) here.

These 2 posts will be updated as i add new changes.

Opera
See this post here for instructions of how to install the code.

Again use the following 2 posts for code for the style i have posted.

Part 1 | Part 2 for my original or see current version(s) here.

You'll also notice my code doesn't include the this part.
Code: 
  /*
  ** OcUK colour scheme changer
  ** By Rob Miller
  ** Modified by Barney Lockwood
  ** Icons by FamFamFam
  */
I don't mind people having credit but i think this thread alone directs where the credit need be, even overclockers don't credit themself in their CSS. So in my opinion removed as unnecessary.

I have however put the credit in the description for the style over at userstyles.org ;)

Notes:

Please do feel free to comment and offer suggestions for improvement, of course keep things friendly and constructive.
​
 
Last edited:
Part 1:
Code: 
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(forums.overclockers.co.uk) {

body{background:#000!important;color:#fff!important;;margin:0!important;;padding:10px!important;;}
body.wysiwyg {background:#333!important;}
fieldset, .fieldset {border:1px solid #444!important;}

div.page {background:#111!important;padding:0!important;z-index:2!important}
.alt1 {background:#222!important;}
.alt2 {background:#333!important;}
.thead {background:#222!important;border-top:0!important;white-space: nowrap;}
.tfoot {background:#333!important;}
.vbmenu_control, .vbmenu_hilite, .tcat {background:#333!important;}
.vbmenu_popup {border:0!important;width:auto!important}
.vbmenu_option {background:#333!important;}
.tborder {background: #0f0;color: #ff0;}
.time {color:#c00!important;}

a:link, body_alink{color: #999!important}
a:visited, body_avisited{color: #999!important}
a:hover, a:active, body_ahover{color: #fff!important}

.alt2Active {background:#060!important;}
.alt1Active {background:#272727!important;}

.panel {background:#222!important;border:0!important}
.panelsurround {background:#333!important;}

div[id="usercptools_menu"]{position:absolute!important; z-index: 50!important; clip: rect(0, 550px, auto, auto)!important; left:73.5%!important; top:149px!important;}

font[color="#ffff00"]{color:#a00!important;}
div>a {text-decoration:none!important;}
td.alt2[width="175"] {width:130px!important;}
pre.alt2 {width:500px!important;} /* put more width if you like */

/** font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; **/




.bigusername {font-weight: bold !important;}
.ocolor, .ofont, .osize, .osmilie, .osyscoloar, .smilietitle {background:#000!important;color:#FFF!important;}
#fontOut, #sizeOut, .popup_feedback{background:#000!important;color:#FFF!important;}



input.bginput {color:#000!important}
img[src*="http://www.overclockers.co.uk/home_banners"] {display:none!important}

img[src$="vBulletin_logo7.gif"] {background: url("http://overclockers.co.uk/img/overclockersuk.png") no-repeat!important;width:0;height: 0; overflow: hidden; padding: 48px 0 0 390px;}

img[src$="im_msn.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJ5SURBVDjLfZJtSFNRGMenRkgY1BKiL30yEkqJrCjrgxBB5Qtmyy3NcGoUuqD5skEm+ZZizpTUmZEw33ML06lzGoQKtRRETXM2Z1LOTBs6LNNw9/w7d+IiuevAj3vO4fx/z+E5lweAtxVRvp5Pqaf8psAF3RQfngtBa1OvCet2Bq5Ge/80K5nkCntR7AwhsP0imF8msCwRfF4k+GQlmFxgYF7YEKerDJzV90vKexwHZm0EX2hw6juBaZ6B8RuDsa8MRiwbggL1IP57A7b6NK36kYbH5xiM0vCwhRXYHYKMmnd/gwlH+dvunPTOehy623ZLlrfO9oCVbA72JsMzjEPK2QP5Gb5UGewJxcXtKBLsQ2JKBkR5OkfHq/QfnKKlH2uONd0f/ecVioM8OzXyC+hRRKFAeBC3A3dAfHwn7ob71tCD5rnFlc3gKiVjM+cUlEbsqZ4xqLE81IT3Lx6gXyXDUMsjpGQqRip1Y2zwJ0W6tWfOyZUQQepEYxpZHW8FTFqsGdvRX5dORLlaKw0mcP0vTsHekAYPXkDFE3VxNplU3cREXQrMdRKoCnOI+5Gycu9zlR4uBbvON7l5nNbkykunGL0VkGvfQqo2QFJtwLNhIDHfZHc/UZvpFVThxik4FfEwNS2nDc+NBMkDwI0+4LoeiNQAV+sJcrsIxMnNJDD0noxTMFt4CAPqUiSp5xHbAcRoCIQ1BBFVBGFPAYFiAYPNSkxl+4JTYFYGv6mVxyBU2oe4LiC+GxDrKPR7rQU4G9eBl/ejMVEW1sspMDUk8V+VxPsHRDZkHbjcZvGL7lrxj+pe8xN2rviEa63HLlUVvS6JPWxqlPC5BH8A3ojcdBpMJSoAAAAASUVORK5CYII=')  no-repeat; width: 0; height: 0; overflow: hidden; padding: 17px 0 0 17px;}
img[src$="thread_lock_new.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABLUExURQAAAP//8l5eXv///xITE62srFNTUzMzM5mZmUZFRScpKszMzDs6Oru7rr27u+HZ2d3d0N3d3bu7u2Zra8fFxYqJiaKhob+/siIiIqtHFbwAAAAZdFJOU////////////////////////////////wABNAq3AAAAdklEQVQYV12PURLCIAxENwnSlIqUitr7n1TC6Ezo+2Fm89gAzgv4HcAUQET+IxsO4npfEiygAUdVTWEEueaDWLuhwRm67osmayDKx848OkKwOqo18ybb+/WMPRBgNuwJH/KGlH7NGwWtNWcUPDp+y81hn8TE+QU4FAlw3eYKmwAAAABJRU5ErkJggg==')  no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="thread_hot_lock.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA5UExURQAAAP///15eXhITE7Ozs9/f31NTU87OzkZFRZmZmScpKjMzM8zMzDs6OmZra6KhoYqJicLC2iIiIlPU8mkAAAATdFJOU////////////////////////wCyfdwIAAAAbElEQVQYV12OCQ6AIAwEt2CpxZv/P9YWxKCTAN1lQkD5gUK2+3oG9KEfeFOatyW3ohKSquZoBRpBzVArQA0rrkWz33nkEOobMVpGLVZaj3NPXhCYPwYxRD6GADIaDBYMhudpGoyaOxb7Tx/KDVRQB8ll3FC+AAAAAElFTkSuQmCC')  no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}
img[src$="thread_dot_hot.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABRUExURQAAAP///7i4uNDQ0OXk5J6enjw8PPr6+szMzBwcHHR0dMPDw9/f5DMzM6uruJCQkM/P2cLC0/n5++Xl79nZ6LW1w87O3/j4+8zM1ePj7iIiIrsLTAcAAAAbdFJOU///////////////////////////////////ACc0CzUAAAB3SURBVBhXZY4JEsQgCARHQHPHPXP9/6EBctQmO1UK3SollluwBN1t7Q2O5ig4aXf4n4FLFMNvxKTV92ucJcjGECnqqqoLZrBfwCfbSR7A5ELKzkRXMrkQbpKJ1JALYTyjifiFC51Ej5hSnBRNKBP1bdvT9uL+0xUxcgmfWEUaDAAAAABJRU5ErkJggg==')  no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="thread_new.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAkUExURQAAAP//8v///93d3cfGxru7rt3d0Orp6bu7u7+/sp2dnSIiItW+8nYAAAAMdFJOU///////////////ABLfzs4AAABtSURBVHjaXI+BEoAgCEPBBWr9//+2YXXV7tzBA0HtKJnZcUXLW2t2A/tIwF9aIBDDMyPCPx2Z1WEEMViX+xrkQADQiMaUh7WR8J3bBehTMybDfgFemwo7CiwmQwF1lphuWgJsj+rx/7/8dAowAB1/A8cHU/H2AAAAAElFTkSuQmCC')  no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="thread.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAASUExURQAAAP///768vNTS0uLi4iIiIq/g2CEAAAAGdFJOU///////ALO/pL8AAABLSURBVHjarI5BDgAhCAMr1P9/WVpj1N2rDQdmQkLRP8ETgSuF7QhT8sc4OH2AzVPY0BwWBChGhgV1WVNkIdYSIaM34pVZ7Wo6BBgAtIQCcf/AwmsAAAAASUVORK5CYII=')  no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="thread_lock.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA5UExURQAAAP///15eXhITE8vLy7m5uVNTU+jo6EZFRScpKjMzM5mZmTs6OszMzIqJiaKhoWZra8LC2iIiInxHvAsAAAATdFJOU////////////////////////wCyfdwIAAAAYklEQVQYV5WOSw6AIAwFH1CpUPHD/Q9rAUmqO99uphMC6mf4IeK65WSEjyKSggqMedFCVMCNqbiypHYb7PsbISh344srx37GJpphWzgG06sggGxBYIYplIls0XiZU5w/fVZv6LQIZVg5OpsAAAAASUVORK5CYII=')  no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="thread_hot.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAASUExURQAAAP///8HAwOfm5tPR0SIiImBdAkYAAAAGdFJOU///////ALO/pL8AAABYSURBVHjaZI4JDgAhCAMrxf9/ecuh0bVRpAMYMH/CHIpxO8FK1oPtmuH9A5dkxykGfDwO79nQhPIFitDlLYEmSXm4JWAcNaucgCrHrEkIEI1btdq16SfAAIUOAjs3WhwQAAAAAElFTkSuQmCC')  no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="thread_dot.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABOUExURQAAALe2ttvY2P///8zKyjw8PJ6enszMzHR0dPr6+hwcHN/f5JCQkKuruMPDwzMzM8LC0+Pj7s/P2dnZ6M7O3/j4+/n5+8zM1eXl7yIiIruSo9AAAAAadFJOU/////////////////////////////////8AFCIA2gAAAGhJREFUGFetzjkOwkAAQ9Fvj2eyE3bI/S9KAQWk5pVfsmS2Hf4S+LFB+WaAUoqf99sptgGMPfTj2A8JBhwuM8B8xQKcdCvA2vkTdKgA9SAJsDg2gBYkQETnVmt7RAggkpZpWvRe7J++AP1dCmtYvPV6AAAAAElFTkSuQmCC')  no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="rating_1.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAMCAMAAAAJWC7tAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADwUExURf//uRcWFq5+QP/2qwgICIFpUhUUFAICAkc/O///rGpbUQwLCzo2LTEuKi0rJ6ybWbCCTyspJodlLE9IPUM/Ov/+uODLV0I8MXNrTvLLbzUwK//9ibOaaf//kP/si//2ev/gYa+cWP//juWvNbytW2VYPf/zYnteMda7WH5cJVdJOdmSMgkJCf//rWhaTf//pauTTiUjIeuwaf3fnv//tnxtSbJ6JLCGMf/lT+fRY/jikdiud//WXggICUY/OvHUgTEvL///s///hrWbdMiSJKiRTYtlKA8PEJSBUd+0TfeuQf//rzUxMOHGV82rZAAAABb3saYAAABQdFJOU/////////////////////////////////////////////////////////////////////////////////////////////////////////8AE3OmeQAAAH9JREFUKJFj8CcH8AmDKQayNHuY25KtmcXXxYFszeJqylpkaZZQUTTQUFIw0xRyUydZsyG/vC6Dt7SNlzaTHRnOVrV0NNGXM2JlI8vPrrKcDMwC7mQFGLeYk5W9qLUPWZp5LCS5pPyM9cjSbOrJ4e/PKOPMTo5mXkEQqSPi7w8AJeLRij9G80cAAAAASUVORK5CYII=') no-repeat; width: 0; height: 0; overflow: hidden; padding: 12px 0 0 60px;}

img[src$="rating_2.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAMCAMAAAAJWC7tAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAELUExURf//uf/siwgICRcWFispJgwLC0c/Oy0rJ9iud2haTf/lTwICAjEuKv//rDEvL0M/OqiRTVdJOa+cWP//szo2LWpbUfHUgTUwK0I8MauTTk9IPf//trCGMf/2q82rZOuwaf//huHGV35cJf3fnrWbdLOaaf//peDLV9+0TTUxMNa7WP/zYggICP//kP/2etmSMv/+uIFpUgkJCfeuQbCCT+fRY/LLb//WXvjikf/9iQ8PEP/gYf//jv//r///rWVYPbJ6JJSBUciSJOWvNXxtSYdlLEE7N4tkKHteMb2uX3duTiEgH6ybWaycWq99PiUjIYtlKBYVFbytW3NrTq5+QHRZMxUUFEY/OgAAAM1RhU4AAABZdFJOU/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AT4UBDwAAAJlJREFUKJGNzzUOQ0EQRME1MzMzMzMzsz33P4mjL3nXSU9UyZN6GKGn8f+ZwfEsKBcNx8XY3Cwajr2FhU00FD/udl9+OJjGV5vXfif5uoXiy7E8ZqNep1E5rw8nyc8POHvScgTSskjt9uM3/LO1ZGKhZp83GKsy0a67qs3xBmOnvu3yhBM63mC8zKqJFKmkgTMYG5VERHUL7y8CRtjk6qSQnwAAAABJRU5ErkJggg==') no-repeat; width: 0; height: 0; overflow: hidden; padding: 12px 0 0 60px;}
  
img[src$="rating_3.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAMCAMAAAAJWC7tAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHmUExURf//uQICAv//rf//tv//rDUxMDo2LfjikQgICC0rJ+fRY//gYRcWFispJrWbdP/zYjEvL//2ekI8MQwLC35cJf//jqycWjEuKk9IPf//pYFpUkM/OldJOUc/O7CCT7J6JAkJCQgICf/lT//+uP//hnxtSciSJLOaaWhaTWpbUf3fnvHUgZSBUaiRTc2rZP/WXv//r///s7CGMf/si9a7WDUwK9+0TWVYPeWvNeHGV///kIdlLKuTTvLLb6+cWODLV//9ieuwafeuQdiud9mSMv/2qw8PEP//ipeDTvPXg//QWv/7hSclJXteMYB3U7CWUvHTVaZzIQQEBBoYF3NjQCQkJYhmLb2uX///j4tkJnduTryuXiIgH+7bbBQUEzYyMJx1Szg1L0E7N3RZM//vpMuhbEtDOv/nUK5+QLqqXMCnUf/niC4sKG9XOKV6QlZMRP//tSEgH8SncX9dJlpQPP//sPzXWTs1M/fXmvWsQOSnZSEfHRUUFO/cWT02LltPSBYVFYtkKP/1Yj87N///u56IayEgHvbej97FXevEca6bWP//o6yTTK99PryIJE9IOEY/Otm4bItlKHVhUJx6N7ypXNSqUf/5gNWPMA4NDQMDA9mgLERAN3RrTjk2L///lxMSEgAAAGSKlxkAAACidFJOU///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AEVMlGgAAAD/SURBVCiRY1iID8ybg2BzSmCwGfBq9p/CCGfrGCmis/FqjgvoC4WxOSzVBNDZeDWXNM1Og7GF+C1k0Nk4NftldvV0RJQFFodF5s6NtrMxEeWWF7FuTI4Kh7En+eLUnDN1eikDi7dX5Yy8+DYxQSYGAwd9J5fepEI4O2MCbmcHhcQyF3RnV02eCeSYcxkySxo7SjUgsWvw+jlrPhNDSsIsMFvXioXBVc4NlY1Hc3Cte7tnS6oPiC1sr8KurezMisrGo7k/vbO+bmJFPojNpmSraaqnpYHKxqPZY1r5woXVRa0gtqqZ7MKFPOp8jChsPJoTY0DkgmYQKc4LIhWkUdkA1YJp/932R+oAAAAASUVORK5CYII=') no-repeat; width: 0; height: 0; overflow: hidden; padding: 12px 0 0 60px;}
  
img[src$="rating_4.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAMCAMAAAAJWC7tAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAALBUExURf//uf//rf//rP//jv//tv//rwICAuHGVwgICPLLb//lT//+uPHUgaycWhcWFispJkM/Ota7WMiSJP//s9mSMquTTkI8MWhaTWpbUQ8PEP/2q09IPTUwK///hveuQTEuKnxtSQwLCzEvLzo2LefRY9iudzUxMP/gYX5cJbCGMYdlLFdJOa+cWLCCT/3fnvjikTs1M//zYoFpUqiRTf/9ieuwaeWvNUc/OxYVFWVYPeDLV9+0TS0rJ///pbOaac2rZLWbdAkJCQgICf/si5SBUf/2ev/WXrJ6JP//kPWsQP/toSclJSEhIiMiIsSyXpqGThwaGP//maV6QqeOS///sLWmWotkKFtPSP/5gDczMf//t65+QItlKPHeWvPXg66bWJqFaRYWFZx1Sz02Ljg1L6FvIcSncd7FXSEgH3NjQGtWN4tkJnRZM9WcKvTahXdiT///u0M7MvOqPkRAN39dJvHTVW9XOLyqXXVhUP/OWNmgLHtcJ1NLOu7bbP//oXppQnRrToZlL1pQPP//rt3EXdSqUf//tP/nUEA8OP//l7OYUg4ODv//iktDOvbej/bfj+vEcTIwLCIgH7yuXuSnZf/oUFZMRIB3U///o///qw4NDQQEBJx6Nzk1LxoYF0Y/OtWPMKZ6Qv/7gSooJf//vFtQSd6+cP//i8uhbHduTrusXa99PhQUEz87N3teMaqXVvTVVNWrUiYjIQMDA//mh9m4bF1TPsicaTk2LxMSEv//j72uX//1YtSOL7mGJf/vpEE7N//1YZZ2OQcHB/vUVoF4UxUUFEA8NffXmv/6gyEgHv//uJ6Ia+OnZfDfcKZzIbCWUpeDTv//tSMhIMCnUZlzSevEcsqsc0hBOu/cWSQkJayTTDs3MVFIQU9IOP/QWiEfHfzXWf/niDYyMPXVmbyIJIdhJcSqUf/7hYhmLQAAAB8lO94AAADrdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wAv6Y2UAAABaUlEQVQokWN4hQ7mHkewdxQj2DbSGGwGDM1dhxDsC3PY4GwXTSd0NoZmiw37fGDsNaVPb8HYHOxCSuhsDM3bDubegLGb9lT1wthihmba6GwUzUdD1we3MB9JrW58ljV9Vfzt9F0Pz5e8zC5rmKwjKsis7q6hFZazcjeMHbMORfNEv0Wsp2eerCzauzBycXlECAPTi/ueC4Ien+J1ZWRgNXGTE1l9IAPOjp6P6uzD9eei2uq2nM3vfvVqdmYty6UZj6ZUzAJKWKoIs9g6mxpZILGPYfj5eWAzg9dVCPtKJyPD/qTNYLaxBxODlK4kKhtNc0Ds8v68Jdt9Qex5N3v64gpWeIPYilay+jzcqmqobDTNNVOvLS1c9uQuiH2vfUJ48tYT00BsZS5OCRl7PXFUNppm/40Gr15tup4AYl9sBbIfpJ0BsRWszV+94rNzYENho2m+cxlEJnaAyJRJIHLnWhApzw8iHQVQ2QDF8eRa0ix83QAAAABJRU5ErkJggg==') no-repeat; width: 0; height: 0; overflow: hidden; padding: 12px 0 0 60px;}
img[src$="rating_5.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAMCAMAAAAJWC7tAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMAUExURfbfj/XVmRYWFbGWUuvEcpqFaSIhIeSnZYF4U5qGT1NLOkc/O6Z6QiYlJWtWN5lzSj06M1pRPRkYFyspJotlKDczMUM/OiEgHwMDAxMSEggICDk1Lw4ODv//uf//tv//uP//rv//jv//rP//r///rbCGMeuwaaycWv/2qzUxMNa7WP//hmpbUeHGV//+uMiSJJSBUf/zYv/tof/gYYdlLODLV7J6JP//md+0TTEvL/LLb9iud///tDs1Mw8PEH5cJbCCT///kP//pf/2emhaTZZ2Of/9ifHUgcSqUUI8Ma+cWKuTTv//s/3fnvjikeWvNbWbdKiRTTEuKs2rZP//q+fRY//oUP/1Yf/si4FpUrOaaf/WXmVYPf/lT3xtSfeuQVdJOf//oU9IPQwLC9mSMi0rJzo2LTUwK56IaykmJH9dJt7FXf/mh3hbKP//l6ZzIdWrUhUUFOLBcf/niHduTsWzX96+cDs3MbmGJSEfHbOYUv/nUHppQv//jXRZM5eDTvfgkPDfcP/OWE9IOP//t//6g/OqPvDdWsebaN3EXf//vP//jP/mhv/QWvzXWcuhbERAN+/cWUdAOiAfIVtQScSncaKLStm4bPXch55tIm9XOHVhUKFvIVBHQS4sKe7Gc+WoZYhmLf/5gP/7gV1TPsqsc4tkJmBTS5KGVoZlL7usXdWPMK6bWPLhctrCW//7hdeeK5x6N0hBOqyTTPPVVMCnUbWnXP/vpHNjQEM7MkE7N0A8NUY9M699PtitUf//sPfXmvHTVYJiL/TVVIdhJa5+QP//oyYjIa+hXCUkInteMc2vdXdiT6eOS6l7QPWsQO7bbP//j7yqXXtkUZx1S8azYHtcJ/TahTk2Lz02LlFIQVZMRH5sQ0A8OP//i/PXg/rSVfvUVv/6gqaTVP/7g3RrTv/NVv//u9ONLryIJP//tYRgJv/1YvKpPbiEJdSqUaqXVvHeWltPSDo2MxwaGDYzLdSbKcicadSOL///vUtDOv//iryuXr2uXz44NQAAAJ/ScX4AAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAABw0lEQVQoU2P4DwJfBf7DgfRuBPvGBAQ7NQmDzQAmmV0RElVIbOaNEnC2gaoUOhusuXDLu8kwcabDFWwwduHBl7wwtpSuviU6G6xZMPzbJJjEkvBvm2BswTcbfsHYnob+CehshhUnHk9bV/tgZu6h13wc2z6c7VR8OOfayiN8HKvWbM6+2JeftXDZrKd/vLy1FI3N7E1E6kr+wtmnGASuPlGQC3n07O2Lc5/nlS5Wlg9pbWr7wSMqfGnRflml9b3nV/Noiqs7q8gqu0XHp+zdhWAf5Wb4L3VnrbxNYs+Cy3ZAz9Q0ttgk5rCfkfn/X2LHBblXx4rZZwPZ/2NCfeScItQimZDYhWA/e5gryBvxQ8IVyJY14od4bWueiuz2KxDxQEclWQ0HO1Q2UPOX9u6GGT87wGH85eM9hutd38FsoYm/Ge4/7weHd7Kptp+7nrUmKhuomSts/vI9RYxzQRJcYSxTdpYx3gKxm6tZPt2cfuA2iJ0Wa6WTHuzrgsoGaubc9+///8zTrCAJzgLb//+PLwWz698D2ZVTM0DsOAtuYBKICpBAYQM1C5wEO1IMRJaDHcx0F0RKi4NISTA7SBhESomhsgEC8twbr+IXjQAAAABJRU5ErkJggg==') no-repeat; width: 0; height: 0; overflow: hidden; padding: 12px 0 0 60px;}
img[src$="forum_new.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAK/SURBVDjLbZNNaFRXFMd/72U+dDLNRItGUSeJiagTJ6IQhdhaWoopFCJiF10UBAXpSlHcddHi0oUbkXYRFURE/NiIIjSkpCpdtGoTJG20iUMsMZJokhmqee/de8/p4jmDggcuFw73/s7/nPu/nqrSe/hch6peUZhD6VYUVUCVeNPaEmcwYbn06/nv1gIkiA8cVNhQLOS96ZkyqtVLEMMEFZgvv2IhVEQTrbyJGAA7i4U13qeda8ivLKIxAVGJq0pcfVljhsyiBDt2f8s7AFSXFDuauXVvjLm516gIAFJVoYqKMl95TRBGvB1vWsBLpBKs29RMe9NSnANVQURxTnEiWFEWAsPlq4PvAyjOCRPTFVJ+kiAIMGGElThvqSORTFFID3Oy+xfqdnUyfLZHvWByX3UGiBOsM4RhyJ5t7bH8WB2qyp27fWxLP2dx8RtyrVuYL61n9Oe+EzUFxgnOWKzzuTD4F6GxWKc4K7Sk/2DPpjINuR3Mjv9Nyov4oGEF2Q/zuRrAWiEyhkhA/TReMgm+sjr1gL0bZ2lc20M4dYlUxmNiaBQTRC+Dhf+6q0PEWIcNLKFxWCcYJ6zkPl93lMi19RJM/oSfsiSzzQSzI4j1P+862v/YrylwggkNoXEExrGkfJuv2sbJtfcSTP6InzRElRaeDtzj+4EGth7tHwLw327BRDGgsXKXL/LPWN7xJdHzPupSSlhpZur2fX4Y+Yyx+XTtGf2qYSLrsKGl/lk/vflphFVMPTyFEPBqdhWlwYdcW3SYF1H2vUaKDRM5CjpA4aMzPLp0jMd3fiOd30x5ZoqbyYNkMktRxhCRp+8oUFXwfbq2d/JofIZo5Aatmz+mvn49//75D0NNh8g2tWGtoAphENbs6Kkqn+w/3afKAUVZ8eQ4W1uX0bWhhYmonqulTuZMtvYzUa7/fvHI7irgf/y+taODWkwAAAAAAElFTkSuQmCC')  no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}
 
Last edited:
Part 2 (had to split due to 25000 character limit)

Code: 
img[src$="forum_old.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHjSURBVDjLdZO/alVBEMZ/5+TemxAbFUUskqAoSOJNp4KC4AsoPoGFIHY+gA+jiJXaKIiChbETtBYLUbSMRf6Aydndmfks9kRjvHdhGVh2fvN9uzONJK7fe7Ai6algA3FZCAmQqEF/dnihpK1v7x7dPw0woF64Izg3Xl5s1n9uIe0lQYUFCtjc+sVuEqHBKfpVAXB1vLzQXFtdYPHkGFUCoahVo1Y/fnie+bkBV27c5R8A0pHxyhKvPn5hY2MHRQAQeyokFGJze4cuZfav3gLNYDTg7Pklzpw4ijtIQYRwFx6BhdjtCk+erU0CCPfg+/o2o3ZI13WUlLGo58YMg+GIY4dmCWkCAAgPzAspJW5ePFPlV3VI4uHbz5S5IQfy/yooHngxzFser30iFcNcuAVGw3A0Ilt91IkAsyCXQg5QO0szHEIrogkiguwN2acCoJhjnZGKYx4Ujz5WOA2YD1BMU+BBSYVUvNpxkXuIuWgbsOxTHrG3UHIFWIhsgXtQQpTizNBS5jXZQkhkcywZqQQlAjdRwiml7wU5xWLaL1AvZa8WIjALzIRZ7YVWDW5CiIj48Z8F2pYLl1ZR0+AuzEX0UX035mxIkLq0dhDw5vXL97fr5O3rfwQHJhPx4uuH57f2AL8BfPrVlrs6xwsAAAAASUVORK5CYII=')  no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="forum_old_lock.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAH2SURBVDjLjZNLTxNRGIaJv6ZNWeBwkZFLQtGAC4l/wKULV+7YILeSYukEUhJoSASVuCI0hpAYDSUQCJBSoAaC0wbBUi4aWphpO52Zlpa+nnOqCAptJ3k3M3me73LOlAAoyZfDqQdOEvyO89/vRcGZ5HeWmySFYdWHVOQN0vE58jrLJMFJ82hewVU4+bMfqdPxP9VBn+A4D88wP59PwFqmsH7UgeTJEMlsTuIyI5uRsDfCMcmtAtoyhVmOu5kkHZuFsiNA3XuEi+QCdhxluL0D/SvpoO+vhIksiItNiPqqyXgfIL403gjfoTsIL70gQBdim3VQvz2FFnwOxf8E8kYF0rIVYqcRM70Vgf/Pe/ohwsutOJdcpBpP4Mek+jPEfbWQVzkG+7tNcNsqt68tkcLZTIzM6YZ21IbolgHq9j1o+z04nKhHRnlH2p6A32LCvFD55fIYr960VHgSSqCFVDJBEeugh+zw2jnpc0/5rthuRMBaioWBqrVrFylXOUpankIi0AjJY0DC3wD9oA9rAnc2bat+n++2UkH8XHaTZfGQlg3QdlsIbIVX4KSPAv+60L+SO/PECmJiI1lYM9SQBR7b3einfn6kEMwEIZd5Q48sQQt1Qv/xFqt2Tp5x3B8sBmYC71h926az6njdUR6hMy8O17wqFqb5Bd2o/0SFzIZrAAAAAElFTkSuQmCC') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="user_offline.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJfSURBVDjLpZNrSFNhGMelD34op67Lp4I+RKBREkUNIR2po7LOztlxbY1amstyXWw2m06b6Ra1llpqBJrlJdNFVyqxixZmIQ5npVE20DCkYqaDDBVy77+zDQbCmEUffvC8L/x/z/Pw8oYACPkfAl5mKmWl+cJFMMTzoNsUBnXsQqhk4qt/JVCrUosMVBQs2yJg5igWhUMbH4a0uKVQ7VWUzSnQswJc4II6LqT1Eg6NkI99GyPArF1M5hRoBZGkpTIPI60WdFYexO4NfKTGLoEidhl2rotEmXbXgqCCqj3LXa6P7Rjrvo7vr2thr8/B4P1ijPa3ojFjxURf3aHQoIJqxWrbuK0Jzp5bmHzbzGH11uP2ZlSnx/QEXcGaxM5/tnlrx5NMAaZ7ajD1/p6XyTc38FwjgFWY/KJRKOUFFJQnpfE7RFSNk6Ux5fiEvmPJaMnd7sVT/7J14ytDozMx+WJ9nCJylsCcIp03oNHWfpMwgOMD0PUSaKoFrlSAVJwDMRfCfe0ySPcrfGEY8iCBKq1LpEL9grYtjJGky4BHd3xwQVRagBIjcDofKMgGjh8AuVQCd4kJP9Nk5K6IPusX9J6MmnE+zANOnQAsRT7OFPjO+iwgOwNQK+FWSoAsFcYeF6IrJ3raL3hniCbjT40gSm6FqnIQLkg8XXWHQTT7QXRH4OYm8HT/IWfhajPBlruK+AX9DUf1dv3K3zOcYDSFBs4XB2SEZuCgGPQWxkxzGdOsV/hsVfPa5dI1TSLl8AArJ0M0iyGxBIOUBI4dLPrFMnI7QTHRyqasH76p5gX9jf/CH9NZtVjmGMuRAAAAAElFTkSuQmCC') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="user_online.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJkSURBVDjLpZNbSJNhHIeli4jAKOhun9KNbUpaURFRREkFVjpNRcssXOKYZ9J0ihnN05zSUpflzMOnW5tuammajUkWpCbbrOxwEzZJw7Rt2pxJh/16/YSBILPo4uE98P8974nXA4DH/7Dq5GQn+5NdxcK8lsK8msIczcKYlv35rwST3ZwxRw8Ljh5qmU4i0VCYbfWC+T5nfE2BQ+fFBOdbqeUdEOyEWZrCRBWFNQX2ehZMGh4mHkkwM3AYlgYKVoUXZpTe+CKnoJcd2uJW0Jbi/c32vg+WF82Yel4Hm+kYbMYYzH1Qoy9v28LrxsT1bgU34nYMWYfvYdqgwcJLFUHN9K1GFWp4/ga3R0hX0huDLp8ercnci0XDXXx/08GwMKIEnbsPJxJPjsbfrt28qiBNSW+KrcpRhhSxMeTogrQ0CI3XTjEs9XVTLQgu3I6z5RntqbR86wpBqkKxTmvukMTK9mPgdwN6bRVoeCdEtTEN0gEBxE94uDOSgcezMoSJdyGiRNic3Fi7wSVIrissTmo6jhaziGEpeHNQgLJn8SjSX0B+dxSy20NRMZQEST8fCXIu4iuzql0CUx7n13SXENd7z6G0n8dQ3HeRGed1RSKrjYt0VRD49UeRqQmGpTcfg5m+P1yCV1d9nVadiBQcwS1DKgnGkFWjkfsgHFe0XNJGEEkYJE/5OF95EDZ9AYaz/ZwuwWhTSo4xx+cnvy4Q0dLdpPDSqoRL/BEu3glTfsAiyRSseIWPaoEnrZf6RJUnvI0sC3SeKd1DLiwAoSX+CCkKIBxwhoi4X2selvuNtwg83f7Gf+EP0qq8jpoy//YAAAAASUVORK5CYII=') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="multipage.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADFSURBVChTdZFLbsIwGAa/5B6g3AGRnCdHQuqCq3RXVTzWXAOEkEgx8UMaFg52ElTNxovx79Fvaam16kSlEo2R1s4GIj1fm7ki1YEnHTfOBAzbjaoPocdw50Ig4FGjUoWKkeDpeXDnxDdH1KrJPVId7/UYfnDMewYhKr989iQhYNkx7QmoHgmOPbnnynkseDyOQ3rM0HGbT/Ac08li+BuEKq25UZufszyjgFQMlGryNId7C2mpRe6J/CNkbKfV9GtzT2SlxQv3202ggIXNTwAAAABJRU5ErkJggg==') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="sticky.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEZSURBVCjPY/jPgB9iEVoqPefllFPdNk2GWBUsVpz9ctL1rkcNW/v+59VhKFgkPfP+xI0dF+uC/jPkWCR/Q1MwX2TGvf7Nretr/UG8BO2I5ygK5olP/dCzpWV+dVAhd+bB+JawrT7ICubIT3nbvaFpVkVqgVDa0diO4CneN91E4Qpmq0560jW/YXp5XB5nyq2YrqCFno9cJeG+mKk48UHHjLruMu8czuSbkfUBizxeucrDw2GGev/71uW1jMVrsq4nPIto8F/g8caFDymgetxbHlVLgDjxnWExPjPdb7sIoYRkk17FywJRECdY1Xux201nMbSgLufO25qyJUY1yNrzsus9JxkscZHMG+kVcN7jqWueowARkUWiAgBEUvolGfpITwAAAABJRU5ErkJggg==') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="lastpost.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMAUExURTem9YfJ+GG39erq6gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALTSwR0AAAAFdFJOU/////8A+7YOUwAAADFJREFUCJljYEEBDNi4zMyo3P/McC4zEPyH8kHc/2DAjMoF83FymbEbhWYRpjNwuRkAKmUiV0rOU6UAAAAASUVORK5CYII=') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="firstnew.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMAUExURTem9YfJ+GG39erq6gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALTSwR0AAAAFdFJOU/////8A+7YOUwAAADRJREFUCFt1zjEKADAMQtHAz/2vbAdbQsG4vUG0+ksFAsBQkhaCCaZuzGdi16aH7dX8auUBOy4iV1t3wdkAAAAASUVORK5CYII=') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="menu_open.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMAUExURTem9YfJ+GG39erq6gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALTSwR0AAAAFdFJOU/////8A+7YOUwAAADRJREFUCFt1zjEKADAMQtHAz/2vbAdbQsG4vUG0+ksFAsBQkhaCCaZuzGdi16aH7dX8auUBOy4iV1t3wdkAAAAASUVORK5CYII=') no-repeat bottom; width: 0; height: 0; overflow: hidden; padding-left: 16px; margin-top: 3px; padding-top: 16px;}

img[src$="sortasc.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMAUExURTem9YfJ+GG39erq6gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALTSwR0AAAAFdFJOU/////8A+7YOUwAAADRJREFUCFt1zjEKADAMQtHAz/2vbAdbQsG4vUG0+ksFAsBQkhaCCaZuzGdi16aH7dX8auUBOy4iV1t3wdkAAAAASUVORK5CYII=') no-repeat bottom; width: 0; height: 0; overflow: hidden; padding-left: 16px; padding-top: 16px;}

img[src$="sortdesc.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMAUExURTem9YfJ+GG39erq6gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALTSwR0AAAAFdFJOU/////8A+7YOUwAAADNJREFUCNeNzksKACAAQkHhdf8r28K+FJS7AQVVtuiHsBKbSexmdcUasglJGa7bgwC8T1bylyJXdbcMagAAAABJRU5ErkJggg==') no-repeat; width: 0; height: 0; overflow: hidden; padding-left: 16px;padding-top: 16px;}

img[src$="collapse_thead_collapsed.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMAUExURTem9YfJ+GG39erq6gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALTSwR0AAAAFdFJOU/////8A+7YOUwAAADRJREFUCFt1zjEKADAMQtHAz/2vbAdbQsG4vUG0+ksFAsBQkhaCCaZuzGdi16aH7dX8auUBOy4iV1t3wdkAAAAASUVORK5CYII=') no-repeat; width: 0; height: 0; overflow: hidden; padding-left: 16px;padding-top: 16px;}

img[src$="collapse_tcat_collapsed.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMAUExURTem9YfJ+GG39erq6gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALTSwR0AAAAFdFJOU/////8A+7YOUwAAADRJREFUCFt1zjEKADAMQtHAz/2vbAdbQsG4vUG0+ksFAsBQkhaCCaZuzGdi16aH7dX8auUBOy4iV1t3wdkAAAAASUVORK5CYII=') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="collapse_thead.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMAUExURTem9YfJ+GG39erq6gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALTSwR0AAAAFdFJOU/////8A+7YOUwAAADNJREFUCNeNzksKACAAQkHhdf8r28K+FJS7AQVVtuiHsBKbSexmdcUasglJGa7bgwC8T1bylyJXdbcMagAAAABJRU5ErkJggg==') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="collapse_tcat.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMAUExURTem9YfJ+GG39erq6gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALTSwR0AAAAFdFJOU/////8A+7YOUwAAADNJREFUCNeNzksKACAAQkHhdf8r28K+FJS7AQVVtuiHsBKbSexmdcUasglJGa7bgwC8T1bylyJXdbcMagAAAABJRU5ErkJggg==') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}

img[src$="edit.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAQAgMAAAAwviq5AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAMUExURQAAAP/+/hUVFTMzM1NMD7kAAAAEdFJOU////wBAKqn0AAAAZElEQVQYlWP4jwb+MFBP5Ac306MD+x/oNwEZEJGPASEtovZHvUU2BoRARTgcWVr2HxFwZOESgqlxZDny/6iHo6K/MELNkf9HdBwVhIUR5gBF/om0egsj7Hr0/9H/pgf63VT0BQDgIuGZxTRF5gAAAABJRU5ErkJggg==') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 67px;}

img[src$="buttons/quote.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAQAgMAAAAwviq5AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAMUExURQAAAP/+/hUVFTMzM1NMD7kAAAAEdFJOU////wBAKqn0AAAAeElEQVQYlWP4jwb+MFBN5B93tx53wwb9H9wP9jEd2A8U+REk4BEkyur/MeioToioPVDkI4uAI0tLiz6IZmrZDxM5chSoRsAj+Mh/uMgR/Y/cAh4sYJEfQP1BIDX2rYpBYJF/LA/2cT96oP9j/4Md3I/A7nlEDV8AALVI1raprzKCAAAAAElFTkSuQmCC') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 67px;}

img[src$="trust.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAQAgMAAAAwviq5AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAMUExURQAAAP/+/hUVFTMzM1NMD7kAAAAEdFJOU////wBAKqn0AAAAh0lEQVQYV2P4jwb+MFBL5MemBzrcTI8e6P8AkqcbNugwfGRpdQwIaWn1/wgkhURZfYAiAoocjiwC+j88gKTDRrAaxYCQTUf1//gA1YhstAGKNDhyuOxv8P/j49IixGhow/AjSFQxwNFeFKjGUdEjBKjmH3fDDm6d/Q37/+np7NBj+rGHWr4AAKudxyQB7vebAAAAAElFTkSuQmCC') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 67px;}

img[src$="reply.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAATAgMAAAD5d1vHAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAMUExURQAAAP/+/g4ODiIiIo74QUkAAAAEdFJOU////wBAKqn0AAAAkklEQVQYlWP4jwP8YRgUMj+4Gzbo6Xd3/2N6sP8H94N9TAf2Q2U+BomyevgLCf8JadX/GHRUJ0TUHibDItAi4N/i/U9IwB/IdmRqQdXzUP+/MFAmSMAj+AjMno9CAi06Th/twTLcAh4sCBkWUZY/ISAZoD32rYpBcJkfmw5s+sf0Y///bqDb9j/Ywf1o8IQbdhkA+7qT72hOZusAAAAASUVORK5CYII=') no-repeat; width: 0; height: 0; overflow: hidden; padding: 19px 0 0 99px;}

img[src$="multiquote_off.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAQCAMAAAB6DjIYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAxQTFRFFRUV////AAAAMzMzL9CQLQAAAAR0Uk5T////AEAqqfQAAABmSURBVHja7JJRCsAgDEOTeP87z2omysao7NfSSgn4Gqoo/wOH8c2AEDUyFLnLMkSh1shQ6C7PoLgwYGx3qaehNx9cfYRUzGieMgzNjDp2YqR9eCf98P2tffhdYiI89pbOX8/FJcAAZxMLbHJyO1oAAAAASUVORK5CYII%3D') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 67px;}

img[src$="multiquote_on.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAQCAMAAAB6DjIYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAxQTFRFFRUV////AAAAMzMzL9CQLQAAAAR0Uk5T////AEAqqfQAAABuSURBVHja7JLhCoAwCITP6/3fuZmXbDGa0c8aOkTZ56HD9v7gZ9wzQLineYaKzvqKQSOap3nGFKleYBhtYEDYUOFZrHXYqONoLYZrsquSGYM9ozXtGGUdmklcev9oHtqLd0SsJFPlvXz8r+8CDAApbQtMKkhE7gAAAABJRU5ErkJggg%3D%3D') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 67px;}

img[src$="quickreply.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAQCAMAAAB6DjIYAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAMUExURQAAAP///w4ODiIiIuQlSmMAAAAEdFJOU////wBAKqn0AAAAiElEQVR42uxSQQ7AIAgr8P8/T2mZZrpkyY6bIQ0UUxBEvD/4NTYaDngDD9ocMkuyM5VKSIcaDjM0AG0Os44xts4o1Vk5oUvYmrGPQY06WVgXbjRczcR9Hyni8bwPvY0QxNBT53lEjWGdBzWtmHQvGn3mLT7XseyFC0MxXJG2Mv5HxV//64cAAwB2yglzyOIdkQAAAABJRU5ErkJggg==') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 67px;}

img[src$="newthread.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAATCAMAAACzx0NmAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAMUExURQAAAP/+/g4ODiIiIo74QUkAAAAEdFJOU////wBAKqn0AAAArUlEQVR42uxTSxLFIAgL8f53buVXxM7bdfV0kEFKCCjF+H7hcPwrBwFwqKKr1PqZui3K7AdlssAKNjgIEYGqaYJpigZAD/AozG1uPxfsmqFwKI5PKpd5oCcL7/SJc7ADIiCl9WEcWluUNTLK8kbdUvwLIK/jlQMWrhueaFSOaIU7RwL4q49S9hJRcrFcOvKmG2B7oNYHy/iE+Pysc3UbMTEboA/a+c8Px2frEmAAWOIRXBX+2SYAAAAASUVORK5CYII=') no-repeat; width: 0; height: 0; overflow: hidden; padding: 19px 0 0 99px;}

img[src$="threadclosed.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAATAgMAAAD5d1vHAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAMUExURQAAAP///w4ODiIiIuQlSmMAAAAEdFJOU////wBAKqn0AAAAnElEQVQY02P4jwP8YRgEMv+YHp1u2MH9YB/T//9Nj/43/WN6oMcElvkTckRYVDG4VSdk/z+Rln8iO0KO+oTsB+sROiIs4Mgt4ONo/8eR5Y+jIdMRHUd7sD3CR4OBekRBMh4tfxwtgo76wGSOCAsqwvToOFqwIPSATAsW8AHZ0+onsjEIZs//7kenu3W4u0EOanqg3/SDG+a2wRuiAM4wgqdt1nhDAAAAAElFTkSuQmCC') no-repeat; width: 0; height: 0; overflow: hidden; padding: 19px 0 0 99px;}

img[src$="viewpost.gif"]{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMAUExURTem9YfJ+GG39erq6gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALTSwR0AAAAFdFJOU/////8A+7YOUwAAADFJREFUCJljYEEBDNi4zMyo3P/McC4zEPyH8kHc/2DAjMoF83FymbEbhWYRpjNwuRkAKmUiV0rOU6UAAAAASUVORK5CYII=') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}
}
 
Last edited:
I like the red accents but prefer the black avatar with grey post area setup of the "original". Perhaps you could create a hybrid of the original colour layout (with red highlights of course ;)) and your code fixes.

Great job so far!! :D
 
MTA99 said:
I like the red accents but prefer the black avatar with grey post area setup of the "original". Perhaps you could create a hybrid of the original colour layout (with red highlights of course ;)) and your code fixes.

Great job so far!! :D
Click to expand...

Just tell me which areas you don't like and i'll tell you the lines to modify to make the changes yourself. Or you could take the original and make the text changes yourself, it's not that hard... ;)

Again, i did say it was'nt finished so the tones may change, but i think that depends how much feedback i get... though i think you are perhaps right in that it is a little too light (the original was darker right?).
 
Last edited:
t31os said:
Just tell me which areas you don't like and i'll tell you the lines to modify to make the changes yourself. Or you could take the original and make the text changes yourself, it's not that hard... ;)

Again, i did say it was'nt finished so the tones may change, but i think that depends how much feedback i get... though i think you are perhaps right in that it is a little too light (the original was darker right?).
Click to expand...

I'm more than confident I could make the changes myself but I didn't want to spoil your fun ;)

EDIT: The original has the avatar, post count, location etc panel as dark grey, with the post area a lighter grey. In your style the two are reversed. Perhaps its just because i'm used to that style but I think it works better, "highlighting" the post rather than the avatar.
 
Last edited:
GeForce said:
Loving this new version t31os! Fantastic work, thanks very much, it's really appreciated :D
Click to expand...

You're welcome mate, and please if you find any bugs, please list them here.

MTA99 said:
I'm more than confident I could make the changes myself but I didn't want to spoil your fun ;)

EDIT: The original has the avatar, post count, location etc panel as dark grey, with the post area a lighter grey. In your style the two are reversed. Perhaps its just because i'm used to that style but I think it works better, "highlighting" the post rather than the avatar.
Click to expand...

I think i'll be leaving them as they are for now i kinda like them this way, but again it's changable very quickly from the users side if they so choose, and i can post code here for those who need help doing so.
 
Last edited:
Would anyone also be interested in the ability to change the avatar set?

Of course if this goes against forum rules in any way then i'll not do it, same with the ad removal, if staff prefer for this to be removed from the code it will be done.
 
t31os said:
Would anyone also be interested in the ability to change the avatar set?

Of course if this goes against forum rules in any way then i'll not do it, same with the ad removal, if staff prefer for this to be removed from the code it will be done.
Click to expand...
Want me to bring this to the attention of the dons?
 
MarcLister said:
True. But they may want another toy to destroy or play with. ;)
Click to expand...

lol....

Don't suppose you know how i can find out a full list of images this forum uses. Since directory listing of course does not work, i have no idea when i may be missing an image with this style.

P.S. See my note further up about your earlier post for using styles in Opera about missing the closing curly bracket at the end of the style.
 
t31os said:
lol....

Don't suppose you know how i can find out a full list of images this forum uses. Since directory listing of course does not work, i have no idea when i may be missing an image with this style.

P.S. See my note further up about your earlier post for using styles in Opera about missing the closing curly bracket at the end of the style.
Click to expand...
No idea about images. Download vBulletin yourself and see what images that has?

Fixed my Opera post for you. ;)
 
You must log in or register to reply here.
Back
Top Bottom