MediaWiki:Common.css

From Technology Committee Bricolage Lab
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins on all Reflective Commons websites */

/*#mw-sidebar-button,  #mw-panel { display: none; }
#mw-panel #p-logo, .generated-sidebar, #p-lang, #p-tb, #t-specialpages, #t-print  { display:none; }
#column-content { margin: 0 0 1em 0; }
#content { margin: 0 0 0 0; }
#p-cactions { left: .1em; } */
/*********** Snippets ***********/
/* Combo: <div class="outbox lefty/righty thin/wide"><div class="inbox compact"> */
.mw-parser-output { max-width: 800px; margin: 0 auto 0 auto; font-family: Bahnschrift; }

/* This turns off the Summary of the edit box and the Minor edit check box at the bottom to the Edit Form */
#wpSummaryLabel, #wpSummaryWidget .input, #mw-editpage-minoredit { display: none; } 

/* This turns off anonymous contributions */
#pt-anoncontribs, #pt-anontalk, #pt-anonus.conterpage { display: none; }

/* Turn dislplay of the first heading off */
.firstHeading { display: none; }
/* .tocnumber { display: none; } */

.mw-footer li { font-size: 0.8em; }
.apts, .rmcc { max-width: 550px; font-size: 1.2em; line-height: 1.4em; font-weight: 500; padding: 0 2em 0 0; text-indent: 0; }
.indon { text-indent: 1.5em; }
.indoff p {text-indent: 0;}
.nums {counter-reset: ordered;}
.nums p::before, .nums li::before {counter-increment: ordered; content:counter(ordered); vertical-align: super; font-size: .7em;  }
.nums .references li::before { display: none; }
.numsoff p::before, .numsoff li::before {display: none;}
/* .notoc {display: none;} */
.thin { width: 210px; }
.wide { max-width: 320px; }
.V {margin-left:0; text-indent: 0; font-weight: 700; }
.R {padding-left:2em;  text-indent: 0; font-weight: 500; }
/* To insert an inline editorial comment <dfn> ... </dfn> */
dl {margin:0; padding: 0; text-indent: 0; font-size: 1em; line-height: 1.2em; }
dt {padding: 0; text-indent: 0; font-weight: 700; }
dd {padding-left: 2em; text-indent: -1em; font-weight: 500; }
dfn { font-weight: 700; color: blue;}
/* To insert an extended editorial comment in the right side of screen
/*    <bdo> ... </bdo>  */
bdo {
    float: right; clear: right;
    width: 290px; margin: 0.5em -400px 0.5em 0;
    text-indent: 0; font-size: 0.9em; line-height: 1.1em; font-weight: 700;
	color: blue;
}
p, li {line-height: 1.15em; }
/* ul li {margin-left: 2em; text-indent: -2em; } */
.source { font-size: 0.8em; line-height: 1.1em; text-align: right; margin-top: -1em; }

