Difference between revisions of "MediaWiki:Common.css"

From PotterworldMC
Jump to: navigation, search
 
(153 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
/* CSS placed here will be applied to all skins */
+
/* Define global page layout and formatting */
−
#footer-poweredbyico {
+
 
−
    display: none !important
+
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');
 +
body.mediawiki {
 +
  background-color: #0d0c1a;
 +
  color: #c2bcb2;
 +
  position: relative;
 
}
 
}
 +
body.mediawiki::before, body.mediawiki::after {
 +
  content: '';
 +
  display: block;
 +
  position: fixed;
 +
  width: 100%;
 +
  z-index: -1;
 +
}
 +
body.mediawiki::before {
 +
  background: url(http://static.potterworldmc.com/img/website/games_bg.jpg) top -50px left -400px no-repeat;
 +
  background-size: 1700px auto;
 +
  height: 583px;
 +
  top: 0;
 +
}
 +
body.mediawiki::after {
 +
  height: 120px;
 +
  background: linear-gradient(to top, #0d0c1a, transparent);
 +
  top: 385px;
 +
}
 +
 +
.tocnumber {
 +
  color: #c2bcb2 !important;
 +
}
 +
 +
#content { position: relative; z-index: 1; }
 +
 +
#mw-page-base { background: transparent; color: #c2bcb2; }
 +
 +
/* Side bar formatting and layout */
 +
 +
div#mw-panel div.portal div.body{ margin-left: 3px;}
 +
div#mw-panel #p-logo + div.portal { padding-bottom: 15px; }
 +
 +
div#mw-panel div.portal {
 +
  background: none;
 +
  border-bottom: solid 1px #27282E;
 +
}
 +
div#mw-panel div.portal h3,
 +
div#footer ul li {
 +
  color: #c2bcb2;
 +
}
 +
 +
/* Page body formatting */
 +
 +
body.mediawiki .mw-body a.external,
 +
body.mediawiki a,
 +
body.mediawiki div#mw-panel div.portal div.body ul li a { color: #ECBF62 !important; text-decoration:none; }
 +
body.mediawiki .mw-body a.external:hover,
 +
body.mediawiki a:hover,
 +
body.mediawiki div#mw-panel div.portal div.body ul li a:hover,
 +
body.mediawiki .mw-body a.external:focus,
 +
body.mediawiki a:focus,
 +
body.mediawiki div#mw-panel div.portal div.body ul li a:focus { text-decoration: underline; }
 +
 +
.mw-body h1, .mw-body h2,
 +
h1, h2, h3, h4, h5, h6 {
 +
  color: #c2bcb2;
 +
  border: none;
 +
  font-family: 'Merriweather', sans-serif;
 +
  line-height: 1.6
 +
}
 +
 +
 +
/* Vector tab formatting */
 +
 +
div.vectorTabs {
 +
  padding-left: 0 !important;
 +
}
 +
 +
div.vectorTabs ul,
 +
div#mw-head div.vectorMenu h3,
 +
body.mediawiki div.vectorTabs,
 +
body.mediawiki div.vectorTabs li,
 +
body.mediawiki div.vectorTabs ul,
 +
body.mediawiki div.vectorTabs span { background: none; }
 +
body.mediawiki div.vectorTabs a { color: #ecbf61; }
 +
body.mediawiki.x-body #p-namespaces > ul,
 +
body.mediawiki.x-body div.vectorTabs,
 +
body.mediawiki.x-body div.vectorTabs li span { background: none; }
 +
body.mediawiki.x-body div.vectorTabs li a {
 +
  color: #ECBF62;
 +
}
 +
 +
html body.mediawiki div.vectorTabs li span { display: block; }
 +
 +
div#mw-head div.vectorMenu h3 span {
 +
  color: #ECBF62;
 +
  border: solid 1px #3D3E43;
 +
  padding: 4px 2px 4px 8px;
 +
  margin-top: 6px;
 +
  margin-bottom: 2px;
 +
  font-family: sans-serif;
 +
}
 +
