User:Ee/Custom vector

Want to keep have your wiki pages look more like the official GW2 pages?

Here's what i see ->

If you want your page to look like that, go to

• "My preferences"
• Appearance
• at Skin, pick Vector
• Open up Vector|Custom CSS
• paste in the code below
• save

Tadaa!

Paste in all code below:

/**keeping the Guild Wars 2 font**/

/*General body setup*/

@font-face
{
  font-family: 'EasonPro';
  src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face
{
  font-family: 'EasonPro';
  src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face
{
  font-family: 'EasonPro';
  src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face
{
	font-family: 'CronosPro';
	src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}

@font-face
{
	font-family: 'CronosPro';
	src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-italic-webfont.woff') format('woff');
	font-weight:normal;
	font-style:italic;
}

@font-face
{
	font-family: 'CronosPro';
	src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-semibold-webfont.woff') format('woff');
	font-weight:bold;
	font-style:normal;
}

@font-face
{
	font-family: 'CronosPro';
	src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-semibolditalic-webfont.woff') format('woff');
	font-weight:bold;
	font-style:italic;
}

html, body
{
  overflow-x:hidden;
}

body
{
  font-size: 0.9375em;
  line-height: 1.333em;
  background-color: #fff;
  background-image: none;
  width:100%;
  height: auto;
  min-height: 100%;
  position:absolute;
}



/*Rhythmic text sizes and grid leading*/

h1, h2, h3, h4
{
  font-family: "EasonPro", Helvetica,  Arial, sans-serif !important;
  font-weight: normal;
}

h5, h6
{

  font-weight: bold;
}

h1, h2, h3, h4, h5, h6
{
  line-height: 1em;
}

h1
{
  font-size:     1.8em;
  margin-top:    0.4814814815em;
  margin-bottom: 0.3703703704em;
  padding: 0;
}

h2
{
  font-size:     1.6666666667em;
  margin-top:    0.6em;
  margin-bottom: 0.4em;
  padding: 0;
}

h3
{
  font-size:     1.5333333333em;
  margin-top:    0.7391304348em;
  margin-bottom: 0.4347826087em;
  padding: 0;
}

h4
{
  font-size:     1.4em;
  margin-top:    0.9047619048em;
  margin-bottom: 0.4761904762em;
  padding: 0;
}

h5
{
  font-size:     1.2666666667em;
  margin-top:    0.5789473684em;
  margin-bottom: 0.5263157895em;
  padding: 0;
}

h6
{
  font-size:     1.1333333333em;
  margin-top:    0.7647058824em;
  margin-bottom: 0.5882352941em;
  padding: 0;
}

p, ul, ol, dl, dd, dt, li
{
   margin-top:    0.6666666667em;
   margin-bottom: 0.6666666667em;
   line-height: inherit;
}

dd, dt, li, .ns-talk #bodyContent p
{
   margin-top: 0;
   margin-bottom: 0;
}



/*Left panel*/


/* This one changes the titles in the side navigation panel */

#mw-panel div.portal h5
{
 font-family: "EasonPro", Helvetica,  Arial, sans-serif !important;
 text-transform: uppercase;
  font-weight: bold;
  color: #000;
  padding: 0 0 0.333em 1.166em;
  font-size: 1.071em;
  margin: 0;
}


/* This part below changes the body font for the pages */


div#bodyContent, #mw-head, #mw-panel, #footer, input, #p-personal
{
  font-size: 1em;
  font-family: "CronosPro", Helvetica, Arial, sans-serif;
  line-height: 1.333em;
}