MediaWiki:Anisa.css: Difference between revisions
From Lorhondel World
ArtsyAxolotl (talk | contribs) No edit summary |
ArtsyAxolotl (talk | contribs) adding rows and columns maybe Tag: Reverted |
||
Line 51: | Line 51: | ||
.portable-infobox .pi-header { | .portable-infobox .pi-header { | ||
line-height: 2; | 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; | |||
} | } |
Revision as of 00:39, 22 January 2025
/* 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;
}