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

Template:Gallery/styles.css: Difference between revisions

Template page
No edit summary
No edit summary
Line 1: Line 1:
.slide {
li.gallerybox{
  max-width: 1100px;
    position: relative;
}
    border-radius: 8px;
 
    margin: 0px 2px 40px 2px;
.slide li.gallerybox {
    background: var(--color-surface-2);
  max-width: 200px;
    max-width: 280px;
  background: var(--color-surface-2);
  padding: 0px;
  margin: 0px 2px 40px 2px;
  border-radius: 8px;
}
 
.ds li.gallerybox div.thumb {
  max-height: 150px;
}
}


Line 20: Line 12:
}
}


.slide li.gallerybox div.thumb img {
li.gallerybox div.thumb img {
  width: 250px;
    opacity: 0.95;
  border-radius: inherit;
    margin: 0px;
    background: var(--color-surface-3);
    border-radius: inherit;
}
 
div.gallerytext {
    font-size: small;
}
}


.slide div.gallerytext {
div.gallerytext > pre {
  text-align: left !important;
    margin-top: -18px !important;
  font-size: smaller;
    margin-bottom: -10px !important;
    font-family: inherit;
    color: #808080cf;
    border: none;
    overflow: hidden;
    font-size: inherit;
}
}


.slide div.gallerytext p {
div.gallerytext p {
   white-space: nowrap;
   white-space: nowrap;
   text-overflow: ellipsis;
   text-overflow: ellipsis;
   overflow: hidden;
   overflow: hidden;
   padding: 8px;
   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);
}
}

Revision as of 08:25, 22 July 2024

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

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

li.gallerybox div.thumb img {
    opacity: 0.95;
    margin: 0px;
    background: var(--color-surface-3);
    border-radius: inherit;
}

div.gallerytext {
    font-size: small;
}

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

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);
}

Advertising: