MediaWiki:Common.css
From 68kMLA Wiki
Revision as of 13:23, 30 January 2014 by ChristTrekker (talk | contribs)
/** 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; background-size: contain; } h1,h2,h3,h4,h5,h6 { font-family: Geneva, Helvetica, sans-serif; } body.ns-4 h1, body.ns-5 h1 { font-family: "Apple Garamond", "ITC Garamond Narrow", Garamond, serif; } /* 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; } body.page-Main_Page li li { column-break-after: avoid; } div#content { background:rgba(255,255,255,0.818181) } #p-cactions li a { background:rgba(251,251,251,0.909090) } /*.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; } .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", Garamond, serif; } .at { font-family: Athens, Alexandria, Athene, "Athens Classic", serif; } .ca { font-family: Cairo, "Cairo TT"; } .ch { font-family: Charcoal, Virtue, Chicago, Krungthep, ChicagoFLF, Chicane, "MacEnvy DB", Calvin, MacType, CheckboxFLF, sans-serif; } .ge { font-family: Geneva, Helvetica, Arial, Univers, sans-serif; } .la { font-family: "Los Angeles", "Los Altos", "City of Angels", cursive; } .lo { font-family: London, LaserLondon, Liverpool, "Old English", "Old English Text", "Old English Text MT", "Cloister Black"; } .mf { font-family: "Marker Felt", Felt, FeltMark, FeltTip, cursive; } .mo { font-family: Monaco, "Andale Mono WT", "Andale Mono", Consolas, 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, Sanfrisco, fantasy; } .to { font-family: Toronto, Brampton, Torrance, serif; } .ve { font-family: Venice, Genoa, "Genoa Regular", Valencia, "New Venice", "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; }