div#mw-head div.vectorMenu h3 a {
 +
  height: 35px;
 +
}
 +
html body.mediawiki div.vectorTabs li a { padding-top:5px; margin-top: 5px; }
 +
html body.mediawiki div.vectorTabs li:not(:last-child) a { border-right: solid 1px #3D3E43; }
 +
 +
/* primary content */
 +
.mw-body {
 +
  background: #22222C;
 +
  border: solid 1px #3D3E43;
 +
  color: #c2bcb2;
 +
}
 +
 +
/* secondary content */
 +
#bs-statebar,
 +
.editOptions {
 +
  background: #27282E;
 +
  border: solid 1px #3D3E43;
 +
  color: #c2bcb2;
 +
}
 +
 +
body.mediawiki div.vectorTabs li {
 +
  background: #27282E;
 +
  border-color: #3D3E43;
 +
  border-width: 1px 1px 0 0;
 +
  border-style: solid;
 +
  color: #c2bcb2;
 +
}
 +
body.mediawiki div.vectorTabs li:first-child {
 +
  border-width: 1px 1px 0 1px;
 +
}
 +
html body.mediawiki div.vectorTabs li:not(:last-child) a { border-right: none; }
 +
 +
/* editor */
 +
div.mce-edit-area {
 +
  background: #22222b;
 +
  padding: 0 10px;
 +
  border: solid 1px #3D3E43;
 +
  border-width: 0 1px !important;
 +
}
 +
 +
div.mce-edit-area,
 +
#editform div.mce-tinymce,
 +
.mce-container iframe { background: transparent !important; }
 +
 +
/* More body formatting */
 +
 +
.mw-body .firstHeading {
 +
  border-bottom: solid 1px #3D3E43;
 +
}
 +
#bs-statebar { display: none; }
 +
#toc, .toc { padding: 10px; }
 +
#toc, .toc, .mw-warning, .toccolours {
 +
  background: transparent;
 +
  border-color: #3D3E43;
 +
}
 +
 +
hr {
 +
  background-color: #3D3E43;
 +
  margin: 10px 0;
 +
}
 +
 +
ul {
 +
  list-style: disc;
 +
}
 +
 +
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
 +
  margin: 0.3em 0 0 1.6em;
 +
  padding: 0;
 +
}
 +
 +
/* Table formatting */
 +
 +
table {
 +
  border-spacing: 0;
 +
  border-collapse: collapse;
 +
  background-color: transparent !important;
 +
}
 +
 +
table.wikitable[border="0"],
 +
table.wikitable[border="0"] td,
 +
table[style*="border-width: 0px;"],
 +
table[style*="border-width: 0px;"] td {
 +
  border: none;
 +
}
 +
 +
table th {
 +
  background-color: #3D3E43 !important;
 +
  font-family: 'Merriweather', sans-serif !important;
 +
  letter-spacing: .03em;
 +
  color: #c2bcb2 !important;
 +
  padding: 8px;
 +
  border: solid 1px #3D3E43 !important;
 +
}
 +
 +
table tr {
 +
  color: #c2bcb2;
 +
}
 +
 +
.mw-parser-output > table:first-child tr {
 +
  color: black;
 +
}
 +
 +
.mw-body h2 {font-size: 28px; font-weight: bold;}
 +
.mw-body h3 {font-size: 24px;}
 +
.mw-body h4 {font-size: 20px;}
 +
.mw-body h5 {font-size: 18px;}
 +
.mw-body h6 {font-size: 16px;}
 +
 +
 +
.mw-body table th h1,
 +
.mw-body table th h2,
 +
.mw-body table th h3,
 +
.mw-body table th h4,
 +
.mw-body table th h5,
 +
