"MediaWiki:Common.css" 修訂間的差異

出自 淡水維基館
前往： 導覽、 搜尋
小 (復原由LiaoWS (對話)的編輯；更改回Rocio的最後一個版本)
行 218： 行 218：
 
.dablink i */ {
 
.dablink i */ {
 
     font-style: normal;
 
     font-style: normal;
 +
}
 +
 +
 +
 +
/*Vanya嘗試放放看~*/
 +
/**INFOBOXES**/
 +
div.infobox {
 +
float:right;
 +
position:relative;
 +
width:250px;
 +
background:#FFF;
 +
font-size:.923em;
 +
border:1px solid #aaa;
 +
margin:0 0 1em 1em;
 +
padding:0
 +
}
 +
 +
div.infobox,div.nav .box {
 +
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
 +
background-image: linear-gradient(top, #fff 0%, #eee 100%);
 +
background-image: -o-linear-gradient(top, #fff 0%, #eee 100%);
 +
background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%);
 +
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
 +
background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%);
 +
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee))
 +
}
 +
 +
div.infobox .icon {
 +
float:right;
 +
position:relative;
 +
z-index:2;
 +
width:auto;
 +
margin:5px
 +
}
 +
 +
div.infobox .icon p {
 +
text-align:center;
 +
color:#444;
 +
font-size:9px!important;
 +
background-color:rgba(255,255,255,0.5);
 +
border-radius:.75em;
 +
line-height:1em;
 +
margin:.25em -.5em;
 +
padding:2px
 +
}
 +
 +
div.infobox .wrapper {
 +
clear:both;
 +
padding:0
 +
}
 +
 +
div.infobox .statistics {
 +
text-align:center;
 +
margin:0 8px
 +
}
 +
 +
div.statistics span + span { margin-left: 5px; }
 +
 +
