Toggle menu
20
62
5
836
Irontide Fantasy Roleplay
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
Created page with "CSS placed here will be applied to all skins: Category buttons container: .category-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; justify-content: center; center align: } Button styling: .category-buttons a { display: inline-block; padding: 10px 20px; background-color: #2a1a0f; color: #d4a017; font-weight: bold; text-decoration: none; border-radius: 5px; border: 2px solid #d4a017; transition: al..."
 
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* Body and general theme */
/* Category buttons container */
body {
.category-buttons {
    background-color: #1b1814;
  display: flex;
    color: #f3e8d0;
  flex-wrap: wrap;
    font-family: 'MedievalSharp', 'UnifrakturCook', Georgia, serif;
  gap: 10px;
  margin-bottom: 20px;
  justify-content: center; /* center align */
}
}


/* Button styling */
/* Sidebar and headers */
.category-buttons a {
#mw-panel, #mw-head {
  display: inline-block;
    background-color: #2b241e;
  padding: 10px 20px;
    color: #f3e8d0;
  background-color: #2a1a0f;
  color: #d4a017;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
  border: 2px solid #d4a017;
  transition: all 0.2s;
}
}


.category-buttons a:hover {
/* Links */
  background-color: #d4a017;
a {
  color: #2a1a0f;
    color: #c72c41;
  cursor: pointer;
}
  transform: translateY(-2px);
a:hover {
    color: #d4a017;
}
 
/* Top buttons */
.top-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
 
.top-buttons a {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    background-color: #2b241e;
    color: #d4a017;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #a67c00;
    border-radius: 5px;
    font-family: 'UnifrakturCook', serif;
    transition: all 0.2s;
}
 
.top-buttons a:hover {
    background-color: #d4a017;
    color: #2b241e;
    transform: translateY(-2px);
}
 
.top-buttons a img {
    height: 20px;
    width: 20px;
    margin-right: 8px;
}
 
/* Content boxes */
#content {
    border: 2px solid #a67c00;
    padding: 20px;
    background-color: #2b241e;
    border-radius: 8px;
}
 
/* Tables */
table {
    border: 2px solid #a67c00;
    background-color: #2b241e;
    color: #f3e8d0;
}
th {
    background-color: #3b2b1f;
}
}

Revision as of 23:55, 14 November 2025

/* Body and general theme */
body {
    background-color: #1b1814;
    color: #f3e8d0;
    font-family: 'MedievalSharp', 'UnifrakturCook', Georgia, serif;
}

/* Sidebar and headers */
#mw-panel, #mw-head {
    background-color: #2b241e;
    color: #f3e8d0;
}

/* Links */
a {
    color: #c72c41;
}
a:hover {
    color: #d4a017;
}

/* Top buttons */
.top-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.top-buttons a {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    background-color: #2b241e;
    color: #d4a017;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #a67c00;
    border-radius: 5px;
    font-family: 'UnifrakturCook', serif;
    transition: all 0.2s;
}

.top-buttons a:hover {
    background-color: #d4a017;
    color: #2b241e;
    transform: translateY(-2px);
}

.top-buttons a img {
    height: 20px;
    width: 20px;
    margin-right: 8px;
}

/* Content boxes */
#content {
    border: 2px solid #a67c00;
    padding: 20px;
    background-color: #2b241e;
    border-radius: 8px;
}

/* Tables */
table {
    border: 2px solid #a67c00;
    background-color: #2b241e;
    color: #f3e8d0;
}
th {
    background-color: #3b2b1f;
}