MediaWiki:Common.css

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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */


/* CHARACTER STYLES */

u.du { border-bottom: 1px solid; }	
    /* -- double underline -- this method seems to cause vertical spacing problems in different zoom modes */

.b { font-weight: bold; }							/* or use <B> */	
.i { font-style: italic; }							/* or use <I> */
.u { text-decoration: underline; }					/* or use <U> */
.k { font-variant: small-caps; }					
.k2 { text-transform: uppercase; font-size: 80%; }  /* because k doesn't reduce capitals or numerals */ 
.ovl { text-decoration: overline; }
.strike { text-decoration: line-through; }			/* or use <DEL> */

.sup { font-size: 80%; font-weight: bold; vertical-align: super; }		/*  used for super and subscripts */
.sup2 { font-size: 115%; font-weight: bold; margin-left: 1x: }	   		/*	used for super and subscripts */
.sub { font-size: 80%; font-weight: bold; vertical-align: sub; }		/*	used for super and subscripts */


/* FOREGROUND AND BACKGROUND COLORS */

.red { color: #FF0033; }
.green { color: #006600; }
.blue { color: #000066; }
.yellow { color: #FFFF66; }
.pink { color: #FF99CC; }
.orange { color: #FF6600; }
.white { color: #FFFFFF; }
.gray { color: #666666; }
.ltgray { color: #CCCCCC; }
.purple { color: #663399; }
.black { color: #000000; }
.ltblue { color: #BFDFFF; }
.teal { color: #00FF99; }

.bgdkgray { background-color: #333333; }
.bggray { background-color: #666666; }
.bgltgray { background-color: #CCCCCC; }
.bgvltgray { background-color: #EEEEEE; }

.bgred { background-color: #FF0033; }
.bgpink { background-color: #FF99CC; }
.bgmedpink { background-color: #FFCCDD; }
.bgltpink { background-color: #FFE8F3; }

.bggreen{ background-color: #006600; }
.bgltgreen { background-color: #BCEFB4; }
.bgvltgreen { background-color: #DBF7D7; }

.bgblue { background-color: #000066; }
.bgltblue { background-color: #BFDFFF; }
.bgvltblue { background-color: #DFF1FF; }

.bgyellow { background-color: #FFFF66; }
.bgltyellow { background-color: #FFFF99; }		/* light yellow = highliter */
.bgvltyellow { background-color: #FFFFCC; }		

.bgorange { background-color: #FF6600; }
.bgltorange { background-color: #FFAA44; }

.bgpurple { background-color: #663399; }
.bgltpurple { background-color: #FF99FF; }

.bgteal { background-color: #00FF99; }

.bgblack { background-color: #000000; }
.bgwhite { background-color: #FFFFFF; }


/* ALIGNMENT */

.floatl { float: left }									
.floatr { float: right }									
p.fli { text-indent: 25px; }								

.w100, { width: 100%; }			/* PERCENTAGE WIDTH for divs, tables and cells */
.w80 { width: 80%; }
.w70 { width: 70%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w40 { width: 40%; }
.w30 { width: 30%; }

.h20 { height: 20px; }							
.h30 { height: 30px; }							
.h40 { height: 40px; }							
.h50 { height: 50px; }							

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }