|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */
| |
|
| |
|
| <pre><nowiki>
| |
| /* 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;
| |
| }
| |
|
| |
| /* 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;
| |
| }
| |
|
| |
| .mw-viewprevnext {
| |
| display: block;
| |
| border: 1px solid #CCCCCC;
| |
| background-color: #F9F9F2;
| |
| padding: 0.2em 0.4em;
| |
| }
| |
|
| |
| /* 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")
| |
| }
| |
|
| |
|
| |
|
| |
| /* wikitable/prettytable class for skinning normal tables */
| |
| table.ggs_table, table.overall_table, table.group_table, table.project_table, table.user_table, table.main_table
| |
| {
| |
| /* margin: 1em 1em 1em 0; */
| |
| border: 1px #ffffff solid;
| |
| border-collapse: collapse;
| |
| empty-cells:show;
| |
| }
| |
|
| |
|
| |
| table.main_table
| |
| {
| |
| border: 1px #D8B1B1 solid;
| |
|
| |
|
| |
| }
| |
|
| |
|
| |
| table.ggs_table, table.overall_table, table.group_table, table.project_table, table.user_table
| |
| {
| |
| width:20%;
| |
| }
| |
|
| |
| table.ggs_table
| |
| {
| |
| width:45%;
| |
| }
| |
|
| |
| table.main_table
| |
| {
| |
| width:100%;
| |
| }
| |
|
| |
| table.ggs_table th
| |
| {
| |
| background: rgb(232, 37, 25);
| |
| }
| |
|
| |
| table.main_table th
| |
| {
| |
| background: #C41705;
| |
| }
| |
|
| |
| table.overall_table th
| |
| {
| |
| background: #FF0000;
| |
| }
| |
|
| |
| table.game_table th
| |
| {
| |
| background: #FF0000;
| |
| }
| |
|
| |
| table.group_table th
| |
| {
| |
| background: #008800;
| |
| }
| |
|
| |
| table.project_table th
| |
| {
| |
| background: #0000FF;
| |
| }
| |
|
| |
|
| |
| table.project_table th
| |
| {
| |
| background: #0000FF;
| |
| }
| |
|
| |
| table.user_table th
| |
| {
| |
| background: #800080;
| |
| }
| |
| td.ggs_td
| |
| {
| |
| background-color:#000000;
| |
| text-color:#306EFF;
| |
| font-family : Courier;
| |
| color: #0066CC;
| |
| }
| |
|
| |
|
| |
| td.division_td
| |
| {
| |
| background-color:#000000;
| |
| text-color:#306EFF;
| |
| font-family : Courier;
| |
| color: #0066CC;
| |
| }
| |
|
| |
| td.project_td
| |
| {
| |
| background-color:#000000;
| |
| text-color:#306EFF;
| |
| font-family : Courier;
| |
| color: #0066CC;
| |
| }
| |
|
| |
|
| |
| td.user_td
| |
| {
| |
| background-color:#000000;
| |
| text-color:#306EFF;
| |
| font-family : Courier;
| |
| color: #0066CC;
| |
| }
| |
|
| |
| table.ggs_table td
| |
| {
| |
| background-color:#000000;
| |
| text-color:#AFE378;
| |
| font-family : Courier;
| |
| /*color: #0066CC;*/
| |
| }
| |
|
| |
| table.main_table td
| |
| {
| |
| background-color:#00C45B;
| |
| text-color:#C43A2C;
| |
| font-family : Courier;
| |
| }
| |
|
| |
| table.overall_table td
| |
| {
| |
| /*background-color:#000000;*/
| |
| text-color:#306EFF;
| |
| /*font-family : Courier;*/
| |
| }
| |
|
| |
| table.group_table td
| |
| {
| |
| background-color:#000000;
| |
| text-color:#306EFF;
| |
| font-family : Courier;
| |
| color: #0066CC;
| |
| }
| |
|
| |
| table.project_table td
| |
| {
| |
| background-color:#000000;
| |
| text-color:#306EFF;
| |
| font-family : Courier;
| |
| color: #0066CC;
| |
| }
| |
|
| |
| table.user_table td
| |
| {
| |
| background-color:#000000;
| |
| text-color:#306EFF;
| |
| font-family : Courier;
| |
| color: #0066CC;
| |
| }
| |
|
| |
| .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;
| |
| }
| |
|
| |
| <!-- HELP CAME FROM:
| |
| http://www.daniweb.com/forums/thread8193.html,
| |
| http://theodorakis.net/tablecentertest.html
| |
| http://www.computerhope.com/htmcolor.htm
| |
| -->
| |
|
| |
| <!--http://www.homeandlearn.co.uk/CSS/css1p8.html, http://w3schools.com/css/css_examples.asp--!>
| |
| /*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: 100vw;
| |
| display:table;
| |
| }
| |
|
| |
| .newcontainer {
| |
| width: 96%;
| |
| border:2px solid #10a4b7;
| |
| margin: auto; /* Centers the infobox */
| |
| }
| |
|
| |
| .newheader {
| |
| 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%;
| |
| }
| |
|
| |
| </nowiki></pre>
| |
