MediaWiki:Common.css

From Theonomy Wiki
Revision as of 21:55, 21 July 2020 by Boxcartenant (talk | contribs)

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
body {
  background: black;
  color:white;
}

.questionbody {
	font-size:medium;
}

.notepaper {
  display: block;
  width: 90%;
  position: relative;
  margin: 30px auto;
  padding: 29px 20px 20px 45px;
  min-width: 280px;
  line-height: 30px;
  color: #6a5f49;
  text-shadow: 0 1px 1px white;
  background-color: #f2f6c1;
  background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  border: 1px solid #c3baaa;
  border-color: rgba(195, 186, 170, 0.9);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}

.notepaper:before, .notepaper:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
}

.notepaper:before {
  left: 28px;
  width: 2px;
  border: solid #efcfad;
  border-color: rgba(239, 207, 173, 0.9);
  border-width: 0 1px;
}

.notepaper:after {
  z-index: -1;
  left: 0;
  right: 0;
  background: rgba(242, 246, 193, 0.9);
  border: 1px solid rgba(170, 157, 134, 0.7);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}



.stdquote {
  position: relative;
  padding-left: 1em;
  border-left: 0.2em solid white;
  font-family: serif;
  font-size:medium;
  font-weight: 100;
}

.col2 {
	columns:2 20em;
	break-inside: avoid-column;
	page-break-inside:avoid;
	column-fill: balance;
	-moz-column-fill: balance;
	-webkit-column-fill: balance;
}

.col3 {
	columns:3 17em;
	break-inside: avoid-column;
	page-break-inside:avoid;
	column-fill: balance;
	-moz-column-fill: balance;
	-webkit-column-fill: balance;
}

.col4 {
	columns:4 17em;
	break-inside: avoid-column;
	page-break-inside:avoid;
	column-fill: balance;
	-moz-column-fill: balance;
	-webkit-column-fill: balance;
	column-gap: 2em;
}

.col4thin {
	columns:4 13em;
	break-inside: avoid-column;
	page-break-inside:avoid;
	column-fill: balance;
	-moz-column-fill: balance;
	-webkit-column-fill: balance;
	column-gap: 2em;
}

.col5 {
	columns:5 10em;
	break-inside: avoid-column;
	page-break-inside:avoid;
	column-fill: balance;
	-moz-column-fill: balance;
	-webkit-column-fill: balance;
	column-gap: 2em;
}

.linote li {
	list-style-type:"\1F5D2";
	padding-left:0.3em;
	margin-bottom:0.3em;
	page-break-inside:avoid;
	font-size:100%;
}

.lilaw li {
	list-style-type:"⚖️";
	padding-left:0.3em;
	page-break-inside:avoid;
	font-size:100%;
}

.liscript li {
	list-style-type:"📖️";
	padding-left:0.3em;
	page-break-inside:avoid;
	font-size:100%;
}

.liqa li {
	list-style-type:"�";
	padding-left:0.3em;
	margin-bottom:0em;
	page-break-inside:avoid;
	font-size:100%;
}

.litopic li {
	font-size:100%;
	margin-bottom:0.3em;
	padding-left:0.3em;
	page-break-inside:avoid;
}

.lisubtopic li {
	list-style-type:"\2937";
	margin-bottom:0.2em;
	padding-left:0.3em;
	page-break-inside:avoid;
	font-size:100%;
}

#mw-pages, #mw-subcategories, #mw-hidden-catlinks { 
	display : none;
}

#logo {
	padding-left:4em !important;
	font-variant: common-ligatures small-caps;
	font-family: serif;
	font-size: 1.6em;
	letter-spacing: 1.3px;
}

.navarrow {
	font-size:180%;
	vertical-align:middle;
}

.printfooter {
	display:none;
}

.CategoryTreeTag {
	display:contents;
}

a {
  color:aqua;
}

.intlink {
	display:inline;
	position:relative;
	font-size: 120%;
}

#bodyContent .intlink a {
	background: none;
	background-image:none !important;
	padding: 0 !important;
}