.mw-body table th h6 {
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 +
table td {
 +
  border-width: 1px;
 +
  border-style: solid;
 +
  border-color: #3D3E43;
 +
  margin: 0;
 +
  padding: 4px 8px;
 +
  line-height: 1.5;
 +
  background-color: transparent !important;
 +
}
 +
 +
.infobox[style*="float:"] td a { color: #0000EE !important; text-decoration: none; }
 +
.infobox[style*="float:"] td a:hover, body.mediawiki .mw-body table.wikitable[style*="float: right;"] tbody td a:focus { text-decoration: underline; }
 +
 +
.mw-content-ltr table ul {
 +
  color: inherit;
 +
  list-style: upper-roman;
 +
  padding: 8px;
 +
}
 +
 +
.mw-content-ltr table li {
 +
  padding-left: 4px;
 +
  margin-bottom: 4px
 +
}
 +
 +
.mw-editsection { display: none; }
 +
 +
body.mediawiki .mw-body .wikitable td a {
 +
    color: #ad6000;
 +
}
 +
 +
.catlinks {
 +
  background-color: #404145;
 +
  border: none;
 +
  border-radius:10px;
 +
  padding:10px
 +
}
 +
 +
/* Moderation plugin features */
 +
.usermessage {
 +
  background-color: #3D3E43; /* Dark gray background */
 +
  color: #c2bcb2; /* Light text color */
 +
  border: 1px solid #ECBF62; /* Golden border */
 +
  padding: 10px;
 +
  border-radius: 5px;
 +
}
 +
 +
.mw-notification {
 +
  background-color: #3D3E43; /* Dark gray background */
 +
  color: #c2bcb2; /* Light text color */
 +
  border: 1px solid #ECBF62; /* Golden border */
 +
  padding: 10px;
 +
  border-radius: 5px;
 +
}
 +
 +
#mw-editing-your-version {
 +
  background-color: #3D3E43 !important; /* Dark gray background */
 +
  color: #c2bcb2 !important; /* Light text color */
 +
  border: 1px solid #ECBF62 !important; /* Golden border */
 +
  padding: 10px !important;
 +
  border-radius: 5px !important;
 +
  margin: 10px !important;
 +
}
 +
 +
 +
/* Global page footer */
 +
#content .permissions-errors { display: none; }
 +
#footer-info::after { font-size: 12px; content: "Potterworld or Droobledore LLC is not in any way affiliated with Mojang AB,\00a0 J.K. Rowling,\00a0 Warner Brothers or any company,\00a0 copyright or trademark."; }
 +
 +
#t-recentchangeslinked, #t-upload, #t-specialpages, #t-info, #t-recentchangeslinked,
 +
#ca-talk { display: none; }
 +
 +
body.mediawiki .mw-body table.wikitable[style*="float:"] td a { color: #260097 !important; text-decoration: underline; }
 +
body.mediawiki .mw-body table.wikitable[style*="float:"] td a:hover, body.mediawiki .mw-body table.wikitable[style*="float: right;"] tbody td a:focus { text-decoration: none; }
 +
 +
#ca-tinymceedit:has(+ #ca-edit) { display: none; }
 +
 +
.usergroup--anonymous #ca-history, .usergroup--user #ca-history, .usergroup--autoconfirmed #ca-history { display: none;}
 +
.usergroup--scribe #ca-history, .usergroup--bureaucrat #ca-history, .usergroup--sysop #ca-history { display: inline-block; }

Latest revision as of 05:35, 13 April 2025

/* Define global page layout and formatting */

@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');
body.mediawiki {
  background-color: #0d0c1a;
  color: #c2bcb2;
  position: relative;
}
body.mediawiki::before, body.mediawiki::after {
  content: '';
  display: block;
  position: fixed;
  width: 100%;
  z-index: -1;
}
body.mediawiki::before {
  background: url(http://static.potterworldmc.com/img/website/games_bg.jpg) top -50px left -400px no-repeat;
  background-size: 1700px auto;
  height: 583px;
  top: 0;
}
body.mediawiki::after {
  height: 120px;
  background: linear-gradient(to top, #0d0c1a, transparent);
  top: 385px;
}

.tocnumber {
  color: #c2bcb2 !important;
}

#content { position: relative; z-index: 1; }

#mw-page-base { background: transparent; color: #c2bcb2; }

/* Side bar formatting and layout */

div#mw-panel div.portal div.body{ margin-left: 3px;}
div#mw-panel #p-logo + div.portal { padding-bottom: 15px; }

div#mw-panel div.portal {
  background: none;
  border-bottom: solid 1px #27282E;
}
div#mw-panel div.portal h3,
div#footer ul li {
  color: #c2bcb2;
}

/* Page body formatting */

body.mediawiki .mw-body a.external,
body.mediawiki a,
body.mediawiki div#mw-panel div.portal div.body ul li a { color: #ECBF62 !important; text-decoration:none; }
body.mediawiki .mw-body a.external:hover,
body.mediawiki a:hover,
body.mediawiki div#mw-panel div.portal div.body ul li a:hover,
body.mediawiki .mw-body a.external:focus,
body.mediawiki a:focus,
body.mediawiki div#mw-panel div.portal div.body ul li a:focus { text-decoration: underline; }

.mw-body h1, .mw-body h2,
h1, h2, h3, h4, h5, h6 {
  color: #c2bcb2;
  border: none;
  font-family: 'Merriweather', sans-serif;
  line-height: 1.6
}


/* Vector tab formatting */

div.vectorTabs {
  padding-left: 0 !important;
}

div.vectorTabs ul,
div#mw-head div.vectorMenu h3,
body.mediawiki div.vectorTabs,
body.mediawiki div.vectorTabs li,
body.mediawiki div.vectorTabs ul,
body.mediawiki div.vectorTabs span { background: none; }
body.mediawiki div.vectorTabs a { color: #ecbf61; }
body.mediawiki.x-body #p-namespaces > ul,
body.mediawiki.x-body div.vectorTabs,
body.mediawiki.x-body div.vectorTabs li span { background: none; }
body.mediawiki.x-body div.vectorTabs li a {
  color: #ECBF62;
}

html body.mediawiki div.vectorTabs li span { display: block; }

div#mw-head div.vectorMenu h3 span {
  color: #ECBF62;
  border: solid 1px #3D3E43;
  padding: 4px 2px 4px 8px;
  margin-top: 6px;
  margin-bottom: 2px;
  font-family: sans-serif;
}
div#mw-head div.vectorMenu h3 a {
  height: 35px;
}
html body.mediawiki div.vectorTabs li a { padding-top:5px; margin-top: 5px; }
html body.mediawiki div.vectorTabs li:not(:last-child) a { border-right: solid 1px #3D3E43; }

/* primary content */
.mw-body {
  background: #22222C;
  border: solid 1px #3D3E43;
  color: #c2bcb2;
}

/* secondary content */
#bs-statebar,
.editOptions {
  background: #27282E;
  border: solid 1px #3D3E43;
  color: #c2bcb2;
}

body.mediawiki div.vectorTabs li {
  background: #27282E;
  border-color: #3D3E43;
  border-width: 1px 1px 0 0;
  border-style: solid;
  color: #c2bcb2;
}
body.mediawiki div.vectorTabs li:first-child {
  border-width: 1px 1px 0 1px;
}
html body.mediawiki div.vectorTabs li:not(:last-child) a { border-right: none; }

/* editor */
div.mce-edit-area {
  background: #22222b;
  padding: 0 10px;
  border: solid 1px #3D3E43;
  border-width: 0 1px !important;
}

div.mce-edit-area,
#editform div.mce-tinymce,
.mce-container iframe { background: transparent !important; }

/* More body formatting */

.mw-body .firstHeading {
  border-bottom: solid 1px #3D3E43;
}
#bs-statebar { display: none; }
#toc, .toc { padding: 10px; }
#toc, .toc, .mw-warning, .toccolours {
  background: transparent;
  border-color: #3D3E43;
}
 
hr {
  background-color: #3D3E43;
  margin: 10px 0;
}

ul {
  list-style: disc;
}

.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
  margin: 0.3em 0 0 1.6em;
  padding: 0;
}

