Difference between revisions of "MediaWiki:Monobook.css"

From Clogopedia, the Natural Selection 2 Wiki
Jump to: navigation, search
m
m (sitenotice)
 
(89 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
@import https://wiki.naturalselection2.com/index.php?action=raw&ctype=text/css&title=MediaWiki%3ACustom.css;
 +
 +
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow|Open+Sans');
 +
 
/* CSS placed here will affect users of the MonoBook skin */
 
/* CSS placed here will affect users of the MonoBook skin */
 
/* Theme built based on the main site: http://www.unknownworlds.com/ns2/ */
 
/* Theme built based on the main site: http://www.unknownworlds.com/ns2/ */
 
 
/***** Edit this file to customize the monobook skin for the entire site. *****/
 
/***** Edit this file to customize the monobook skin for the entire site. *****/
 +
/* See also: [[MediaWiki:Common.css]] */
 +
/*** Bold 'edit this page' link to encourage newcomers ***/
 +
#ca-edit a {
 +
font-weight: 700 !important
 +
}
  
@import "http://wiki.unknownworlds.com/index.php?action=raw&ctype=text/css&title=MediaWiki%3ACustom.css";
+
div.mainpage-welcome-banner {
 +
font-family: 'Agency FB', Verdana, Helvetica, Arial;
 +
text-align: center;
 +
padding: 10px 0 0 30px;
 +
margin-bottom: 20px
 +
}
  
/* See also: [[MediaWiki:Common.css]] */
+
div.mainpage-welcome-banner p span.mainpage-heading {
 +
font-size: 250%
 +
}
  
/*** Bold 'edit this page' link to encourage newcomers ***/
+
div.mainpage-welcome-banner p span.mainpage-subheading {
 +
font-size: 150%
 +
}
  
#ca-edit a {  
+
div.mainpage-infobox {
    font-weight: bold !important;  
+
font-family: 'PT Sans Narrow', Arial;
 +
font-size: 1.6em
 
}
 
}
  
/*** Setting the main background style ***/
+
div.mainpage-latestbuild {
 +
border: 2px solid #1094ff;
 +
padding: 10px;
 +
margin-bottom: 10px
 +
}
  
 +
div.mainpage-latestbuild > span > h1 {
 +
border: none;
 +
padding: 0
 +
}
 +
 +
div.mainpage-latestbuild-highlights {
 +
display: inline-block;
 +
max-width: 55%
 +
}
 +
 +
div.mainpage-latestbuild-image {
 +
display: inline-block;
 +
float: right
 +
}
 +
 +
div.mainpage-externallinks {
 +
text-align: center;
 +
margin: 10px 0
 +
}
 +
 +
div.mainpage-externallinks > p > span {
 +
border: 1px solid white;
 +
padding: 5px;
 +
width: 100%
 +
}
 +
 +
div.mainpage-disclaimer {
 +
font-size: 120%;
 +
line-height: 25px;
 +
border: 2px solid #1094ff;
 +
padding: 5px;
 +
width: 100%;
 +
margin: 0 auto 10px
 +
}
 +
 +
/*** Setting the main background style ***/
 
#footer {
 
#footer {
    background: transparent !important;
+
background: transparent !important;
    border-color: #55B3FF !important;
+
border-color: #55B3FF !important
 
}
 
}
  
 
#footer li {
 
#footer li {
    color: white;
+
color: #fff
 
}
 
}
  
 
#globalWrapper #column-content #content {
 
#globalWrapper #column-content #content {
margin-top: 85px;
+
margin-top: 85px
}
+
 
+
#p-personal .portlet, #p-personal .pBody {
+
background: transparent url(http://wiki.unknownworlds.com/images/0/09/Ns2_top_navbg.png) no-repeat right;
+
 
}
 
}
  
 +
/* #p-personal .portlet, #p-personal .pBody { */
 +
/* background: transparent url(https://wiki.unknownworlds.com/images/0/09/Ns2_top_navbg.png) no-repeat right; */
 +
/* } */
 
/*** Sitenotice styling ***/
 
/*** Sitenotice styling ***/
 
 
#siteNotice {
 
#siteNotice {
margin-top: 1em;
+
font-size: 120%;
border: 2px solid #1094ff;
+
background: #787B7E;
background-color: #FDB238;
+
border: solid 2px #F90;
color: #000;
+
padding: 10px 0px 15px 20px;
 +
color: #fff;
 +
width: 95%;
 +
margin: 0 auto 5px;
 +
display: inline-block
 
}
 
}
  
#siteNotice a:link, #siteNotice a:visited, #siteNotice a:active {
+
#siteNotice:before {
color: #006AC1 !important;
+
font-family: 'Font Awesome 5 Free';
 +
font-weight: 900;
 +
content: '\f0a1';
 +
transform: rotate(-20deg);
 +
position: relative;
 +
right: 10px;
 +
top: 2px;
 +
font-size: 2em;
 +
color: #F90;
 +
display: block;
 +
float: left;
 +
display: inline-block;
 +
font-style: normal;
 +
font-variant: normal;
 +
text-rendering: auto;
 +
-webkit-font-smoothing: antialiased
 +
}
 +
 
 +
#siteNotice a:link,#siteNotice a:visited,#siteNotice a:active {
 +
color:#006AC1!important
 
}
 
}
  
Line 50: Line 129:
 
/* background: none !important; */
 
/* background: none !important; */
 
/* } */
 
