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 */ |
||
⚫ | |||
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; |
||
⚫ | |||
⚫ | |||
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;
}