Difference between revisions of "MediaWiki:Vector.css"

Latest revision as of 11:29, 25 October 2025

body {
  position:relative;
  margin:auto;
  width:100%;   
  max-width:1500px; 
  background-color:white;
}

.mw-body { 
  padding:0;  
  border:0;   
  margin-top:0;  
  margin-left: 2vw; 
  margin-right: 2vw;
}

#mw-navigation { 
  margin-left: 2vw; 
  margin-right: 2vw;
}

html {
  font-size: 1.5em;    
}

@media only screen and (max-width: 720px) {
div#content #twitter {
  display: none !important;
}
}

body, div#content, #mw-page-base, #mw-head-base, div#footer,
div.vectorTabs, div.vectorTabs ul li, div.vectorTabs li.selected, div.vectorTabs span,
div.vectorMenu, div.vectorMenuFocus, div#mw-head div.vectorMenu h5,div.vectorMenu h5 a,
div#simpleSearch {
  background: none;
  background-image: none;
  background-color: white;
}

/* Fonts */
body, #content, .portlet { font-family: fedra, Palatino, "times new roman"; }
body b, #content b, .portlet b, b, strong, big, dt, th, td b { font-family: fedra-bold, Palatino, "times new roman"; }
body i, #content i, .portlet i, i, em { font-family: fedra-italic, Palatino, "times new roman"; }
body b i, #content b i, .portlet b i, b i, b em { font-family: fedra-bold-italic, Palatino, "times new roman"; }
h1, h2, h3, h4, h5, h6, div#content div#userloginForm h2 .createaccount-join, div#content h2#filehistory, div#content h2#filelinks { font-family: enriqueta, geneva, lucida; } 
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i, #content .lede i  { font-family: enriqueta, geneva, lucida; } 
.mw-body-content .toc h2 { font-family: fedra-bold, sans-serif; }

h1, h2, h3, h4, h5, h6, div#content div#userloginForm h2 .createaccount-join {
  margin: 0;
  border-bottom: 1px dotted #BBB;
  font-size: 100%;
}

div#content h1#firstHeading, h1 .firstheading { 
    font-size: 1.6em; 
    border-bottom: 1px solid black;
    font-family: enriqueta, geneva, lucida; 
    margin-top: -0.05em;
    z-index: 105;
  }
  h1 .mw-headline a { font-size: .8em; padding-top: 1.5em; font-family: enriqueta, geneva, lucida; }
  h2 .mw-headline, h2 .mw-version-ext, h2 .mw-headline a, div#content div#userloginForm h2 .createaccount-join { font-size: 1.05em; padding-top: 1.5em; font-family: enriqueta, geneva, lucida; }
  h2 .mw-headline i { font-size: 1em; font-family: enriqueta, geneva, lucida; }
  h3 .mw-headline, h3 .mw-version-ext, h3 .mw-headline a { font-size: 1.15em; font-family: enriqueta, geneva, lucida; }
  h3 .mw-headline i { font-size: .85em; font-family: enriqueta, geneva, lucida; }
  h4 .mw-headline, #toctitle h2 { font-size: 1.1em; font-family: enriqueta, geneva, lucida; }
  h5 .mw-headline { font-size: 1em; font-family: enriqueta, geneva, lucida; }
  h6 .mw-headline { font-size: 1em; font-family: enriqueta, geneva, lucida; }

dl {
	margin-top: .5em;
}

/* Links */
a:link, a:visited {
  text-decoration: none;
}

div#content a.external, div#content a.external:visited {
  color: #36b;
}

a:hover { /* must come _after_ a:link and a:visited */
  text-decoration: underline;
}
  
a:active { /* must come _after_ a:hover */
  text-decoration: none;
}

div#content a.external,
div#content a[href ^="gopher://"] { /* remove the external link icon */
  background: none;
  padding-right: 0;
}