/* } */
/* .page-Main_Page h1.firstHeading { */
+
.page-Main_Page h1.firstHeading {
/* display: none; */
+
display:none
/* } */
+
}
  
 +
.page-Main_Page #siteSub {
 +
display:none
 +
}
  
 
h4.mw-specialpagesgroup {
 
h4.mw-specialpagesgroup {
background-color: #000;
+
background-color:#000
 
}
 
}
  
 
/* change editing box color a bit */
 
/* change editing box color a bit */
 
#toolbar {
 
#toolbar {
background-color:#212121;
+
background-color:#212121
 
}
 
}
 +
 
#wpTextbox1 {
 
#wpTextbox1 {
background-color:#f4f4f4;
+
background-color:#f4f4f4
 
}
 
}
  
 
/* RC colors */
 
/* RC colors */
 
/* Recent changes byte indicators */
 
/* Recent changes byte indicators */
.mw-plusminus-pos { color: #006500; }
+
.mw-plusminus-pos {
.mw-plusminus-neg { color: #8B0000; }
+
color:#006500
.mw-plusminus-null { color: #666; }
+
}
  
.not-patrolled { background-color: #a4a4a4; }
+
.mw-plusminus-neg {
 +
color:#8B0000
 +
}
 +
 
 +
.mw-plusminus-null {
 +
color:#666
 +
}
 +
 
 +
.not-patrolled {
 +
background-color:#a4a4a4
 +
}
  
 
/* color fix for diffs */
 
/* color fix for diffs */
table.diff { background-color: #212121 !important; }  
+
table.diff {
 +
background-color:#212121!important
 +
}
 +
 
 
table.diff td div {
 
table.diff td div {
    color: #AAAAAA;
+
color:#AAA;
    overflow: auto;
+
overflow:auto;
    word-wrap: break-word;
+
word-wrap:break-word
 +
}
 +
 
 +
td.diff-otitle,td.diff-ntitle {
 +
background:transparent!important
 +
}
 +
 
 +
td.diff-context {
 +
background-color:#212121!important
 +
}
 +
 
 +
td.diff-deletedline {
 +
background-color:#701C07!important
 +
}
 +
 
 +
/* about right? :o */
 +
td.diff-addedline {
 +
background-color:#130!important
 +
}
 +
 
 +
td.diff-addedline .diffchange {
 +
background:none repeat scroll 0 0 #22F
 +
}
 +
 
 +
td.diff-deletedline .diffchange {
 +
background:none repeat scroll 0 0 #F22
 
}
 
}
td.diff-otitle, td.diff-ntitle { background: transparent !important; }
 
td.diff-context { background-color: #212121 !important; }
 
td.diff-deletedline { background-color: #701C07 !important; } /* about right? :o */
 
td.diff-addedline { background-color: #113300 !important; }
 
td.diff-addedline .diffchange { background: none repeat scroll 0 0 #2222FF }
 
td.diff-deletedline .diffchange {background: none repeat scroll 0 0 #FF2222; }
 
  
 
/* Text colour for 'Help' in edit window */
 
/* Text colour for 'Help' in edit window */
td.cell.cell-description, td.cell.cell-syntax, td.cell.cell-result { color: #e1e1e1 }
+
td.cell.cell-description,td.cell.cell-syntax,td.cell.cell-result {
 +
color:#e1e1e1
 +
}
  
 
/* Version box */
 
/* Version box */
table.wikitable > tr > th, table.wikitable > * > tr > th {
+
table.wikitable > tr > th,table.wikitable > * > tr > th {
    background-color: #55B3FF;
+
background-color:#55B3FF;
    color: #232323;
+
color:#232323;
    text-align: center;
+
text-align:center
 
}
 
}
  
 
/* Minor fix for login box */
 
/* Minor fix for login box */
div#userloginForm form, div#userlogin form, div#userlogin2 form, #userloginForm table, div#userlogin form, #userlogin2 table {
+
div#userloginForm form,div#userlogin form,div#userlogin2 form,#userloginForm table,div#userlogin form,#userlogin2 table {
background-color:#212121 !important;
+
background-color:#212121!important
 
}
 
}
  
 
/* Some special page styling */
 
/* Some special page styling */
.TablePager th, .imagelist th.TablePager_sort, .TablePager td {
+
.TablePager th,.imagelist th.TablePager_sort,.TablePager td {
background-color: #212121;
+
background-color:#212121
 
}
 
}
.TablePager, .TablePager td, .TablePager th {
+
 
border-color: #55b3ff;
+
.TablePager,.TablePager td,.TablePager th {
 +
border-color:#55b3ff
 
}
 
}
#filetoc, ul#filetoc {
+
 
background-color: #414141 !important;
+
#filetoc,ul#filetoc {
border: 1px solid #24a !important;
+
background-color:#414141!important;
border-left-color:#79f !important;
+
border:1px solid #24a!important;
border-top-color:#79f !important;
+
border-left-color:#79f!important;
 +
border-top-color:#79f!important
 
}
 
}
.prefsection table, .prefsection legend, #preferences, #preftoc li, #preftoc > li.selected {
+
 
background-color:#212121;
+
.prefsection table,.prefsection legend,#preferences,#preftoc li,#preftoc > li.selected {
 +
background-color:#212121
 
}
 
}
  
 
/* Gallery Styling */
 
/* Gallery Styling */
 
table.gallery td {
 
table.gallery td {
background-color: #3c3c3c;
+
background-color:#3c3c3c;
border:none;
+
border:none
 
}
 
}
 +
 
table.gallery {
 
table.gallery {
 
border:1px solid #55B3FF;
 
border:1px solid #55B3FF;
background-color: #212121;
+
background-color:#212121;
margin:10px auto;
+
margin:10px auto
 
}
 
}
 +
 
li.gallerybox div.thumb {
 
li.gallerybox div.thumb {
    background-color: transparent !important;
+
background-color:transparent!important;
    border: 1px solid #3C3C3C !important;
+
border:1px solid #3C3C3C!important;
    margin: 2px !important;
+
margin:2px!important;
    text-align: center !important;
+
text-align:center!important
 
}
 
}
 +
 
div.gallerybox div.gallerytext {
 
div.gallerybox div.gallerytext {
text-align: center;
+
text-align:center
 
}
 
}
div.gallerybox div.gallerytext p{
+
 
margin-top: 0;
+
div.gallerybox div.gallerytext p {
 +
margin-top:0
 
}
 
}
 +
 
#p-cactions {
 
#p-cactions {
margin-top: 50px;
+
margin-top:50px
 
}
 
}
div.tright, div.tleft {
+
 
border-color:#212121;
+
div.tright,div.tleft {
 +
border-color:#212121
 
}
 
}
  
 
#column-content #content {
 
#column-content #content {
background: #212121;
+
background:#212121
 
}
 
}
 +
 
table {
 
table {
background: #212121 !important;
+
background:#212121!important;
color: #e1e1e1 !important;
+
color:#e1e1e1!important
 
}
 
}
 +
 
#content {
 
#content {
background: #212121;
+
background:#212121;
color: #e1e1e1 !important;
+
color:#e1e1e1!important;
border-color: #55B3FF;
+
border-color:#55B3FF
 
}
 
}
#content a, #content a.extiw {
+
 
