[00:26:16] That looks amazing! [00:27:52] What did you use to make it like this [01:01:02] GUYS ILL BE HOME IN AN HOUR I PROMISE ILL TELL U GUYS [01:01:14] NO RUSH THIS IS SILLY WIKI LIFE TAKES PRECEDENCE [01:01:33] I didnt realize so many people would be interested!!!! [01:02:05] I found out how to do it on accident [01:18:09] [1/2] I made (or rather the bot I used made) a cancel button for the visual editor 😛 [01:18:10] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1441598599313232002/image.png?ex=692260d1&is=69210f51&hm=e8dc3fb3274af5c8448e78daffe3bf3e5a0719fc4e3bc2d20947cd31fec07ac7& [01:50:45] [1/25] @eytirth @horse14t @pixldev [01:50:45] [2/25] ``` [01:50:46] [3/25] @media screen and (min-width:768px){/ seperates each section / [01:50:46] [4/25] .mw-category-group{ [01:50:46] [5/25] background:grey; [01:50:47] [6/25] padding:1rem; [01:50:47] [7/25] margin-bottom:20px; [01:50:47] [8/25] } [01:50:47] [9/25] .mw-category .mw-category-group ul {/ sets colums inside the list itself / [01:50:48] [10/25] -moz-column-count: 4; [01:50:48] [11/25] -moz-column-gap: 10px; [01:50:48] [12/25] -webkit-column-count: 4; [01:50:49] [13/25] -webkit-column-gap: 10px; [01:50:49] [14/25] column-count: 4; [01:50:50] [15/25] column-gap: 10px; [01:50:50] [16/25] margin-bottom:2em; [01:50:51] [17/25] } [01:50:51] [18/25] .mw-category.mw-category-columns {/ actually sets the columns to sideways / [01:50:52] [19/25] -moz-column-count:4; [01:50:52] [20/25] column-count:4; [01:50:53] [21/25] columns:revert; [01:50:53] [22/25] } [01:50:54] [23/25] } [01:50:54] [24/25] ``` [01:50:55] [25/25] Here's the code snippet. Mine looks a little different because of extra paddings, colors, etc. But I set the category columns to revert and then just put columns in the category ul class [01:51:39] Does Miraheze automatically convert wiki images into .webp for faster loading? Do I need an extension or something? [01:59:40] AFAIK is does not [02:00:02] Idk if there's an extension for that or not [02:03:59] it really hurts loading some articles because they are image intensive, should be a built-in function for a wiki nowadays [02:19:14] Webp isn’t always a good choice, and theres always a possibility for compatibility issues [02:20:04] So in that case of a image heavy page ensuring the file is webp when uploaded would probably be your best bet, although I’m not entirely certain it would make a huge difference [02:38:41] [1/3] https://sylvius.miraheze.org/wiki/MediaWiki:Citizen.css [02:38:41] [2/3] could someone help me find whats defining that color there? the grey on top, im looking and looking with inspect but i cant find how to change it. [02:38:42] [3/3] https://cdn.discordapp.com/attachments/407537962553966603/1441618864952836229/1360f5efbac34b98cdb391a0f15c7b97.png?ex=692273b1&is=69212231&hm=3cda94a1439acdd1f27018c2b95032becfceeb49da7cf40fb2de021c97d06862& [02:43:21] Hello! How is everyone? [02:50:48] not bad~ just frustrated trying to figure this out lol [02:51:28] [1/2] Yes. Through Cloudflare. [02:51:28] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1441622079664422942/image.png?ex=692276af&is=6921252f&hm=88d64d85ce92ea9cf167433e66f4e292b31eb3a5d32c0ae6d78665b38406114c& [02:51:55] See https://issue-tracker.miraheze.org/T14220 [02:52:41] [1/3] Found it [02:52:41] [2/3] https://cdn.discordapp.com/attachments/407537962553966603/1441622385001369671/image.png?ex=692276f8&is=69212578&hm=b221f8715855f09015f6cf28685166a2dd1108c51ff7ed0c5343339cf8cda764& [02:52:41] [3/3] https://cdn.discordapp.com/attachments/407537962553966603/1441622385315938304/image.png?ex=692276f8&is=69212578&hm=f64d0a1f7f61760441d0378a7907368c2e58568cdbff5a1050487632217f8c1a& [02:52:53] [1/2] The colour is changed to be dark by these `background: transparent` params [02:52:53] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1441622436234788884/image.png?ex=69227704&is=69212584&hm=319c338cecab30b5aacd1e770f081fe9c0c06659451e42487882bca761327a1a& [02:54:09] doesn't seem to work on my wiki, I even tested it on PageSpeed Insights and it shows them as the same uploaded png/jpgs. Same for saving on the browser [02:55:17] https://cdn.discordapp.com/attachments/407537962553966603/1441623042047479980/Untitled.gif?ex=69227795&is=69212615&hm=e02dcf45560c59dd0b70488b77c868723fae60f5ce8c9f2738790250b6e3be5a& [02:56:18] Doesn't happen to all images. What's the pag? [02:57:17] https://geass.miraheze.org/wiki/Mordred [02:57:34] I wish u luck bro citizen was so frustrating that I changed skins entirely [02:58:00] though it works as it should on this one https://geass.miraheze.org/wiki/Lelouch_vi_Britannia [03:00:28] oml tysm. do you know how i'd disable those in code? [03:03:04] [1/3] You can override them using `!important` [03:03:04] [2/3] https://cdn.discordapp.com/attachments/407537962553966603/1441624998728171610/image.png?ex=69227967&is=692127e7&hm=a6f3c09cf579d3ae8e9afe69694321c89f8bc17d0f2410fdd9d6158315d871d3& [03:03:05] [3/3] https://cdn.discordapp.com/attachments/407537962553966603/1441624999067779174/image.png?ex=69227967&is=692127e7&hm=17cf3205810be6284c024f888ec9bb606bd485300351a60f067596ba521736fa& [03:03:24] tysm! [03:05:55] [1/3] You're welcome! [03:05:55] [2/3] If you don't want it effecting the top header too add `.citizen-below-page-title` next to `body` [03:05:55] [3/3] https://cdn.discordapp.com/attachments/407537962553966603/1441625713898819594/image.png?ex=69227a12&is=69212892&hm=97c79c9bb9c7daae8a961bb463bd41b6e4330f567af763586f2af0277b9b1e7a& [03:06:26] [1/2] These are webp images. If it says you can save 100kb by using webp just ignore it. [03:06:26] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1441625845528526990/image.png?ex=69227a31&is=692128b1&hm=e440a7d25afe42134bf57485b8ff040f0de1a37e065c9efd99b71f9cdbf945b4& [03:06:43] ooh thanks, genuinely a life saver 🙏🏻 [03:06:43] Your pngs are small anyway [03:07:05] thanks, some pages do save as webps though. [03:07:16] You're welcome! 🙂 [03:09:48] [1/2] not wanting to be rude- just wanting to ask why you made it this way [03:09:48] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1441626692178280539/image.png?ex=69227afb&is=6921297b&hm=67879b6c1bd59a216560a98ccd70901f79f01bc4f63c0692463291434ec80ab1& [03:10:41] no worries! its placeholder atm lol im gonna clean up which images im using, and blur the main one in the background. [03:10:55] im just getting things in place and learning lol [03:11:09] ohh okay [03:11:21] Yeah a good idea, accessibility and stuff actually do affect SEO, so something like that could actually cause your wiki to be shown lower on searches [03:12:36] a suggestion i have is to add these in your own personal css [03:13:11] cause if you're forking it's better to not make it so google lowers your site in searches [03:15:07] ahh yeah its okay, im not too worried about visability since its a personal site, but i'll keep it in mind! [03:15:30] ohh- didn't knew it was a personal site haha [03:16:08] no worries! mostly just for me and my friends, its like, some world doccumentation for dnd etc [03:17:22] good luck on your personal wiki btw [03:22:48] i love my personal wiki [03:22:56] it just feels like a fun lil passion project [03:25:53] That's basically like most wikis for people. It's like that for me and the My Life as a Teenage Rabbot Wiki. We originally started off on Fandom in 2019 (or 2017, I dunno), then we moved to Miraheze earlier back in August where I took customization to an all-new level. Still working on a balance on the wiki's overall identity™. [03:28:18] We can use Huggle on here, correct? [03:32:29] huggle? [03:41:26] how do i make it put theeee bar thingy on the left [03:41:29] mine its on top [03:41:43] i think it's a setting [03:42:26] are you using the vector skin? [03:43:08] :smile: what that [03:43:49] vector 2022, your wiki is "[The Forge](https://theforge.miraheze.org)", am i right? [03:44:06] [1/2] yes [03:44:06] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1441635327109234718/image.png?ex=69228306&is=69213186&hm=db0472d58e6f5636d7d90c797391a0922dd3ff1339747a7efac3023d21be9288& [03:44:33] unfortunately that feature is only on the [citizen skin](https://www.mediawiki.org/wiki/Skin:Citizen) [03:47:23] oh i see [03:50:28] [1/2] hmm, am i doing this wrong...? [03:50:29] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1441636929170051154/5b863ad65b35cf1cca87adc48e1210c5.png?ex=69228484&is=69213304&hm=cc3fa81afa40224ebe346d1db5c994a3bd208506ba5c6fa84a8df0d95e896ef7& [03:52:27] [1/2] You don't need the "html" part. [03:52:28] [2/2] Just have the target be `body.citizen-below-page-title`like in the screenshots. [03:53:20] is there a way to view all of my .css pages because I'm trying to access some css in a templatestyles but it keeps saying it doesnt exist [03:53:46] thanks! [03:57:05] You should be able to find the title from the src attribute for templatestyles [03:57:21] you'd think so! but the page comes up as empty [03:58:26] [1/2] this is so peak amirightguys [03:58:26] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1441638933946699847/image-3.png?ex=69228662&is=692134e2&hm=de0fb6ea1c1a97797601aeb64f0568184437fed041e79998ef3fa2dec0f4f7bd& [03:58:53] Maybe you're looking in the wrong namespace? [03:59:27] I can't think of what namespace it would be? I've tried both MediaWiki and nothing. but the css is obviously importing from SOMEWHERE so its like.... [04:00:25] oh i found it [04:00:31] for some reason it was in the Template namespace lol [04:01:29] That looks so good! [04:01:57] Yeah if there's no namespace given for the src, it defaults to Template [04:03:41] If I were to request Wiki Reviewer, do you guys think I will get support for it or no? [04:27:54] 👋 [05:41:50] how do i make certain infoboxes have several images kinda like in fandom [05:57:04] RfPs historically seldom favor candidates who aren’t at least semi well known in the community, without a nomination by someone well known at least [05:57:22] My suggestion, maybe give a go at a round of practice request questions [05:57:38] Like the ones Ro posted on the current RfWR [05:58:41] @rodejong loves these things, so if you’re interested in getting a feel for it, and for us to see how you approach the process, just ask. [06:04:57] tag [06:05:14] ah thanks! [06:08:05] <.maskedchallenger> Hey I just got my own wiki on Miraheze, but I'm still new to wiki creation in general. I'm wondering if anyone else has tried to emulate the style of the My Singing Monsters Fandom Wiki before and if there were any tips on where to start [07:14:47] [1/2] is there a way to add --var support for templates [07:14:47] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1441688346882740315/image.png?ex=6922b467&is=692162e7&hm=58182c53e9fc179092d6502e9e4cf1e4fcb787d7a3d765083843552c3da51f03& [07:16:38] It looks like a lot of pretty basic CSS, at least in my opinion. Do you have any experience with HTMLCSS? [07:18:12] [[mw:Extension:TemplateStylesExtender]] [07:18:13]