/* Fonts */
@font-face {
    font-family: 'fedra';
    src:url('https://monoskop.org/skins/monobook/fedrasanspro/fedrasanspro-light.woff2') format('woff2'),
        url('https://monoskop.org/skins/monobook/fedrasanspro/fedrasanspro-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'fedra-bold';
    src:url('https://monoskop.org/skins/monobook/fedrasanspro/fedrasanspro-normal.woff2') format('woff2'),
        url('https://monoskop.org/skins/monobook/fedrasanspro/fedrasanspro-normal.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'fedra-italic';
    src:url('https://monoskop.org/skins/monobook/fedrasanspro/fedrasanspro-lightitalic.woff2') format('woff2'),
        url('https://monoskop.org/skins/monobook/fedrasanspro/fedrasanspro-lightitalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'fedra-bold-italic';
    src: url('https://monoskop.org/skins/monobook/fedrasanspro/fedrasanspro-normalitalic.woff2') format('woff2'),
         url('https://monoskop.org/skins/monobook/fedrasanspro/fedrasanspro-normalitalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/*
@font-face {
    font-family: 'neohellenic';
    src: url('https://monoskop.org/skins/monobook/gfsneohellenic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'neohellenic-bold';
    src: url('https://monoskop.org/skins/monobook/gfsneohellenicbold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'neohellenic-italic';
    src: url('https://monoskop.org/skins/monobook/gfsneohellenicit.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'fjord';
    src: url('https://monoskop.org/skins/monobook/fjord_one_regular.otf') format('opentype'),
         url('https://monoskop.org/skins/monobook/fjord_one_regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'enriqueta';
    src: url('https://monoskop.org/skins/monobook/enriqueta/enriqueta-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#mw-panel {
  position:relative;
  width:auto;
}

@media only screen and (max-width: 720px) {
div#mw-panel {
  clear: none;
}
}

/* Logo */
#p-logo,
#p-logo a,
#p-logo a:hover {
  display:none;
}

div#mw-panel.collapsible-nav div.portal {
  background: none !important;
  margin: 0;
  padding: 0;
}
div#mw-panel.collapsible-nav div.portal div.body  {
  margin: 0;
  margin-left: 8px;
  margin-top: -7px;
}

div#mw-panel div.portal div.body, div#mw-panel.collapsible-nav div.portal {
  background: none !important;
  .background-image('images/null.gif');
  padding-top: 0;
}

div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited,
div#p-personal a, div#right-navigation a, div#left-navigation a {
  color: black !important;
}

/* Page body */
div#content {
  margin-top: 0;
  padding-top: .3em;
  padding-bottom: .3em;
  padding-right: 0;
  font-size: 1em;
  color: black;
  border-top: none;
  border-bottom: none;
}

@media only screen and (max-width: 720px) {
  /* For mobile phones: */
div#content {
  margin-left: 2vw;  
  margin-top: 2em;
}
}

div#content a {
  color: darkgreen;
}
div#content a.new {
  color: #ba0000;
}

/* Search */
#p-search {
  top:.4em; 
  left:.4em;
  padding:0;text-align:left;
  margin-right:0; 
}

div#simpleSearch {
  height: 1.4em;
  margin-top:.5em;  
  background-color: white;
  padding: .2em;
  font-size: 1em;
  font-family: fedra, Palatino, "times new roman";
  -moz-border-radius: .3em;
  border-radius: .3em;
}

@media only screen and (max-width: 720px) {
div#p-search {
  position: static;
  left:0;
  width:96vw;
}
div#right-navigation {  
  width:100%; 
  margin-left:0;
  margin-right:0;
}
}

#p-search #mw-searchButton {
  display: none !important;
}

/* Search Suggest box */
.os-suggest {
  border: 1px solid #aaa;
  -moz-border-radius: .3em;
  border-radius: .3em;
  border-top: 0;
  padding-top: 2px;
  z-index: 110;
}

.os-suggest-result {
  background-color: white;
  z-index: 110;
}

.os-suggest-result, .os-suggest-result-hl, .os-suggest-result-hl-webkit {
  font-family: fedra, Palatino, "times new roman";
  z-index: 110;
} 

/* Top/personal menu */
#p-personal {
  position:relative;   
  top:0;
  right:0;
}

#p-personal ul {
  padding: 0;
  text-transform: none;
  text-align: left;
}

#p-personal li {
  font-size:.8em;
  margin-left:1em;   
}
#p-personal li:first-child, #p-personal li#pt-createaccount { 
  margin-left:0 !important;  
}
#pt-anonuserpage, #pt-userpage a { 
  padding-left: 0 !important;
}

