https://wiki.ezgame.cc/index.php?action=history&feed=atom&title=GW2_Wiki_English_Mirror%3AProjects%2FCSS_documentation%2Ftemplate_infoboxes-_vector
GW2 Wiki English Mirror:Projects/CSS documentation/template infoboxes- vector - Revision history
2026-07-18T11:37:17Z
Revision history for this page on the wiki
MediaWiki 1.39.17
https://wiki.ezgame.cc/index.php?title=GW2_Wiki_English_Mirror:Projects/CSS_documentation/template_infoboxes-_vector&diff=190588&oldid=prev
imported>Chieftain Alex at 19:29, 23 April 2025
2025-04-23T19:29:20Z
<p></p>
<p><b>New page</b></p><div><pre><br />
/** INFOBOXES **/<br />
div.infobox {<br />
float: right;<br />
position: relative;<br />
width: 250px;<br />
font-size: 0.923em;<br />
border-width: 1px;<br />
border-style: solid;<br />
margin: 0 0 1em 1em;<br />
padding: 0;<br />
}<br />
<br />
.infobox-icon {<br />
float: right;<br />
position: relative;<br />
z-index: 2;<br />
width: auto;<br />
margin: 5px;<br />
}<br />
<br />
.infobox.skill .infobox-icon > div {<br />
border: 2px solid #111;<br />
}<br />
<br />
/* Missing icons */<br />
.infobox-icon a.new {<br />
color: transparent;<br />
display: inline-block;<br />
font-size: 0;<br />
overflow: hidden;<br />
vertical-align: middle;<br />
background-image: url("/images/thumb/7/74/Skill.png/40px-Skill.png");<br />
height: 40px;<br />
width: 40px;<br />
}<br />
<br />
.infobox.skill .infobox-icon a.new {<br />
background-image: url("/images/thumb/7/74/Skill.png/48px-Skill.png");<br />
height: 48px;<br />
width: 48px;<br />
}<br />
<br />
/* animation link beneath icon */<br />
.infobox-icon p {<br />
font-size: 9px !important;<br />
line-height: 1em;<br />
margin: 0.25em -0.5em;<br />
padding: 2px;<br />
}<br />
<br />
div.infobox .heading {<br />
border-bottom-width: 0;<br />
font-family: EasonPro, "Times New Roman", serif !important;<br />
font-size-adjust: 0.43;<br />
font-size: 1.417em !important;<br />
font-weight: 700;<br />
line-height: 1.176em;<br />
margin: -1px -1px 5px !important;<br />
padding: 0.5em !important;<br />
position: relative;<br />
text-align: center;<br />
z-index: 1;<br />
border-width: 1px;<br />
border-style: solid;<br />
}<br />
<br />
div.infobox .statistics {<br />
text-align: center;<br />
margin: 0 8px;<br />
}<br />
<br />
div.infobox .image_wrapper {<br />
text-align: center;<br />
padding: 0;<br />
margin: 10px 0;<br />
}<br />
<br />
div.infobox .statistics span + span {<br />
margin-left: 5px;<br />
}<br />
<br />
div.infobox .wrapper {<br />
clear: both;<br />
padding: 0;<br />
}<br />
<br />
div.infobox dt {<br />
float: left;<br />
text-align: right;<br />
width: 78px;<br />
line-height: 1em;<br />
font-weight: 700;<br />
clear: left;<br />
border-right-width: 1px;<br />
border-right-style: solid;<br />
margin: 0 -1px 0 0;<br />
padding: 2px 8px 2px 3px;<br />
}<br />
<br />
div.infobox dd {<br />
float: left;<br />
width: 125px;<br />
font-weight: 400;<br />
border-left-width: 1px;<br />
border-left-style: solid;<br />
margin: 0;<br />
padding: 2px 7px;<br />
}<br />
<br />
div.infobox::after,<br />
div.infobox .heading::after {<br />
content: "";<br />
position: absolute;<br />
width: 100%;<br />
left: 0;<br />
height: 3px;<br />
background-image: url("/images/4/45/Shadow_after.png");<br />
background-size: 100% 3px;<br />
}<br />
<br />
div.infobox::after,<br />
div.infobox .heading::after {<br />
bottom: -4px;<br />
}<br />
<br />
div.infobox table {<br />
background-color: transparent;<br />
}<br />
<br />
div.infobox dt,<br />
div.infobox dd {<br />
line-height: 1.667em;<br />
}<br />
<br />
/* Switch locator maps from black to white borders with orange areas, and also if using the locator subpage template */<br />
.infobox.area a[href$="locator.svg"],<br />
.infobox.area img[alt$="locator.svg"] {<br />
filter: invert(100%) hue-rotate(220deg) brightness(78%);<br />
}<br />
<br />
/* RECIPE BOXES */<br />
div.recipe-box {<br />
min-width: 300px;<br />
display: inline-block;<br />
float: none;<br />
clear: none;<br />
vertical-align: top;<br />
font-size: 1em;<br />
margin: 0 1em 0 0;<br />
position: relative;<br />
border-width: 1px;<br />
border-style: solid;<br />
padding: 0;<br />
}<br />
<br />
/* same as div.infobox:after */<br />
div.recipe-box::after {<br />
bottom: -4px;<br />
content: "";<br />
position: absolute;<br />
width: 100%;<br />
left: 0;<br />
height: 3px;<br />
background-image: url("/images/4/45/Shadow_after.png");<br />
background-size: 100% 3px;<br />
}<br />
<br />
div.recipe-box .heading,<br />
div.recipe-box .subheading {<br />
text-align: center;<br />
padding: 2px;<br />
font-weight: bold;<br />
border-width: 1px;<br />
border-style: solid;<br />
margin: -1px -1px 5px !important;<br />
}<br />
<br />
div.recipe-box .subheading {<br />
border-width: 0 1px;<br />
}<br />
<br />
div.recipe-box dl {<br />
margin: 10px 0;<br />
}<br />
<br />
div.recipe-box dt {<br />
float: left;<br />
text-align: right;<br />
width: 78px;<br />
line-height: 1em;<br />
font-weight: 700;<br />
clear: left;<br />
border-right-width: 1px;<br />
border-right-style: solid;<br />
margin: 0 -1px 0 0;<br />
padding: 2px 8px 2px 3px;<br />
line-height: 1.667em;<br />
}<br />
<br />
div.recipe-box dd {<br />
float: left;<br />
border-left-width: 1px;<br />
border-left-style: solid;<br />
margin: 0;<br />
padding: 2px 7px;<br />
}<br />
<br />
div.infobox,<br />
div.recipe-box {<br />
background-color: #2B344A; /* color scheme: inactive tabs */<br />
}<br />
<br />
div.infobox .heading,<br />
div.recipe-box .heading,<br />
div.recipe-box .subheading {<br />
background-color: #1A1A1A; /* color scheme: super dark */<br />
}<br />
<br />
div.infobox,<br />
div.infobox .heading,<br />
div.infobox dt,<br />
div.infobox dd,<br />
div.recipe-box,<br />
div.recipe-box dt,<br />
div.recipe-box dd,<br />
div.recipe-box .heading,<br />
div.recipe-box .subheading {<br />
border-color: #393A3C; /* color scheme: gray page border */<br />
}<br />
</pre><noinclude>[[Category:Projects CSS documentation]]</noinclude></div>
imported>Chieftain Alex