From Adam Katz
Note - After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh); Konqueror: click Reload or press F5; Opera: clear the cache in Tools → Preferences; Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.
You may have to go to http://www.khopis.com/mediawiki/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css and refresh it specifically.
/* CSS placed here will be applied to all skins */
.mainpg-box { float:left; width:48%; height:6.5em; text-align:justify; margin:0.5%; font-family:sans-serif; border:1px dashed #7575a7; }
.mainpg-box > a { color:white!important; background-color:inherit; text-decoration:none!important; display:block; padding:0.2em 0.75em 0.2em 0.75em; height:94%; }
.mainpg-box:hover { color:white; background-color:#a0a0bb; }
.mainpg-box > a > b { text-align:center; display:block; font-size:1.25em; }
/* usage: <div class="BGimage" style="background:url(foobar.jpg) repeat-x; height:650px"> </div> */
.BGimage { position:absolute; top:0; left:0; z-index:-1; height:650px; width:100%; overflow:hidden; }
.BGimage img { margin-bottom:650px; }
/* unparented table of contents should be on the right */
#bodyContent > #toc { float:right; margin-left:0.25em; }
#bodyContent ol, #bodyContent ul { margin:-0.5em 0 0 2em; } /* eliminate forced extra indentation at beginning of lists */
#toc ul { margin-left:0; } /* correct for table of contents */
ol ol, ol ul, ul ul, ul ol { margin-top:0!important; } /* nested lists should have normal vertical indentation */
ol ol { list-style-type:upper-alpha; }
ol ol ol { list-style-type:upper-roman; }
ol ol ol ol { list-style-type:lower-alpha; }
ol ol ol ol ol { list-style-type:lower-roman; }
ol ol ol ol ol ol { list-style-type:decimal; }
form ol, form ul { margin-top:0.5em!important; } /* form lists (which user pages don't have) need more vertical indentation */
.no-1st-dots > ul { list-style:none}
.no-1st-dots > ul > li { margin-left:-1em; }
.center, table.center td, table.center th, tr.center > * { text-align:center; }
.left, table.left td, table.left th, tr.left > * { text-align:left; }
.right, table.right td, table.right th, tr.right > * { text-align:right; }
table.td-edge td { border: solid black 1px; }
table.td-col-walls td + td { border: solid black; border-width:0 0 0 1px; }
table.cell-tops td { vertical-align:top; }
table.pad-cells td, table.pad-cells th { padding:0 0.5em!important; }
table.pad-cells tr > td:first-child, table.pad-cells tr > th:first-child { padding-left:0!important; }
table.nopad td, table.nopad th { margin:0; }
div.indent-pre pre { margin-left:2em; }
pre.shell, code.shell { background-color:black; color:white; border:dotted #888 1px; }
pre.shell a, code.shell a { text-decoration:none!important; background-color:inherit; color:#bbf!important; }
pre.shell a:hover, code.shell a:hover { text-decoration:underline!important; }
/* Gray things */
tr.gray td, tr.gray th, td.gray, th.gray { background-color:#ccc; color:black; }
div.gray { background:#f8f8f8; color:black; padding:0.5em; border:dashed 1px #8ac; }
b.gray { color:#888; font-weight:normal!important; }
span.gray, .grayed, .grayed * { color:#888; }
tr.gray-red td, td.gray-red, th.gray-red { background-color:#fcc; color:black; }
tr.gray-green td, td.gray-green, th.gray-green { background-color:#cfc; color:black; }
tr.gray-blue td, td.gray-blue, th.gray-blue { background-color:#bcf; color:black; }
td.quote { font-weight:bold; font-size:3em; font-family:'Times New Roman',serif; background-color:white; color:#46c; margin:-1em 0 -1em 0; }
blockquote.quote { margin:-0.5em 0 0 0.5em; padding-left:0.5em; border-left:#46f 2px solid; background:#f0f0f0; color:black; font-style:italic; }
blockquote.quote i { font-style:normal; }
.imgw-4em > img { width:4em; }
.imgw-6em > img { width:6em; }
.imgw-8em > img { width:8em; }
.imgw-10em > img { width:10em; }
.imgw-12em > img { width:12em; }
.imgw-14em > img { width:14em; }
.imgw-16em > img { width:16em; }
.imgw-18em > img { width:18em; }
.imgw-20em > img { width:20em; }
.imgw-22em > img { width:22em; }
.imgw-24em > img { width:24em; }