/* Table formatting */

table {
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent !important;
}

table.wikitable[border="0"], 
table.wikitable[border="0"] td, 
table[style*="border-width: 0px;"], 
table[style*="border-width: 0px;"] td {
  border: none;
}

table th {
  background-color: #3D3E43 !important;
  font-family: 'Merriweather', sans-serif !important;
  letter-spacing: .03em;
  color: #c2bcb2 !important;
  padding: 8px;
  border: solid 1px #3D3E43 !important;
}

table tr {
  color: #c2bcb2;
}

.mw-parser-output > table:first-child tr {
  color: black;
}

.mw-body h2 {font-size: 28px; font-weight: bold;}
.mw-body h3 {font-size: 24px;}
.mw-body h4 {font-size: 20px;}
.mw-body h5 {font-size: 18px;}
.mw-body h6 {font-size: 16px;}


.mw-body table th h1,
.mw-body table th h2,
.mw-body table th h3,
.mw-body table th h4,
.mw-body table th h5,
.mw-body table th h6 {
  margin: 0;
  padding: 0;
}

table td {
  border-width: 1px;
  border-style: solid;
  border-color: #3D3E43;
  margin: 0;
  padding: 4px 8px;
  line-height: 1.5;
  background-color: transparent !important;
}

.infobox[style*="float:"] td a { color: #0000EE !important; text-decoration: none; }
.infobox[style*="float:"] td a:hover, body.mediawiki .mw-body table.wikitable[style*="float: right;"] tbody td a:focus { text-decoration: underline; }

.mw-content-ltr table ul {
  color: inherit;
  list-style: upper-roman;
  padding: 8px;
}

.mw-content-ltr table li {
  padding-left: 4px;
  margin-bottom: 4px
}

.mw-editsection { display: none; }

body.mediawiki .mw-body .wikitable td a {
    color: #ad6000;
}

.catlinks {
  background-color: #404145;
  border: none;
  border-radius:10px;
  padding:10px
}

/* Moderation plugin features */
.usermessage {
  background-color: #3D3E43; /* Dark gray background */
  color: #c2bcb2; /* Light text color */
  border: 1px solid #ECBF62; /* Golden border */
  padding: 10px;
  border-radius: 5px;
}

.mw-notification {
  background-color: #3D3E43; /* Dark gray background */
  color: #c2bcb2; /* Light text color */
  border: 1px solid #ECBF62; /* Golden border */
  padding: 10px;
  border-radius: 5px;
}

#mw-editing-your-version {
  background-color: #3D3E43 !important; /* Dark gray background */
  color: #c2bcb2 !important; /* Light text color */
  border: 1px solid #ECBF62 !important; /* Golden border */
  padding: 10px !important;
  border-radius: 5px !important;
  margin: 10px !important;
}


/* Global page footer */
#content .permissions-errors { display: none; }
#footer-info::after { font-size: 12px; content: "Potterworld or Droobledore LLC is not in any way affiliated with Mojang AB,\00a0 J.K. Rowling,\00a0 Warner Brothers or any company,\00a0 copyright or trademark."; }

#t-recentchangeslinked, #t-upload, #t-specialpages, #t-info, #t-recentchangeslinked, 
#ca-talk { display: none; }

body.mediawiki .mw-body table.wikitable[style*="float:"] td a { color: #260097 !important; text-decoration: underline; }
body.mediawiki .mw-body table.wikitable[style*="float:"] td a:hover, body.mediawiki .mw-body table.wikitable[style*="float: right;"] tbody td a:focus { text-decoration: none; }

#ca-tinymceedit:has(+ #ca-edit) { display: none; }

.usergroup--anonymous #ca-history, .usergroup--user #ca-history, .usergroup--autoconfirmed #ca-history { display: none;}
.usergroup--scribe #ca-history, .usergroup--bureaucrat #ca-history, .usergroup--sysop #ca-history { display: inline-block; }
Retrieved from ‘https://wiki.potterworldmc.com/index.php?title=MediaWiki:Common.css&oldid=10799’