color: #55b3ff;
+
#content a,#content a.extiw {
 +
color:#55b3ff
 
}
 
}
#content a:visited, #content a:link, #content a:active {
+
 
color: #55b3ff;
+
#content a:visited,#content a:link,#content a:active {
 +
color:#55b3ff
 
}
 
}
  
 
#content a:hover {
 
#content a:hover {
color: #CDF0FF;
+
color:#CDF0FF
 
}
 
}
  
 
#content a.stub {
 
#content a.stub {
color: #55b3ff;
+
color:#55b3ff
 
}
 
}
 +
 
/* Turns off the copyright edit notice */
 
/* Turns off the copyright edit notice */
 
#editpage-copywarn {
 
#editpage-copywarn {
        display:none
+
display:none
 
}
 
}
 +
 
/* Text labels at bottom of edit window */
 
/* Text labels at bottom of edit window */
 
#wpSummaryLabel {
 
#wpSummaryLabel {
        color: black;
+
color: black;
 +
background-color: transparent
 
}
 
}
 +
 
#mw-editpage-minoredit {
 
#mw-editpage-minoredit {
        color: black;
+
color:#000
 
}
 
}
 +
 
#mw-editpage-watch {
 
#mw-editpage-watch {
        color: black;
+
color:#000
 
}
 
}
 +
 
.editHelp {
 
.editHelp {
        color: black;
+
color:#000
 
}
 
}
a.new, #content a.new {
+
 
color: #CC2200;
+
a.new,#content a.new {
 +
color:#C20
 
}
 
}
h1, h2, h3, h4, h5, h6 {
+
 
color: #c0c0c0;
+
h1,h2,h3,h4,h5,h6 {
 +
color:silver
 
}
 
}
 +
 
legend {
 
legend {
background-color: #0f0f0f;
+
background-color:#0f0f0f
 
}
 
}
 +
 
code {
 
code {
background-color: transparent;
+
background-color:transparent;
        color: #909090
+
color:#909090
 
}
 
}
abbr, acronym, .explain {
+
 
color: #909090;
+
abbr,acronym,.explain {
 +
color:#909090
 
}
 
}
  
 
pre {
 
pre {
color: #c0c0c0;
+
color:silver;
background-color: #0f0f0f;
+
background-color:#0f0f0f
 
}
 
}
#contentSub, #contentSub2 {
+
 
color: #c0c0c0;
+
#contentSub,#contentSub2 {
 +
color:silver
 
}
 
}
 +
 
#catlinks {
 
#catlinks {
background: #000 url('http://img35.imageshack.us/img35/326/footerback.jpg') no-repeat center;
+
background:#000 url(https://s3.amazonaws.com/ns2-wiki/a/a4/Footerback.jpg) no-repeat center;
        border: #3F391C solid 1px;
+
border:#3F391C solid 1px
 
}
 
}
#toc, .toc, .mw-warning, #toc h2, .toc h2 {
+
 
background: transparent;
+
#toc,.toc,.mw-warning,#toc h2,.toc h2 {
color: #c0c0c0;
+
background:transparent;
 +
color:silver
 
}
 
}
 +
 
div.thumb div {
 
div.thumb div {
background-color: #0f0f0f !important;
+
background-color:#0f0f0f!important;
color: #c0c0c0 !important;
+
color:silver!important
 
}
 
}
 +
 
.gallery div.thumb div {
 
.gallery div.thumb div {
background-color: transparent!important;
+
background-color:transparent!important
 
}
 
}
 +
 
.toccolours {
 
.toccolours {
background: #0f0f0f;
+
background:#0f0f0f
 
}
 
}
 +
 
#p-cactions li a {
 
