User:Notjusttired/common.css

/* ALTERNANCE */ /** Classes allowing alternating line colors
 * in tables according to the number of header lines:
 * .alternance if odd number
 * .alternance2 if even number.
 * .odd is to be kind to IE<9 which does not implement
 * the selector :nth-child, applied via Common.js (?)
 * .sortable: sortable tables require reversing
 * the alternance.
 * .sortable: sortable tables require reversing
 * the alternance.

.alternance, .alternance2 { border-collapse: collapse; } table.alternance > * > tr > th, table.alternance2 > * > tr > th { background: #e6e6e6; } .alternance tr, .alternance th[scope="row"] { background: #fcfcfc; } .alternance:not(.sortable) tr:nth-child(odd), .alternance.sortable      tr:nth-child(even), .alternance:not(.sortable) tr:nth-child(odd) th[scope="row"], .alternance.sortable      tr:nth-child(even) th[scope="row"] { background: #eeeeee; } .alternance .odd, .alternance .odd th[scope="row"] { /* be kind to IE<9 */ background: #eeeeee; } .alternance2 tr, .alternance2 th[scope="row"] { background: #eeeeee; } .alternance2 tr:nth-child(odd), .alternance2 tr:nth-child(odd) th[scope="row"] { background: #fcfcfc; } .alternance2 .odd, .alternance2 .odd th[scope="row"] { /* be kind to IE<9 */ background: #fcfcfc; }

/*  Collapsible list or collapsible elements eg buttons */

/* move list toggle to left for list */ .collapsed span.mw-collapsible-toggle, .collapse ul.mw-collapsible-toggle, .collapse div.mw-collapsible-toggle, .collapsed span.mw-collapsible-toggle expanded { float: left; }

