C-SPAM STYLESHEET STATION

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

A Buttery Pastry: Sep 4, 2011; Delicious and Informative!

Trabisnikof posted:

I like the buttons and layout to the third one. I think some monochromatic icons would flesh the buttons out well while still staying print-like.

2. Newsprint grey for new posts, yellowed old news paper for old posts:

I added both to my mockup.

https://imgur.com/T0m9EuE

Terrorist Fistbump posted:

That one is for the deluxe Pravda C-SPAM theme.

# ? Feb 15, 2020 10:17

Adbot: ADBOT LOVES YOU

# ? May 24, 2024 22:28

dex_sda: Oct 11, 2012

A Buttery Pastry posted:

I added both to my mockup.

https://imgur.com/T0m9EuE

That one is for the deluxe Pravda C-SPAM theme.

I like the needles.

Though maybe the color should get more gold for higher votes. The newsprint is already yellow so it should fit

dex_sda has issued a correction as of 11:03 on Feb 15, 2020

# ? Feb 15, 2020 11:00

twoday: May 4, 2005; C-SPAM Times best-selling author

I find the paper background to be charming though I have to say it's replaced thunderbird email from 2002 with a geocities webring from 1997

# ? Feb 15, 2020 11:47

Platystemon: Feb 13, 2012; BREADS

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

# ? Feb 15, 2020 11:54

Siljmonster: Dec 16, 2005; by LITERALLY AN ADMIN

Report is BASTA

BASTA!

# ? Feb 15, 2020 13:21

Mandoric: Mar 15, 2003

Can we get the masthead to link back to the forum index? Most other vb forums which use a header image AND most newspapers that float their masthead up top behave this way, and I'm regularly clicking and then wondering why I don't get a thread list from it.

# ? Feb 15, 2020 15:26

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

Lightning Knight: Feb 24, 2012; Pray for Answer

I simultaneously don�t want report to be snitch because I appreciate when people report somebody doing race science or some poo poo in a thread that has five million posts, but I also do want it because it would be really funny

# ? Feb 15, 2020 21:26

A Buttery Pastry: Sep 4, 2011; Delicious and Informative!

ted hitler hunter posted:

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

Trying to join your mockup and suggestion with my earlier one:

https://imgur.com/2N9sIEw

And then a completely different aesthetic:
https://imgur.com/JGJ6A5o

# ? Feb 15, 2020 21:27

dex_sda: Oct 11, 2012

A Buttery Pastry posted:

Trying to join your mockup and suggestion with my earlier one:

https://imgur.com/2N9sIEw

And then a completely different aesthetic:
https://imgur.com/JGJ6A5o

I think I prefer the older mockups you did, personally; the one with the needle was my fave.

The different one is awesome though

# ? Feb 15, 2020 21:33

comedyblissoption: Mar 15, 2006

i like the gay space communism theme instead of this newspaper bullshit people seem to want

# ? Feb 16, 2020 08:41

HiHo ChiRho: Oct 23, 2010

Lightning Knight posted:

I simultaneously don’t want report to be snitch because I appreciate when people report somebody doing race science or some poo poo in a thread that has five million posts, but I also do want it because it would be really funny

I prefer "Call Their Manager" instead of snitch, tbh

That or RATMODE

# ? Feb 16, 2020 10:57

Platystemon: Feb 13, 2012; BREADS

@theiremployer

# ? Feb 16, 2020 14:49

Skyl3lazer: Aug 27, 2007; [Dooting Stealthily]

A Buttery Pastry posted:

I added both to my mockup.

https://imgur.com/T0m9EuE

That one is for the deluxe Pravda C-SPAM theme.

I don't love the paper texture but this is the best one so far. Still want verified check marks though.

# ? Feb 16, 2020 18:14

M_Gargantua: Oct 16, 2006; STOMP'N ON INTO THE POWERLINES; Exciting Lemon

A Buttery Pastry posted:

I added both to my mockup.

https://imgur.com/T0m9EuE

That one is for the deluxe Pravda C-SPAM theme.

i gotta say i appreciate it but the paper texture has enough contrast that it will get annoying after a few weeks. maybe do a mockup where you tone it down and have the color palete at least have a little alternating color shift between each post to make reading easier even though it ruins the homogenous paper look (because who cares about realism anyway).

same with adding enough of a shadow box around the buttons that you know theyre buttons you can click on

# ? Feb 16, 2020 19:05

mysterious frankie: Jan 11, 2009; This displeases Dev- ..van. Shut up.

comedyblissoption posted:

i like the gay space communism theme instead of this newspaper bullshit people seem to want

Agreed, though turning us into a fake newspaper of record is thematically appropriate, given a large number of us aren't so much political actors as we are crazy, stressed out people desperately trying to feel like we have some control and relevance in the chaos of the age.

# ? Feb 16, 2020 19:44

Trabisnikof: Dec 24, 2005

someone with a better depth of knowledge on constructivism should mockup one up.

little fabulous cosmonauts in the post icons, strong lines in primary colors, etc

# ? Feb 16, 2020 20:14

Sheng-Ji Yang: Mar 5, 2014

im not a huge fan of the newspaper thing either tbh. doesnt really fit cspam, seems way too serious. the probation/ban avs own though.

e: i do like the title but i think going whole hog into looking like the nytimes or w/e is too much

Sheng-Ji Yang has issued a correction as of 23:10 on Feb 16, 2020

