C-SPAM STYLESHEET STATION

The Something Awful Forums > Discussion > C-SPAM > C-SPAM STYLESHEET STATION

Jon Pod Van Damm: Apr 6, 2009; THE POSSESSION OF WEALTH IS IN AND OF ITSELF A SIGN OF POOR VIRTUE. AS SUCH:
1 NEVER TRUST ANY RICH PERSON.
2 NEVER HIRE ANY RICH PERSON.
BY RULE 1, IT IS APPROPRIATE TO PRESUME THAT ALL DEGREES AND CREDENTIALS HELD BY A WEALTHY PERSON ARE FRAUDULENT. THIS JUSTIFIES RULE 2--RULE 1 NEEDS NO JUSTIFIC

inspired by nytimes blogs and twitter, it's tricky to make the tags and user titles fit into a newspaper theme though, maybe displaying them as if they were sidebar content on a website would work

code:

#thread table tbody tr {
    display: flex;
    flex-direction: column;
}

#thread table tbody tr dl.userinfo {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#thread table tbody tr dl.userinfo dd.title {
    order: 1;
}


#thread table tbody tr dl.userinfo dt.author {
    order: 2;
}

#thread table tbody tr dl.userinfo dd.registered {
    order: 3;
}

#thread table tbody tr dl.userinfo dd.special_title {
    order: 4;
}


#thread table {
    margin-bottom: 2em;
}



#thread table tbody tr dl.userinfo dd.title .bbc-center {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* avatar border */

#thread table tbody tr dl.userinfo dd.title {
    max-height: 150px;
    width: 150px;
    height: 150px;
    background-image: url([url]https://i.imgur.com/CUOwta4.png[/url]);
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
}


#thread table tbody tr dl.userinfo dd.title .img:nth-child(1) {
    clip-path: circle(65px at center);
    display: block !important;
}


#thread table tbody tr dl.userinfo dd.title *{
    display: none;
}

/*
nytimes style avatars

#thread table tbody tr dl.userinfo dd.title .img:nth-child(1) {
    max-width: 60px;
    max-height: 60px;
    filter: grayscale(100%);
    background-color: #fff;
}

*/



#thread td.userinfo, #thread td.userinfo dl.userinfo {
    width: 100%;
}


/* post links */

#thread table tbody tr:nth-child(2) {
    display: flex; 
    flex-direction: row !important;
    flex-wrap: wrap;
    align-content: flex-start;
}


#thread table tbody tr:nth-child(2) a,
#thread table tbody tr:nth-child(2) td.postlinks ul.profilelinks li a {
    border: none;
    box-shadow: none;
    background-image: none;
    text-decoration: underline;
}

#thread dl.userinfo dt.author::before {
    content: "By ";
    display: inline;
}

#thread dl.userinfo dt.author {
    text-transform: Capitalize;
    margin-bottom: 0px;
}

#thread dl.userinfo,
#thread td.postbody {
    padding-left: 0px;
}

/* hide titles etc */


#thread dd.registered, dd.title span, .special_title,
#thread table tbody tr dl.userinfo dd.title .img:nth-child(2),
#thread table tbody tr dl.userinfo dd.title .img:nth-child(3),
#thread table tbody tr dl.userinfo dd.title .img:nth-child(4),
#thread table tbody tr dl.userinfo dd.title .img:nth-child(5),
#thread table tbody tr dl.userinfo dd.title .img:nth-child(6),
#thread table tbody tr dl.userinfo dd.title .img:nth-child(7),
#thread table tbody tr dl.userinfo dd.title .img:nth-child(8),
#thread table tbody tr dl.userinfo dd.title .img:nth-child(9),
#thread table tbody tr dl.userinfo dd.title .img:nth-child(10),
#thread table tbody tr dl.userinfo dd.title .img:nth-child(11),
#thread table tbody tr dl.userinfo dd.title .img:nth-child(12),
#thread table tbody tr dl.userinfo dd.title a,
#thread dd:nth-child(3) > img:nth-child(5)

{
    display: none;
}

#thread dd.title div.bbc-center {
    font-size: 0px;
}

#thread dl.userinfo dt.platinum {
    background-image: none;
}

/* limit column width for that news column feel */

div#thread table tbody tr {
    max-width: 60em;
    margin: auto;
}

/* change quote blocks */

.altcolor1 .bbc-block,
.altcolor2 .bbc-block,
.bbc-block {
    background: none;
    box-shadow: none;
    border: none;
    border-radius: 0px;
    
}

.bbc-block {
margin-left: 4em;     
}


/* change background-color */

.altcolor1, tr.altcolor1 td, td.altcolor1,
.altcolor2 td.userinfo, .altcolor2 td.postdate,
.altcolor2, tr.altcolor2 td, td.altcolor2,
.altcolor1 td.userinfo, .altcolor1 td.postdate, #forum td.icon, #forum td.icon2, #forum td.star, .privfolder #content table tr td.status, .privfolder #content table tr td.icon,
.altcolor2 td.userinfo, .altcolor2 td.postdate {
    background-color: transparent;
}

