Difference between revisions of "MediaWiki:Vector.css"

From NetHackWiki
Jump to navigation Jump to search
(rm apparently useless #bodyContent { background-color: #ffffff; } rule that was causing the line under the page title to be hidden; see User talk:Paxed#Some pages are missing the line under the article title)
Line 184: Line 184:
  
 
/* talk page and forum page "responses" */
 
/* talk page and forum page "responses" */
body.page-NetHackWiki_Community_Portal #bodyContent,
 
body.ns-talk #bodyContent,
 
body.ns-110 #bodyContent {
 
  background-color:#ffffff;
 
}
 
 
body.page-NetHackWiki_Community_Portal dd,
 
body.page-NetHackWiki_Community_Portal dd,
 
body.page-NetHackWiki_Community_Portal dd dd dd dd,
 
body.page-NetHackWiki_Community_Portal dd dd dd dd,

Revision as of 16:28, 7 May 2012

/* CSS placed here will affect users of the Vector skin */

body {
  color: black;
}

/* keep superscript and subscript text from breaking the line-spacing */
#bodyContent sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
#bodyContent sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}

fieldset {
    border:1px solid #2F6FAB;
    background-color: #f0f0f0;
}
#preferences fieldset { background-color:inherit; }

/* https://bugzilla.wikimedia.org/show_bug.cgi?id=23708 */
pre.css.source-css,               /* MediaWiki:*.css, User:*.css */
pre.javascript.source-javascript, /* MediaWiki:*.js, User:*.js */
div.mw-geshi pre,                 /* source enclose="pre" */
div.mw-geshi div,                 /* source enclose="div" */
span.mw-geshi                     /* source enclose="none" */ {
    font-family: monospace, sans-serif !important;
}
tt, code, pre, textarea {
   font-family: monospace, sans-serif;
}

tt {
   background: #f8f8f8;
   border: 1px dashed #ddd;
}

/* For positioning icons at top-right, taken from http://en.wikipedia.org/w/index.php?title=MediaWiki:Vector.css&oldid=395960704 */
div.topicon {
  position: absolute;
  top: -4em;
  margin-right: -10px;
  display: block !important;
}

#mw-panel {
  padding-top: 0 !important;
}
#mw-panel #p-navigation h5 {
  display: none;
}
#mw-panel #p-navigation div.body {
  background-image: none;
}

/* TOC */
#toc li a { display:inline-block; width: 100%; border-radius:0.5em; -moz-border-radius:0.5em; }
#toc li a:hover { background-color:#e8e8e8; }
/* [[Template:Float left]] and [[Template:Float right]] + TOC */
.floatright #toc { margin-left:0.25em; padding-left:0.25em; }
.floatleft #toc { margin-right:0.25em; padding-right:0.25em; }

/* side panel */
#mw-panel .portal .body { margin-left: 0.75em !important; }
#mw-panel .body li { padding:0 !important; margin:0; line-height:1em !important; }
#mw-panel .body li a { display:inline-block; width:90%; padding:0.25em; margin:0; border-radius:0.5em; -moz-border-radius:0.5em; }
#mw-panel .body li a:hover { background-color:#e8e8e8; }
#mw-panel .body a.feedlink { padding-left:16px !important; }

/* my profile/talk/prefs/watchlist/contribs/logout links up top */
#mw-head #p-personal li { margin-left:0; }
#mw-head #p-personal li a { padding:0.25em; border-radius:0.5em; -moz-border-radius:0.5em; }
#mw-head #p-personal li.active a,
#mw-head #p-personal li a:hover { background-color:#f0f0f0; }

/* footer stuff */
#footer-info li { display: inline; }
#footer-places li a { padding:0.25em; border-radius:0.5em; -moz-border-radius:0.5em; }
.page-NetHackWiki_About #footer-places-about a,
.page-NetHackWiki_General_disclaimer #footer-places-disclaimer a,
#footer-places li a:hover { background-color:#e8e8e8; }

