Template:Infobox NPC/ThemeNPC.css: Difference between revisions
From Portals of Phereon Wiki
Content added Content deleted
m (test) |
mNo edit summary |
||
| (18 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{ |
||
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(var(--z-secondary-s) * 1%), calc(var(--z-secondary-l) * (100 - var(--x-darkish)) / 95 * 1%)); |
|||
| ⚫ | |||
| ⚫ | |||
background: hsl(var(--z-primary-h), calc(var(--z-primary-s) * 1%), calc((100 - (100 - var(--z-primary-l)) * (100 - var(--x-darkish)) / 85) * 1%)); |
|||
text-align: center; |
|||
| ⚫ | |||
color: var(--text-light); |
|||
} |
} |
||
/* extensions/wikia/PortableInfobox/styles/PortableInfoboxEuropaTheme.scss */ |
|||
.pi-europa.portable-infobox{color:#3a3a3a;width:300px}.pi-europa.pi-background{background-color:#c9c2b7}.pi-europa.pi-layout-stacked .pi-data-label{padding-bottom:6px;padding-right:0}.pi-europa .pi-caption{color:#757575;font-style:normal;line-height:18px}.pi-europa .pi-collapse .pi-header::after,.pi-europa .pi-header.collapsible::after{border-color:#fff;height:9px;right:14px;width:9px}.pi-europa .pi-collapse-closed .pi-header::after{margin-top:-7px}.pi-europa .pi-data-label{-ms-flex-preferred-size:88px;-webkit-flex-basis:88px;-moz-flex-basis:88px;flex-basis:88px;color:inherit;padding-right:14px}.pi-europa .pi-data-value{padding-left:0}.pi-europa .pi-data-value li{line-height:18px;padding-bottom:8px}.pi-europa .pi-data-value li:last-child{padding-bottom:0}.pi-europa .pi-data-value ul{list-style-type:disc}.pi-europa .pi-data-value ol{margin-left:14px}.pi-europa .pi-data-value ol,.pi-europa .pi-data-value ul{list-style-position:outside;margin-left:14px}.pi-europa .pi-data,.pi-europa .pi-group{border-bottom:0}.pi-europa .pi-header{font-size:16px}.pi-europa .pi-header,.pi-europa .pi-image-collection-tabs{line-height:20px}.pi-europa .pi-header,.pi-europa .pi-tab-link{padding:9px 14px}.pi-europa .pi-header,.pi-europa .pi-title{background-color:#572806;color:#fff;text-align:center}.pi-europa .pi-header a,.pi-europa .pi-title a{color:#fff;text-decoration:underline}.pi-europa .pi-horizontal-group{text-align:left}.pi-europa .pi-horizontal-group .pi-horizontal-group-item{border-left:0}.pi-europa .pi-horizontal-group .pi-data-label{padding:10px 14px 6px}.pi-europa .pi-horizontal-group .pi-data-value{padding-left:14px;padding-top:0}.pi-europa .pi-horizontal-group-item:nth-child(even){background-color:#beb3a5}.pi-europa .pi-horizontal-group-no-labels .pi-data-value{padding-top:10px}.pi-europa .pi-image-collection-tabs{background-color:#c9c2b7;margin:0;text-align:left}.pi-europa .pi-image-collection-tabs .current{background-color:#9b8470}.pi-europa .pi-image-collection-tab-content{background-color:inherit}.pi-europa .pi-item-spacing{padding:10px 14px}.pi-europa .pi-item-spacing.pi-caption{padding-bottom:14px}.pi-europa .pi-navigation{background-color:inherit;color:inherit;font-weight:inherit}.pi-europa .pi-data-label.pi-smart-data-label{padding:10px 14px 6px}.pi-europa .pi-smart-group-head + .pi-smart-group-body .pi-smart-data-value{padding-top:0}.pi-europa .pi-smart-data-label,.pi-europa .pi-smart-data-value{border-left:0;box-sizing:border-box;flex-basis:auto}.pi-europa .pi-smart-data-label:nth-child(even),.pi-europa .pi-smart-data-value:nth-child(even){background-color:#beb3a5}.pi-europa .pi-smart-group{border-bottom:0;text-align:left}.pi-europa .pi-tab-link{border:0;font-size:14px;margin:0}.pi-europa .pi-title{font-size:20px;font-weight:bold;line-height:24px;padding-top:14px} |
|||
.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"]{ |
||
| Line 58: | Line 49: | ||
.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; |
||
| ⚫ | |||
.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"], |
|||
| ⚫ | |||
{ |
|||
| ⚫ | |||
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;
}