.altcolor2 td.postlinks, .altcolor2 td.postdate, .altcolor1 td.postlinks, .altcolor1 td.postdate, table.post tr.seen1 td.postlinks, table.post tr.seen2 td.postlinks, table.post tr.seen1 td.postdate, table.post tr.seen2 td.postdate {
    background-image: none;
}

#thread table.post,
#thread td{
    border-color: transparent;
}

#thread table.post td {
    border-width: 0px;
}

/* font */

#thread td.postlinks ul.profilelinks li a,
#thread table.post td.postdate,
#thread .postbody a.quote_link {
    font-size: 15px;
    color: #000;
}

Grapplejack posted:

It looks like Twitter, avatars get little circles, the grenade is replaced with the verified checkmark

https://i.imgur.com/eKg2Dbq.mp4

code:

#thread dl.userinfo dt.platinum 
{
    background-image: none;
    padding-left: 0px !important;
}

#thread dl.userinfo dt.author.platinum:after
{
    content: "))) &#127760;&#10052;&#127849;&#127754;&#127754;&#127754; #iHateTrump #Resist #StillWithHer";
    display: inline;
}

#thread dl.userinfo dt.author.platinum:before
{
    content: "(((";
    display: inline;
}

Jon Pod Van Damm has issued a correction as of 17:57 on Feb 15, 2020

# ¿ Feb 15, 2020 16:33

Adbot: ADBOT LOVES YOU

# ¿ May 10, 2024 10:48

Jon Pod Van Damm: Apr 6, 2009; THE POSSESSION OF WEALTH IS IN AND OF ITSELF A SIGN OF POOR VIRTUE. AS SUCH:
1 NEVER TRUST ANY RICH PERSON.
2 NEVER HIRE ANY RICH PERSON.
BY RULE 1, IT IS APPROPRIATE TO PRESUME THAT ALL DEGREES AND CREDENTIALS HELD BY A WEALTHY PERSON ARE FRAUDULENT. THIS JUSTIFIES RULE 2--RULE 1 NEEDS NO JUSTIFIC

each post should end with the line:

I yield back the rest of my time.

# ¿ Mar 11, 2020 18:14

Jon Pod Van Damm: Apr 6, 2009; THE POSSESSION OF WEALTH IS IN AND OF ITSELF A SIGN OF POOR VIRTUE. AS SUCH:
1 NEVER TRUST ANY RICH PERSON.
2 NEVER HIRE ANY RICH PERSON.
BY RULE 1, IT IS APPROPRIATE TO PRESUME THAT ALL DEGREES AND CREDENTIALS HELD BY A WEALTHY PERSON ARE FRAUDULENT. THIS JUSTIFIES RULE 2--RULE 1 NEEDS NO JUSTIFIC

Proposal: C-SPAM style sheet change for improved transparency

Example:

code:

td.userinfo dl.userinfo dt.author:after {
    content: "China state-affiliated media";
    display: block;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
    color: rgb(110, 118, 125);
    padding-left: 20px;
    background-image: url("https://i.imgur.com/VPozYIl.png");
    background-repeat: no-repeat;
    background-size: 15px 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    position: relative;
    left: -20px;
}

#thread dl.userinfo dt.platinum, #thread dl.userinfo dt.coder, #thread dl.userinfo dt.role-coder, #thread dl.userinfo dt.idiotking, #thread dl.userinfo dt.diamond, #thread dl.userinfo dt.redpill, #thread dl.userinfo dt.award, #thread dl.userinfo dt.role-mod, #thread dl.userinfo dt.role-supermod, #thread dl.userinfo dt.role-admin {
background-position: left top!important;
}

table.post tbody tr.altcolor1 td.postbody:after,
table.post tbody tr.altcolor2 td.postbody:after {
    content: "These materials may have been obtained through hacking";
    color: rgba(29,161,242,1.00);
    line-height: 32px;
    padding-left: 44px;
    display: block;
    height: 32px;
    position: absolute;
    bottom: 0px;
    margin-top: 12px;
    margin-bottom: 4px;
    background-image: url("https://i.imgur.com/7lVvHF4.png");
    background-repeat: no-repeat;
    background-size: 32px 32px;
}

#thread table td.postbody {
    padding-bottom: 50px;
    position: relative;
}

#thread tr.ignored dl.userinfo, #thread table.ignored td.postbody a {
    padding-bottom: 50px;
    display: block;
}

#thread dl.userinfo dt.role-registered, #thread dl.userinfo dt.role-banned {
    padding-left: 20px;
}

edit: fixed the author icon for registered non-platinum users

Jon Pod Van Damm has issued a correction as of 00:43 on Jul 1, 2021

# ¿ Jul 1, 2021 00:32

The Something Awful Forums > Discussion > C-SPAM > C-SPAM STYLESHEET STATION