.chaptitle {
	margin-top: 1em;
}
.scrverse {
	margin:0em;
	padding:0em;
	break-inside: avoid-column;
	page-break-inside:avoid;
}
.scrverse a {
	text-decoration:none;
	color:white !important;
	background:none;
}

.scrverse a::after {
   content:"" !important;
}

.scrverse a:hover {
	background:#424242 !important;
}
.mwe-popups.mwe-popups-is-not-tall .mwe-popups-extract {
	z-index:1500;
	color:white;
}
.mwe-popups .mwe-popups-container {
	z-index:1500;
	background-color: #171717;
    color: white;
}

.mwe-popups .mwe-popups-extract {
	z-index:1500;
	background-color: #171717;
    color: white;
}

.mwe-popups .mwe-popups-container footer {
	z-index:1500;
	background-color: #171717;
    color: white;
}

.mw-specialCiteThisPage-bibliographic {
	background-color:#171717;
}

.intlink .external {
	background:none !important;
	background-image: none !important;
	padding: 0 !important;
}

.new {
	color:#d3d3d3 !important;
}

.new a {
	color:#d3d3d3 !important;
}

li.new a {
	color:#d3d3d3 !important;
}

.scrbody {
	display:block;
	text-align:justify;
	font-family:serif;
	font-size: medium;
}

.refs {
	word-break: break-all;
	font-size:60%;
}

.oo-ui-checkboxInputWidget [type="checkbox"] {
	opacity:1;
}

.CategoryTreeItem {
	margin-bottom:0.6em;
}

.scriptblock {
	background:top left no-repeat url("/resources/assets/bible2.svg");
	background-size:4em;
	font-family:serif;
	text-align:justify;
	border-color: white;
	border-width: 1px;
	border-radius:4px;
	border-style: solid;
	display: inline-block;
	margin: 1em;
	padding-right: 1em;
	padding-top:1em;
	padding-bottom:2em;
	padding-left:4em;
	position:relative;
}

.scriptref {
	display: none;
}

.scriptblock >.scriptref {
	display: inline-block;
	font-family:serif;
	font-size: 120%;
	position: absolute;
	bottom: 2px;
	right: 20px;
}

.scriptvsnum {
	font-size:80%;
	vertical-align:super;
}

.popnote {
	display: inline-block;
	top: 0em;
	z-index:1;
	position: relative;
}

.popnote .createbox {
	display:none;
	position: absolute;
	left: 10em;
	z-index:10;
}

.popnote:hover .createbox, .popnote:hover .mw-inputbox-centered {
	display:inline-block;
	left: -3em;
	position: absolute;
}

.popnote::before {
	content:" \1F5D2 ";
	font-size:110%;
	display:inline;
	text-indent:0.5em;
}

.popbox {
	display: inline-block;
	top: 0em;
	z-index:1;
	position: relative;
}

.popbox .createbox {
	display:none;
	position: absolute;
	left: 10em;
	z-index:10;
}

.popbox:hover .createbox, .popbox:hover .mw-inputbox-centered {
	display:inline-block;
	left: -3em;
	position: absolute;
}

.popbox::before {
	content:" \2935   ";
	font-size:140%;
	display:inline;
	margin-left:4px;
	text-indent:0.5em;
}

#content {
	overflow:visible;
}

#content a {
   color:aqua;
}

a.new:after {
   content:" [create]";
}

.new a:after {
   content:" [create]";
}

#tab a, #tab-advanced a, .toctogglelabel {
  color:aqua !important;
}

/* Changes the background color behind the top half of the logo and at top of each page: */
#mw-page-base, #mw-body-content, #mw-content-ltr, #mw-editfont-monospace, #toc, .tocnumber, .mw-changeslist-legend, .diff-context, #mw-header-container, #mw-content-container, .mw-search-profile-tabs, #MsCatSelect, .oo-ui-tagMultiselectWidget {
  background: black !important;
  color: white !important;
}


.diffchange {
  background:darkslategray !important;
}

mainpage-rightcolumn-start {
   float: right;
}

#mw-content-text pre,
.ve-ui-surface pre {
 background:black !important;
 color:white;
}