/** Lifted from wikipedia - Sandbox/CollapsibleDemo.css Toggles between right arrow and up arrow images for collapsible elements - lists or bullets See Wikipedia Manual:Collapsible_elements/Demo/Advanced **/ display: none; } display: block; }
 * 1) collapse-pre-one .mw-collapsible-toggle .up,
 * 2) collapse-pre-one.mw-collapsed .mw-collapsible-toggle .down {
 * 1) collapse-pre-one .mw-collapsible-toggle .down,
 * 2) collapse-pre-one.mw-collapsed .mw-collapsible-toggle .up {

/* Lifted from WikiMedia Make sure the license dropdown of the upload form doesn't extend beyond the browser's window, even if there are some long license descriptions. (If that happens, the description box *also* goes beyond the right edge of the window.) width: 100%; overflow: hidden; }
 * 1) wpLicense {
 * 1) wpLicense {

/* Give the upload form a little breathing space. */ padding-bottom: 8px; } padding-bottom: 8px; }
 * 1) upload * td {
 * 1) mw-upload-table * td {

/* end of WikiMedia code */

/* Copied from Wikipedia shared.css for Read more template

/* hide initially collapsed collapsable tables */ table.collapsed tr.collapsable { display: none; }

/* end of Wikipedia code

/* MY PERSONAL CODE - JUST FOR ME

Large text plus hiding images moved to vector skin css only

This applies to all skins

/* This inverts the ME Action image and surrounding space transparent or dark background would avoid this
 * 1) p-logo {filter: invert(100%) ;}

/* invert colored code from https://inclusive-components.design/a-theme-switcher/

/* DISABLED !!!!!!!!


 * root {

background-color: #fefefe; filter: invert(100%); }

background-color: inherit; }

img:not([src*=".svg"]), video { filter: invert(100), video { filter: invert(100%); }

/********** Timeless-DarkCSS then from user styles *********/

/* CSS placed here will affect users of the Timeless skin */ @import url('https://fonts.googleapis.com/css?family=Merriweather'); html { background: rgb(0,0,0) !important; height: 100%; font-size: 1.1em; filter: brightness(100%) contrast(100%) grayscale(0%) !important; -webkit-filter: brightness(100%) contrast(100%) grayscale(0%) !important; overflow-x: hidden; } body { margin: 0; background: #000; color: #ccccff; font-family: 'Merriweather', serif; } a { color: #cc6600; } a:hover, a:visited { color: #cc3300; } h1 { color: white; text-shadow: 1px 1px 1px #000; font-size: 40px !important; } h1, h2, h3, h4 { color: #6699ff; font-family: 'Merriweather', serif; }	font-weight: normal; } b, strong { text-shadow: 1px 1px 1px #000; }	text-align: center; font-size: 14px; } div.editOptions { border: #222; background: #555; }	border-top: solid 2px #333; background: #333; }	background: #333; border: 0; } @media screen and (min-width: 851px) { position: fixed; right: 75vw; } } @media screen and (max-width: 850px) { margin-top: 0; } } @media screen and (max-width: 1099px) and (min-width: 851px) { padding-left: 7px; float: left; font-size: 23px !important; } } @media screen and (max-width: 1099px) and (min-width: 851px) { background: #222 !important; border: solid #111; } } @media screen and (max-width: 1099px) and (min-width: 851px) { background: #222; border: solid #111; } }	border: outset #222; background: #333; box-shadow: 2px 2px 1px rgba(0,0,0,0.5); border-radius: 3px; } @media screen and (max-width: 851px) { padding: 0 15px 5px 20px; } } @media screen and (max-width: 1099px) and (min-width: 851px) { background: #222 !important; border: solid #111 !important; } } .mw-parser-output a.external { color: #ff9900; }	padding: 0.2em 4.5em 0.2em 2em !important; margin: 0; }	background: #333; height: 35px; }	border: inset 1px #000; border-radius: 3px; background: #333; height: 35px; width: 48vw; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 7px; }	position: fixed; right: 86px; } @media screen and (min-width: 851px) { left: 74vw; top: 5px; } } .mw-notification { background: #222; border: #111; background: #111; border-radius: 5px; color: #999; width: 200px; } .postedit-container { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; padding: 0; padding: 15px 0 15px 15px; text-align: right; } .postedit-icon { margin: auto; padding: 0; } .mw-wiki-logo { background: url("https://www.anonproject.com/resources/assets/logo.png"); background-size: contain; }	background: #555; }	width: 100%; max-width: 100%; padding: 0; position: static; } @media screen and (max-width: 850px) { background: #000; } } @media screen and (max-width: 850px) { display: none; } }	background: #1d1d16; } @media screen and (max-width: 850px) { background: #000; } } @media screen and (max-width: 850px) { right: 3em; top: 0.9em; padding-bottom: 5px; } } @media screen and (max-width: 850px) { width: 100%; top: 7px; text-align: center; font-size: 40px !important; } } @media screen and (min-width: 851px) { width: 29em; } } @media screen and (min-width: 851px) { width: 36px; } } @media screen and (max-width: 850px) { position: static; left: 0 !important; right: 0; margin-left: 0; margin-right: 0; width: 100%; top: 3.3em; } } @media only screen and (min-width: 992px) and (max-width:768px) { right:74vw; } } @media only screen and (min-width: 900px) and (max-width:100px) { right: 74vw; top: 3em; } } @media screen and (max-width: 900px) and (min-width: 100px) { font-size: 43px !important; } } @media screen and (max-width: 1700px) and (min-width: 800px) { left: 12px !important; } } @media screen and (max-width: 1700px) and (mix: 851px) { background: #000; } }	background: #333; border: solid #946c20; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }	color: #cccc00; }	background: #333; border: outset #222; box-shadow: 2px 2px 1px rgba(0,0,0,0.5); border-radius: 3px; } @media screen and (max-width: 1099px) and (min-width: 851px) { background: #333; border: outset #222; box-shadow: 2px 2px 1px rgba(0,0,0,0.5); border-radius: 3px; padding: 0 15px 5px 20px; } } .color-middle-container, .ts-inner { padding: 0; }	left: 120px; }	padding-top: 5px; padding-left: 6px; font-size: 30px; text-shadow: 1px 1px 1px #222; }	width: 70em; padding-right: 33px; }	line-height: 25px; }	text-shadow: 2px 2px 0 #333; padding-top: 7px; font-size: 24px; text-transform: lowercase; }	background: #222!important; border: solid #000; } .codeEditor-status { color: #000; } .oo-ui-labelElement-label { text-shadow: 1px 2px #333; }	height: 700px; }	text-shadow: 2px 2px 2px #000 !important }	background: #000; padding-top: 1em; } fieldset { background: #222!important; border: solid #111; } input { background: #333; border: solid 1px #111!important; border-radius: 2px; padding-left: 5px; color: #999; } .mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button { border: solid 1px #333!important; border-bottom: 0!important; text-shadow: 0 0 0 #000 !important; border-bottom: solid 1px #333!important; } .oo-ui-flaggedElement-destructive { background: #111; border: 1px solid #444; color: #FF3333 !important; padding-left: 15px !important; padding-right: 15px !important; } .oo-ui-flaggedElement-destructive:hover { background: #222; color: #CC0000 !important; }	border: 0!important; } @media screen and (max-width: 850px) { padding: 0 0 0 6px !important; } } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { background-color: #333; color: #fff; } .oo-ui-textInputWidget > .oo-ui-labelElement-label { line-height: 0.5em; }	background-color: #555; } .warningbox { background: #1d1d16; } a.new:hover, .new a:hover, a.new:visited, .new a:visited { color: #FF3333; } .mw-plusminus-neg { color: #FF0000; }	border: 0 !important; left: 38vw; right: 0; margin-left: auto; margin-right: auto; }	color: #ffff33; }	color: #ffff66; }	float: right; display: block; }	margin: 0 auto; }	float: left; left: 25px; } .diff-addedline .diffchange { background: #1d1d16; padding-left: 7px; } .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { text-shadow: 0 0 0 #000 !important; } .oo-ui-labelElement-label { text-shadow: 0 0 0 #000 } .oo-ui-panelLayout-expanded { background: #222; } .oo-ui-messageDialog-message { color: #999; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #999; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right: 1px solid #111 } .oo-ui-dialog-content > .oo-ui-window-body { outline: 1px solid #111; } .oo-ui-messageDialog-content > .oo-ui-window-foot { outline: 1px solid #111; } .wikiEditor-ui .wikiEditor-ui-view { border: 1px solid #000; } .wikiEditor-ui .wikiEditor-ui-top { border-bottom: 1px solid #000; } textarea[style] { background: #111 !important; color: #fff; } pre, .mw-code { background: #222; color: #B0B0B0; border: 1px solid #444; } .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon { background-color: #B0B0B0; border: 1px solid #333; }
 * 1) personal .dropdown b {
 * 1) f-list {
 * 1) mw-header-nav-hack {
 * 1) mw-site-navigation .sidebar-inner {
 * 1) p-logo-text a {
 * 1) p-logo-text {
 * 1) p-logo-text a.long {
 * 1) mw-related-navigation .sidebar-inner {
 * 1) mw-site-navigation .sidebar-inner {
 * 1) mw-site-navigation .sidebar-chunk {
 * 1) mw-site-navigation .sidebar-chunk {
 * 1) mw-site-navigation .sidebar-inner {
 * 1) searchInput {
 * 1) searchInput-container {
 * 1) simpleSearch {
 * 1) user-tools {
 * 1) user-tools {
 * 1) mw-header-container {
 * 1) mw-header {
 * 1) menus-cover {
 * 1) personal h2 {
 * 1) mw-content-container {
 * 1) mw-content-block {
 * 1) site-tools h2 {
 * 1) p-logo-text a.long {
 * 1) p-logo-text {
 * 1) personal h2:after {
 * 1) p-logo-text {
 * 1) p-logo-text {
 * 1) p-logo-text {
 * 1) p-logo-text a.long {
 * 1) p-logo-text {
 * 1) mw-site-navigation {
 * 1) mw-content {
 * 1) mw-page-header-links li.selected a {
 * 1) mw-related-navigation .sidebar-chunk {
 * 1) mw-related-navigation .sidebar-chunk {
 * 1) p-logo-text {
 * 1) p-logo-text a.long {
 * 1) p-search {
 * 1) personal .dropdown h3 {
 * 1) personal h2 {
 * 1) personal .dropdown {
 * 1) iframeframe {
 * 1) wpSave {
 * 1) mw-footer-container {
 * 1) searchInput {
 * 1) searchInput {
 * 1) pagehistory li.selected {
 * 1) searchButton, #mw-searchButton {
 * 1) mw-footer-container a:hover {
 * 1) mw-footer-container a:visited {
 * 1) mw-footer .footer-places li {
 * 1) mw-footer ul, #mw-footer li {
 * 1) mw-footer #lastmod {