MediaWiki:Common.css

From 68kMLA Wiki
Revision as of 11:02, 29 May 2010 by ~tl (talk | contribs) (.net → .org)
Jump to: navigation, search
/** CSS placed here will be applied to all skins */

body
{
	font-size-adjust: 0.54;
	background: #e3ebfe url(http://68kmla.org/wiki/uploads/e/ed/Mac_OS_face_background.jpg) repeat-y left top;
}

/*.infobox { margin: 1em; border: thin solid #8b8; background-color: #beb; font-size: smaller; }*/

.noticebox
{
	font-style: italic;
}

.minornoticebox
{
	margin-left: 2em;
	font-size: smaller;
	font-style: italic;
}

/* Hide the header text on certain pages */

body.page-Main_Page h1.firstHeading, 
body.page-68kMLA_Wiki_Community_Portal h1.firstHeading, 
body.page-68kMLA_About h1.firstHeading, 
body.page-68kMLA_Forum_Rules h1.firstHeading,
body.page-Help_Contents h1.firstHeading,
body.page-68kMLA_Wiki_Policy h1.firstHeading,
body.page-68kMLA_IRC_Guidelines  h1.firstHeading
{
	display: none;
}

.infobox
{
	font-size: smaller;
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	color: black;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding: 0.2em;
	float: right;
	clear: right;
}

.infobox td,
.infobox th
{
	vertical-align: top;
}

.infobox th
{
	text-align: left;
	background-color: #eee;
}

.infobox caption,
.infobox th.caption
{
	font-size: larger;
	text-align: center;
	margin-left: inherit;
	background-color: #eee;
}

.infobox caption
{
	caption-side: top;
}

