Difference between revisions of "Template:Lethbridge/mini-template-css"

Line 24: Line 24:
 
.textBlock-Block blockquote p {padding-left: 1em; padding-right: 1em;}
 
.textBlock-Block blockquote p {padding-left: 1em; padding-right: 1em;}
  
−
.oneText-Wrapper {
+
.oneText-Wrapper {width: 95%; text-align: center;}
−
width: 95%;
+
.oneText-Text {width: 45%; padding: 1em; display: inline-block;}
−
text-align: center;
+
−
}
+
−
.oneText-Text {
+
−
width: 45%;
+
−
padding: 1em;
+
−
display: inline-block;
+
−
}
+
  
−
.oneImage-Wrapper {
+
.oneImage-Wrapper {width: 95%; text-align: center;}
−
width: 95%;
+
.oneImage-Image {display: inline-block;}
−
text-align: center;
+
.oneImage-Image img {max-width: 45%;padding: 1em;}
−
}
+
−
.oneImage-Image {
+
−
display: inline-block;
+
−
}
+
−
.oneImage-Image img {
+
−
width: 45%;
+
−
padding: 1em;
+
−
}
+
  
−
.fourImage-Wrapper {
+
.fourImage-Wrapper {width: 95%;text-align: center;}
−
width: 95%;
+
.fourImage-Image {width: 23.75%;display: inline-block;}
−
text-align: center;
+
.fourImage-Image img {padding: 1em;width: 100%;}
−
}
+
−
.fourImage-Image {
+
−
width: 23.75%;
+
−
display: inline-block;
+
−
}
+
−
.fourImage-Image img {
+
−
padding: 1em;
+
−
width: 100%;
+
−
}
+
  
 
.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 img {max-width: 45%}
  
 
.imageText-Wrapper {width: 95%;}
 
.imageText-Wrapper {width: 95%;}
 
.imageText-Text {width: 45%; padding: 1em; float: left;}
 
.imageText-Text {width: 45%; padding: 1em; float: left;}
 
.imageText-Image {width: 45%; padding: 1em; float: left;}
 
.imageText-Image {width: 45%; padding: 1em; float: left;}
 +
.imageText-Image img {max-width: 100%; height: auto}
  
−
.blockImage-Wrapper {
+
.blockImage-Wrapper {width: 95%;text-align: center;}
−
width: 95%;
+
.blockImage-Block {width: 45%;padding: 1em;display: inline-block;}
−
text-align: center;
+
.blockImage-Image {width: 45%;padding: 1em;display: inline-block;}
−
}
+
.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 {
+
.blockImage-Block blockquote p {padding-left: 1em;padding-right: 1em;}
−
width: 45%;
+
−
padding: 1em;
+
−
display: inline-block;
+
−
}
+
−
.blockImage-Image {
+
−
width: 45%;
+
−
padding: 1em;
+
−
display: inline-block;
+
−
}
+
−
.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;
+
−
}
+
  
−
.blockText-Wrapper {
+
.blockText-Wrapper {width: 95%;text-align: center;}
−
width: 95%;
+
.blockText-Block {width: 45%;padding: 1em;display: inline-block;}
−
text-align: center;
+
.blockText-Text {width: 45%;padding: 1em;display: inline-block;}
−
}
+
.blockText-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;}
−
.blockText-Block {
+
.blockText-Block blockquote p {padding-left: 1em;padding-right: 1em;}
−
width: 45%;
+
−
padding: 1em;
+
−
display: inline-block;
+
−
}
+
−
.blockText-Text {
+
−
width: 45%;
+
−
padding: 1em;
+
−
display: inline-block;
+
−
}
+
−
.blockText-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;
+
−
}
+
−
.blockText-Block blockquote p {
+
−
padding-left: 1em;
+
−
padding-right: 1em;
+
−
}
+
 
 
−
.imageBlock-Wrapper {
+
.imageBlock-Wrapper {width: 95%;text-align: center;}
−
width: 95%;
+
.imageBlock-Block {width: 45%;padding: 1em;display: inline-block;}
−
text-align: center;
+
.imageBlock-Image {width: 45%;padding: 1em;display: inline-block;}
−
}
+
.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 p {padding-left: 1em;padding-right: 1em;}
−
width: 45%;
+
−
padding: 1em;
+
−
display: inline-block;
+
−
}
+
−
.imageBlock-Image {
+
−
width: 45%;
+
−
padding: 1em;
+
−
display: inline-block;
+
−
}
+
−
.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;
+
−
}
+
  
−
.oneBlock-Wrapper {
+
.oneBlock-Wrapper {width: 95%;text-align: center;}
−
width: 95%;
+
.oneBlock-Block {width: 70%;padding: 1em;display: inline-block;}
−
text-align: center;
+
.oneBlock-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;}
−
}
+
.oneBlock-Block blockquote p {padding: 1em;}
−
.oneBlock-Block {
+
−
width: 70%;
+
−
padding: 1em;
+
−
display: inline-block;
+
−
}
+
−
.oneBlock-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;
+
−
}
+
−
.oneBlock-Block blockquote p {
+
−
padding: 1em;
+
−
}
+
  
 
@media screen and (max-width: 594px) {
 
@media screen and (max-width: 594px) {

Revision as of 15:29, 13 October 2018