MediaWiki:Common.css: Difference between revisions

From koreapedia
Chameleon skin logo resize
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Chameleon skin logo resize */
.skin-chameleon .chameleon-logo img {
.skin-chameleon .mw-logo {
     max-width: 30px;  /* desired width */
     max-width: 20px;  /* adjust width */
     max-height: 30px;  /* desired height */
     max-height: 20px;  /* adjust height */
     height: auto;
     height: auto;
    width: auto;
}
/* ==============================
  Global Infobox Styling
  ============================== */
/* .infobox {
  border: 1px solid #a2a9b1;
  background: #f9f9f9;
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 280px;
  border-collapse: collapse;
  font-size: 95%;
}
.infobox th,
.infobox td {
  border: 1px solid #eaecf0;
  padding: 0.4em;
  vertical-align: top;
}
.infobox-title {
  text-align: center;
  padding: 0.6em;
  background: #eceff1;
  font-weight: 600;
  font-size: 110%;
}
.infobox-image {
  text-align: center;
  padding: 0.4em;
}
.infobox-caption {
  text-align: center;
  font-size: 90%;
  color: #54595d;
  padding: 0.3em;
}
.infobox-label {
  text-align: left;
  width: 35%;
  background: #f2f3f4;
  font-weight: 600;
}
.infobox-data {
  padding: 0.4em;
}
*/
.infobox { border:1px solid #a2a9b1; background:#f9f9f9; float:right; clear:right; margin:0 0 1em 1em; width:280px; border-collapse:collapse; font-size:95%; }
.infobox th, .infobox td { border:1px solid #eaecf0; padding:0.4em; vertical-align:top; }
.infobox-title { text-align:center; padding:0.6em; background:#eceff1; font-weight:600; font-size:110%; }
.infobox-image { text-align:center; padding:0.4em; }
.infobox-caption { text-align:center; font-size:90%; color:#54595d; padding:0.3em; }
.infobox-label { text-align:left; width:35%; background:#f2f3f4; font-weight:600; }
.infobox-data { padding:0.4em; }
/* Single-column Google Translate menu (crop right "featured" column) */
iframe.goog-te-menu-frame,
iframe[id*="goog-te-menu"],
iframe[src*="translate.googleapis.com"],
iframe[src*="translate.google.com"] {
  width: 500px !important;
  max-width: 500px !important;
  border: 0 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
  border-radius: 8px !important;
  -webkit-clip-path: inset(0 160px 0 0) !important;
  clip-path: inset(0 160px 0 0) !important;
}
/* Optional: tidy trigger button */
#google_translate_element .goog-te-gadget-simple {
  border: 1px solid #d0d7de !important;
  border-radius: 6px !important;
  padding: 2px 8px !important;
  background: #fff !important;
}
#google_translate_element .goog-te-gadget-simple a {
  text-decoration: none !important;
  color: #1f2328 !important;
}
}

Latest revision as of 16:36, 15 October 2025

.skin-chameleon .chameleon-logo img {
    max-width: 30px;   /* desired width */
    max-height: 30px;   /* desired height */
    height: auto;
    width: auto;
}

/* ==============================
   Global Infobox Styling
   ============================== */
/* .infobox {
  border: 1px solid #a2a9b1;
  background: #f9f9f9;
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 280px;
  border-collapse: collapse;
  font-size: 95%;
}

.infobox th,
.infobox td {
  border: 1px solid #eaecf0;
  padding: 0.4em;
  vertical-align: top;
}

.infobox-title {
  text-align: center;
  padding: 0.6em;
  background: #eceff1;
  font-weight: 600;
  font-size: 110%;
}

.infobox-image {
  text-align: center;
  padding: 0.4em;
}

.infobox-caption {
  text-align: center;
  font-size: 90%;
  color: #54595d;
  padding: 0.3em;
}

.infobox-label {
  text-align: left;
  width: 35%;
  background: #f2f3f4;
  font-weight: 600;
}

.infobox-data {
  padding: 0.4em;
}
*/

.infobox { border:1px solid #a2a9b1; background:#f9f9f9; float:right; clear:right; margin:0 0 1em 1em; width:280px; border-collapse:collapse; font-size:95%; }
.infobox th, .infobox td { border:1px solid #eaecf0; padding:0.4em; vertical-align:top; }
.infobox-title { text-align:center; padding:0.6em; background:#eceff1; font-weight:600; font-size:110%; }
.infobox-image { text-align:center; padding:0.4em; }
.infobox-caption { text-align:center; font-size:90%; color:#54595d; padding:0.3em; }
.infobox-label { text-align:left; width:35%; background:#f2f3f4; font-weight:600; }
.infobox-data { padding:0.4em; }


/* Single-column Google Translate menu (crop right "featured" column) */
iframe.goog-te-menu-frame,
iframe[id*="goog-te-menu"],
iframe[src*="translate.googleapis.com"],
iframe[src*="translate.google.com"] {
  width: 500px !important;
  max-width: 500px !important;
  border: 0 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
  border-radius: 8px !important;
  -webkit-clip-path: inset(0 160px 0 0) !important;
  clip-path: inset(0 160px 0 0) !important;
}

/* Optional: tidy trigger button */
#google_translate_element .goog-te-gadget-simple {
  border: 1px solid #d0d7de !important;
  border-radius: 6px !important;
  padding: 2px 8px !important;
  background: #fff !important;
}
#google_translate_element .goog-te-gadget-simple a {
  text-decoration: none !important;
  color: #1f2328 !important;
}