PvXwiki
Don't have an account?
Register
Register

Common.css

MediaWiki page
Back to page
Sign in to edit
m (danny gets to make sure this doesn't break anything)
mNo edit summary
Line 1: Line 1:
 
/**<span style="white-space:pre"> CSS placed here will be applied to all skins */
  
/**<span style="white-space:pre"> CSS placed here will be applied to all skins */
   
−
#p-navigation, #p-tb, #p-wikiacities-nav, #p-personal
 +
#p-navigation, #p-tb, #p-wikiacities-nav
 
{
  
{
 
position: relative;
  
position: relative;

Revision as of 00:25, 19 November 2009

/**<span style="white-space:pre"> CSS placed here will be applied to all skins */

#p-navigation, #p-tb, #p-wikiacities-nav
{
  position: relative;
  z-index: 3;
}


/* Temporary measure to tell people to ^F5/shift-refresh to get the CSS */
.haveskillcss {
  display: none;
}

/* For progression tables, [[Template:Progression]] (used in [[Template:Skill box]]) */
table.progression {
  padding: 2px;
  background: #f9f9f9;
  border: 2px solid black;
  border-collapse: collapse;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

table.progression td, table.progression th {
  width: 3%;
  border: 1px solid black;
  text-align: center;
}

table.progression td.firstcol {
  font-weight: bold;
  border-right: 2px solid black
}

table.progression tr.firstrow td {
  border-bottom: 2px solid black;
}

table.progression tr.firstrow td.firstcol {
  white-space: nowrap;
}

table.progression tr.firstrow td.p0, table.progression tr.firstrow td.p12 {
  font-weight: bold;
}

table.progression td.p12 {
  border-right: 2px solid black;
}

/* For the basic skill box, [[Template:Skill box]] */
div.skillbox {
  position: relative;
  float: right;
}

div.editskill {
  font-size: 80%;
  text-align: right;
}

table.skillbox {
  margin-left: 1em; 
  margin-bottom: 1.25em;
  border-collapse: collapse;
  padding: 0px;
}

table.skillbox td.name {
  text-align: center;
  font-weight: bold;
  background: lightgreen;
  border:1px black solid;
}

table.skillbox td.icon {
  text-align: center;
  padding: 1px;
  border: 1px black solid;
}

table.skillbox td.stats {
  border: 1px black solid;
  padding: 0px;
}

table.skillbox td.properties {
  border: 1px black solid;
}

table.skillproperties {
  border:none;
  padding:2px;
}

table.skillproperties td.campaign, table.skillproperties td.type, table.skillproperties td.profession, table.skillproperties td.attribute {
  text-align: right;
  font-weight: bold;
}

table.skillproperties td.campaigndata, table.skillproperties td.typedata, table.skillproperties td.professiondata, table.skillproperties td.attributedata {
  white-space: nowrap;
}

/* For various displays of skill stats, used in many skill boxes */
table.skillstats {
  width: 100%;
  border: none;
  background: transparent;
  padding: 0px;
  margin: 0px;
}

table.skillstats td.stat {
 text-align: right;
 width: 13%;
 border: none;
 padding: 0px;
 margin: 0px;
}

table.skillstats td.statdata {
  text-align: left;
  width: 12%;
  border: none;
  padding: 0px;
  margin: 0px;
}

div.fakeh2 {
  width: 100%;
  color: black;
  background: none;
  font-weight: normal;
  margin: 0;
  padding-top: .5em;
  padding-bottom: .17em;
  border-bottom: 1px solid #aaa;
  font-size: 150%;
}

/* For other types of skill boxes (qr, ias, fail, etc.)
   qr mostly gets its own classes since it specifies widths to get multiple, separate tables on the same page to align columns
   other templates should try to use the other classes */
table.qr {
  width: 100%;
  padding: 1px;
  border: 1px solid black;
  border-collapse: collapse;
  clear: right;
}

table.qr td, table.qr th {
  vertical-align: middle;
  text-align: left;
  border: 1px solid black;
  padding: 1px;
}

table.qr td.name {
  padding-left: 2px;
  text-align: left;
  font-weight: bold;
}

table.qr td.smallskillicon {
  width: 25px;
  height: 25px;
}

table.qr td.skillicon {
  width: 64px;
  width: 64px;
}

table.qr td.qrname {
  width: 100px;
  padding: 0px 6px;
  font-weight: bold;
} /* no idea why padding is set like this, someone else did it */

table.qr td.qrdesc {
  padding: 0px 6px;
} /* still no idea.  Don't ask me.  I just work here. */

table.qr td.qrstats {
  width: 176px;
  height: 27px;
  padding: 0px;
  margin: 0px;
} /* height is the height of the recharge image, the tallest icon (I think) */

table.qr td.qrcampaign {
  width: 121px;
  text-align: center;
}

table.qr td.qrdupe {
  width: 30px;
  text-align: center; 
  padding: 2px
} 

table.qr td.qrquest {
  width: 17px;
  text-align: center; 
  padding: 2px;
}

table.qr div.editsection {
  font-weight: normal;
}

table.qr span.desctype {
  font-weight: bold;
}

table.qr td.elite {
  background: gold;
}

table.qr td.nonelite {
  background: lightgreen;
}

table.qr td.qrnonelite {
  background: black;
}

table.qr td.data {
  text-align: center;
}

table.qr td.notes {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

table.qr td.type {
  text-align: center;
  font-weight: bold;
}

table.qr td.stats {
  padding: 0px;
  width: 180px;
}

table.qr td.shorthandattr {
  white-space: nowrap;
  padding-right: 0.5em;
}

table.qr td.shorthandcam {
  font-weight: bold;
  text-align: center;
}

/*
== Styles for the build template == */

div.build-types li {
  display: inline;
  list-style: none;
}

div.build-types a {
  display: block;
  float: left;
  width: 5em;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  margin: 1px;
  color: black;
  text-decoration: none;
}

div.build-types .pvp a {
  background: #fed;
  border: 3px solid #f40;
}

div.build-types .pve a {
  background: #ddf;
  border: 3px solid #22f;
}

div.build-types .campaign a {
  background: #cf9;
  border: 3px solid #0c0;
}

/*
== Styles for profession colours == */

.warrior	{ background-color: #FF8; border: 1px solid #EA3; }
.ranger 	{ background-color: #CF9; border: 1px solid #5A0; }
.monk 		{ background-color: #ACF; border: 1px solid #44B; }
.necromancer 	{ background-color: #9FC; border: 1px solid #0A5; }
.mesmer 	{ background-color: #DAF; border: 1px solid #80A; }
.elementalist 	{ background-color: #FBB; border: 1px solid #B33; }
.assassin 	{ background-color: #FCE; border: 1px solid #A08; }
.ritualist 	{ background-color: #BFF; border: 1px solid #0AA; }
.paragon 	{ background-color: #FC9; border: 1px solid #960; }
.dervish 	{ background-color: #DDF; border: 1px solid #77C; }
.no-profession 	{ background-color: #DDD; border: 1px solid #666; }

/* 
== Hiding specific columns in tables ==
Supports hidecol1 ~ hidecol10 */

table.hidecol1 th + th {display:table-cell;}
table.hidecol1 th {display:none;}
table.hidecol1 td + td {display:table-cell;}
table.hidecol1 td {display:none;}

table.hidecol2 th + th + th {display:table-cell;}
table.hidecol2 th + th {display:none;}
table.hidecol2 td + td + td {display:table-cell;}
table.hidecol2 td + td {display:none;}

table.hidecol3 th + th + th {display:none;}
table.hidecol3 th + th + th + th {display:table-cell;}
table.hidecol3 td + td + td {display:none;}
table.hidecol3 td + td + td + td {display:table-cell;}

table.hidecol4 th + th + th + th {display:none;}
table.hidecol4 th + th + th + th + th {display:table-cell;}
table.hidecol4 td + td + td + td {display:none;}
table.hidecol4 td + td + td + td + td {display:table-cell;}

table.hidecol5 th + th + th + th + th {display:none;}
table.hidecol5 th + th + th + th + th + th {display:table-cell;}
table.hidecol5 td + td + td + td + td {display:none;}
table.hidecol5 td + td + td + td + td + td {display:table-cell;}

table.hidecol6 th + th + th + th + th + th {display:none;}
table.hidecol6 th + th + th + th + th + th + th {display:table-cell;}
table.hidecol6 td + td + td + td + td + td {display:none;}
table.hidecol6 td + td + td + td + td + td + td {display:table-cell;}

table.hidecol7 th + th + th + th + th + th + th {display:none;}
table.hidecol7 th + th + th + th + th + th + th + th {display:table-cell;}
table.hidecol7 td + td + td + td + td + td + td {display:none;}
table.hidecol7 td + td + td + td + td + td + td + td {display:table-cell;}

table.hidecol8 th + th + th + th + th + th + th + th {display:none;}
table.hidecol8 th + th + th + th + th + th + th + th + th {display:table-cell;}
table.hidecol8 td + td + td + td + td + td + td + td {display:none;}
table.hidecol8 td + td + td + td + td + td + td + td + td {display:table-cell;}

table.hidecol9 th + th + th + th + th + th + th + th + th {display:none;}
table.hidecol9 th + th + th + th + th + th + th + th + th + th {display:table-cell;}
table.hidecol9 td + td + td + td + td + td + td + td + td {display:none;}
table.hidecol9 td + td + td + td + td + td + td + td + td + td {display:table-cell;}

table.hidecol10 th + th + th + th + th + th + th + th + th + th {display:none;}
table.hidecol10 th + th + th + th + th + th + th + th + th + th + th {display:table-cell;}
table.hidecol10 td + td + td + td + td + td + td + td + td + td {display:none;}
table.hidecol10 td + td + td + td + td + td + td + td + td + td + td {display:table-cell;}

/*

== TOC display level limiter ==
<div class=toci>__TOC__</div> will only displays up to level i */

.toc1 li.toclevel-6, .toc1 li.toclevel-5, .toc1 li.toclevel-4, .toc1 li.toclevel-3, .toc1 li.toclevel-2 {display:none}
.toc2 li.toclevel-6, .toc2 li.toclevel-5, .toc2 li.toclevel-4, .toc2 li.toclevel-3 {display:none}
.toc3 li.toclevel-6, .toc3 li.toclevel-5, .toc3 li.toclevel-4 {display:none}
.toc4 li.toclevel-6, .toc4 li.toclevel-5 {display:none}
.toc5 li.toclevel-6 {display:none}
/* </span> */

/* pvxbuild.css -- coppied here by TOR */

div.pvx_overlib {
    position:relative;
	border:1px;
	border-color:#78796c;
	border-style:solid;
	height:150px;
	background-color:#ffffff;
    position:relative;
	padding:1px;
}

div.pvx_campaign {
	bottom: 0px; 
	right:-1px;
	position:absolute; 
	height:15px;
	background-color:#78796c;
	overflow:hidden;
	z-index:2;
	color:#FFFFFF;
	font-family:Tahoma;
	font-weight:bold;
	font-size:12px;
	text-transform:capitalize;
	text-align:center;
	letter-spacing:1px;
	vertical-align:top;
	padding-left:13px;
	padding-right:9px;
}

div.pvx_mastery {
	bottom: 13px; 
	left:65px;
	position:absolute; 
	height:14px;
	overflow:hidden;
	z-index:2;
	color:#78796c;
	font-family:Tahoma;
	font-weight:bold;
	font-size:12px;
	vertical-align:bottom;
}

/* SKILL INFO, NAME, TYPE, PROFF. */

div.pvx_description {
	position: relative; 
	background-color:#fafaf7;
	background-repeat: no-repeat;
	background-position:right top;
	height:148px;
	z-index:1;
	margin-left:64px;
}

div.pvx_normal_skill {
	position:relative;
	color:#252525;
	height:22px;
	font-family:Tahoma;
	font-size:18px;
	font-weight:bold;
	top:7px;
	margin-top:1px;
}

div.pvx_elite_skill {
	position:relative;
	color:#e8a400;
	height:22px;
	font-family:Tahoma;
	font-size:18px;
	font-weight:bold;
	top:7px;
	margin-top:1px;
}

div.pvx_type {
	position:relative;
	color:#757575;
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	margin-top:6px;
}

/* SKILL INFO, FULL TEXT DESCRIPTION */

div.pvx_skill_info {
	font-family:Tahoma;
	font-size:12px;
	position:relative;
	margin-top:6px;
	margin-right:6px;
}

span.variable {
	color: #299900; font-weight: bold;
}

span.expert {
	color: #025577; 
}

/* A T T R I B U T E S */

div.pvx_attrib_list {
	position: absolute; 
	background-color:#fafaf7;
	background-image:url("http://images.wikia.com/pvx/img_skin/skillbg.jpg");
	background-repeat: no-repeat;
	background-position:0 1px;
	height:149px;
	width:64px;
	left:1px;
	top:1px;
	z-index:1000;
}

div.pvx_attrib_bg {
	position: absolute; 
	height:126px;
	width:42px;
	left:10px;
	top:10px;
	z-index:1;
	margin:1px;
	margin-top:2px;
}

div.pvx_attrib_bg img {
	padding: 1px;
	height:40px;
	width:40px;                             
}

#pvx_attributes
{
	margin: 0;
	padding: 0;
	padding-left: 7px;
}

#pvx_attributes div
{
	width:18px;
	height:18px;
	font-size:11px;
	font-weight:bold;
	font-family:Tahoma;
	padding-left:15px;
	margin-top:4px;
}

/* 5 SKILL ATTRIBUTE TO CHOOSE */

#pvx_attributes #pvx_ener
{
	background-image: url("http://images.wikia.com/pvx/img_skin/energy.gif");
	background-repeat: no-repeat;
	background-position:0 1px;
}

#pvx_attributes #pvx_rech
{
	background-image: url("http://images.wikia.com/pvx/img_skin/recharge.gif");
	background-repeat: no-repeat;
	background-position:0 1px;
}

#pvx_attributes #pvx_cast
{
	background-image: url("http://images.wikia.com/pvx/img_skin/activation.gif");
	background-repeat: no-repeat;
	background-position:0 1px;
}

#pvx_attributes #pvx_eregen
{
	background-image: url("http://images.wikia.com/pvx/img_skin/upkeep.gif");
	background-repeat: no-repeat;
	background-position:0 1px;
}

#pvx_attributes #pvx_adre
{
	background-image: url("http://images.wikia.com/pvx/img_skin/adrenaline.gif");
	background-repeat: no-repeat;
	background-position:0 1px;
}

#pvx_attributes #pvx_cast span
{
	color:#770077;
	text-decoration:underline;
}

#pvx_attributes #pvx_ener span
{
	color:#448800;
	text-decoration:underline;
}


/* ---------------------------------------------------------- */

.main {
	width:650px;
	margin: 0;
	padding: 0;
}

.type{
	width:597px;
	float: left;
}

.type span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    position: relative;
    bottom: 0px;
    left: 5px;
}

.profession {
	width:597px;
	float: left;
}

.attribute_name {
	background-color:#fafafa;
	border-bottom:1px;
	border-bottom-color:#dddddd;
	border-bottom-style:solid;
	border-right:1px;
	border-right-color:#dddddd;
	border-right-style:solid;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:2px;
	padding-left:5px;
}

.attribute_rank {
	background-color:#fafafa;
	border-bottom:1px;
	border-bottom-color:#dddddd;
	border-bottom-style:solid;
	border-right:1px;
	border-right-color:#dddddd;
	border-right-style:solid;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:2px;
	padding-left:5px;
	float:right;
}

.template {
	width:596px;
	float: left;
	background-color:#fafafa;
	border-bottom:1px;
	border-bottom-color:#dddddd;
	border-bottom-style:solid;
	border-right:1px;
	border-right-color:#dddddd;
	border-right-style:solid;
	margin-top:3px;
	padding-top:2px;
	padding-bottom:3px;
	height:22px;
}

.template input { 
	font-family: courier; 
	font-weight:normal; 
	font-size:12px; 
	background-color:#ffffff; 
	height:15px; 
	border:1px solid #dddddd; 
    color:#333333;
    margin-top:2px;
	width:368px;
    padding-left:2px;
}

.template img { 
    display:inline; 
    vertical-align: top; 
    margin-top:2px;
    margin-left:0px;
    margin-right:0px;
    width: 66px;
    height: 19px;
}


.template_name { 
	font-family: Arial; 
	font-weight:bold;
	font-size:12px; 
	float:left;
	margin-left:5px;
	margin-right:5px;
	letter-spacing:1px;
	margin-top:2px;
	color:#666666;
}

.template_input { 
	float:right;
	margin-right:4px;
}

.skill_box {
	width:70px;
	height:127px;
	background-color:#f6f6f6;
    border-bottom:1px;
    border-bottom-color:#dddddd;
    border-bottom-style:solid;
    border-right:1px;
    border-right-color:#dddddd;
    border-right-style:solid;
    border-top:1px;
    border-top-color:#fafafa;
    border-top-style:solid;
    border-left:1px;
    border-left-color:#fafafa;
    border-left-style:solid;
	float:left;
	margin-right:3px;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
    vertical-align: text-bottom;
	line-height:13px;
    position:relative;
}

.skill_icon {
	height:64px;
	width:64px;
	background-color:#ffffff;
	margin:3px;
	margin-bottom:7px;
}


/* ------------------------------------------------------------------------- */

.pvx_icon-normal_skill {
    position:absolute; 
    top: 3px; 
    right: 4px;
}

.pvx_icon-elite_skill {
    position:absolute; 
    top: 6px; 
    right: 6px;
}


.pvx-type-du {
    background-image:url(http://images.wikia.com/pvx/img_skin/Dual-Attack.png);
    height:20px;
    width:20px;
}

.pvx-type-en
{
    background-image:url(http://images.wikia.com/pvx/img_skin/Enchantment-Spell.png); 
    height:20px;
    width:20px;
}

.pvx-type-he
{
    background-image:url(http://images.wikia.com/pvx/img_skin/Hex-Spell.png);
    height:20px;
    width:20px;
}
.pvx-type-le
{
    background-image:url(http://images.wikia.com/pvx/img_skin/Lead-Attack.png);
    height:20px;
    width:20px;
}
.pvx-type-of
{
    background-image:url(http://images.wikia.com/pvx/img_skin/Off-Hand-Attack.png);
    height:20px;
    width:20px;
}
.pvx-type-wea
{
    background-image:url(http://images.wikia.com/pvx/img_skin/Weapon-Spell.png);
    height:20px;
    width:20px;
}

/* pvxrating.css -- imported by TOR */
div.rating_input
{
	background:#ffffff;
	padding: 6px;
	border-color:#e5e5e5;
	border-style:solid;
	border-width:1px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-collapse:separate;
	display:inline;
}

span.rating_cat {
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	cursor:pointer;
	color:#372207;
	border-bottom:1px; border-bottom-color:#786143; border-bottom-style:dashed; border-bottom-width:1px;
}

div.rating_input span {
	padding: 6px;
	font-size:14px;
	font-weight:bold;
	display:inline;
}
table.rating_table {
	border:0px;
	border-style:solid;
}
table.rating_table td {
	padding:6px;
}

.ratingform {
	border:1px; 
	border-style:dashed; 
	border-color:#aaaaaa;
	padding: 14px;
}

.ratingform input.button {
	margin-left: 120px;
}


.rating_text {
	width:312px;
	border-color:#e5e5e5;
	border-style:solid;
	border-width:1px;
}

.aedit {
	font-size: x-small;
	float: right;
}


.rating {
	border:1px; 
	border-style:solid; 
	border-color:#f5f5f5;
	width:100%;
}


.rating table {
	border:0px; 
	border-style:dashed; 
	border-color:#aaaaaa;
	width:100%;
}
	
.rating div {
	height:17px; 
}

.rating span {
	letter-spacing:1px;
	padding-left:3px;
}
.rating td.tdrating {
	width:170px; 
	/* background-image:url(http://www.pvxwiki.com/w/img/r0.jpg); */
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px; 
	border-style:solid; 
	border-color:#f5f5f5;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	color:#666666;
	padding:7px;
}

.rating td.tdresult {
	border:1px; 
	border-style:solid; 
	border-color:#f5f5f5; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	width:35px;

}

.rating td.tdcomment {
	border:1px; 
	border-style:solid; 
	border-color:#f5f5f5; 
	vertical-align:top;
	padding-left:5px;
	
}

.rating td.tduser {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.rating td.tdedit {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}








.sum table {
	border:1px; 
	border-style:solid; 
	border-color:#f3f3f3;
}
	
.sum div {
	height:17px; 
	letter-spacing:1px;
}

.sum td.tdrating {
	width:170px; 
	/* background-image:url(http://www.pvxwiki.com/w/img/r0.jpg); */
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px; 
	border-style:solid; 
	border-color:#f5f5f5;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	color:#666666;
	padding:7px;
}

.sum td.tdresult {
	border:1px; 
	border-style:solid; 
	border-color:#f5f5f5; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	width:35px;
}




.sum span {
	letter-spacing:1px;
	padding-left:3px;
}


.result table {
	border:1px; 
	border-style:solid; 
	border-color:#f3f3f3;
	
}

.result td.tdrating {
	/* background-image:url(http://www.pvxwiki.com/w/img/v0.jpg); */
	border:1px; 
	border-style:solid; 
	border-color:#f3f3f3;
	height:93px;
	vertical-align:bottom;
}

.result div {
	margin:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:middle;
	text-align:center;
	vertical-align:bottom;
}

.result {
	margin-left:3px;
}

.result td.tdresult {
	border:1px; 
	border-style:solid; 
	border-color:#f5f5f5; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	letter-spacing:1px;
}
Community content is available under CC-BY-NC-SA 2.5 unless otherwise noted.
More Fandoms