MediaWiki:Common.css: Difference between revisions

Latest revision as of 09:34, 14 April 2025

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



/* styles used in Scorecap  */

.frun { font-weight: bold; background-color: #FFFF66; white-space: nowrap; }
.fhit { font-weight: bold; background-color: #FF99CC; white-space: nowrap; }
.fboth {font-weight: bold; background-color: #FF6600; white-space: nowrap; }
.errf { font-size: 72%; }   				
.kdrop { font-variant: small-caps; }					
.gout { text-decoration: underline; }						
.fout { text-decoration: overline; }
.lout { text-decoration: line-through red; }					
.bunt { text-decoration: underline; border-bottom: 1px solid; }		/* double underline seems to cause vertical spacing problems in different zoom modes */
.sub1 { vertical-align: sub; font-size: 80%; font-weight: bold; }				
.sup1 { vertical-align: super; font-size: 80%; font-weight: bold;  }				
.sup2 { margin-left: 1px; font-size: 115%; font-weight: bold; }	   				
.inn { margin-left: 1px; margin-right: 1px; }

/* styles used in Cornucopia series */

.cornucopia { 
    font-family: "Times New Roman", Times, serif; 
    font-size: 120%; 
    line-height: 135%;
}
p.idx { 
    margin: 0px 0px 0px 25px !important; 
    text-indent: -25px; 
    line-height: 120%;
}


/* GENERAL STYLES */

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

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