Template:Gallery/styles.css: Difference between revisions

Revision as of 02:37, 23 July 2024

.ds li.gallerybox {
    max-width: 250px !important;
}

.ds li.gallerybox div.thumb {
    min-height: 375px;
    display: flex;
    align-items: center;
    background: var(--color-surface-3);
}


ul.gallery.gallery.gallery {
    text-align: center;
}

li.gallerybox{
    position: relative;
    border-radius: 8px;
    margin: 0px 4px 40px 4px;
    background: var(--color-surface-2);
    max-width: 280px;
    padding: 0px 0px 15px 0px;
    box-shadow: var(--box-shadow-dialog);
}

li.gallerybox div.thumb {
   margin: 0px;
   border-radius: 8px 8px 0px 0px;
}

li.gallerybox div.thumb img {
    opacity: 0.95;

    border-radius: inherit;
}

div.gallerytext {
    font-size: small;
}

div.gallerytext > pre {
    margin-top: -22px !important;
    margin-bottom: -15px !important;
    font-family: inherit;
    color: #808080cf;
    border: none;
    overflow: hidden;
    font-size: inherit;
    background: none;
}

div.gallerytext p {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   padding: 8px;
}

/* fix the boxes arr */
.pc2 li.gallerybox div.thumb img {
    min-width: 278px;
    object-fit: fill;
    height: 210px;
}

/* box center */
.pc2 ul.mw-gallery-nolines li.gallerybox div.thumb {
    display: flex;
    align-items: center;
    background: var(--color-surface-3);
    border: 1px solid var(--color-surface-3);
}


/* infobox */
.collapsible-toggle {
    cursor: pointer;
    background-color: #f1f1f1;
    border: none;
    color: #000;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 5px 0;
    border-radius: 5px;
}

.collapsible-content {
    display: none;
    overflow: hidden;
    border-top: 1px solid #ddd;
    padding: 10px;
}

@@ Line 75: / Line 75: @@
 /* infobox */
-.infobox.mw-collapsed {
+.collapsible-toggle {
-     background-color: transparent;
+    cursor: pointer;
-     box-shadow: inset 0 0 0 1px var(--border-color-base);
+     background-color: #f1f1f1;
+    border: none;
+     color: #000;
+    padding: 10px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    margin: 5px 0;
+    border-radius: 5px;
 }
-.infobox__snippet.mw-collapsible-toggle {
+.collapsible-content {
-     /* Disable default style */
+     display: none;
-    float: none;
+     overflow: hidden;
-     border-top-left-radius: var(--border-radius--medium);
+     border-top: 1px solid #ddd;
-     border-top-right-radius: var(--border-radius--medium);
+     padding: 10px;
-}
-.infobox__snippet.mw-collapsible-toggle.mw-collapsible-toggle-collapsed {
-    border-bottom-left-radius: var(--border-radius--medium);
-    border-bottom-right-radius: var(--border-radius--medium);
-}
-.infobox__snippet.mw-collapsible-toggle:hover {
-    background-color: var(--background-color-quiet--hover);
-}
-/* Might as well steal from skin */
-.infobox__snippet.mw-collapsible-toggle .mw-ui-icon-wikimedia-collapse {
-    width: var(--font-size-small);
-    height: var(--font-size-small);
-    flex-shrink: 0;
-    transition: var(--transition-menu);
-    transition-property: transform;
-}
-/* Might as well steal from skin */
-.infobox__snippet.mw-collapsible-toggle.mw-collapsible-toggle-collapsed
-    .mw-ui-icon-wikimedia-collapse {
-     transform: rotate(180deg);
 }