li#pt-mytalk, li#pt-mycontris, li#pt-anontalk, li#pt-anonuserpage {
  display: none !important;
}

/* Article heading */
//h1#firstHeading {
//  padding-top: 0;
//  border-bottom: 1px solid #ccc;
//  z-index: 105;
//}

/* Article menu */
#left-navigation {
  display:none;
}
@media screen and (max-width: 720px) {
div#left-navigation {
  display:none; 
}
}

#right-navigation {
  position:absolute;  
  right:0;  
  top: .5em;   
  margin-top:0; 
  margin-right:2vw; 
  padding-right:0;
  margin-bottom:0;
  padding-bottom:0;
  z-index:107;
}

#p-namespaces li.selected, #p-views li.selected, #p-personal li.selected {
  font-family: fedra-bold, Palatino, "times new roman";
}

#p-cactions.vectorMenu,
#p-variants.vectorMenu,
li#ca-delete, li#ca-protect, 
#p-navigation h5, #p-search h5, #p-tb h5, 
#p-tb #t-pdf, #p-tb #t-specialpages, #p-tb #t-recentchangeslinked, #p-tb #t-smwbrowselink,
#p-tb #p-tb-label {
    display: none !important;
}

/* For positioning icons at top-right, used in Templates "Spoken Article" and "Featured Article" */
div.topicon {
  position: absolute;
  top: -5em;
  margin-right: -17px;
  display: block !important;
  z-index: 111;
}
 
/* FR topicon position */
div.flaggedrevs_short {
  position: absolute;
  top: -3em;
  right: 80px;
  z-index: 1;
  margin-left: 0;
  /* Because this is not yet a topicon, we emulate it's behavior, this ensure compatibility with edit lead section gadget */
  margin-right: -10px;
}

/* Article list */
#content ul {
  list-style: none;
  padding: 0;
  margin: .3em 0 0 .3em;
}

#content ul li { 
  padding-left: 1em; 
  margin-bottom: .3em;
  text-indent: -0.9em;
}

#content ul li.mw-logline-newusers {
  text-indent: 0;
}

#content ul.gallery {
  max-width: unset !important;
}

#content ul.gallery li { /* Gallery */
  padding-left: 0;
  text-indent: 0;
}

/* The backgrounds for galleries. */
div#content .gallerybox div.thumb {
    /* remove Light gray padding */
    background-color: white;
    border: 0;
}

/* remove 15px margin 
ul.gallery li.gallerybox div.thumb img { 
    margin: 0 auto;
}
*/

#content .dpl li:before,  /* Dynamic Page List - used to list pages in categories */
#content .twocol li:before,  /* 2-column Dynamic Page List - used to list pages in categories */
#content .dpl2 li:before,  /* 2-column Dynamic Page List - used to list pages in categories */
#content .threecol li:before,  /* 3-column Dynamic Page List - used to list pages in categories */
#content .dpl3 li:before,  /* 3-column Dynamic Page List - used to list pages in categories */
#content .fourcol li:before,  /* 4-column Dynamic Page List - used to list pages in categories */
#content .catlinks li:before, /* Category links */
#content .mw-search-formheader li:before, /* Search types */
#content .mw-search-results li:before, /* Search results */
#content .gallery li:before, /* Gallery */
#content .references li:before { /* Notes */
  content: none;
  padding-right: 0;
}

/* doesn't work -- remove 'Categories' */
#content .catlinks a:first_child { display: none !important; } 

#content .catlinks li { /* Category links */
  padding-left: 1.7em; 
}

/* Article References */
sup {
  font-size: .7em;
  bottom: 1ex;
  line-height: 1em;
  padding-left: 0;
  margin-left: 0;
}

.references-small {
  font-size: .8em;
}

/* Search results */
#mw-search-top-table #powerSearchText, #mw-search-top-table #searchText, #mw-search-top-table input:nth-of-type(5),
#mw-searchoptions, 
.mw-search-formheader li:nth-of-type(3), .mw-search-formheader li:nth-of-type(5) {
    display: none !important;
}

/* Login form */
#userlogin, #userloginForm {
  border: 0;
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
}

