wovenstarlight

Homestuck Workskin (extended): CSS

Jun 18th, 2021 (edited)
797
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* This is an extended version of the Homestuck Work Skin available on AO3. It contains more colors and more specific labels for most major characters, along with some standard styles to mimic things like pesterlogs, prompts, links, and more. Be sure to credit @wovenstarlight when using this.
  2. All features are annotated in comments. Most should not be modified. However, some custom class names/style colors have been inserted. These are marked "custom" - Ctrl+F/Cmd+F to find these and modify them as you like.
  3.  
  4. PREVIEW: https://archiveofourown.org/works/4428371
  5. HTML FOR PREVIEW: https://pastebin.com/W8N5dkyb
  6.  
  7. HOW TO USE:
  8. - Go to the following link: https://archiveofourown.org/skins/new?skin_type=WorkSkin
  9. - Enter a recognizable name in the Title field, such as "Homestuck skin (extended)".
  10. - Copy everything after the line "Have fun!" and paste it in the "CSS" field, then hit save.
  11. - Edit the work you want to use this skin in. If it's a multi-chapter work, you'll want to edit the entire work, not just a single chapter. Scroll down to the "Associations" section; in the last option, "Select Work Skin", pick the name that you saved this work skin under. Save the work. You will now be able to add in pesterlogs and formatted text similar to that shown in the AO3 preview.
  12.  
  13. Most of the skin's classes can be used in <span> and <p> tags. Some classes are specially annotated to show how they may be used.
  14.  
  15. TABLE OF CONTENTS:
  16. - Prompts and commands (header and next page link)
  17. - Pesterlog (no "show/hide pesterlog" functionality, but otherwise perfectly mimics the look)
  18. - All character colors, canon (includes humans, trolls, lusii, sprites, carapacians, cherubs, the Felt)
  19. - Non-character colors, canon (includes aspects, denizens, blood colors, sign colors, and troll body reference colors)
  20. - Interactive Pesterlog (fanmade)
  21. - Custom colors section
  22.  
  23. Have fun! */
  24.  
  25. /* Standard header prompt and commands */
  26. #workskin .prompt { /* Title of the top of the page. Apply to <p> tags. ==> */
  27.   font-size: 32px;
  28.   font-weight: bold;
  29.   font-family: Courier New, courier, monospace;
  30.   color: #000;
  31. }
  32. #workskin .command1,
  33. #workskin .com1 { /* Arrow to the next page.
  34.                     Use &gt; instead of > and apply using <span> tag, so that
  35.                     it looks like <span class="command1">&gt;</span>. */
  36.   font-family: Verdana, Arial, Helvetica, sans-serif;
  37.   font-size: 24px;
  38.   font-weight: normal;
  39.   color: #000000;
  40. }
  41. #workskin .command2,
  42. #workskin .com2 { /* Command for the next page, looks like a link. Apply to <span> tag.  */
  43.   font-family: Verdana, Arial, Helvetica, sans-serif;
  44.   font-size: 24px;
  45.   font-weight: normal;
  46.   text-decoration: underline;
  47.   color: #0000ee;
  48. }
  49.  
  50. /* Scratch version of header and prompt
  51.     To use these, add class="scratch secondclass" to the element,
  52.     where secondclass is one of < prompt | command1 | com1 | command2 | com2 >.
  53.     The <p> or <div> containing the prompt/command should be of class "intermission".
  54. */
  55. #workskin .scratch.prompt { /* Title of the top of the page. ==> */
  56.   color: #fff;
  57. }
  58. #workskin .scratch.command1,
  59. #workskin .scratch.com1 { /* Arrow to the next page */
  60.   color: #ffffff;
  61. }
  62. #workskin .scratch.command2,
  63. #workskin .scratch.com2 { /* Command for the next page, looks like a link */
  64.   color: #2cff4b;
  65. }
  66.  
  67. /* PESTERLOG
  68.     Best applied to a <div> surrounding all paragraphs containing texts/speech.
  69.     Note that all paragraph spacing is turned off, so all lines are spaced apart
  70.     equally, whether separated by a <br> linebreak tag or a <p> paragraph tag.
  71.     I recommend separating each new speaker's text/speech into a new paragraph, and
  72.     putting <br> linebreak tags between each individual lines from that person.
  73.     This is to accommodate users who turn off user styling, disabling this workskin.
  74.     See the HTML linked for an example of a pesterlog (under "PESTERLOG SAMPLE").
  75. */
  76. #workskin .block {
  77.   max-width: 650px;
  78.   margin: 20px auto;
  79.   border: 1px dashed gray;
  80.   padding: 10px 35px;
  81.   font-size: 14px;
  82.   font-weight: bold;
  83.   font-family: Courier New, courier, monospace;
  84.   background: #eeeeee;
  85.   color: #000000;
  86. }
  87. #workskin .block p { margin: 0; }
  88.  
  89. /* Pesterlog, scratch version. White text on a green background, instead of black text on a gray background.
  90.     Apply to <div> tags in the format class="scratch block". */
  91. #workskin .scratch.block {
  92.   background: #000000;
  93.   color: #ffffff;
  94. }
  95.  
  96. /* CUSTOM CHAT LOG
  97.     If you'd like your own background and text colors for a pesterlog block:
  98.     - Modify the code given below:
  99.         - Change CUSTOM to your special pesterlog's name. Preferably, pick a single short word.
  100.         - Change the colors to your own (hex or RGB format). Make sure the colors contrast enough to be easily readable!
  101.     - In the HTML, apply to <div> tags in the format class="CUSTOM block". Note that the name is case-sensitive- "custom" is NOT the same as "CUSTOM"!
  102. */
  103. #workskin .CUSTOM.block {
  104.   background: #6c0b6b; /* Background color */
  105.   color: #ffffff; /* Text color */
  106. }
  107.  
  108.  
  109. /* All standard text.
  110.     Note that usage of this is only required when styles are being used outside of a .block element.
  111.     Use class="text secondclass" and replace <secondclass> with the appropriate character name */
  112. #workskin .text {
  113.   font-size: 14px;
  114.   font-weight: bold;
  115.   font-family: Courier New, courier, monospace;
  116. }
  117.  
  118. /* CANON COLORS
  119.     Each character is listed with each of the following, as applicable.
  120.     - First name
  121.     - Nicknames
  122.     - Chumhandle (full, all versions)
  123.     - Chumhandle abbreviations (characters with duplicate abbreviations
  124.                                 have their abbreviations suffixed with
  125.                                 "a" or "b" for alpha or beta respectively.
  126.                                 characters turned into sprites have their
  127.                                 abbreviations followed by "s")
  128.     - Name of group or family (non-humans only)
  129.    
  130.     All characters' styles are annotated with their full names for easier searching.
  131.    
  132.     SPECIAL CASES
  133.     - Jasprose and Davepeta use different styles for their names and their actual speech/texts.
  134.         The styles for their names are .<chara>-name and .<chara>name, and for their speech/texts
  135.         are .<chara>-text and .<chara>text. Replace <chara> with the appropriate character (nick)name.
  136.     - Similarly, Jade Harley and Jane Crocker use different styles when grimbark and crockertier
  137.         respectively. The styles for their names are the standard: .jade and .jane, and the styles
  138.         for their speech/texts are .grimbark and .crockertier respectively.
  139.     - The Vantases have two main styles, gray and red. Instead of a single .vantas style, there's two:
  140.         .vantasb for gray, and .vantasa for red.
  141.    
  142.     CUSTOM CHARACTER NAMES
  143.     I've added some personal headcanon names for special characters, including Davesprite and
  144.         all the human ancestors/guardians. Each of these is tagged with the comment "custom".
  145.         Feel free to change/delete these as you like. Alternatively, add your own custom names
  146.         using the same format!
  147. */
  148.  
  149. /* Standard white text */
  150. #workskin .white { color: #ffffff; }
  151.  
  152. /* Standard black text */
  153. #workskin .black,
  154. /* Jade Harley, grimbark speech and text */
  155. #workskin .grimbark,
  156. /* Andrew Hussie */
  157. #workskin .hussie,
  158. #workskin .andrewhussie,
  159. #workskin .andrew,
  160. #workskin .huss {
  161.   color: #000000;
  162. }
  163.  
  164. /* John Egbert */
  165. #workskin .john,
  166. #workskin .ghostytrickster,
  167. #workskin .gtb,
  168. #workskin .ectobiologist,
  169. #workskin .eb,
  170. /* Jane's Tavrosprite, Tavrisprite, and GCATavrosprite */
  171. #workskin .tavrosprite,
  172. #workskin .tavrisprite,
  173. #workskin .tavris,
  174. #workskin .gcatavrosprite,
  175. #workskin .gcatavros {
  176.   color: #0715cd;
  177. }
  178.  
  179. /* Rose Lalonde */
  180. #workskin .rose,
  181. #workskin .tentacletherapist,
  182. #workskin .ttb,
  183. /* Roxy's Fefetasprite */
  184. #workskin .fefetasprite,
  185. #workskin .fefeta,
  186. /* Roxy's Rosesprite, and Jasprosesprite^2's speech and text */
  187. #workskin .rosesprite,
  188. #workskin .jasprosesprite-text,
  189. #workskin .jasprosespritetext,
  190. #workskin .jasprose-text,
  191. #workskin .jasprosetext {
  192.   color: #b536da;
  193. }
  194.  
  195. /* Dave Strider */
  196. #workskin .dave,
  197. #workskin .turntechgodhead,
  198. #workskin .tgb,
  199. /* Dirk's Auto-Responder / Lil Hal Strider */
  200. #workskin .ar,
  201. #workskin .hal,
  202. /* Dirk's Equiusprite and Arquiusprite */
  203. #workskin .equiusprite,
  204. #workskin .arquiusprite,
  205. #workskin .arquius {
  206.   color: #e00707;
  207. }
  208.  
  209. /* Jade Harley */
  210. #workskin .jade,
  211. #workskin .gardengnostic,
  212. #workskin .ggb,
  213. /* Jake's Erisolsprite */
  214. #workskin .erisolsprite,
  215. #workskin .erisol,
  216. /* Jake's Nepetasprite, and Davepetasprite^2's name and B33 < prefix */
  217. #workskin .nepetasprite,
  218. #workskin .davepetasprite-name,
  219. #workskin .davepetaspritename,
  220. #workskin .davepeta-name,
  221. #workskin .davepetaname {
  222.   color: #4ac925;
  223. }
  224.  
  225. /* Jane Crocker */
  226. #workskin .jane,
  227. #workskin .gutsygumshoe,
  228. #workskin .gga,
  229. /* John's Nannasprite */
  230. #workskin .nannasprite {
  231.   color: #00d5f2;
  232. }
  233.  
  234. /* Jane's speech and text when Crockertier */
  235. #workskin .crockertier,
  236. /* Dirk's Squarewave */
  237. #workskin .squarewave {
  238.   color: #ff0000;
  239. }
  240.  
  241. /* Jake English */
  242. #workskin .jake,
  243. #workskin .golgothasterror,
  244. #workskin .gta,
  245. /* Jade's Becsprite and Jadesprite */
  246. #workskin .becsprite,
  247. #workskin .jadesprite,
  248. #workskin .ggs {
  249.   color: #1f9400;
  250. }
  251.  
  252. /* Roxy Lalonde */
  253. #workskin .roxy,
  254. #workskin .tipsygnostalgic,
  255. #workskin .tga {
  256.   color: #ff6ff2;
  257. }
  258.  
  259. /* Dirk Strider */
  260. #workskin .dirk,
  261. #workskin .timaeustestified,
  262. #workskin .tta,
  263. /* Dave's Davesprite */
  264. #workskin .davesprite,
  265. #workskin .tgs,
  266. #workskin .byrd, /* custom */
  267. /* Doomed Dave's Calsprite */
  268. #workskin .calsprite,
  269. /* Davepetasprite^2's speech and text */
  270. #workskin .davepetasprite-text,
  271. #workskin .davepetaspritetext,
  272. #workskin .davepeta-text,
  273. #workskin .davepetatext {
  274.   color: #f2a400;
  275. }
  276.  
  277. /* Jaspersprite, and Jasprosesprite^2's name */
  278. #workskin .jaspersprite,
  279. #workskin .jasprosesprite-name,
  280. #workskin .jasprosespritename,
  281. #workskin .jasprose-name,
  282. #workskin .jasprosename {
  283.   color: #f141ef;
  284. }
  285.  
  286. #workskin .megido,
  287. /* Aradia Megido */
  288. #workskin .aradia,
  289. #workskin .ara,
  290. #workskin .apocalypsearisen,
  291. #workskin .aa,
  292. #workskin .aradiabot,
  293. /* Damara Megido and the Handmaid */
  294. #workskin .damara,
  295. #workskin .handmaid,
  296. #workskin .aradiasprite,
  297. /* The Megido lusus */
  298. #workskin .kangarammom,
  299. #workskin .kangaram-mom,
  300. #workskin .rammom,
  301. #workskin .ram-mom {
  302.   color: #a10000;
  303. }
  304.  
  305. #workskin .nitram,
  306. /* Tavros Nitram */
  307. #workskin .tavros,
  308. #workskin .tav,
  309. #workskin .adiostoreador,
  310. #workskin .at,
  311. /* Rufioh Nitram and the Summoner */
  312. #workskin .rufioh,
  313. #workskin .summoner,
  314. /* The Nitram lusus */
  315. #workskin .tinkersprite,
  316. #workskin .tinkerbull {
  317.   color: #a15000;
  318. }
  319.  
  320. #workskin .captor,
  321. /* Sollux Captor */
  322. #workskin .sollux,
  323. #workskin .sol,
  324. #workskin .twinarmageddons,
  325. #workskin .ta,
  326. /* Mituna Captor and the Ψiioniic/Psionic/Helmsman */
  327. #workskin .mituna,
  328. #workskin .psiioniic,
  329. #workskin .psi,
  330. #workskin .psii,
  331. #workskin .helmsman,
  332. /* The Captor lusus */
  333. #workskin .biclopsprite,
  334. #workskin .bicyclopsprite,
  335. #workskin .biclops,
  336. #workskin .biclopsdad,
  337. #workskin .biclops-dad,
  338. #workskin .bicyclops,
  339. #workskin .bicyclopsdad,
  340. #workskin .bicyclops-dad {
  341.   color: #a1a100;
  342. }
  343.  
  344. /* GRAY Vantas text */
  345. #workskin .vantasb,
  346. /* Karkat Vantas */
  347. #workskin .karkat,
  348. #workskin .kar,
  349. #workskin .kk,
  350. #workskin .carcinogeneticist,
  351. #workskin .cg,
  352. /* The Vantas lusus */
  353. #workskin .crabsprite,
  354. #workskin .crabdad {
  355.   color: #626262;
  356. }
  357.  
  358. /* RED Vantas text */
  359. #workskin .vantasa,
  360. /* Karkat's alternate text */
  361. #workskin .altkarkat,
  362. #workskin .altkar,
  363. #workskin .altkk,
  364. #workskin .altcarcinogeneticist,
  365. #workskin .altcg,
  366. /* Kankri Vantas and the Signless/Sufferer */
  367. #workskin .kankri,
  368. #workskin .signless,
  369. #workskin .sufferer,
  370. /* Red ~ATH text */
  371. #workskin .athred {
  372.   color: #ff0000;
  373. }
  374.  
  375. #workskin .leijon,
  376. /* Nepeta Leijon */
  377. #workskin .nepeta,
  378. #workskin .nep,
  379. #workskin .arseniccatnip,
  380. #workskin .ac,
  381. /* Meulin Leijon and the Disciple */
  382. #workskin .meulin,
  383. #workskin .disciple,
  384. /* The Leijon lusus */
  385. #workskin .pouncesprite,
  386. #workskin .pounce,
  387. #workskin .pouncedeleon,
  388. #workskin .pounce-de-leon {
  389.   color: #416600;
  390. }
  391.  
  392. #workskin .maryam,
  393. /* Kanaya Maryam */
  394. #workskin .kanaya,
  395. #workskin .kan,
  396. #workskin .grimauxiliatrix,
  397. #workskin .ga,
  398. /* Porrim Maryam and the Dolorosa */
  399. #workskin .porrim,
  400. #workskin .dolorosa,
  401. /* The Maryam lusus */
  402. #workskin .mothersprite,
  403. #workskin .mothergrub,
  404. #workskin .mother-grub,
  405. #workskin .virginmothergrub,
  406. #workskin .virgin-mother-grub {
  407.   color: #008141;
  408. }
  409.  
  410. #workskin .pyrope,
  411. /* Terezi Pyrope */
  412. #workskin .terezi,
  413. #workskin .tez,
  414. #workskin .tz,
  415. #workskin .gallowscalibrator,
  416. #workskin .gc,
  417. /* Latula Pyrope and Neophyte Redglare */
  418. #workskin .latula,
  419. #workskin .neophyte,
  420. #workskin .redglare,
  421. /* The Pyrope lusus */
  422. #workskin .dragonsprite,
  423. #workskin .dragon,
  424. #workskin .pyralspite {
  425.   color: #008282;
  426. }
  427.  
  428. #workskin .serket,
  429. /* Vriska Serket */
  430. #workskin .vriska,
  431. #workskin .vris,
  432. #workskin .arachnidsgrip,
  433. #workskin .ag,
  434. /* Aranea Serket and Marquise Spinneret Mindfang */
  435. #workskin .aranea,
  436. #workskin .marquise,
  437. #workskin .spinneret,
  438. #workskin .mindfang,
  439. /* The Serket lusus */
  440. #workskin .spidersprite,
  441. #workskin .spider,
  442. #workskin .spidermom,
  443. #workskin .spider-mom {
  444.   color: #005682;
  445. }
  446.  
  447. #workskin .zahhak,
  448. /* Equius Zahhak */
  449. #workskin .equius,
  450. #workskin .centaurstesticle,
  451. #workskin .ct,
  452. /* Horuss Zahhak and E%ecutor/Executor Darkleer/the E%patria8/Expatriate */
  453. #workskin .horuss,
  454. #workskin .executor,
  455. #workskin .expatri8,
  456. #workskin .darkleer,
  457. /* The Zahhak lusus */
  458. #workskin .aurthoursprite,
  459. #workskin .aurthour,
  460. /* Alternate Aradia's text */
  461. #workskin .altaradia {
  462.   color: #000056;
  463. }
  464.  
  465. #workskin .makara,
  466. /* Gamzee Makara */
  467. #workskin .gamzee,
  468. #workskin .gam,
  469. #workskin .terminallycapricious,
  470. #workskin .tc,
  471. /* Kurloz Makara and the Grand Highblood */
  472. #workskin .kurloz,
  473. #workskin .grandhighblood,
  474. #workskin .ghb,
  475. /* The Makara lusus */
  476. #workskin .goatsprite,
  477. #workskin .goatdad {
  478.   color: #2b0057;
  479. }
  480.  
  481. /* The Makaras' chucklevoodoos */
  482. #workskin .altgamzee,
  483. #workskin .altgam,
  484. #workskin .altgm,
  485. #workskin .altgz,
  486. #workskin .altterminallycapricious,
  487. #workskin .alttc,
  488. #workskin .altkurloz,
  489. #workskin .altgrandhighblood,
  490. #workskin .altghb,
  491. #workskin .altmakara,
  492. #workskin .chucklevoodoo,
  493.  #workskin .chucklevoodoos {
  494.   color: #5716ad;
  495. }
  496.  
  497. #workskin .ampora,
  498. /* Eridan Ampora */
  499. #workskin .eridan,
  500. #workskin .eri,
  501. #workskin .caligulasaquarium,
  502. #workskin .ca,
  503. /* Cronus Ampora and Orphaner Dualscar */
  504. #workskin .cronus,
  505. #workskin .orphaner,
  506. #workskin .dualscar,
  507. /* The Ampora lusus */
  508. #workskin .seahorsesprite,
  509. #workskin .skyhorsesprite,
  510. #workskin .seahorsedad,
  511. #workskin .seahorse-dad,
  512. #workskin .skyhorsedad,
  513. #workskin .skyhorse-dad {
  514.   color: #6a006a;
  515. }
  516.  
  517. #workskin .peixes,
  518. /* Feferi Peixes */
  519. #workskin .feferi,
  520. #workskin .fef,
  521. #workskin .ff,
  522. #workskin .cuttlefishculler,
  523. #workskin .cc,
  524. /* Meenah Peixes and Her Imperious Condescension */
  525. #workskin .meenah,
  526. #workskin .herimperiouscondescension,
  527. #workskin .hic,
  528. #workskin .condesce,
  529. #workskin .condy,
  530. #workskin .batterwitch,
  531. /* The Peixes lusus */
  532. #workskin .gl’bgolybsprite,
  533. #workskin .glbgolybsprite,
  534. #workskin .gl’bgolyb,
  535. #workskin .glbgolyb {
  536.   color: #77003c;
  537. }
  538.  
  539. /* Calliope the cherub */
  540. #workskin .calliope,
  541. #workskin .callie,
  542. #workskin .uug,
  543. #workskin .uranianumbra {
  544.   color: #929292;
  545. }
  546.  
  547. /* Caliborn the cherub */
  548. #workskin .caliborn,
  549. #workskin .uur,
  550. #workskin .undyingumbrage {
  551.   color: #323232;
  552. }
  553.  
  554. /* Alternate Calliope */
  555. #workskin .altcalliope,
  556. #workskin .altcallie,
  557. #workskin .altuug,
  558. /* Caliborn's blood color */
  559. #workskin .calibornblood,
  560. #workskin .uurblood,
  561. #workskin .undyingumbrageblood {
  562.   color: #ff0000;
  563. }
  564.  
  565. /* Alternate Caliborn */
  566. #workskin .altcaliborn,
  567. #workskin .altuur,
  568. /* Calliope's blood color */
  569. #workskin .calliopeblood,
  570. #workskin .callieblood,
  571. #workskin .uugblood,
  572. #workskin .uranianumbrablood
  573. /* General text color for the Felt and Lord English
  574.     Also used for writing Doc Scratch's name */
  575. #workskin .thefelt,
  576. #workskin .felt,
  577. #workskin .lordenglish {
  578.   color: #2ed73a;
  579. }
  580.  
  581. /* Exiles and Carapacians */
  582. #workskin .exile,
  583. /* Wayward Vagabond / The Mayor */
  584. #workskin .warwearyvillein,
  585. #workskin .wizardlyvassal,
  586. #workskin .waywardvagabond,
  587. #workskin .wastelandicvindicator,
  588. #workskin .wv,
  589. #workskin .mayor,
  590. #workskin .themayor,
  591. /* Peregrine Mendicant */
  592. #workskin .parcelmistress,
  593. #workskin .peregrinemendicant,
  594. #workskin .prospitianmonarch,
  595. #workskin .pm,
  596. /* Aimless Renegade */
  597. #workskin .authorityregulator,
  598. #workskin .aimlessrenegade,
  599. #workskin .armamentsregent,
  600. #workskin .ar,
  601. /* The White King and White Queen */
  602. #workskin .whiteking,
  603. #workskin .writkeeper,
  604. #workskin .wk,
  605. #workskin .whitequeen,
  606. #workskin .windsweptquestant,
  607. #workskin .wq,
  608. /* Jack Noir / Spades Slick */
  609. #workskin .jacknoir,
  610. #workskin .jack,
  611. #workskin .noir,
  612. #workskin .spadesslick,
  613. #workskin .spades,
  614. #workskin .slick,
  615. #workskin .ss,
  616. /* Diamonds Droog */
  617. #workskin .draconiandignitary,
  618. #workskin .diamondsdroog,
  619. #workskin .diamonds,
  620. #workskin .droog,
  621. #workskin .dd,
  622. /* Hearts Boxcars */
  623. #workskin .hegemonicbrute,
  624. #workskin .heartsboxcars,
  625. #workskin .hearts,
  626. #workskin .boxcars,
  627. #workskin .hb,
  628. /* Clubs Deuce */
  629. #workskin .courtyarddroll,
  630. #workskin .clubsdeuce,
  631. #workskin .clubs,
  632. #workskin .deuce,
  633. #workskin .cd {
  634.   color: #ffffff;
  635.   background-color: #000000;
  636. }
  637.  
  638. /* The Black Queen / Snowman */
  639. #workskin .blackqueen,
  640. #workskin .bq,
  641. #workskin .snowman,
  642. #workskin .felt8 {
  643.   color: #6c7073;
  644.   background-color: #000000;
  645. }
  646.  
  647. /* John's and Jane's Dad */
  648. #workskin .dad,
  649. #workskin .johnsdad,
  650. #workskin .janesdad,
  651. #workskin .pipefan413 {
  652.   color: #4b4b4b;
  653. }
  654.  
  655. /* John's Nanna */
  656. #workskin .nanna,
  657. #workskin .johnsnanna,
  658. #workskin .janelle { /* custom */
  659.   color: #09d8bb;
  660. }
  661.  
  662. /* Jane's Poppop */
  663. #workskin .poppop,
  664. #workskin .janespoppop,
  665. #workskin .jonathan { /* custom */
  666.   color: #0085ff;
  667. }
  668.  
  669. /* Rose's Mom */
  670. #workskin .rosesmom,
  671. #workskin .roxanne { /* custom */
  672.   color: #fc00a4;
  673. }
  674.  
  675. /* Roxy's Mom */
  676. #workskin .roxysmom,
  677. #workskin .rosalyn,
  678. #workskin .roz { /* custom */
  679.   color: #7f009e;
  680. }
  681.  
  682. /* Dave's Bro */
  683. #workskin .davesbro,
  684. #workskin .derrick,
  685. #workskin .bro { /* custom */
  686.   color: #deab14;
  687. }
  688.  
  689. /* Dirk's Bro */
  690. #workskin .dirksbro,
  691. #workskin .devin,
  692. #workskin .dev { /* custom */
  693.   color: #a30101;
  694. }
  695.  
  696. /* Jade's Grandpa */
  697. #workskin .grandpa,
  698. #workskin .jadesgrandpa,
  699. #workskin .joshua { /* custom */
  700.   color: #006201;
  701. }
  702.  
  703. /* Jake's Grandma */
  704. #workskin .grandma,
  705. #workskin .jakesgrandma,
  706. #workskin .jadene { /* custom */
  707.   color: #659829;
  708. }
  709.  
  710. /* Doc Scratch's standard pure white text */
  711. #workskin .docscratch,
  712. #workskin .scratch-white {
  713.   color: #ffffff;
  714. }
  715.  
  716. /* Doc Scratch's white text on a green background,
  717.     as in the Intermission. For use outside .scratch.block */
  718. #workskin .scratch-green,
  719. #workskin .scratchgreen,
  720. #workskin .intermission {
  721.   color: #ffffff;
  722.   background-color: #0e4603;
  723. }
  724.  
  725. /* The off-white letter O in Doc Scratch's name */
  726. #workskin .scratcho,
  727. #workskin .docscratcho {
  728.   color: #e0e0e0;
  729. }
  730.  
  731. /* Felt members Itchy and Stitch */
  732. #workskin .itchy,
  733. #workskin .felt1,
  734. #workskin .stitch,
  735. #workskin .felt9 {
  736.   color: #ffea00;
  737. }
  738.  
  739. /* Felt members Doze and Sawbuck */
  740. #workskin .doze,
  741. #workskin .felt2,
  742. #workskin .sawbuck,
  743. #workskin .felt10 {
  744.   color: #4040fd;
  745. }
  746.  
  747. /* Felt members Trace and Matchsticks */
  748. #workskin .trace,
  749. #workskin .felt3,
  750. #workskin .matchsticks,
  751. #workskin .felt11 {
  752.   color: #df0000;
  753. }
  754.  
  755. /* Felt members Clover and Eggs */
  756. #workskin .clover,
  757. #workskin .felt4,
  758. #workskin .eggs,
  759. #workskin .felt12 {
  760.   color: #a357ff;
  761. }
  762.  
  763. /* Felt members Fin and Biscuits */
  764. #workskin .fin,
  765. #workskin .felt5,
  766. #workskin .biscuits,
  767. #workskin .felt13 {
  768.   color: #ff6000;
  769. }
  770.  
  771. /* Felt members Die and Quarters */
  772. #workskin .die,
  773. #workskin .felt6,
  774. #workskin .quarters,
  775. #workskin .felt14 {
  776.   color: #008140;
  777. }
  778.  
  779. /* Felt members Crowbar and Cans */
  780. #workskin .crowbar,
  781. #workskin .felt7,
  782. #workskin .cans,
  783. #workskin .felt15 {
  784.   color: #950015;
  785. }
  786.  
  787. /* The letter O in Felt member Snowman's name */
  788. #workskin .snowmano,
  789. #workskin .felt8o {
  790.   color: #000000;
  791. }
  792.  
  793. /* SPECIAL COLORS
  794.     This is a collection of non-character text colors, added partly for reference
  795.     and partly for cases where you need these for highlighting special words.
  796.     The majority of the colors here have both colored text and backgrounds.
  797.     This list contains:
  798.     - Aspects
  799.     - Denizens (colors picked from known denizens' browser logos, and hypothetical
  800.                 colors/names added for unknown denizens)
  801.     - Incipisphere planets and other bodies
  802.     - Special colors
  803.     - Blood and sign colors (sometimes different from typing colors)
  804.     - Troll horn and skin colors
  805. */
  806.  
  807. /* Aspects */
  808.  
  809. #workskin .time { /* from logo and pants, 4331 */
  810.   color: #fc0c02;
  811.   background-color: #8e1414;
  812. }
  813.  
  814. #workskin .space { /* from logo and shirt, 4297 */
  815.   color: #ffffff;
  816.   background-color: #000000;
  817. }
  818.  
  819. #workskin .void { /* from extended zodiac */
  820.   color: #001957;
  821.   background-color: #104ea2;
  822. }
  823.  
  824. #workskin .light { /* from logo and pants, 3296 */
  825.   color: #fff743;
  826.   background-color: #e76700;
  827. }
  828.  
  829. #workskin .mind { /* from extended zodiac */
  830.   color: #06ffc9;
  831.   background-color: #00923d;
  832. }
  833.  
  834. #workskin .heart { /* from logo and shorts, 5858 */
  835.   color: #bd1864;
  836.   background-color: #55142a;
  837. }
  838.  
  839. #workskin .rage { /* from logo and shirt, 4828 */
  840.   color: #9c4dad;
  841.   background-color: #391e71;
  842. }
  843.  
  844. #workskin .hope { /* From logo and hood, 5858 */
  845.   color: #fdfdfd;
  846.   background-color: #ffc331;
  847. }
  848.  
  849. #workskin .doom { /* from extended zodiac */
  850.   color: #000000;
  851.   background-color: #306800;
  852. }
  853.  
  854. #workskin .life { /* From logo and hood, 5858 */
  855.   color: #76c34e;
  856.   background-color: #605542;
  857. }
  858.  
  859. #workskin .blood { /* from extended zodiac */
  860.   color: #ba1016;
  861.   background-color: #3e1601;
  862. }
  863.  
  864. #workskin .breath { /* from logo and pant outline, 4297 */
  865.   color: #10e0ff;
  866.   background-color: #0063d0;
  867. }
  868.  
  869. /* Denizens */
  870.  
  871. #workskin .hephaestus,
  872. #workskin .dtime {
  873.   color: #e00707;
  874.   background-color: #000000;
  875. }
  876.  
  877. #workskin .echidna,
  878. #workskin .dspace {
  879.   color: #ffffff;
  880.   background-color: #1501b0;
  881. }
  882.  
  883. #workskin .nix,
  884. #workskin .dvoid {
  885.   color: #ffffff;
  886.   background-color: #8900fe;
  887. }
  888.  
  889. #workskin .cetus,
  890. #workskin .dlight {
  891.   color: #ffffff;
  892.   background-color: #bb66ff;
  893. }
  894.  
  895. #workskin .metis,
  896. #workskin .dmind { /* custom */
  897.   color: #f6ce00;
  898.   background-color: #2a8539;
  899. }
  900.  
  901. #workskin .psyche,
  902. #workskin .dheart { /* custom */
  903.   color: #ffffff;
  904.   background-color: #bd1864;
  905. }
  906.  
  907. #workskin .pallas,
  908. #workskin .drage { /* custom */
  909.   color: #ffffff;
  910.   background-color: #994bb3;
  911. }
  912.  
  913. #workskin .abraxas,
  914. #workskin .dhope {
  915.   color: #29ff01;
  916.   background-color: #136501;
  917. }
  918.  
  919. #workskin .moros,
  920. #workskin .ddoom { /* custom */
  921.   color: #ffffff;
  922.   background-color: #204020;
  923. }
  924.  
  925. #workskin .hemera,
  926. #workskin .dlife {
  927.   color: #ffffff;
  928.   background-color: #fcaf01;
  929. }
  930.  
  931. #workskin .eusebia,
  932. #workskin .dblood { /* custom */
  933.   color: #ffffff;
  934.   background-color: #ba1016;
  935. }
  936.  
  937. #workskin .typheus,
  938. #workskin .dbreath {
  939.   color: #ffffff;
  940.   background-color: #00ff01;
  941. }
  942.  
  943. #workskin .yaldabaoth,
  944. #workskin .denizenlord {
  945.   color: #d71e0b;
  946.   background-color: #fea807;
  947. }
  948.  
  949. /* Incipisphere bodies */
  950.  
  951. #workskin .prospit { /* from extended zodiac */
  952.   color: #ffff00;
  953.   background-color: #e49700;
  954. }
  955.  
  956. #workskin .derse { /* from extended zodiac */
  957.   color: #ff01fe;
  958.   background-color: #9700e4;
  959. }
  960.  
  961. #workskin .skaia {
  962.   color: #ffffff;
  963.   background-color: #21afff;
  964. }
  965.  
  966. #workskin .horrorterror,
  967. #workskin .horrorterrors,
  968. #workskin .noblecircle {
  969.   color: #8915b9;
  970.   background-color: #000000;
  971. }
  972.  
  973. /* Special colors */
  974.  
  975. /* Blue ~ATH text */
  976. #workskin .athblue {
  977.   color: #0000ff;
  978. }
  979.  
  980. /* Blood colors */
  981.  
  982. /* Megido blood */
  983. #workskin .megidoblood,
  984. #workskin .aradiablood,
  985. #workskin .arablood,
  986. #workskin .apocalypsearisenblood,
  987. #workskin .aablood,
  988. #workskin .damarablood,
  989. #workskin .handmaidblood,
  990. #workskin .kangarammomblood,
  991. #workskin .kangaram-momblood,
  992. #workskin .rammomblood,
  993. #workskin .ram-momblood {
  994.   color: #a10000;
  995. }
  996.  
  997. /* Nitram blood */
  998. #workskin .nitramblood,
  999. #workskin .tavrosblood,
  1000. #workskin .tavblood,
  1001. #workskin .adiostoreadorblood,
  1002. #workskin .atblood,
  1003. #workskin .rufiohblood,
  1004. #workskin .summonerblood,
  1005. #workskin .tinkerbullblood {
  1006.   color: #a25203;
  1007. }
  1008.  
  1009. /* Captor blood */
  1010. #workskin .captorblood,
  1011. #workskin .solluxblood,
  1012. #workskin .solblood,
  1013. #workskin .twinarmageddonsblood,
  1014. #workskin .tablood,
  1015. #workskin .mitunablood,
  1016. #workskin .psiioniicblood,
  1017. #workskin .psiblood,
  1018. #workskin .psiiblood,
  1019. #workskin .helmsmanblood,
  1020. #workskin .biclopsblood,
  1021. #workskin .biclopsdadblood,
  1022. #workskin .biclops-dadblood,
  1023. #workskin .bicyclopsblood,
  1024. #workskin .bicyclopsdadblood,
  1025. #workskin .bicyclops-dadblood {
  1026.   color: #a1a100;
  1027. }
  1028.  
  1029. /* Blood of humans, exiles, and Vantases*/
  1030. #workskin .humanblood,
  1031. #workskin .johnblood,
  1032. #workskin .roseblood,
  1033. #workskin .daveblood,
  1034. #workskin .jadeblood,
  1035. #workskin .janeblood,
  1036. #workskin .jakeblood,
  1037. #workskin .roxyblood,
  1038. #workskin .dirkblood,
  1039. #workskin .dadblood,
  1040. #workskin .momblood,
  1041. #workskin .broblood,
  1042. #workskin .grandpablood,
  1043. #workskin .grandmablood,
  1044. #workskin .poppopblood,
  1045. #workskin .nannablood,
  1046. #workskin .exileblood,
  1047. #workskin .vantasblood,
  1048. #workskin .karkatblood,
  1049. #workskin .karblood,
  1050. #workskin .kkblood,
  1051. #workskin .carcinogeneticistblood,
  1052. #workskin .cgblood,
  1053. #workskin .kankriblood,
  1054. #workskin .signlessblood,
  1055. #workskin .suffererblood,
  1056. #workskin .crabdadblood {
  1057.   color: #ff0000;
  1058. }
  1059.  
  1060. /* Leijon blood */
  1061. #workskin .leijonblood,
  1062. #workskin .nepetablood,
  1063. #workskin .nepblood,
  1064. #workskin .arseniccatnipblood,
  1065. #workskin .acblood,
  1066. #workskin .meulinblood,
  1067. #workskin .discipleblood,
  1068. #workskin .pounceblood,
  1069. #workskin .pouncedeleonblood,
  1070. #workskin .pounce-de-leonblood {
  1071.   color: #2e4800;
  1072. }
  1073.  
  1074. /* Maryam blood */
  1075. #workskin .maryamblood,
  1076. #workskin .kanayablood,
  1077. #workskin .kanblood,
  1078. #workskin .grimauxiliatrixblood,
  1079. #workskin .gablood,
  1080. #workskin .porrimblood,
  1081. #workskin .dolorosablood,
  1082. #workskin .mothergrubblood,
  1083. #workskin .mother-grubblood,
  1084. #workskin .virginmothergrubblood,
  1085. #workskin .virgin-mother-grubblood {
  1086.   color: #078446;
  1087. }
  1088.  
  1089. /* Pyrope blood */
  1090. #workskin .pyropeblood,
  1091. #workskin .tereziblood,
  1092. #workskin .tezblood,
  1093. #workskin .tzblood,
  1094. #workskin .gallowscalibratorblood,
  1095. #workskin .gcblood,
  1096. #workskin .latulablood,
  1097. #workskin .neophyteblood,
  1098. #workskin .redglareblood,
  1099. #workskin .dragonblood,
  1100. #workskin .pyralspiteblood {
  1101.   color: #008282;
  1102. }
  1103.  
  1104. /* Serket blood */
  1105. #workskin .serketblood,
  1106. #workskin .vriskablood,
  1107. #workskin .vrisblood,
  1108. #workskin .arachnidsgripblood,
  1109. #workskin .agblood,
  1110. #workskin .araneablood,
  1111. #workskin .marquiseblood,
  1112. #workskin .spinneretblood,
  1113. #workskin .mindfangblood,
  1114. #workskin .spiderblood,
  1115. #workskin .spidermomblood,
  1116. #workskin .spider-momblood {
  1117.   color: #004182;
  1118. }
  1119.  
  1120. /* Zahhak blood */
  1121. #workskin .zahhakblood,
  1122. #workskin .equiusblood,
  1123. #workskin .centaurstesticleblood,
  1124. #workskin .ctblood,
  1125. #workskin .horussblood,
  1126. #workskin .executorblood,
  1127. #workskin .expatri8blood,
  1128. #workskin .darkleerblood,
  1129. #workskin .aurthourblood,
  1130. #workskin .altaradiablood {
  1131.   color: #0021cb;
  1132. }
  1133.  
  1134. /* Makara blood */
  1135. #workskin .makarablood,
  1136. #workskin .gamzeeblood,
  1137. #workskin .gamblood,
  1138. #workskin .terminallycapriciousblood,
  1139. #workskin .tcblood,
  1140. #workskin .kurlozblood,
  1141. #workskin .grandhighbloodblood,
  1142. #workskin .ghbblood,
  1143. #workskin .goatdadblood {
  1144.   color: #440a7f;
  1145. }
  1146.  
  1147. /* Ampora blood */
  1148. #workskin .amporablood,
  1149. #workskin .eridanblood,
  1150. #workskin .eriblood,
  1151. #workskin .caligulasaquariumblood,
  1152. #workskin .cablood,
  1153. #workskin .cronusblood,
  1154. #workskin .orphanerblood,
  1155. #workskin .dualscarblood,
  1156. #workskin .seahorsedadblood,
  1157. #workskin .seahorse-dadblood,
  1158. #workskin .skyhorsedadblood,
  1159. #workskin .skyhorse-dadblood {
  1160.   color: #6a006a;
  1161. }
  1162.  
  1163. /* Peixes blood */
  1164. #workskin .peixesblood,
  1165. #workskin .feferiblood,
  1166. #workskin .fefblood,
  1167. #workskin .ffblood,
  1168. #workskin .cuttlefishcullerblood,
  1169. #workskin .ccblood,
  1170. #workskin .meenahblood,
  1171. #workskin .herimperiouscondescensionblood,
  1172. #workskin .hicblood,
  1173. #workskin .condesceblood,
  1174. #workskin .condyblood,
  1175. #workskin .batterwitchblood,
  1176. #workskin .gl’bgolybblood,
  1177. #workskin .glbgolybblood {
  1178.   color: #99004d;
  1179. }
  1180.  
  1181. /* Sign colors */
  1182.  
  1183. /* Megido sign */
  1184. #workskin .megidosign,
  1185. #workskin .aradiasign,
  1186. #workskin .arasign,
  1187. #workskin .apocalypsearisensign,
  1188. #workskin .aasign,
  1189. #workskin .damarasign,
  1190. #workskin .handmaidsign,
  1191. #workskin .kangarammomsign,
  1192. #workskin .kangaram-momsign,
  1193. #workskin .rammomsign,
  1194. #workskin .ram-momsign {
  1195.   color: #a60100;
  1196. }
  1197.  
  1198. /* Nitram sign */
  1199. #workskin .nitramsign,
  1200. #workskin .tavrossign,
  1201. #workskin .tavsign,
  1202. #workskin .adiostoreadorsign,
  1203. #workskin .atsign,
  1204. #workskin .rufiohsign,
  1205. #workskin .summonersign,
  1206. #workskin .tinkerbullsign {
  1207.   color: #a25203;
  1208. }
  1209.  
  1210. /* Captor sign */
  1211. #workskin .captorsign,
  1212. #workskin .solluxsign,
  1213. #workskin .solsign,
  1214. #workskin .twinarmageddonssign,
  1215. #workskin .tasign,
  1216. #workskin .mitunasign,
  1217. #workskin .psiioniicsign,
  1218. #workskin .psisign,
  1219. #workskin .psiisign,
  1220. #workskin .helmsmansign,
  1221. #workskin .biclopssign,
  1222. #workskin .biclopsdadsign,
  1223. #workskin .biclops-dadsign,
  1224. #workskin .bicyclopssign,
  1225. #workskin .bicyclopsdadsign,
  1226. #workskin .bicyclops-dadsign {
  1227.   color: #a1a100;
  1228. }
  1229.  
  1230. /* Gray Vantas sign */
  1231. #workskin .vantasbsign,
  1232. #workskin .karkatsign,
  1233. #workskin .karsign,
  1234. #workskin .kksign,
  1235. #workskin .carcinogeneticistsign,
  1236. #workskin .cgsign {
  1237.   color: #6c6c6c;
  1238. }
  1239.  
  1240. /* Red Vantas sign */
  1241. #workskin .vantasasign,
  1242. #workskin .altkarkatsign,
  1243. #workskin .altkarsign,
  1244. #workskin .altkksign,
  1245. #workskin .altcarcinogeneticistsign,
  1246. #workskin .altcgsign,
  1247. #workskin .kankrisign,
  1248. #workskin .signlesssign,
  1249. #workskin .sufferersign {
  1250.   color: #ff0000;
  1251. }
  1252.  
  1253. /* Leijon sign */
  1254. #workskin .leijonsign,
  1255. #workskin .nepetasign,
  1256. #workskin .nepsign,
  1257. #workskin .arseniccatnipsign,
  1258. #workskin .acsign,
  1259. #workskin .meulinsign,
  1260. #workskin .disciplesign,
  1261. #workskin .pouncesign,
  1262. #workskin .pouncedeleonsign,
  1263. #workskin .pounce-de-leonsign {
  1264.   color: #416600;
  1265. }
  1266.  
  1267. /* Maryam sign */
  1268. #workskin .maryamsign,
  1269. #workskin .kanayasign,
  1270. #workskin .kansign,
  1271. #workskin .grimauxiliatrixsign,
  1272. #workskin .gasign,
  1273. #workskin .porrimsign,
  1274. #workskin .dolorosasign,
  1275. #workskin .mothergrubsign,
  1276. #workskin .mother-grubsign,
  1277. #workskin .virginmothergrubsign,
  1278. #workskin .virgin-mother-grubsign {
  1279.   color: #078446;
  1280. }
  1281.  
  1282. /* Pyrope sign */
  1283. #workskin .pyropesign,
  1284. #workskin .terezisign,
  1285. #workskin .tezsign,
  1286. #workskin .tzsign,
  1287. #workskin .gallowscalibratorsign,
  1288. #workskin .gcsign,
  1289. #workskin .latulasign,
  1290. #workskin .neophytesign,
  1291. #workskin .redglaresign,
  1292. #workskin .dragonsign,
  1293. #workskin .pyralspitesign {
  1294.   color: #008282;
  1295. }
  1296.  
  1297. /* Serket sign */
  1298. #workskin .serketsign,
  1299. #workskin .vriskasign,
  1300. #workskin .vrissign,
  1301. #workskin .arachnidsgripsign,
  1302. #workskin .agsign,
  1303. #workskin .araneasign,
  1304. #workskin .marquisesign,
  1305. #workskin .spinneretsign,
  1306. #workskin .mindfangsign,
  1307. #workskin .spidersign,
  1308. #workskin .spidermomsign,
  1309. #workskin .spider-momsign {
  1310.   color: #004083;
  1311. }
  1312.  
  1313. /* Zahhak sign */
  1314. #workskin .zahhaksign,
  1315. #workskin .equiussign,
  1316. #workskin .centaurstesticlesign,
  1317. #workskin .ctsign,
  1318. #workskin .horusssign,
  1319. #workskin .executorsign,
  1320. #workskin .expatri8sign,
  1321. #workskin .darkleersign,
  1322. #workskin .aurthoursign,
  1323. #workskin .altaradiasign {
  1324.   color: #0021cb;
  1325. }
  1326.  
  1327. /* Makara sign */
  1328. #workskin .makarasign,
  1329. #workskin .gamzeesign,
  1330. #workskin .gamsign,
  1331. #workskin .terminallycapricioussign,
  1332. #workskin .tcsign,
  1333. #workskin .kurlozsign,
  1334. #workskin .grandhighsignsign,
  1335. #workskin .ghbsign,
  1336. #workskin .goatdadsign {
  1337.   color: #440a7f;
  1338. }
  1339.  
  1340. /* Ampora sign */
  1341. #workskin .amporasign,
  1342. #workskin .eridansign,
  1343. #workskin .erisign,
  1344. #workskin .caligulasaquariumsign,
  1345. #workskin .casign,
  1346. #workskin .cronussign,
  1347. #workskin .orphanersign,
  1348. #workskin .dualscarsign,
  1349. #workskin .seahorsedadsign,
  1350. #workskin .seahorse-dadsign,
  1351. #workskin .skyhorsedadsign,
  1352. #workskin .skyhorse-dadsign {
  1353.   color: #6a006a;
  1354. }
  1355.  
  1356. /* Peixes sign */
  1357. #workskin .peixessign,
  1358. #workskin .feferisign,
  1359. #workskin .fefsign,
  1360. #workskin .ffsign,
  1361. #workskin .cuttlefishcullersign,
  1362. #workskin .ccsign,
  1363. #workskin .meenahsign,
  1364. #workskin .herimperiouscondescensionsign,
  1365. #workskin .hicsign,
  1366. #workskin .condescesign,
  1367. #workskin .condysign,
  1368. #workskin .batterwitchsign,
  1369. #workskin .gl’bgolybsign,
  1370. #workskin .glbgolybsign {
  1371.   color: #99004d;
  1372. }
  1373.  
  1374. /* Troll body colors */
  1375.  
  1376. #workskin .hornbottom,
  1377. #workskin .hornbase,
  1378. #workskin .horn1 {
  1379.   color: #ff4200;
  1380. }
  1381.  
  1382. #workskin .hornmiddle,
  1383. #workskin .hornmid,
  1384. #workskin .horn2 {
  1385.   color: #ff9000;
  1386. }
  1387.  
  1388. #workskin .horntop,
  1389. #workskin .horntip,
  1390. #workskin .horn3 {
  1391.   color: #ffba29;
  1392. }
  1393.  
  1394. #workskin .trollskin {
  1395.   color: #c4c4c4;
  1396. }
  1397.  
  1398. /* INTERACTIVE PESTERCHUM LAYOOUT
  1399.     These are styles for a table layout version of pesterlogs. When hovered over,
  1400.     specific lines will be highlighted in a slightly lighter color. This design
  1401.     accommodates both the standard (user)name + message layout, as well as a
  1402.     second layout including (user)name, message, and timestamp of message.
  1403.    
  1404.     To use these styles, create a <table class="ichum">. For each new message,
  1405.     create a new <tr> table row. Each table row should contain at the very least
  1406.     one <td> cell with the (user)name, and one <td> cell with the message.
  1407.     A third <td> cell can be added to include the timestamp.
  1408.    
  1409.     You may want to place the entire pesterlog inside a div.block to fully mimic
  1410.     authentic Homestuck layouts.
  1411.    
  1412.     See the HTML linked for an example of an interactive pesterlog (under "Interactive pesterlog").
  1413.    
  1414. */
  1415. #workskin .ichum {
  1416.   font-size: 14px;
  1417.   font-weight: bold;
  1418.   font-family: Courier New, courier, monospace;
  1419.   border-collapse: collapse;
  1420.   margin: 10px auto;
  1421. }
  1422.  
  1423. #workskin .ichum td:nth-child(even) {
  1424.   text-align: left;
  1425.   vertical-align: middle;
  1426.   width: 100%;
  1427.   padding-left: 6px;
  1428. }
  1429.  
  1430. #workskin .ichum td:first-child {
  1431.   text-align: left;
  1432.   vertical-align: top;
  1433. }
  1434.  
  1435. #workskin .ichum td:nth-child(3) {
  1436.   text-align: right;
  1437.   vertical-align: top;
  1438. }
  1439.  
  1440. #workskin .block .ichum tr:hover {
  1441.   background-color: #ffffff;
  1442. }
  1443. #workskin .scratch.block .ichum tr:hover {
  1444.   background-color: #292929;
  1445. }
  1446. #workskin .ichum tr:hover {
  1447.   background-color: #2222;
  1448. }
  1449.  
  1450. /* CUSTOM TEXT COLORS
  1451.     The sample class below is for the user "unpredictableArtist", or UA.
  1452.     You can change the class names (after the dot) as you like.
  1453.     The "color" value changes the text color.
  1454.     To make additional custom user classes, simply copy the entire four lines below
  1455.     (from the first "#workskin" to the closing curly bracket "}") and paste,
  1456.     then change the names and color once again.
  1457.    
  1458.     Be sure to update your work skin before applying it to your works!
  1459. */
  1460.  
  1461. #workskin .unpredictableartist,
  1462. #workskin .ua {
  1463.   color: #c6347c;
  1464. }
RAW Paste Data