Difference between revisions of "MediaWiki:Vector.css"

From Monoskop
Jump to navigation Jump to search
 
(547 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
#content {
+
body {
−
font-family: fedra;
+
  position:relative;
 +
  margin:auto;
 +
  width:100%; 
 +
  max-width:1500px;
 +
  background-color:white;
 
}
 
}
  
−
.visualClear {
+
.mw-body {  
−
clear: both;
+
  padding:0; 
 +
  border:0; 
 +
  margin-top:0; 
 +
  margin-left: 2vw;
 +
  margin-right: 2vw;
 
}
 
}
  
−
/* general styles */
+
#mw-navigation {  
−
 
+
  margin-left: 2vw;  
−
table {
+
  margin-right: 2vw;
−
/* we don't want the bottom borders of <h2>s to be visible through
 
−
  floated tables */
 
−
background-color: white;
 
−
}
 
−
fieldset table {
 
−
/* but keep table layouts in forms clean... */
 
−
background: none;
 
 
}
 
}
  
−
h1, h2, h3, h4, h5, h6 {
+
html {
−
font-family: neohellenic;
+
  font-size: 1.5em;  
−
font-weight: bold;
 
−
margin: 0;
 
−
border-bottom: 1px dotted #BBB;
 
−
font-size: 100%;
 
 
}
 
}
−
h1 { font-size: 200%; border: none }
 
−
h2 { font-size: 160%;    padding-top: 1.5em; }
 
−
h3 { font-size: 142%; }
 
−
h4 { font-size: 128%; }
 
−
h5 { font-size: 114%; }
 
−
h6 { font-size: 100%;  }
 
  
−
dl {
+
@media only screen and (max-width: 720px) {
−
margin-top: .5em;
+
div#content #twitter {
 +
  display: none !important;
 
}
 
}
−
 
−
abbr, acronym, .explain {
 
−
border-bottom: 1px dotted black;
 
−
color: black;
 
−
background: none;
 
−
cursor: help;
 
 
}
 
}
  
−
 
+
body, div#content, #mw-page-base, #mw-head-base, div#footer,
−
/* user notification thing */
+
div.vectorTabs, div.vectorTabs ul li, div.vectorTabs li.selected, div.vectorTabs span,
−
.success {
+
div.vectorMenu, div.vectorMenuFocus, div#mw-head div.vectorMenu h5,div.vectorMenu h5 a,
−
color: green;
+
div#simpleSearch {
−
font-size: larger;
+
  background: none;
−
}
+
  background-image: none;
−
.error {
+
  background-color: white;
−
color: red;
 
−
font-size: larger;
 
−
}
 
−
.errorbox, .successbox {
 
−
font-size: larger;
 
−
border: 2px solid;
 
−
padding: .5em 1em;
 
−
float: left;
 
−
margin-bottom: 2em;
 
−
color: #000;
 
−
}
 
−
.errorbox {
 
−
border-color: red;
 
−
background-color: #fff2f2;
 
−
}
 
−
.successbox {
 
−
border-color: green;
 
−
background-color: #dfd;
 
−
}
 
−
.errorbox h2, .successbox h2 {
 
−
font-size: 1em;
 
−
font-weight: bold;
 
−
display: inline;
 
−
margin: 0 .5em 0 0;
 
−
border: none;
 
 
}
 
}
  
 +
/* 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  { 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 {
−
/* images */
+
  margin: 0;
−
div.floatright, table.floatright {
+
  border-bottom: 1px dotted #BBB;
−
clear: right;
+
  font-size: 100%;
−
float: right;
 
−
position: relative;
 
−
}
 
−
div.floatleft, table.floatleft {
 
−
float: left;
 
−
clear: left;
 
−
position: relative;
 
−
}
 
−
/* thumbnails */
 
−
div.thumb {
 
−
border-style: solid;
 
−
border-color: white;
 
 
}
 
}
  
−
div.tright {
+
div#content h1#firstHeading, h1 .firstheading {  
−
clear: right;
+
    font-size: 1.6em;  
−
float: right;
+
    border-bottom: 1px solid black;
−
border-width: .5em 0 .8em 1.4em;
+
    font-family: enriqueta, geneva, lucida;
−
}
+
    margin-top: -0.05em;