/* side panel, perm hilite when on particular page */
body.page-Dungeon_feature #n-Dungeon-Features a,
body.page-Monster #n-Monsters a,
body.page-Property #n-In\.2FExtrinsics a,
body.page-Item #n-Items a,
body.page-Spellbook #n-Spells a,
body.page-Options #n-Game-options a,
body.page-Websites #n-Websites a,
body.page-Special_SpecialPages #t-specialpages a,
body.page-Special_Upload #t-upload a,
body.page-NetHackWiki_Current_projects #n-Current-projects a,
body.page-NetHackWiki_How_to_help #n-help a,
body.page-NetHackWiki_Style_guide #n-Style-guide a,
body.page-Main_Page #p-navigation #n-NetHack-Wiki a,
body.ns-110 #p-navigation #n-Forum a,
body.page-NetHackWiki_Community_Portal #p-navigation #n-portal a,
body.page-Special_RecentChanges #p-navigation #n-recentchanges a { background-color:#e8e8e8; }

/* actions "popup" menu */
#p-cactions .menu li a:hover { background-color: #e0e0e0; }


/* category list pages, eg [[Category:Todo]] */
#mw-pages h3 { padding-left:1em; padding-top:1em; border-top:2px solid #909090; font-size:1.75em; }
#mw-pages td h3:first-child { border:none; }
#mw-pages ul { list-style:none; }
#mw-pages ul li { padding:0.1em; margin:0; }
#mw-pages ul li:nth-child(odd) { background-color: #f0f0f0; }
#mw-pages ul li:hover { background-color: #e0e0e0; }
#mw-pages ul li a { display:inline-block; width:100%; padding-left:1em; }
#mw-pages td ul { margin:0.25em; margin-bottom:1em; }

/* input fields */
select:focus,
textarea:focus,
input:focus {
  background-color: #fffff8;
  outline: 1px solid #ffff80;
}

/* disabled fields with labels after them */
input:disabled:checked + label,
input:disabled + label {
  color: #a0a0a0;
}
/* better UI for checkboxes and radio buttons labels */
input[type=radio] + label,
input[type=checkbox] + label {
  padding:0.1em 0.5em;
  border-radius:0.5em;
  -moz-border-radius:0.5em;
}
input[type=radio] + label:hover,
input[type=checkbox] + label:hover {
  background-color:#e0e0e0;
}
input[type=radio]:checked + label,
input[type=checkbox]:checked + label {
  text-shadow: 1px 0 #000000; /* fake bold */
}


