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*/
/* Portable Infoboxes */
.portable-infobox {
width: 270px;
border: 1px solid #606060;
background-color: #1B1B1B;
background-image: none;
font-size: 0.8em;
}
/*
.portable-infobox .pi-border-color {
border-style: none;
}
*/
.portable-infobox .pi-title {
text-align: center;
font-weight: bolder;
font-size: medium;
background: #4a3828;
}
/*
font-size: 1.5em;
font-weight: bold;
line-height: 22px;
*/
.portable-infobox .pi-title ~ .pi-title {
text-align: center;
padding: 0;
margin: 0.1em;
font-size: small;
font-weight: normal;
background: inherit;
color: #606060;
}
.portable-infobox .pi-background {
background: #202020;
}
.portable-infobox .pi-image-thumbnail {
height: auto;
width: auto;
max-width: 100%;
max-height: 385px;
}
.portable-infobox .pi-caption {
text-align: center;
font-style: italic;
}
.portable-infobox .pi-image,
.portable-infobox .pi-title,
.portable-infobox .pi-header {
border-bottom: 1px solid black;
}
.portable-infobox .pi-header {
border-top: 1px solid black;
}
.pi-horizontal-group .pi-header {
border-top: 1px solid black;
border-right: 0;
border-bottom: 1px solid black;
border-left: 0;
}
.portable-infobox .pi-header {
text-align: center;
font-size: 14px;
line-height: 22px;
padding: 1px;
}
.portable-infobox .pi-data {
font-size: 14px;
}
.portable-infobox .pi-data-label {
font-size: 12px;
flex-basis: 120px;
font-weight: bold;
line-height: 16px;
padding: 4px 0;
}
.portable-infobox .pi-data-value {
color: #d4d4d4;
font-size: 12px;
padding: 4px 0 4px 4px;
}
/*
.pi-data-label,
.pi-data-value {
padding: 0;
display: -webkit-flex;
display: flex;
}
*/
.pi-data-label,
.pi-data-value {
display: table-cell;
padding-top: 5px;
padding-bottom: 5px;
}
.pi-item-spacing.pi-data.pi-item {
box-sizing: border-box;
padding-bottom: 0;
padding-left: 0;
padding-top: 0;
width: 100%;
}
.pi-data-label.pi-secondary-font {
border-right: 1px solid black;
padding-left: 10px;
padding-right: 10px;
width: 40%;
}
/*faction colors*/
.pi-theme-allianz .pi-title,
.pi-theme-allianz .pi-secondary-background {
background-color: #223355;
}
.pi-theme-pandaren .pi-title,
.pi-theme-pandaren .pi-secondary-background {
background-color: #553355;
}
.pi-theme-horde .pi-title,
.pi-theme-horde .pi-secondary-background {
background-color: #883333;
}
.pi-theme-neutral .pi-title,
.pi-theme-neutral .pi-secondary-background {
background-color: #996633;
}
/*Theme npc*/
.pi-theme-npc .pi-title,
.pi-theme-npc .pi-secondary-background,
.pi-theme-npc .pi-data-label {
background-color: rgb(74, 56, 40);
}
/*Theme zone*/
.pi-theme-zone .pi-title,
.pi-theme-zone .pi-secondary-background,
.pi-theme-zone .pi-data-label {
background-color: rgb(51, 20, 20);
}
/*Theme classic*/
.pi-theme-CLASSIC {
background-color:transparent;
border:1px solid #424247;
padding:5px;
}
.pi-theme-CLASSIC .pi-title {
background-color:#523620;
text-align:center;
line-height:40px;
font-weight:bold;
font-size:15px;
color:white;
}
.pi-theme-CLASSIC .pi-caption {
text-align:center;
color:#d5d4d4;
}
.pi-theme-CLASSIC .pi-header {
text-align:center;
background-color:#523620;
}
.pi-theme-CLASSIC .pi-data {
border-bottom: none;
color:#c0c0c0;
padding:1px;
}
.pi-theme-CLASSIC .pi-font {
font-size:12px;
padding:2px;
}
.pi-theme-CLASSIC .pi-data-label {
font-size:12px;
padding:1px;
}
.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:#5f8015;
}
/*Theme für NSC-Infobox*/
.pi-theme-NSC
{
margin-top:15px;
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;
}
/*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;
}