Jump to content

MediaWiki:Common.css

From OpenGeofiction
Revision as of 18:36, 17 January 2026 by Alessa (talk | contribs) (Global css updates for 1.43, part 1)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
body { background-color: #f6b4ff; }

/* ================= Infocard styles ================= */
.infocard {
	border: solid 1px #999999;
	background-color: #f3f3f3;
	border-radius: 0.2em;
	box-shadow: 0 3px 3px #cccccc;
	margin-bottom: 1.5em;
	width: 99%;
	padding: .5em;
}

/* ================= Infobox styles ================= */
.infobox {
	width:22em;
	float:right;
	clear:right;
	border-collapse:collapse;
	border:1px solid #aaaaaa;
	background-color:#f9f9f9;
	margin:0.5em 0 0.5em 1em;
	padding:0.2em;
	text-align:left;
	font-size:0.88em;
	line-height:1.2em;
	table-layout: fixed;
}

table.infobox tr {
	border-bottom:1px solid #aaaaaa;
}

table.infobox th {
	font-size:1.25em;
}

table.infobox td, table.infobox th {
	padding: 0.4em 0.6em 0.4em 0.6em;
	vertical-align: top;
}

table.infobox tr.cont {
	border-bottom: none;
}

table.infobox tr.cont td, table.infobox tr.cont th {
	padding-bottom: 0;
	margin-bottom: 0;
}

.ibx-accent {
	text-align:center;
	background-color: #e8caca;
}


/* ================= Topical infobox styles ================= */
.topic {
	text-align:center;
	background-color: #e8caca;
	color: #000000;
}

.tbx-wide-label {
	background-color: #cccccc;
	text-align: center;
	padding: .1em;
}

.tbx-barbox {
	background-color: #ffffff;
	font-size: 0.88em;
	padding: 0.4em;
	width: auto;
}


/* ================= Snapshot styles ================= */
table.snapshot {
	float:right;
	clear:right;
	border-collapse:collapse;
	border:1px solid #aaaaaa;
	margin:0.5em 0 0.5em 1em;
	padding:0.2em;
	text-align:left;
	font-size:0.88em;
	vertical-align: top;
}

table.snapshot th {
	font-size:1.25em;
	background-color:#ffe5b4;
	width:325px;
	vertical-align: middle;
}

table.snapshot th, table.snapshot td {
	padding: 0.4em 0.6em 0.4em 0.6em;
}

table.snapshot tr {
	border-bottom:1px solid #aaaaaa;
}

table.snapshot tr.cont {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

table.snapshot .snap-banner {
    background-color: #dddddd;
    text-align: center;
}

table.snapshot .snap-footer {
	background: #ffe5b4;
	width: 300px;
	height: 0.1em;
}


/* ================= Navbox styles ================= */
.navbox {
    border: 1px solid #aaaaaa;
    border-collapse: collapse;
    width: 100%;
    margin: 1em 0;
	padding:0.2em;
    font-size: 0.88em;
    line-height:1.25em;
	text-align:left;
}

.navbox tr:nth-child(even) td {
    background-color: #f9f9f9;
}

.navbox td, .navbox th {
    border: 3px solid #ffffff;
    padding: 6px 10px;
}

.navbox-group {
    background-color: #e8caca;
	width: 130px;
    text-align: center;
    font-weight: bold;
}

.navbox-top {
	background-color: #c98383;
	font-size: 1em;
	line-height:1.2em;
	font-weight: bold;
	text-align: center;
}

.navbox-footer {
	background-color: #c98383;
	height: 0.1em;
}


/* ================= Language template styles ================= */
.langbox-top {
	text-align:center;
	background-color: #ffdf7e;
	color: #000;
}

.langbox-label {
	background-color: #ffdf7e;
	width:100%;
	text-align: center;
	padding:.25em;
	font-size:1.2em;
	color: #000;
}

.langbox-inset {
	text-align:center;
	background:#fff;
	padding:2px;
	line-height:110%;
}

.gbox {line-height:120%;text-align:center}
.gbox-head {background:#fff;text-align:center;font-weight:bold;}
.gbox-no {background:#eee;color:#aaa;vertical-align:middle;padding:0.3em;}
.gbox-yes {background:#cc9900;color:#fff;vertical-align:middle;padding:0.3em;}

table.dictionary  {border:2px solid darkgreen;border-collapse:collapse;border-spacing:0;}
table.dictionary tr, table.dictionary th{border-bottom:1px solid #999999;overflow:hidden;word-break:normal;padding:2px;}
	.lexclass {color:#009632;font-size:.88em;font-style:italic;vertical-align:top;}


/* ================= Sidebox and mapbox styles ================= */
.box-right {
	clear: right;
	float: right;
	margin: 0 0 1em 1em;
}

.box-left {
	clear: left;
	float: left;
	margin: 0 1em 1em 0;
}

.sidebox {
	border:1px solid #cccccc;
	border-spacing: 0;
	padding:0.4em;
}

.mapbox {
	border:1px solid #cccccc;
	margin: 0 .5em;
	text-align: center;
}


/* ================= Snapshot infocard styles ================= */
.icard2 {
	border: 2px solid #cccccc;
	padding:2px;
	width: 100%;
}

.icard2-header {
	background-color:#eeeebb;
	padding:5px;
}

.icard2-info {
	background-color:#f9f9dd;
	font-size:0.88em;
	padding:5px;
}


/* ================= Message box styles ================= */
.mbox {
	border:1px solid #aaaaaa;
	width:70%;
	margin-left: auto;
	margin-right: auto;
	color: #000000;
}


/* ================= Licensing message box styles ================= */
.license-box {
    border-collapse: collapse;
	width:70%;
}

.license-box-text {
	border:1px solid #aaaaaa;
	background-color: #f9f9f9;
	padding:1em;
}

.license-box-icons {
	border:1px solid #aaaaaa;
	background-color :#cccccc;
	padding:1em;
	text-align:center;
}


/* ================= Technical notices and instructions (icon color #cd3065) ================= */
table.technotice {
	border:1px solid #aaaaaa;
	background-color: #f9f9f9;
	margin:0.5em 0 0.5em 1em;
	padding:0.2em;
	text-align:left;
	line-height:1.25em;
}

table.technotice th {
	font-size:1.1em;
	background-color: #ecaec3;
	color: #000;
}

table.technotice td {
	font-size:0.88em;
	background-color: #f3ceda;
}


/* ================= Forum styles ================= */
.forumtable {
	width: 100%;
	border: 1px solid;
}

.forumtable-top {
	margin: 0;
	padding: 0.2em 0.4em;
	background-color: #ae3134;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #eeeeee;
}

.forumtable-header {
	margin: 0;
	padding: 0.2em 0.4em;
	background-color: #eeeeee;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	color: #ae3134;
}

.inputbox-sidebar {
	width: 300px; 
	border: 1px solid lightgrey; 
	clear: right; 
	float: right; 
	margin: 3px; 
	padding:10px;
	margin-left: 2em;
}

div.forumheader {
	margin: 1;
	padding: 5px;
	border-radius: 0.5em;
	text-align:left;
	background-color: #dddddd;
}

table.terrapp-footer {
	width:100%;
	text-align:center;
	background-color: #ebebeb;
}

table.terrapp-section {
	width:100%;
	text-align:center;
	background-color: #b2ec8c;
}


/* ================= Shield styles and fonts ================= */
@font-face {
  font-family: 'hwygothic';
  src: url(https://wiki.opengeofiction.net/data/fonts/highway-gothic/HWYGOTH.woff) format("woff");
}

.hwygothic { font-family: "hwygothic", "Helvetica", sans-serif; }


/* ================= Miscellaneous styles ================= */
.references-small { font-size: 0.85em; }

/* Make base map more subdued to highlight overlay data */
/* Usage: Wrap any MultiMaps instance with <div class="subdued-basemap">...</div> */
.subdued-basemap .leaflet-tile-pane {
    filter: saturate(0.5) brightness(1.1);
}


/* ================= RC/WL forum visibility ================= */
ul.special li a[title^="Forum:Announcements/"],
table.mw-enhanced-rc td a[title^="Forum:Announcements/"],
ul.activityfeed li cite a[href^="/wiki/Forum:Announcements/"] {
	color: #EA6292;
	font-weight: bold !important;
}

ul.special li a[title^="Forum:Request"],
table.mw-enhanced-rc td a[title^="Forum:Request"],
ul.activityfeed li cite a[href^="/wiki/Forum:Request"],
ul.special li a[title^="Forum:Standards"],
table.mw-enhanced-rc td a[title^="Forum:Standards"],
ul.activityfeed li cite a[href^="/wiki/Forum:Standards"],
ul.special li a[title^="Forum:Global"],
table.mw-enhanced-rc td a[title^="Forum:Global"],
ul.activityfeed li cite a[href^="/wiki/Forum:Global"],
ul.special li a[title^="Forum:North"],
table.mw-enhanced-rc td a[title^="Forum:North"],
ul.activityfeed li cite a[href^="/wiki/Forum:North"],
ul.special li a[title^="Forum:Tarephia"],
table.mw-enhanced-rc td a[title^="Forum:Tarephia"],
ul.activityfeed li cite a[href^="/wiki/Forum:Tarephia"] {
	color: #C39B00;
	font-weight: bold !important;
}

ul.special li a[title^="Forum:Official"],
table.mw-enhanced-rc td a[title^="Forum:Official"],
ul.activityfeed li cite a[href^="/wiki/Forum:Official"],
ul.special li a[title^="Forum:Federal"],
table.mw-enhanced-rc td a[title^="Forum:Federal"],
ul.activityfeed li cite a[href^="/wiki/Forum:Federal"],
ul.special li a[title^="Forum:Ardencia"],
table.mw-enhanced-rc td a[title^="Forum:Ardencia"],
ul.activityfeed li cite a[href^="/wiki/Forum:Ardencia"],
ul.special li a[title^="Forum:Ingrea"],
table.mw-enhanced-rc td a[title^="Forum:Ingrea"],
ul.activityfeed li cite a[href^="/wiki/Forum:Ingrea"],
ul.special li a[title^="Forum:Valonne"],
table.mw-enhanced-rc td a[title^="Forum:Valonne"],
ul.activityfeed li cite a[href^="/wiki/Forum:Valonne"],
ul.special li a[title^="Collab:"],
table.mw-enhanced-rc td a[title^="Collab:"],
ul.activityfeed li cite a[href^="/wiki/Collab:"],
ul.special li a[title^="Collab talk:"],
table.mw-enhanced-rc td a[title^="Collab talk:"],
ul.activityfeed li cite a[href^="/wiki/Collab_talk:"]{
	color: #C267E0;
	font-weight: bold !important;
}

ul.special li a[title^="Forum:Territory"],
table.mw-enhanced-rc td a[title^="Forum:Territory"],
ul.activityfeed li cite a[href^="/wiki/Forum:Territory"] {
	color: #005B00;
	font-weight: bold !important;
}

/* RC/WL admin visibility */
ul.special li a[title="User:Alessa"],
table.mw-enhanced-rc td a[title="User:Alessa"],
ul.activityfeed li cite a[href="/wiki/User:Alessa"],
ul.special li a[title="User:Bixelkoven"],
table.mw-enhanced-rc td a[title="User:Bixelkoven"],
ul.activityfeed li cite a[href="/wiki/User:Bixelkoven"],
ul.special li a[title="User:Infinatious"],
table.mw-enhanced-rc td a[title="User:Infinatious"],
ul.activityfeed li cite a[href="/wiki/User:Infinatious"],
ul.special li a[title="User:Leowezy"],
table.mw-enhanced-rc td a[title="User:Leowezy"],
ul.activityfeed li cite a[href="/wiki/User:Leowezy"],
ul.special li a[title="User:Luciano"],
table.mw-enhanced-rc td a[title="User:Luciano"],
ul.activityfeed li cite a[href="/wiki/User:Luciano"],
ul.special li a[title="User:ParAvion"],
table.mw-enhanced-rc td a[title="User:ParAvion"],
ul.activityfeed li cite a[href="/wiki/User:ParAvion"],
ul.special li a[title="User:PortCal"],
table.mw-enhanced-rc td a[title="User:PortCal"],
ul.activityfeed li cite a[href="/wiki/User:PortCal"],
ul.special li a[title="User:TheMayor"],
table.mw-enhanced-rc td a[title="User:TheMayor"],
ul.activityfeed li cite a[href="/wiki/User:TheMayor"],
ul.special li a[title="User:Wangi"],
table.mw-enhanced-rc td a[title="User:Wangi"],
ul.activityfeed li cite a[href="/wiki/User:Wangi"] {
	color:#ae3134;
}


/* ================= Main page styling and button suppression ================= */
.page-Main_Page h1 { display: none; }
.page-Main_Page #ca-nstab-main,
.page-Main_Page #ca-talk,
.page-Main_Page #ca-ve-edit,
.page-Main_Page #ca-move,
.page-Main_Page #ca-delete,
.page-Main_Page #ca-viewsource { display: none !important; }
Retrieved from "https://wiki.opengeofiction.net/index.php?title=MediaWiki:Common.css&oldid=36307"