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

From Portals of Phereon Wiki
Content added Content deleted
m (test)
m (test)
Line 14: Line 14:
}
}
.portable-infobox.pi-theme-npc .pi-header, .portable-infobox.pi-theme-npc .pi-title {
.portable-infobox.pi-theme-npc .pi-header, .portable-infobox.pi-theme-npc .pi-title {
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%))
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;
padding: 10px;
}
}



Revision as of 22:38, 13 December 2020

/* NPC Template style */
.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 {
	background: hsl(var(--z-secondary-h), calc(var(--z-secondary-s) * 1%), calc(var(--z-secondary-l) * (100 - var(--x-darkish)) / 95 * 1%));
}
.portable-infobox.pi-theme-npc .pi-header, .portable-infobox.pi-theme-npc .pi-title {
	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;
	padding: 10px;
}

/* 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"]{
   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;
}