MediaWiki:Common.css
From LEGO Batman Wiki
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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* import Material Design Icons */
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/* @import font */
@import url('https://fonts.googleapis.com/css?family=Pragati+Narrow');
/* HTML elements */
/* HTML elements - body */
body,
#page,
#page_bar {
font-family: "Roboto", Arial, "Helvetica", "Helvetica Neue", sans-serif !important;
}
/* HTML elements - headings (h1/h2/h3/h4/h5/h6) */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Montserrat", Arial, "Helvetica", "Helvetica Neue", sans-serif;
border-bottom: 1px solid #ddd;
}
h1 {
font-size: 2.75em;
padding: .5em .25em;
}
h2 {
font-size: 2em;
margin: 1em 0;
}
h3 {
font-size: 1.5em;
}
/* HTML elements - fieldset/legend */
fieldset {
border: 1px solid #eee;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.02);
}
fieldset legend {
color: #03a9f4;
font-size: 1.25em;
padding: .75em 1em;
}
/* HTML elements - pre */
pre,
.mw-code {
color: #000;
background-color: #f9f9f9;
border: 1px solid #ddd;
padding: 1.5em;
white-space: pre-wrap;
}
/* HTML elements - table */
table.wikitable,
table.prettytable {
background: #f9f9f9;
border: 0;
border-collapse: collapse;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 400;
margin: 2em;
width: auto;
overflow: hidden;
}
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
border: 0;
}
table.wikitable > tr > th,
table.wikitable > * > tr > th {
color: rgba(0, 0, 0, 0.54);
font-size: 12px;
font-weight: 500;
vertical-align: middle;
}
table.wikitable tr {
border-bottom: 1px solid #e0e0e0;
height: 48px;
}
table.wikitable tr:first-child {
height: 64px;
padding: 0 24px;
}
table.wikitable tr td,
table.wikitable tr th {
color: rgba(0, 0, 0, 0.87);
padding: 0 56px 0 0;
}
table.wikitable tr td:first-child {
padding: 0 56px 0 24px;
}
table.wikitable tr th {
background: transparent;
}
/* staff styling - bureaucrats */
a[href="/wiki/User:Rock-O-Jello"] {
color: #9C27B0 !important;
font-weight: 700;
}
/* staff styling - administrators */
a[href="/wiki/User:Mercutio"] {
color: #4CAF50 !important;
font-weight: 700;
}
a[href="/wiki/User:Daintii"] {
color: #4CAF50 !important;
font-weight: 700;
}
/* modular/shareable classes */
.color-foreground-link-white a,
.color-foreground-text-white {
color: #fff;
}
.color-foreground-link-black a,
.color-foreground-text-black {
color: #000;
}
/* Page - Main Page */
.container {
background: #00BCD4;
}
.mainpage-title {
border: 0;
font-weight: 700;
font-size: 5em;
text-align: center;
text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-transform: uppercase;
padding: .75em;
margin: 0;
display: block;
}
.mainpage-title,
.mainpage-title a {
color: #fff;
}
.mainpage-title a:hover {
text-decoration: none;
}
.mainpage-gallery {
text-align: center;
}
.card-group {
list-style: none;
text-align: center;
margin: 0 auto;
}
.card {
background: #00BCD4;
border-radius: 2px;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
color: #fff;
text-align: center;
margin: 1em;
width: 300px;
padding: 1em;
flex: 1;
overflow: hidden;
position: relative;
display: inline-block;
height: 525px;
}
.card img {
background: url(http://images.shoutwiki.com/doodleburp/3/30/Halftone-backdrop.png);
text-align: center;
}
.card h2 {
border: 0;
font-family: "Pragati Narrow";
font-size: 3em;
padding: .75em 0 .25em 0;
margin: 0;
line-height: .25;
}
.card-content {
text-align: left;
font-size: 14px;
text-overflow: ellipsis;
width: 100%;
}
.minifigure-aquaman {
background: #FF9800;
color: #222;
}
.minifigure-batman {
background: #222;
}
.minifigure-cyborg {
background: #607D8B;
}
.minifigure-theflash {
background: #f44336;
}
.minifigure-wonderwoman {
background: #009688;
}
.minifigure-thejoker {
background: #673AB7;
}
/* Template - Template:Documentation */
.template-documentation {
background: #fff;
border: 1px solid #eee;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.02);
clear: both;
margin: 1em;
}
.template-documentation h2 {
background-color: #f5f5f5;
color: #555;
padding: 1em;
margin: 0;
}
.documentation-content {
padding: 1em 2em 2em 2em;
}
/* Template - Template:Message */
.message-box {
border-radius: 2px;
padding: .5em;
margin: 1em auto;
width: 50%;
}
.message-box-icon {
width: 6.7%;
}
.message-box-icon .material-icons {
float: left;
font-size: 48px;
margin: .25em;
}
.message-box-title {
font-weight: 400;
font-family: "Montserrat", Arial, "Helvetica", "Helvetica Neue", sans-serif;
font-size: 20px;
}
/* message box - links */
.message-box a,
.message-box a.external,
#bodyContent .message-box a.extiw,
#bodyContent .message-box a.extiw:active {
color: #222;
}
/* message box - types */
.message-box.type-neutral {
background: #607d8b;
color: #fff;
}
.message-box.type-note {
background: #36c;
color: #fff;
}
.message-box.type-warning {
background: #fc3;
color: #222;
}
.message-box.type-negative {
background: #d33;
color: #fff;
}
.message-box.type-positive {
background: #00af89;
color: #fff;
}
/* Template - Template:Infobox */
.template-infobox {
background: #fff;
border: 1px solid #eee;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.02);
border-collapse: collapse;
color: #222;
width: 20em;
float: right;
margin: 1em;
}
.infobox-data {
height: 2em;
padding: .25em 1em;
}
.infobox-data.data-title,
.infobox-data.data-section {
font-family: "Montserrat", Arial, "Helvetica", "Helvetica Neue", sans-serif;
}
.infobox-data.data-title,
.infobox-data.data-section,
.infobox-data.data-image {
text-align: center;
}
.infobox-data.data-label,
.infobox-data.data-value {
text-align: left;
width: 50%;
}
.infobox-data.data-title,
.infobox-data.data-section {
background: #f5f5f5;
border-bottom: 1px solid #aaa;
color: #555;
line-height: 1.5;
}
.infobox-data.data-title {
font-size: 1.5em;
}
.infobox-data.data-label {
font-weight: bold;
text-transform: capitalize;
}
.infobox-data.data-value {
font-family: "Roboto", Arial, "Helvetica", "Helvetica Neue", sans-serif;
}