MediaWiki:Common.css: Difference between revisions

From Technology Committee Bricolage Lab
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
(2 intermediate revisions by the same user not shown)
Line 196: Line 196:
.top { padding-top: .5em; }
.top { padding-top: .5em; }
.poem { margin-left: 4em; }
.poem { margin-left: 4em; }
p { font-size: 1.2em;  line-height: 1.3em; font-weight:600; color: black; }
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; }
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; }
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; }
Line 209: Line 210:
hr { width: 60%; margin: 0.5em auto 0.5em auto; }
hr { width: 60%; margin: 0.5em auto 0.5em auto; }
.references  { font-size: 0.8em; }
.references  { font-size: 0.8em; }
a:link {color: blue; text-decoration:none; }  /*#1e6a39*/
a:link { font-weight: 700; color: blue; text-decoration:none; }  /*#1e6a39*/
link {color:#1e6a39; text-decoration:none; }
link {color:#1e6a39; text-decoration:none; }
a:visited {color:blue; text-decoration:none; }
a:visited { font-weight: 700; color: blue; text-decoration:none; }
a:hover { color:#c9211e; }
a:hover { color:#c9211e; }
.divide { border-top: 4px solid #1e6a39; width: 60%; }
.divide { border-top: 4px solid #1e6a39; width: 60%; }

Latest revision as of 12:32, 13 June 2024

/* 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: 500; }
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;
}
li {line-height: 1.2em; }
/* 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; }
p { font-size: 1.2em;  line-height: 1.3em; font-weight:600; color: black; }
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 { font-weight: 700; color: blue; text-decoration:none; }  /*#1e6a39*/
link {color:#1e6a39; text-decoration:none; }
a:visited { font-weight: 700; color: blue; 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;  }