MediaWiki:Common.css: Difference between revisions

Revision as of 14:48, 2 April 2025

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


/* CHARACTER STYLES */

.cornucopia { 
    font-family: "Times New Roman", Times, serif; 
    font-size: 120%; 
    line-height: 110%; 
}

.b { font-weight: bold; }                                      /* or use <B> */	
.i { font-style: italic; }                                     /* or use <I> */
.u { text-decoration: underline; }                             /* or use <U> */
.du { border-bottom: 1px solid; }         /* double underline -- this method seems to cause 
                                          /* vertical spacing problems at different zoom levels */
   
.k { font-variant: small-caps; }					
.kc { text-transform: capitalize; font-variant: small-caps; }  /* can be used on a headline, for instance */
.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> */

.nobr { white-space: nowrap; }						           /* replaces <NOBR> */

.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 */

.px36 {	font-size: 36px; }
.px32 {	font-size: 32px; }
.px30 {	font-size: 30px; }
.px28 {	font-size: 28px; }
.px24 {	font-size: 24px; }
.px20 {	font-size: 20px; }
.px18 {	font-size: 18px; }
.px16 {	font-size: 16px; }
.px15 {	font-size: 15px; }
.px14 {	font-size: 14px; }
.px13 {	font-size: 13px; }
.px12 {	font-size: 12px; }
.px11 {	font-size: 11px; }
.px10 {	font-size: 10px; }
.px9 {	font-size: 9px; }
.px8 {	font-size: 8px; }
.px7 {	font-size: 7px; }

/* 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 */

/* div styles  ------------------------------------------------------------------------ */

div.clear { clear: both; }
div.break { page-break-before: always; }
div.left { float: left; }
div.right { float: right; }
div.right2 { overflow: hidden; text-align: left; }
div.floatl { float: left }									
div.floatr { float: right }									

td.top { vertical-align: top; }	
td.mid { vertical-align: middle; }		
td.bot { vertical-align: bottom; }	

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; }