MediaWiki:Common.css: Difference between revisions
From koreapedia
Created page with "→CSS placed here will be applied to all skins: #p-logo a { background-position: center center; background-repeat: no-repeat; display: block; width: 2em; height: 40px; text-decoration: none; }" |
No edit summary |
||
| (11 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* | .skin-chameleon .chameleon-logo img { | ||
# | max-width: 30px; /* desired width */ | ||
background- | max-height: 30px; /* desired height */ | ||
background- | height: auto; | ||
width: auto; | |||
width: | } | ||
text-decoration: none; | /* ============================== | ||
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;
}
