Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
/*Hilfe gibt es im Portability Hub (de.portability.wikia.com) oder auf Hilfe:Infoboxen/CSS*/
/*Theme für NPC-Infobox*/
.pi-theme-npc {
padding: 6px;
background:transparent;
border:#424247 solid 1px;
color:#D5D4D4;
width:300px;
}
/*Design der Daten und Labels*/
.pi-theme-npc .pi-data-value {
font-size:15px;
}
.pi-theme-npc .pi-data-value {
text-align:center;
}
.pi-theme-npc .pi-title {
background-color:#114466;
margin-bottom:5px;
font-weight:bold;
line-height:15px;
color:#FFFFFF;
text-align:center;
font-size:15px;
}
.pi-theme-npc .pi-data-label {
background-color:#114466;
padding:4px;
font-weight:normal;
}
.pi-theme-npc .pi-data {
border-bottom: none;
color:#c0c0c0;
padding:1px 0;
}
/*"Polsterung" der Bilder*/
.pi-theme-npc .pi-image {
padding: 0 15px 5px 15px;
}
/*Passt Bildbreite an*/
.pi-theme-npc .pi-image-thumbnail {
width:auto;
max-width:260px;
height:auto;
}
/*Ende der NPC-Infobox*/
.pi-theme-CLASSIC {
background-color:transparent;
border:1px solid #424247;
padding:5px;
}
/*Design des Titels*/
.pi-theme-CLASSIC .pi-title {
background-color:#523620;
text-align:center;
line-height:40px;
font-weight:bold;
font-size:15px;
color:white;
}
/*Passt Bildbreite in Infoboxen an*/
.pi-theme-CLASSIC .pi-image-thumbnail {
width:auto;
max-width:265px;
height:auto;
}
/*Design der Bildunterschrift*/
.pi-theme-CLASSIC .pi-caption {
text-align:center;
color:#d5d4d4;
}
/*Design der Überschriften*/
.pi-theme-CLASSIC .pi-header {
text-align:center;
background-color:#523620;
}
/*Design der Daten und Labels*/
.pi-theme-CLASSIC .pi-data {
border-bottom: none;
color:#c0c0c0;
padding:1px;
}
/*Design der Schrift*/
.pi-theme-CLASSIC .pi-font {
font-size:12px;
padding:2px;
}
/*Seitenverhältnis Label und Data*/
.pi-theme-CLASSIC .pi-data .pi-data-label {
flex-basis: 200px;
}
.pi-theme-CLASSIC .pi-data-label {
font-size:12px;
padding:1px;
}
/*Theme für Dungeon-Infobox/Infobox ohne Theme*/
.portable-infobox
{
width:300px;
border: 1px solid #424247;
padding:.4em;
}
.portable-infobox .pi-border-color
{
border-style:none;
}
/*Transparenter Hintergrund*/
.portable-infobox.pi-background
{
background:transparent none;
}
/*Design des Titels*/
.portable-infobox .pi-title
{
text-align:center;
padding:1em;
font-size:19px;
font-weight:bold;
line-height:22px;
margin-bottom:2px;
}
/*Design der Bildunterschrift*/
.portable-infobox .pi-caption
{
text-align:center;
font-style:italic;
}
/*Design der Überschriften*/
.portable-infobox .pi-header
{
text-align:center;
font-size:14px;
line-height:22px;
padding:1px;
}
/*Design der Daten und Labels*/
.portable-infobox .pi-data
{
font-size:14px;
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value
{
font-size:inherit;
flex-basis:50%;
}
/**DUNGEON-Themes*/
/*Design der Überschriften und des Titels in den Dungeon-Themes*/
.pi-theme-CLASSIC .pi-title,.pi-theme-CLASSIC .pi-header
{
background-color:rgb(82, 54, 32);
}
.pi-theme-BC .pi-title,.pi-theme-BC .pi-header
{
background-color:rgb(108, 160, 4);
}
.pi-theme-WOTLK .pi-title,.pi-theme-WOTLK .pi-header
{
background-color:rgb(36, 100, 190);
}
.pi-theme-CATA .pi-title,.pi-theme-CATA .pi-header
{
background-color:rgb(238, 73, 19);
}
.pi-theme-MOP .pi-title,.pi-theme-MOP .pi-header
{
background-color:rgb(48, 105, 96);
}
.pi-theme-WOD .pi-title,.pi-theme-WOD .pi-header
{
background-color:rgb(124, 113, 117);
}
.pi-theme-LEGION .pi-title,.pi-theme-LEGION .pi-header
{
background-color:#80ab1c;
}
/*Theme für NSC-Infobox*/
.pi-theme-NSC
{
margin-top:15px;
width:300px;
border:2px solid rgb(73, 73, 74);
padding:0;
}
/*Design des Titels*/
.pi-theme-NSC .pi-title
{
padding:4px;
font-size:16px;
line-height:26px;
border-bottom:1px solid white;
background-color:#523620;
}
/*Umrandung des Bilds*/
.pi-theme-NSC .pi-image
{
border-bottom:1px solid white;
}
/*Design der Daten und Labels*/
.pi-theme-NSC .pi-data
{
padding:0;
border-bottom:1px solid white;
}
.pi-theme-NSC .pi-data-label
{
border-right:1px solid white;
}
.pi-theme-NSC .pi-data-label,.pi-theme-NSC .pi-data-value
{
padding:4px;
font-size:14px;
line-height:26px;
}
/*Breite und Höhe des Bilds*/
.pi-theme-NSC .pi-image-thumbnail {
width:auto;
max-width:200px;
height:auto;
}
/*Theme für Quest-Infobox*/
.pi-theme-quest {
text-align:center;
border-collapse: collapse;
border:1px #434248 solid;
padding:0;
border-bottom: 1px #434248 solid;
}
/*Hintergrundfarbe*/
.pi-theme-quest.pi-background {
background: #0f0f14;
}
/*Design der Daten und Labels*/
.pi-theme-quest .pi-data-label {
text-align:left;
flex-basis:125px;
}
.pi-theme-quest .pi-data-value {
flex-basis:180px;
text-align:left;
}
.pi-theme-quest .pi-data-label, .pi-theme-quest .pi-data-value {
padding:6px 12px;
font-size:14px;
line-height:22px;
}
.pi-theme-quest .pi-data {
border-bottom: 1px #434248 solid;
padding:0;
}
/*Design des Titels*/
.pi-theme-quest .pi-title {
background-color:#09080b;
font-size:14px;
line-height:1px;
}
/*Theme für Zonen-Infobox*/
.pi-theme-zone {
width:300px;
border:2px solid rgb(73, 73, 74);
padding:0;
}
/*Design des Titels*/
.pi-theme-zone .pi-title {
background-color:#113a5e;
padding:4px;
font-size:14px;
line-height:22px;
border-bottom:1px solid white;
}
/*Anpassung des "Stufen-Bereiches"
.pi-theme-zone .pi-navigation {
background-color:#112a44;
margin:0;
border-bottom:1px solid white;
text-align:center;
}
.pi-theme-zone .pi-image {
margin-top:5px;
}
/*Design der Daten und Labels*/
.pi-theme-zone .pi-data
{
padding:0;
border-bottom:1px solid white;
}
.pi-theme-zone .pi-data-label
{
border-right:1px solid white;
}
.pi-theme-zone .pi-data-label,
.pi-theme-zone .pi-data-value
{
padding:4px;
font-size:14px;
line-height:22px;
}
/*Anpassungen am Bildbereich*/
.pi-theme-zone .pi-image
{
border-bottom:1px solid white;
padding-bottom:5px;
}
.pi-theme-zone .pi-image-thumbnail {
width:auto;
max-width:300px;
height:auto;
}