Template:Infobox NPC/ThemeNPC.css: Difference between revisions

From Portals of Phereon Wiki
Content added Content deleted
m (test background color)
mNo edit summary
 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* NPC Template style */
/* NPC Template style */
.portable-infobox.pi-theme-npc p{
margin:0;
}

.portable-infobox.pi-theme-npc .pi-caption{
.portable-infobox.pi-theme-npc .pi-caption{
color: inherit;
border-bottom: 1px solid #a6b69a;
border-bottom: 1px solid #a6b69a;
}
}
Line 9: Line 12:
.portable-infobox.pi-theme-npc .pi-data-value li{
.portable-infobox.pi-theme-npc .pi-data-value li{
padding-bottom: 0px;
padding-bottom: 0px;
}
.portable-infobox.pi-theme-npc {
background: hsl(var(--z-secondary-h), calc((100 - (100 - var(--z-secondary-s)) * (100 - var(--x-saturatedish)) / 100) * 1%), calc(var(--z-secondary-l) * (100 - var(--x-darkish)) / 100 * 1%));
}
}


.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialHealth"]{
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialHealth"]{
color: #00AD00;
color: #00AD00;
/*text-shadow:0 0 20px;*/
}
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialMana"]{
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialMana"]{
color: #00ffcc;
color: #00ffcc;
/*text-shadow:0 0 20px;*/
}
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialStrenght"]{
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialStrenght"]{
color: #cc0000;
color: #cc0000;
/*text-shadow:0 0 20px;*/
}
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialMagic"]{
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialMagic"]{
color: #2C478C;
color: #2C478C;
/*text-shadow:0 0 20px;*/
}
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialSpeed"]{
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialSpeed"]{
color: #CC6D00;
color: #CC6D00;
/*text-shadow:0 0 20px;*/
}
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialMovType"]{
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialMovType"]{
color: #996600;
color: #996600;
/*text-shadow:0 0 20px;*/
}
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialLDmg"]{
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialLDmg"]{
color: #B800B8;
color: #B800B8;
/*text-shadow:0 0 20px;*/
}
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialLRes"]{
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialLRes"]{
color: #990099;
color: #990099;
/*text-shadow:0 0 20px;*/
}
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialMaxLust"]{
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialMaxLust"]{
color: #cc0099;
color: #cc0099;
/*text-shadow:0 0 20px;*/
}
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialArmor"]{
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialArmor"]{
color: #6E6E6E;
color: #6E6E6E;
/*text-shadow:0 0 20px;*/
}
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialFertility"]{
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialFertility"]{
color: #BF36BF;
color: #BF36BF;
/*text-shadow:0 0 20px;*/
}
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialVirility"]{
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialVirility"]{
color: #0078F0;
color: #0078F0;
}
/*text-shadow:0 0 20px;*/

.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowHealth"] {
padding-bottom:0;
border-color:transparent;
}

.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowMana"],
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowStrength"],
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowMagic"],
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowLDmg"]
{
padding-top:0;
padding-bottom:0;
border-color:transparent;
}

.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowSpeed"] {
padding-top:0;
border-color:transparent;
}

.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowHealth"] h3,
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowMana"] h3,
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowStrength"] h3,
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowMagic"] h3,
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowLDmg"] h3,
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowSpeed"] h3
{
flex-basis: 60px;
}
}

Latest revision as of 22:40, 26 July 2021

/* NPC Template style */
.portable-infobox.pi-theme-npc p{
   margin:0;
}

.portable-infobox.pi-theme-npc .pi-caption{
   border-bottom: 1px solid #a6b69a;
}
.portable-infobox.pi-theme-npc .pi-horizontal-group{
   border-bottom: 1px solid #a6b69a;
}
.portable-infobox.pi-theme-npc .pi-data-value li{
   padding-bottom: 0px;
}

.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialHealth"]{
   color: #00AD00;
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialMana"]{
   color: #00ffcc;
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialStrenght"]{
   color: #cc0000;
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialMagic"]{
   color: #2C478C;
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialSpeed"]{
   color: #CC6D00;
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialMovType"]{
   color: #996600;
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialLDmg"]{
   color: #B800B8;
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialLRes"]{
   color: #990099;
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialMaxLust"]{
   color: #cc0099;
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialArmor"]{
   color: #6E6E6E;
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialFertility"]{
   color: #BF36BF;
}
.portable-infobox.pi-theme-npc .pi-item .pi-data-value[data-source="InitialVirility"]{
   color: #0078F0;
}

.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowHealth"] {
	padding-bottom:0;
	border-color:transparent;
}

.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowMana"],
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowStrength"],
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowMagic"],
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowLDmg"]
{
	padding-top:0;
	padding-bottom:0;
	border-color:transparent;
}

.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowSpeed"] {
	padding-top:0;
	border-color:transparent;
}

.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowHealth"] h3,
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowMana"] h3,
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowStrength"] h3,
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowMagic"] h3,
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowLDmg"] h3,
.portable-infobox.pi-theme-npc .pi-item .pi-data[data-source="GrowSpeed"] h3
{
   flex-basis: 60px;
}