[16:17:07] <mhbridgebot>	 [discord] <Neo Qwerty> I did a bad when I was coding my website and now I need to take some of my cosmetics out of the functionality part of my css and split them into two parts for theming.
[16:17:45] <mhbridgebot>	 [discord] <Neo Qwerty> At least when my wiki comes back online *boy will I know how to do my CSS correctly*
[17:37:56] <mhbridgebot>	 [discord] <aidzymosan> css is used to change the appearance of the wiki, right?
[17:38:09] <mhbridgebot>	 [discord] <Neo Qwerty> Yup!
[17:38:53] <mhbridgebot>	 [discord] <aidzymosan> i tried to change the theme several times but i didnt like any of those, maybe its time to dip my fingers into css and create my own
[17:39:13] <mhbridgebot>	 [discord] <Neo Qwerty> With CSS you can do a *lot*
[17:39:30] <mhbridgebot>	 [discord] <Neo Qwerty> as an example, off-wiki:
[17:39:31] <mhbridgebot>	 [discord] <Neo Qwerty> https://cdn.discordapp.com/attachments/615786602454581249/1057714425169190932/image.png
[17:39:55] <mhbridgebot>	 [discord] <Neo Qwerty> This is *all* graphically styled in CSS
[17:40:14] <mhbridgebot>	 [discord] <Neo Qwerty> The only html is the text and lists
[17:40:58] <mhbridgebot>	 [discord] <Neo Qwerty> (and it has CSS menu dropdowns, which I think you can also wrangle into a wiki if you wanted it)
[17:41:32] <mhbridgebot>	 [discord] <aidzymosan> well my wiki is private so it can look like those ugly websites you were forced to do in IT class but maybe i could do that as a c hallenge
[17:41:41] <mhbridgebot>	 [discord] <aidzymosan> if i remember correctly there is some extension that manages css, right?
[17:41:47] <mhbridgebot>	 [discord] <aidzymosan> well my wiki is private so it can look like those ugly websites you were forced to do in IT class but maybe i could do that as a challenge (edited)
[17:42:25] <mhbridgebot>	 [discord] <Neo Qwerty> Yes, but you can also use the MediaWiki:Common.css file
[17:43:37] <mhbridgebot>	 [discord] <Neo Qwerty> The extension CSS just lets you do the equivalent of <style> tags and per-page css stylesheets
[17:44:23] <mhbridgebot>	 [discord] <Neo Qwerty> For most users Common.css and the skin-specific pages are enough flexibility
[17:48:45] <mhbridgebot>	 [discord] <Neo Qwerty> The extension CSS just lets you do the equivalent of <style> tags and per-page css stylesheets <link> stuff (edited)
[17:49:04] <mhbridgebot>	 [discord] <Neo Qwerty> The extension CSS just lets you do the equivalent of <style> tags and per-page css stylesheets <link> stuff (to give the html equivalents) (edited)
[17:52:55] <mhbridgebot>	 [discord] <aidzymosan> man i thought im the best hackerman in all of eastern europe when i managed to create an infobox and NOW i have a tab manual:how to make mediawiki custom ski... they grow up so fast
[17:53:04] <mhbridgebot>	 [discord] <aidzymosan> man i thought im the best hackerman in all of eastern europe when i managed to create an infobox and NOW i have a tab manual:how to make mediawiki custom skin open... they grow up so fast (edited)
[17:54:18] <mhbridgebot>	 [discord] <Neo Qwerty> The natural evolution of Miraheze users
[17:54:20] <mhbridgebot>	 [discord] <NotAracham> Every challenge is the biggest challenge until the next one. 😄
[17:54:52] <mhbridgebot>	 [discord] <NotAracham> It stays fun, if occasionally frustrating, at least
[17:55:00] <mhbridgebot>	 [discord] <Neo Qwerty> Yup!
[17:55:24] <mhbridgebot>	 [discord] <Neo Qwerty> And sometimes a mistake becomes a feature!
[17:57:07] <mhbridgebot>	 [discord] <aidzymosan> editing custom skins happens in mediawiki:common.css, right?
[18:01:00] <mhbridgebot>	 [discord] <Neo Qwerty> I wouldn't know that one (I think *actual* custom skins need to be submitted to MH staff?)
[18:01:01] <mhbridgebot>	 [discord] <Neo Qwerty> 
[18:01:03] <mhbridgebot>	 [discord] <Neo Qwerty> but MediaWiki:Common.css is the page for customizing your wiki's looks in general yes
[18:01:26] <mhbridgebot>	 [discord] <aidzymosan> ok thats enough of learning for today
[18:03:36] <mhbridgebot>	 [discord] <Neo Qwerty> A good tool when you're learning css is figuring out how to open your browser's console to poke at everything under the hood. For firefox you can just use "Inspect" in your right-click menu and I think Opera has that feature too?
[18:04:35] <mhbridgebot>	 [discord] <Neo Qwerty> I don't know the shortcuts for the other browsers, though, I only check in Firefox and Opera for compatibility
[18:05:09] <mhbridgebot>	 [discord] <aidzymosan> i use firefox so ill do that!
[18:05:14] <mhbridgebot>	 [discord] <aidzymosan> firefox >>>>>>>>>>> everything
[18:08:50] <mhbridgebot>	 [discord] <Gummiel> Well Opera is Chromium based. And well firefox and Chromium and you accounted for like 99% of browsers 😉
[18:12:48] <mhbridgebot>	 [discord] <Neo Qwerty> That's true! I think the only blind spot I have is just. Mobile in general but that's why I have two friends who'd surgically implant phones into their arms pipboy style if they could
[18:14:53] <mhbridgebot>	 [discord] <Neo Qwerty> also imma be real the only reason I use Opera (or well, OperaGX) is because I can throttle its CPU usage and the GX version has a chaotic "I BROKE THE GAME AGAIN" youtuber right in my home feed
[18:14:53] <mhbridgebot>	 [discord] <Neo Qwerty> 
[18:14:55] <mhbridgebot>	 [discord] <Neo Qwerty> that and testing custom scrollbars
[18:15:44] <mhbridgebot>	 [discord] <Gummiel> Mobile browsers, don't allow access to inspector directly, mainly due to screen size, so you kinda have to connect from a desktop via a USB cable, I found some guides on how it should work, but never successfully managed it myself yet xD
[18:20:49] <mhbridgebot>	 [discord] <Neo Qwerty> I can generally troubleshoot mobile hiccups from eyeballing and checking the mdn compat grid or the caniuse notes, but I *do* tend to implement my mobile versions to trigger when I resize the window to be like... less than 600px wide on desktop, too
[18:21:54] <mhbridgebot>	 [discord] <Neo Qwerty> (also when I started designing to have my stuff keyboard-accessible that solved most of the mobile incompatibility on the functionality side)
[18:23:02] <mhbridgebot>	 [discord] <Neo Qwerty> (I'm still really proud that I made my css dropdown menus tab-able and working on mobile because they can be clicked and "held open" instead of needing hovering)
[21:45:52] <mhbridgebot>	 [discord] <Neo Qwerty> Tiny pet peeve against an unrelated webhost: I don't mind them adding their own (remarkably unobtrusive!) hosting banner, but what I mind is that they can't manage to bake in a visibility hidden and visibility visible on it so their footer doesn't block clicks on the last 50px of all my pages.
[21:47:51] <mhbridgebot>	 [discord] <Neo Qwerty> I had to handle it with css so it stops blocking my footer from also working (which is where my license stuff is placed) and I had to find out the visibility trick as a fallback for browsers who don't do pointer-events.