User:Uwappa/common.css

/* This CSS turns paragraphs into narrow columns which suits the round human eye extremely well.

The human eye will be able to see multiple lines sharp in just one eye fixation.

The brain will be able to read several lines in parallel, which speeds up reading. @media screen {

p { columns: 8em; column-gap: 2em; line-height: 1.2; padding-bottom: 2em; text-align: center; }

/* grey background, high navigation menu's, article white background .vector-pinned-container, .vector-sticky-header {	background-color: #EBEBEB; } .vector-toc { background-color: #EBEBEB; height: 80vh; max-height: 80vh; } /* Show numbers in toc, suffixed by '. ' .vector-toc .vector-toc-numb {display: inline; } .vector-toc .vector-toc-numb::after { content: ". "; } div.mw-page-container { background-color: #EBEBEB; }

.vector-column-end {	height: 90vh; max-height: 90vh; }

/* white article, rounded top right div.vector-body {	background-color: white; border-radius: 0 0.5em 0 0; padding-left: 1em; } .vector-page-titlebar {box-shadow: none; } .vector-page-toolbar-container {box-shadow: none; } /* white selected tabs .vector-menu-tabs .mw-list-item.selected a {	background-color: white; border-radius: 0.5em 0.5em 0 0; border-bottom: 0; padding-left: 1em; padding-right: 1em; } .vector-tab-noicon:hover {background-color: #F8F8F8; border-bottom: 0; border-radius: 0.5em 0.5em 0 0; transition: background-color 0.5s; } /* smooth scrolling html { scroll-behavior: smooth; }

/* hide reoccurring pop about full width */ div.vector-limited-width-popup {	display: none; }

}