div.infobox .heading,div.nav .heading {
 +
font-weight:700;
 +
background-image:url(http://wiki.guildwars2.com/images/c/cc/Infobox_header_overlay.png)!important;
 +
text-align:center;
 +
border:1px solid rgba(0,0,0,0.25);
 +
border-bottom-width:0;
 +
position:relative;
 +
z-index:1;
 +
font-size-adjust:.52;
 +
margin:-1px -1px 5px!important
 +
}
 +
 +
div.infobox .heading {
 +
font-family:EasonPro, "Times New Roman", serif!important;
 +
font-size:1.417em!important;
 +
color:#fff!important;
 +
background-color:#444;
 +
text-shadow:rgba(0,0,0,0.75) 0 0 .25em;
 +
line-height:1.176em;
 +
font-size-adjust:.43;
 +
padding:.5em!important
 +
}
 +
 +
div.infobox .subheading,div.nav .subheading {
 +
font-weight:700;
 +
background-color:#888;
 +
background-image:url(http://wiki.guildwars2.com/images/c/cc/Infobox_header_overlay.png)!important;
 +
border-left:1px solid rgba(0,0,0,0.25);
 +
border-right:1px solid rgba(0,0,0,0.25);
 +
line-height:100%;
 +
text-align:center;
 +
position:relative;
 +
margin:0 -1px!important
 +
}
 +
 +
div.infobox .subheading {
 +
font-family:EasonPro, "Times New Roman", serif;
 +
font-size:1.25em!important;
 +
color:#fff!important;
 +
background-color:#444;
 +
text-shadow:rgba(0,0,0,0.75) 0 0 .25em;
 +
z-index:1;
 +
line-height:1.333em;
 +
font-size-adjust:0.43;
 +
padding:.567em!important
 +
}
 +
 +
div.nav dl,div.infobox dl {
 +
margin:10px 0
 +
}
 +
 +
div.infobox dt {
 +
float:left;
 +
text-align:right;
 +
width:78px;
 +
line-height:1em;
 +
font-weight:700;
 +
clear:left;
 +
border-right:2px solid #999;
 +
margin:0 -2px 0 0;
 +
padding:2px 8px 2px 3px
 +
}
 +
 +
div.infobox dd {
 +
float:left;
 +
width:125px;
 +
font-weight:400;
 +
border-left:2px solid #999;
 +
margin:0;
 +
padding:2px 7px
 +
}
 +
 +
div.infobox .image_wrapper {
 +
text-align:center;
 +
padding:0;
 +
margin:10px 0
 +
}
 +
 +
div.infobox::after,div.nav .box::after,div.infobox .heading::after,div.nav .heading::after,div.infobox .subheading::after,div.nav .subheading::after,.table::after {
 +
content:"";
 +
position:absolute;
 +
width:100%;
 +
left:0;
 +
height:3px;
 +
background-image:url(http://wiki.guildwars2.com/images/4/45/Shadow_after.png);
 +
background-size:100% 3px
 +
}
 +
 +
div.infobox::after,div.nav .box::after {bottom:-4px}
 +
div.infobox .heading::after,div.nav .heading::after,div.infobox .subheading::after,div.nav .subheading::after,.table::after {bottom:-3px}
 +
 +
div.infobox table,div.nav table {background-color:transparent}
 +
 +
div.infobox.guardian dd,div.infobox.guardian dt {
 +
border-color:#066!important
 +
}
 +
 +
div.infobox.guardian .heading,div.infobox.guardian .subheading {
 +
background-color:#066!important
 +
}
 +
 +
div.infobox.warrior dd,div.infobox.warrior dt {
 +
border-color:#c60!important
 +
}
 +
 +
div.infobox.warrior .heading,div.infobox.warrior .subheading {
 +
background-color:#c60!important
 +
}
 +
 +
div.infobox.engineer dd,div.infobox.engineer dt {
 +
border-color:#630!important
 +
}
 +
 +
div.infobox.engineer .heading,div.infobox.engineer .subheading {
 +
background-color:#630!important
 +
}
 +
 +
div.infobox.ranger dd,div.infobox.ranger dt {
 +
border-color:#360!important
 +
}
 +
 +
div.infobox.ranger .heading,div.infobox.ranger .subheading {
 +
background-color:#360!important
 +
}
 +
 +
div.infobox.thief dd,div.infobox.thief dt {
 +
border-color:#933!important
 +
}
 +
 +
div.infobox.thief .heading,div.infobox.thief .subheading {
 +
background-color:#933!important
 +
}
 +
 +
div.infobox.elementalist dd,div.infobox.elementalist dt {
 +
border-color:#c00!important
 +
}
 +
 +
div.infobox.elementalist .heading,div.infobox.elementalist .subheading {
 +
background-color:#c00!important
 +
}
 +
 +
div.infobox.mesmer dd,div.infobox.mesmer dt {
 +
border-color:#606!important
 +
}
 +
 +
div.infobox.mesmer .heading,div.infobox.mesmer .subheading {
 +
background-color:#606!important
 +
}
 +
 +
div.infobox.necromancer dd,div.infobox.necromancer dt {
 +
border-color:#063!important
 +
}
 +
 +
div.infobox.necromancer .heading,div.infobox.necromancer .subheading {
 +
background-color:#063!important
 +
}
 +
 +
div.infobox.asura dd,div.infobox.asura dt {
 +
border-color:#63c!important
 +
}
 +
 +
div.infobox.asura .heading,div.infobox.asura .subheading {
 +
background-color:#63c!important
 +
}
 +
 +
div.infobox.charr dd,div.infobox.charr dt {
 +
border-color:#900!important
 +
}
 +
 +
div.infobox.charr .heading,div.infobox.charr .subheading {
 +
background-color:#900!important
 +
}
 +
 +
div.infobox.human dd,div.infobox.human dt {
 +
border-color:#c90!important
 +
}
 +
 +
div.infobox.human .heading,div.infobox.human .subheading {
 +
background-color:#c90!important
 +
}
 +
 +
div.infobox.norn dd,div.infobox.norn dt {
 +
border-color:#069!important
 +
}
 +
 +
div.infobox.norn .heading,div.infobox.norn .subheading {
 +
background-color:#069!important
 +
}
 +
 +
div.infobox.sylvari dd,div.infobox.sylvari dt {
 +
border-color:#060!important
 +
}
 +
 +
div.infobox.sylvari .heading,div.infobox.sylvari .subheading {
 +
background-color:#060!important
 +
}
 +
 +
div.infobox.boon dd,div.infobox.boon dt {
 +
border-color:#399!important
 +
}
 +
 +
div.infobox.boon .heading,div.infobox.boon .subheading {
 +
background-color:#399!important
 +
}
 +
 +
div.infobox.condition dd,div.infobox.condition dt {
 +
border-color:#363!important
 +
}
 +
 +
div.infobox.condition .heading,div.infobox.condition .subheading {
 +
background-color:#363!important
 +
}
 +
 +
div.infobox.armor dd,div.infobox.weapon dd,div.infobox.item dd,div.infobox.armor dt,div.infobox.weapon dt,div.infobox.item dt {
 +
border-color:#c30
 +
}
 +
 +
div.infobox.armor .heading,div.infobox.weapon .heading,div.infobox.item .heading,div.infobox.armor .subheading,div.infobox.weapon .subheading,div.infobox.item .subheading {
 +
background:#c30
 +
}
 +
 +
div.infobox.recipe {
 +
width:250px;
 +
display: inline-block;
 +
float:none;
 +
clear:none;
 +
vertical-align:top;
 +
font-size:1em;
 +
margin:0 1em 1em 0
 +
}
 +
 +
div.infobox.recipe .heading,div.infobox.recipe .subheading {
 +
font-size:1.133em;
 +
background:#533610
 +
}
 +
 +
div.infobox.recipe .wrapper {
 +
padding:0 10px
 +
}
 +
 +
div.infobox.crafting .heading,div.infobox.crafting .subheading {
 +
background:#533610
 +
}
 +
 +
div.infobox.crafting dd,div.infobox.recipe dd,div.infobox.crafting dt,div.infobox.recipe dt {
 +
border-color:#533610
 +
}
 +
 +
div.infobox.npc dd,div.infobox.npc dt {
 +
border-color:#390
 +
}
 +
 +
div.infobox.npc .heading,div.infobox.npc .subheading {
 +
background:#390
 +
}
 +
 +
div.infobox.skill dd,div.infobox.trait dd,div.infobox.skill dt,div.infobox.trait dt {
 +
border-color:#999
 +
}
 +
 +
div.infobox.skill .heading,div.infobox.trait .heading,div.infobox.skill .subheading,div.infobox.trait .subheading {
 +
background:#444
 +
}
 +
 +
div.infobox.skill .icon > div {
 +
border:2px solid #111
 +
}
 +
 +
div.infobox.trait .icon {
 +
margin:5px 7px
 +
}
 +
 +
div.infobox.effect .condition {
 +
background:#363
 +
}
 +
 +
div.infobox.effect .boon {
 +
background:#399
 +
}
 +
 +
div.infobox.pet dd,div.infobox.pet dt {
 +
border-color:#360
 +
}
 +
 +
div.infobox.pet .heading,div.infobox.pet .subheading {
 +
background:#360
 +
}
 +
 +
div.infobox.quest dd,div.infobox.quest dt {
 +
border-color:#f90
 +
}
 +
 +
div.infobox.quest .heading,div.infobox.quest .subheading {
 +
background:#f90
 +
}
 +
 +
div.infobox.area dd,div.infobox.area dt {
 +
border-color:#306
 +
}
 +
 +
div.infobox.area .heading,div.infobox.area .subheading {
 +
background:#306
 +
}
 +
 +
/**NAV BARS (headings are done with infobox headings)**/
 +
div.nav {
 +
position:relative;
 +
width:500px;
 +
margin:auto
 +
}
 +
 +
div.nav .box {
 +
position:relative;
 +
font-size:.9230769231em;
 +
border-spacing:0;
 +
overflow:visible;
 +
min-height:60px;
 +
border:1px solid #aaa;
 +
margin:5px;
 +
padding:0
 +
}
 +
 +
div.nav .heading {
 +
font-family:Arial, sans-serif!important;
 +
background-color:#888;
 +
font-size:1.083em;
 +
line-height:100%;
 +
margin:-1px -1px 0;
 +
padding:.769em 0
 +
}
 +
 +
div.nav .subheading {
 +
font-family:Arial, sans-serif;
 +
font-size:1em;
 +
font-size-adjust:.52;
 +
padding:.833em 0
 +
}
 +
 +
div.nav dt,div.nav dd,div.infobox dt,div.infobox dd,div.nav table {
 +
line-height:1.667em
 +
}
 +
 +
div.nav .center {
 +
text-align:center;
 +
margin:10px 0
 +
}
 +
 +
div.nav .box table {
 +
background-color:transparent;
 +
border-collapse:collapse;
 +
width:100%;
 +
margin:.667em 0
 +
}
 +
 +
div.nav dt {
 +
float:left;
 +
text-align:right;
 +
width:125px;
 +
clear:left;
 +
border-right:2px solid #999;
 +
margin:0 -2px 0 0;
 +
padding:2px 8px
 +
}
 +
 +
div.nav dd {
 +
float:left;
 +
text-align:left;
 +
border-left:#888 solid 2px;
 +
width:325px;
 +
margin:0;
 +
padding:2px 8px
 +
}
 +
 +
div.nav table th {
 +
text-align:right;
 +
border-right:2px solid #888;
 +
vertical-align:top;
 +
padding:2px 8px
 +
}
 +
 +
div.nav table td {
 +
padding:2px 8px 5px
 +
}
 +
 +
div.nav table td  a{
 +
white-space:nowrap;
 +
}
 +
 +
div.nav.thin .box {
 +
width:400px;
 +
margin-left:50px
 +
}
 +
 +
div.nav.thin dt {
 +
width:75px
 +
}
 +
 +
div.nav.thin dd {
 +
width:290px
 +
}
 +
 +
div.nav.wide .box {
 +
width:600px;
 +
margin-left:-50px
 +
}
 +
 +
div.nav.wide dt {
 +
width:150px
 +
}
 +
 +
div.nav.wide dd {
 +
width:400px
 +
}
 +
 +
div.nav.npc .heading {
 +
background-color:#6c3
 +
}
 +
 +
div.nav.npc dd,div.nav.npc dt,div.nav.npc table th {
 +
border-color:#6c3
 +
}
 +
 +
div.nav.pve .heading {
 +
background-color:#fc6
 +
}
 +
 +
div.nav.pve dd,div.nav.pve dt,div.nav.pve table th {
 +
border-color:#fc6
 +
}
 +
 +
div.nav.equip .heading {
 +
background-color:#f96
 +
}
 +
 +
div.nav.equip dd,div.nav.equip dt,div.nav.equip table th {
 +
border-color:#f96
 +
}
 +
 +
div.nav.mech1 .heading {
 +
background-color:#69c
 +
}
 +
 +
div.nav.mech1 dd,div.nav.mech1 dt,div.nav.mech1 table th {
 +
border-color:#69c
 +
}
 +
 +
div.nav.mech2 .heading {
 +
background-color:#3cc
 +
}
 +
 +
div.nav.mech2 dd,div.nav.mech2 dt,div.nav.mech2 table th {
 +
border-color:#3cc
 +
}
 +
 +
div.nav.location .heading {
 +
background-color:#96c
 +
}
 +
 +
div.nav.location dd,div.nav.location dt,div.nav.location table th {
 +
border-color:#96c
 +
}
 +
 +
div.nav.lore .heading {
 +
background-color:#c6c
 +
}
 +
 +
div.nav.lore dd,div.nav.lore dt,div.nav.lore table th {
 +
border-color:#c6c
 +
}
 +
 +
div.nav.promo .heading {
 +
background-color:#9c3
 +
}
 +
 +
div.nav.promo dd,div.nav.promo dt,div.nav.promo table th {
 +
border-color:#9c3
 +
}
 +
 +
div.nav.hom .heading {
 +
background-color:#c96
 +
}
 +
 +
div.nav.hom dd,div.nav.hom dt,div.nav.hom table th {
 +
border-color:#c96
 +
}
 +
 +
div.nav.crafting .heading,div.nav.recipe .heading {
 +
background-color:#963
 +
}
 +
 +
div.nav.crafting dd,div.nav.hom dt,div.nav.crafting table th,div.nav.recipe dd,div.nav.hom dt,div.nav.recipe table th {
 +
border-color:#963
 +
}
 +
 +
div.nav.guardian .heading,div.nav.guardian .subheading {
 +
background-color:#39c
 +
}
 +
 +
div.nav.guardian dd,div.nav.guardian dt,div.nav.guardian table th {
 +
border-color:#39c
 +
}
 +
 +
div.nav.warrior .heading,div.nav.warrior .subheading {
 +
background-color:#f93
 +
}
 +
 +
div.nav.warrior dd,div.nav.warrior dt,div.nav.warrior table th {
 +
border-color:#f93
 +
}
 +
 +
div.nav.engineer .heading,div.nav.engineer .subheading {
 +
background-color:#963
 +
}
 +
 +
div.nav.engineer dd,div.nav.engineer dt,div.nav.engineer table th {
 +
border-color:#963
 +
}
 +
 +
div.nav.ranger .heading,div.nav.ranger .subheading {
 +
background-color:#6c3
 +
}
 +
 +
div.nav.ranger dd,div.nav.ranger dt,div.nav.ranger table th {
 +
border-color:#6c3
 +
}
 +
 +
div.nav.thief .heading,div.nav.thief .subheading {
 +
background-color:#c66
 +
}
 +
 +
div.nav.thief dd,div.nav.thief dt,div.nav.thief table th {
 +
border-color:#c66
 +
}
 +
 +
div.nav.elementalist .heading,div.nav.elementalist .subheading {
 +
background-color:#f33
 +
}
 +
 +
div.nav.elementalist dd,div.nav.elementalist dt,div.nav.elementalist table th {
 +
border-color:#f33
 +
}
 +
 +
div.nav.mesmer .heading,div.nav.mesmer .subheading {
 +
background-color:#939
 +
}
 +
 +
div.nav.mesmer dd,div.nav.mesmer dt,div.nav.mesmer table th {
 +
border-color:#939
 +
}
 +
 +
div.nav.necromancer .heading,div.nav.necromancer .subheading {
 +
background-color:#396
 +
}
 +
 +
div.nav.necromancer dd,div.nav.necromancer dt,div.nav.necromancer table th {
 +
border-color:#396
 +
}
 +
 +
div.nav.asura .heading,div.nav.asura .subheading {
 +
background-color:#96f
 +
}
 +
 +
div.nav.asura dd,div.nav.asura dt,div.nav.asura table th {
 +
border-color:#96f
 +
}
 +
 +
div.nav.charr .heading,div.nav.charr .subheading {
 +
background-color:#f33
 +
}
 +
 +
div.nav.charr dd,div.nav.charr dt,div.nav.charr table th {
 +
border-color:#f33
 +
}
 +
 +
div.nav.human .heading,div.nav.human .subheading {
 +
background-color:#fc3
 +
}
 +
 +
div.nav.human dd,div.nav.human dt,div.nav.human table th {
 +
border-color:#fc3
 +
}
 +
 +
div.nav.norn .heading,div.nav.norn .subheading {
 +
background-color:#6cf
 +
}
 +
 +
div.nav.norn dd,div.nav.norn dt,div.nav.norn table th {
 +
border-color:#6cf
 +
}
 +
 +
div.nav.sylvari .heading,div.nav.sylvari .subheading {
 +
background-color:#3c3
 +
}
 +
 +
div.nav.sylvari dd,div.nav.sylvari dt,div.nav.sylvari table th {
 +
border-color:#3c3
 +
}
 +
 +
/**PRINTER CHANGES**/
 +
@media print {
 +
#content {
 +
border:0 solid #fff;
 +
box-shadow:none;
 +
border-radius:0
 +
}
 +
 +
#mainpagenavigation th,div.infobox .heading,div.infobox .subheading,div.nav .heading,div.nav .subheading {
 +
color:#000!important;
 +
text-shadow:none!important;
 +
border-width:0!important
 +
}
 +
 +
table.table > :first-child > tr:first-child,table.table > :first-child > tr:first-child > *,.table > tbody > tr > * {border:1px solid #000!important}
 +
.table {border-collapse:collapse!important}
 +
}
 +
 +
/**Hiding icon redlinks**/
 +
span.thumb-icon a.new {
 +
  color: transparent;
 +
  display: inline-block;
 +
  font: 0/0 a;
 +
  overflow: hidden;
 +
  vertical-align: middle;
 +
}
 +
 +
/* Item icons */
 +
span.thumb-icon.item-icon.small a.new {
 +
  background-image: url(/images/thumb/7/74/Skill.png/20px-Skill.png);
 +
  height: 20px;
 +
  width: 20px;
 +
}
 +
 +
span.thumb-icon.item-icon.medium a.new {
 +
  background-image: url(/images/thumb/7/74/Skill.png/35px-Skill.png);
 +
  height: 35px;
 +
  width: 35px;
 +
}
 +
 +
/* Infobox icons */
 +
div.infobox-icon a.new {
 +
  color: transparent;
 +
  display: inline-block;
 +
  font: 0/0 a;
 +
  overflow: hidden;
 +
  vertical-align: middle;
 +
  background-image: url(/images/thumb/7/74/Skill.png/40px-Skill.png);
 +
  height: 40px;
 +
  width: 40px;
 +
}
 +
 +
div.skill-infobox-icon a.new {
 +
  color: transparent;
 +
  display: inline-block;
 +
  font: 0/0 a;
 +
  overflow: hidden;
 +
  vertical-align: middle;
 +
  background-image: url(/images/thumb/7/74/Skill.png/48px-Skill.png);
 +
  height: 48px;
 +
  width: 48px;
 +
}
 +
 +
/* Skill icons */
 +
/* will require more work since the template takes a continuous size parameter, rather than discrete size values */
 +
 +
*+html span.thumb-icon a.new { display: inline; } /* IE7 fix */
 +
* html span.thumb-icon a.new { display: inline; } /* IE6 fix */
 +
 +
/* Inline icons */
 +
div.inline-icon {
 +
  display:inline-block;
 +
  bottom: 2px;
 +
  overflow: visible;
 +
  height: 1.5384615385em;
 +
  margin: 0 0.167em;
 +
}
 +
 +
/* Masthead links */
 +
#upperBar {
 +
  position:absolute;
 +
  top:0;
 +
  left:156px;
 +
  height:30px;
 +
  z-index: 4;
 +
}
 +
 +
#upperBar ul {
 +
  padding:0px;
 +
  margin:0px;
 +
  list-style:none;
 +
}
 +
