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

出自 淡水維基館
前往: 導覽搜尋
行 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:38 的修訂

/* 此處的 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;
}