[00:26:11] Thank you!!! I've been wanting a new challenge and this has been really fun in general!! [00:39:59] But yes CSS can seem VERY weird, when you are first starting out [00:46:10] I've used CSS before but having to deal with info box classes and whatever is just confusing my brain [00:49:08] Yeah, that's a lot of MediaWiki starting out, esp lua modules [00:49:57] Once you wrap your brain around a few of the smaller hangups, the bigger ones get incrementally easier [00:55:32] Ohh, assming you are talking about infoboxes made with Portable infobox... yeah those are messy, how they don't use normal classes and id's like at all... [00:55:45] 👏 [00:59:43] I had to resort to selectors like these even, multiple times `.pi-header[data-item-name="classsectionheader"]`(ofc the thing in quote depends on the name parameter you give it yourself). Like seriously, that should just be a normal ID, but for some reason it isn't... [01:01:12] I have another hurdle now though. Spoilers. I've been trying to understand how the spoilers template from the Miraheze Developers Wiki works. I copied the JS in my JS file and the CSS too... do i have to create a template page too or just wait a bit till both JS and CSS setup and THEN use it on the wiki? [01:04:17] There is a spoilers extension, you can just enable in `Special:ManageWiki/extensions` on your wiki, that just adds a ` /spoiler` [01:05:40] Thing is, I was interested in the other one beucase i'd like to avoid having the big "show spoiler" button on the info box, and just have a simple blur (like the dev wiki had) [01:07:34] tbf, I wasn't aware there evne was a template version on the dev wiki (honestly, when I started out the dev wiki was very thin, so haven't paid much attention to it xD) [01:08:17] https://dev.miraheze.org/wiki/Template:Spoiler/doc [01:08:21] It's this one [01:08:44] Ok wait [01:08:54] I might have figured out how 😭 [01:09:10] But yeah you have to import the template itself too at the very least (And make sure you have the templatestyles extension enabled as well [01:11:19] It works! [01:11:59] Did not read far enough in the documentation and didn't know you could just import from dev 😭 [02:18:42] did i... just reinvent the wheel? i made [[mh:rainverse:template:inline spoiler]] [02:18:42] [02:46:29] There's also https://dev.miraheze.org/wiki/Template:HiddenText, which is inline. [06:01:07] there are now 15 competing wheels [06:22:25] is there an easy way to mass regex [06:22:31] bc i hate regex [06:22:48] my brain doesnt process the characters [06:24:15] there's [[mw:Extension:Replace Text]], but you need a tech team member to check if you can have it [06:24:16] [06:24:27] We should make another to be the 1 standard and then end up with 16 [06:25:20] bingo! [06:25:23] yea but i dont rlly wanna make a ticket for it........ [06:25:25] https://cdn.discordapp.com/attachments/407537962553966603/1384781026777370674/standards_2x.png?ex=6853ad54&is=68525bd4&hm=05e9035f6f09afb3a21fd3faa39737a70404bf41183c6e6b0b9ab1b186852776& [06:26:00] you can also ping someone to take a look real quick, success is not guaranteed tho [06:26:43] [1/2] + it's not that scary [06:26:43] [2/2] you literally just type your wiki's name and say you want the replace text extension [06:26:52] Just make the request on [[SR]] and someone will annoy us for you [06:26:53] [06:27:06] ok fine but i still want to replace a lot of stuff like right now [06:27:07] But also we're nice folks [06:27:21] Unfortunately we're a volunteer run farm [06:27:24] and learning regex is the faster way [06:27:31] Right now is rarely going to work round here [06:27:48] Have you tried MassEditRegex then @toastedwell ? [06:27:57] i am learning massedit regex rn [06:28:00] Exactly [06:28:18] but regex is scary and looks weird 💔 [06:28:22] ReplaceText doesn't use regex [06:28:43] was offering that since they were having trouble w/ regex [06:28:57] It is [06:29:12] ik our wiki was made before may 11th 2024 thou [06:29:20] but i doubt many pages were made back then [06:29:36] https://regex101.com my beloved... [06:29:37] We have a few people who speak regex in here [06:29:50] using the site rn and it still hurts [06:30:05] damn [06:30:27] hope you can power through 🩷 [06:44:16] what do you want to find and replace? :3 [06:47:05] [1/18] i wanna match: [06:47:05] [2/18] | airwing = 1 [06:47:06] [3/18] | airwinghp = 1 [06:47:06] [4/18] | spinals = 1 [06:47:06] [5/18] | missiles = 1 [06:47:07] [6/18] | lasers = 1 [06:47:07] [7/18] | pointdefense = 1 [06:47:07] [8/18] | repairequipment = 1 [06:47:07] [9/18] | maxrange = 1 [06:47:08] [10/18] with: [06:47:08] [11/18] | airwing = *1 [06:47:08] [12/18] | airwinghp = *1 [06:47:09] [13/18] | spinals = *1 [06:47:10] [14/18] | missiles = *1 [06:47:10] [15/18] | lasers = *1 [06:47:10] [16/18] | pointdefense = *1 [06:47:11] [17/18] | repairequipment = *1 [06:47:11] [18/18] | maxrange = *1 [06:47:21] discord formatting strikes again 💔 [06:47:27] [1/20] ``` [06:47:27] [2/20] i wanna match: [06:47:27] [3/20] | airwing = 1 [06:47:27] [4/20] | airwinghp = 1 [06:47:28] [5/20] | spinals = 1 [06:47:28] [6/20] | missiles = 1 [06:47:28] [7/20] | lasers = 1 [06:47:29] [8/20] | pointdefense = 1 [06:47:29] [9/20] | repairequipment = 1 [06:47:29] [10/20] | maxrange = 1 [06:47:30] [11/20] with: [06:47:31] [12/20] | airwing = *1 [06:47:31] [13/20] | airwinghp = *1 [06:47:31] [14/20] | spinals = *1 [06:47:32] [15/20] | missiles = *1 [06:47:33] [16/20] | lasers = *1 [06:47:33] [17/20] | pointdefense = *1 [06:47:33] [18/20] | repairequipment = *1 [06:47:34] [19/20] | maxrange = *1 [06:47:34] [20/20] ``` [06:47:43] is it specifically those parameters? or any params [06:47:43] yea [06:47:52] 1 is any param [06:48:04] uhhh i mean like [06:48:13] [1/2] it looks like this rn [06:48:14] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1384786766657224767/Zcnpd6M.png?ex=6853b2ad&is=6852612d&hm=499640334e3c63e71e764889446c557411e40621d7031f645b106a686f40151f& [06:48:15] if there's `| egg = meow`, do you want `| egg = *meow` [06:48:26] yea [06:49:00] worried that it would affect other block-formatted templates ^^; [06:49:05] but if you want, i can write it anyway [06:49:15] also it would be nice if it checked if the param existed [06:49:28] so it doesnt add the asterik in an empty param [06:50:56] claire saving the day again [06:51:09] 🙏 [07:03:27] sorry, i forgot about the request [07:03:41] https://cdn.discordapp.com/emojis/1197806118366347264.webp?size=48&name=paralyzingshock [07:03:48] its ok [07:03:57] [1/2] find: `^\| (\S+) = (.)` [07:03:57] [2/2] replace: `| $1 = *$2` [07:04:27] oh wow [07:05:22] wait [07:05:27] it doesn't account for extra spaces [07:06:30] [1/2] find: `^(\| \S+ = *)(\S)` [07:06:30] [2/2] replace: `$1*$2` [07:06:37] demo: https://regex101.com/r/CutKp5/1 [07:13:30] [1/2] fails here thou 💔 [07:13:31] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1384793129814589470/1C5SmnF.png?ex=6853b89a&is=6852671a&hm=d73fb22073d52ce0d5730f0584de71f33423d1d44af9584cc6a2d7e76545e345& [07:14:08] put / before and after the regex [07:14:11] /ice spice/ [07:14:25] actually [07:14:36] use `/^\| (\S+) = (.)/gm` [07:14:42] make sure to preview it though [07:14:44] before you execute [07:14:53] https://cdn.discordapp.com/attachments/407537962553966603/1384793477618864138/mg2nwcT.png?ex=6853b8ed&is=6852676d&hm=482d010ac1051ba3ecd9d818cd2d7475a26c4e8d2851df21c80214b2f0652085& [07:14:54] i dunno the default flags, so i'm using gm as a precaution [07:14:57] https://cdn.discordapp.com/emojis/1212836210909905006.webp?size=48&name=wires%7E1 [07:16:08] errors sadly [07:16:11] damn [07:16:15] what's it say? [07:16:40] https://cdn.discordapp.com/attachments/407537962553966603/1384793927474741288/cqSIEcY.png?ex=6853b958&is=685267d8&hm=a388f41ee52c3c9a10b78970ad6124354a3eff1b0b0f0a0adec0ffc379f1a5e3& [07:16:50] https://cdn.discordapp.com/attachments/407537962553966603/1384793969048682496/C9pYljl.png?ex=6853b962&is=685267e2&hm=b3cda39449f1e59836282e94d936f61a636b0610684c7e34418e438625626aa7& [07:17:19] yeah gm needs to be removed [07:17:25] bleh, this error [07:17:31] huh, gm being removed is odd [07:17:43] remove it needs slashes [07:17:48] because it needs slashes [07:18:13] goes through but makes no diff [07:18:18] https://cdn.discordapp.com/attachments/407537962553966603/1384794336830554154/IzQcjoj.png?ex=6853b9ba&is=6852683a&hm=e9d5528c376a7cfe5d5f1c5dfe97e60c9fe92b0e8c61043dd39dd1f6ef15f21d& [07:25:39] also i kinda need it to only find that one part of the template but i think i can slightly edit it to do that [07:27:04] yeah, that's what i was concerned about [07:27:41] https://cdn.discordapp.com/emojis/1250802107565740093.webp?size=48&name=devastated [07:35:09] i ended up writing my own custom edit bot lol [07:35:33] and a cursed transformer, featuring mwparserfromhell [07:35:48] you probably could get away w/ two regexes for this tho [07:35:50] depends tbh [07:36:11] i prb could [07:41:00] [1/2] i still dont know why it fails 💔 [07:41:01] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1384800051410239498/9LFumX4.png?ex=6853bf0c&is=68526d8c&hm=d380a78a7176a34ca015b4f22bac276fab72cc67a7314431fba095c85d1fe800& [07:41:47] me too 💔 [07:46:11] its the gm part [07:50:17] did it work without [07:50:43] without it doesnt work [07:50:45] makes no diff [07:50:51] https://cdn.discordapp.com/attachments/407537962553966603/1384802528176377876/lyChcKl.png?ex=6853c15b&is=68526fdb&hm=d757825b456b51ed05fe90c45fc021f4c2d62fbdd72f44e4d7cb6b041a92e874& [07:51:33] oh its the g [07:51:51] another wasted 20 min [07:56:42] Snago [07:56:58] Can anyone help me with the flag template thingy? [07:57:09] I'd like for the border to be gray instead of white but I can't figure out how to do it .. [08:06:47] border-color: grey; [08:06:48] ? [08:07:11] and also make sure you have a border u can target [08:15:35] where do I add that [08:15:39] so it's like, the default? [08:18:21] common.css [08:20:02] how to learn scribunto and js [08:20:21] mediawiki.common.css [08:20:30] Okay, I'll try [08:20:30] but often you want to put it in your skin css [08:20:52] Can you pls make the full code I have to add to common.css [08:20:57] For all flag borders to appear gray [08:30:33] [1/2] there are plenty of free tutorials online on css and js [08:30:33] [2/2] scribunto is lua realated tho? [08:34:45] scribunto is the name of the extension that adds lua support [08:36:48] we ought to add brainfuck support to scribunto [08:42:06] learning here [08:47:45] Coincidentally I left this as an exercise in [a recently written guide about regexes](https://meta.miraheze.org/wiki/Help:How_to_write_regular_expressions). [08:49:04] For mass text replacement, I find pywikibot a lot easier to use. All the server-side solutions are easier to mess up and difficult to verify. Pwb shows page diffs, which is really nice. [08:55:42] As usual, feedback is welcome. I tried to be beginner friendly in at the start but ended up throwing some really hard (if not impossible) exercises at the end... [09:52:43] [1/4] hello, a questione: [09:52:43] [2/4] How do I to populate those thumbnails for search window automatically based on images from article? [09:52:44] [3/4] I have TitleIcon as well as PageImages enabled and use {{#titleicon_file:Prestige Button.png}} plus [[:File:Prestige Button.png}} inside of the article. what else am i missing? does it simply take its time to populate it or something? do i need cirrus for it to work? [09:52:44] [4/4] https://cdn.discordapp.com/attachments/407537962553966603/1384833197321359410/image.png?ex=6853ddeb&is=68528c6b&hm=13f1e3cfd65682eb83799cf4ece7b23b2f91b8c59a913d532e20dbd71c6e564c& [09:53:34] link? [09:54:24] https://shminer.miraheze.org/wiki/Prestige [09:57:32] issue could be the titleicon file parser [09:57:38] pageimages probably couldnt detect it [09:58:13] so should i remove that one then? [10:03:57] gone, still no image in search thumbnail [10:09:14] [1/4] how can I modify a template I copied and slightly changed from miraheze wiki to: [10:09:14] [2/4] 1. Have the [Expand] button be centred instead of skewed to the top [10:09:14] [3/4] 2. Not make the title align to centre when expanded [10:09:14] [4/4] https://cdn.discordapp.com/attachments/407537962553966603/1384837350714114079/image.png?ex=6853e1c9&is=68529049&hm=833afe179a4def8d35698683a1c99d848219fec3ac4a6680b47f86a19462ce1b& [10:09:38] [1/9] ```html [10:09:39] [2/9] {{{!}} class="mw-collapsible {{#if: {{{expand|}}} || mw-collapsed }}" style="border:{{{border|1px}}} solid silver; margin-top:.2em; width:{{{width|auto}}}" [10:09:39] [3/9] |- [10:09:39] [4/9] ! style="background-color:{{{bg|#ccfffb}}}; font-size:85%; padding-left:.4em; padding-right:.4em" {{!}} {{{title|Details}}}/span [10:09:40] [5/9] |- [10:09:40] [6/9] {{!}} style="background-color:white; border:{{{outline|1px}}} solid silver; padding:{{{padding|8px}}}" {{!}} [10:09:40] [7/9] {{{1}}} [10:09:41] [8/9] |} [10:09:41] [9/9] ``` [10:28:21] [1/2] answer likely involves messing with css [10:28:21] [2/2] the css class of the toggle should be `mw-collapsible-toggle` iirc [11:03:40] [1/2] @huh_emma. hijacked account, idk what role to ping [11:03:40] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1384851051315728384/image.png?ex=6853ee8b&is=68529d0b&hm=0c8caa5cb26c2ca9e79ef52001dc2bcebe2ec6faef7c6ce6de770341bc82d3e8& [11:03:58] @Discord Moderators [11:12:51] Would anyone be interested to found a group for retaining vaild edit from Fandom and welcome the users who are under unfair treatment from Fandom [11:23:08] I don't think titleicon sets the pageimage [11:23:22] And since it's not in the article content, PageImages doesn't detect it [11:43:17] [1/2] Remove those comments pls! [11:43:17] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1384861021684105340/Screenshot_20250618_134034_Samsung_Internet.jpg?ex=6853f7d5&is=6852a655&hm=7f609a6d910e3f0ee41360f567965cd79b2545a40ae2b0849b4e611ee6098be3& [11:43:48] Doesn't matter! [11:44:36] They never remove those comments [11:48:19] @raidarr I'I'm not went underdetected! That User named User:LSStudiotheTsPHater1964 is not me! [11:48:35] Remove it! I'I'm innocent [11:49:08] He never change [11:51:32] I am not interested in discussing with you [11:58:15] that's interesting [12:03:41] they've been disruptive for quite some time and really ought to have been removed sooner [12:04:03] it's entirely possible that specific username was not them but it is irrelevant in light of their other activities [12:09:22] [1/2] my links dont appear in the infobox but appear in content? im using cargo to display data [12:09:22] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1384867586340028436/image.png?ex=6853fdf2&is=6852ac72&hm=a281a9c7bd9a4eae428246b786c88ae2ce5c41eefc5e840b4c5aa2c3c1d40710& [12:09:29] see here: [12:10:16] links? [12:10:31]   [12:17:54] did a null edit, and the cargo data is now being stored lol [12:18:10] dunno what you expected by links tho [12:28:42] notice how the Author just says & [12:28:48] its supposed to be & [13:06:45] [1/2] update: changed `creator` from `Wikitext` to `String` [13:06:46] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1384882027152674968/image.png?ex=68540b65&is=6852b9e5&hm=bd360fd46b6959404caccbe6a65112707c0807c74f004d9528c6f23ed80ded26& [13:06:54] ## & [13:07:12] & is an escaped & [13:07:34] in wikitext & is parsed properly, when using String apparently not [13:37:12] [1/2] So what do you suggest i should do to get a thumbnail image in search? I will add that for some reason page property of "page image" does not get populated at all (in action=info) [13:37:12] [2/2] Also the setting for grab only from section 0 is turned off [14:43:25] [1/2] Hi everyone! Complete newbie here. I have been watching a video on making infoboxes in Miraheze, and i have read the Help:Template, but in my still ignorance, i was wondering how posible is to create a simple infobox like this: [14:43:25] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1384906353641914428/image.png?ex=6854220d&is=6852d08d&hm=2ff4c4e393446a1731b019ba3fdfc46985ca48cd1d7bb7ba1abf7bc587cff83c& [14:43:47] Thanks in advance for your help [14:43:59] Well [14:44:08] Is it specifically an Infobox you want to make or a table [14:46:32] An infobox [14:48:30] [1/4] infobox is, usually, a compact, card looking table on the right side of the page, providing a brief summary of article [14:48:30] [2/4] what you show on screenshot is just a table, unless you meant to put picture under Unit Name, then we get standard wiki infobox [14:48:31] [3/4] the Help:Infoboxes tells you how to create infobox via table coding, we usually call them classic infoboxes [14:48:31] [4/4] if I'm thinking right about the video it mentioned, it must be about portable infobox - it's another method of coding, considering easier for newbies because it handles most complicated things about templates on its own [14:48:58] [1/2] here's another guide about infoboxes, it goes about portable method too [14:48:59] [2/2] [[Infoboxes]] [14:48:59] [14:49:55] in short, portable infobox is the easiest way to make simple infobox like you provided on screenshot [14:50:33] fandom muscle memory [14:50:47] no man, it's experience [14:50:57] right [14:51:08] i can build an HTML table infobox [14:51:18] i agree that pi much easier to construct a template [14:51:24] *portable infobox [14:51:28] but i acknowledge it can be confusing for someone else [14:51:56] anyone is free to copy my horrible code lol [14:52:09] just don't expect me to provide fast help for it [14:52:26] hm about the mobilefrontend thing to replace common.css with mobile.css, is the replacement also possible with the js one? [14:52:30] [1/2] Gonna try PI, thanks. In others wiki about the subject, the infobox data is usually, as you said, in the right side of the page, top to down. I was thinking in something more central, left to right. [14:52:30] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1384908637700489226/image.png?ex=6854242d&is=6852d2ad&hm=2f26f0040eb8b90ede9fc734b06e2c30dc80e4a2bb76223cf68a94ddf7fb487f& [14:52:32] like common.js into mobile.js [14:54:00] non standard looks will require classic table method, but they also might look bad on mobile screens (unless you don't care about mobile adaptivity of your wiki) [14:54:24] I am not very worried about it [14:55:07] unless if flexbox would help turning it horizontal [14:55:26] [1/2] yeah, I don't remember the exact import code tho [14:55:26] [2/2] but there will be a very noticeable flash on load, we tried that on pizza tower wiki initially [14:55:48] depends on complexity [14:56:08] ImportArticle..... something [14:56:26] imma hop off now [14:56:32] Not necessarily, using groups with `layout="horizontal"`, might be possible to get what they are asking for. Though yeah a table might still be easier, I would agree to that [15:08:35] not sure what kind of css poking would place image to the side, unless using custom image placement in horizontal group [15:16:03] Looks like my idea was harder to implement than i tought...🤔 [15:18:54] non standard infoboxes are fun buuut yeah, a bit of creativity is required [15:19:07] i did some, horrible code inside lol [15:19:43] [15:19:49] Way above my current knowledge and/or paygrade 😆 [15:21:55] [1/2] would anyone happen to know how to make the tabber buttons appear underneath the content instead of on top [15:21:55] [2/2] oddly specific question, but im trying something out [16:31:57] I've been trying to find ways to implement non-standard infoboxes for TCG cards myself, since a standard infobox just looks wonky. [16:46:50] how do i create a tiling background for my wiki [16:47:47] my fps is totally in great shape [16:47:50] how do i slap a background image [17:34:24] [1/2] also how do i swap this text for an image [17:34:25] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1384949384826982420/Screenshot_2025-06-18_at_1.34.05_PM.png?ex=68544a20&is=6852f8a0&hm=24dbe8cec86930748c1e1543cd2b010d894b2f13b4e4335d6f6a8406fb25ee9d& [17:38:00] this is a wordmark, you need to upload image to wiki and then set it via styling settings, see additional settings link in admin sidebar [17:39:18] [1/2] first upload image on wiki, then you'll need to add CSS code for making it a background [17:39:18] [2/2] Cosmos is the only skin to offer setting solution instead of CSS poking for that [18:00:44] what does $wgTimelessBackdropImage do [18:06:29] ok [18:06:31] now i have another issue [18:06:33] https://cdn.discordapp.com/attachments/407537962553966603/1384957471860199465/image.png?ex=685451a8&is=68530028&hm=67bbe2f313ddc8795b735691a74c7a19a0f1a79e547975938dbfacc13cd8a415& [18:06:44] how do i make the menu always moved to the sidebar [18:06:46] for everyone [18:07:47] How to change kb limit in wiki [18:08:44] Like, I wanna add a many builds to my list but it says it change is bigger than that limit [18:08:59] Received your response, just wanted to thank you again for the reply and for your patience. [18:11:30] Same to you as well, a proactive check is far preferred over unhappy surprises down the road. 😁 [18:15:53] I found this setting but I can't edit [18:16:23] how to change it? [18:16:44] kb limit? [18:16:53] uploaded file size? [18:17:41] [1/2] are you uploading hundreds MB archives? [18:17:42] [2/2] i suggest to use cloud drives and just post links [18:18:30] Miraheze isn't suitable for file hosting, and it's against content policy [18:18:47] oh okay [18:19:08] It is just build strings [19:02:43] what does $wgTimelessBackdropImage do? [19:04:06] it's for background image on Timeless skin but it's so small, you'd still have to CSS poke around it to make a real background thing [19:04:17] Man. [19:04:39] i tried adding uhh [19:05:21] [1/4] ```body::before { [19:05:21] [2/4] content: ""; [19:05:22] [3/4] background: url(link to image); [19:05:22] [4/4] }``` [19:05:23] to the css [19:05:34] (and yes link to image was properly adjusted because i can't post links) [19:06:51] #verify to be able to post links btw [19:07:20] oh gg [19:07:22] thats awesome [19:45:19] honest [19:45:23] reaction [19:48:23] Let's quit posting this please, otherwise timeouts are next step. [19:59:49] does this sticker basically just mean "time me out pls" [20:01:18] dude you keep posting it for no reason [20:01:32] in main support channel of all places [20:01:35] please stop [20:01:59] so im using like [20:02:01] vector-2022 [20:02:08] for my base wiki skin [20:03:27] [1/2] and i wanna make the general stylization like this [20:03:27] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1384986893313114274/3.png?ex=68546d0f&is=68531b8f&hm=e7398a40e7b4b542a66699f74875ef234e43c0997ee2361d3432287eb9f38175& [20:05:34] [1/2] or make the part that actually contains text slightly translucent [20:05:35] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1384987426744832020/3_1.png?ex=68546d8e&is=68531c0e&hm=bfc6bd7761520052088a1a95e34c4aa4cf0af06f0765f63b9d3c7192f12521f4& [20:14:12] [1/6] i don't have examples of wikis doing that on vector 2022, but general process of modifying css: [20:14:12] [2/6] - right click on bg spac [20:14:12] [3/6] - element inspector or something like that [20:14:12] [4/6] - a console w/ HTML code and stuff will open, you need to find what class or id is for background [20:14:13] [5/6] - define/change bg stuff in CSS [20:14:13] [6/6] - add your code to CSS page, in your case MediaWiki:Vector-2022.css [20:14:30] im on phone so can't help further [21:15:14] why doesn't this work [21:28:36] i never knew this was the main support channel [21:31:52] typically yes although it can do other things [21:32:04] but with limits as you see [21:32:24] tbh there isn't really support for spam or just plopping content here, many other servers for that [21:49:59] why does body::before not work.. [21:57:01] like [21:57:30] if i add background-image: url(https://static.wikitide.net/ubgwiki/2/26/Background.png); to the body code [21:57:33] it works as intended [21:57:42] but when i do body::before it doesn't seem to work [22:00:44] i'm not on laptop so i can't experiment, but what happens if you make it a block element and/or explicitly set its size so that it fills the viewport [22:01:16] what [22:01:31] ok just to say i know basically no CSS/HTML [22:01:48] https://cdn.discordapp.com/attachments/407537962553966603/1385016677443571874/image.png?ex=685488cc&is=6853374c&hm=5195601015523626ba8042f2a7778899590daa90dc19070bec4108c6e173b4b6& [22:02:04] i just discovered that adding background-image to this code does its magic wonderfully [22:02:21] but i need to figure out how to get this added onto the CSS [22:02:25] I was wondering why you were using before [22:02:36] that change can be applied to skin or global css [22:03:03] skin is the preferred method but you will need to use the stylesheet name of the skin you're building for [22:03:34] im using vector-2022 as my skin [22:03:49] not sure how much this helps [22:10:18] [1/4] ```body { [22:10:18] [2/4] content: ""; [22:10:19] [3/4] background: url(https://static.wikitide.net/ubgwiki/2/26/Background.png); [22:10:19] [4/4] }``` [22:10:22] it appears that this doesn't work [22:19:23] the whole content line should go [22:19:37] I forget what the path was for v22 css [22:19:46] im shoving it in common.css [22:19:54] MediaWiki:Vector-2022.css, that was it [22:20:02] but common will work although it's inelegant [22:20:15] it will take some time to update, you can see the results much sooner if you try it in userspace first [22:20:24] but the content thingie won't work at all [22:20:36] yeah idk wtf im doing [22:20:44] besides that you got it right [22:22:08] how do i try it in userspace? [22:22:56] you can find your user css files in Special:Preferences under the appearance section [22:23:07] otherwise it's User:Yourname/common.css or whichever css [22:23:54] that's also a trick to getting the names for mediawiki css files, by grabbing what it gives you in appearance for user css and then just changing the stuff behind that to Mediawiki:. It isn't always intuitive, as you see with vector 22 having particular spelling [22:34:50] i got it working :) [22:35:21] [1/2] now how do i make this happen instead of this [22:35:21] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1385025117842833439/image.png?ex=685490a8&is=68533f28&hm=260b148d240a96b2e89e13c6ceb12a6479094d2017d068f9d344409e5249aad0& [22:46:23] @abaddriverlol i was told to ping you to prove that my miraheze and fandom names were the same? [22:48:18] ^ context for others in case of confusion: https://issue-tracker.miraheze.org/T13817 [23:07:38] okay, it appears i need to change background-color-base into ffeeeef6 [23:07:58] how do i do this in css [23:08:35] do i just chuck background-color-base: #ffeeeef6 into here [23:08:38] or something? [23:22:59] Thanks, I'll link the edits tomorrow [23:29:25] Hi, my wiki randomly stopped rendering our custom CSS. I was wondering if something happened on Miraheze's end or did we break something? [23:29:30] Wiki is https://lovebullet.wiki/wiki/Main_Page [23:30:41] [1/3] Screenshot of what it looks like now vs a bit closer to what it should look like [23:30:41] [2/3] https://cdn.discordapp.com/attachments/407537962553966603/1385039043015872643/image.png?ex=68549da0&is=68534c20&hm=12551cb963750a4e6a5b8c46755001f490b34997fad1ba2866f2b420d1f77619& [23:30:41] [3/3] https://cdn.discordapp.com/attachments/407537962553966603/1385039043347349535/image.png?ex=68549da0&is=68534c20&hm=1ce2144944d9b8ce7532d62e742f0396761755b78ae8d400fdafed613d1aecbc& [23:31:46] you wouldn't happen to have the css in common.css, would you? [23:32:12] We might? [23:32:14] Let me check rq [23:34:09] According to the guy who set this up the first time he shoved all of it in citizen.css [23:34:16] Oh wait [23:34:26] And how I see what broke thanks [23:34:46] so how do i make this happen and change the white text box with this [23:34:47] glad my pointing to an irrelevant issue helped :3 [23:35:07] Okay he got it confused we are using common.css [23:35:09] Mb sorry [23:35:19] I haven't done wiki maintaince in way too long I forgot how we set things up [23:35:25] aha [23:35:50] and do you happen to have mobilefrontend enabled [23:35:59] Citizen as our general skin, common for all our other screwery [23:36:06] I don't remember ever enabling that [23:36:12] but where would I check for that [23:36:23] ManageWiki/extensions [23:37:15] Yes [23:37:28] I assume that is what is breaking things? [23:39:34] [1/2] there is indeed an issue with common.css deciding not to load when mobilefrontend is enabled [23:39:34] [2/2] but am checking your common.css and it doesn't seem to be the one loading in the image on the main page [23:40:12] Yeah we use https://lovebullet.wiki/wiki/Template:MPBanner [23:46:01] i think this might be CSS classes changing for citizen actually [23:46:28] `.skin-citizen-light` is just not there right now [23:46:52] Fun [23:47:06] So if we update that to the correct value then things should work? [23:51:45] ok [23:51:48] perhaps someone with more citizen experience would know better [23:52:26] [1/5] it appears putting [23:52:26] [2/5] ```:root,.skin-invert,.notheme { [23:52:27] [3/5] --background-color-base: #fee; [23:52:27] [4/5] }``` into common.css doesn't work in changing the white into a very light red [23:52:27] [5/5] https://cdn.discordapp.com/attachments/407537962553966603/1385044518277091488/image.png?ex=6854a2ba&is=6853513a&hm=2b296f965a8fd10eeade27e076c7c3cce7786c05f41819dbacc41d4db4c9a247& [23:52:36] Alright [23:52:40] Thanks for your help regardless! [23:52:43] Good information [23:54:36] [1/2] @ruckerenum the skin's github's wiki (what a combo) does seem to recommend using `.skin-theme-clientpref-light` though, if that tells you anything https://github.com/StarCitizenTools/mediawiki-skins-Citizen/wiki/Customizing-Citizen-styles [23:54:36] [2/2] I couldn't find any evidence of `.skin-citizen-light` being removed or anything though, so that change surprises me [23:55:15] Crazy wikiception [23:55:25] I'll try to get everything back online then [23:55:31] Thank you so much for the info