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

From blackwiki
Jump to navigation Jump to search
imported>Frietjes
(lighter image borders)
imported>Frietjes
(more templatestyles)
Line 1: Line 1:
/* FIXME: the media query is only necessary due to the fact that Module:Gallery uses inline styles.
+
.mod-gallery {
Module:Gallery should be updated to not use style attributes and exclusively use this.
+
display:table;
Various other templates use Module:Gallery, so out of fear of breaking them I've done this (mixed with importants) which make me very sad.
 
*/
 
@media all and ( max-width: 720px ) {
 
.mw-module-gallery {
 
/* Override inline styles in Module:Gallery. !important can be removed when Module:Gallery no longer has them*/
 
display: block !important;
 
float: none !important;
 
}
 
.mw-module-gallery div {
 
display: inherit !important;
 
float: none !important;
 
width: auto !important;
 
}
 
 
}
 
}
.mw-module-gallery .gallerybox .thumb img {
+
.mod-gallery-default {
 +
background:transparent;
 +
margin-top:0.5em;
 +
}
 +
.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{
 +
display:table-row;
 +
}
 +
.mod-gallery .title>div{
 +
display:table-cell;
 +
text-align:center;
 +
font-weight:bold;
 +
}
 +
.mod-gallery .main{
 +
display:table-row;
 +
}
 +
.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 {
 +
display:table-row;
 +
}
 +
.mod-gallery .footer>div {
 +
display:table-cell;
 +
text-align:right;
 +
font-size:80%;
 +
line-height:1em;
 +
}
 +
.mod-gallery .gallerybox .thumb img {
 
background: none;
 
background: none;
 
}
 
}
.mw-module-gallery .bordered-images img {
+
.mod-gallery .bordered-images img {
 
border: solid #eee 1px;
 
border: solid #eee 1px;
 
}
 
}

Revision as of 14:00, 5 November 2018

.mod-gallery {
	display:table;
}
.mod-gallery-default {
	background:transparent;
	margin-top:0.5em;
}
.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{
	display:table-row;
}
.mod-gallery .title>div{
	display:table-cell;
	text-align:center;
	font-weight:bold;
}
.mod-gallery .main{
	display:table-row;
}
.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 {
	display:table-row;
}
.mod-gallery .footer>div {
	display:table-cell;
	text-align:right;
	font-size:80%;
	line-height:1em;
}
.mod-gallery .gallerybox .thumb img {
	background: none;
}
.mod-gallery .bordered-images img {
	border: solid #eee 1px;
}