Difference between revisions of "Template:Gallery/styles.css"

From blackwiki
Jump to navigation Jump to search
imported>MSGJ
imported>MSGJ
(changes requested by User:Great Brightstar)
Line 1: Line 1:
 
/* {{pp-template}} */
 
/* {{pp-template}} */
@media all and (max-width: 720px) {
+
@media all and (max-width:720px) {
    .mod-gallery {
+
.mod-gallery {
 
width:100% !important;
 
width:100% !important;
 
}
 
}
Line 26: Line 26:
 
}
 
}
 
.mod-gallery-collapsible {
 
.mod-gallery-collapsible {
width: 100%;
+
width:100%;
 
}
 
}
 
.mod-gallery .title,
 
.mod-gallery .title,
Line 41: Line 41:
 
display:table-cell;
 
display:table-cell;
 
}
 
}
.mod-gallery .caption {
+
.mod-gallery .gallery {
display:table-row;
+
line-height:1.35em;
vertical-align: top;
 
}
 
.mod-gallery .caption>div {
 
display:table-cell;
 
display:block;
 
font-size:94%;
 
padding:0;
 
 
}
 
}
 
.mod-gallery .footer>div {
 
.mod-gallery .footer>div {
Line 56: Line 49:
 
font-size:80%;
 
font-size:80%;
 
line-height:1em;
 
line-height:1em;
 +
}
 +
.mod-gallery .title>div *,
 +
.mod-gallery .footer>div * {
 +
overflow:visible;
 
}
 
}
 
.mod-gallery .gallerybox img {
 
.mod-gallery .gallerybox img {
Line 61: Line 58:
 
}
 
}
 
.mod-gallery .bordered-images .thumb img {
 
.mod-gallery .bordered-images .thumb img {
border:solid #eee 1px;
+
border:solid #eaecf0 1px;
 
}
 
}
.mod-gallery .whitebg .gallerybox,
 
 
.mod-gallery .whitebg .thumb {
 
.mod-gallery .whitebg .thumb {
 
background:#fff !important;
 
background:#fff !important;
}
 
.mod-gallery .whitebg .thumb {
 
margin-top:1px;
 
 
}
 
}

Revision as of 11:42, 18 September 2020

/* {{pp-template}} */
@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 .gallery {
	line-height:1.35em;
}
.mod-gallery .footer>div {
	display:table-cell;
	text-align:right;
	font-size:80%;
	line-height:1em;
}
.mod-gallery .title>div *,
.mod-gallery .footer>div * {
	overflow:visible;
}
.mod-gallery .gallerybox img {
	background:none !important;
}
.mod-gallery .bordered-images .thumb img {
	border:solid #eaecf0 1px;
}
.mod-gallery .whitebg .thumb {
	background:#fff !important;
}