#content-wrapper, #content, pre, textarea, #header-wrapper, .oo-ui-inputWidget-input, .oo-ui-tagMultiselectWidget-handle, .wikitable, .lqt-post-wrapper, .oo-ui-tagMultiselectWidget, .oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget-outlined, .oo-ui-tagItemWidget, .oo-ui-widget-enabled, .mw-rcfilters-ui-savedLinksListWidget-button, .oo-ui-widget, .oo-ui-widget-enabled, .oo-ui-buttonElement, .oo-ui-buttonElement-framed, .oo-ui-iconElement, .oo-ui-indicatorElement, .oo-ui-labelElement, .oo-ui-buttonWidget, .oo-ui-buttonMenuSelectWidget, .mw-rcfilters-ui-savedLinksListWidget, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .lqt_post_new_message {
    background: black !important;
    color:white !important;
}

.oo-ui-labelElement-label, .oo-ui-popupWidget-body {
	color:white !important;
}

.oo-ui-labelElement .oo-ui-labelElement-label, .oo-ui-buttonWidget, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .mw-prefs-buttons, .wikieditor-section-main, .wikiEditor-ui-toolbar {
	background: black !important;
	background-color: black !important;
	color: white !important;
}

.selected  {
    background: darkred !important;
    color:white !important;
}

#header-menu, #more-actions-list, .header-menu-list, .lqt-thread-toolbar-menu, .lqt-thread-toolbar-command-list, .oo-ui-popupWidget-popup {
    background:#080808 !important;
}

#more-actions-list a {
    background:inherit;
}

.header-menu-item {
    background:darkturquoise;
}

.oo-ui-icon-search, .mw-ui-icon-search::before {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22white%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E search %3C/title%3E %3Cpath d=%22M7.5 13c3.04 0 5.5-2.46 5.5-5.5S10.54 2 7.5 2 2 4.46 2 7.5 4.46 13 7.5 13zm4.55.46C10.79 14.43 9.21 15 7.5 15 3.36 15 0 11.64 0 7.5S3.36 0 7.5 0C11.64 0 15 3.36 15 7.5c0 1.71-.57 3.29-1.54 4.55l6.49 6.49-1.41 1.41-6.49-6.49z%22/%3E %3C/svg%3E");
}

.oo-ui-icon-bookmark, .mw-ui-icon-bookmark::before {
    background-image: url(/load.php?modules=oojs-ui.styles.icons-moderation&image=bookmark&format=rasterized&skin=poncho&version=18xa1);
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22white%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebookmark%3C/title%3E%3Cpath d=%22M5 1a2 2 0 00-2 2v16l7-5 7 5V3a2 2 0 00-2-2z%22/%3E%3C/svg%3E");
}

.oo-ui-icon-trash, .mw-ui-icon-trash::before {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22white%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etrash%3C/title%3E%3Cpath d=%22M17 2h-3.5l-1-1h-5l-1 1H3v2h14zM4 17a2 2 0 002 2h8a2 2 0 002-2V5H4z%22/%3E%3C/svg%3E");
}

.oo-ui-icon-close, .mw-ui-icon-close::before {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22white%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E%3Cpath d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z%22/%3E%3C/svg%3E");
}

.oo-ui-icon-bold, .mw-ui-icon-bold::before {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 fill=%22white%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebold%3C/title%3E%3Cpath d=%22M9.93 3a9.34 9.34 0 012.39.27 4.53 4.53 0 011.62.73 2.87 2.87 0 01.91 1.18 4 4 0 01.29 1.55 3.09 3.09 0 01-.14.93 2.77 2.77 0 01-.43.83 3.21 3.21 0 01-.75.71 4.56 4.56 0 01-1.09.54 4 4 0 012.1 1.1 2.86 2.86 0 01.68 2 4 4 0 01-.34 1.65 3.73 3.73 0 01-1 1.32 4.66 4.66 0 01-1.6.87 7 7 0 01-2.19.31H5V3zM7.87 5.2V9h1.89a5.1 5.1 0 001.07-.1 2.13 2.13 0 00.78-.32A1.44 1.44 0 0012.1 8a2.07 2.07 0 00.17-.87 2.51 2.51 0 00-.14-.89 1.31 1.31 0 00-.43-.59 1.86 1.86 0 00-.7-.35 4.72 4.72 0 00-1-.1zm2.46 9.58a3.24 3.24 0 001.13-.17 1.91 1.91 0 00.71-.45 1.54 1.54 0 00.37-.64 2.66 2.66 0 00.11-.75 2.2 2.2 0 00-.12-.76 1.36 1.36 0 00-.4-.57 1.89 1.89 0 00-.72-.36 4.09 4.09 0 00-1.1-.13H7.87v3.83z%22/%3E%3C/svg%3E");
}

