Basic CSS codes

INTERMEDIATE─ADVANCED Intermediate and advanced users of CSS may understand this page. Here you have Basic CSS codes for both Fandom and non-fandom style.

With font installed
If you have the font installed, you can use this basic CSS:


 * Question

Why there are three fonts, I just want one?


 * Answer


 * If the first font doesn't work for some reason, you'll use the second font, third font... etc. If all fonts can't be loaded, write.

Without font installed
First download the font only in your computer. Here we'll then use an  statement.

Before downloading it, then let's add the @import statement. For example, let's import the Roboto font: Before that, write the font in your  property.

Create basic
If you want to create a basic div, p. eg create one called  see here. First of all, choose a name for your class. Let's start with a basic div called  that will make text bigger, in the text-align center and with a border of the   color.


 * First step

Put in your CSS page the following code (obviously replacing the name lol):

On the  you'll add the configuration for make different your div class than the other normal text. As said in the first paragraph, we'll do this class with text bigger, in the text-align center and with the color cyan of border, so we'll do this:

That would do something like this:

I'm the div class header ;)

An example of a custom div class can be found at Between Wiki/Welcome newcomers (it can only be seen currently for FandomDesktop; it links to pages but the text isn't with color blue (how a normal link should be viewed), is like normal text. The class name there is  and the CSS for the div class welcome can be seen at MediaWiki:Fandomdesktop.css.

Custom usernames
NOTE: If you want to use a custom username color for JUST one page, use  tags.

For this it should be used the  attribute. Let's start with a basic name that would appear something like this:


 * Wait wait wait, I wanna see one more basic, can you show me one?

Okay....


 * Custom username with just one color, different font family

Result: Aeiou.


 * Custom username, custom color, bold style, default font but with shadow:

Result: Aeiou.

Comments
NOTE: This can be used in both Fandom and non-Fandom use.

If you want to separate codes, or for other uses, you can do it with a comment. It is different from the standard MediaWiki comment, because it can be viewable by all, no matter if someone is editing or not.

Background color
Let's use again the  property. It is simple as well:

Custom cursor
Before putting your cursor, make sure you've installed your cursor in the  and   file extensions. Then, add this:


 * Then:

Replace  and   with the filename. P, eg. if my cursor is named tinycursor.gif, I should replace  for