# ? Feb 16, 2020 23:01

Centrist Committee: Aug 6, 2019

right, it should look like twitter if we�re being honest

# ? Feb 16, 2020 23:05

Sheng-Ji Yang: Mar 5, 2014

Centrist Committee posted:

right, it should look like twitter if we�re being honest

pls no thats even worse

# ? Feb 16, 2020 23:09

twoday: May 4, 2005; C-SPAM Times best-selling author

I like the newspaper idea obviously but gay space communism is cool too. Maybe make a list of options and do a poll?

# ? Feb 17, 2020 00:29

Victory Position: Mar 16, 2004

it's not crappy enough

# ? Feb 17, 2020 02:45

Victory Position: Mar 16, 2004

comedyblissoption posted:

i like the gay space communism theme instead of this newspaper bullshit people seem to want

I shoot you and you immediately die, my idea of a newspaper stylesheet being way more interesting and cool

# ? Feb 17, 2020 02:46

Accretionist: Nov 7, 2012; I BELIEVE IN STUPID CONSPIRACY THEORIES

This feels like a handful of people encouraging each other to get weirder and weirder.

Remember: Hundreds of people will be using this.

# ? Feb 17, 2020 02:54

Squizzle: Apr 24, 2008

it would be extremely in character for us to get partway thru a coherent idea, pivot suddenly to something else, but leave in place everything already accomplished. and do that again at least once

if we end up w newspaper/space communism/???? hybrid, i for one would be delighted

# ? Feb 17, 2020 02:58

Augus: Mar 9, 2015

Accretionist posted:

This feels like a handful of people encouraging each other to get weirder and weirder.

Remember: Hundreds of people will be using this.

I�m failing to see the problem here

# ? Feb 17, 2020 02:59

A Buttery Pastry: Sep 4, 2011; Delicious and Informative!

twoday posted:

I like the newspaper idea obviously but gay space communism is cool too. Maybe make a list of options and do a poll?

Actually, the admins should do individual stylesheets for every poster.

Sheng-Ji Yang posted:

im not a huge fan of the newspaper thing either tbh. doesnt really fit cspam, seems way too serious. the probation/ban avs own though.

e: i do like the title but i think going whole hog into looking like the nytimes or w/e is too much

Yeah, I kinda feel the same. Frankly, it'd be a better fit for D&D or BFC.

# ? Feb 17, 2020 06:39

Flavius Aetass: Mar 30, 2011

C-SPAM: a handful of people encouraging each other to get weirder and weirder

# ? Feb 17, 2020 09:11

Platystemon: Feb 13, 2012; BREADS

Accretionist posted:

This feels like a handful of people encouraging each other to get weirder and weirder.

Remember: Hundreds of people will be using this.

I�m sorry, but if you can�t be bothered to take an interest in local affairs, that�s your own lookout. Energise the demolition beams.

# ? Feb 17, 2020 10:25

dex_sda: Oct 11, 2012

I just want to have the needle

# ? Feb 17, 2020 11:03

HiHo ChiRho: Oct 23, 2010

Sheng-Ji Yang posted:

im not a huge fan of the newspaper thing either tbh. doesnt really fit cspam, seems way too serious. the probation/ban avs own though.

e: i do like the title but i think going whole hog into looking like the nytimes or w/e is too much

Eh, I always figured we were going to make a few style sheets and give an option to easily change them around. Just at the moment everyone has been working on the newspaper style one

# ? Feb 17, 2020 11:42

StashAugustine: Mar 24, 2013; Do not trust in hope- it will betray you! Only faith and hatred sustain.

Make it look like a newspaper from a Trotskyist splinter group

# ? Feb 17, 2020 13:46

dex_sda: Oct 11, 2012

Samizdat themed stylesheet

# ? Feb 17, 2020 13:57

twoday: May 4, 2005; C-SPAM Times best-selling author

StashAugustine posted:

Make it look like a newspaper from a Trotskyist splinter group

dex_sda posted:

Samizdat themed stylesheet

This is the Hegelian synthesis that this discussion needed

# ? Feb 17, 2020 15:37

Platystemon: Feb 13, 2012; BREADS

StashAugustine posted:

Make it look like a newspaper from a Trotskyist splinter group

Imagine competing Hoxhoaist and Posadist stylesheets.

# ? Feb 17, 2020 16:04

Anne Frank Funk: Nov 4, 2008

If we get CSPAM lite it should be themed after Underground, the Emir Kusturica movie.

# ? Feb 17, 2020 16:07

Centrist Committee: Aug 6, 2019

Make all posts look like emails from the DNC

# ? Feb 17, 2020 17:42

dex_sda: Oct 11, 2012

Centrist Committee posted:

Make all posts look like emails from the DNC

hillary is already locked up when probied in cspam

# ? Feb 17, 2020 17:45

vyelkin: Jan 2, 2011

Make this image the CSPAM background please:

Bobby Digital posted:

# ? Feb 18, 2020 16:37

Adbot: ADBOT LOVES YOU

# ? May 24, 2024 22:28

AARD VARKMAN: May 17, 1993

just want to say I'm frustrated by the quote text because every other forum you just scan the left side for the name and now I have to stop and focus to see who is being quoted. I like the idea of a custom one but not one that puts the name somewhere other than far left.

# ? Feb 20, 2020 18:51

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

«‹›20 »