Discourse vs. Community Server
-
What happened to breadnoseguy?
-
I still favour making our own fork called "Intercourse".
A fork of Discourse,
Intercourse of course
-
I don't have a good scan of it any more.@ben_lubar said:
What happened to breadnoseguy?
-
@HardwareGeek I seemed to have missed that you had already called it "this curse", sorry.
-
If you really want custom CSS, that's what user stylesheets are for.
In re the post separators, if anyone cares... here's what I put into Stylish for what.thedailywtf.com:
.topic-body { border-top-width: 3px !important; border-top-color: #000000 !important; }
I like 'em thick and black. Discuss...
-
New stylesheet:
a[href="#tag"] { background: lightgrey; padding: 3px; color: black; border-radius: 2px; } a[href="#tag"]:hover { color: black; } .topic-body { border-top-width: 3px !important; border-top-color: #000000 !important; } .topic-avatar { border-top-width: 3px !important; border-top-color: #000000 !important; } .gap { border-top-width: 3px !important; border-top-color: #000000 !important; } .reply-to-tab { border-top: none !important; } .gap { border-top: 3px solid black !important; width: 832px !important; }
Screenshot:
Filed under: stylesheet
-
-
Please don't use !important everywhere (or at all). Use specificity like CSS was designed for.
-
User-Agent styles need !important to override webpage styles.
-
This post is deleted!
-
-
I started making my own tweaks, although I didn't finish.
It was looking like this:#main-outlet { Â Â Â background-color: #ddd; } article { Â Â Â margin-bottom: 2px; Â Â Â background-color: #F4F4F4; } article { Â Â Â border-top: #ccc solid 1px; Â Â Â border-right: #888 solid 1px; Â Â Â border-bottom: #888 solid 1px; Â Â Â border-left: #ccc solid 1px; } .topic-avatar { Â Â Â position: relative; Â Â Â margin-right: -12px; } .topic-avatar .avatar { Â Â Â position: relative; Â Â Â left: -12px; Â Â Â box-shadow: 2px 2px 1px #ddd; Â Â Â border-color: #ccc; background-color: white; } .topic-meta-data { Â Â Â /*background-color: #d7e3ed;*/ Â Â Â border-bottom: 1px solid #ddd; }
-
You're doing God's work, son.
-
That looks awesome.
-
So⌠how exactly does the user override a CSS rule set by the page author via a
style
attribute? Or by putting it on an element with a specific ID?If I've read the rules right (which is a big âifâ; it's a W3C spec after all) then the only way for a user to override something that the page author has actually set is to use
!important
. Non-!important
user rules can set things that the page author doesn't care about, but that's not that likely to be of much use in a major restyling of a Discourse-based site.
-
So⌠how exactly does the user override a CSS rule set by the page author via a style attribute?
Yes,!important
is needed in that case, but I think @errorâs point was âDonât abuse itâ. If your stylesheet works without it, donât put it.Or by putting it on an element with a specific ID?
Iâm not completely sure, but I think something likebody #id
should work since itâs more specific than just#id
.
-
I started making my own tweaks, although I didn't finish.It was looking like this:
You're sort-of kind-of approximating Discourse's original launch theme. It's tough to find it in the wild anymore, since most active Discourse sites got the current flatter Win8/O365-ish theme auto-deployed during regular upgrades, but here's one forum that's still rocking the 0.8 style. Lots more grays, with comments defined in bubbles. I like it a lot more than the flat style, but it's a pain in the ass to re-skin the whole site.
-
Funny, I hadn't realized that. I suppose I can be unconsciously mimicking a style I saw somewhere once.
I'm glad you guys like it. I made a few more tweaks: changed the look of post header; fixed the avatars in expanded posts and made their shadows slightly darker; made the reply box stand up a bit more (you may have noticed I have a thing for box-shadow).
#main-outlet { Â Â Â background-color: #ddd; } article { Â Â Â margin-bottom: 2px; Â Â Â background-color: #F4F4F4; } article { Â Â Â box-shadow: inset 2px 4px 3px #ccc; } .topic-avatar { Â Â Â position: relative; Â Â Â margin-left: -12px; } .topic-avatar .avatar { Â Â Â position: relative; Â Â Â left: -12px; Â Â Â border: 1px solid #888; Â Â Â box-shadow: 2px 2px 1px #888; Â Â Â border-color: #ccc; Â Â Â background-color: white; } .topic-meta-data { Â Â Â background-color: #d7e3ed; Â Â Â border: 1px solid #888; Â Â Â box-shadow: 2px 3px 1px #ccc; Â Â Â padding-left: 0.2em; Â Â Â padding-right: 0.2em; } #reply-control { Â Â Â box-shadow: 0px -5px 5px rgba(128,140,140,0.5); Â Â Â background-color: #D9E6F0 !important; } #reply-control .grippie { Â Â Â background-color: #d4e0ea !important; } #wmd-button-bar, .wmd-button { Â Â Â background-color: #acb6be !important; } .wmd-button:hover { Â Â Â background-color: #f1b423 !important; }
I'm really enjoying the new look:
Filed under: FUCKING HELL WHY DOESN'T IT CAPTURE THE MOUSE POINTER
-
Yes,
!important
is needed in that case, but I think @errorâs point was âDonât abuse itâ. If your stylesheet works without it, donât put it.
But you've also got the classic problem of how to keep the style working.
@VinDuv said:Iâm not completely sure, but I think something like
body #id
should work since itâs more specific than just#id
.
I was under the impression that specificity only distinguished between styles within the same importance level, which is what!important
modifies. (I may be way wrong though, and the W3C spec isn't very clear here. They are TRWTF, now and forever.)
-
There's a white line right above my post in that picture which is bothering me.
-
There's a white line right above my post in that picture which is bothering me.
Fix:
.topic-body, .topic-avatar, #topic-closing-info { border-top: 0 !important; }
(not sure why the code highlighter puts a #selector in bold red but does nothing for .selectorsâŚ)
@Zecc: Feel free to integrate it to your stylesheet (which is very nice BTW)I was under the impression that specificity only distinguished between styles within the same importance level, which is what !important modifies.
Youâre right (I tested it while writing the above snippet â looks like my browser puts any user-defined custom CSS between its internal one and the ones provided by the page, so its priority is indeed very lowâŚ). And yes, the whole thing is a mess. Having multiple levels of priority would probably be better (although debugging priority problems would be even more frustratingâŚ)
-
In re @ben_lubar and @dkf: exactly!
And since this is a user style. â¸Who the hell gets to tell me what I can or can not put in itâ˝
Is this not exactly a subspecies of the issues here?
Filed under: Try to keep up
-
Of course, what we need to do is to implement a âmanagementâ mode for CSS. In management mode, everything is
!important
, all the time and equally, and it is up to the software to figure out what order to do things in while being under the threat of summary dismissal if it gets it wrong (even if figuring out what that means involves time-travel, clairvoyance and a ouija board).Filed under: bringing modern office practices to modern office tools
-
I like the "management mode" idea! It's probably awful enough to even get the W3C to sign off on it :)
I tend to work under that mode most of the time... and the board members and my boss don't seem to find the "If there is no blood, there is no emergency; If there is a large amount of blood, it's cleanup and still not an emergencyâŚ" speech amusing. Especially when it was preceded much earlier by the ".âŚalways time to do it overâŚ" speech.
-
I'm really enjoying the new look:
Fuck me that's hideous. Stop using all those dropshadows. It's like you just discovered Photoshop. Also the fugly plethora of greys, borders and hardly any padding at all. Are you a programmer? This is how programmers "design" things.
Where's the dislike button?
I haven't had enough sleep so I'm taking it out on you.
-
You're doing God's work, son.
@dhromed said:Fuck me that's hideous.
I detected a slight change of heart.
In any case, these are my tweaks. Get your own!I see you got a trophy. Good.
Fix
Thanks. I was having trouble finding the culprit.
-
I detected a slight change of heart.
You started out good, but then you went off the deep end in a fantastic twist of style.
-
You started out good, but then you went off the deep end in a fantastic twist of style.
Not so much a twist of style as going overboard with what I already had.
I was the first to admit my excessive use of shadow, but for the record it was already there in the first screenshot, albeit much more toned down.I'm not as much designing as I'm messing about with properties seeing what comes out of it. I like the 3D look, but yes, it needs improvement.
Since then I've added
border: 1px solid #444;
to some elements to avoid the blurriness and increased the padding before the username a bit. I also (hopefully) improved the shadows somewhat.It's looking like this at this time:
As for the colors, I reused colors from Discourse and CS for the most part. It lacks terribly in the contrast department, I'm aware of it. The baby blue in the reply box I copied from DC's header, and while i find it tolerable, it has got to go.
I haven't got time for this right now, but â it goes without saying â feel free to send me your feedback/insults.
-
I was under the impression that specificity only distinguished between styles within the same importance level, which is what !important modifies. (I may be way wrong though, and the W3C spec isn't very clear here. They are TRWTF, now and forever.)
Absolutely. I still can't help reading "!important" as "not important".
-
Since then I've added border: 1px solid #444; to some elements to avoid the blurriness and increased the padding before the username a bit. I also (hopefully) improved the shadows somewhat.
YOU MADE IT WORSE, YOU BLIND MOLE RAT.
-
The baby blue in the reply box I copied from DC's header, and while i find it tolerable, it has got to go.
Yeah that's my fault.
-
You're sort-of kind-of approximating Discourse's original launch theme. It's tough to find it in the wild anymore, since most active Discourse sites got the current flatter Win8/O365-ish theme auto-deployed during regular upgrades, but here's one forum that's still rocking the 0.8 style.
That looks much nicer than the current Discourse theme.
-
With discourse we are on bleeding age of technology.
The only thing bleeding is my brain.Anytime you go on the bleeding age, it is bound to cause some hick-ups.
Is that what you call it when country farmer boys can dunk a basketball?
-
The only thing bleeding is my brain.
Obvious, you're feeling weak as a result. Take break from internet. Go and spend time with your family.
-
WTF is this fucking discourse bullshit? Good god it's fucking painful.
-
Welcome to our world.
-
-
Infinite scrolling is a barrier to complaining about Discourse ... just sayin...
-
Wait wut?
Infinite scrolling is fine all the time you don't have to do it. Now I'm keeping up with posts pretty frequently, I never really see more than a page's worth (10-15) of posts behind so for me I never see it.
Until last night I tried it on an iPad 3 still running iOS 6 and I think I must have accidentally pressed the home button up top of a long thread and watched it try to dial back 30 or so posts at a time. It was painful.
-
-
ZOMG, how lucky we've been, then.
My weekend goal, replace the like action with replyGif functionality that allows you to select one of N troll Discourse messages.
For an added bonus, also mention @mikeTheLiar while at it.
-
Filed under: Feature request: keyboard shortcut that brings up menu with FTFY, TDEMSYR,
PinkPurple dildo...I'd be willing to have that functionality merged.
Filed under: you might have to bribe me though
-
You had me at Purple Dildo
-
-
Dammit, it's like this topic is turning into the Official Likes Thread.
-
As opposed to the official Mikes thread? (If there's another Mike out there, watch out!)
-
You want to be merged with a Purple Dildo? I'm sure that can be arranged.
-
I could use it for my research.