ashkatom:

So I got bored and decided to update my pesterlog CSS so it’s not a giant steaming pile of tags.

WHAT IS NEW:

• Not just ancestor names! You can now use pretty much any single goddamn name in Homestuck ever
• We now have text colourisation AND actual pesterlog formatting. No, there isn’t show/hide pesterlog code. I’m not that bored. Maybe tomorrow.
• I’m just joking, I’m not going to make show/hide code tomorrow.
• Colours are now 100% canon
• New characters! Want to write a pesterlog between Maplehoof and a member of the Felt? I gotcha covered.
• Backwards-compatible! If you’re already using my CSS you can just paste this in instead of the shitty version -1.0. Suf’s and Roxy’s colours will change a bit, but the new versions are *~ACTUALLY CANON~*
• It’s a goddamn miracle
• Have some screenshots

Want this sweetness on your blag? Read some more.

Go to your blag and click Customise Theme. In Custom CSS (right down the bottom), paste the following:

/*ASHKATOM'S PESTERLOG FORMATTING*/
	
/* non-people */
    .pesterlog {
	line-height: 2em;
    	font-family: "Courier New", Courier, monospace;
	margin-bottom: 2em;
	font-weight: bold;
	font-size: 14px;
	} 
    .pesterlogstrict {
	line-height: 2em;
	background: #eeeeee;
    	font-family: "Courier New", Courier, monospace;
	border: dashed 1px #696969;
	margin-bottom: 2em;
	font-weight: bold;
	font-size: 14px;
	width: 540px;
	padding-left: 30px;
	padding-right: 30px; }
    .label { 
	color: #000;
	padding-right: 10px; }
		
/* haemospectrum */
    .handmaid, .aradia, .damara {
        color: #a10000; }
    .summoner, .tavros, .rufioh {
        color: #a15000; }
    .psiionic, .sollux, .mituna {
	color: #a2a200; }
    .disciple, .nepeta, .meulin {
        color: #416600; }
    .limeblood {
	color: #658200; }
    .dolorosa, .kanaya, .porrim {
        color: #008141; }
    .redglare, .terezi, .latula {
        color: #008282; }
    .mindfang, .vriska, .aranea {
        color: #005682; }
    .darkleer, .equius, .horuss {
        color: #000056; }
    .highblood, .gamzee, .kurloz {
        color: #2b0057; }
    .dualscar, .eridan, .cronus {
        color: #6a006a; }
    .condesce, .feferi, .meenah {
        color: #77003c; }
		
/* mutants and greys */
    .sufferer, .karkatred, .kankri {
        color: #FF0000; }
    .calliope {
        color: #929292; }
    .uu, .caliborn {
	color: #323232; }
    .karkat {
        color: #626262; }
		
/* kids and sprites */
    .john, .tavrisprite {
        color: #0715cd; }
    .jade {
        color: #4ac925; }
    .rose {
        color: #b536da; }
    .dave, .autoresponder {
        color: #e00707; }
    .jane, .nannasprite {
        color: #00d5f2; }
    .jake, .jadesprite {
        color: #1f9400; }
    .roxy {
        color: #ff6ff2; }
    .jaspersprite {
	color: #f141ef; }
    .dirk, .davesprite {
        color: #f2a400; }
		
/* misc */
    .felt {
	color: #2ed73a; }
    .maplehoof {
	color: #ff7bf7; }
    .scratch {
	color: #FFFFFF; }
    .scratchbg {
	color: #ffffff;
	background-color: #0e4603; }

But how do I use this Ashlyn?????you ask. Shoosh, dear HTML-wanter. I shall teach you.

1. Decide whether you want just the pretty text colours or the full-on bordered pesterlog partytown shebang. Based on this, type either <div class=”pesterlog”> for the pretty colours or <div class=”pesterlogstrict”> for the full shebang. For pesterlog strict, your theme’s post madooby will need to be at least 600 pixels wide. You can change the width to something smaller to fit your blog theme if you want, and man, go for it, but it just won’t be ~canon~.
2. Type your pesterlog like so:
   

   <span class="label">carcinoGeneticist opened memo WHAT IS THIS FUCKERY</span>
   <br />
   <span class="karkat">CG: I AM FULL OF RAGE.</span><br />
   <span class="maplehoof">MH: Neigh!</span><br />
   <span class="karkat">CG: DON'T BACKCHAT ME, YOU CANDY-COATED PATHETIC
   EXCUSE FOR A HOOFBEAST.</span><br />
   <span class="equius">CT: D--> I need a towel</span><br/>

3. If you want black trolltags like what I use, do this:
   

   <span class="label">CG:<span> <span class="karkat">I AM FULL OF RAGE.</span>
   <br /> 

4. Type </div>
5. Cry in happiness 

we had to remove the readmore for reblogging purposes, if you want to reblog with a readmore then the original post is here