Difference between revisions of "Template:Lethbridge/mini-template-css"
Keithaiken (Talk | contribs) |
Keithaiken (Talk | contribs) |
||
| Line 9: | Line 9: | ||
.twoImage-Wrapper {width: 95%; text-align: center;} | .twoImage-Wrapper {width: 95%; text-align: center;} | ||
.twoImage-Image {width: 47.5%; display: inline-block;} | .twoImage-Image {width: 47.5%; display: inline-block;} | ||
| − | .twoImage-Image img {padding: 1em; width: 100%;} | + | .twoImage-Image img {max-width: 100%; padding: 1em; width: 100%;} |
.twoText-Wrapper {width: 95%; text-align: center;} | .twoText-Wrapper {width: 95%; text-align: center;} | ||
| Line 16: | Line 16: | ||
.threeImage-Wrapper {width: 95%; text-align: center;} | .threeImage-Wrapper {width: 95%; text-align: center;} | ||
.threeImage-Image {width: 31.66%; display: inline-block;} | .threeImage-Image {width: 31.66%; display: inline-block;} | ||
| − | .threeImage-Image img {padding: 1em; width: 100%;} | + | .threeImage-Image img {max-width: 100%;padding: 1em; width: 100%;} |
.textBlock-Wrapper {width: 95%; text-align: center;} | .textBlock-Wrapper {width: 95%; text-align: center;} | ||
| Line 29: | Line 29: | ||
.oneImage-Wrapper {width: 95%; text-align: center;} | .oneImage-Wrapper {width: 95%; text-align: center;} | ||
.oneImage-Image {display: inline-block;} | .oneImage-Image {display: inline-block;} | ||
| − | .oneImage-Image img {max-width: | + | .oneImage-Image img {max-width: 100%;padding: 1em;} |
.fourImage-Wrapper {width: 95%;text-align: center;} | .fourImage-Wrapper {width: 95%;text-align: center;} | ||
.fourImage-Image {width: 23.75%;display: inline-block;} | .fourImage-Image {width: 23.75%;display: inline-block;} | ||
| − | .fourImage-Image img { | + | .fourImage-Image img {max-width: 100%; padding: 1em;} |
.textImage-Wrapper {width: 95%;} | .textImage-Wrapper {width: 95%;} | ||
.textImage-Text {width: 45%; padding: 1em; float: left;} | .textImage-Text {width: 45%; padding: 1em; float: left;} | ||
.textImage-Image {width: 45%; padding: 1em; float: left;} | .textImage-Image {width: 45%; padding: 1em; float: left;} | ||
| − | .textImage-Image img {max-width: | + | .textImage-Image img {max-width: 100%} |
.imageText-Wrapper {width: 95%;} | .imageText-Wrapper {width: 95%;} | ||
| Line 48: | Line 48: | ||
.blockImage-Block {width: 45%;padding: 1em;display: inline-block;} | .blockImage-Block {width: 45%;padding: 1em;display: inline-block;} | ||
.blockImage-Image {width: 45%;padding: 1em;display: inline-block;} | .blockImage-Image {width: 45%;padding: 1em;display: inline-block;} | ||
| + | .blockImage-Image img {max-width: 100%;} | ||
.blockImage-Block blockquote {background-color: rgba(171,171,171,0.4);border:solid;border-color: rgba(21,27,31,0.8);border-width: medium;border-radius: 5px;} | .blockImage-Block blockquote {background-color: rgba(171,171,171,0.4);border:solid;border-color: rgba(21,27,31,0.8);border-width: medium;border-radius: 5px;} | ||
.blockImage-Block blockquote p {padding-left: 1em;padding-right: 1em;} | .blockImage-Block blockquote p {padding-left: 1em;padding-right: 1em;} | ||
| Line 60: | Line 61: | ||
.imageBlock-Block {width: 45%;padding: 1em;display: inline-block;} | .imageBlock-Block {width: 45%;padding: 1em;display: inline-block;} | ||
.imageBlock-Image {width: 45%;padding: 1em;display: inline-block;} | .imageBlock-Image {width: 45%;padding: 1em;display: inline-block;} | ||
| + | .imageBlock-Image img {max-width: 100%;} | ||
.imageBlock-Block blockquote {background-color: rgba(171,171,171,0.4);border:solid;border-color: rgba(21,27,31,0.8);border-width: medium;border-radius: 5px;} | .imageBlock-Block blockquote {background-color: rgba(171,171,171,0.4);border:solid;border-color: rgba(21,27,31,0.8);border-width: medium;border-radius: 5px;} | ||
blockquote p {padding-left: 1em;padding-right: 1em;} | blockquote p {padding-left: 1em;padding-right: 1em;} | ||
Revision as of 15:40, 13 October 2018