#upperBar ul li {
 +
  margin:0;
 +
  padding:0px;
 +
  display:inline-block;
 +
  font-family: "EasonPro","Times New Roman","serif";
 +
}
 +
#upperBar ul li a {
 +
  color:#FFC8AD;
 +
  text-transform:uppercase;
 +
  font-size:12px;
 +
  padding: 8px 10px;
 +
  line-height:2.6;
 +
}
 +
#upperBar ul li a:hover {
 +
  text-decoration:none;
 +
  color:white;
 +
}
 +
#upperBar ul li:first-child a:hover {
 +
  background:url(https://d2vn94glaxzkz3.cloudfront.net/wp-content/themes/guildwars2.com-live/img/nav-external.2181915747.png) no-repeat 0 -30px;
 +
  background-position:-121px -30px;
 +
}
 +
#upperBar ul li:first-child+li a:hover {
 +
  background:url(https://d2vn94glaxzkz3.cloudfront.net/wp-content/themes/guildwars2.com-live/img/nav-external.2181915747.png) no-repeat 0 -30px;
 +
  background-position:-206px -30px;
 +
}
 +
#upperBar ul li:first-child+li+li a:hover {
 +
  background:url(https://d2vn94glaxzkz3.cloudfront.net/wp-content/themes/guildwars2.com-live/img/nav-external.2181915747.png) no-repeat 0 -30px;
 +
  background-position:-274px -30px;
 +
}
 +
 +
