MediaWiki:Common.css: Difference between revisions

From Ultimate Dragon Ball Online Wiki

No edit summary
Ravenalien (talk | contribs)
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* =========================
  EXISTING STYLES (unchanged)
  ========================= */
 
.main-column {
.main-column {
    /* padding: 2.25em 2em; */
     padding-top: 2em;
     padding-top: 2em;
     padding-bottom: 2em;
     padding-bottom: 2em;
}
}
div#mw-navigation {
div#mw-navigation {
     align-content: center;
     align-content: center;
}
}
#p-logo .mw-wiki-logo {
#p-logo .mw-wiki-logo {
     width: 7.5em;
     width: 7.5em;
Line 16: Line 15:
     margin-top: -1.5em;
     margin-top: -1.5em;
}
}
 
.wikitable {  
.wikitable {
   
 
}
}
 
.wikitable > tr > th,  
.wikitable > tr > th, .wikitable > * > tr > th {
.wikitable > * > tr > th {
background-color: #2161c0;
background-color: #2161c0;
color: white;
color: white;
}
}
#toc.toc {
#toc.toc {
     padding: 10px;
     padding: 10px;
}
}
#p-tb {
#p-tb {
     display: none;
     display: none;
}
/* =========================
  MATERIAL UI–LIKE STYLES
  ========================= */
/* Primary color: #3577BD; Hover: #4C8DCE */
.material-card {
  background-color: #ffffff; /* surface */
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.24);
  padding: 16px;
  margin: 16px 0;
}
.material-heading {
  color: #212121; /* primary text */
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 1.25rem;
}
.material-body {
  color: #757575; /* secondary text */
  font-size: 0.95rem;
  line-height: 1.4;
}
.material-button {
  background-color: #3577BD; /* primary */
  color: #ffffff !important;
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
  transition: background-color 0.2s;
}
.material-button:hover {
  background-color: #4C8DCE; /* lighter hover color */
}
}

Revision as of 02:41, 26 February 2025

/* =========================
   EXISTING STYLES (unchanged)
   ========================= */

.main-column {
    padding-top: 2em;
    padding-bottom: 2em;
}
div#mw-navigation {
    align-content: center;
}
#p-logo .mw-wiki-logo {
    width: 7.5em;
    height: 5.5em;
    margin-top: -1.5em;
}
.wikitable { 
    
}
.wikitable > tr > th, 
.wikitable > * > tr > th {
	background-color: #2161c0;
	color: white;
}
#toc.toc {
    padding: 10px;
}
#p-tb {
    display: none;
}

/* =========================
   MATERIAL UI–LIKE STYLES 
   ========================= */

/* Primary color: #3577BD; Hover: #4C8DCE */
.material-card {
  background-color: #ffffff; /* surface */
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.24);
  padding: 16px;
  margin: 16px 0;
}

.material-heading {
  color: #212121; /* primary text */
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 1.25rem;
}

.material-body {
  color: #757575; /* secondary text */
  font-size: 0.95rem;
  line-height: 1.4;
}

.material-button {
  background-color: #3577BD; /* primary */
  color: #ffffff !important;
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
  transition: background-color 0.2s;
}
.material-button:hover {
  background-color: #4C8DCE; /* lighter hover color */
}