MediaWiki:Modern.css
Jump to navigation
Jump to search
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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Modern skin */
/*///////////////////////////
Templates
///////////////////////////*/
.small-box {
border-width: 1px;
border-color: #bbb;
}
.notification-box {
border-color: #3c78b5;
border-width: 2px;
}
.text-box {
border-width: 2px;
border-color: #3c78b5;
}
.medium-box {
border-width: 2px;
border-color: #3c78b5;
border-width: 2px;
}
.large-box {
border-color: #3c78b5;
border-width: 2px;
}
.neutral {
background: #f0f0f0;
}
.more-positive {
border-color: #00ff00;
background: #99ff99;
}
.positive {
background: #ddffdd;
}
.negative {
background: #ffdddd;
}
.more-negative {
border-color: #ff0000;
background: #ff9999;
}
.green-text {
color: #00aa00;
}
.red-text{
color: #aa0000;
}
.header {
border-color: #003366;
background: #3c78b5;
border-width: 2px;
color: white;
}
/* Infoboxes */
.ib-main {
border-color: #3c78b5;
background-color: #f0f0f0;
border-width: 2px;
}
.ib-border-top {
border-top-color: #bbb;
}
/*///////////////////////////
Syntax Highlighter
///////////////////////////*/
.syntaxhighlighter {
background-color: #f0f0f0 !important;
border: 1px solid #3c78b5 !important;
}
.syntaxhighlighter .gutter .line {
border-right: 1px solid #3c78b5 !important;
}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
color: black !important;
}
.syntaxhighlighter .toolbar {
background: #f0f0f0 !important;
}
.syntaxhighlighter .toolbar a {
color: black !important;
}
.syntaxhighlighter .toolbar a:hover {
color: black !important;
}
.syntaxhighlighter .gutter {
color: #888 !important;
}
.syntaxhighlighter.collapsed .toolbar {
background-color: #f0f0f0 !important;
}
.syntaxhighlighter .toolbar {
background-color: #f0f0f0 !important;
}