/* Restore sort icons for sortable table headers
 +
* These are inserted as CSS background-image, which clashes with our fancy grandient overlays
 +
*/
 +
 +
table.jquery-tablesorter th.headerSort {
 +
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
 +
  background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20Z)!ie;
 +
  padding: 0.5em;
 +
  padding-right: 21px;
 +
}
 +
 +
table.jquery-tablesorter th.headerSortDown {
 +
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
 +
  background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20Z)!ie;
 +
}
 +
 +
table.jquery-tablesorter th.headerSortUp {
 +
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
 +
  background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20Z)!ie;
 +
}
 +
 +
/* No clue where it comes from, but this is "justify" by default and it looks bad */
 +
div.gallerytext {
 +
  text-align: left;
 +
}
 +
 +
/* Recipe boxes that don't look like infoboxes */
 +
div.recipe-box {
 +
  /* from div.infobox.recipe */
 +
  min-width: 300px;
 +
  display: inline-block;
 +
  float: none;
 +
  clear: none;
 +
  vertical-align: top;
 +
  font-size: 1em;
 +
  margin: 0 1em 0 0;
 +
 
 +
  /* from div.infobox */
 +
  position: relative;
 +
  background: #FFF;
 +
  border: 1px solid #aaa;
 +
  padding: 0;
 +
 
 +
  /* from div.infobox, div.nav .box */
 +
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
 +
  background-image: linear-gradient(top,#fff 0%,#eee 100%);
 +
  background-image: -o-linear-gradient(top,#fff 0%,#eee 100%);
 +
  background-image: -moz-linear-gradient(top,#fff 0%,#eee 100%);
 +
  background-image: -webkit-linear-gradient(top,#fff 0%,#eee 100%);
 +
  background-image: -ms-linear-gradient(top,#fff 0%,#eee 100%);
 +
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#eee));
 +
}
 +
 +
div.recipe-box::after {
 +
  /* from div.infobox:after ... */
 +
  bottom: -4px;
 +
  content: "";
 +
  position: absolute;
 +
  width: 100%;
 +
  left: 0;
 +
  height: 3px;
 +
  background-image: url(http://wiki.guildwars2.com/images/4/45/Shadow_after.png);
 +
  background-size: 100% 3px;
 +
}
 +
 +
div.recipe-box .subheading, div.recipe-box .heading {
 +
  text-align: center;
 +
  background-color: #D3C0A8;
 +
  padding: 2px;
 +
  font-weight: bold;
 +
  background-image:url(http://wiki.guildwars2.com/images/c/cc/Infobox_header_overlay.png)!important;
 +
  border:1px solid rgba(0,0,0,0.25);
 +
  margin:-1px -1px 5px!important
 +
}
 +
 +
div.recipe-box .subheading {
 +
  border-width:0 1px;
 +
}
 +
 +
div.recipe-box dl {
 +
  margin: 10px 0;
 +
}
 +
 +
div.recipe-box dt {
 +
  float: left;
 +
  text-align: right;
 +
  width: 78px;
 +
  line-height: 1em;
 +
  font-weight: 700;
 +
  clear: left;
 +
  border-right: 2px solid #A99A86;
 +
  margin: 0 -2px 0 0;
 +
  padding: 2px 8px 2px 3px;
 +
  line-height: 1.667em;
 +
}
 +
 +
div.recipe-box dd {
 +
  float: left;
 +
  border-left: 2px solid #999;
 +
  margin: 0;
 +
  padding: 2px 7px;
 +
}
 +
 +
/* For generic ingredient lists anywhere on the wiki */
 +
div.ingredients dt {
 +
  float: left;
 +
  clear: left;
 +
  text-align: right;
 +
  font-weight: normal;
 +
  width: 25px; 
 +
  margin: 0 -2px 0 0;
 +
  padding: 2px 2px 2px 3px;
 +
  line-height: 1.667em;
 +
  border: none;
 +
}
 +
 +
div.ingredients dd {
 +
  float: left;
 +
  margin: 0;
 +
  padding: 2px 7px;
 +
  border: none;
 +
}
 +
 +
div.ingredients dl {
 +
  margin: 2px 0;
 +
}
 +
 +
/* jqplot data labels; make them more readable */
 +
.jqplot-data-label { color: white; text-shadow: 1px 1px black; }
 +
 +
 +
/* GW2W Chat link search (for MediaWiki:ChatLinkSearch.js) */
 +
.gw2w-chat-link-search {
 +
    background: #F3F3F3;
 +
    border: 1px solid #C0C0C0;
 +
    margin: 1em 0;
 +
    padding: .5em;
 +
}
 +
.gw2w-chat-link-search tt {
 +
    font-size: 10px;
 +
    margin-right: 1em;
 
}
 
}

於 2013年10月28日 (一) 10:36 的修訂

/* 此處的 CSS 將應用於所有的面板 */
#scrollDiv{width:100%;height:25px;line-height:25px; overflow:hidden}      
#scrollDiv li{height:25px;padding-left:10px;list-style:none;}

/* new home screen */
#hs{
	position: relative;
	overflow: hidden;
	color:#333;
}
#hs-banner{
	height: 200px;
	overflow: hidden;
	position: relative;
}
#hs-banner img {
	position: absolute;
	width: 100%;
        height: auto;
	bottom: -60%;
}
#hs-banner-intro {
    background: none;
    margin: 140px 0 0 3px;
    opacity: 0.8;
    padding: 15px;
    position: relative;
    width: 500px;
    z-index: 1;
    font-size: 110%;
}
#hs-banner-intro h1{
font-family:微軟正黑體, sans-serif;
	border: 0;
	margin-bottom: 0;
}
<!--以下為R設定-->
#hs-bannerR {
	height: 250px;
	overflow: hidden;
	position: relative;
        border-radius: 10px;
}
#hs-bannerR img {
	position: absolute;
	width: 100%;
        height: auto;
	bottom: -60%;
}
#hs-banner-introR {
    background: none;
    margin: 200px 0 0 20px;
    opacity: 0.8;
    padding: 15px;
    position: relative;
    width: 420px;
    z-index: 1;
    font-size: 120%;
}
#hs-banner-introR h1{
font-family:標楷體, DFKai-sb, sans-serif;
	border: 0;
	margin-bottom: 0;
}
<!--以上為R設定-->
#hs-banner-intro p{
}