−
div.tleft {
+
    z-index: 105;
−
float: left;
+
  }
−
clear: left;
+
  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; }
−
margin-right: .5em;
+
  h2 .mw-headline i { font-size: 1em; font-family: enriqueta, geneva, lucida; }
−
border-width: .5em 1.4em .8em 0;
+
  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; }
−
.hiddenStructure {
+
  h4 .mw-headline, #toctitle h2 { font-size: 1.1em; font-family: enriqueta, geneva, lucida; }
−
display: none;
+
  h5 .mw-headline { font-size: 1em; font-family: enriqueta, geneva, lucida; }
−
}
+
  h6 .mw-headline { font-size: 1em; font-family: enriqueta, geneva, lucida; }
  
−
/*
+
dl {
−
** general portlet styles (elements in the quickbar)
+
margin-top: .5em;
−
*/
 
−
.portlet {
 
−
width: 11em;
 
−
font-family: fedra;
 
−
font-size: 110%;
 
−
}
 
−
.portlet ul {
 
−
    list-style-image: none;
 
−
}
 
−
 
 
−
.pBody {
 
−
background-color: none;
 
−
border: 0;
 
 
}
 
}
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
body {
 
−
  background-color: white;
 
−
}
 
−
 
−
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#simpleSearch {
 
−
  background-image: none;
 
−
}
 
−
 
−
/* Fonts */
 
−
body, #content, .portlet { font-family: fedra, fallback-fonts; }
 
−
body b, #content b, .portlet b, b, strong, big, dt, th, td b { font-family: fedra-bold; }
 
−
body i, #content i, .portlet i, i, em { font-family: fedra-italic; }
 
−
body b i, #content b i, .portlet b i, b i, b em { font-family: fedra-bold-italic; }
 
−
h1, h2, h3, h4, h5, h6  { font-family: neohellenic-bold, fallback-fonts; }
 
  
 
/* Links */
 
/* Links */
 
a:link, a:visited {
 
a:link, a:visited {
 
   text-decoration: none;
 
   text-decoration: none;
 +
}
 +
 +
div#content a.external, div#content a.external:visited {
 +
  color: #36b;
 
}
 
}
  
Line 171: Line 90:
 
}
 
}
  
−
#content a {
+
div#content a.external,
−
  color: darkgreen;
+
div#content a[href ^="gopher://"] { /* remove the external link icon */
−
}
 
−
#content a.new, #p-personal a.new {
 
−
color: #ba0000;
 
−
}
 
−
#content a.new:visited, #p-personal a.new:visited {
 
−
color: #a55858;
 
−
}
 
−
 
 
−
#bodyContent a.external,
 
−
#bodyContent a[href ^="gopher://"] { /* remove the external link icon */
 
 
   background: none;
 
   background: none;
 
   padding-right: 0;
 
   padding-right: 0;
Line 190: Line 99:
 