#userlogin {
  min-width: 20em;
  max-width: 100%;
}

.page-Special_UserLogin h1.firstHeading, .page-Special_UserLogin li#ca-nstab-special, 
.page-Special_UserLogin #contentSub, #loginstart {
    display: none !important;
}

div#userloginForm form h2,
div#userlogin form#userlogin2 h2 {
  padding-top: 0;
  margin-top: 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: .1em;
  line-height: 1.2em;
  padding-bottom: 0;
  font-family: enriqueta, geneva, lucida;
  font-weight: bold;
  font-size: 200%;
}

div#userloginForm form,
div#userlogin form#userlogin2,
div#userloginForm table,
div#userlogin form#userlogin2 table {
  background-color: white;
  border: 0;
  padding: 0;
}

div#userlogin .captcha,
div#userloginForm .captcha {
  margin-bottom: 1em;
  padding: 1em;
  width: 70%;
  border: 1px solid #ccc;
}

/* Article Table  */
.toccolours {
  background-color:#f8f9fa !important;  
  border:0;
  padding:0;
  -moz-border-radius:.3em;
  border-radius:.3em; 
}

.toccolours th {
  border-bottom: 1px solid #ccc;
}

.toccolours .tocpadding {
  padding-left: 1em;
  padding-right: 1em;
}

/* Article TOC */
#toc,
.toc,
.mw-warning {
  background-color:  #f8f9fa; 
  padding: 5px;
  border: 0;
  -moz-border-radius: .3em;
  border-radius: .3em;
}

#column-content #toc ul, #toc ul, .toc ul {
  list-style: none;
}

#column-content #toc ul li, #toc ul li, .toc ul li { 
  padding-left: 1.3em; 
  margin-bottom: .3em;
}

#column-content #toc ul li:before, #toc ul li:before, .toc ul li:before {
  content: none;
}

.tocnumber, #toc ul li .toclevel-4, #toc ul li .toclevel-5, #toc ul li .toclevel-6 {
  display: none !important;
}

/* Article Edit section links */
h2 .mw-editsection-bracket, h3 .mw-editsection-bracket, h4 .mw-editsection-bracket, h5 .mw-editsection-bracket {
  font-family: fedra, Palatino, "times new roman";
  font-weight: normal;
  color: transparent;
  font-size: .8em;
}

h2 .mw-editsection, h3 .mw-editsection, h4 .mw-editsection, h5 .mw-editsection {
  float: right;
  padding-top: 1.5em;
}

h2 .mw-editsection a, h3 .mw-editsection a, h4 .mw-editsection a, h5 .mw-editsection a {
  font-weight: normal;
  font-size:1.5em;  
}

/* Twitter feed */
// https://twitter-widgets.s3.amazonaws.com/j/2/widget.css
.twtr-widget {
  align: right;
  margin: auto;
  font-family: fedra, Palatino, "times new roman";
  font-size: 100%;
}

.twtr-timestamp, .twtr-reply, .twtr-rt, .twtr-fav {
  font-size: 110%;
  font-family: fedra-italic, Palatino, "times new roman";
}

.twtr-ft {
  display: none !important;
}

.twtr-tweet:last-child {
  border-bottom-width: 1px!important;
  border-bottom-style: solid!important;
  border-bottom-color: #f0f0f0!important;
}

/* Article category links */
.catlinks {
  border: 0;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: .8em;
  padding-right: .8em;
  -moz-border-radius: .3em;
  border-radius: .3em;
}

/* Bottom menu */
#privacy, #disclaimer {
  display: none !important;
}

/* Footer */
div#footer {
  padding-right:0;
  padding-left:2vw;
  margin-left:0;
  bottom:0;
  clear:both; 
}

div#footer a {
  color: #666;
}

div#footer li {
  list-style-type:none;
  margin:0;  
}

div#footer ul li {
  padding-top:0;
  padding-bottom:0;
  color:#666;
  font-size: .8em;
}

div#footer #footer-info li,
div#footer #footer-icons li,
div#footer #footer-places li {
  line-height: 1.5em;
}

#footer-poweredbyico, #f-copyrightico, li#footer-places-disclaimer, li#footer-places-privacy {
  display: none !important;
}

