mirror of
https://github.com/Hutchy68/pivot.git
synced 2024-11-21 18:09:03 +01:00
More improvement to MW image way CSS
This commit is contained in:
parent
1dfbb94a0c
commit
1cbaa40c03
@ -1105,7 +1105,7 @@ ul[class*="block-grid"] {
|
|||||||
|
|
||||||
/* Images the MediaWiki way */
|
/* Images the MediaWiki way */
|
||||||
|
|
||||||
/* Thumbs and Captions */
|
/* Images, Thumbs and Captions */
|
||||||
.thumbinner {
|
.thumbinner {
|
||||||
border: 1px solid #c8ccd1;
|
border: 1px solid #c8ccd1;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
@ -1114,6 +1114,10 @@ ul[class*="block-grid"] {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
.thumb.tright, .thumb.left {
|
||||||
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
.thumbcaption {
|
.thumbcaption {
|
||||||
border: 0;
|
border: 0;
|
||||||
@ -1148,6 +1152,15 @@ table.floatleft {
|
|||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tnone {
|
||||||
|
margin: .5rem 0;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.floatnone img {
|
||||||
|
margin: .5rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Kill the float for smaller screens and make them align center. */
|
/* Kill the float for smaller screens and make them align center. */
|
||||||
|
|
||||||
@media only screen and (max-width: 640px) {
|
@media only screen and (max-width: 640px) {
|
||||||
@ -1158,7 +1171,7 @@ table.floatleft {
|
|||||||
.thumb.tleft,
|
.thumb.tleft,
|
||||||
.thumb.tright {
|
.thumb.tright {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
float: none;
|
float: none !important;
|
||||||
margin: .5em auto;
|
margin: .5em auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user