@font-face {
 
@font-face {
 
     font-family: 'fedra';
 
     font-family: 'fedra';
−
     src: url('skins/monobook/FedraSans-Light.ttf') format('truetype');
+
     src: url('skins/monobook/fedrasanspro/fedrasanspro-light.woff2') format('woff2'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-light.woff') format('woff'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-light.eot?#iefix') format('embedded-opentype'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-light.ttf') format('truetype'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-light.svg') format('svg');
 
     font-weight: normal;
 
     font-weight: normal;
 
     font-style: normal;
 
     font-style: normal;
Line 196: Line 109:
 
@font-face {
 
@font-face {
 
     font-family: 'fedra-bold';
 
     font-family: 'fedra-bold';
−
     src: url('skins/monobook/FedraSans-Bold.ttf') format('truetype');
+
     src: url('skins/monobook/fedrasanspro/fedrasanspro-normal.woff2') format('woff2'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-normal.woff') format('woff'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-normal.eot?#iefix') format('embedded-opentype'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-normal.ttf') format('truetype'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-normal.svg') format('svg');
 
     font-weight: bold;
 
     font-weight: bold;
 
     font-style: normal;
 
     font-style: normal;
Line 202: Line 119:
 
@font-face {
 
@font-face {
 
     font-family: 'fedra-italic';
 
     font-family: 'fedra-italic';
−
     src: url('skins/monobook/FedraSans-LightItalic.ttf') format('truetype');
+
     src: url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.woff2') format('woff2'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.woff') format('woff'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.eot?#iefix') format('embedded-opentype'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.ttf') format('truetype'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.svg') format('svg');
 
     font-weight: normal;
 
     font-weight: normal;
 
     font-style: italic;
 
     font-style: italic;
Line 208: Line 129:
 
@font-face {
 
@font-face {
 
     font-family: 'fedra-bold-italic';
 
     font-family: 'fedra-bold-italic';
−
     src: url('skins/monobook/FedraSans-BoldItalic.ttf') format('truetype');
+
     src: url('skins/monobook/fedrasanspro/fedrasanspro-normalitalic.woff2') format('woff2'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-normalitalic.woff') format('woff'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-normalitalic.eot?#iefix') format('embedded-opentype'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-normalitalic.ttf') format('truetype'),
 +
        url('skins/monobook/fedrasanspro/fedrasanspro-normaltitalic.svg') format('svg');
 
     font-weight: bold;
 
     font-weight: bold;
 
     font-style: italic;
 
     font-style: italic;
 
}
 
}
  
 +
/*
 
@font-face {
 
@font-face {
 
     font-family: 'neohellenic';
 
     font-family: 'neohellenic';
−
     src: url('skins/monobook/gfsneohellenic.otf') format('opentype');
+
     src: url('skins/monobook/gfsneohellenic.woff') format('woff'),
 +
        url('skins/monobook/gfsneohellenic.eot?#iefix') format('embedded-opentype'),
 +
        url('skins/monobook/gfsneohellenic.svg') format('svg');
 
     font-weight: normal;
 
     font-weight: normal;
 
     font-style: normal;
 
     font-style: normal;
Line 221: Line 149:
 
@font-face {
 
@font-face {
 
     font-family: 'neohellenic-bold';
 
     font-family: 'neohellenic-bold';
−
     src: url('skins/monobook/gfsneohellenicbold.otf') format('opentype');
+
     src: url('skins/monobook/gfsneohellenicbold.woff') format('woff'),
 +
        url('skins/monobook/gfsneohellenicbold.eot?#iefix') format('embedded-opentype'),
 +
        url('skins/monobook/gfsneohellenicbold.svg') format('svg');
 
     font-weight: bold;
 
     font-weight: bold;
 
     font-style: normal;
 
     font-style: normal;
Line 227: Line 157:
 
@font-face {
 
@font-face {
 
     font-family: 'neohellenic-italic';
 
     font-family: 'neohellenic-italic';
−
     src: url('skins/monobook/gfsneohellenicit.otf') format('opentype');
+
     src: url('skins/monobook/gfsneohellenicit.woff') format('woff'),
 +
        url('skins/monobook/gfsneohellenicit.eot?#iefix') format('embedded-opentype'),
 +
        url('skins/monobook/gfsneohellenicit.svg') format('svg');
 
     font-weight: normal;
 
     font-weight: normal;
 
     font-style: italic;
 
     font-style: italic;
 +
}
 +
@font-face {
 +
    font-family: 'fjord';
 +
    src: url('skins/monobook/fjord_one_regular.otf') format('opentype'),
 +
        url('skins/monobook/fjord_one_regular.ttf') format('truetype');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
}
 +
*/
 +
@font-face {
 +
    font-family: 'enriqueta';
 +
    src: url('skins/monobook/enriqueta/enriqueta-regular.ttf') format('truetype');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
}
 +
 +
#mw-panel {
 +
  position:relative;
 +
  width:auto;
 
}
 
}
  
−
/* Left panel */
+
@media only screen and (max-width: 720px) {
 
div#mw-panel {
 
div#mw-panel {
−
   top: 70px;
+
   clear: none;
−
   width: 10em;
+
}
 +
}
 +
 
 +
/* Logo */
 +
#p-logo,
 +
#p-logo a,
 +
#p-logo a:hover {
 +
   display:none;
 
}
 
}
  
−
div#mw-panel div.portal div.body {
+
div#mw-panel.collapsible-nav div.portal {
−
   background-image: none;
+
   background: none !important;
 +
  margin: 0;
 
   padding: 0;
 
   padding: 0;
 +
}
 +
div#mw-panel.collapsible-nav div.portal div.body  {
 
   margin: 0;
 
   margin: 0;
 +
  margin-left: 8px;
 +
  margin-top: -7px;
 
}
 
}
  