/* QuickLink extension css - Article editor */
input#QuickLinkInput {
  font-family: fedra, Palatino, "times new roman";
  font-size: .8em;
  border: 1px solid #aaa;
  -moz-border-radius: .3em;
  border-radius: .3em;
  width: 15em;
  height: 1.6em;
}

#QuickLinkResults {
  padding: 0.5em 0.5em 0.5em 0.5em;
}

#QuickLinkResults a.selected {
  background-color: darkgreen;
}

/* CategoryTree extension css - transcluded categories */
.CategoryTreeLabelPage,
.CategoryTreeNotice,
.CategoryTreeParents {
  font-style: normal;
}

div.reflist { font-size: 90%; }

/* imgtable - used for publication covers overviews */
div#content .imgtable {
  background-color: white;
  border: none;
}
div#content .imgtable tr, div#content .imgtable td { 
  border: none;
}
div#content .imgtable .thumb.tright {
  margin: 0;
  padding: 0;
  padding-right: .3em;
}
div#content .imgtable .thumbinner {
  background-color: white;
}

//indent paragraphs in quotes
div#content blockquote span {
//  text-indent: 2em ;
}

.allpagesredirect,
.redirect-in-category,
.watchlistredir,
.catlinks li a.mw-redirect {
	font-style: normal;
}

.editOptions {
  background-color: white;
  border: 0;
}

div#content dl dd {
  margin-bottom: .5em;
}

div#content small {
  line-height: 0.8em;
}

.mw-createacct-benefits-container {
  display: none !important;

}

table.wikitable {
  background-color: white;
  border-right: 0;
  border-left: 0;
}

table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
  border-right: 0;
  border-left: 0;
  padding-right: 0.3em;
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
  background-color: white;
  text-align: left;
}

table.wikitable > tr.nobottom > th,
table.wikitable > tr.nobottom > td,
table.wikitable > * > tr.nobottom > th,
table.wikitable > * > tr.nobottom > td,
tr.nobottom, 
.nobottom tr {
  border-bottom: 0;
}

table.wikitable > tr.notop > th,
table.wikitable > tr.notop > td,
table.wikitable > * > tr.notop > th,
table.wikitable > * > tr.notop > td,
tr.notop,
.notop tr {
  border-top: 0;
}

/* indent paragraphs in poem */
div#content .poem {
  text-indent: 2em ;
}

/* TOC of the file page */
#mw-content-text ul#filetoc {
  display: none !important;
}

/* page history, recent uploads and user contributions diff links too tight */
#pagehistory .mw-changeslist-links, div#content .mw-logline-upload .mw-changeslist-links, .mw-contributions-list .mw-changeslist-links {
  padding-left: 1em;
}

div#content table.mw-changeslist-line {
  padding-left: -2em;
}

/* hide Help symbol and link */
#mw-indicator-mw-helplink {
  display: none;
}

/* ConfirmEdit QuestyCaptcha -- on Create Account */
.htmlform-tip + .mw-htmlform-field-HTMLInfoField { color:blue; }


/* ADDITIONS, 25 May 2022 */
div.thumbinner {  
  border:0;
}
html .thumbcaption { 
  line-height: inherit;
  padding-top: 0.7em;
}
.mw-body-content h3, .mw-body-content h4 {  
  font-weight: normal;
}
#mw-head {  
  position: static;
  width:auto;
  margin-top:0.5em; /* 1.5em; */
  margin-bottom:.2em;
}
#mw-page-base { 
  height: 0;
}
#mw-head-base { 
  height: .75em;
  margin-top: 0em;
  margin-left: 0;
}
#pt-anonuserpage, #pt-userpage a { 
  background: none;
}
#pt-anoncontribs {
  display:none;
}
#ca-view {
  display:none;
}
#mw-navigation h2 { 
  display:none;
}
.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a {
  padding-top: 3.4em;
}

@media screen and (max-width: 720px) {
#ca-viewsource,#ca-edit,#ca-history,#ca-watch,#ca-unwatch {
  display:none; 
}
div#simpleSearch {
  width:100%; 
  margin-left:2vw;
  margin-right:2vw;
}
#simpleSearch {
  max-width:94vw;
}
#p-search{
  margin-right:2vw;
}
body #footer #footer-info-lastmod {
  display:block;
}
}