[07:18:20] thank you ❤️ [07:18:23] yw <3 [07:18:33] I knew there was something I just couldn't remember at all what it was called [07:18:41] mood [07:19:12] oh hm [07:19:17] it seems I already have it installed? [07:19:22] Is there a setting somewhere that I missed? [07:19:26] huh [07:19:48] guess: maybe it's var() being wrapped in rgba()? ^^; [07:19:55] probably :') [07:20:04] yeah iirc at one point sanitized css stopped accepting that [07:20:16] booo 👎 👎 👎 👎 [07:20:17] [1/2] color: var(--icespiceplaceholdervariable) [07:20:18] [2/2] --icespiceplaceholdervariable: rgba(var(--cream)) [07:20:36] h [07:20:37] hm [07:20:40] very shit hack but does its job ! [07:20:45] Yeah that's [07:20:46] ughhhh [07:20:51] bruhhhhhhhh [07:20:59] such is technology [07:21:04] is there any other way to change background opacity without impeding on text opacity [07:21:12] don't worry, it'll be a "temporary solution" [07:21:13] what that mean [07:21:36] setting a container to opacity:50% applies to everything inside including text. i only want it on the bg color [07:22:04] well ya ! just set background as background: rgb(from var(--spongebobbigguy) r g b / 50%) [07:22:26] yeah i guess that's what I'll have to do :/ [07:22:36] (or I can put it in timeless.css 🤭 ) [07:23:01] girllll ion know what u meaning [07:23:20] i can just put the code in timeless.css which accepts rba(var(--color)) [07:23:27] *rgba [07:23:32] orrrrr [07:23:39] gadgets? [07:23:40] just do var(--color) as rgb(0 ,0 ,0)! [07:23:43] <-- gadget lover [07:23:57] hm I guess I could do it manually [07:24:03] that's less annoying [07:24:06] elaborate? [07:24:16] [[mw:Extension:Gadgets]] [07:24:17]