−
div#mw-panel div.portal h5,
+
div#mw-panel div.portal div.body, div#mw-panel.collapsible-nav div.portal {
−
div#mw-panel div.portal div.body ul li {
+
   background: none !important;
−
   font-size: .9em;
+
   .background-image('images/null.gif');
−
   margin-left: 0;
+
   padding-top: 0;
−
   padding-left: 0;
 
−
  padding-right: .3em;
 
 
}
 
}
  
−
div#mw-panel div.portal div.body ul li {
+
div#mw-panel div.portal div.body ul li a,
−
   line-height: normal;
+
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 */
 
/* Page body */
−
#content {
+
div#content {
−
   border-left: 2px solid #ccc;
+
   margin-top: 0;
−
   margin-top: 1em;
+
   padding-top: .3em;
−
   padding-left: 1.2em;
+
   padding-bottom: .3em;
−
   padding-top: 0;
+
   padding-right: 0;
 +
  font-size: 1em;
 +
  color: black;
 +
  border-top: none;
 +
  border-bottom: none;
 
}
 
}
  
−
/* Logo */
+
@media only screen and (max-width: 720px) {
−
#p-logo {
+
  /* For mobile phones: */
−
   position: relative;
+
div#content {
−
  height: 111px;
+
   margin-left: 2vw;
−
   top: -50px;
+
   margin-top: 2em;
 
}
 
}
−
#p-logo,
 
−
#p-logo a,
 
−
#p-logo a:hover {
 
−
  height: 111px;
 
−
  width: 9.5em;
 
 
}
 
}
  
−
/* Article heading */
+
div#content a {
−
h1#firstHeading {
+
   color: darkgreen;
−
   padding-top: 0;
+
}
−
  border-bottom: 1px solid #ccc;
+
div#content a.new {
−
   z-index: 105;
+
   color: #ba0000;
 
}
 
}
  
 
/* Search */
 
/* Search */
 
#p-search {
 
#p-search {
−
  position: absolute;
+
   top:.4em;  
−
   top: 1.5em;
+
   left:.4em;
−
   left: 10.5em;
+
   padding:0;text-align:left;
−
   width: auto;
+
   margin-right:0;  
−
}
 
−
 
 
−
#p-search .pBody {
 
−
  padding: 0;
 
−
   text-align: left;
 
 
}
 
}
  
−
#searchInput, #searchGoButton, input.searchButton {
+
div#simpleSearch {
−
   margin: 0;
+
   height: 1.4em;
−
   font-size: .9em;
+
   margin-top:.5em;
 
   background-color: white;
 
   background-color: white;
−
  font-family: fedra;
 
−
}
 
−
 
−
#searchInput {
 
−
  width: 36em;
 
−
  height: 2.5em;
 
 
   padding: .2em;
 
   padding: .2em;
−
   border: 1px solid #aaa;
+
   font-size: 1em;
 +
  font-family: fedra, Palatino, "times new roman";
 
   -moz-border-radius: .3em;
 
   -moz-border-radius: .3em;
 
   border-radius: .3em;
 
   border-radius: .3em;
 
}
 
}
  
−
#searchGoButton {
+
@media only screen and (max-width: 720px) {
−
   width: 2em;
+
div#p-search {
−
   height: 2.5em;
+
   position: static;
−
   align: center;
+
  left:0;
−
   font-weight: normal;
+
   width:96vw;
−
   border: 0;
+
}
 +
div#right-navigation { 
 +
   width:100%;  
 +
   margin-left:0;
 +
   margin-right:0;
 +
}
 
}
 
}
  
Line 341: Line 298:
  
 
.os-suggest-result, .os-suggest-result-hl, .os-suggest-result-hl-webkit {
 
.os-suggest-result, .os-suggest-result-hl, .os-suggest-result-hl-webkit {
−
   font-family: fedra;
+
   font-family: fedra, Palatino, "times new roman";
 
   z-index: 110;
 
   z-index: 110;
 
}  
 
}  
  
 
/* Top/personal menu */
 
/* Top/personal menu */
−
 
+
#p-personal {
−
#p-personal .pBody {
+
   position:relative;  