#p-cactions li a {
background: #212121;
+
background:#212121;
color: #55B3FF;
+
color:#55B3FF;
border-color: #55B3FF;
+
border-color:#55B3FF
 
}
 
}
  
 
#p-cactions li a:hover {
 
#p-cactions li a:hover {
background: #212121;
+
background:#212121
 
}
 
}
  
 
#p-cactions li {
 
#p-cactions li {
border-color: #55B3FF;
+
border-color:#55B3FF
 
}
 
}
  
 
#p-cactions li.selected a {
 
#p-cactions li.selected a {
background: #212121;
+
background:#212121;
color: #c0c0c0;
+
color:silver
 
}
 
}
  
 
#p-cactions li.selected {
 
#p-cactions li.selected {
border-color: #55B3FF;
+
border-color:#55B3FF;
border: #55B3FF solid 2px;
+
border:#55B3FF solid 2px
 
}
 
}
  
 
#pagehistory li.selected {
 
#pagehistory li.selected {
background: #212121;
+
background:#212121;
border: 1px dashed #775533;
+
border:1px dashed #753
 
}
 
}
 +
 
#pagehistory li {
 
#pagehistory li {
border: 1px solid #775533;
+
border:1px solid #753;
background: transparent;
+
background:transparent
 
}
 
}
table.diff, td.diff-otitle, td.diff-ntitle, td.diff-addedline, td.diff-deletedline, td.diff-context {
+
 
background: #212121;
+
table.diff,td.diff-otitle,td.diff-ntitle,td.diff-addedline,td.diff-deletedline,td.diff-context {
 +
background:#212121
 
}
 
}
 +
 
.portlet h6 {
 
.portlet h6 {
background: #212121;
+
background:#212121
 
}
 
}
 +
 
.pBody {
 
.pBody {
background: transparent;
+
background:transparent;
color: #c0c0c0;
+
color:silver;
border-color: #55B3FF;
+
border-color:#55B3FF
 
}
 
}
  
.pBody a, a:visited, a:link, a:active {
+
.pBody a,a:visited,a:link,a:active {
color: #55b3ff;
+
color:#55b3ff
 
}
 
}
  
 
#p-personal ul a {
 
#p-personal ul a {
color: #55b3ff;
+
color:#55b3ff
 
}
 
}
  
 
#p-personal li a:hover {
 
#p-personal li a:hover {
background-color: transparent;
+
background-color:transparent;
text-decoration: ;
+
text-decoration:
 
}
 
}
  
 
img {
 
img {
    border: medium none !important;
+
border:medium none!important;
    vertical-align: middle;
+
vertical-align:middle
 
}
 
}
  
 
/* Template:Ambox design */
 
/* Template:Ambox design */
 
.ambox {
 
.ambox {
border: 2px #55b3ff solid;
+
border:2px #55b3ff solid;
background-color: #303090;
+
background-color:#303090
 
}
 
}
  
 
/* {{Ambox}} colours */
 
/* {{Ambox}} colours */
 
.ambox-blue {
 
.ambox-blue {
border-left: 15px solid #1e90ff;      /* Blue (notice) */
+
border-left:15px solid #1e90ff
 +
/* Blue (notice) */
 
}
 
}
 +
 
.ambox-red {
 
.ambox-red {
border-left: 15px solid #b22222;      /* Red (delete/serious) */
+
border-left:15px solid #b22222
 +
/* Red (delete/serious) */
 
}
 
}
 +
 
.ambox-orange {
 
.ambox-orange {
border-left: 15px solid #f28500;      /* Orange (content) */
+
border-left:15px solid #f28500
 +
/* Orange (content) */
 
}
 
}
 +
 
.ambox-yellow {
 
.ambox-yellow {
border-left: 15px solid #f4c430;      /* Yellow (style) */
+
border-left:15px solid #f4c430
 +
/* Yellow (style) */
 
}
 
}
 +
 
.ambox-purple {
 
.ambox-purple {
border-left: 15px solid #9932cc;      /* Purple (merge) */
+
border-left:15px solid #9932cc
 +
/* Purple (merge) */
 
}
 
}
 +
 
.ambox-gray {
 
.ambox-gray {
border-left: 15px solid #bba;          /* Gray (protection) */
+
border-left:15px solid #bba
 +
/* Gray (protection) */
 
}
 
}
 +
 
.ambox-green {
 
.ambox-green {
border-left: 15px solid #228b22;      /* Green */
+
border-left:15px solid #228b22
 +
/* Green */
 
}
 
}
  
 
/* {{Ambox}} small/medium text */
 
/* {{Ambox}} small/medium text */
 
.amsmalltext {
 
.amsmalltext {
font-size: 80%;
+
font-size:80%;
margin-top:0.5em;
+
margin-top:.5em;
margin-left:0.8em;
+
margin-left:.8em
 
}
 
}
  
 
.ammediumtext {
 
.ammediumtext {
font-size: 100%;
+
font-size:100%;
margin-top:0.5em;
+
margin-top:.5em;
margin-left:0.8em;
+
margin-left:.8em
 
}
 
}
  
 
/* {{Ambox}} image */
 
/* {{Ambox}} image */
.ambox-image {                         /* The left image cell */
+
.ambox-image {
width: 60px;  
+
/* The left image cell */
padding: 2px 0px 2px 0.5em;           /* 0.5em left, 0px right */
+
width:60px;
text-align: center;
+
padding:2px 0 2px .5em;
 +
/* 0.5em left, 0px right */
 +
text-align:center
 
}
 
}
 
  
 
