MediaWiki:Common.css
From Guild Wars Wiki
Jump to navigationJump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/*<nowiki>*/
/* Used on the [[Main Page]]. */
#mainpage .banner-wrapper {
width: 75%;
margin: auto;
background: #F5FAFF;
border: 1px solid #AAA;
box-shadow: inset 0 0 0 4px #F5FAFF, inset 0 0 0 5px #7BC;
padding: 7px;
font-weight: bold;
text-align: center;
color: #000;
}
#mainpage.Halloween .banner-wrapper {
background: #302226;
border: 1px solid #F60;
box-shadow: inset 0 0 0 4px #FCFCFC, inset 0 0 0 5px #F60;
color: #9EED5C;
}
#mainpage.Wintersday .banner-wrapper {
background: #7CCD7C;
border: 1px solid #F5FAFF;
box-shadow: inset 0 0 0 4px #CC3300, inset 0 0 0 5px #FFF;
color: #000;
}
#mainpage .banner a {
color: #0645AD;
}
#mainpage.Halloween .banner a {
color: #9EEDCC;
}
#mainpage.Wintersday .banner a {
color: #0645AD;
}
#mainpage .campaign-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
text-align: center;
align-items: center;
margin: 0.5% auto
}
#mainpage .campaign-icons {
flex-grow: 1;
min-width: 160px;
}
#mainpage .content-wrapper {
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
border-collapse: separate;
}
#mainpage .heading-icon {
float: right;
max-width: 64px;
max-height: 64px;
}
#mainpage .subscript {
text-align: right;
font-size: 0.8em;
font-style: italic;
margin: 0.3em 1em;
}
#mainpage .content-frame-outer {
background: #FCFCFC;
box-shadow: inset 0 0 0 2px #FFF,inset 0 0 0 3px #AAA;
flex-grow: 1;
vertical-align: top;
width: 33%;
box-sizing: border-box;
min-width: 300px;
}
#mainpage.Halloween .content-frame-outer {
background: #F6F6F4;
border: 1px solid #F60;
}
#mainpage.Wintersday .content-frame-outer {
background: #FCFCFC;
border: 1px solid #C30;
}
#mainpage .content-frame-outer.double-width {
width: calc(66% + 4px);
}
#mainpage .content-frame-outer.calendar {
border-width: 0;
background: transparent;
}
#mainpage .content-frame-inner {
background: #ACD;
border: 1px solid #7BC;
padding: 5px;
margin: 3px;
font-weight: bold;
text-align: center;
font-size: 120%;
color: #000;
}
#mainpage.Halloween .content-frame-inner {
background: #34282C;
border: 1px solid #F60;
color: #9EED5C;
}
#mainpage.Wintersday .content-frame-inner {
background: #7CCD7C;
border: 1px solid #693;
color: #000;
}
#mainpage .content {
padding: 0em 1em;
}
/* TOC display level limiter, will only display the TOC up to level N */
.toc1 li.toclevel-2,
.toc1 li.toclevel-3, .toc2 li.toclevel-3,
.toc1 li.toclevel-4, .toc2 li.toclevel-4, .toc3 li.toclevel-4,
.toc1 li.toclevel-5, .toc2 li.toclevel-5, .toc3 li.toclevel-5, .toc4 li.toclevel-5,
.toc1 li.toclevel-6, .toc2 li.toclevel-6, .toc3 li.toclevel-6, .toc4 li.toclevel-6, .toc5 li.toclevel-6
{ display: none; }
/* Skill progression template, auto-wrapping */
table.skill-progression
{ margin: 1em 0.25em; border: 1px solid #6A3; text-align: center; line-height: 1.5em; }
table.skill-progression th
{ border-bottom: 1px solid #6A3; background: #ADA; padding: 3px; }
table.skill-progression div.column
{ border-left: 1px solid #6A3; float: left; }
table.skill-progression div.attr
{ padding: 3px; background: #DFD; }
table.skill-progression div.var
{ padding: 3px; border-top: 1px solid #6A3; }
/* Infobox templates */
div.infobox
{ float: right; font-size: 0.9em; border: 1px solid silver; background: #FFF;
margin: 0em 0em 0.5em 0.5em; padding: 2px 2px 0px 2px; }
div.infobox p
{ clear: both; text-align: center; margin: 0.5em; }
div.infobox p.heading
{ padding: 5px; margin: 0; font-weight: bold; background: silver; font-size: 1.1em; }
div.infobox p.subheading
{ padding: 5px; margin: 0; font-weight: bold; background: silver; }
div.infobox div
{ padding: 0; margin: 0; }
div.infobox dl
{ padding: 0; margin: 0; clear: both; }
div.infobox dt
{ float: left; clear: both; margin: 0 10px 0 0; padding: 5px; background: silver; width: 45%; *padding: 4px 5px; }
div.infobox dd
{ margin: 0 0 2px; padding: 5px 0; height: 19px; }
table.infobox
{ float: right; font-size: 0.9em; border: 1px solid silver; background: #FFF;
margin: 0em 0em 0.5em 0.5em; }
table.infobox th
{ font-weight: bold; background: silver; text-align: left; }
table.infobox tr
{ vertical-align: top; }
table.infobox th.heading
{ text-align: center; font-size: 1.1em; }
table.infobox th.subheading, table.infobox td.image
{ text-align: center; }
/* Infobox template customizations */
.infobox.guild_hall th
{ background: #CAD; }
.infobox.feedback th
{ background: #E5DFEB; }
/* Skill infobox template */
div.skill-box
{ width: 20em; }
div.skill-box p.heading, div.skill-box p.subheading, div.skill-box dt
{ background: #ADA; }
div.skill-box dt
{ width: 6.25em; margin-bottom:2px; }
div.skill-box div.skill-image
{ float: left; text-align: right; width: 80px; padding: 1.4em 0em; }
div.skill-box div.skill-stats
{ float: left; text-align: right; width: 5em; }
div.skill-box div.skill-stats ul
{ list-style: none none; margin: 0; margin-top: 1em; padding: 0; }
/* Skill infobox template, profession icon background; use 'profession-bg' for general usage */
div.skill-box, .profession-bg
{ background: #FFF url(./images/e/ec/Any-faded-large.png) no-repeat 8em 0em; }
div.skill-box.Warrior, .profession-bg.Warrior
{ background: #FFF url(./images/6/6e/Warrior-faded-large.png) no-repeat 8em 0em; }
div.skill-box.Ranger, .profession-bg.Ranger
{ background: #FFF url(./images/1/14/Ranger-faded-large.png) no-repeat 7.5em 0.5em; }
div.skill-box.Monk, .profession-bg.Monk
{ background: #FFF url(./images/e/e6/Monk-faded-large.png) no-repeat 8em 0em; }
div.skill-box.Elementalist, .profession-bg.Elementalist
{ background: #FFF url(./images/9/94/Elementalist-faded-large.png) no-repeat 8.5em 0em; }
div.skill-box.Mesmer, .profession-bg.Mesmer
{ background: #FFF url(./images/5/5c/Mesmer-faded-large.png) no-repeat 7.25em 1em; }
div.skill-box.Necromancer, .profession-bg.Necromancer
{ background: #FFF url(./images/f/f7/Necromancer-faded-large.png) no-repeat 8em 0em; }
div.skill-box.Assassin, .profession-bg.Assassin
{ background: #FFF url(./images/a/a9/Assassin-faded-large.png) no-repeat 8em 2em; }
div.skill-box.Ritualist, .profession-bg.Ritualist
{ background: #FFF url(./images/b/b7/Ritualist-faded-large.png) no-repeat 8.5em -1em; }
div.skill-box.Paragon, .profession-bg.Paragon
{ background: #FFF url(./images/3/3a/Paragon-faded-large.png) no-repeat 9em 0.5em; }
div.skill-box.Dervish, .profession-bg.Dervish
{ background: #FFF url(./images/b/b7/Dervish-faded-large.png) no-repeat 8.5em 1em; }
div.skill-box.Monster, .profession-bg.Monster
{ background: #FFF url(./images/a/a5/Monster-faded-large.png) no-repeat 7.5em 0em; }
/* Feedback namespace */
body.ns-202, body.ns-203
{ background: #ECF6EC url(https://wiki.guildwars.com/images/1/15/User_Aiiane_background_green_faded.jpg) repeat-x; }
body.ns-202 #content, body.ns-202 #p-cactions li.selected,
body.ns-203 #content, body.ns-203 #p-cactions li.selected
{ background: #FFFFFF url(https://wiki.guildwars.com/images/5/5e/Feedback_banner_logo.png) no-repeat top right; }
body.ns-202 #p-cactions li.selected a, body.ns-203 #p-cactions li.selected a
{ background: #FFFFFF; border-bottom: 2px solid #FFFFFF; }
table.feedback-table
{ width: 100%; border: 1px solid #866D9E; }
table.feedback-table th
{ background: #E5DFEB; padding: 2px 5px; text-align: left; }
table.feedback-table td
{ background: #F2ECF8; padding: 2px 5px; }
table.feedback-table tr:nth-child(even) td
{ background: #F9F2FF; }
/* Miscellaneous changes */
div.mw-dismissable-notice .mw-dismissable-notice-body { margin: 0; margin-bottom: .5em; }
div.mw-dismissable-notice .mw-dismissable-notice-close { margin-right: 10px; margin-top: 5px; }
ul.special abbr, ul.special acronym
{ border: none; }
ol.references > li:target, sup.reference:target, cite:target
{ background: #EEF; }
ol.references
{ font-size: 90%; }
sup, sub
{ line-height: 1em; }
h1, h2, h3, h4, h5, h6
{ overflow: hidden; }
.mw-editsection, .mw-editsection-like
{ line-height: unset; }
div.searchresults .mw-search-results
{ float: none; }
.mobileonly
{ display: none; }
/* Universal styles */
.hide
{ display: none; }
.hidelist ul
{ list-style: none none; padding: 0; margin: 0; }
.hidelist p
{ font-style: italic; margin: 0em 0em 0.2em; }
.hidelist p + ul
{ margin-bottom: 0.5em; }
#content .hiddenlinks a, #content .hiddenlinks a:link, #content .hiddenlinks a:visited
{ color: inherit; }
/* Warning box */
div#warningBox, div.noticeboardbox
{ position: fixed; margin-top:-3.5em; right: 1em; border: 1px solid silver; background: #FFF; }
div#warningBox div, div.noticeboardbox div
{ margin: 2px; padding: 5px; font-size: 1.2em; text-align: center; background: #EF8F8F; }
/* Wiki community birthdays project */
ul.birthday
{ list-style: none none; padding: 0; margin: 0 0 0 2.5em; }
ul.birthday li span
{ position: absolute; margin-left: -2.5em; }
/* The Scribe articles */
td.scribe_left { width: 41px; background-image: url(/images/5/5b/The_Scribe_-_Scroll_Pattern_Left.jpg); background-repeat: repeat-y; }
td.scribe_right { width: 41px; background-image: url(/images/a/a1/The_Scribe_-_Scroll_Pattern_Right.jpg); background-repeat: repeat-y; }
/* Dark shadows for dynamic maps (see Guild Wars Wiki:Projects/Interactive_Maps) */
.dynamicmap .smallshadow {
/* some sane default values */
color: white;
/* shadow on everything but IE */
text-shadow: #000000 -2px 0px 5px, #000000 2px 0px 5px, #000000 0px -2px 5px, #000000 0px 2px 5px;
/* shadow on IE */
zoom: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=0, Strength=2) progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=90, Strength=2) progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=180, Strength=2) progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=270, Strength=2)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=0, Strength=2) progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=90, Strength=2) progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=180, Strength=2) progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=270, Strength=2);
}
.dynamicmap .largeshadow {
/* some sane default values */
color: white;
/* shadow on everything but IE */
text-shadow: #000000 -3px 0px 5px, #000000 3px 0px 5px, #000000 0px -3px 5px, #000000 0px 3px 5px;
/* shadow on IE */
zoom: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=0, Strength=3) progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=90, Strength=3) progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=180, Strength=3) progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=270, Strength=3)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=0, Strength=3) progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=90, Strength=3) progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=180, Strength=3) progid:DXImageTransform.Microsoft.Shadow(Color='#000000', Direction=270, Strength=3);
}
/* [[Automated Tournament]] tables */
.AT-table { border-collapse:collapse; font-size:92%; border:1px solid #aaa }
.AT-table tr { text-align:center; }
.AT-table th { background-color:#e7e7e7 !important; }
.AT-table th,.AT-table td { border-left:1px solid #aaa; border-right:1px solid #aaa; }
.AT-table > tbody > tr > :first-child { padding:0 0.5em; }
.AT-table > tbody > tr:nth-child(odd) { background-color:#f3f3f3; }
.AT-table .line-top { border-top:1px solid #aaa; }
/* Deletion page fixes */
@media screen and (min-width: 820px) {
#mw-deleteconfirm-table div label { display: inline-block; width: 170px; text-align:right; margin-bottom:5px; }
#mw-deleteconfirm-table input#wpWatch { margin-left: 156px; }
}
/*</nowiki>*/