−
   position: absolute;
+
   top:0;
−
   right: 1em;
+
   right:0;
−
   top: 2.4em;
 
 
}
 
}
  
 
#p-personal ul {
 
#p-personal ul {
 
   padding: 0;
 
   padding: 0;
−
  padding-right: 3em;
 
−
  font-size: 0.9em;
 
 
   text-transform: none;
 
   text-transform: none;
 
   text-align: left;
 
   text-align: left;
 
}
 
}
  
−
#p-personal li a {
+
#p-personal li {
−
   color: #666;
+
   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 {  
−
#p-personal li a:hover {
+
   padding-left: 0 !important;
−
   text-decoration: underline;
 
 
}
 
}
  
−
li#pt-mytalk, li#pt-watchlist, li#pt-mycontris, li#pt-anontalk, li#pt-anonuserpage {
+
li#pt-mytalk, li#pt-mycontris, li#pt-anontalk, li#pt-anonuserpage {
 
   display: none !important;
 
   display: none !important;
 
}
 
}
 +
 +
/* Article heading */
 +
//h1#firstHeading {
 +
//  padding-top: 0;
 +
//  border-bottom: 1px solid #ccc;
 +
//  z-index: 105;
 +
//}
  
 
/* Article menu */
 
/* Article menu */
 
#left-navigation {
 
#left-navigation {
−
   position: relative;
+
   display:none;
−
  float: right;
 
−
  margin-top: 4.5em;
 
 
}
 
}
−
 
+
@media screen and (max-width: 720px) {
−
#right-navigation {
+
div#left-navigation {
−
   margin-top: 4.5em;
+
   display:none;  
 
}
 
}
−
 
−
#p-cactions {
 
−
  left: 0;
 
−
  width: 100%;
 
−
  padding: 0;
 
−
  top: 0;
 
−
  right: 0;
 
 
}
 
}
  
−
#p-cactions .pBody {
+
#right-navigation {
−
   position: absolute;
+
   position:absolute;
−
   top: 8.7em;
+
   right:0;
−
   right: 3.7em;
+
   top: .5em;   
−
   z-index: 100;
+
   margin-top:0;  
−
   margin-left: 1em;
+
   margin-right:2vw;  
−
}
+
   padding-right:0;
−
 
+
  margin-bottom:0;
−
#p-cactions li.selected {
+
   padding-bottom:0;
−
   border-color: none;
+
   z-index:107;
−
   padding: 0;
 
−
}
 
−
 
 
−
#p-cactions li {
 
−
  border: 0;
 
−
   padding: 0;
 
−
   background: none;
 
−
}
 
−
 
 
−
#p-cactions li a {
 
−
  color: #000;
 
−
  background-color: #CCC;
 
 
}
 
}
  
−
#p-cactions li a:hover {
+
#p-namespaces li.selected, #p-views li.selected, #p-personal li.selected {
−
  text-decoration: underline;
+
   font-family: fedra-bold, Palatino, "times new roman";
−
}
 
−
 
 
−
#p-cactions .new a {
 
−
color: #000; /*#ba0000;*/
 
−
}
 
−
 
 
−
li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
 
−
  margin-left: 0;
 
−
  margin-right: 0;
 
−
}
 
−
 
 
−
li#ca-delete, li#ca-protect, li#ca-purge {
 
−
  display: none !important;
 
−
}
 
−
 
 
−
#p-cactions li, #p-cactions ul  {
 
−
  margin: 0;
 
−
}
 
−
 
 
−
#p-cactions li a, #p-cactions .new a {
 
−
   color: #0645ad;
 
−
  background: none;
 
−
  margin: 0;
 
−
  padding: 0 .4em .3em;
 
−
  text-transform: none;
 
−
}
 
−
 
 
−
li#ca-talk {
 
−
  margin-right: 1.6em;
 
−
}
 
−
 
 
−
/* Navigation, Toolbox*/
 
−
#p-navigation ul, #p-tb ul {
 
−
  list-style: none;
 
−
  margin: 0;
 
−
  padding: 0;
 
−
  font-size: 0.9em;
 
−
  line-height: 1.6em;
 
 
}
 
}
  
 +
#p-cactions.vectorMenu,
 +
#p-variants.vectorMenu,
 +
