MediaWiki:Anisa.css

From Lorhondel World

Revision as of 00:39, 22 January 2025 by ArtsyAxolotl (talk | contribs) (adding rows and columns maybe)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/* Change Main Background */
body {
  background: 
    /* tint */ 
    linear-gradient(
      rgba(255, 217, 163, 0.45), 
      rgba(255, 217, 163, 0.45)
    ),
    /* bottom, image */
    url(/skins/Anisa/resources/images/bkgd.gif?97fa7);
}

/* Change Wiki Title */
a#p-banner {
	padding: 0;
	font-family: sans-serif;
	color: #523d33;
}

#header a:visited {
	color: #523d33;
}

/*Changes Headers Colors and Fonts*/

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 {
	color: #b4141e;
	font-family: sans-serif;
	font-variant: none;
}

/* Change box Background */
:root {
	--pi-background:#FBEFD5;
	--pi-secondary-background: #f5deb3;
}

/* The info blurbs */
pre{
	background-color: #f9f4ea;
	border: 2px solid #523d33;
	border-radius: 5px;
}

.portable-infobox {
	font-size: 1em;
	border-radius: 10px;
}
.portable-infobox .pi-header {
	line-height: 2;
}

/* Create two equal columns that floats next to each other */
.column2 {
  float: left;
  width: 50%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create three equal columns that floats next to each other */
.column3 {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}