.infobox.bordered
{
	border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered th,
.infobox.bordered caption,
.infobox.bordered .imagebox
{
	border: 1px solid #aaa;
}

.infobox.bordered .borderless td,
.infobox.bordered .borderless th
{
	border: 0;
}

.infobox.sisterproject
{
	width: 20em;
	font-size: 90%;
}

@media print
{
	.infobox.sisterproject
	{
		display: none;
	}
}

/* styles for bordered infobox with merged rows */

.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th
{
	border: 0;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th
{
	border: 0;
	border-right: 1px solid #aaa;
}

.navtable
{
	border: 1px solid #aaa;
	border-right: 0;
	background-color: #f9f9f9;
	padding: 0;
	border-spacing: 0;
	margin: 10px 0;
}

.navtable td
{
	border-right: 1px solid #aaa;
	padding: 5px;
}

/* just for fun */

.a2
{
	font-family: Apple2Forever, A2like, Apple2Forever80, monospace;
	text-shadow: 0 0 0.15em;
}

.ag
{
	font-family: "Apple Garamond", "ITC Garamond Narrow", serif;
}

.at
{
	font-family: Athens, Alexandria, "Athens Classic", serif;
}

.ca
{
	font-family: Cairo;
}

.ch
{
	font-family: Charcoal, Virtue, Chicago, Chicane, "MacEnvy DB", Calvin, MacType, sans-serif;
}

.ge
{
	font-family: Geneva, Arial, Univers, Helvetica, sans-serif;
}

.la
{
	font-family: "Los Angeles", "City of Angels", cursive;
}

.lo
{
	font-family: London, LaserLondon, "Old English", "Old English Text", "Old English Text MT", "Cloister Black";
}

.mf
{
	font-family: "Marker Felt", Felt, FeltMark, FeltTip, cursive;
}

.mo
{
	font-family: Monaco, monospace;
}

.mt
{
	font-family: "Motter Tektura", Mottek, Cupertino, sans-serif;
}

.my
{
	font-family: "Myriad Apple", "Myriad Pro", "Myriad Set", Myriad, sans-serif;
}

.ny
{
	font-family: "New York", serif;
}

.sf
{
	font-family: "San Francisco", "Saint Francis", SaintFrancis, Fernando, fantasy;
}

.to
{
	font-family: Toronto, Brampton, serif;
}

.ve
{
	font-family: Venice, Genoa, "Genoa Regular", Gertina, "Venice Classic", cursive;
}

/* Mac-like faux dialogs */

.dialogBox
{
	width: 62.5%;
	min-width: 25em;
	max-width: 40em;
	padding: .5em;
}

.dialogBox.uiMonochrome
{
	background: white;
	border: 4px double black;
}

.dialogBox.uiPlatinum
{
	background: #dedede;
	border: thin outset #adadad;
}

.pseudoBtn
{
	/* same across UIs */
	padding: 0 1.25em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

.uiMonochrome .pseudoBtn
{
	border: 1px solid black;
}

.uiPlatinum .pseudoBtn
{
	border: 1px outset #adadad;
}

.uiMonochrome .defaultBtn
{
	border-width: medium;
	border-style: double;
}

.uiPlatinum .defaultBtn
{
	border-width: 3px;
}

.uiMonochrome .pseudoBtn:active
{
	color: white;
	background: black;
}

.uiPlatinum .pseudoBtn:active
{
	border-style: inset;
}

.pseudoBtn a[href]
{
	text-decoration: none;
}

/* Mac-like sticky notes */

.stickyNote
{
	width: 62.5%;
	min-width: 25em;
	max-width: 40em;
	padding: .5em;
	font-size: 87.5%;
}

.stickyNote > div
{
	padding: 0 0.2em;
}

.stickyNote.default > div
{
	background: #f5f6f5;
	border: 1px solid #d6d6d6;
}

.stickyNote.essential > div
{
	background: #fffcc8;
	border: 1px solid #f9de51;
}

.stickyNote.essential > div:first-child
{
	color: #FF6402;
}

.stickyNote.hot > div
{
	background: #f9e3e2;
	border: 1px solid #f2c3c2;
}

.stickyNote.hot > div:first-child
{
	color: #DD0806;
}

.stickyNote.inprogress > div
{
	background: #f9e3e2;
	border: 1px solid #f2c3c2;
}

.stickyNote.inprogress > div:first-child
{
	color: #F20884;
}

.stickyNote.cool > div
{
	background: #d1fdfe;
	border: 1px solid #73dffa;
}

.stickyNote.cool > div:first-child
{
	color: #02ABEA;
}

.stickyNote.personal > div
{
	background: #e1e3fc;
	border: 1px solid #c0c4f9;
}

.stickyNote.personal > div:first-child
{
	color: #0000D4;
}

.stickyNote.project1 > div
{
	background: #e8fde4;
	border: 1px solid #b7f8a5;
}

.stickyNote.project1 > div:first-child
{
	color: #006411;
}

.stickyNote.project2 > div
{
	background: #fffcc8;
	border: 1px solid #f9de51;
}

.stickyNote.project2 > div:first-child
{
	color: #562C05;
}

/* revamped sticky notes - ~tl 20:38, 26 August 2008 (UTC) */

.sticky-yellow,
.sticky-blue,
.sticky-green,
.sticky-pink,
.sticky-purple,
.sticky-grey,
.sticky-bw
{
	width: 25%;
	border-width: 1px;
	border-style: solid;
	font-size: 0.9em;
	margin: 5px;
	display: block;
	overflow: auto;
}

.sticky-yellow .pad,
.sticky-blue .pad,
.sticky-green .pad,
.sticky-pink .pad,
.sticky-purple .pad,
.sticky-grey .pad,
.sticky-bw .pad
{
	padding: 6px;
}

.sticky-yellow
{
	background-color: #FF9;
	border-color: #FFF #FC0 #FC0 #FFF;
}

.sticky-blue
{
	background-color: #9FF;
	border-color: #FFF #0CF #0CF #FFF;
}

div.sticky-green
{
	background-color: #CFC;
	border-color: #FFF #6F6 #6F6 #FFF;
}

.sticky-pink
{
	background-color: #FCC;
	border-color: #FFF #F99 #F99 #FFF;
}

.sticky-purple
{
	background-color: #CCF;
	border-color: #FFF #99F #99F #FFF;
}

.sticky-grey
{
	background-color: #EEE;
	border-color: #FFF #BBB #BBB #FFF;
}

.sticky-bw
{
	background-color: #FFF;
	border-color: #FFF #000 #000 #FFF;
}

body.page-Main_Page li li
{
	column-break-after: avoid;
}