User:Cryptic/cologneblue.css

/* <pre><nowiki> */
/* link colors */
a:link { color:blue; }
a:link:hover { color: #FFFF00 !important; }
a.external:link { color: #3366BB; }
a.external:visited { color: #BB33BB; }
a.extiw:link { color: #4488FF; }
a.extiw:visited { color: #FF66FF; }
a.stub { text-decoration: underline !important; }
a.stub:link { color: #000044; }
a.stub:visited { color: #660066; }
a.modified:link { color: #007700; }
a.modified:visited { color: #779977; }
a.modified.stub:link { color: #007700; }
a.modified.stub:visited { color: #779977; }
a:visited { color: #800080; }
a:visited:hover { color: #FFFF00 !important; }
a.new:link { color:rgb(204,34,0); }
a.new:visited { color:rgb(153,25,0); }
a.new:link:hover, a.new:visited:hover { color:#FFFF00 !important; }
a.feedlink { background-image:none !important; } /* Remove irritating atom logo */
a.mw-echo-notifications-badge { display: none; } /* 0 notifications - don't display at all */
a.mw-echo-unread-notifications { /* 1+ notifications - almost exactly the same as #pt-notifications.mw-echo-notifications-badge.me-echo-unread-notifications, but eliminate the #pt-notification id since I move it into the footer and out of its list in local javascript */
  display: inline !important; /* since it gets .mw-echo-notifications-badge, too, hidden above */
  min-width: 7px;
  border-radius: 2px 2xp 2px 2px;
  padding: 0.25em 0.45em 0.2em;
  text-align: center;
  font-weight: bold;
  color: white;
  text-decoration: none;
  background-color: rgb(204, 0, 0);
}

/* Suppress various warnings under (and now over, too) the edit box.  Get the feeling that nobody's paying attention? */
#editpage-copywarn, #editpage-copywarn2, #editpage-copywarn3, #newarticletext { display: none; }

/* Make these big enough to see */
#editpage-specialchars { font-size: medium; }
#editpage-specialchars p { margin: 0; }
#specialchars { font-size: medium; }

/* Fix damn horizontally stacking images */
div.tright, div.floatright, table.floatright { clear: right; }
div.tleft, div.floatleft, table.floatleft { clear: left; }

/* Imprison pre-formatted stuff in a box, like in Monobook */
pre { padding: 1em; border: 1px dashed #2f6fab; color: Black; background-color: #f9f9f9; line-height: 1.1em; }

/* Remove Wikipedia logo */
div#topbar img { display: none; }

/* Remove search form.  I wish this had a more specific class or id, but this doesn't seem to hit anything else at present. */
form.inline { display:none; }

/* Floating TOC */
#toc { float: right; margin: 0 0 0 1em; padding: 0.5em; width: 18em; }

/* Fix stupid bold "save page" */
#wpSave { font-weight: normal !important; }

/* Everyone assumes that everyone else uses monobook, and omits necessary formatting accordingly.  I'm tired of cleaning up after them. */
img { border: none; vertical-align: middle; }

/* Make sitenotice nonannoying */
#siteNotice { border:none; position:absolute; top: 9px; float: right; left: 600px; font-size: 90%; color:#ccbbaa; }
#siteNotice p { margin:0; }
#siteNotice a { color:#bbccff; }

/* Turn off pure fundraising sitenotices.  That gigantic box is just too fugly. */
#siteNotice #fundraising, #siteNotice #pabanner { display:none; }

/* Must - resist - urge - never - to - donate - again.  (And I'm tired of null-routing meta.) */
#siteNoticeSmall { display:none; }
#siteNoticeBig { display:none; }
.fundraiser-box { display: none; }
.fundraiser-folded { display: none; }

/* Close up whitespace in topbar and after tagline */
p.subtitle { margin-bottom: 0; }

/* Hide cruft on [[CAT:CSD]] */
#catcsdhide { display:none; }
#catcsdhide2 { display:none; }

/* and on talk pages (!) */
#talkpagetext { display:none; }

/* So I stop overlooking it */
#protectedpagewarning { text-decoration: blink; }

.allpagesredirect { font-size: smaller; }

div.non-commercial-from-license-selector-body, div.permission-from-license-selector-body { display: none; }

div.topicon {
  position:absolute; 
  z-index:100; 
  top:10px;
  right:10px;
  display: block !important;
}

.history-size { color: #a0a0a0; }

/* Whose bright idea was it to make diffs illegibly small? */
td.diff-addedline { font-size: medium !important; }
td.diff-deletedline { font-size: medium !important; }
td.diff-context { font-size: medium !important; }
.diffchange { white-space: normal !important; }
.diffchange-inline { border-bottom: 1px dotted red; }

/* turn off fugly diff borders */
td.diff-addedline, td.diff-deletedline, td.diff-context
{
  border-radius: 0 0 0 0 !important;
  border-width: 0 !important;
}

/* and fugly updated notifications */
span.updatedmarker, #mw-watchlist-resetbutton { display:none; }
.skin-cologneblue li.mw-changeslist-line-watched,.skin-cologneblue li.mw-history-line-updated,.skin-cologneblue li.mw-changeslist-line-not-watched,ul#pagehistory { list-style: none none; }

/* how utterly annoying */
.mw-changeslist-legend { display:none; }

/* Covers article content!  What fucking idiot came up with this? */
#mwe-pt-toolbar { display:none !important; }

#mw-sopaOverlay, #mw-fr-watchlist-pending-notice { display:none !important; }

/* Remove irritations, restore look-and-feel of Classic, the One True Skin */
#mw-articlefeedback, #siteNotice, #mw-panel, #mw-footer-info-copyright, #quickbar, #toplinks, #siteNotice, #sitetitle, #sitesub, #langlinks, #titlelinks, #searchform-footer, #contactus { display:none; }
#searchform-footer { display:none !important; }
.diff-context { background-color: #eeeeee !important; }
.diff-deletedline { background-color: #ffffaa !important; }
td.diff-deletedline .diffchange { border:none !important; background-color: #ffffcc !important; color: red !important; }
td.diff-addedline { background-color: #ccffcc !important; }
td.diff-addedline .diffchange { border:none !important; background-color: #ddffff !important; color: red !important; }
#article, #article td, #article th, #article p, #article li, #article dd, #article dt { font-family: "Times new roman" !important; font-size: 12pt !important; line-height: 15pt !important; }
.navpopup, #catlinks { font-family: "Times new roman"; }
input { font-size: 10pt; }
.wpReasonDropDown option, .wpReasonDropDown optgroup { font-size: 10pt; }
#article p { margin-bottom: 20px !important; }
h1#firstHeading { color: black; font-family: "Times new roman" !important; font-size: 18pt !important; margin:0px !important;}
p.tagline:nth-of-type(1) { display:none !important; }
#article, #footer { margin-left: 7px !important; }
#file-namespace-editnotice, .editpage-head-copywarn { display:none !important; }

/* Hide rollback links; I tend to click them by accident.  Local javascript turns them back on. */
.mw-rollback-link { display:none; }

/* Newbie tip: using position:absolute to place things outside of where *your* content div happens to be doesn't put it outside of everyone's. */
.pageNavBox { display:none !important; }

/* Some vertical space between revision-delete reason and submit button, since the latter tends to get covered by my browser's dropdown */
#mw-revdel-form-revisions .mw-submit input { margin-top:3em; }

/* Widen the reason-for-deletion fields to almost the full width of my (usual) screen.  Width:100% (or even other large percentages) doesn't work right in the delete-file screen, for reasons I can't be bothered to figure out. */
#mw-deleteconfirm-table #wpReason, #mw-img-deleteconfirm-table #wpReason { width:1700px; }

/* Widen normal edit summary field to full width and remove distracting uselessness */
#wpSummaryWidget { width: 99.5% !important; }
input#wpSummary { width: 100% !important; padding: 0 !important; transition: none !important; font-family:"Consolas" !important; }

/* Annoying and unhelpful */
#mw-indicator-mw-helplink { display:none !important; }
* { text-shadow: none !important; }

/* If I wanted this distraction, I'd use the gadget that enables it */
.mw-changeslist-line-watched .mw-title { font-weight: inherit; }

/* remove useless cancel/help links from edit button area */
.editOptions .cancelLink, .editOptions .editHelp { display: none; }

/* edit summary character count isn't completely useless, but it's too prominent, is misaligned on the right, and it overlaps the summary field (!).  Move it above the summary entirely, so it doesn't get covered by the browser drop-down. */
.oo-ui-textInputWidget > .oo-ui-labelElement-label { opacity: 0.25; top: -21px; padding: 0; }

/* ooui buttons: reset as much of this as possible.  Why the fuck can't they keep the mobile styling in the mobile skin? */
#wpConfirmB, .oo-ui-buttonElement-button
{
  padding: 1px 0.5em 1px 0.5em !important;
  border: 1px solid ThreeDDarkShadow !important;
  background-color: ButtonFace !important; color: ButtonText !important;
  border-radius: 3px !important;
  font: -moz-button !important;
  transition: none !important;
  background-image: linear-gradient(to bottom,#eee,#eee 50%,#ccc 100%) !important;
}
input[type=text] { width: 99% !important; }

/* Don't display my deletions in my watchlist */
.mw-changeslist-log-delete.mw-changeslist-self { display: none; }

/* Clean up wasted space on delete page */
form#deleteconfirm > fieldset#mw-delete-table > legend { display: none !important; }
.deletepage-wrapper { border: none !important; padding: 0 !important; }
.oo-ui-labelElement-label[for=wpDeleteReasonList] { display: none !important; }
.oo-ui-labelElement-label[for=wpReason] { display: none !important; }
.mw-delete-editreasons { float: right !important; }

/* remove history slider - it's misplaced, distracting, and I never use it */
.mw-revslider-container { display: none !important; }

/* </nowiki></pre> */