User:Garzfoth/common.css
Appearance
Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump. This code will be executed when previewing this page. |
![]() | The accompanying .js page for this skin is at User:Garzfoth/common.js. |
/*#p-cactions-label span { display: none; }
#p-cactions-label { width: 25px; } */
#p-cactions-label { display: none; }
#coordinates {
top: 4em!important;
}
/* ul.special */
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
margin-left: 1.6em!important;
}
.editpage-additional-help {
margin-bottom: 5px;
border-bottom: 1px dashed black;
margin-top: 4px;
border-top: 1px dashed black;
}
.editpage-additional-help a {
background-color: #f9f9f9;
border: 1px solid #ddd;
padding: 1px 4px;
}
#wpSummaryWidget {
margin-bottom: 0!important;
width: 98%!important;
}
.editCheckboxes {
margin-bottom: 0!important;
}
/* Puts that annoying long disclaimer into one nice tiny yet still just barely readable line at my default browser window width */
#editpage-copywarn {
font-size: 6.7px!important;
}
#editpage-copywarn > p {
margin: 0!important;
}
/* Makes that mostly useless waste of space a more useful size proportional to its usefulness (at least in my case with all my custom separately-defined shortcuts) */
#editpage-specialchars {
max-height: 24px!important; /* prev 16px with no padding changes */
overflow: auto!important;
padding: 0.2em 1em!important;
}
.editButtons > .cancelLink {
display: none;
}
.editOptions {
padding-top: 0.5em!important;
}
/* oo-js can go oo-ck itself. */
/* huh, I think Mediawiki/Wikipedia finally fixed the bug, so this shouldn't be needed anymore... */
/*.editCheckboxes .oo-ui-checkboxInputWidget [type='checkbox'] {
width: 1em!important;
height: 1em!important;
}
.editCheckboxes .oo-ui-checkboxInputWidget [type='checkbox'] + span {
width: 1em!important;
height: 1em!important;
}
.editCheckboxes .oo-ui-checkboxInputWidget {
line-height: 1em!important;
}
.editCheckboxes {
line-height: 1em!important;
}*/
/* See [[mw:Reference Tooltips]] // https://en.wikipedia.org/wiki/MediaWiki:Gadget-ReferenceTooltips.css */
.referencetooltip {
position: absolute;
list-style: none;
list-style-image: none;
opacity: 0;
font-size: 10px;
margin: 0;
z-index: 5;
padding: 0;
}
.referencetooltip li {
border: #080086 2px solid;
max-width: 260px;
padding: 10px 8px 13px 8px;
margin: 0px;
background-color: #F7F7F7;
box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
}
.referencetooltip li+li {
margin-left: 7px;
margin-top: -2px;
border: 0;
padding: 0;
height: 3px;
width: 0;
background-color: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border-top: 12px #080086 solid;
border-right: 7px transparent solid;
border-left: 7px transparent solid;
}
.referencetooltip>li+li::after {
content: '';
border-top: 8px #F7F7F7 solid;
border-right: 5px transparent solid;
border-left: 5px transparent solid;
margin-top: -12px;
margin-left: -5px;
z-index: 1;
height: 0;
width: 0;
display: block;
}
.client-js body .referencetooltip li li {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
width: auto;
margin: auto;
padding: 0;
position: static;
}
.RTflipped {
padding-top: 13px;
}
.referencetooltip.RTflipped li+li {
position: absolute;
top: 2px;
border-top: 0;
border-bottom: 12px #080086 solid;
}
.referencetooltip.RTflipped li+li::after {
border-top: 0;
border-bottom: 8px #F7F7F7 solid;
position: absolute;
margin-top: 7px;
}
.RTsettings {
float: right;
height: 20px;
width: 20px;
cursor: pointer;
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/0/05/OOjs_UI_icon_advanced.svg/24px-OOjs_UI_icon_advanced.svg.png);
background-image: linear-gradient(transparent, transparent), url(//upload.wikimedia.org/wikipedia/commons/0/05/OOjs_UI_icon_advanced.svg);
margin-top: -9px;
margin-right: -7px;
-webkit-transition: opacity 0.15s;
-moz-transition: opacity 0.15s;
-o-transition: opacity 0.15s;
-ms-transition: opacity 0.15s;
transition: opacity 0.15s;
opacity: 0.6;
filter: alpha(opacity=60);
}
.RTsettings:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.RTTarget {
border: #080086 2px solid;
}
/* For Twinkle */
form.quickform textarea {
font-size: 125%!important;
}
#siteSub {
display: inline-block!important;
width: 100%!important;
}
/*
"Temporary" hotfix/enhancement for some issues with displayNumberOfTags.js ([[User:Ugog Nizdast/displayNumberOfTags.js]]).
At some point I'll just copy the script to my namespace and fix this issue (as well as a number of others) directly, but I don't feel like dealing with all of that at the moment when this alternative is so much easier to implement.
*/
#msg {
right: 6px; /* anywhere from 4px to 12px is good; 6px seems to be the sweet spot */
/* the rest of these are really just debug/test changes that I may need again down the line */
/* padding: 3px 4px; */
/* border-radius: 5px; */
/* border: 1px solid black; */
/* opacity: 30%; */ /* I may want to modify the default behavior to do some sort of variable opacity (e.g. only 100% on mouseover). */
}