@media screen and (min-width: 982px) { 
#mw-panel {
  padding-left: 0;  
}
/*.mw-body, #mw-head-base, #left-navigation, */
#footer {
  margin-left: inherit;
}
}

#mw-panel .portal {
  margin: 0;
  padding-top:0;
  padding-bottom:0;
}
#mw-panel #p-logo + .portal {
  margin-top: 0;
}
#mw-panel #p-logo + .portal .body {
  margin-left: 0;
}
#mw-panel .portal .body {
  margin-left: 0;
}
#mw-panel .portal .body li {
  padding-top: 0em;
  padding-bottom: 0;
  font-size: .8em;
  margin-left:0;
  margin-right: 1em;
  line-height: 1.6em;
}
#mw-panel .portal .body ul {
  padding-top: 0;
}
#mw-panel .portal .body li:last-child {  
  margin-right:0 !important;  
}
#p-navigation ul, #p-tb ul {
  list-style: none;
  padding:0;text-transform:none;text-align:left;
}
div#mw-navigation div#mw-panel {
  font-size:100%;
}
#p-navigation li, #p-tb li {
  float: left;
  margin-top: 1em;
}
#p-navigation, #p-tb {
  clear:both;
}

/* combine lines of bottom menu */
#p-personal, #p-navigation, #p-tb {
  display: inline-block;
  margin-right: 1em !important;
  vertical-align: top;
}

a#top {
  content: url('https://monoskop.org/images/5/59/Monoskop_logo.jpg');
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
  float: left;
  padding-top: .3em;
  margin-right: .5em;
}
#t-permalink {
  display:none;
}
#n-About-Monoskop {
  display:none;
}
.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-unwatch.icon a:focus {
  background-image:url("https://monoskop.org/images/d/d4/Following.png");  
  background-size:.7em;
}
.vectorTabs #ca-unwatch.icon a:hover, .vectorTabs #ca-unwatch.icon a.loading {
  background-image:url("https://monoskop.org/images/3/37/Unfollow.png");  
  background-size:.7em;
}
.vectorTabs #ca-watch.icon a, .vectorTabs #ca-watch.icon a:hover, .vectorTabs #ca-watch.icon a:focus, .vectorTabs #ca-watch.icon a.loading {
  background-image:url("https://monoskop.org/images/7/75/Follow.png");  
  background-size:.7em;
}
#footer ul {
  list-style: none;
}
div#footer li {
  float:left;
  margin-right: 1em;
}
.catlinks {
  clear:none;
  float:left;
  }
.toctogglelabel {
  color: darkgreen;
}
.infobox {
  border: 0;
  background-color:#f8f9fa;
}
#featured-star {
  display:none !important;
}
.suggestions {
  width: 20vw !important;
}  
#content .twocol {
  -moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
  font-size:.95em;
}
#content .dpl2 {
  -moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
}
#content .dpl2 ul {
  margin-bottom: .7em;
}
#content .threecol {
  -moz-column-count:3;
  -webkit-column-count:3;
  column-count:3;
  font-size:.95em;
}
#content .dpl3 {
  -moz-column-count:3;
  -webkit-column-count:3;
  column-count:3;
}
#content .fourcol {
  -moz-column-count:4;
  -webkit-column-count:4;
  column-count:4;
  font-size:.85em;
}
@media screen and (max-width: 1024px) {
  html {
    font-size: 1em;
  }
  #content .twocol {
    -moz-column-count:1;
    -webkit-column-count:1;
    column-count:1;
    font-size:1em;
  }
  #content .dpl2 {
    -moz-column-count:1;
    -webkit-column-count:1;
    column-count:1;
  }
  #content .threecol {
    -moz-column-count:2;
    -webkit-column-count:2;
    column-count:2;
    font-size:1em;
  }
  #content .dpl3 {
    -moz-column-count:2;
    -webkit-column-count:2;
    column-count:2;
  }
  #content .fourcol {
    -moz-column-count:3;
    -webkit-column-count:3;
    column-count:3;
    font-size:.9em;
  }
  h2 .mw-editsection a, h3 .mw-editsection a, h4 .mw-editsection a, h5 .mw-editsection a {
    font-size: 1em;
  }
  .suggestions-result {
    font-size: 1em;
    line-height: 2em;
  }  
}
@media screen and (max-width: 720px) {
  .page-Monoskop .dpl {
    -moz-column-count:1 !important; -webkit-column-count:1 !important; column-count:1 !important; 
  }
  #content .threecol {
    -moz-column-count:1;
    -webkit-column-count:1;
    column-count:1;
    font-size:1em;
  }
  #content .dpl3 {
    -moz-column-count:1;
    -webkit-column-count:1;
    column-count:1;
  }
  #content .fourcol {
    -moz-column-count:2;
    -webkit-column-count:2;
    column-count:2;
    font-size:.95em;
  }
  #p-navigation, #p-tb {
    clear:none;
  }
  #mw-panel .portal .body li#t-whatlinkshere {
    padding-left: 1em;
  }
  .suggestions {
    width: 96vw !important;
  }  
}  
.catlinks li {
  border-left: 0;
}
.mw-editfont-monospace, .mw-editfont-sans-serif, .mw-editfont-serif {
  font-size: inherit;
}
.infobox img {
  padding-bottom: .7em;
}
/* endof ADDITIONS, 25-27 May 2022 */

