Difference between revisions of "MediaWiki:Monobook.css"
From Legends of Hyrule
Jump to navigationJump to search(59 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the MonoBook skin */ | /* CSS placed here will affect users of the MonoBook skin */ | ||
− | + | /* | |
+ | ** MediaWiki 'monobook' style sheet for CSS2-capable browsers. | ||
+ | ** Copyright Gabriel Wicke - http://wikidev.net/ | ||
+ | ** License: GPL (http://www.gnu.org/copyleft/gpl.html) | ||
+ | ** | ||
+ | ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John | ||
+ | ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher, | ||
+ | ** Michael Zeltner and Geir Bækholt) | ||
+ | ** All you guys rock :) | ||
+ | */ | ||
− | #content {color: # | + | table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #364131; color: #eddc9b; border: 1px solid #b6a976; !important;} |
+ | |||
+ | table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid #b6a976; !important;} | ||
+ | |||
+ | table.wikitable { color: #eddc9b; background-color: transparent; border: 1px solid #b6a976; !important;} | ||
+ | |||
+ | .catlinks { background-color: #364131 !important;} | ||
+ | |||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | color: rgb(237,220,155); | ||
+ | !important; | ||
+ | } | ||
+ | |||
+ | h1, h2 { | ||
+ | border-bottom: 1px solid #eddc9b; | ||
+ | !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | fieldset { | ||
+ | border: 1px solid #c1a688 !important; | ||
+ | } | ||
+ | |||
+ | .mw-search-formheader { | ||
+ | background-color: transparent !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .mw-search-formheader div.search-types ul li.current a { | ||
+ | color: rgb(237,220,155); | ||
+ | } | ||
+ | |||
+ | #searchInput { | ||
+ | font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif; | ||
+ | color: rgb(234, 231, 220); | ||
+ | background-color: rgb(22, 22, 16); | ||
+ | padding: 3px; | ||
+ | margin-bottom: 2px; | ||
+ | border-width: 1px; | ||
+ | border-style: solid; | ||
+ | border-top-color: rgb(192, 192, 192); | ||
+ | border-right-color: rgb(233, 233, 233); | ||
+ | border-bottom-color: rgb(233, 233, 233); | ||
+ | border-left-color: rgb(192, 192, 192); | ||
+ | border-radius: 4px; | ||
+ | outline: 0; | ||
+ | width: 13.2em; | ||
+ | margin: 0; | ||
+ | font-size: 80%; | ||
+ | } | ||
+ | |||
+ | input.searchButton { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | div#searchBody.pBody { | ||
+ | background-color: transparent !important; | ||
+ | width: 0%; | ||
+ | } | ||
+ | |||
+ | #p-search {position: fixed; top: -16px; z-index: 100; } | ||
+ | |||
+ | div#column-content { | ||
+ | width: 100%; | ||
+ | float: right; | ||
+ | margin: 0 0 .6em -12.2em; | ||
+ | padding: 0; | ||
+ | } | ||
+ | div#content { | ||
+ | margin: 2.8em 0 0 12.2em; | ||
+ | padding: 0 1em 1em 1em; | ||
+ | position: relative; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | div#column-one { | ||
+ | padding-top: 160px; | ||
+ | } | ||
+ | /* Hide, but keep accessible for screen-readers */ | ||
+ | #column-one h2 { | ||
+ | position: absolute; | ||
+ | top: -9999px; | ||
+ | } | ||
+ | div#content { | ||
+ | background: rgb(22, 22, 16) url('http://hyrulecastle.org/images/cellback4.jpg'); | ||
+ | color: rgb(237, 220, 155); | ||
+ | border: 1px solid rgb(125,120,78); | ||
+ | border-right: none; | ||
+ | line-height: 1.5em; | ||
+ | } | ||
+ | /* the left column width is specified in class .portlet */ | ||
+ | |||
+ | /* Font size: | ||
+ | ** We take advantage of keyword scaling- browsers won't go below 9px | ||
+ | ** More at http://www.w3.org/2003/07/30-font-size | ||
+ | ** http://style.cleverchimp.com/font_size_intervals/altintervals.html | ||
+ | */ | ||
+ | |||
+ | body { | ||
+ | font: x-small sans-serif; | ||
+ | /* @embed */ | ||
+ | background: #181716 0 0 no-repeat; | ||
+ | color: rgb(237,220,155); | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | direction: ltr; /* Needed for RTL flipping */ | ||
+ | unicode-bidi: embed; | ||
+ | } | ||
+ | |||
+ | /* scale back up to a sane default */ | ||
+ | /* setting page width */ | ||
+ | div#globalWrapper { | ||
+ | font-size: 127%; | ||
+ | width: 100%; | ||
+ | max-width:1080px;margin:0 auto !important;float:none !important | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /* general styles */ | ||
+ | a { | ||
+ | color: #f1f1e8; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #f1f1e8; | ||
+ | } | ||
+ | a.new, | ||
+ | #p-personal a.new { | ||
+ | color: #ca6331; | ||
+ | } | ||
+ | |||
+ | ul { | ||
+ | list-style-type: square; | ||
+ | /* @embed */ | ||
+ | list-style-image: url(bullet.gif); | ||
+ | } | ||
+ | |||
+ | input.historysubmit { | ||
+ | padding: 0 .3em .3em .3em !important; | ||
+ | font-size: 94%; | ||
+ | cursor: pointer; | ||
+ | height: 1.7em !important; | ||
+ | margin-left: 1.6em; | ||
+ | } | ||
+ | |||
+ | pre, .mw-code { | ||
+ | line-height: 1.1em; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | ** the main content area | ||
+ | */ | ||
+ | |||
+ | #siteNotice { | ||
+ | font-size: 95%; | ||
+ | padding: 0 0.9em; | ||
+ | } | ||
+ | #localNotice { | ||
+ | margin: 0; | ||
+ | } | ||
+ | #siteNotice p { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | ** classes for special content elements like town boxes | ||
+ | ** intended to be referenced directly from the wiki src | ||
+ | */ | ||
+ | |||
+ | /* | ||
+ | ** User styles | ||
+ | */ | ||
+ | /* table standards */ | ||
+ | table.rimage { | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | margin-left: 1em; | ||
+ | margin-bottom: 1em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | ** edit views etc | ||
+ | */ | ||
+ | .special li { | ||
+ | line-height: 1.4em; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | ** keep the whitespace in front of the ^=, hides rule from konqueror | ||
+ | ** this is css3, the validator doesn't like it when validating as css2 | ||
+ | */ | ||
+ | #bodyContent a.external, | ||
+ | #bodyContent a.external[href ^="gopher://"] { | ||
+ | /* @embed */ | ||
+ | background: url(external-ltr.png) center right no-repeat; | ||
+ | padding-right: 13px; | ||
+ | } | ||
+ | #bodyContent a.external[href ^="https://"], | ||
+ | .link-https { | ||
+ | /* @embed */ | ||
+ | background: url(lock_icon.gif) center right no-repeat; | ||
+ | padding-right: 16px; | ||
+ | } | ||
+ | #bodyContent a.external[href ^="mailto:"], | ||
+ | .link-mailto { | ||
+ | /* @embed */ | ||
+ | background: url(mail_icon.gif) center right no-repeat; | ||
+ | padding-right: 18px; | ||
+ | } | ||
+ | #bodyContent a.external[href ^="news:"] { | ||
+ | /* @embed */ | ||
+ | background: url(news_icon.png) center right no-repeat; | ||
+ | padding-right: 18px; | ||
+ | } | ||
+ | #bodyContent a.external[href ^="ftp://"], | ||
+ | .link-ftp { | ||
+ | /* @embed */ | ||
+ | background: url(file_icon.gif) center right no-repeat; | ||
+ | padding-right: 18px; | ||
+ | } | ||
+ | #bodyContent a.external[href ^="irc://"], | ||
+ | #bodyContent a.external[href ^="ircs://"], | ||
+ | .link-irc { | ||
+ | /* @embed */ | ||
+ | background: url(discussionitem_icon.gif) center right no-repeat; | ||
+ | padding-right: 18px; | ||
+ | } | ||
+ | #bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"], | ||
+ | #bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"], | ||
+ | #bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"], | ||
+ | #bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"], | ||
+ | #bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"], | ||
+ | #bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"], | ||
+ | .link-audio { | ||
+ | /* @embed */ | ||
+ | background: url(audio.png) center right no-repeat; | ||
+ | padding-right: 13px; | ||
+ | } | ||
+ | #bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"], | ||
+ | #bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"], | ||
+ | #bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"], | ||
+ | #bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"], | ||
+ | .link-video { | ||
+ | /* @embed */ | ||
+ | background: url(video.png) center right no-repeat; | ||
+ | padding-right: 13px; | ||
+ | } | ||
+ | #bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"], | ||
+ | #bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"], | ||
+ | #bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"], | ||
+ | .link-document { | ||
+ | /* @embed */ | ||
+ | background: url(document.png) center right no-repeat; | ||
+ | padding-right: 12px; | ||
+ | } | ||
+ | |||
+ | /* Interwiki Styling */ | ||
+ | #bodyContent a.extiw, | ||
+ | #bodyContent a.extiw:active { | ||
+ | color: #f1f1e8; | ||
+ | } | ||
+ | |||
+ | /* External links */ | ||
+ | #bodyContent a.external { | ||
+ | color: #f1f1e8; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | ** Structural Elements | ||
+ | */ | ||
+ | |||
+ | /* | ||
+ | ** general portlet styles (elements in the quickbar) | ||
+ | */ | ||
+ | .portlet { | ||
+ | border: none; | ||
+ | margin: 0 0 .5em; | ||
+ | padding: 0; | ||
+ | float: none; | ||
+ | width: 11.6em; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .portlet h3 { | ||
+ | background: transparent; | ||
+ | padding: 0 1em 0 .5em; | ||
+ | display: inline; | ||
+ | height: 1em; | ||
+ | text-transform: lowercase; | ||
+ | font-size: 91%; | ||
+ | font-weight: normal; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .pBody { | ||
+ | font-size: 95%; | ||
+ | background-color: #181716; | ||
+ | color: black; | ||
+ | border: none; | ||
+ | } | ||
+ | .portlet ul { | ||
+ | line-height: 1.5em; | ||
+ | font-size: 95%; | ||
+ | } | ||
+ | .portlet li { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | ** Logo properties | ||
+ | */ | ||
+ | |||
+ | #p-logo { | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | position: absolute; /*needed to use z-index */ | ||
+ | z-index: 3; | ||
+ | height: 155px; | ||
+ | width: 12em; | ||
+ | overflow: visible; | ||
+ | } | ||
+ | #p-logo h3 { | ||
+ | display: none; | ||
+ | } | ||
+ | #p-logo a, | ||
+ | #p-logo a:hover { | ||
+ | display: block; | ||
+ | height: 155px; | ||
+ | width: 12.2em; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 35% 50% !important; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | ** Search portlet | ||
+ | */ | ||
+ | |||
+ | /* | ||
+ | ** the personal toolbar | ||
+ | */ | ||
+ | #p-personal { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | #p-personal { | ||
+ | width: 100%; | ||
+ | white-space: nowrap; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | border: none; | ||
+ | background: none; | ||
+ | overflow: visible; | ||
+ | line-height: 1.2em; | ||
+ | } | ||
+ | #p-personal h3 { | ||
+ | display: none; | ||
+ | } | ||
+ | #p-personal .portlet, | ||
+ | #p-personal .pBody { | ||
+ | z-index: 0; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | border: none; | ||
+ | overflow: visible; | ||
+ | background: none; | ||
+ | } | ||
+ | /* this is the ul contained in the portlet */ | ||
+ | #p-personal ul { | ||
+ | border: none; | ||
+ | line-height: 1.4em; | ||
+ | color: #2f6fab; | ||
+ | padding: 0 2em 0 3em; | ||
+ | margin: 0; | ||
+ | text-align: right; | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | z-index: 0; | ||
+ | background: none; | ||
+ | cursor: default; | ||
+ | } | ||
+ | #p-personal li { | ||
+ | z-index: 0; | ||
+ | border: none; | ||
+ | padding: 0; | ||
+ | display: inline; | ||
+ | color: #2f6fab; | ||
+ | margin-left: 1em; | ||
+ | line-height: 1.2em; | ||
+ | background: none; | ||
+ | } | ||
+ | #p-personal li a { | ||
+ | text-decoration: none; | ||
+ | color: #f1f1e8; | ||
+ | padding-bottom: .2em; | ||
+ | background: none; | ||
+ | } | ||
+ | #p-personal li a:hover { | ||
+ | background-color: white; | ||
+ | padding-bottom: .2em; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #p-personal li.active a:hover { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | /* the icon in front of the user name, single quotes | ||
+ | in bg url to hide it from iemac */ | ||
+ | li#pt-userpage, | ||
+ | li#pt-anonuserpage, | ||
+ | li#pt-login { | ||
+ | /* @embed */ | ||
+ | background: url(user.gif) top left no-repeat; | ||
+ | padding-left: 20px; | ||
+ | text-transform: none; | ||
+ | } | ||
+ | #p-personal ul { | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | #p-personal li.active { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | /* | ||
+ | ** the page-related actions- page/talk, edit etc | ||
+ | */ | ||
+ | #p-cactions { | ||
+ | position: absolute; | ||
+ | top: 1.3em; | ||
+ | left: 11.5em; | ||
+ | margin: 0; | ||
+ | white-space: nowrap; | ||
+ | width: 76%; | ||
+ | line-height: 1.1em; | ||
+ | overflow: visible; | ||
+ | background: none; | ||
+ | border-collapse: collapse; | ||
+ | padding-left: 1em; | ||
+ | font-size: 95%; | ||
+ | color: rgb(237, 220, 155); | ||
+ | } | ||
+ | #p-cactions ul { | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | } | ||
+ | #p-cactions li { | ||
+ | display: inline; | ||
+ | border: 1px solid rgb(125,120,78); | ||
+ | border-bottom: none; | ||
+ | padding: 0 0 .1em 0; | ||
+ | margin: 0 .3em 0 0; | ||
+ | overflow: visible; | ||
+ | background: url('http://hyrulecastle.org/images/red.png') repeat-x top; | ||
+ | } | ||
+ | #p-cactions li.selected { | ||
+ | border-color: #c1a688; | ||
+ | padding: 0 0 .2em 0; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #p-cactions li a { | ||
+ | color: #f1f1e8; | ||
+ | border: none; | ||
+ | padding: 0 .8em .3em; | ||
+ | position: relative; | ||
+ | z-index: 0; | ||
+ | margin: 0; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #p-cactions li.selected a { | ||
+ | z-index: 3; | ||
+ | } | ||
+ | #p-cactions .new a { | ||
+ | color: #ca6331; | ||
+ | } | ||
+ | #p-cactions li a:hover { | ||
+ | z-index: 3; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #p-cactions h3 { | ||
+ | display: none; | ||
+ | } | ||
+ | #p-cactions li.istalk { | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | #p-cactions li.istalk a { | ||
+ | padding-right: .5em; | ||
+ | } | ||
+ | #p-cactions #ca-addsection a { | ||
+ | padding-left: .4em; | ||
+ | padding-right: .4em; | ||
+ | } | ||
+ | /* offsets to distinguish the tab groups */ | ||
+ | li#ca-talk { | ||
+ | margin-right: 1.6em; | ||
+ | } | ||
+ | li#ca-watch, | ||
+ | li#ca-unwatch, | ||
+ | li#ca-varlang-0, | ||
+ | li#ca-print { | ||
+ | margin-left: 1.6em; | ||
+ | } | ||
+ | #p-cactions .pBody { | ||
+ | font-size: 1em; | ||
+ | background: transparent !important; | ||
+ | color: inherit; | ||
+ | border-collapse: inherit; | ||
+ | border: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #p-cactions li a { | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | |||
+ | #p-lang { | ||
+ | position: relative; | ||
+ | z-index: 3; | ||
+ | } | ||
+ | |||
+ | /* Override text-transform on languages where capitalization is significant */ | ||
+ | .capitalize-all-nouns .portlet h3, | ||
+ | .capitalize-all-nouns #p-personal ul, | ||
+ | .capitalize-all-nouns #p-cactions ul li a { | ||
+ | text-transform: none; | ||
+ | } | ||
+ | |||
+ | /* TODO: #t-iscite is only used by the Cite extension, come up with some | ||
+ | * system which allows extensions to add to this file on the fly | ||
+ | */ | ||
+ | #t-ispermalink, #t-iscite { | ||
+ | color: #999; | ||
+ | } | ||
+ | /* | ||
+ | ** footer | ||
+ | */ | ||
+ | div#footer { | ||
+ | background: rgb(22, 22, 16) url('http://hyrulecastle.org/images/parchment.jpg'); | ||
+ | border-top: 1px solid #c1a688; | ||
+ | border-bottom: 1px solid #c1a688; | ||
+ | margin: .6em 0 1em 0; | ||
+ | padding: .4em 0 1.2em 0; | ||
+ | text-align: center; | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | div#footer li { | ||
+ | display: inline; | ||
+ | margin: 0 1.3em; | ||
+ | } | ||
+ | #f-poweredbyico, #f-copyrightico { | ||
+ | margin: 0 8px; | ||
+ | position: relative; | ||
+ | top: -2px; /* Bump it up just a tad */ | ||
+ | } | ||
+ | #f-poweredbyico { | ||
+ | float: right; | ||
+ | height: 1%; | ||
+ | } | ||
+ | #f-copyrightico { | ||
+ | float: left; | ||
+ | height: 1%; | ||
+ | } | ||
+ | |||
+ | .mw-htmlform-submit { | ||
+ | font-weight: bold; | ||
+ | padding-left: .3em; | ||
+ | padding-right: .3em; | ||
+ | margin-right: 2em; | ||
+ | } | ||
+ | |||
+ | /* js pref toc */ | ||
+ | #preftoc { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | clear: both; | ||
+ | } | ||
+ | #preftoc li { | ||
+ | background-color: #f0f0f0; | ||
+ | color: #000; | ||
+ | } | ||
+ | #preftoc li { | ||
+ | margin: 1px -2px 1px 2px; | ||
+ | float: left; | ||
+ | padding: 2px 0 3px 0; | ||
+ | border: 1px solid #fff; | ||
+ | border-right-color: #716f64; | ||
+ | border-bottom: 0; | ||
+ | position: relative; | ||
+ | white-space: nowrap; | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | z-index: 3; | ||
+ | } | ||
+ | #preftoc li.selected { | ||
+ | font-weight: bold; | ||
+ | background: url('http://hyrulecastle.org/images/red.png'); | ||
+ | border: 1px solid rgb(125,120,78); | ||
+ | border-bottom: none; | ||
+ | cursor: default; | ||
+ | top: 1px; | ||
+ | padding-top: 2px; | ||
+ | margin-right: -3px; | ||
+ | } | ||
+ | #preftoc > li.selected { | ||
+ | top: 2px; | ||
+ | } | ||
+ | #preftoc a, | ||
+ | #preftoc a:active { | ||
+ | display: block; | ||
+ | color: #f1f1e8; | ||
+ | padding: 0 .7em; | ||
+ | position: relative; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #preftoc li.selected a { | ||
+ | cursor: default; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #preferences { | ||
+ | margin: 0; | ||
+ | border: 1px solid rgb(125,120,78); | ||
+ | clear: both; | ||
+ | padding: 1.5em; | ||
+ | background: url('http://hyrulecastle.org/images/red.png'); | ||
+ | } | ||
+ | .prefsection { | ||
+ | border: none; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .prefsection legend { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .prefsection table, .prefsection legend { | ||
+ | background: url('http://hyrulecastle.org/images/red.png'); | ||
+ | } | ||
+ | .mainLegend { | ||
+ | display: none; | ||
+ | } | ||
+ | td.htmlform-tip { | ||
+ | font-size: x-small; | ||
+ | padding: .2em 2em; | ||
+ | color: #666; | ||
+ | } | ||
+ | |||
+ | .preferences-login { | ||
+ | clear: both; | ||
+ | margin-bottom: 1.5em; | ||
+ | } | ||
+ | |||
+ | .prefcache { | ||
+ | font-size: 90%; | ||
+ | margin-top: 2em; | ||
+ | } | ||
+ | |||
+ | div#userloginForm, | ||
+ | div#userlogin { | ||
+ | margin: 0 3em 1em 0; | ||
+ | border: 1px solid rgb(125,120,78); | ||
+ | clear: both; | ||
+ | padding: 1.5em 2em; | ||
+ | background: url('http://hyrulecastle.org/images/red.png'); | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | div#userloginForm table, | ||
+ | div#userlogin table { | ||
+ | background: url('http://hyrulecastle.org/images/red.png'); | ||
+ | } | ||
+ | |||
+ | div#userloginForm h2, | ||
+ | div#userlogin h2 { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | div#userlogin .captcha, | ||
+ | div#userloginForm .captcha { | ||
+ | border: 1px solid #bbb; | ||
+ | padding: 1.5em 2em; | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | #loginend, #signupend { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | #userloginprompt, #languagelinks { | ||
+ | font-size: 85%; | ||
+ | } | ||
+ | |||
+ | #login-sectiontip { | ||
+ | font-size: 85%; | ||
+ | line-height: 1.2; | ||
+ | padding-top: 2em; | ||
+ | } | ||
+ | |||
+ | #userlogin .loginText, #userlogin .loginPassword { | ||
+ | width: 12em; | ||
+ | } | ||
+ | |||
+ | #userloginlink a, #wpLoginattempt, #wpCreateaccount { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | ** IE/Mac fixes, hope to find a validating way to move this | ||
+ | ** to a separate stylesheet. This would work but doesn't validate: | ||
+ | ** @import("IEMacFixes.css"); | ||
+ | */ | ||
+ | /* tabs: border on the a, not the div */ | ||
+ | * > html #p-cactions li { | ||
+ | border: none; | ||
+ | } | ||
+ | * > html #p-cactions li a { | ||
+ | border: 1px solid rgb(125,120,78); | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | * > html #p-cactions li.selected a { | ||
+ | border-color: #c1a688; | ||
+ | } | ||
+ | /* footer icons need a fixed width */ | ||
+ | * > html #f-poweredbyico, | ||
+ | * > html #f-copyrightico { | ||
+ | width: 88px; | ||
+ | } | ||
+ | * > html #bodyContent, | ||
+ | * > html #bodyContent pre { | ||
+ | overflow-x: auto; | ||
+ | width: 100%; | ||
+ | padding-bottom: 25px; | ||
+ | } | ||
+ | |||
+ | /* more IE fixes */ | ||
+ | /* float/negative margin brokenness */ | ||
+ | * html div#footer { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | * html div#column-content { | ||
+ | display: inline; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | #pagehistory li.selected { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | /* Mac IE 5.0 fix; floated content turns invisible */ | ||
+ | * > html div#column-content { | ||
+ | float: none; | ||
+ | } | ||
+ | * > html div#column-one { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | } | ||
+ | * > html div#footer { | ||
+ | margin-left: 13.2em; | ||
+ | } | ||
+ | .redirectText { | ||
+ | font-size: 150%; | ||
+ | margin: 5px; | ||
+ | } | ||
+ | |||
+ | div.patrollink { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .sharedUploadNotice { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | span.updatedmarker { | ||
+ | color: black; | ||
+ | background-color: #0f0; | ||
+ | } | ||
+ | |||
+ | .editExternally { | ||
+ | border: 1px solid gray; | ||
+ | background-color: #ffffff; | ||
+ | padding: 3px; | ||
+ | margin-top: 0.5em; | ||
+ | float: left; | ||
+ | font-size: small; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .editExternallyHelp { | ||
+ | font-style: italic; | ||
+ | color: gray; | ||
+ | } | ||
+ | |||
+ | .toggle { | ||
+ | margin-left: 2em; | ||
+ | text-indent: -2em; | ||
+ | } | ||
+ | |||
+ | /* @bug 1714 */ | ||
+ | input#wpSave, | ||
+ | input#wpDiff { | ||
+ | margin-right: 0.33em; | ||
+ | } | ||
+ | |||
+ | #wpSave { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | /* noarticletext */ | ||
+ | div.noarticletext { | ||
+ | border: 1px solid #ccc; | ||
+ | background: #fff; | ||
+ | padding: .2em 1em; | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | div#searchTargetContainer { | ||
+ | left: 10px; | ||
+ | top: 10px; | ||
+ | width: 90%; | ||
+ | background: white; | ||
+ | } | ||
+ | |||
+ | div#searchTarget { | ||
+ | padding: 3px; | ||
+ | margin: 5px; | ||
+ | background: #F0F0F0; | ||
+ | border: solid 1px blue; | ||
+ | } | ||
+ | |||
+ | div#searchTarget ul li { | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | } | ||
+ | |||
+ | div#searchTarget ul li:before { | ||
+ | color: orange; | ||
+ | content: "\00BB \0020"; | ||
+ | } | ||
+ | |||
+ | div#searchTargetHide { | ||
+ | float: right; | ||
+ | border: solid 1px black; | ||
+ | background: #DCDCDC; | ||
+ | padding: 2px; | ||
+ | } | ||
+ | |||
+ | #powersearch p { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | div.multipageimagenavbox { | ||
+ | border: solid 1px silver; | ||
+ | padding: 4px; | ||
+ | margin: 1em; | ||
+ | background: #f0f0f0; | ||
+ | } | ||
+ | |||
+ | div.multipageimagenavbox div.thumb { | ||
+ | border: none; | ||
+ | margin-left: 2em; | ||
+ | margin-right: 2em; | ||
+ | } | ||
+ | |||
+ | div.multipageimagenavbox hr { | ||
+ | margin: 6px; | ||
+ | } | ||
+ | |||
+ | div.toc { | ||
+ | background-color: #364131; | ||
+ | } | ||
+ | |||
+ | .tocnumber { | ||
+ | color: #f1f1e8; | ||
+ | } | ||
+ | |||
+ | .toctogglelabel { | ||
+ | color: rgb(237,220,155); | ||
+ | } | ||
+ | |||
+ | table.multipageimage td { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .templatesUsed { | ||
+ | margin-top: 1.5em; | ||
+ | } | ||
+ | |||
+ | .mw-summary-preview { | ||
+ | margin: 0.1em 0; | ||
+ | } | ||
+ | |||
+ | /* Friendlier slave lag warnings */ | ||
+ | div.mw-lag-warn-normal, | ||
+ | div.mw-lag-warn-high { | ||
+ | padding: 3px; | ||
+ | text-align: center; | ||
+ | margin: 3px auto; | ||
+ | } | ||
+ | div.mw-lag-warn-normal { | ||
+ | border: 1px solid #FFCC66; | ||
+ | background-color: #FFFFCC; | ||
+ | } | ||
+ | div.mw-lag-warn-high { | ||
+ | font-weight: bold; | ||
+ | border: 2px solid #FF0033; | ||
+ | background-color: #FFCCCC; | ||
+ | } | ||
+ | |||
+ | .MediaTransformError { | ||
+ | background-color: #ccc; | ||
+ | padding: 0.1em; | ||
+ | } | ||
+ | .MediaTransformError td { | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | |||
+ | /* hack for the crappy layout */ | ||
+ | .os-suggest { | ||
+ | font-size: 127%; | ||
+ | } | ||
+ | |||
+ | /* tools non-lowercase! */ | ||
+ | .no-text-transform { | ||
+ | text-transform: none; | ||
+ | } | ||
+ | |||
+ | /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */ | ||
+ | .tipsy { | ||
+ | font-size: 127%; | ||
+ | } | ||
+ | |||
+ | /* mediawiki.notification */ | ||
+ | .skin-monobook .mw-notification { | ||
+ | -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.125); | ||
+ | -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.125); | ||
+ | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.125); | ||
+ | } | ||
+ | |||
+ | === tabs hidden === | ||
+ | |||
+ | #ca-nstab-mediawiki { display:none!important; } | ||
+ | #ca-nstab-main { display:none!important; } | ||
+ | #ca-nstab-user { display:none!important; } | ||
+ | #ca-talk { display:none!important; } | ||
+ | #ca-view { display:none!important; } | ||
+ | #ca-edit { display:none!important; } | ||
+ | #ca-ve-edit { display:none!important; } | ||
+ | #ca-formedit { display:none!important; } | ||
+ | #ca-history { display:none!important; } | ||
+ | #ca-watch { display:none!important; } | ||
+ | #ca-unwatch { display:none!important; } | ||
+ | #ca-delete { display:none!important; } | ||
+ | #ca-move { display:none!important; } | ||
+ | #ca-protect { display:none!important; } | ||
+ | #ca-viewsource { display:none!important; } | ||
+ | |||
+ | |||
+ | == hide tools/toolbox in sidebar == | ||
+ | #p-navigation { display:none } | ||
+ | #p-tb { display:none } | ||
+ | |||
+ | == Fonts == | ||
+ | |||
+ | /* <pre> */ | ||
+ | @import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,700,700i|PT+Serif:400,400i,700,700i&display=swap'); | ||
+ | |||
+ | |||
+ | @font-face { | ||
+ | font-family: 'triforce'; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | src: url('http://legendsofhyrule.net/5e/fonts/triforce.ttf') format('truetype'), | ||
+ | url('http://hyrulecastle.org/loh/5e/fonts/triforce.ttf') format('truetype'); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'mreaves'; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | src: url('http://legendsofhyrule.net/5e/fonts/mreavessmallcaps.otf') format('opentype'), | ||
+ | url('http://hyrulecastle.org/loh/5e/fonts/mreavessmallcaps.otf') format('opentype'); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'bookinsanity'; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | src: url('http://legendsofhyrule.net/5e/fonts/Bookinsanity.otf') format('opentype'), | ||
+ | url('http://hyrulecastle.org/loh/5e/fonts/Bookinsanity.otf') format('opentype'); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'scalysans'; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | src: url('http://legendsofhyrule.net/5e/fonts/scalysans.otf') format('opentype'), | ||
+ | url('http://hyrulecastle.org/loh/5e/fonts/scalysans.otf') format('opentype'); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'scalysanscaps'; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | src: url('http://legendsofhyrule.net/5e/fonts/scalysanscaps.otf') format('opentype'), | ||
+ | url('http://hyrulecastle.org/loh/5e/fonts/scalysanscaps.otf') format('opentype'); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'nodestocaps'; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | src: url('http://legendsofhyrule.net/5e/fonts/nodestocapscondensed.otf') format('opentype'), | ||
+ | url('http://hyrulecastle.org/loh/5e/fonts/nodestocapscondensed.otf') format('opentype'); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'solbera'; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | src: url('http://legendsofhyrule.net/5e/fonts/solberaimitation.otf.otf') format('opentype'), | ||
+ | url('http://hyrulecastle.org/loh/5e/fonts/solberaimitation.otf.otf') format('opentype'); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'zatanna'; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | src: url('http://legendsofhyrule.net/5e/fonts/zatannamisdirection.otf') format('opentype'), | ||
+ | url('http://hyrulecastle.org/loh/5e/fonts/zatannamisdirection.otf') format('opentype'); | ||
+ | } | ||
+ | |||
+ | == hiding sidebar; changing content font == | ||
+ | #column-content {margin: 0 0 .6em 0;} | ||
+ | #column-content | ||
+ | #content {margin: 2.8em 0 0 0; font-size: 16px; font-family: "bookinsanity"; } | ||
+ | #p-logo, .generated-sidebar, #p-lang, #p-tb { | ||
+ | display:none; | ||
+ | } | ||
+ | #p-cactions { left: .1em; } | ||
+ | #footer { display:none; } | ||
+ | #mw_content { margin-left:0.2em; } |
Latest revision as of 18:16, 5 January 2022
/* CSS placed here will affect users of the MonoBook skin */ /* ** MediaWiki 'monobook' style sheet for CSS2-capable browsers. ** Copyright Gabriel Wicke - http://wikidev.net/ ** License: GPL (http://www.gnu.org/copyleft/gpl.html) ** ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher, ** Michael Zeltner and Geir Bækholt) ** All you guys rock :) */ table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #364131; color: #eddc9b; border: 1px solid #b6a976; !important;} table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid #b6a976; !important;} table.wikitable { color: #eddc9b; background-color: transparent; border: 1px solid #b6a976; !important;} .catlinks { background-color: #364131 !important;} h1, h2, h3, h4, h5, h6 { color: rgb(237,220,155); !important; } h1, h2 { border-bottom: 1px solid #eddc9b; !important; } fieldset { border: 1px solid #c1a688 !important; } .mw-search-formheader { background-color: transparent !important; } .mw-search-formheader div.search-types ul li.current a { color: rgb(237,220,155); } #searchInput { font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif; color: rgb(234, 231, 220); background-color: rgb(22, 22, 16); padding: 3px; margin-bottom: 2px; border-width: 1px; border-style: solid; border-top-color: rgb(192, 192, 192); border-right-color: rgb(233, 233, 233); border-bottom-color: rgb(233, 233, 233); border-left-color: rgb(192, 192, 192); border-radius: 4px; outline: 0; width: 13.2em; margin: 0; font-size: 80%; } input.searchButton { display:none; } div#searchBody.pBody { background-color: transparent !important; width: 0%; } #p-search {position: fixed; top: -16px; z-index: 100; } div#column-content { width: 100%; float: right; margin: 0 0 .6em -12.2em; padding: 0; } div#content { margin: 2.8em 0 0 12.2em; padding: 0 1em 1em 1em; position: relative; z-index: 2; } div#column-one { padding-top: 160px; } /* Hide, but keep accessible for screen-readers */ #column-one h2 { position: absolute; top: -9999px; } div#content { background: rgb(22, 22, 16) url('http://hyrulecastle.org/images/cellback4.jpg'); color: rgb(237, 220, 155); border: 1px solid rgb(125,120,78); border-right: none; line-height: 1.5em; } /* the left column width is specified in class .portlet */ /* Font size: ** We take advantage of keyword scaling- browsers won't go below 9px ** More at http://www.w3.org/2003/07/30-font-size ** http://style.cleverchimp.com/font_size_intervals/altintervals.html */ body { font: x-small sans-serif; /* @embed */ background: #181716 0 0 no-repeat; color: rgb(237,220,155); margin: 0; padding: 0; direction: ltr; /* Needed for RTL flipping */ unicode-bidi: embed; } /* scale back up to a sane default */ /* setting page width */ div#globalWrapper { font-size: 127%; width: 100%; max-width:1080px;margin:0 auto !important;float:none !important padding: 0; } /* general styles */ a { color: #f1f1e8; } a:visited { color: #f1f1e8; } a.new, #p-personal a.new { color: #ca6331; } ul { list-style-type: square; /* @embed */ list-style-image: url(bullet.gif); } input.historysubmit { padding: 0 .3em .3em .3em !important; font-size: 94%; cursor: pointer; height: 1.7em !important; margin-left: 1.6em; } pre, .mw-code { line-height: 1.1em; } /* ** the main content area */ #siteNotice { font-size: 95%; padding: 0 0.9em; } #localNotice { margin: 0; } #siteNotice p { margin: 0; padding: 0; } /* ** classes for special content elements like town boxes ** intended to be referenced directly from the wiki src */ /* ** User styles */ /* table standards */ table.rimage { float: right; position: relative; margin-left: 1em; margin-bottom: 1em; text-align: center; } /* ** edit views etc */ .special li { line-height: 1.4em; margin: 0; padding: 0; } /* ** keep the whitespace in front of the ^=, hides rule from konqueror ** this is css3, the validator doesn't like it when validating as css2 */ #bodyContent a.external, #bodyContent a.external[href ^="gopher://"] { /* @embed */ background: url(external-ltr.png) center right no-repeat; padding-right: 13px; } #bodyContent a.external[href ^="https://"], .link-https { /* @embed */ background: url(lock_icon.gif) center right no-repeat; padding-right: 16px; } #bodyContent a.external[href ^="mailto:"], .link-mailto { /* @embed */ background: url(mail_icon.gif) center right no-repeat; padding-right: 18px; } #bodyContent a.external[href ^="news:"] { /* @embed */ background: url(news_icon.png) center right no-repeat; padding-right: 18px; } #bodyContent a.external[href ^="ftp://"], .link-ftp { /* @embed */ background: url(file_icon.gif) center right no-repeat; padding-right: 18px; } #bodyContent a.external[href ^="irc://"], #bodyContent a.external[href ^="ircs://"], .link-irc { /* @embed */ background: url(discussionitem_icon.gif) center right no-repeat; padding-right: 18px; } #bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"], #bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"], #bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"], #bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"], #bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"], #bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"], .link-audio { /* @embed */ background: url(audio.png) center right no-repeat; padding-right: 13px; } #bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"], #bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"], #bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"], #bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"], .link-video { /* @embed */ background: url(video.png) center right no-repeat; padding-right: 13px; } #bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"], #bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"], #bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"], .link-document { /* @embed */ background: url(document.png) center right no-repeat; padding-right: 12px; } /* Interwiki Styling */ #bodyContent a.extiw, #bodyContent a.extiw:active { color: #f1f1e8; } /* External links */ #bodyContent a.external { color: #f1f1e8; } /* ** Structural Elements */ /* ** general portlet styles (elements in the quickbar) */ .portlet { border: none; margin: 0 0 .5em; padding: 0; float: none; width: 11.6em; overflow: hidden; } .portlet h3 { background: transparent; padding: 0 1em 0 .5em; display: inline; height: 1em; text-transform: lowercase; font-size: 91%; font-weight: normal; white-space: nowrap; } .pBody { font-size: 95%; background-color: #181716; color: black; border: none; } .portlet ul { line-height: 1.5em; font-size: 95%; } .portlet li { padding: 0; margin: 0; } /* ** Logo properties */ #p-logo { top: 0; left: 0; position: absolute; /*needed to use z-index */ z-index: 3; height: 155px; width: 12em; overflow: visible; } #p-logo h3 { display: none; } #p-logo a, #p-logo a:hover { display: block; height: 155px; width: 12.2em; background-repeat: no-repeat; background-position: 35% 50% !important; text-decoration: none; } /* ** Search portlet */ /* ** the personal toolbar */ #p-personal { position: absolute; left: 0; top: 0; z-index: 0; } #p-personal { width: 100%; white-space: nowrap; padding: 0; margin: 0; border: none; background: none; overflow: visible; line-height: 1.2em; } #p-personal h3 { display: none; } #p-personal .portlet, #p-personal .pBody { z-index: 0; padding: 0; margin: 0; border: none; overflow: visible; background: none; } /* this is the ul contained in the portlet */ #p-personal ul { border: none; line-height: 1.4em; color: #2f6fab; padding: 0 2em 0 3em; margin: 0; text-align: right; list-style-type: none; list-style-image: none; z-index: 0; background: none; cursor: default; } #p-personal li { z-index: 0; border: none; padding: 0; display: inline; color: #2f6fab; margin-left: 1em; line-height: 1.2em; background: none; } #p-personal li a { text-decoration: none; color: #f1f1e8; padding-bottom: .2em; background: none; } #p-personal li a:hover { background-color: white; padding-bottom: .2em; text-decoration: none; } #p-personal li.active a:hover { background-color: transparent; } /* the icon in front of the user name, single quotes in bg url to hide it from iemac */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { /* @embed */ background: url(user.gif) top left no-repeat; padding-left: 20px; text-transform: none; } #p-personal ul { text-transform: lowercase; } #p-personal li.active { font-weight: bold; } /* ** the page-related actions- page/talk, edit etc */ #p-cactions { position: absolute; top: 1.3em; left: 11.5em; margin: 0; white-space: nowrap; width: 76%; line-height: 1.1em; overflow: visible; background: none; border-collapse: collapse; padding-left: 1em; font-size: 95%; color: rgb(237, 220, 155); } #p-cactions ul { list-style-type: none; list-style-image: none; } #p-cactions li { display: inline; border: 1px solid rgb(125,120,78); border-bottom: none; padding: 0 0 .1em 0; margin: 0 .3em 0 0; overflow: visible; background: url('http://hyrulecastle.org/images/red.png') repeat-x top; } #p-cactions li.selected { border-color: #c1a688; padding: 0 0 .2em 0; font-weight: bold; } #p-cactions li a { color: #f1f1e8; border: none; padding: 0 .8em .3em; position: relative; z-index: 0; margin: 0; text-decoration: none; } #p-cactions li.selected a { z-index: 3; } #p-cactions .new a { color: #ca6331; } #p-cactions li a:hover { z-index: 3; text-decoration: none; } #p-cactions h3 { display: none; } #p-cactions li.istalk { margin-right: 0; } #p-cactions li.istalk a { padding-right: .5em; } #p-cactions #ca-addsection a { padding-left: .4em; padding-right: .4em; } /* offsets to distinguish the tab groups */ li#ca-talk { margin-right: 1.6em; } li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print { margin-left: 1.6em; } #p-cactions .pBody { font-size: 1em; background: transparent !important; color: inherit; border-collapse: inherit; border: 0; padding: 0; } #p-cactions li a { text-transform: lowercase; } #p-lang { position: relative; z-index: 3; } /* Override text-transform on languages where capitalization is significant */ .capitalize-all-nouns .portlet h3, .capitalize-all-nouns #p-personal ul, .capitalize-all-nouns #p-cactions ul li a { text-transform: none; } /* TODO: #t-iscite is only used by the Cite extension, come up with some * system which allows extensions to add to this file on the fly */ #t-ispermalink, #t-iscite { color: #999; } /* ** footer */ div#footer { background: rgb(22, 22, 16) url('http://hyrulecastle.org/images/parchment.jpg'); border-top: 1px solid #c1a688; border-bottom: 1px solid #c1a688; margin: .6em 0 1em 0; padding: .4em 0 1.2em 0; text-align: center; font-size: 90%; } div#footer li { display: inline; margin: 0 1.3em; } #f-poweredbyico, #f-copyrightico { margin: 0 8px; position: relative; top: -2px; /* Bump it up just a tad */ } #f-poweredbyico { float: right; height: 1%; } #f-copyrightico { float: left; height: 1%; } .mw-htmlform-submit { font-weight: bold; padding-left: .3em; padding-right: .3em; margin-right: 2em; } /* js pref toc */ #preftoc { margin: 0; padding: 0; width: 100%; clear: both; } #preftoc li { background-color: #f0f0f0; color: #000; } #preftoc li { margin: 1px -2px 1px 2px; float: left; padding: 2px 0 3px 0; border: 1px solid #fff; border-right-color: #716f64; border-bottom: 0; position: relative; white-space: nowrap; list-style-type: none; list-style-image: none; z-index: 3; } #preftoc li.selected { font-weight: bold; background: url('http://hyrulecastle.org/images/red.png'); border: 1px solid rgb(125,120,78); border-bottom: none; cursor: default; top: 1px; padding-top: 2px; margin-right: -3px; } #preftoc > li.selected { top: 2px; } #preftoc a, #preftoc a:active { display: block; color: #f1f1e8; padding: 0 .7em; position: relative; text-decoration: none; } #preftoc li.selected a { cursor: default; text-decoration: none; } #preferences { margin: 0; border: 1px solid rgb(125,120,78); clear: both; padding: 1.5em; background: url('http://hyrulecastle.org/images/red.png'); } .prefsection { border: none; padding: 0; margin: 0; } .prefsection legend { font-weight: bold; } .prefsection table, .prefsection legend { background: url('http://hyrulecastle.org/images/red.png'); } .mainLegend { display: none; } td.htmlform-tip { font-size: x-small; padding: .2em 2em; color: #666; } .preferences-login { clear: both; margin-bottom: 1.5em; } .prefcache { font-size: 90%; margin-top: 2em; } div#userloginForm, div#userlogin { margin: 0 3em 1em 0; border: 1px solid rgb(125,120,78); clear: both; padding: 1.5em 2em; background: url('http://hyrulecastle.org/images/red.png'); float: left; } div#userloginForm table, div#userlogin table { background: url('http://hyrulecastle.org/images/red.png'); } div#userloginForm h2, div#userlogin h2 { padding-top: 0; } div#userlogin .captcha, div#userloginForm .captcha { border: 1px solid #bbb; padding: 1.5em 2em; background-color: white; } #loginend, #signupend { clear: both; } #userloginprompt, #languagelinks { font-size: 85%; } #login-sectiontip { font-size: 85%; line-height: 1.2; padding-top: 2em; } #userlogin .loginText, #userlogin .loginPassword { width: 12em; } #userloginlink a, #wpLoginattempt, #wpCreateaccount { font-weight: bold; } /* ** IE/Mac fixes, hope to find a validating way to move this ** to a separate stylesheet. This would work but doesn't validate: ** @import("IEMacFixes.css"); */ /* tabs: border on the a, not the div */ * > html #p-cactions li { border: none; } * > html #p-cactions li a { border: 1px solid rgb(125,120,78); border-bottom: none; } * > html #p-cactions li.selected a { border-color: #c1a688; } /* footer icons need a fixed width */ * > html #f-poweredbyico, * > html #f-copyrightico { width: 88px; } * > html #bodyContent, * > html #bodyContent pre { overflow-x: auto; width: 100%; padding-bottom: 25px; } /* more IE fixes */ /* float/negative margin brokenness */ * html div#footer { margin-top: 0; } * html div#column-content { display: inline; margin-bottom: 0; } #pagehistory li.selected { position: relative; } /* Mac IE 5.0 fix; floated content turns invisible */ * > html div#column-content { float: none; } * > html div#column-one { position: absolute; left: 0; top: 0; } * > html div#footer { margin-left: 13.2em; } .redirectText { font-size: 150%; margin: 5px; } div.patrollink { clear: both; } .sharedUploadNotice { font-style: italic; } span.updatedmarker { color: black; background-color: #0f0; } .editExternally { border: 1px solid gray; background-color: #ffffff; padding: 3px; margin-top: 0.5em; float: left; font-size: small; text-align: center; } .editExternallyHelp { font-style: italic; color: gray; } .toggle { margin-left: 2em; text-indent: -2em; } /* @bug 1714 */ input#wpSave, input#wpDiff { margin-right: 0.33em; } #wpSave { font-weight: bold; } /* noarticletext */ div.noarticletext { border: 1px solid #ccc; background: #fff; padding: .2em 1em; color: #000; } div#searchTargetContainer { left: 10px; top: 10px; width: 90%; background: white; } div#searchTarget { padding: 3px; margin: 5px; background: #F0F0F0; border: solid 1px blue; } div#searchTarget ul li { list-style-type: none; list-style-image: none; } div#searchTarget ul li:before { color: orange; content: "\00BB \0020"; } div#searchTargetHide { float: right; border: solid 1px black; background: #DCDCDC; padding: 2px; } #powersearch p { margin-top: 0; } div.multipageimagenavbox { border: solid 1px silver; padding: 4px; margin: 1em; background: #f0f0f0; } div.multipageimagenavbox div.thumb { border: none; margin-left: 2em; margin-right: 2em; } div.multipageimagenavbox hr { margin: 6px; } div.toc { background-color: #364131; } .tocnumber { color: #f1f1e8; } .toctogglelabel { color: rgb(237,220,155); } table.multipageimage td { text-align: center; } .templatesUsed { margin-top: 1.5em; } .mw-summary-preview { margin: 0.1em 0; } /* Friendlier slave lag warnings */ div.mw-lag-warn-normal, div.mw-lag-warn-high { padding: 3px; text-align: center; margin: 3px auto; } div.mw-lag-warn-normal { border: 1px solid #FFCC66; background-color: #FFFFCC; } div.mw-lag-warn-high { font-weight: bold; border: 2px solid #FF0033; background-color: #FFCCCC; } .MediaTransformError { background-color: #ccc; padding: 0.1em; } .MediaTransformError td { text-align: center; vertical-align: middle; font-size: 90%; } /* hack for the crappy layout */ .os-suggest { font-size: 127%; } /* tools non-lowercase! */ .no-text-transform { text-transform: none; } /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */ .tipsy { font-size: 127%; } /* mediawiki.notification */ .skin-monobook .mw-notification { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.125); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.125); } === tabs hidden === #ca-nstab-mediawiki { display:none!important; } #ca-nstab-main { display:none!important; } #ca-nstab-user { display:none!important; } #ca-talk { display:none!important; } #ca-view { display:none!important; } #ca-edit { display:none!important; } #ca-ve-edit { display:none!important; } #ca-formedit { display:none!important; } #ca-history { display:none!important; } #ca-watch { display:none!important; } #ca-unwatch { display:none!important; } #ca-delete { display:none!important; } #ca-move { display:none!important; } #ca-protect { display:none!important; } #ca-viewsource { display:none!important; } == hide tools/toolbox in sidebar == #p-navigation { display:none } #p-tb { display:none } == Fonts == /* <pre> */ @import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,700,700i|PT+Serif:400,400i,700,700i&display=swap'); @font-face { font-family: 'triforce'; font-style: normal; font-weight: normal; src: url('http://legendsofhyrule.net/5e/fonts/triforce.ttf') format('truetype'), url('http://hyrulecastle.org/loh/5e/fonts/triforce.ttf') format('truetype'); } @font-face { font-family: 'mreaves'; font-style: normal; font-weight: normal; src: url('http://legendsofhyrule.net/5e/fonts/mreavessmallcaps.otf') format('opentype'), url('http://hyrulecastle.org/loh/5e/fonts/mreavessmallcaps.otf') format('opentype'); } @font-face { font-family: 'bookinsanity'; font-style: normal; font-weight: normal; src: url('http://legendsofhyrule.net/5e/fonts/Bookinsanity.otf') format('opentype'), url('http://hyrulecastle.org/loh/5e/fonts/Bookinsanity.otf') format('opentype'); } @font-face { font-family: 'scalysans'; font-style: normal; font-weight: normal; src: url('http://legendsofhyrule.net/5e/fonts/scalysans.otf') format('opentype'), url('http://hyrulecastle.org/loh/5e/fonts/scalysans.otf') format('opentype'); } @font-face { font-family: 'scalysanscaps'; font-style: normal; font-weight: normal; src: url('http://legendsofhyrule.net/5e/fonts/scalysanscaps.otf') format('opentype'), url('http://hyrulecastle.org/loh/5e/fonts/scalysanscaps.otf') format('opentype'); } @font-face { font-family: 'nodestocaps'; font-style: normal; font-weight: normal; src: url('http://legendsofhyrule.net/5e/fonts/nodestocapscondensed.otf') format('opentype'), url('http://hyrulecastle.org/loh/5e/fonts/nodestocapscondensed.otf') format('opentype'); } @font-face { font-family: 'solbera'; font-style: normal; font-weight: normal; src: url('http://legendsofhyrule.net/5e/fonts/solberaimitation.otf.otf') format('opentype'), url('http://hyrulecastle.org/loh/5e/fonts/solberaimitation.otf.otf') format('opentype'); } @font-face { font-family: 'zatanna'; font-style: normal; font-weight: normal; src: url('http://legendsofhyrule.net/5e/fonts/zatannamisdirection.otf') format('opentype'), url('http://hyrulecastle.org/loh/5e/fonts/zatannamisdirection.otf') format('opentype'); } == hiding sidebar; changing content font == #column-content {margin: 0 0 .6em 0;} #column-content #content {margin: 2.8em 0 0 0; font-size: 16px; font-family: "bookinsanity"; } #p-logo, .generated-sidebar, #p-lang, #p-tb { display:none; } #p-cactions { left: .1em; } #footer { display:none; } #mw_content { margin-left:0.2em; }