%PDF-
%PDF-
Mini Shell
Mini Shell
/* Testimonials */
.testimonial {
margin-bottom: $spacement-lg;
blockquote {
background: #CCC;
border-radius: 10px;
border: 0;
color: #666;
font-family: Georgia, serif;
font-style: italic;
margin: 0;
padding: 10px 50px;
position: relative;
&:before {
#{$left}: 10px;
top: 0;
color: #FFF;
content: if-ltr("\201C", "\201D");
font-size: 80px;
font-style: normal;
line-height: 1;
position: absolute;
}
&:after {
color: #FFF;
content: if-ltr("\201D", "\201C");
font-size: 80px;
font-style: normal;
line-height: 1;
position: absolute;
bottom: -0.5em;
#{$right}: 10px;
}
p {
color: #FFF;
font-family: Georgia, serif;
font-style: italic;
font-size: 1.2em;
line-height: 1.3;
}
}
.testimonial-arrow-down {
border-#{$left}: 15px solid transparent;
border-#{$right}: 15px solid transparent;
border-top: 15px solid #CCC;
height: 0;
margin: side-values(0 0 0 17px);
width: 0;
}
.testimonial-author {
@include clearfix;
margin: 8px 0 0 0;
.testimonial-author-thumbnail {
float: $left;
margin-#{$right}: 10px;
width: auto;
}
img {
max-width: 55px;
}
strong {
color: #111;
display: block;
padding-top: 10px;
margin-bottom: -5px;
}
span {
color: #666;
display: block;
font-size: 12px;
}
p {
color: #999;
margin: side-values(0 0 0 25px);
text-align: $left;
}
}
}
/* Style 2 */
.testimonial {
&.testimonial-style-2 {
text-align: center;
blockquote {
background: transparent !important;
border-radius: 4px;
padding: 6px 20px;
&:before, &:after {
display: none;
}
p {
color: $color-font-default;
}
}
.testimonial-arrow-down {
display: none;
}
.testimonial-author {
padding: 0;
margin: 6px 0 0;
img {
margin: 0 auto 10px;
}
p {
text-align: center;
padding: 0;
margin: 0;
}
}
}
}
/* Style 3 */
.testimonial {
&.testimonial-style-3 {
blockquote {
background: $color-default !important;
border-radius: 4px;
padding: 12px 30px;
&:before {
top: 5px;
color: $color-font-default;
font-size: 35px;
}
&:after {
color: $color-font-default;
font-size: 35px;
bottom: -5px;
}
p {
color: $color-font-default;
font-family: $font-primary;
font-size: 1em;
font-style: normal;
}
}
.testimonial-author {
margin-#{$left}: 8px;
}
.testimonial-arrow-down {
margin-#{$left}: 20px;
border-top: 10px solid $color-default !important;
}
}
}
/* Style 4 */
.testimonial {
&.testimonial-style-4 {
border-radius: 6px;
padding: 8px;
border-top: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
border-#{$left}: 1px solid #ECECEC;
border-#{$right}: 1px solid #ECECEC;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
blockquote {
background: transparent !important;
border-radius: 4px;
padding: 12px 30px;
&:before {
top: 5px;
color: $color-font-default;
font-size: 35px;
}
&:after {
color: $color-font-default;
font-size: 35px;
bottom: -5px;
}
p {
color: $color-font-default;
font-family: $font-primary;
font-size: 1em;
font-style: normal;
}
}
.testimonial-arrow-down {
display: none;
}
.testimonial-author {
margin-#{$left}: 30px;
margin-bottom: 15px;
}
&.testimonial-no-borders {
border: 0;
box-shadow: none;
}
}
}
/* Style 5 */
.testimonial {
&.testimonial-style-5 {
text-align: center;
blockquote {
background: transparent !important;
border-radius: 4px;
padding: 6px 20px;
&:before, &:after {
display: none;
}
p {
color: $color-font-default;
font-family: $font-primary;
font-size: 1.2em;
font-style: normal;
}
}
.testimonial-arrow-down {
display: none;
}
.testimonial-author {
padding: 6px 0 0;
margin: 12px 0 0;
border-top: 1px solid $color-default;
img {
margin: 0 auto 10px;
}
p {
text-align: center;
padding: 0;
margin: 0;
}
}
}
}
/* Style 6 */
.testimonial {
&.testimonial-style-6 {
text-align: center;
blockquote {
background: transparent !important;
border-radius: 4px;
border: 0;
padding: 0 10%;
&:before, &:after {
display: none;
}
i.fa-quote-left {
font-size: 34px;
position: relative;
#{$left}: -5px;
}
p {
color: $color-font-default;
font-size: 24px;
line-height: 30px;
}
span {
font-size: 16px;
line-height: 20px;
color: #999;
position: relative;
#{$left}: -5px;
}
}
.testimonial-arrow-down {
display: none;
}
.testimonial-author {
padding: 0;
margin: 6px 0 0;
img {
margin: 0 auto 10px;
}
p {
text-align: center;
padding: 0;
margin: 0;
}
}
}
}
/* With Quotes */
.testimonial {
&.testimonial-with-quotes {
blockquote {
&:before {
color: $color-font-default;
display: block !important;
#{$left}: 10px;
top: 0;
content: if-ltr("\201C", "\201D");
font-size: 80px;
font-style: normal;
line-height: 1;
position: absolute;
}
&:after {
color: $color-font-default;
display: block !important;
#{$right}: 10px;
font-size: 80px;
font-style: normal;
line-height: 1;
position: absolute;
bottom: -0.5em;
content: if-ltr("\201D", "\201C");
}
p {
padding: 0 40px;
}
}
}
}
/* Transparent Background */
.testimonial {
&.testimonial-trasnparent-background {
blockquote {
background: transparent !important;
}
}
}
/* Alternarive Font */
.testimonial {
&.testimonial-alternarive-font {
blockquote {
p {
font-family: Georgia, serif;
font-style: italic;
font-size: 1.2em;
}
}
}
}
/* Light */
.section-text-light {
.testimonial {
&.testimonial {
blockquote {
&:before, &:after, p {
opacity: 0.9;
color: #FFF;
}
}
.testimonial-author {
span, strong {
opacity: 0.6;
color: #FFF;
}
}
}
}
}
Zerion Mini Shell 1.0