/* NavFrame */
 
/* NavFrame */
 
#NavFrame1 {
 
#NavFrame1 {
margin-top: 30px;
+
margin-top:30px
 
}
 
}
  
 
/* Border Colour box */
 
/* Border Colour box */
 
.borderstyle {
 
.borderstyle {
border: 1px solid #24a;
+
border:1px solid #24a;
 
border-left-color:#79f;
 
border-left-color:#79f;
border-top-color:#79f;
+
border-top-color:#79f
 
}
 
}
  
table.ns2table th
+
table.ns2table th {
{
+
padding:4px;
padding:4px;
+
text-align:center;
text-align:center;
+
background:none repeat scroll 0 0 #55b3ff;
background: none repeat scroll 0 0 #55b3ff;
+
color:#232323
color:#232323;
+
 
}
 
}
  
table.ns2table
+
table.ns2table {
{
+
border-collapse:separate;
border-collapse:separate;
+
border-width:1px;
border-width:1px;
+
border-style:solid;
border-style:solid;
+
border-color:silver;
border-color:#c0c0c0;
+
background-color:#303030;
background-color:#303030;
+
box-shadow:-4px 4px 10px #000
box-shadow: -4px 4px 10px #000;
+
 
}
 
}
  
.ns2table tr:nth-child(even)
+
.ns2table tr:nth-child(even) {
{
+
background-color:#202020
background-color: #202020;
+
 
}
 
}
  
.ns2table tr:nth-child(odd)
+
.ns2table tr:nth-child(odd) {
{
+
background-color:#4a4a4a
background-color: #4a4a4a;
+
 
}
 
}
  
.ns2table td
+
.ns2table td {
{
+
padding-left:5px;
padding-left: 5px;
+
padding-right:5px
padding-right: 5px;
+
}
 +
 
 +
#menucontent {
 +
padding-right:35px;
 +
padding-left:10px;
 +
vertical-align:top
 +
}
 +
 
 +
.doublewidthmenu {
 +
width:100%
 +
}
 +
 
 +
.doublewidthmenu td {
 +
width:50%
 
}
 
}
  
 
/* somebody help.  Can't get this line to work right! a */
 
/* somebody help.  Can't get this line to work right! a */
.ns2table th a:link, .ns2table th a:visited {
+
.ns2table th a:link,.ns2table th a:visited {
    color:#232323 !important;
+
color:#232323!important
 
}
 
}
  
 
body {
 
body {
    background: url("http://wiki.unknownworlds.com/images/0/09/Ns2_bg_tramrepair.jpg") no-repeat scroll 0 0 #000000;
+
font-family:'Open Sans',sans-serif;
 +
background:url(https://s3.amazonaws.com/ns2-wiki/0/09/Ns2_bg_tramrepair.jpg) no-repeat scroll 0 0 #000
 
}
 
}
  
div#userlogin .captcha, div#userloginForm .captcha {
+
div#userlogin .captcha,div#userloginForm .captcha {
    background: none;
+
background:none;
    margin-bottom: 15px;
+
margin-bottom:15px
 
}
 
}
  
 
.mw-datatable tr:hover td {
 
.mw-datatable tr:hover td {
    background-color: #0F0F0F !important;
+
background-color:#0F0F0F!important
 
}
 
}
  
 
.mw-search-formheader {
 
.mw-search-formheader {
    background-color: #0F0F0F !important;
+
background-color:#0F0F0F!important;
    margin-top: 1em;
+
margin-top:1em
 
}
 
}
  
 
fieldset#mw-searchoptions {
 
fieldset#mw-searchoptions {
    background-color: transparent !important;
+
background-color:transparent!important;
    border-color: silver !important;
+
border-color:silver!important;
    border-image: none !important;
+
border-image:none!important;
    border-right: 1px solid silver !important;
+
border-right:1px solid silver!important;
    border-style: solid !important;
+
border-style:solid!important;
    border-width: 0 1px 1px !important;
+
border-width:0 1px 1px!important;
    padding: 0.5em 0.75em 0.75em !important;
+
padding:.5em .75em .75em!important
 
}
 
}
  
 
table.mw-abuselog-details th {
 
table.mw-abuselog-details th {
    background: none repeat scroll 0 0 #55B3FF !important;
+
background:none repeat scroll 0 0 #55B3FF!important;
    color: #232323 !important;
+
color:#232323!important;
    text-align: center;
+
text-align:center
 
}
 
}
  
.mw-abusefilter-diff-context, .mw-abusefilter-diff-multiline .diff-context {
+
.mw-abusefilter-diff-context,.mw-abusefilter-diff-multiline .diff-context {
    background: none repeat scroll 0 0 transparent !important;
+
background:none repeat scroll 0 0 transparent!important
 
}
 
}
  
 
.mw-abusefilter-history-changed {
 
.mw-abusefilter-history-changed {
    background: none repeat scroll 0 0 #550000 !important;
+
background:none repeat scroll 0 0 #500!important;
    font-weight: bold;
+
font-weight:700
 
}
 
}
/*** Notification popup (seen when watching/unwatching pages) ***/
 
  
.mw-notification, .mw-notification-title, .mw-notification-area, .mw-notification-area-layout, .mw-notification-content, .mw-notification-autohide, .mw-notification-tag-watch-self {
+
/*** Notification popup (seen when watching/unwatching pages) ***/
    background-color: #212121;  
+
.mw-notification,.mw-notification-title,.mw-notification-area,.mw-notification-area-layout,.mw-notification-content,.mw-notification-autohide,.mw-notification-tag-watch-self {
    color: white;
+
background-color:#212121;
 +
color:#fff
 
}
 
}
  
 
#mw-notification-area {
 
