MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* taken from http://www.grifkuba.org/main/wiki/index.php?title=MediaWiki:Common.css on Friday, February 26th, 2010 */

table {color:@text !important;} /* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #fff; /*border: 1px #aaa solid;*/ border-collapse: collapse; empty-cells:show; color: #777; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { /*border: 1px #aaa solid;*/ padding: 0.2em 0.4em; } table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3, table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 { background: @blue; color: @text; text-align: center; } table.wikitable td.hl1, table.wikitable th.hl1, table.prettytable td.hl1, table.wikitable th.hl1 { background: #c5d8fc; text-align: center; } table.wikitable td.hl2, table.wikitable th.hl2, table.prettytable td.hl2, table.wikitable th.hl2 { background: #a7c1f2; text-align: center; } table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; }

table.wikitable tbody, table.prettytable tbody { display: table-row-group; } /* make the list of references look smaller */ ol.references { font-size: 100%; } .references-small { font-size: 90%;} /* prevent ugly horizontal page expansion */ pre { overflow: auto; } /** * Cute little "tip" boxes */ div.tip { padding: 4px; margin-top: 4px; margin-bottom: 4px; min-height: 30px; /* IE users will hate this... */ } div.tip-info { border: 1px solid #CC9933; background-color: #CCCC99; } div.tip-gotcha { border: 1px solid #CC0000; background-color: #CC6666; } /* Page headings used throughout the wiki (though not very much at the time of writing...) */ .page-notice, .page-warning { border-width: 1px; border-style: solid; padding: 0.3em 0.5em; margin-bottom: 1em; width: 80%; margin-left: auto; margin-right: auto; text-align: center; } /* Used to add informative notices to the top of pages - BLUE */ .page-notice { background-color: #f9f9f9; border-color: #025e9d; text-align: left; } /* Used to add warning information to the top of pages - RED */ .page-warning { background-color: #ffffff; border-color: #c51919; border-width: 2px; } .pw-head { color: #c51919; font-weight: bold; } /* Coloured watchlist / Special:Recentchanges numbers */ .mw-plusminus-pos { color: #006400; /* darkgreen */ } /* .mw-plusminus-null currently at developer default */ .mw-plusminus-neg { color: #8B0000; /* darkred */ } /* extra buttons for edit dialog */ /* from commons:MediaWiki:Common.css */ .my-buttons { padding: 0.5em; } .my-buttons a { color: black; background-color: #ccddee !important; font-weight: bold; font-size: 0.9em; text-decoration: none; border: thin #006699 outset; padding: 0 0.1em 0.1em 0.1em; } .my-buttons a:hover, .my-buttons a:active { background-color: #bbccdd; border-style: inset; } /* from User:Splarka/Help:Linked images */ .imagelink_wikilogo a { width:135px; height:135px; display:block; text-decoration:none; background-image: url("http://upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png") }

.center1 { margin-left: auto; margin-right: auto; } .center2 { text-align: center; }

.center { text-align: center; }

.center table { margin-left: auto; margin-right: auto; text-align: left; }

div.centered { text-align: center; }

div.centered table { margin: 0 auto; text-align: center; }

 /*this is for tages only*/

table.outside, td.outside, th.outside, div.outside { background:#000000; text-align:center; align:center;

}

td.art { background:#000000; color:#FFFF00; align:center; }

td.wikirelated { background:#000000; color:#FF00FF; text-align:center; }

td.writing { background:#000000; color:#00FFFF; }

td.general { background:#000000; color:#000000; text-align:center; }

table.article, div.article, td.article, span.article { border: medium double #660000 }

table.file, div.file, td.file, span.file { border: medium double #006600 }

table.category, div.category, td.category, span.category { border: medium double #000066 }

table.template, div.template, td.template, span.template { border: medium double #008080 }

table.special, div.special, td.special { border: medium double #666666; }

table.newsletter { border: medium double #666666; align: right; }

div.newsletter td { border: medium single #666666; }

/* For positioning icons at top-right, used in Templates "Spoken Article" and "Featured Article" */ div.topicon { position: absolute; top: -2em; margin-right: -100px; display: block !important; } /* FR topicon position */ div.flaggedrevs_short { position: absolute; top: -3em; right: 0px; 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; }

/* Content in columns with CSS instead of tables Template:Columns */ div.columns-2 div.column { float: left; width: 50%; min-width: 300px; margin: 3px 0 3px 0; }

div.columns-3 div.column { float: left; width: 33.3%; min-width: 200px; margin: 3px 0 3px 0; }

div.columns-4 div.column { float: left; width: 25%; min-width: 150px; margin: 3px 0 3px 0; }

div.columns-5 div.column { float: left; width: 20%; min-width: 120px; margin: 3px 0 3px 0; }

span.hidden { display:none;}

.skin-citizen-dark .mw-indicator, #mw-indicator-Japan { filter: none; }

table.wikitable tr th, table.wikitable tr td { padding: 10px 20px 10px 5px; border: 0; border-bottom: 1px solid var(--border-color-base); }

.infoboxcontainer { float:right; width:20em; max-width:20em; border:2px solid #10a4b7; margin:0.25em 0 0.25em 0.5em }

.infoboxouter { width: 100%; align: center; display: table; background: rgb(2,0,36); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,73,121,1) 25%, rgba(16,164,183,1) 100%); }

.infoboxinner { color: #fff; font-size: 95%; border: #fff 1px solid; text-align:left; object-fit: fill; padding-left:5px }

.infoboxlabel { color: #fff; font-size: 95%; border: #fff 1px solid; object-fit: fill; padding-left:5px text-align:right; padding-right:3px; width:30%; background: rgb(2,0,36); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,73,121,1) 25%, rgba(16,164,183,1) 100%); }

.infoboxfield { padding-left:3px; font-size: 95%; background: var( --background-color-dp-00 ); color: var( --color-base); }

.infoboxbubble { object-fit: fill; color: var( --color-base); border: 1px solid #10a4b7; background: var( --background-color-dp-00 ); }

/* Gensopedia 2023 */ /* To make images responsive */ img { max-width: 100%; height: auto; }

/* Ensures table contents stretch to fit container */ tbody{ width: 100%; display:table; }

.wikitable sortable{ width: 100%; display: block; font-size: 185%; }

.newcontainer { width: 80%; border:2px solid #10a4b7; margin: auto; /* Centers the infobox */ }

.newheader { text-align:center; color: #fff; background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,73,121,1) 25%, rgba(16,164,183,1) 100%); }

.newheaderborder { border: #fff 1px solid; }

.newboxcontent { background: var(--color-surface-0); border: #10a4b7 1px solid; color: var(--color-base); font-size: 95%; }

.newlabel { color: #fff; background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,73,121,1) 25%, rgba(16,164,183,1) 100%); border: #fff 1px solid; font-size: 95%; }

.newboximage { font-size: 90%; background: var( --background-color-dp-00 ); color: var( --color-base); }

.charboxouter{ float:right; width:22em; border:2px solid #10a4b7; margin:0.25em 0 0.25em 0.5em; }

h1:after { background: none repeat scroll 0 0 #10a4b7; bottom: -0px; content: ""; display: block; height: 2px; position: relative; width: 100%; }