#hs-search{
 background: #FFFFFF;
    margin: 50px 0px 0 0;
opacity: 0.8;
    padding: 5px;
    position: relative;

    z-index: 1;
    float: right;
    font-size: 110%;
}
#hs-search-back{
	width: 100%;
	height: 40px;
	position: absolute;
	top:0;
	left: 0;
	opacity: 0.8;
	background: #FFF;
	
}
#hs-search input{
	position: relative;
	color:#333;
	font-size: 14px
	

}
#hs-search #bodySearchInput,
#hs-search .searchboxInput {
	width: 220px;
	background: #FFF;
	border:1px solid #B4B4B4;
	padding: 4px;
}
#hs-search .bodySearchBtnGo,
#hs-search .searchboxSearchButton{
	width: 80px;
	margin-left: 10px;
	text-transform: uppercase;
	background: #CCC;
	border:1px solid #B4B4B4;
	border-bottom:2px solid #B4B4B4;
	border-right: 2px solid #B4B4B4;
	-moz-border-radius: 2px;
border-radius: 2px;
padding: 4px 4px 3px;

}
#hs .column1{
	float: left;
	width: 48%;
	margin-right: 2%; //右邊界
}
#hs .column2{
	float: right;
	width: 45%;
	margin-right: 3%;
}
#hs .column h2, #hs .column h3{
	margin-bottom: 5px;
	margin-top: 15px;
}
#hs .half{
	width: 50%;
	float: left;
}
#hs .last{
 margin-right:0;
}
#hs .right{
float:right;
}
#hs .first{
 clear:left;
}
/* END OF NEW home screen */

/*試試看別的下拉*/
 
*/
/* Standard Navigationsleisten.*/
 
div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 2px;
        border: 1px solid #aaaaaa;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame,
