Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Infobox.css: Difference between revisions

MediaWiki interface page
Increased portable-infobox width to 340px and increased pi-data-label to flex 95px
No edit summary
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/*infobox*/
/*infobox*/
.portable-infobox {
.portable-infobox {
width: 340px;
min-width: 340px;
     background: var(--theme-color-1);
     background: var(--background-color-1);
     border-radius: 20px;
     border-radius: 20px;
     padding: 10px;
     padding: 10px;
Line 11: Line 11:
     text-align: center;
     text-align: center;
     border-radius: 10px;
     border-radius: 10px;
     color: var(--page-text-color);
     color: var(--color-base);
     margin-bottom: 5px !important;
     margin-bottom: 5px !important;
}
}


.skin-theme-clientpref-night .pi-title {
.skin-theme-clientpref-night .pi-title,
     color: var(--page-background-color);
.skin-theme-clientpref-os .pi-title {
     color: var(--background-color-base);
}
}


.pi-data {
.pi-data {
     background-color: var(--theme-color-3);
     background-color: var(--background-color-2);
     border-radius: 10px;
     border-radius: 10px;
     margin-bottom: 5px;
     margin-bottom: 5px;
Line 31: Line 32:


.pi-data-label {
.pi-data-label {
     color: var(--theme-link-color);
     color: var(--color-progressive);
     font-family: 'Inter' !important;
     font-family: 'Inter' !important;
     font-weight: 700 !important;
     font-weight: 700 !important;
Line 53: Line 54:


.pi-media-collection-tabs .current {
.pi-media-collection-tabs .current {
     background-color: var(--theme-color-6) !important;
     background-color: var(--background-color-4) !important;
}
}


.pi-media-collection-tabs li {
.pi-media-collection-tabs li {
     border-radius: 10px !important;
     border-radius: 10px !important;
     background-color: var(--theme-color-3) !important;
     background-color: var(--background-color-2) !important;
}
}


Line 64: Line 65:
     max-width: none !important;
     max-width: none !important;
     flex-grow: 1;
     flex-grow: 1;
}
.pi-media-collection .pi-tab-link {
    border: 0;
}
}


Line 84: Line 89:
.pi-horizontal-group {
.pi-horizontal-group {
     td , th {
     td , th {
         border-color: var(--theme-color-1) !important;
         border-color: var(--background-color-1) !important;
         border-width: 5px !important;
         border-width: 5px !important;
         background-color: var(--theme-color-3);
         background-color: var(--background-color-2);
     }
     }
}
}