My wiki (where I make all the changes): Roblox BEAR Wiki

1. How do I customize the Special:Gallery of new files box?

For the Special:Gallery of new files, I want to customize this section of it to look like the mock-up below. Although, I don't know what code to put into my wiki's Common.css to make this change.

Mock-up:

2. How do I customize current/selected image in image light-box?

For the image light-box, I am struggling with finding out what code is required for me to customize the border and color of the current/selected image that I am on (the right side of the screenshot). I did try adding ".wds-is-current" after "li" to the coding below, but it doesn't work:

.LightboxModal .LightboxCarousel .LightboxCarouselContainer li {
    border: 1.5px solid var(--highlight2);
    border-radius: 5px;
    background-color: var(--main2);
}

3. What coding do I need to add to make thumbnail images have a border-radius, but excludes other images, such as galleries, sliders, and infoboxes?

Lastly for thumbnail images, I want them to have a border-radius of 5px. I ended up finding the code below that would make this happen:

.page img, .thumb .image .thumbimage {
	border-radius: 5px;
}

The only problem is this code makes it so that every every image has a border, which ended up making images, such as gallery images, have their border not lining up with the border-radius, looking like this:

I did make an attempt to find an additional line of coding that excludes images like galleries, infoboxes, and sliders from this change, adding the line "not:(.wikia-gallery-border-small, .fandom-slider, pi-image, pi-image img)", after ".thumbimage", but it would not add the border-radius to the thumbnail images.

Using the ImprovedUserpages.css, I edited some of its coding for my wiki's Common.css. However, I have come across an issue regarding the user profile navigation link. When I hover over the box, the text doesn't change. The text will only change when I hover over the text itself.

Hovering over box:

Hovering over text:

What changes would I have to make to the coding in order for the text to change when I hover over the box? Furthermore, if it's possible, how could I make it so that the Fandom icons also change color and gain a shadow while hovering over the box?

I've been updating the navigation templates with a new design, specifically Star Skins navigation, to have the inside of the navigation look like one of the mock-ups shown below (I haven't decided on which mock-up I would end up using, but I want to try them both out):

However, I am having a hard time trying to make the tables under the Bear "header" to be more spaced out (like mock-up #1), or be combined into one (like mock-up #2). I did try using some attributes but I have been unsuccessful at solving the problem (below is what the template currently looks like).

What coding would I need to change/add to make the template look like the mock-ups?

Lastly, how would I go about making the colors on navigation templates change depending on the wiki theme? I assume it would be something similar to the code given to me for notice templates.

.notice-box {
  color: #fff;
  border-radius: 5px;
  margin-bottom: 7px;
  width: 70%;
  border: 1.5px solid var(--theme-accent-color);
}
.theme-fandomdesktop-dark .notice-box {
	background-color: #332C18;
}
.theme-fandomdesktop-light .notice-box {
	background-color: #2A5976;
}
/* Notice Templates */

Does anyone know how to add custom fonts that aren't in Google Fonts? I'm trying to add the Zekton font to https://undertale-soul-ops-2.fandom.com/

In the Roblox BEAR Wiki, I am planning on making infobox template's border size and color be more inline with that of the wiki's accent color, in both light and dark themes, as the infobox's border appears to be a darken variant of the accent color.

Example:

• Accent Color Hex: #6cc6ff

• Infobox Border Color Hex: #427DA3

----------

If you feel like helping me out with some other aspects I would like to change, here is a list (exclude the Notice Header as that one has been solved):

https://community.fandom.com/f/p/4400000000003798124

Notice Header Border Color Theme-Dependent (SOLVED):

For the notice headers in the BEAR Wiki, I am thinking of changing the border color outline to change color depending on the wiki's theme. Here is a mock-up on how it would look like:

Image/Video and Gallery Background and Border Color:

I also plan on having galleries, as well as images and videos, have a background color, alongside having a border. The border color will also be theme-dependent like the previous template. I want to mention, I don't want to have this be part of the portable infobox images.

Tabbers Design:

I am having a hard time trying to make the wiki's tabber be like the tabber from the DOORS Wiki, with the weight of the tabber being longer than the BEAR Wiki's tabber alongside other differences.

Continuing on, I also was planning on having the tabber have this design for the selected tabber.

Table Design:

I was wondering if it is possible to change the table border's color (also theme-dependent), alongside making it have the same dark inside to match with the tabber.

Rarity Template:

Before I begin, the Rarity template design is in the wiki's Common.css. Just needed to make that clear. How the template works is that you input the template, write a word that is featured in the template, and the text that appears has its own color. Demonstrated in the Rarity article. I plan on changing the text to have a color gradient, and a text outline (the text outline color will be a solid color).

Currency Template:

This template doesn't exist, but it would act similar to the Rarity template. Except once you wrote the word (that is part of the template), it would feature a small image on the side (dependent on what word you inputted), and there will be another part of code where you have to write in the price. A visual example of what I mean would be the following:

I am aware a template isn't required, but I do feel like it makes things easier and quicker for users as they don't need to copy and paste code from other articles and edit it (which is also the reason why the Rarity template exists).

how do i change the font on all my pages using common.css?

I am trying to find the diamond plate background image used when choosing a theme for a wiki back in the day. However, I am experiencing a difficult time trying to find said background image.

If anyone finds the image, would you upload it to the BEAR Wiki's gallery as I'm pretty sure posting it in a community post would convert the file to a .webp file. Unlike in the actual wiki where you can access the original file, (I think) in the community wiki, you can't access the original file.

Alternatively, you could post the link to the image, although I would prefer the gallery upload.

---

Additionally, can someone also list the color hexes used for the theme that uses the background image as the second screenshot is compressed and is also a .webp file (on the website it is found on), so using the color picker tool wouldn't give the accurate colors.

I've just edited infobox episode below, but it won't show the Episode and Overall on the page CSS52, just Season.

https://pretty-world.fandom.com/wiki/Template:Infobox_episode

I want to make the Navigation Bar more efficient on my wiki (stoatly.fandom.com), but it has the "Explore" tab that has no use because everything in it is already under the rest of the navigation. However, removing it would be against the Terms of Service. What is the point of this? Can the rules be changed? Wikis should be allowed to make whatever changes they want. (I'm not saying WHATEVER changes they want, but hard and fast rules like this don't leave room for nuance.)

How would i align an infobox left? I don't have much CSS knowledge and everything online doesn't seem to work.

I'd like to ask if anyone knows any wikis with beautiful interactive maps or any interesting design techniques

How do I get rid of the underline in links?

What users/systems can't play .wav files in pages and how sustainable is it? I'm not going to be heavilly using these but I figured i'd check