#mw-notification-area {
    background-color: #212121;  
+
background-color:#212121;
    color: white;
+
color:#fff
 
}
 
}
  
#mw-indicator, #mw-helplink {
+
/*** Style for the 'additional' file information ***/
    color: white;
+
table.mw_metadata {
 +
font-size:.8em;
 +
margin-left:.5em;
 +
margin-bottom:.5em;
 +
width:400px;
 +
color:#000
 
}
 
}
  
#mw-indicator-mw-helplink {
+
table.mw_metadata caption {
    color: white;
+
font-weight:700
 +
}
 +
 
 +
table.mw_metadata th {
 +
font-weight:400
 +
}
 +
 
 +
table.mw_metadata td {
 +
padding:.1em
 +
}
 +
 
 +
table.mw_metadata {
 +
border:none;
 +
border-collapse:collapse
 +
}
 +
 
 +
table.mw_metadata td,table.mw_metadata th {
 +
text-align:center;
 +
border:1px solid #aaa;
 +
padding-left:5px;
 +
padding-right:5px
 +
}
 +
 
 +
table.mw_metadata th {
 +
background-color:#212121
 +
}
 +
 
 +
table.mw_metadata td {
 +
background-color:#212121
 +
}
 +
 
 +
table.mw_metadata ul.metadata-langlist {
 +
list-style-type:none;
 +
list-style-image:none;
 +
padding-right:5px;
 +
padding-left:5px;
 +
margin:0
 +
}
 +
 
 +
#editform > div.editOptions > div.mw-summary-preview {
 +
color:#000
 +
}
 +
 
 +
#mw-allmessagestable {
 +
background:#212121;
 +
color:#000
 +
}
 +
 
 +
/* Header on API HTML result pages */
 +
.api-pretty-header {
 +
color:#000
 +
}
 +
 
 +
.tacticalsummaryitem {
 +
font-size: 140%;
 +
font-family: 'Agency FB', Verdana, Helvetica, Arial;
 +
text-align: left;
 +
padding: 5px 0 10px
 +
}
 +
 
 +
#mw-content-text > div > div.mw-createacct-benefits-container > div > div.mw-number-text,
 +
#mw-content-text > div > div.mw-createacct-benefits-container > div > div.mw-number-text > h3
 +
{
 +
color: #e1e1e1 !important
 +
}
 +
 
 +
/* tabber */
 +
 
 +
div.tabbertab > p {
 +
margin: .4em 0 .5em .4em
 
}
 
}

Latest revision as of 15:25, 9 May 2019

@import https://wiki.naturalselection2.com/index.php?action=raw&ctype=text/css&title=MediaWiki%3ACustom.css;

@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow|Open+Sans');

/* CSS placed here will affect users of the MonoBook skin */
/* Theme built based on the main site: http://www.unknownworlds.com/ns2/ */
/***** Edit this file to customize the monobook skin for the entire site. *****/
/* See also: [[MediaWiki:Common.css]] */
/*** Bold 'edit this page' link to encourage newcomers ***/
#ca-edit a {
font-weight: 700 !important
}

div.mainpage-welcome-banner {
font-family: 'Agency FB', Verdana, Helvetica, Arial;
text-align: center;
padding: 10px 0 0 30px;
margin-bottom: 20px
}

div.mainpage-welcome-banner p span.mainpage-heading {
font-size: 250%
}

div.mainpage-welcome-banner p span.mainpage-subheading {
font-size: 150%
}

div.mainpage-infobox {
font-family: 'PT Sans Narrow', Arial;
font-size: 1.6em
}

div.mainpage-latestbuild {
border: 2px solid #1094ff;
padding: 10px;
margin-bottom: 10px
}

div.mainpage-latestbuild > span > h1 {
border: none;
padding: 0
}

div.mainpage-latestbuild-highlights {
display: inline-block;
max-width: 55%
}

div.mainpage-latestbuild-image {
display: inline-block;
float: right
}

div.mainpage-externallinks {
text-align: center;
margin: 10px 0
}

div.mainpage-externallinks > p > span {
border: 1px solid white;
padding: 5px;
width: 100%
}

div.mainpage-disclaimer {
font-size: 120%;
line-height: 25px;
border: 2px solid #1094ff;
padding: 5px;
width: 100%;
margin: 0 auto 10px
}

/*** Setting the main background style ***/
#footer {
background: transparent !important;
border-color: #55B3FF !important
}

#footer li {
color: #fff
}

#globalWrapper #column-content #content {
margin-top: 85px
}

/* #p-personal .portlet, #p-personal .pBody { */
/* background: transparent url(https://wiki.unknownworlds.com/images/0/09/Ns2_top_navbg.png) no-repeat right; */
/* } */
/*** Sitenotice styling ***/
#siteNotice {
font-size: 120%;
background: #787B7E;
border: solid 2px #F90;
padding: 10px 0px 15px 20px;
color: #fff;
width: 95%;
margin: 0 auto 5px;
display: inline-block
}

#siteNotice:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f0a1';
transform: rotate(-20deg);
position: relative;
right: 10px;
top: 2px;
font-size: 2em;
color: #F90;
display: block;
float: left;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased
}