/* used by eg. [[Template:Religion]] and [[Special:SpecialPages]] */
.page-Special_SpecialPages #bodyContent li a,
.hoverlist li a { display:inline-block; width: 100%; border-radius:0.5em; -moz-border-radius:0.5em; }
.page-Special_SpecialPages #bodyContent li a:hover,
.hoverlist li a:hover { background-color:#e0e0e0; }

/* turn all links inside class="hoverlinks" into rounded ones */
.hoverlinks a { padding:0.25em; border-radius:0.5em; -moz-border-radius:0.5em; }
.hoverlinks a:hover { background-color:#e0e0e0; }


table.striped tr:nth-child(odd) { background: #fdfdfd; }
table.striped tr:hover { background:#ffffff; }

/* [[Special:AllPages]] and [[Special:PrefixIndex]] */
#mw-prefixindex-list-table tr:nth-child(even) td:nth-child(even),
#mw-prefixindex-list-table tr:nth-child(odd) td:nth-child(odd),
.mw-allpages-table-chunk tr:nth-child(even) td:nth-child(even),
.mw-allpages-table-chunk tr:nth-child(odd) td:nth-child(odd) {
  background:#f8f8f8;
}
#mw-prefixindex-list-table a,
.mw-allpages-table-chunk a {
  display:block;
  width:100%;
}
#mw-prefixindex-list-table a:hover,
.mw-allpages-table-chunk a:hover {
  font-weight:bold;
  background:#f0f0f0;
}
.allpagesredirect { font-style: italic; font-size:smaller; }
.allpagesredirect a { color:#808080; }

/* talk page and forum page "responses" */
body.page-NetHackWiki_Community_Portal dd,
body.page-NetHackWiki_Community_Portal dd dd dd dd,
body.page-NetHackWiki_Community_Portal dd dd dd dd dd dd dd,
body.page-NetHackWiki_Community_Portal dd dd dd dd dd dd dd dd dd dd,
body.ns-talk dd,
body.ns-talk dd dd dd dd,
body.ns-talk dd dd dd dd dd dd dd,
body.ns-talk dd dd dd dd dd dd dd dd dd dd,
body.ns-110 dd,
body.ns-110 dd dd dd dd,
body.ns-110 dd dd dd dd dd dd dd,
body.ns-110 dd dd dd dd dd dd dd dd dd dd {
  background-color: #f7f7f7;
}
body.page-NetHackWiki_Community_Portal dd dd,
body.page-NetHackWiki_Community_Portal dd dd dd dd dd,
body.page-NetHackWiki_Community_Portal dd dd dd dd dd dd dd dd,
body.page-NetHackWiki_Community_Portal dd dd dd dd dd dd dd dd dd dd dd,
body.ns-talk dd dd,
body.ns-talk dd dd dd dd dd,
body.ns-talk dd dd dd dd dd dd dd dd,
body.ns-talk dd dd dd dd dd dd dd dd dd dd dd,
body.ns-110 dd dd,
body.ns-110 dd dd dd dd dd,
body.ns-110 dd dd dd dd dd dd dd dd,
body.ns-110 dd dd dd dd dd dd dd dd dd dd dd {
  background-color:#f0f0f0;
}

/* [[Special:Contributions]] */
body[class*=page-Special_Contributions] #bodyContent ul li:nth-child(odd) { background-color: #f0f0f0; }
body[class*=page-Special_Contributions] #bodyContent ul li:hover { background-color:#e0e0e0; }

/* in Special:RecentChanges : color the "(+X)" or "(-X)" (number of characters added or removed) */
.mw-plusminus-pos { color:#004000 !important; }
.mw-plusminus-neg { color:#400000 !important; }
body.page-Special_RecentChanges .mw-line-even { background-color:#f0f0f0; }
body.page-Special_RecentChanges .mw-line-even:hover,
body.page-Special_RecentChanges .mw-line-odd:hover { background-color:#e0e0e0; }
/* Special:RecentChanges with enhanced RC */
.page-Special_RecentChanges table.mw-enhanced-rc td:first-child { width:10%; }
.page-Special_RecentChanges table.mw-enhanced-rc { width:100%; }
.page-Special_RecentChanges div.mw-changeslist-expanded table.mw-enhanced-rc { padding-left:2em; }
.page-Special_RecentChanges div.mw-changeslist-expanded table.mw-enhanced-rc tr:hover { background-color:#e0e0e0; }
.page-Special_RecentChanges table.mw-enhanced-rc:hover { background-color:#e0e0e0; }
.page-Special_RecentChanges div.mw-changeslist-expanded .mw-enhanced-rc { background-color:#f0f0f0; }

/* [[Special:NewPages]] */
.page-Special_NewPages #bodyContent li:hover { background-color: #e0e0e0; }

/* [[Special:Log]] */
.page-Special_Log #bodyContent li:nth-child(odd) { background-color: #f0f0f0; }
.page-Special_Log #bodyContent li:hover { background-color: #e0e0e0; }



/* [[Special:PopularPages]], [[Special:MostLinkedTemplates]], [[Special:MostLinkedCategories]], [[Special:MostLinkedPages]],
   [[Special:MostCategories]], [[Special:MostRevisions]] */
#bodyContent ul#mw-whatlinkshere-list li:nth-child(odd),
#bodyContent .mw-spcontent ol li:nth-child(odd),
#bodyContent .mw-spcontent ul li:nth-child(odd),
.page-Special_Categories #bodyContent ul li:nth-child(odd),
.page-Special_ActiveUsers #bodyContent ul li:nth-child(odd),
.page-Special_ListUsers #bodyContent ul li:nth-child(odd),
.templatesUsed ul li:nth-child(odd),
.page-Special_PopularPages ol li:nth-child(odd) { background-color: #f0f0f0; }
#bodyContent ul#mw-whatlinkshere-list li:hover,
#bodyContent .mw-spcontent ol li:hover,
#bodyContent .mw-spcontent ul li:hover,
.page-Special_Categories #bodyContent ul li:hover,
.page-Special_ActiveUsers #bodyContent ul li:hover,
.page-Special_ListUsers #bodyContent ul li:hover,
.templatesUsed ul li:hover,
.page-Special_PopularPages ol li:hover { background-color: #e0e0e0; }
#bodyContent ul#mw-whatlinkshere-list:first-child > li,
#bodyContent .mw-spcontent ol li,
#bodyContent .mw-spcontent ul li,
.page-Special_Categories #bodyContent ul li,
.templatesUsed ul li,
.page-Special_PopularPages ol li { width:40%; }
.page-Special_ListUsers #bodyContent .mw-spcontent ul li,
.page-Special_DoubleRedirects ol li { width:100% !important; }
.page-Special_ListUsers #bodyContent ul li a:first-child,
.page-Special_ActiveUsers #bodyContent ul li a.mw-userlink { display:inline-block; width:10em; }
.page-Special_Categories #bodyContent ul li a:first-child,
.page-Special_UnusedTemplates ol li a:first-child,
.templatesUsed ul li a:first-child,
.page-Special_MostLinkedTemplates ol li a:first-child,
.page-Special_MostLinkedCategories ol li a,
.page-Special_MostLinkedPages ol li a:first-child,
.page-Special_MostCategories ol li a,
.page-Special_MostRevisions ol li a:first-child,
.page-Special_PopularPages ol li a { display:inline-block; width:75%; }
.page-Special_DoubleRedirects ol li a:first-child,
.page-Special_DoubleRedirects ol li a:nth-child(3) { display:inline-block; width:25%; }
.page-Special_UncategorizedTemplates ol li a { display:inline-block; width:100%; }

/* [[Special:AllPages]] */
.allpageslist a {
  display:block;
  padding-left:0.25em;
  padding-right:0.25em;
}
.allpageslist a:hover {
  background-color:#e8e8e8;
  border-radius:0.5em;
}


/* Main page forum box */
#mainpage-forum a.forum_new {
  text-shadow: #006080 1px 0px;
}
#mainpage-forum h3 a { display:block; }
#mainpage-forum h3 a:hover,
#mainpage-forum li:hover {
  border-radius: 0.5em 0.5em 0.5em 0.5em;
  background-color: #F0D8FF;
}
#mainpage-forum li a { display:block; }

/* Hide the main page title */
body.page-Main_Page h1.firstHeading { display:none !important; }

/* extra buttons for edit dialog (from commons:MediaWiki:Common.css) */
#editpage-specialchars {
	padding: .5em;
}
#editpage-specialchars a {
	color: black;
	background-color: #cde !important;
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
	border: thin #069 outset;
	padding: 0 .1em .1em;
}
#editpage-specialchars a:hover,
#editpage-specialchars a:active {
	background-color: #bcd;
	border-style: inset;
}

/* search bar */
#searchInput {
  position: relative;
  top:-5px;
}

#userloginForm {
  float:none;
  background-color: #f0f0f0;
  width:46em;
  margin-left: auto;
  margin-right: auto;
}
#userlogin {
  float:none;
  margin-left: auto;
  margin-right: auto;
  background-color: #f0f0f0;
}

/* link icons for telnet and SSH links */

div#content a[href^="telnet:"], div#content a.extiw[href^="telnet:"], .link-telnet {
  /* [[File:Telnet-icon.png]] */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAM1BMVEX///+goKCgoKATExMAAAAqKioDAwMtLS2MjIxmZmY0NDSPj49bW1sRERF1dXV4eHhVVVWcCAENAAAAAnRSTlMAuLMp9oYAAAA3SURBVHheTcxHEgAgCENRDPZ+/9OKDo7+1dsk9GWgGYLzdscghJiOhbnUyyZQCvqYh2x19p+9FkZsAUi9IX9TAAAAAElFTkSuQmCC") no-repeat scroll right center transparent;
  padding-right: 13px;
}

div#content a[href^="ssh:"], div#content a.extiw[href^="ssh:"], .link-ssh {
  /* [[File:Ssh-icon.png]] */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAclBMVEX///+goKCdn5uWl5OgoKAAAAARERFERUJYWViIioW+tm6cnprv3lO4sWk0NDSPj4+MjIyxqmcDAwOxsrAoKCj041gtLS1OT03/+Lv/849mZmZwcW6SlI/j00/Lui+qp4FbW1v/8YFmZ2a5sWm7tGynpIBMSTSHAAAABHRSTlMAv3+/jugUkwAAAFRJREFUeF5NzEUOxEAMRFF3YjcGmWHo/lecamWTv3qyrKJHiu8UEXeNIM3gUC1inWvBorzGYN8hIdYi62ZMSInxmPfTnNW4Rr52MI6BBxg7vf98f3+ohAQc7MJkBQAAAABJRU5ErkJggg==") no-repeat scroll right center transparent;
  padding-right: 13px;
}