Template:Infobox item/styles.css: Difference between revisions

From Ultimate Dragon Ball Online Wiki
Ollix (talk | contribs)
Created page with ".portable-infobox.type-item .pi-image-thumbnail { width: 8em; height: auto; margin: 0.5em; background-color: #111; background-color: rgba(17, 17, 17, 0.6); border: solid 1px #222; } body[data-theme="dark"] .portable-infobox.type-item.pi-theme-Legendary img.pi-image-thumbnail { background: linear-gradient(0deg, #d9a44a 3px,rgba(217, 164, 74, 0.25) 3px, black 125%); } body[data-theme="light"] .portable-infobox.type-item.pi-theme-Legendary img.pi-image-thumbnail {..."
 
Ollix (talk | contribs)
No edit summary
Line 1: Line 1:
.portable-infobox.type-item .pi-image-thumbnail {
.infobox_INSERTNAME {
width: 8em;
    background: #eee;
height: auto;
    border: 1px solid #aaa;
margin: 0.5em;
    float: right;
background-color: #111;
    margin: 0 0 1em 1em;
background-color: rgba(17, 17, 17, 0.6);
    padding: 1em;
border: solid 1px #222;
    width: 400px;
}
}
body[data-theme="dark"] .portable-infobox.type-item.pi-theme-Legendary img.pi-image-thumbnail {
.infobox-title {
     background: linear-gradient(0deg, #d9a44a 3px,rgba(217, 164, 74, 0.25) 3px, black 125%);
     font-size: 2em;
    text-align: center;
}
}
body[data-theme="light"] .portable-infobox.type-item.pi-theme-Legendary img.pi-image-thumbnail {
.infobox-image {
     background: linear-gradient(0deg, #d9a44a 3px,rgba(217,164,0,0.5) 3px,black 125%);
     text-align: center;
}
}
.portable-infobox.type-item .rarity-Legendary {
.infobox-table th {
font-weight: bold;
    text-align: right;
color: #d09000;
    vertical-align: top;
    width: 120px;
}
}
body[data-theme="dark"] .portable-infobox.type-item.pi-theme-Epic img.pi-image-thumbnail {
.infobox-table td {
    background: linear-gradient(0deg, #a335ee 3px, rgba(163, 53, 238, 0.15) 3px, transparent 100%);
     vertical-align: top;
}
body[data-theme="light"] .portable-infobox.type-item.pi-theme-Epic img.pi-image-thumbnail {
    background: linear-gradient(0deg, #a335ee 3px, rgba(163, 53, 238, 0.5) 3px, black 100%);
}
.portable-infobox.type-item .rarity-Epic {
font-weight: bold;
color: #a335ee;
}
body[data-theme="dark"] .portable-infobox.type-item.pi-theme-Rare img.pi-image-thumbnail {
    background: linear-gradient(0deg, #5080a7 3px, rgba(80, 128, 170, 0.15) 3px, transparent 100%);
}
body[data-theme="light"] .portable-infobox.type-item.pi-theme-Rare img.pi-image-thumbnail {
    background: linear-gradient(0deg, #5080a7 3px, rgba(80, 128, 170, 0.5) 3px, black 100%);
}
.portable-infobox.type-item .rarity-Rare {
font-weight: bold;
color: #5080a7;
}
body[data-theme="dark"] .portable-infobox.type-item.pi-theme-Standard img.pi-image-thumbnail {
     background: linear-gradient(0deg, #509050 3px, rgba(80, 144, 80, 0.15) 3px, transparent 100%);
}
body[data-theme="light"] .portable-infobox.type-item.pi-theme-Standard img.pi-image-thumbnail {
    background: linear-gradient(0deg, #509050 3px, rgba(80, 144, 80, 0.5) 3px, black 100%);
}
.portable-infobox.type-item .rarity-Standard {
font-weight: bold;
color: #509050;
}
body[data-theme="dark"] .portable-infobox.type-item .rarity-Normal {
font-weight: bold;
color: #cccccc;
}
body[data-theme="light"] .portable-infobox.type-item .rarity-Normal {
font-weight: bold;
color: #777777;
}
.infobox-item-photo {
max-width: 30%;
height: auto;
padding: 0.25em;
}
}

Revision as of 12:06, 4 March 2025

.infobox_INSERTNAME {

   background: #eee;
   border: 1px solid #aaa;
   float: right;
   margin: 0 0 1em 1em;
   padding: 1em;
   width: 400px;

} .infobox-title {

   font-size: 2em;
   text-align: center;

} .infobox-image {

   text-align: center;

} .infobox-table th {

   text-align: right;
   vertical-align: top;
   width: 120px;

} .infobox-table td {

   vertical-align: top;

}