div.NavFrame + table.collapsible,
table.collapsible + div.NavFrame,
table.collapsible + table.collapsible {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #ffffff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        min-height: 1.6em;
        font-weight: bold;
        font-size: 100%;
        text-align: center;
        background-color: #efefef;
        cursor:pointer;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
span.NavToggle {
        float: right;
        /*保证在禁用JS状态下不显示提示，使用hidden以保证在navbox标题能占有宽度*/
        visibility: hidden;
        text-align: right;
        font-weight: normal;
        font-size: 80%;
}
 
/* Hatnotes and disambiguation notices */
.rellink /*,
.dablink */ {
    /* font-style: italic; */
    /* @noflip */
    padding-left: 1.6em;
    margin-bottom: 0.5em;
}
.rellink i /*,
.dablink i */ {
    font-style: normal;
}



/*Vanya嘗試放放看~*/
/**INFOBOXES**/
div.infobox {
float:right;
position:relative;
width:250px;
background:#FFF;
font-size:.923em;
border:1px solid #aaa;
margin:0 0 1em 1em;
padding:0
}

div.infobox,div.nav .box {
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #fff 0%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee))
}

div.infobox .icon {
float:right;
position:relative;
z-index:2;
width:auto;
margin:5px
}

div.infobox .icon p {
text-align:center;
color:#444;
font-size:9px!important;
background-color:rgba(255,255,255,0.5);
border-radius:.75em;
line-height:1em;
margin:.25em -.5em;
padding:2px
}

div.infobox .wrapper {
clear:both;
padding:0
}

div.infobox .statistics {
text-align:center;
margin:0 8px
}

div.statistics span + span { margin-left: 5px; }

div.infobox .heading,div.nav .heading {
font-weight:700;
background-image:url(http://wiki.guildwars2.com/images/c/cc/Infobox_header_overlay.png)!important;
text-align:center;
border:1px solid rgba(0,0,0,0.25);
border-bottom-width:0;
position:relative;
z-index:1;
font-size-adjust:.52;
margin:-1px -1px 5px!important
}

div.infobox .heading {
font-family:EasonPro, "Times New Roman", serif!important;
font-size:1.417em!important;
color:#fff!important;
background-color:#444;
text-shadow:rgba(0,0,0,0.75) 0 0 .25em;
line-height:1.176em;
font-size-adjust:.43;
padding:.5em!important
}

div.infobox .subheading,div.nav .subheading {
font-weight:700;
background-color:#888;
background-image:url(http://wiki.guildwars2.com/images/c/cc/Infobox_header_overlay.png)!important;
border-left:1px solid rgba(0,0,0,0.25);
border-right:1px solid rgba(0,0,0,0.25);
line-height:100%;
text-align:center;
position:relative;
margin:0 -1px!important
}

div.infobox .subheading {
font-family:EasonPro, "Times New Roman", serif;
font-size:1.25em!important;
color:#fff!important;
background-color:#444;
text-shadow:rgba(0,0,0,0.75) 0 0 .25em;
z-index:1;
line-height:1.333em;
font-size-adjust:0.43;
padding:.567em!important
}

div.nav dl,div.infobox dl {
margin:10px 0
}

div.infobox dt {
float:left;
text-align:right;
width:78px;
line-height:1em;
font-weight:700;
clear:left;
border-right:2px solid #999;
margin:0 -2px 0 0;
padding:2px 8px 2px 3px
}

div.infobox dd {
float:left;
width:125px;
font-weight:400;
border-left:2px solid #999;
margin:0;
padding:2px 7px
}

div.infobox .image_wrapper {
text-align:center;
padding:0;
margin:10px 0
}

div.infobox::after,div.nav .box::after,div.infobox .heading::after,div.nav .heading::after,div.infobox .subheading::after,div.nav .subheading::after,.table::after {
content:"";
position:absolute;
width:100%;
left:0;
height:3px;
background-image:url(http://wiki.guildwars2.com/images/4/45/Shadow_after.png);
background-size:100% 3px
}

div.infobox::after,div.nav .box::after {bottom:-4px}
div.infobox .heading::after,div.nav .heading::after,div.infobox .subheading::after,div.nav .subheading::after,.table::after {bottom:-3px}

div.infobox table,div.nav table {background-color:transparent}

div.infobox.guardian dd,div.infobox.guardian dt {
border-color:#066!important
}

div.infobox.guardian .heading,div.infobox.guardian .subheading {
background-color:#066!important
}

div.infobox.warrior dd,div.infobox.warrior dt {
border-color:#c60!important
}

div.infobox.warrior .heading,div.infobox.warrior .subheading {
background-color:#c60!important
}

div.infobox.engineer dd,div.infobox.engineer dt {
border-color:#630!important
}

div.infobox.engineer .heading,div.infobox.engineer .subheading {
background-color:#630!important
}

div.infobox.ranger dd,div.infobox.ranger dt {
border-color:#360!important
}

div.infobox.ranger .heading,div.infobox.ranger .subheading {
background-color:#360!important
}

div.infobox.thief dd,div.infobox.thief dt {
border-color:#933!important
}

div.infobox.thief .heading,div.infobox.thief .subheading {
background-color:#933!important
}

div.infobox.elementalist dd,div.infobox.elementalist dt {
border-color:#c00!important
}

div.infobox.elementalist .heading,div.infobox.elementalist .subheading {
background-color:#c00!important
}

div.infobox.mesmer dd,div.infobox.mesmer dt {
border-color:#606!important
}

div.infobox.mesmer .heading,div.infobox.mesmer .subheading {
background-color:#606!important
}

div.infobox.necromancer dd,div.infobox.necromancer dt {
border-color:#063!important
}

div.infobox.necromancer .heading,div.infobox.necromancer .subheading {
background-color:#063!important
}

div.infobox.asura dd,div.infobox.asura dt {
border-color:#63c!important
}

div.infobox.asura .heading,div.infobox.asura .subheading {
background-color:#63c!important
}

div.infobox.charr dd,div.infobox.charr dt {
border-color:#900!important
}

div.infobox.charr .heading,div.infobox.charr .subheading {
background-color:#900!important
}

div.infobox.human dd,div.infobox.human dt {
border-color:#c90!important
}

div.infobox.human .heading,div.infobox.human .subheading {
background-color:#c90!important
}

div.infobox.norn dd,div.infobox.norn dt {
border-color:#069!important
}

div.infobox.norn .heading,div.infobox.norn .subheading {
background-color:#069!important
}

div.infobox.sylvari dd,div.infobox.sylvari dt {
border-color:#060!important
}

div.infobox.sylvari .heading,div.infobox.sylvari .subheading {
background-color:#060!important
}

div.infobox.boon dd,div.infobox.boon dt {
border-color:#399!important
}

div.infobox.boon .heading,div.infobox.boon .subheading {
background-color:#399!important
}

div.infobox.condition dd,div.infobox.condition dt {
border-color:#363!important
}

div.infobox.condition .heading,div.infobox.condition .subheading {
background-color:#363!important
}

div.infobox.armor dd,div.infobox.weapon dd,div.infobox.item dd,div.infobox.armor dt,div.infobox.weapon dt,div.infobox.item dt {
border-color:#c30
}

div.infobox.armor .heading,div.infobox.weapon .heading,div.infobox.item .heading,div.infobox.armor .subheading,div.infobox.weapon .subheading,div.infobox.item .subheading {
background:#c30
}

div.infobox.recipe {
width:250px;
display: inline-block;
float:none;
clear:none;
vertical-align:top;
font-size:1em;
margin:0 1em 1em 0
}

div.infobox.recipe .heading,div.infobox.recipe .subheading {
font-size:1.133em;
background:#533610
}

div.infobox.recipe .wrapper {
padding:0 10px
}

div.infobox.crafting .heading,div.infobox.crafting .subheading {
background:#533610
}

div.infobox.crafting dd,div.infobox.recipe dd,div.infobox.crafting dt,div.infobox.recipe dt {
border-color:#533610
}

div.infobox.npc dd,div.infobox.npc dt {
border-color:#390
}

div.infobox.npc .heading,div.infobox.npc .subheading {
background:#390
}

div.infobox.skill dd,div.infobox.trait dd,div.infobox.skill dt,div.infobox.trait dt {
border-color:#999
}

div.infobox.skill .heading,div.infobox.trait .heading,div.infobox.skill .subheading,div.infobox.trait .subheading {
background:#444
}

div.infobox.skill .icon > div {
border:2px solid #111
}

div.infobox.trait .icon {
margin:5px 7px
}

div.infobox.effect .condition {
background:#363
}

div.infobox.effect .boon {
background:#399
}

div.infobox.pet dd,div.infobox.pet dt {
border-color:#360
}

div.infobox.pet .heading,div.infobox.pet .subheading {
background:#360
}

div.infobox.quest dd,div.infobox.quest dt {
border-color:#f90
}

div.infobox.quest .heading,div.infobox.quest .subheading {
background:#f90
}

div.infobox.area dd,div.infobox.area dt {
border-color:#306
}

div.infobox.area .heading,div.infobox.area .subheading {
background:#306
}

/**NAV BARS (headings are done with infobox headings)**/
div.nav {
position:relative;
width:500px;
margin:auto
}

div.nav .box {
position:relative;
font-size:.9230769231em;
border-spacing:0;
overflow:visible;
min-height:60px;
border:1px solid #aaa;
margin:5px;
padding:0
}

div.nav .heading {
font-family:Arial, sans-serif!important;
background-color:#888;
font-size:1.083em;
line-height:100%;
margin:-1px -1px 0;
padding:.769em 0
}

div.nav .subheading {
font-family:Arial, sans-serif;
font-size:1em;
font-size-adjust:.52;
padding:.833em 0
}

div.nav dt,div.nav dd,div.infobox dt,div.infobox dd,div.nav table {
line-height:1.667em
}

div.nav .center {
text-align:center;
margin:10px 0
}

div.nav .box table {
background-color:transparent;
border-collapse:collapse;
width:100%;
margin:.667em 0
}

div.nav dt {
float:left;
text-align:right;
width:125px;
clear:left;
border-right:2px solid #999;
margin:0 -2px 0 0;
padding:2px 8px
}

div.nav dd {
float:left;
text-align:left;
border-left:#888 solid 2px;
width:325px;
margin:0;
padding:2px 8px
}

div.nav table th {
text-align:right;
border-right:2px solid #888;
vertical-align:top;
padding:2px 8px
}

div.nav table td {
padding:2px 8px 5px
}

div.nav table td  a{
white-space:nowrap;
}

div.nav.thin .box {
width:400px;
margin-left:50px
}

div.nav.thin dt {
width:75px
}

div.nav.thin dd {
width:290px
}

div.nav.wide .box {
width:600px;
margin-left:-50px
}

div.nav.wide dt {
width:150px
}

div.nav.wide dd {
width:400px
}

div.nav.npc .heading {
background-color:#6c3
}

div.nav.npc dd,div.nav.npc dt,div.nav.npc table th {
border-color:#6c3
}

div.nav.pve .heading {
background-color:#fc6
}

div.nav.pve dd,div.nav.pve dt,div.nav.pve table th {
border-color:#fc6
}

div.nav.equip .heading {
background-color:#f96
}

div.nav.equip dd,div.nav.equip dt,div.nav.equip table th {
border-color:#f96
}

div.nav.mech1 .heading {
background-color:#69c
}

div.nav.mech1 dd,div.nav.mech1 dt,div.nav.mech1 table th {
border-color:#69c
}

div.nav.mech2 .heading {
background-color:#3cc
}

div.nav.mech2 dd,div.nav.mech2 dt,div.nav.mech2 table th {
border-color:#3cc
}

div.nav.location .heading {
background-color:#96c
}

div.nav.location dd,div.nav.location dt,div.nav.location table th {
border-color:#96c
}

div.nav.lore .heading {
background-color:#c6c
}

div.nav.lore dd,div.nav.lore dt,div.nav.lore table th {
border-color:#c6c
}

div.nav.promo .heading {
background-color:#9c3
}

div.nav.promo dd,div.nav.promo dt,div.nav.promo table th {
border-color:#9c3
}

div.nav.hom .heading {
background-color:#c96
}

div.nav.hom dd,div.nav.hom dt,div.nav.hom table th {
border-color:#c96
}

div.nav.crafting .heading,div.nav.recipe .heading {
background-color:#963
}

div.nav.crafting dd,div.nav.hom dt,div.nav.crafting table th,div.nav.recipe dd,div.nav.hom dt,div.nav.recipe table th {
border-color:#963
}

div.nav.guardian .heading,div.nav.guardian .subheading {
background-color:#39c
}

div.nav.guardian dd,div.nav.guardian dt,div.nav.guardian table th {
border-color:#39c
}

div.nav.warrior .heading,div.nav.warrior .subheading {
background-color:#f93
}

div.nav.warrior dd,div.nav.warrior dt,div.nav.warrior table th {
border-color:#f93
}

div.nav.engineer .heading,div.nav.engineer .subheading {
background-color:#963
}

div.nav.engineer dd,div.nav.engineer dt,div.nav.engineer table th {
border-color:#963
}

div.nav.ranger .heading,div.nav.ranger .subheading {
background-color:#6c3
}

div.nav.ranger dd,div.nav.ranger dt,div.nav.ranger table th {
border-color:#6c3
}

div.nav.thief .heading,div.nav.thief .subheading {
background-color:#c66
}

div.nav.thief dd,div.nav.thief dt,div.nav.thief table th {
border-color:#c66
}

div.nav.elementalist .heading,div.nav.elementalist .subheading {
background-color:#f33
}

div.nav.elementalist dd,div.nav.elementalist dt,div.nav.elementalist table th {
border-color:#f33
}

div.nav.mesmer .heading,div.nav.mesmer .subheading {
background-color:#939
}

div.nav.mesmer dd,div.nav.mesmer dt,div.nav.mesmer table th {
border-color:#939
}

div.nav.necromancer .heading,div.nav.necromancer .subheading {
background-color:#396
}

div.nav.necromancer dd,div.nav.necromancer dt,div.nav.necromancer table th {
border-color:#396
}

div.nav.asura .heading,div.nav.asura .subheading {
background-color:#96f
}

div.nav.asura dd,div.nav.asura dt,div.nav.asura table th {
border-color:#96f
}

div.nav.charr .heading,div.nav.charr .subheading {
background-color:#f33
}

div.nav.charr dd,div.nav.charr dt,div.nav.charr table th {
border-color:#f33
}

div.nav.human .heading,div.nav.human .subheading {
background-color:#fc3
}

div.nav.human dd,div.nav.human dt,div.nav.human table th {
border-color:#fc3
}

div.nav.norn .heading,div.nav.norn .subheading {
background-color:#6cf
}

div.nav.norn dd,div.nav.norn dt,div.nav.norn table th {
border-color:#6cf
}

div.nav.sylvari .heading,div.nav.sylvari .subheading {
background-color:#3c3
}

div.nav.sylvari dd,div.nav.sylvari dt,div.nav.sylvari table th {
border-color:#3c3
}

/**PRINTER CHANGES**/
@media print {
#content {
border:0 solid #fff;
box-shadow:none;
border-radius:0
}

#mainpagenavigation th,div.infobox .heading,div.infobox .subheading,div.nav .heading,div.nav .subheading {
color:#000!important;
text-shadow:none!important;
border-width:0!important
}

table.table > :first-child > tr:first-child,table.table > :first-child > tr:first-child > *,.table > tbody > tr > * {border:1px solid #000!important}
.table {border-collapse:collapse!important}
}

/**Hiding icon redlinks**/
span.thumb-icon a.new {
  color: transparent;
  display: inline-block;
  font: 0/0 a;
  overflow: hidden;
  vertical-align: middle;
}

/* Item icons */
span.thumb-icon.item-icon.small a.new {
  background-image: url(/images/thumb/7/74/Skill.png/20px-Skill.png);
  height: 20px;
  width: 20px;
}

span.thumb-icon.item-icon.medium a.new {
  background-image: url(/images/thumb/7/74/Skill.png/35px-Skill.png);
  height: 35px;
  width: 35px;
}

/* Infobox icons */
div.infobox-icon a.new {
  color: transparent;
  display: inline-block;
  font: 0/0 a;
  overflow: hidden;
  vertical-align: middle;
  background-image: url(/images/thumb/7/74/Skill.png/40px-Skill.png);
  height: 40px;
  width: 40px;
}

div.skill-infobox-icon a.new {
  color: transparent;
  display: inline-block;
  font: 0/0 a;
  overflow: hidden;
  vertical-align: middle;
  background-image: url(/images/thumb/7/74/Skill.png/48px-Skill.png);
  height: 48px;
  width: 48px;
}

/* Skill icons */
/* will require more work since the template takes a continuous size parameter, rather than discrete size values */

*+html span.thumb-icon a.new { display: inline; } /* IE7 fix */
* html span.thumb-icon a.new { display: inline; } /* IE6 fix */

/* Inline icons */
div.inline-icon {
  display:inline-block;
  bottom: 2px;
  overflow: visible;
  height: 1.5384615385em;
  margin: 0 0.167em;
}

/* Masthead links */
#upperBar {
  position:absolute;
  top:0;
  left:156px;
  height:30px;
  z-index: 4;
}

#upperBar ul {
  padding:0px;
  margin:0px;
  list-style:none;
}
#upperBar ul li {
  margin:0;
  padding:0px;
  display:inline-block;
  font-family: "EasonPro","Times New Roman","serif";
}
#upperBar ul li a {
  color:#FFC8AD;
  text-transform:uppercase;
  font-size:12px;
  padding: 8px 10px;
  line-height:2.6;
}
#upperBar ul li a:hover {
  text-decoration:none;
  color:white;
}
#upperBar ul li:first-child a:hover {
  background:url(https://d2vn94glaxzkz3.cloudfront.net/wp-content/themes/guildwars2.com-live/img/nav-external.2181915747.png) no-repeat 0 -30px;
  background-position:-121px -30px;
}
#upperBar ul li:first-child+li a:hover {
  background:url(https://d2vn94glaxzkz3.cloudfront.net/wp-content/themes/guildwars2.com-live/img/nav-external.2181915747.png) no-repeat 0 -30px;
  background-position:-206px -30px;
}
#upperBar ul li:first-child+li+li a:hover {
  background:url(https://d2vn94glaxzkz3.cloudfront.net/wp-content/themes/guildwars2.com-live/img/nav-external.2181915747.png) no-repeat 0 -30px;
  background-position:-274px -30px;
}

