Dragon-Booster Wikia Custom CSS

dragon-booster.css

/** * START of custom css for wiki
  ** VERSION: 1.1
  @ to update this custom css replace this whole
  @ block until the part that says END with the new
  @ contents of dragon-booster.css from https://gist.github.com/priyank-p/9b8e0f35804b3fa22173fefa5f3972d0
*/

/* Custom Font - Open Sans */
@import 'https://fonts.googleapis.com/css?family=Open+Sans';

/* Set custom font - Rubik is the font used by Wikia */
body {
  /*
     The important is added because normally the font-size doesn't
     change in textareas or any other input elements so we add !important to make sure they
     have open sans font not Rubik which looks inconsistent!
  */
  font-family: 'Open Sans', Rubik, sans-serif !important;
}

/**
  * END of custom css for wiki from https://gist.github.com/priyank-p/9b8e0f35804b3fa22173fefa5f3972d0 */

instructions.md

How to add css to wikia

Since wikia allows us to use custom css we can actually tweak quit the looks of the wiki and take care of some design quirks.

To add this custom css go to wiki custom css page and append the above contents of the dragon-booster.css file.

Updating custom css

Updating could be little bit tricky. To update you'll need to replace the whole block of previosly copied bloacks with the new contents of the dragon-booster.css file here. For convience we have comment blocks that state the start and the end of the custom css.

Removing custom css

To remove custom css from the wiki simply remove the content pasted before but be careful to not remove everything if you had other css before. You should only remove the lines that start and end with comment that states START of the custom css until END of custom css.