li#ca-delete, li#ca-protect,
 
#p-navigation h5, #p-search h5, #p-tb h5,  
 
#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 #t-pdf, #p-tb #t-specialpages, #p-tb #t-recentchangeslinked, #p-tb #t-smwbrowselink,
 +
#p-tb #p-tb-label {
 
     display: none !important;
 
     display: none !important;
 
}
 
}
  
−
#p-navigation a, #p-tb a, #p-personal a, #p-personal li a, #p-personal a.new {
+
/* For positioning icons at top-right, used in Templates "Spoken Article" and "Featured Article" */
−
  color: #0645ad;
 
−
}
 
−
 
 
−
/* For positioning icons at top-right, used in Templates
 
−
  "Spoken Article" and "Featured Article" */
 
 
div.topicon {
 
div.topicon {
 
   position: absolute;
 
   position: absolute;
−
   top: -2em;
+
   top: -5em;
−
   margin-right: -10px;
+
   margin-right: -17px;
 
   display: block !important;
 
   display: block !important;
 +
  z-index: 111;
 
}
 
}
 
   
 
   
Line 488: Line 393:
  
 
/* Article list */
 
/* Article list */
−
#column-content ul {
+
#content ul {
 
   list-style: none;
 
   list-style: none;
 
   padding: 0;
 
   padding: 0;
−
   margin: 0;
+
   margin: .3em 0 0 .3em;
 
}
 
}
  
−
#column-content li {  
+
#content ul li {  
 
   padding-left: 1em;  
 
   padding-left: 1em;  
 
   margin-bottom: .3em;
 
   margin-bottom: .3em;
−
   text-indent: -1.1em;
+
   text-indent: -0.9em;
 +
}
 +
 
 +
#content ul li.mw-logline-newusers {
 +
  text-indent: 0;
 +
}
 +
 
 +
#content ul.gallery {
 +
  max-width: unset !important;
 
}
 
}
  
−
#column-content li:before {
+
#content ul.gallery li { /* Gallery */
−
   content: "•";
+
   padding-left: 0;
−
   color: #666;
+
   text-indent: 0;
−
  padding-right: .2em;
+
}
 +
 
 +
/* The backgrounds for galleries. */
 +
div#content .gallerybox div.thumb {
 +
    /* remove Light gray padding */
 +
    background-color: white;
 +
}
 +
 
 +
/* remove 15px margin
 +
ul.gallery li.gallerybox div.thumb img {
 +
    margin: 0 auto;
 
}
 
}
 +
*/
  
−
#column-content .dpl li:before { /* Dynamic Page List - used to list pages in categories */
+
 
 +
#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;
 
   content: none;
 
   padding-right: 0;
 
   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;
 
}
 
}
  
Line 532: Line 474:
  
 
/* Login form */
 
/* Login form */
−
.page-Special_UserLogin h1.firstHeading, .page-Special_UserLogin li#ca-nstab-special {
+
#userlogin, #userloginForm {
−
    display: none !important;
+
  border: 0;
 +
  padding: 0;
 +
  margin: 0;
 +
  float: left;
 +
  width: 100%;
 +
}
 +
 
 +
#userlogin {
 +
  min-width: 20em;
 +
  max-width: 100%;
 
}
 
}
  
−
div#userloginForm form,
+
.page-Special_UserLogin h1.firstHeading, .page-Special_UserLogin li#ca-nstab-special,  
−
div#userlogin form {
+
.page-Special_UserLogin #contentSub, #loginstart {
−
  width: 100%;
+
    display: none !important;
 
}
 
}
  
Line 544: Line 495:
 
div#userlogin form#userlogin2 h2 {
 
div#userlogin form#userlogin2 h2 {
 
   padding-top: 0;
 
   padding-top: 0;
 +
  margin-top: 0;
 
   border-bottom: 1px solid #ccc;
 
   border-bottom: 1px solid #ccc;
 
   margin-bottom: .1em;
 
   margin-bottom: .1em;
 
   line-height: 1.2em;
 
   line-height: 1.2em;
 
   padding-bottom: 0;
 
   padding-bottom: 0;
−
   font-family: neohellenic-bold;
+
   font-family: enriqueta, geneva, lucida;
 
   font-weight: bold;
 
   font-weight: bold;
 
   font-size: 200%;
 
   font-size: 200%;
