MediaWiki:Monobook.css

From Clogopedia, the Natural Selection 2 Wiki
Revision as of 22:37, 6 November 2017 by Keats & Yeats (Talk | contribs) (replace raleway with open sans)

Jump to: navigation, search

Note: After saving, 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)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
@import https://wiki.naturalselection2.com/index.php?action=raw&ctype=text/css&title=MediaWiki%3ACustom.css;

@import https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.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.mainpageinfobox {
font-family: 'PT Sans Narrow', Arial;
font-size:1.6em;
}

/*** 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 {
margin-top:1em;
border:2px solid #1094ff;
background-color:#FDB238;
color:#000
}

#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:#000
}

#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
}