.oo-ui-icon-link, .mw-ui-icon-link::before {
    background-image: url(/load.php?modules=oojs-ui.styles.icons-editing-core&image=link&format=rasterized&skin=poncho&version=1w8th);
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 fill=%22white%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Elink%3C/title%3E%3Cpath d=%22M4.83 15h2.91a4.88 4.88 0 01-1.55-2H5a3 3 0 110-6h3a3 3 0 012.82 4h2.1a4.82 4.82 0 00.08-.83v-.34A4.83 4.83 0 008.17 5H4.83A4.83 4.83 0 000 9.83v.34A4.83 4.83 0 004.83 15z%22/%3E%3Cpath d=%22M15.17 5h-2.91a4.88 4.88 0 011.55 2H15a3 3 0 110 6h-3a3 3 0 01-2.82-4h-2.1a4.82 4.82 0 00-.08.83v.34A4.83 4.83 0 0011.83 15h3.34A4.83 4.83 0 0020 10.17v-.34A4.83 4.83 0 0015.17 5z%22/%3E%3C/svg%3E");
}

.oo-ui-icon-image, .mw-ui-icon-image::before {
    background-image: url(/load.php?modules=oojs-ui.styles.icons-media&image=image&format=rasterized&skin=poncho&version=18bhp);
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 fill=%22white%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eimage%3C/title%3E%3Cpath d=%22M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm-.17 13l4.09-5.25 2.92 3.51L12.92 8l5.25 7z%22/%3E%3C/svg%3E");
}

.oo-ui-icon-reference, .mw-ui-icon-reference::before {
    background-image: url(/load.php?modules=oojs-ui.styles.icons-editing-citation&image=reference&format=rasterized&skin=poncho&version=1u9sh);
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 fill=%22white%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ereference%3C/title%3E%3Cpath d=%22M15 10l-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z%22/%3E%3C/svg%3E");
}

.oo-ui-icon-italic, .mw-ui-icon-italic::before {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 fill=%22white%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eitalic%3C/title%3E%3Cpath d=%22M14 3v1l-1.32.08-.33.29-2.11 11.23.25.29L12 16v1H6v-1l1.32-.1.31-.31L9.74 4.38l-.21-.29L8 4V3z%22/%3E%3C/svg%3E");
}

.oo-ui-indicator-down {
    background-image: url(/load.php?modules=oojs-ui.styles.indicators&image=down&format=rasterized&skin=poncho&version=1nan3);
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 fill=%22white%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3Edown%3C/title%3E%3Cpath d=%22M10.085 2.943L6.05 6.803l-3.947-3.86L1.05 3.996l5 5 5-5z%22/%3E%3C/svg%3E");
}

.oo-ui-icon-edit, .mw-ui-icon-edit::before {
    background-image: url(/load.php?modules=oojs-ui.styles.icons-editing-core&image=edit&format=rasterized&skin=poncho&version=1w8th);
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 fill=%22white%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eedit%3C/title%3E%3Cpath d=%22M16.77 8l1.94-2a1 1 0 000-1.41l-3.34-3.3a1 1 0 00-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z%22/%3E%3C/svg%3E");
}

#p-logo-text {
    color: white;
}

#mw-searchoptions {
	background-color:black;
}

.liqacat {
	font-size:large;
	margin-bottom:1.3em;
	padding-left:0.3em;
	page-break-inside:avoid;
}

.liqacat a {
	color:white !important;
}

.liqaquest a {
	color:aqua !important;
	font-size:medium;
}