/* Restore sort icons for sortable table headers
 * These are inserted as CSS background-image, which clashes with our fancy grandient overlays
 */

table.jquery-tablesorter th.headerSort {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
  background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20Z)!ie;
  padding: 0.5em;
  padding-right: 21px;
}

table.jquery-tablesorter th.headerSortDown {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
  background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20Z)!ie;
}

table.jquery-tablesorter th.headerSortUp {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
  background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20Z)!ie;
}

/* No clue where it comes from, but this is "justify" by default and it looks bad */
div.gallerytext {
  text-align: left;
}

/* Recipe boxes that don't look like infoboxes */
div.recipe-box {
  /* from div.infobox.recipe */
  min-width: 300px;
  display: inline-block;
  float: none;
  clear: none;
  vertical-align: top;
  font-size: 1em;
  margin: 0 1em 0 0;
  
  /* from div.infobox */
  position: relative;
  background: #FFF;
  border: 1px solid #aaa;
  padding: 0;
  
  /* from div.infobox, div.nav .box */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
  background-image: linear-gradient(top,#fff 0%,#eee 100%);
  background-image: -o-linear-gradient(top,#fff 0%,#eee 100%);
  background-image: -moz-linear-gradient(top,#fff 0%,#eee 100%);
  background-image: -webkit-linear-gradient(top,#fff 0%,#eee 100%);
  background-image: -ms-linear-gradient(top,#fff 0%,#eee 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#eee));
}

div.recipe-box::after {
  /* from div.infobox:after ... */
  bottom: -4px;
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  height: 3px;
  background-image: url(http://wiki.guildwars2.com/images/4/45/Shadow_after.png);
  background-size: 100% 3px;
}

div.recipe-box .subheading, div.recipe-box .heading {
  text-align: center;
  background-color: #D3C0A8;
  padding: 2px;
  font-weight: bold;
  background-image:url(http://wiki.guildwars2.com/images/c/cc/Infobox_header_overlay.png)!important;
  border:1px solid rgba(0,0,0,0.25);
  margin:-1px -1px 5px!important
}

div.recipe-box .subheading {
  border-width:0 1px;
}

div.recipe-box dl {
  margin: 10px 0;
}

div.recipe-box dt {
  float: left;
  text-align: right;
  width: 78px;
  line-height: 1em;
  font-weight: 700;
  clear: left;
  border-right: 2px solid #A99A86;
  margin: 0 -2px 0 0;
  padding: 2px 8px 2px 3px;
  line-height: 1.667em;
}

div.recipe-box dd {
  float: left;
  border-left: 2px solid #999;
  margin: 0;
  padding: 2px 7px;
}

/* For generic ingredient lists anywhere on the wiki */
div.ingredients dt {
  float: left;
  clear: left;
  text-align: right;
  font-weight: normal;
  width: 25px;  
  margin: 0 -2px 0 0;
  padding: 2px 2px 2px 3px;
  line-height: 1.667em;
  border: none;
}
 
div.ingredients dd {
  float: left;
  margin: 0;
  padding: 2px 7px;
  border: none;
}
 
div.ingredients dl {
  margin: 2px 0;
}

/* jqplot data labels; make them more readable */
.jqplot-data-label { color: white; text-shadow: 1px 1px black; }


/* GW2W Chat link search (for MediaWiki:ChatLinkSearch.js) */
.gw2w-chat-link-search {
    background: #F3F3F3;
    border: 1px solid #C0C0C0;
    margin: 1em 0;
    padding: .5em;
}
.gw2w-chat-link-search tt {
    font-size: 10px;
    margin-right: 1em;
}
取自 "http://tamsui.dils.tku.edu.tw/wiki/index.php?title=MediaWiki:Common.css&oldid=3668"