Line 565: Line 517:
 
div#userloginForm .captcha {
 
div#userloginForm .captcha {
 
   margin-bottom: 1em;
 
   margin-bottom: 1em;
 +
  padding: 1em;
 +
  width: 70%;
 +
  border: 1px solid #ccc;
 
}
 
}
  
 
/* Article Table  */
 
/* Article Table  */
 
.toccolours {
 
.toccolours {
−
   background-color: white;
+
   background-color:#f8f9fa !important;
−
   border: 0;
+
   border:0;
−
   padding: 0;
+
   padding:0;
 +
  -moz-border-radius:.3em;
 +
  border-radius:.3em;  
 
}
 
}
  
Line 587: Line 544:
 
.toc,
 
.toc,
 
.mw-warning {
 
.mw-warning {
−
   background-color: #f4f4f4;
+
   background-color: #f8f9fa;  
 
   padding: 5px;
 
   padding: 5px;
 
   border: 0;
 
   border: 0;
Line 598: Line 555:
 
}
 
}
  
−
#column-content #toc li, #toc li, .toc li {  
+
#column-content #toc ul li, #toc ul li, .toc ul li {  
−
   padding-left: 0;  
+
   padding-left: 1.3em;  
 
   margin-bottom: .3em;
 
   margin-bottom: .3em;
−
  text-indent: 0;
 
 
}
 
}
  
−
#column-content #toc li:before, #toc li:before, .toc li:before {
+
#column-content #toc ul li:before, #toc ul li:before, .toc ul li:before {
 
   content: none;
 
   content: none;
−
  padding-right: 0;
 
−
}
 
−
 
−
#toc li .toclevel-2 {
 
−
  float: left;
 
−
  margin-right: .5em;
 
−
}
 
−
 
−
#toc li:last-child {
 
−
  float: none;
 
 
}
 
}
  
−
.tocnumber, #toc li .toclevel-3, #toc li .toclevel-4, #toc li .toclevel-5, #toc li .toclevel-6 {
+
.tocnumber, #toc ul li .toclevel-4, #toc ul li .toclevel-5, #toc ul li .toclevel-6 {
 
   display: none !important;
 
   display: none !important;
 
}
 
}
  
 
/* Article Edit section links */
 
/* Article Edit section links */
−
h2 .editsection {
+
h2 .mw-editsection-bracket, h3 .mw-editsection-bracket, h4 .mw-editsection-bracket, h5 .mw-editsection-bracket {
−
   font-family: fedra;
+
   font-family: fedra, Palatino, "times new roman";
 
   font-weight: normal;
 
   font-weight: normal;
 
   color: transparent;
 
   color: transparent;
−
   font-size: .7em;
+
   font-size: .8em;
 +
}
 +
 
 +
h2 .mw-editsection, h3 .mw-editsection, h4 .mw-editsection, h5 .mw-editsection {
 +
  float: right;
 +
  padding-top: 1.5em;
 
}
 
}
  
−
h2 .editsection a {
+
h2 .mw-editsection a, h3 .mw-editsection a, h4 .mw-editsection a, h5 .mw-editsection a {
 
   font-weight: normal;
 
   font-weight: normal;
−
   font-size: .7em;
+
   font-size:1.5em;
 
}
 
}
  
Line 640: Line 591:
 
   align: right;
 
   align: right;
 
   margin: auto;
 
   margin: auto;
−
   font-family: fedra;
+
   font-family: fedra, Palatino, "times new roman";
 
   font-size: 100%;
 
   font-size: 100%;
 
}
 
}
Line 646: Line 597:
 
.twtr-timestamp, .twtr-reply, .twtr-rt, .twtr-fav {
 
.twtr-timestamp, .twtr-reply, .twtr-rt, .twtr-fav {
 
   font-size: 110%;
 
   font-size: 110%;
−
   font-family: fedra-italic;
+
   font-family: fedra-italic, Palatino, "times new roman";
 
}
 
}
  
Line 661: Line 612:
 
/* Article category links */
 
/* Article category links */
 