.mx {color: #852d10; border: 1px solid #852d10; border-collapse: collapse; }
.m0 {color: #852d10; border: 1px solid #852d10; border-collapse: collapse; padding: 0.5em;}
.m1 {width: 9em; text-align: center; vertical-align: top; color: #852d10; border: 1px solid #852d10; padding: 0.5em; }
.m2 {width: 33%; text-align: center; vertical-align: top; font-size: large; font-weight: 800;color: #852d10; border: 1px solid #852d10; padding: 0.5em; }
.m3 {text-align: left; vertical-align: top; font-size: medium;color: #852d10; border: 1px solid #852d10; padding: 0.5em; }
.c25 {width: 25%; text-align: left; vertical-align: top; font-size: medium;color: #852d10; border: 1px solid #852d10; padding: 0.5em; }
.c33 {width: 33%; text-align: left; vertical-align: top; font-size: medium;color: #852d10; border: 1px solid #852d10; padding: 0.5em; }
.container {position: relative; margin: 1em 0 0 0; }
.NavBlockOut, .NavRmccOut {
	float:right; clear: right; 
	color: #852d10; background: #ffdbb6; 
	border: 1px solid #852d10; border-radius: 4px; 
	margin: 0 -400px 4px 4px; 
	padding: 4px;
}
.NavBlockOutS, .NavRmccOutS {
	float:right; clear: right; 
	color: #355269; background: #b4c7dc; 
	border: 1px solid #355269; border-radius: 4px; 
	margin: 0 -400px 4px 4px; 
	padding: 4px;
}
.NavBlockInUpper, .NavRmccInUp {
	color: #852d10; background: #faebd7; 
	border: 1px solid #355269; border-radius: 4px; 
	margin: 4px; 
	padding: 10px 6px 10px 6px;
}
.NavBlockInUpperS, .NavRmccInUpS {
	color: #355269; background: #dee6ef; 
	border: 1px solid #355269; border-radius: 4px; 
	margin: 4px; 
	padding: 10px 6px 10px 6px;
}
.NavBlockInMiddle, .NavRmccMid {
	color: #852d10; background: #faebd7; 
	border: 1px solid #852d10; border-radius: 4px; 
	margin: 4px; 
	padding: 10px 6px 10px 6px;
}
.NavBlockInMiddleS,.NavRmccMidS {
	max-width: 310px;
		color: #355269; background: #dee6ef; 
	border: 1px solid #355269; border-radius: 4px; 
	margin: 1em auto 4px auto; 
	padding: 10px 6px 10px 6px;
	}
.parabox {
	position: absolute; top: -0.5em; left: 555px; bottom: auto;
	border-left: 1px solid gray;
	margin-right: 3em;
	padding-left: 0.5em;
	max-width: 5em;
	text-align: center;
	font-size: 0.8em;
	color: gray;
}
.box300 {
	position: absolute; top: -.5em; left: 605px; bottom: auto;
	max-width: 300px;
}
.outbox, .rbox, .cbox, .lbox, .brbox, .wbox {
	color: #852d10;
	background: #ffdbb6; 
	border: 1px solid #852d10; 
	border-radius: 4px;
	margin: .25em auto .25em auto;
	padding: .25em; 
}
.outboxb, .rboxb, .cboxb, .lboxb, .brboxb, .wboxb { 
	color: #355269;
	background: #852d10; 
	border: 1px solid #355269; 
	border-radius: 4px; 
	margin: .25em 0 .25em 0;
	padding: .25em; 
}
.outboxg, .rboxg, .cboxg, .lboxg, .brboxg, .wboxg { 
	color: #224b12;
	background: #3faf46; 
	border: 1px solid #224b12; 
	border-radius: 4px; 
	margin: .25em auto .25em auto;
	padding: .25em; 
}
.inbox, .navbar { 
	color: #852d10;
	background: #faebd7;
	border: 1px solid #852d10; 
	border-radius: 4px; 
	margin: .25em auto .25em auto;
	padding: .5em;
}
.inboxb, .navbarb { 
	color: #355269;
	background: #dee6ef; 
	border: 1px solid #355269; 
	border-radius: 4px; 
	margin: .25em auto .25em auto;
	padding: .25em;
}
.inboxg, .navbarg { 
	color: #224b12;
	background: #afd095; 
	border: 1px solid #224b12; 
	border-radius: 4px; 
	margin: .25em auto .25em auto;
	padding: .25em;
}

.boxit {
	color: #852d10;
	border: 1px solid #852d10; 
	border-radius: 4px; 
	margin: .25em; 
	padding: .25em;
}

.compact, .navbar, .navbarb, .navbarg {
	text-indent: 0;
	font-size: 0.9em; 
	line-height: 1.1em; 
	font-weight: 600;
}

.squat {
	text-indent: 0;
	line-height: 1.1em; 
	font-weight: 600;
}

.links-id { 
	text-align: center; 
	font-size: 24px;
	font-weight: 700; 
	text-indent: 0; 
	color: #f10d0c;
	margin: .5em;
}
.lbox {float: left; margin-right: 1em; }
.rbox, .tbox { float:right; clear:right; max-width: 210px; margin-left: 1em;}
.cbox { max-width: 210px; margin: 1em; }
.brbox, .rtcl300 { float:right; clear:right; margin: 0.5em -300px 0.5em 1em; }
.rt300 { float:right; margin: 0.5em -300px 0.5em 1em; }
.top { padding-top: .5em; }
.poem { margin-left: 4em; }
h1, .bh1, .head1 { font-size: 2em;  line-height: 1.1em; color:#852d10; border-bottom: 1px solid #852d10; font-weight: 700; margin: .5em 0 .5em 0; }
h2, .bh2, .head2 { font-size: 1.8em;  line-height: 1.1em; color:#852d10; border-bottom: 1px solid #852d10; font-weight: 700; margin: .5em 0 .5em 0; }
h3, .bh3, .head3 { font-size: 1.6em;  line-height: 1.1em; color:#852d10; border-bottom: 1px solid #852d10; font-weight: 700; margin: .5em 0 .5em 0; }
h4, .bh4 { font-size: 1.4em;  line-height: 1.1em; font-weight:700; color:#852d10;  }
h5, .bh5 { font-size: 1.2em;  line-height: 1.1em; font-weight:700; color:#852d10; }
.h6 { font-size: 1em; font-weight:700; color:#852d10; }
.h0 { color:#852d10; font-size: 0.8em; font-weight:500; line-height: 0.8em; text-align: center; vertical-align: middle; margin: 0; padding: 0; }
.bq { text-indent: 0; padding: 0 2em; }
.rgt { float: right; border: 1px solid #852d10; border-radius: 4px; padding: 5px; text-indent: 0; }
.cent { text-align: center; text-indent: 0; }
.und { text-decoration: underline; }
hr { width: 60%; margin: 0.5em auto 0.5em auto; }
.references  { font-size: 0.8em; }
a:link {color:#1e6a39; text-decoration:none; }
link {color:#1e6a39; text-decoration:none; }
a:visited {color:#1e6a39; text-decoration:none; }
a:hover { color:#c9211e; }
.divide { border-top: 4px solid #1e6a39; width: 60%; }
.b3 { font-size: 1.6em; line-height: 1.8em; }
.b2 { font-size: 1.4em; line-height: 1.6em; color: #852d10; }
.b1 { font-size: 1.2em; line-height: 1.4em; }
.m0 { font-size: 1em; line-height: 1.2em; }
.s1 { font-size: 0.9em; line-height: 1.2em; }
.s2 { font-size: 0.8em; line-height: 1.1em; }
.s3 { font-size: 0.7em; line-height: 1em; }
.para {vertical-align: super; font-size: .7em; }
.lf, .lefty { float:left; margin: 0 1em 5px 0; }
.doit {text-align:right;}
.rt, .righty { float:right; clear: right; margin: 0 0 5px 1em; }
.navrt { float:right; clear: right; max-width: 210px; margin: 0 -280px 2em 1em; }
blockquote, .vector-body blockquote { border-style: none; border-left-style: none; text-indent: 0; margin: 1em 0; padding: 0 2.5em; }
.p0 {max-width: 550px;}
.delta {max-width: 550px;}
.p2 {float: right; margin-right: 50px; text-align: right;}
.up1 {float: right; margin: -1em 0 0 0;}

/* Table specs for listing a text */
.rmcclist {table-layout: fixed; width: 975px;}
/*	Insert as follows
<table class="wikitable, rmcclist">
<tr class="tl">
  <td id="c1">test</td>
  <td id="c2">test</td>
  <td id=<c3>c>test</td></tr></table> */

ol { 
	list-style-type: decimal; line-height: 1.1;
}
ol li > ol { 
	list-style-type: lower-alpha; 
}
ol li > ol li > ol { 
	list-style-type: lower-roman; 
}
.nums {counter-reset: ordered;}
.nums p::before, 
.nums h4::before, 
.nums h5::before, 
.nums li::before {counter-increment: ordered; content:counter(ordered); vertical-align: super; font-size: .7em;  }