#siteNotice a:link,#siteNotice a:visited,#siteNotice a:active {
color:#006AC1!important
}

/*** Temp css hack to hide logo and firstheading for now ***/
/* #p-logo a, #p-logo a:hover { */
/* background: none !important; */
/* } */
.page-Main_Page h1.firstHeading {
display:none
}

.page-Main_Page #siteSub {
display:none
}

h4.mw-specialpagesgroup {
background-color:#000
}

/* change editing box color a bit */
#toolbar {
background-color:#212121
}

#wpTextbox1 {
background-color:#f4f4f4
}

/* RC colors */
/* Recent changes byte indicators */
.mw-plusminus-pos {
color:#006500
}

.mw-plusminus-neg {
color:#8B0000
}

.mw-plusminus-null {
color:#666
}

.not-patrolled {
background-color:#a4a4a4
}

/* color fix for diffs */
table.diff {
background-color:#212121!important
}

table.diff td div {
color:#AAA;
overflow:auto;
word-wrap:break-word
}

td.diff-otitle,td.diff-ntitle {
background:transparent!important
}

td.diff-context {
background-color:#212121!important
}

td.diff-deletedline {
background-color:#701C07!important
}

/* about right? :o */
td.diff-addedline {
background-color:#130!important
}

td.diff-addedline .diffchange {
background:none repeat scroll 0 0 #22F
}

td.diff-deletedline .diffchange {
background:none repeat scroll 0 0 #F22
}

/* Text colour for 'Help' in edit window */
td.cell.cell-description,td.cell.cell-syntax,td.cell.cell-result {
color:#e1e1e1
}

/* Version box */
table.wikitable > tr > th,table.wikitable > * > tr > th {
background-color:#55B3FF;
color:#232323;
text-align:center
}

/* Minor fix for login box */
div#userloginForm form,div#userlogin form,div#userlogin2 form,#userloginForm table,div#userlogin form,#userlogin2 table {
background-color:#212121!important
}

/* Some special page styling */
.TablePager th,.imagelist th.TablePager_sort,.TablePager td {
background-color:#212121
}

.TablePager,.TablePager td,.TablePager th {
border-color:#55b3ff
}

#filetoc,ul#filetoc {
background-color:#414141!important;
border:1px solid #24a!important;
border-left-color:#79f!important;
border-top-color:#79f!important
}

.prefsection table,.prefsection legend,#preferences,#preftoc li,#preftoc > li.selected {
background-color:#212121
}

/* Gallery Styling */
table.gallery td {
background-color:#3c3c3c;
border:none
}

table.gallery {
border:1px solid #55B3FF;
background-color:#212121;
margin:10px auto
}

li.gallerybox div.thumb {
background-color:transparent!important;
border:1px solid #3C3C3C!important;
margin:2px!important;
text-align:center!important
}

div.gallerybox div.gallerytext {
text-align:center
}

div.gallerybox div.gallerytext p {
margin-top:0
}

#p-cactions {
margin-top:50px
}

div.tright,div.tleft {
border-color:#212121
}

#column-content #content {
background:#212121
}

table {
background:#212121!important;
color:#e1e1e1!important
}

#content {
background:#212121;
color:#e1e1e1!important;
border-color:#55B3FF
}

#content a,#content a.extiw {
color:#55b3ff
}

#content a:visited,#content a:link,#content a:active {
color:#55b3ff
}

#content a:hover {
color:#CDF0FF
}

#content a.stub {
color:#55b3ff
}

/* Turns off the copyright edit notice */
#editpage-copywarn {
display:none
}

/* Text labels at bottom of edit window */
#wpSummaryLabel {
color: black;
background-color: transparent
}

#mw-editpage-minoredit {
color:#000
}

#mw-editpage-watch {
color:#000
}

.editHelp {
color:#000
}

a.new,#content a.new {
color:#C20
}

h1,h2,h3,h4,h5,h6 {
color:silver
}

legend {
background-color:#0f0f0f
}

code {
background-color:transparent;
color:#909090
}

abbr,acronym,.explain {
color:#909090
}

pre {
color:silver;
background-color:#0f0f0f
}

#contentSub,#contentSub2 {
color:silver
}

#catlinks {
background:#000 url(https://s3.amazonaws.com/ns2-wiki/a/a4/Footerback.jpg) no-repeat center;
border:#3F391C solid 1px
}

#toc,.toc,.mw-warning,#toc h2,.toc h2 {
background:transparent;
color:silver
}

div.thumb div {
background-color:#0f0f0f!important;
color:silver!important
}

.gallery div.thumb div {
background-color:transparent!important
}

.toccolours {
background:#0f0f0f
}

#p-cactions li a {
background:#212121;
color:#55B3FF;
border-color:#55B3FF
}

#p-cactions li a:hover {
background:#212121
}

#p-cactions li {
border-color:#55B3FF
}

#p-cactions li.selected a {
background:#212121;
color:silver
}

#p-cactions li.selected {
border-color:#55B3FF;
border:#55B3FF solid 2px
}

#pagehistory li.selected {
background:#212121;
border:1px dashed #753
}

#pagehistory li {
border:1px solid #753;
background:transparent
}

table.diff,td.diff-otitle,td.diff-ntitle,td.diff-addedline,td.diff-deletedline,td.diff-context {
background:#212121
}

.portlet h6 {
background:#212121
}

.pBody {
background:transparent;
color:silver;
border-color:#55B3FF
}

.pBody a,a:visited,a:link,a:active {
color:#55b3ff
}