.catlinks {
 
.catlinks {
−
  background-color: #f4f4f4;
 
 
   border: 0;
 
   border: 0;
 
   padding-top: .5em;
 
   padding-top: .5em;
Line 677: Line 627:
  
 
/* Footer */
 
/* Footer */
−
#footer {
+
div#footer {
−
   background-color: none;
+
   padding-right:0;
−
   border: 0;
+
   padding-left:2vw;
−
   text-align: left;
+
   margin-top:1.5em;
−
   color: #666;
+
  margin-left:0;
 +
  bottom:0;
 +
   clear:both;  
 
}
 
}
−
#footer a {
+
 
 +
div#footer a {
 
   color: #666;
 
   color: #666;
 
}
 
}
−
#footer ul {
+
 
−
   list-style-type: none;
+
div#footer li {
−
   list-style-image: none;
+
   list-style-type:none;
 +
   margin:0;
 
}
 
}
−
#footer li {
+
 
−
   list-style-type: none;
+
div#footer ul li {
−
   margin: 0 0.5em;
+
   padding-top:0;
 +
  padding-bottom:0;
 +
   color:#666;
 +
  font-size: .8em;
 
}
 
}
−
#f-poweredbyico, #f-copyrightico {
+
 
−
   display: none;
+
div#footer #footer-info li,
 +
div#footer #footer-icons li,
 +
div#footer #footer-places li {
 +
   line-height: 1.5em;
 
}
 
}
−
#footer, #f-list {
+
 
−
  padding-left: 0;
+
#footer-poweredbyico, #f-copyrightico, li#footer-places-disclaimer, li#footer-places-privacy {
−
  margin-left: 0;
+
   display: none !important;
−
   font-family: fedra;
 
 
}
 
}
  
 
/* QuickLink extension css - Article editor */
 
/* QuickLink extension css - Article editor */
 
input#QuickLinkInput {
 
input#QuickLinkInput {
−
   font-family: fedra, fallback-fonts;
+
   font-family: fedra, Palatino, "times new roman";
 
   font-size: .8em;
 
   font-size: .8em;
 
   border: 1px solid #aaa;
 
   border: 1px solid #aaa;
Line 727: Line 686:
 
.CategoryTreeParents {
 
.CategoryTreeParents {
 
   font-style: normal;
 
   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: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;
 +
}
 +
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;
 
}
 
}

Latest revision as of 20:44, 2 May 2024

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  { 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;
  }
  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('skins/monobook/fedrasanspro/fedrasanspro-light.woff2') format('woff2'),
         url('skins/monobook/fedrasanspro/fedrasanspro-light.woff') format('woff'),
         url('skins/monobook/fedrasanspro/fedrasanspro-light.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-light.ttf') format('truetype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fedra-bold';
    src: url('skins/monobook/fedrasanspro/fedrasanspro-normal.woff2') format('woff2'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normal.woff') format('woff'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normal.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normal.ttf') format('truetype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normal.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'fedra-italic';
    src: url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.woff2') format('woff2'),
         url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.woff') format('woff'),
         url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.ttf') format('truetype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.svg') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'fedra-bold-italic';
    src: url('skins/monobook/fedrasanspro/fedrasanspro-normalitalic.woff2') format('woff2'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normalitalic.woff') format('woff'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normalitalic.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normalitalic.ttf') format('truetype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normaltitalic.svg') format('svg');
    font-weight: bold;
    font-style: italic;
}

/*
@font-face {
    font-family: 'neohellenic';
    src: url('skins/monobook/gfsneohellenic.woff') format('woff'),
         url('skins/monobook/gfsneohellenic.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/gfsneohellenic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'neohellenic-bold';
    src: url('skins/monobook/gfsneohellenicbold.woff') format('woff'),
         url('skins/monobook/gfsneohellenicbold.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/gfsneohellenicbold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'neohellenic-italic';
    src: url('skins/monobook/gfsneohellenicit.woff') format('woff'),
         url('skins/monobook/gfsneohellenicit.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/gfsneohellenicit.svg') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'fjord';
    src: url('skins/monobook/fjord_one_regular.otf') format('opentype'),
         url('skins/monobook/fjord_one_regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'enriqueta';
    src: url('skins/monobook/enriqueta/enriqueta-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#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;
}

/* 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-top:1.5em;
  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: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;
}
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;
}
Retrieved from "https://monoskop.org/index.php?title=MediaWiki:Vector.css&oldid=125572"