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

Line 3: Line 3:
 
@charset "UTF-8";
 
@charset "UTF-8";
 
/* CSS Document */
 
/* CSS Document */
−
.twoText-Wrapper {
+
 
−
width: 95%;
+
.twoText-Wrapper {width: 95%; text-align: center;}
−
text-align: center;
+
.twoText-Text {width: 45%; padding: 1em; display: inline-block;}
−
}
+
−
.twoText-Text {
+
−
width: 45%;
+
−
padding: 1em;
+
−
display: inline-block;
+
−
}
+
 
 
−
.twoImage-Wrapper {
+
.twoImage-Wrapper {width: 95%; text-align: center;}
−
width: 95%;
+
.twoImage-Image {width: 47.5%; display: inline-block;}
−
text-align: center;
+
.twoImage-Image img {padding: 1em; width: 100%;}
−
}
+
−
.twoImage-Image {
+
−
width: 47.5%;
+
−
display: inline-block;
+
−
}
+
−
.twoImage-Image img {
+
−
padding: 1em;
+
−
width: 100%;
+
−
}
+
  
−
.twoText-Wrapper {
+
.twoText-Wrapper {width: 95%; text-align: center;}
−
width: 95%;
+
.twoText-Text {width: 30%; padding: 1em; display: inline-block;}
−
text-align: center;
+
−
}
+
−
.twoText-Text {
+
−
width: 30%;
+
−
padding: 1em;
+
−
display: inline-block;
+
−
}
+
  
−
.threeImage-Wrapper {
+
.threeImage-Wrapper {width: 95%; text-align: center;}
−
width: 95%;
+
.threeImage-Image {width: 31.66%; display: inline-block;}
−
text-align: center;
+
.threeImage-Image img {padding: 1em; width: 100%;}
−
}
+
−
.threeImage-Image {
+
−
width: 31.66%;
+
−
display: inline-block;
+
−
}
+
−
.threeImage-Image img {
+
−
padding: 1em;
+
−
width: 100%;
+
−
}
+
  
−
.textBlock-Wrapper {
+
.textBlock-Wrapper {width: 95%; text-align: center;}
−
width: 95%;
+
.textBlock-Block {width: 45%; padding: 1em; display: inline-block;}
−
text-align: center;
+
.textBlock-Text {width: 45%; padding: 1em; display: inline-block;}
−
}
+
.textBlock-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;}
−
.textBlock-Block {
+
.textBlock-Block blockquote p {padding-left: 1em; padding-right: 1em;}
−
width: 45%;
+
−
padding: 1em;
+
−
display: inline-block;
+
−
}
+
−
.textBlock-Text {
+
−
width: 45%;
+
−
padding: 1em;
+
−
display: inline-block;
+
−
}
+
−
.textBlock-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;
+
−
}
+
−
.textBlock-Block blockquote p {
+
−
padding-left: 1em;
+
−
padding-right: 1em;
+
−
}
+
  
 
.oneText-Wrapper {
 
.oneText-Wrapper {
Line 115: Line 64:
  
 
.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;}
  

Revision as of 21:18, 7 October 2018