|
|
| Line 59: |
Line 59: |
| border-bottom-left-radius: 0; | | border-bottom-left-radius: 0; |
| border-bottom-right-radius: 0; | | border-bottom-right-radius: 0; |
| | } |
| | |
| | /* Only when no images */ |
| | .druid-infobox:not(:has(.druid-main-image, .druid-main-images)) .druid-title { |
| | margin-bottom: var(--druid-gap); |
| } | | } |
|
| |
|
| Line 318: |
Line 323: |
| .quality-label.quality-purple::before { background: #A680B1; } | | .quality-label.quality-purple::before { background: #A680B1; } |
| .quality-label.quality-gold::before { background: #C79D39; } | | .quality-label.quality-gold::before { background: #C79D39; } |
|
| |
| /*****************************************
| |
| TODO:
| |
| Delete all Portable Infobox CSS after converting all Portable Infoboxes
| |
| into DRUID Infoboxes
| |
| *****************************************/
| |
|
| |
| .portable-infobox {
| |
| min-width: 320px;
| |
| background: var(--background-color-1);
| |
| border-radius: 20px;
| |
| padding: 10px;
| |
| }
| |
|
| |
| .pi-title {
| |
| background-color: var(--color-accent);
| |
| text-align: center;
| |
| border-radius: 10px;
| |
| color: var(--color-accent-text);
| |
| margin-bottom: 5px !important;
| |
| }
| |
|
| |
| .pi-data {
| |
| background-color: var(--background-color-2);
| |
| border-radius: 10px;
| |
| margin-bottom: 5px;
| |
| border: none;
| |
| }
| |
|
| |
| .pi-data:last-child {
| |
| margin-bottom: 0;
| |
| }
| |
|
| |
| .pi-data-label {
| |
| color: var(--color-progressive);
| |
| font-family: 'Inter' !important;
| |
| font-weight: 700 !important;
| |
| }
| |
|
| |
| .portable-infobox .pi-data-label {
| |
| flex: 95px;
| |
| }
| |
|
| |
| .pi-image img {
| |
| border-radius: 10px;
| |
| overflow: hidden;
| |
| margin-bottom: 5px !important;
| |
| }
| |
|
| |
| .pi-media-collection-tabs {
| |
| gap: 5px;
| |
| align-items: stretch !important;
| |
| margin-bottom: 2px !important;
| |
| }
| |
|
| |
| .pi-media-collection-tabs .current {
| |
| background-color: var(--background-color-4) !important;
| |
| }
| |
|
| |
| .pi-media-collection-tabs li {
| |
| border-radius: 10px !important;
| |
| background-color: var(--background-color-2) !important;
| |
| }
| |
|
| |
| .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {
| |
| max-width: none !important;
| |
| flex-grow: 1;
| |
| }
| |
|
| |
| .pi-media-collection .pi-tab-link {
| |
| border: 0;
| |
| }
| |
|
| |
| .pi-header {
| |
| background-color: transparent !important;
| |
| text-align: center;
| |
| font-weight: 500 !important;
| |
| }
| |
|
| |
| /* Group styling */
| |
| .pi-horizontal-group {
| |
| margin-bottom: 5px;
| |
| border: 1px solid transparent !important;
| |
| border-spacing: 5px 0;
| |
| border-collapse: collapse;
| |
| border-radius: 10px;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .pi-horizontal-group {
| |
| td,
| |
| th {
| |
| border-color: var(--background-color-1) !important;
| |
| border-width: 5px !important;
| |
| background-color: var(--background-color-2);
| |
| }
| |
| }
| |
|
| |
| .pi-group {
| |
| border: none;
| |
| }
| |
|
| |
| /* Hide dummy infobox */
| |
| aside.pi-theme-dummy,
| |
| aside.pi-theme-dummy ~ aside.portable-infobox + p > br:first-child,
| |
| aside.pi-theme-dummy ~ aside.portable-infobox + p:empty + p > br:first-child {
| |
| display: none;
| |
| }
| |