#p-personal ul a {
color:#55b3ff
}

#p-personal li a:hover {
background-color:transparent;
text-decoration:
}

img {
border:medium none!important;
vertical-align:middle
}

/* Template:Ambox design */
.ambox {
border:2px #55b3ff solid;
background-color:#303090
}

/* {{Ambox}} colours */
.ambox-blue {
border-left:15px solid #1e90ff
/* Blue (notice) */
}

.ambox-red {
border-left:15px solid #b22222
/* Red (delete/serious) */
}

.ambox-orange {
border-left:15px solid #f28500
/* Orange (content) */
}

.ambox-yellow {
border-left:15px solid #f4c430
/* Yellow (style) */
}

.ambox-purple {
border-left:15px solid #9932cc
/* Purple (merge) */
}

.ambox-gray {
border-left:15px solid #bba
/* Gray (protection) */
}

.ambox-green {
border-left:15px solid #228b22
/* Green */
}

/* {{Ambox}} small/medium text */
.amsmalltext {
font-size:80%;
margin-top:.5em;
margin-left:.8em
}

.ammediumtext {
font-size:100%;
margin-top:.5em;
margin-left:.8em
}

/* {{Ambox}} image */
.ambox-image {
/* The left image cell */
width:60px;
padding:2px 0 2px .5em;
/* 0.5em left, 0px right */
text-align:center
}

/* NavFrame */
#NavFrame1 {
margin-top:30px
}

/* Border Colour box */
.borderstyle {
border:1px solid #24a;
border-left-color:#79f;
border-top-color:#79f
}

table.ns2table th {
padding:4px;
text-align:center;
background:none repeat scroll 0 0 #55b3ff;
color:#232323
}

table.ns2table {
border-collapse:separate;
border-width:1px;
border-style:solid;
border-color:silver;
background-color:#303030;
box-shadow:-4px 4px 10px #000
}

.ns2table tr:nth-child(even) {
background-color:#202020
}

.ns2table tr:nth-child(odd) {
background-color:#4a4a4a
}

.ns2table td {
padding-left:5px;
padding-right:5px
}

#menucontent {
padding-right:35px;
padding-left:10px;
vertical-align:top
}

.doublewidthmenu {
width:100%
}

.doublewidthmenu td {
width:50%
}

/* somebody help.  Can't get this line to work right! a */
.ns2table th a:link,.ns2table th a:visited {
color:#232323!important
}

body {
font-family:'Open Sans',sans-serif;
background:url(https://s3.amazonaws.com/ns2-wiki/0/09/Ns2_bg_tramrepair.jpg) no-repeat scroll 0 0 #000
}

div#userlogin .captcha,div#userloginForm .captcha {
background:none;
margin-bottom:15px
}

.mw-datatable tr:hover td {
background-color:#0F0F0F!important
}

.mw-search-formheader {
background-color:#0F0F0F!important;
margin-top:1em
}

fieldset#mw-searchoptions {
background-color:transparent!important;
border-color:silver!important;
border-image:none!important;
border-right:1px solid silver!important;
border-style:solid!important;
border-width:0 1px 1px!important;
padding:.5em .75em .75em!important
}

table.mw-abuselog-details th {
background:none repeat scroll 0 0 #55B3FF!important;
color:#232323!important;
text-align:center
}

.mw-abusefilter-diff-context,.mw-abusefilter-diff-multiline .diff-context {
background:none repeat scroll 0 0 transparent!important
}

.mw-abusefilter-history-changed {
background:none repeat scroll 0 0 #500!important;
font-weight:700
}

/*** Notification popup (seen when watching/unwatching pages) ***/
.mw-notification,.mw-notification-title,.mw-notification-area,.mw-notification-area-layout,.mw-notification-content,.mw-notification-autohide,.mw-notification-tag-watch-self {
background-color:#212121;
color:#fff
}

#mw-notification-area {
background-color:#212121;
color:#fff
}

/*** Style for the 'additional' file information ***/
table.mw_metadata {
font-size:.8em;
margin-left:.5em;
margin-bottom:.5em;
width:400px;
color:#000
}

table.mw_metadata caption {
font-weight:700
}

table.mw_metadata th {
font-weight:400
}

table.mw_metadata td {
padding:.1em
}

table.mw_metadata {
border:none;
border-collapse:collapse
}

table.mw_metadata td,table.mw_metadata th {
text-align:center;
border:1px solid #aaa;
padding-left:5px;
padding-right:5px
}

table.mw_metadata th {
background-color:#212121
}

table.mw_metadata td {
background-color:#212121
}

table.mw_metadata ul.metadata-langlist {
list-style-type:none;
list-style-image:none;
padding-right:5px;
padding-left:5px;
margin:0
}

#editform > div.editOptions > div.mw-summary-preview {
color:#000
}

#mw-allmessagestable {
background:#212121;
color:#000
}

/* Header on API HTML result pages */
.api-pretty-header {
color:#000
}

.tacticalsummaryitem {
font-size: 140%;
font-family: 'Agency FB', Verdana, Helvetica, Arial;
text-align: left;
padding: 5px 0 10px
}

#mw-content-text > div > div.mw-createacct-benefits-container > div > div.mw-number-text,
#mw-content-text > div > div.mw-createacct-benefits-container > div > div.mw-number-text > h3
{
color: #e1e1e1 !important
}

/* tabber */

div.tabbertab > p {
margin: .4em 0 .5em .4em
}