/* increasite type size for lead paragraph e.g. in Cybernetics */
.lede { 
  font-size: 1.2em; 
  font-family: enriqueta, geneva, lucida; 
  padding-bottom: .5em;
}

/* no column break div */
.nobreak {
  break-inside: avoid-column; 
  page-break-inside: avoid;
}

/* subseries in Series:Log */
#mw-subcategories {
  display: none;
}

/* lowercase in monoskop.org/web_archive & /websites listings */
.lowercase li a {
  text-transform: lowercase;
}

/* hide search results top bar */
#mw-search-top-table {
  display: none;
}
/* hide advanced search */
.mw-search-profile-tabs .search-types ul li:nth-child(4) {
  display: none;
}

/* semantic search results top bar */
.smw-tabs #tab-label-smw-askt-edit, .smw-tabs #tab-label-smw-askt-extra {
  display: none;
}

/* increase space between items in gallery */
#mw-content-text ul.mw-gallery-packed-overlay li.gallerybox {
  margin-left: 4vw;
  margin-right: 4vw;
  margin-bottom: 6vw;
}

#mw-content-text ul.mw-gallery-packed.spacey li.gallerybox {
  margin: auto;
  margin-left: 2vw;
  margin-right: 2vw;
  margin-bottom: 3vw;
}

/* convert list items to blocks */
#content .blocks ul > li {
  padding-left: 0;
  text-indent: 0;
  padding-bottom: 1em;
  break-inside: avoid-column; 
  page-break-inside: avoid;
}

#content .blocks ul ul > li {
  padding-left: 1em; 
  margin-bottom: -.6em;
  text-indent: 0;
  break-inside: initial; 
  page-break-inside: initial;
}

/* blockquotes in blocks ": " */

#content .blocks dl {
  background-color: #f0ebf2;
  border-radius: 1em;
  padding-top: 1em;
  padding-bottom: .5em;
  padding-right: 1em;
  break-inside: avoid-column; 
  page-break-inside: avoid;
}

/* language symbol in bibliography */
.blocks .languageicon {
  font-weight: normal !important;
}

/* responsive images */
.res-img img {
	max-width:100%;
	height:auto;
}

/* filters in recent changes */
.rcfilters-head {
  display: none !important;
}
.client-js .rcfilters-head {
  min-height: 0 !important;
}
.mw-changeslist {
  padding-top: 1em;
}
.mw-changeslist-legend {
  margin-top: 1em;
}

/* hide panel from active contributors list */
.page-Special_ActiveUsers .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
  display: none;
}

pre {
  border: none;
}
.page-Monoskop pre, .page-Log2 pre {
  font-size: .8em;
}

.wrap {
  overflow-wrap: normal;
}

.frameblack .gallerybox .thumb img {
  border: 1px solid black;
}

#content .blocks ul.gallery li.gallerybox {
  padding-bottom: 0.3em !important;
  margin-bottom: 0 !important;
}