[07:24:28] [1/3] heres why this is a good fix [07:24:28] [2/3] by having rgb in ur variables → --FART: rgb(255, 0, 0) [07:24:29] [3/3] you can then just do var(--FART) with ease [07:24:29] but i feel that having --color be rgb(...) is less hacky lol [07:24:44] if you wanted transparency on that color..... rgb(from var(--FART) r g b / PERCENTAGE) [07:24:46] problem is if you want to do something like `rgb(var(--var), 0.8)` which i assume is the case here [07:24:55] Yes this is what im doing [07:24:58] e.g rgb(from var(--FART) r g b / 50%) [07:25:02] for a 50% transparency [07:25:17] I can just input the rgba colors in manually instead of ugh [07:25:18] Idk [07:25:21] Ill fiddle around [07:25:37] yeah so dem could just do rgb(from XXX r g b / XX%) [07:25:42] I think im just not understanding [07:26:09] girl ok so here's an example [07:26:12] what is your cream variable rn [07:26:17] Uhhhhh [07:26:21] from my understanding its just XX, XX, XX right [07:27:06] [1/10] --bg-main:54, 32, 37; [07:27:06] [2/10] --bg-secondary:37, 22, 27; [07:27:06] [3/10] --red:139, 17, 7; [07:27:07] [4/10] --red-two:199, 40, 50; [07:27:07] [5/10] --orange:209, 80, 34; [07:27:07] [6/10] --orange-two:238, 124, 54; [07:27:08] [7/10] --yellow:217, 136, 68; [07:27:08] [8/10] --cream:225, 202, 170; [07:27:08] [9/10] --white:#F2EEEA; [07:27:09] [10/10] --text:#F2E4C6; [07:27:31] yes so cream is 225, 202, 170 [07:27:42]