Template:Gallery/styles.css: Difference between revisions
imported>SunSeeker02 No edit summary |
imported>SunSeeker02 No edit summary |
||
| Line 1: | Line 1: | ||
@media all and (max-width: 720px) { | @media all and (max-width: 720px) { | ||
.mod-gallery { | |||
width: 100% !important; | width:100% !important; | ||
} | } | ||
} | } | ||
.mod-gallery { | .mod-gallery { | ||
display: table; | display:table; | ||
} | } | ||
.mod-gallery-default { | .mod-gallery-default { | ||
background: transparent; | background:transparent; | ||
margin-top: | margin-top:4px; | ||
} | } | ||
.mod-gallery-center { | .mod-gallery-center { | ||
margin-left: auto; | margin-left:auto; | ||
margin-right: auto; | margin-right:auto; | ||
} | } | ||
.mod-gallery-left { | .mod-gallery-left { | ||
float: left; | float:left; | ||
} | } | ||
.mod-gallery-right { | .mod-gallery-right { | ||
float: right; | float:right; | ||
} | } | ||
.mod-gallery-none { | .mod-gallery-none { | ||
float: none; | float:none; | ||
} | } | ||
.mod-gallery-collapsible { | .mod-gallery-collapsible { | ||
width: 100%; | width: 100%; | ||
} | } | ||
.mod-gallery .title, | .mod-gallery .title, | ||
.mod-gallery .main, | .mod-gallery .main, | ||
.mod-gallery .footer { | .mod-gallery .footer { | ||
display: table-row; | display:table-row; | ||
} | } | ||
.mod-gallery .title>div { | |||
.mod-gallery .title > div { | display:table-cell; | ||
display: table-cell | text-align:center; | ||
font-weight:bold; | |||
text-align: center; | |||
font-weight: bold; | |||
} | } | ||
.mod-gallery .main>div { | |||
.mod-gallery .main > div { | display:table-cell; | ||
display: table-cell; | |||
} | } | ||
.mod-gallery .caption { | |||
.mod-gallery . | display:table-row; | ||
vertical-align: top; | |||
} | } | ||
.mod-gallery .caption>div { | |||
.mod-gallery . | display:table-cell; | ||
display: table-cell; | display:block; | ||
font-size:94%; | |||
padding:0; | |||
font-size: | |||
} | } | ||
.mod-gallery .footer>div { | |||
.mod-gallery . | display:table-cell; | ||
text-align:right; | |||
font-size:80%; | |||
line-height:1em; | |||
} | } | ||
.mod-gallery .gallerybox img { | .mod-gallery .gallerybox img { | ||
background: none !important; | background:none !important; | ||
} | } | ||
.mod-gallery .bordered-images .thumb img { | .mod-gallery .bordered-images .thumb img { | ||
border: solid # | border:solid #eee 1px; | ||
} | |||
.mod-gallery .whitebg .gallerybox, | |||
.mod-gallery .whitebg .thumb { | |||
background:#fff !important; | |||
} | } | ||
.mod-gallery .whitebg .thumb { | .mod-gallery .whitebg .thumb { | ||
margin-top:1px; | |||
} | } | ||
Revision as of 00:02, 1 February 2022
@media all and (max-width: 720px) {
.mod-gallery {
width:100% !important; } } .mod-gallery { display:table; } .mod-gallery-default { background:transparent; margin-top:4px; } .mod-gallery-center { margin-left:auto; margin-right:auto; } .mod-gallery-left { float:left; } .mod-gallery-right { float:right; } .mod-gallery-none { float:none; } .mod-gallery-collapsible { width: 100%; } .mod-gallery .title, .mod-gallery .main, .mod-gallery .footer { display:table-row; } .mod-gallery .title>div { display:table-cell; text-align:center; font-weight:bold; } .mod-gallery .main>div { display:table-cell; } .mod-gallery .caption { display:table-row; vertical-align: top; } .mod-gallery .caption>div { display:table-cell; display:block; font-size:94%; padding:0; } .mod-gallery .footer>div { display:table-cell; text-align:right; font-size:80%; line-height:1em; } .mod-gallery .gallerybox img { background:none !important; } .mod-gallery .bordered-images .thumb img { border:solid #eee 1px; } .mod-gallery .whitebg .gallerybox, .mod-gallery .whitebg .thumb { background:#fff !important; } .mod-gallery .whitebg .thumb { margin-top:1px; }