1592 lines
No EOL
36 KiB
CSS
1592 lines
No EOL
36 KiB
CSS
/*
|
|
Theme Name: AltoFocus
|
|
|
|
Adding support for language written in a Right To Left (RTL) direction is easy -
|
|
it's just a matter of overwriting all the horizontal positioning attributes
|
|
of your CSS stylesheet in a separate stylesheet file named rtl.css.
|
|
|
|
https://codex.wordpress.org/Right_to_Left_Languagecomponentsupport
|
|
|
|
*/
|
|
|
|
/*--------------------------------------------------------------
|
|
>>> TABLE OF CONTENTS:
|
|
----------------------------------------------------------------
|
|
# Variables & Mixins
|
|
# Normalize
|
|
# Accessibility
|
|
# Alignments
|
|
# Clearings
|
|
# Typography
|
|
# Forms
|
|
# Buttons
|
|
# Formatting
|
|
# Lists
|
|
# Tables
|
|
# Navigation
|
|
# Links
|
|
# Layout
|
|
## Posts
|
|
## Pages
|
|
# Comments
|
|
# Widgets
|
|
# Infinite scroll
|
|
# Media
|
|
## Galleries
|
|
# Components
|
|
# Plugins
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Variables & Mixins
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Color Variables */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Typographic Variables */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Global Structure */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Typography
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Typographic Mixins */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Animations
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Animations */
|
|
/*--------------------------------------------------------------*/
|
|
@-webkit-keyframes bounce-reveal-y {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scaleY(1);
|
|
-moz-transform: scaleY(1);
|
|
-ms-transform: scaleY(1);
|
|
-o-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
50% {
|
|
-webkit-transform: scaleY(1.1);
|
|
-moz-transform: scaleY(1.1);
|
|
-ms-transform: scaleY(1.1);
|
|
-o-transform: scaleY(1.1);
|
|
transform: scaleY(1.1);
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes bounce-reveal-y {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scaleY(1);
|
|
-moz-transform: scaleY(1);
|
|
-ms-transform: scaleY(1);
|
|
-o-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
50% {
|
|
-webkit-transform: scaleY(1.1);
|
|
-moz-transform: scaleY(1.1);
|
|
-ms-transform: scaleY(1.1);
|
|
-o-transform: scaleY(1.1);
|
|
transform: scaleY(1.1);
|
|
}
|
|
}
|
|
|
|
@-o-keyframes bounce-reveal-y {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scaleY(1);
|
|
-moz-transform: scaleY(1);
|
|
-ms-transform: scaleY(1);
|
|
-o-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
50% {
|
|
-webkit-transform: scaleY(1.1);
|
|
-moz-transform: scaleY(1.1);
|
|
-ms-transform: scaleY(1.1);
|
|
-o-transform: scaleY(1.1);
|
|
transform: scaleY(1.1);
|
|
}
|
|
}
|
|
|
|
@keyframes bounce-reveal-y {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scaleY(1);
|
|
-moz-transform: scaleY(1);
|
|
-ms-transform: scaleY(1);
|
|
-o-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
50% {
|
|
-webkit-transform: scaleY(1.1);
|
|
-moz-transform: scaleY(1.1);
|
|
-ms-transform: scaleY(1.1);
|
|
-o-transform: scaleY(1.1);
|
|
transform: scaleY(1.1);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes bounce-hide-y {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scaleY(1);
|
|
-moz-transform: scaleY(1);
|
|
-ms-transform: scaleY(1);
|
|
-o-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
50% {
|
|
-webkit-transform: scaleY(0.9);
|
|
-moz-transform: scaleY(0.9);
|
|
-ms-transform: scaleY(0.9);
|
|
-o-transform: scaleY(0.9);
|
|
transform: scaleY(0.9);
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes bounce-hide-y {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scaleY(1);
|
|
-moz-transform: scaleY(1);
|
|
-ms-transform: scaleY(1);
|
|
-o-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
50% {
|
|
-webkit-transform: scaleY(0.9);
|
|
-moz-transform: scaleY(0.9);
|
|
-ms-transform: scaleY(0.9);
|
|
-o-transform: scaleY(0.9);
|
|
transform: scaleY(0.9);
|
|
}
|
|
}
|
|
|
|
@-o-keyframes bounce-hide-y {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scaleY(1);
|
|
-moz-transform: scaleY(1);
|
|
-ms-transform: scaleY(1);
|
|
-o-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
50% {
|
|
-webkit-transform: scaleY(0.9);
|
|
-moz-transform: scaleY(0.9);
|
|
-ms-transform: scaleY(0.9);
|
|
-o-transform: scaleY(0.9);
|
|
transform: scaleY(0.9);
|
|
}
|
|
}
|
|
|
|
@keyframes bounce-hide-y {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scaleY(1);
|
|
-moz-transform: scaleY(1);
|
|
-ms-transform: scaleY(1);
|
|
-o-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
50% {
|
|
-webkit-transform: scaleY(0.9);
|
|
-moz-transform: scaleY(0.9);
|
|
-ms-transform: scaleY(0.9);
|
|
-o-transform: scaleY(0.9);
|
|
transform: scaleY(0.9);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes bounce-reveal {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
33% {
|
|
-webkit-transform: scale(1.1);
|
|
-moz-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
-o-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
66% {
|
|
-webkit-transform: scale(0.9);
|
|
-moz-transform: scale(0.9);
|
|
-ms-transform: scale(0.9);
|
|
-o-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes bounce-reveal {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
33% {
|
|
-webkit-transform: scale(1.1);
|
|
-moz-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
-o-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
66% {
|
|
-webkit-transform: scale(0.9);
|
|
-moz-transform: scale(0.9);
|
|
-ms-transform: scale(0.9);
|
|
-o-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
}
|
|
|
|
@-o-keyframes bounce-reveal {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
33% {
|
|
-webkit-transform: scale(1.1);
|
|
-moz-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
-o-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
66% {
|
|
-webkit-transform: scale(0.9);
|
|
-moz-transform: scale(0.9);
|
|
-ms-transform: scale(0.9);
|
|
-o-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
}
|
|
|
|
@keyframes bounce-reveal {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
33% {
|
|
-webkit-transform: scale(1.1);
|
|
-moz-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
-o-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
66% {
|
|
-webkit-transform: scale(0.9);
|
|
-moz-transform: scale(0.9);
|
|
-ms-transform: scale(0.9);
|
|
-o-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes bounce-left {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: translateX(0);
|
|
-moz-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
-o-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
33% {
|
|
-webkit-transform: translateX(-10px);
|
|
-moz-transform: translateX(-10px);
|
|
-ms-transform: translateX(-10px);
|
|
-o-transform: translateX(-10px);
|
|
transform: translateX(-10px);
|
|
}
|
|
66% {
|
|
-webkit-transform: translateX(3px);
|
|
-moz-transform: translateX(3px);
|
|
-ms-transform: translateX(3px);
|
|
-o-transform: translateX(3px);
|
|
transform: translateX(3px);
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes bounce-left {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: translateX(0);
|
|
-moz-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
-o-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
33% {
|
|
-webkit-transform: translateX(-10px);
|
|
-moz-transform: translateX(-10px);
|
|
-ms-transform: translateX(-10px);
|
|
-o-transform: translateX(-10px);
|
|
transform: translateX(-10px);
|
|
}
|
|
66% {
|
|
-webkit-transform: translateX(3px);
|
|
-moz-transform: translateX(3px);
|
|
-ms-transform: translateX(3px);
|
|
-o-transform: translateX(3px);
|
|
transform: translateX(3px);
|
|
}
|
|
}
|
|
|
|
@-o-keyframes bounce-left {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: translateX(0);
|
|
-moz-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
-o-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
33% {
|
|
-webkit-transform: translateX(-10px);
|
|
-moz-transform: translateX(-10px);
|
|
-ms-transform: translateX(-10px);
|
|
-o-transform: translateX(-10px);
|
|
transform: translateX(-10px);
|
|
}
|
|
66% {
|
|
-webkit-transform: translateX(3px);
|
|
-moz-transform: translateX(3px);
|
|
-ms-transform: translateX(3px);
|
|
-o-transform: translateX(3px);
|
|
transform: translateX(3px);
|
|
}
|
|
}
|
|
|
|
@keyframes bounce-left {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: translateX(0);
|
|
-moz-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
-o-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
33% {
|
|
-webkit-transform: translateX(-10px);
|
|
-moz-transform: translateX(-10px);
|
|
-ms-transform: translateX(-10px);
|
|
-o-transform: translateX(-10px);
|
|
transform: translateX(-10px);
|
|
}
|
|
66% {
|
|
-webkit-transform: translateX(3px);
|
|
-moz-transform: translateX(3px);
|
|
-ms-transform: translateX(3px);
|
|
-o-transform: translateX(3px);
|
|
transform: translateX(3px);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes bounce-right {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: translateX(1);
|
|
-moz-transform: translateX(1);
|
|
-ms-transform: translateX(1);
|
|
-o-transform: translateX(1);
|
|
transform: translateX(1);
|
|
}
|
|
33% {
|
|
-webkit-transform: translateX(10px);
|
|
-moz-transform: translateX(10px);
|
|
-ms-transform: translateX(10px);
|
|
-o-transform: translateX(10px);
|
|
transform: translateX(10px);
|
|
}
|
|
66% {
|
|
-webkit-transform: translateX(-3px);
|
|
-moz-transform: translateX(-3px);
|
|
-ms-transform: translateX(-3px);
|
|
-o-transform: translateX(-3px);
|
|
transform: translateX(-3px);
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes bounce-right {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: translateX(1);
|
|
-moz-transform: translateX(1);
|
|
-ms-transform: translateX(1);
|
|
-o-transform: translateX(1);
|
|
transform: translateX(1);
|
|
}
|
|
33% {
|
|
-webkit-transform: translateX(10px);
|
|
-moz-transform: translateX(10px);
|
|
-ms-transform: translateX(10px);
|
|
-o-transform: translateX(10px);
|
|
transform: translateX(10px);
|
|
}
|
|
66% {
|
|
-webkit-transform: translateX(-3px);
|
|
-moz-transform: translateX(-3px);
|
|
-ms-transform: translateX(-3px);
|
|
-o-transform: translateX(-3px);
|
|
transform: translateX(-3px);
|
|
}
|
|
}
|
|
|
|
@-o-keyframes bounce-right {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: translateX(1);
|
|
-moz-transform: translateX(1);
|
|
-ms-transform: translateX(1);
|
|
-o-transform: translateX(1);
|
|
transform: translateX(1);
|
|
}
|
|
33% {
|
|
-webkit-transform: translateX(10px);
|
|
-moz-transform: translateX(10px);
|
|
-ms-transform: translateX(10px);
|
|
-o-transform: translateX(10px);
|
|
transform: translateX(10px);
|
|
}
|
|
66% {
|
|
-webkit-transform: translateX(-3px);
|
|
-moz-transform: translateX(-3px);
|
|
-ms-transform: translateX(-3px);
|
|
-o-transform: translateX(-3px);
|
|
transform: translateX(-3px);
|
|
}
|
|
}
|
|
|
|
@keyframes bounce-right {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: translateX(1);
|
|
-moz-transform: translateX(1);
|
|
-ms-transform: translateX(1);
|
|
-o-transform: translateX(1);
|
|
transform: translateX(1);
|
|
}
|
|
33% {
|
|
-webkit-transform: translateX(10px);
|
|
-moz-transform: translateX(10px);
|
|
-ms-transform: translateX(10px);
|
|
-o-transform: translateX(10px);
|
|
transform: translateX(10px);
|
|
}
|
|
66% {
|
|
-webkit-transform: translateX(-3px);
|
|
-moz-transform: translateX(-3px);
|
|
-ms-transform: translateX(-3px);
|
|
-o-transform: translateX(-3px);
|
|
transform: translateX(-3px);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes bounce-reveal-large {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
33% {
|
|
-webkit-transform: scale(1.25);
|
|
-moz-transform: scale(1.25);
|
|
-ms-transform: scale(1.25);
|
|
-o-transform: scale(1.25);
|
|
transform: scale(1.25);
|
|
}
|
|
66% {
|
|
-webkit-transform: scale(0.85);
|
|
-moz-transform: scale(0.85);
|
|
-ms-transform: scale(0.85);
|
|
-o-transform: scale(0.85);
|
|
transform: scale(0.85);
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes bounce-reveal-large {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
33% {
|
|
-webkit-transform: scale(1.25);
|
|
-moz-transform: scale(1.25);
|
|
-ms-transform: scale(1.25);
|
|
-o-transform: scale(1.25);
|
|
transform: scale(1.25);
|
|
}
|
|
66% {
|
|
-webkit-transform: scale(0.85);
|
|
-moz-transform: scale(0.85);
|
|
-ms-transform: scale(0.85);
|
|
-o-transform: scale(0.85);
|
|
transform: scale(0.85);
|
|
}
|
|
}
|
|
|
|
@-o-keyframes bounce-reveal-large {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
33% {
|
|
-webkit-transform: scale(1.25);
|
|
-moz-transform: scale(1.25);
|
|
-ms-transform: scale(1.25);
|
|
-o-transform: scale(1.25);
|
|
transform: scale(1.25);
|
|
}
|
|
66% {
|
|
-webkit-transform: scale(0.85);
|
|
-moz-transform: scale(0.85);
|
|
-ms-transform: scale(0.85);
|
|
-o-transform: scale(0.85);
|
|
transform: scale(0.85);
|
|
}
|
|
}
|
|
|
|
@keyframes bounce-reveal-large {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
33% {
|
|
-webkit-transform: scale(1.25);
|
|
-moz-transform: scale(1.25);
|
|
-ms-transform: scale(1.25);
|
|
-o-transform: scale(1.25);
|
|
transform: scale(1.25);
|
|
}
|
|
66% {
|
|
-webkit-transform: scale(0.85);
|
|
-moz-transform: scale(0.85);
|
|
-ms-transform: scale(0.85);
|
|
-o-transform: scale(0.85);
|
|
transform: scale(0.85);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes bounce-zoom {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
25% {
|
|
-webkit-transform: scale(1.1);
|
|
-moz-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
-o-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
75% {
|
|
-webkit-transform: scale(0.9);
|
|
-moz-transform: scale(0.9);
|
|
-ms-transform: scale(0.9);
|
|
-o-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1.125);
|
|
-moz-transform: scale(1.125);
|
|
-ms-transform: scale(1.125);
|
|
-o-transform: scale(1.125);
|
|
transform: scale(1.125);
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes bounce-zoom {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
25% {
|
|
-webkit-transform: scale(1.1);
|
|
-moz-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
-o-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
75% {
|
|
-webkit-transform: scale(0.9);
|
|
-moz-transform: scale(0.9);
|
|
-ms-transform: scale(0.9);
|
|
-o-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1.125);
|
|
-moz-transform: scale(1.125);
|
|
-ms-transform: scale(1.125);
|
|
-o-transform: scale(1.125);
|
|
transform: scale(1.125);
|
|
}
|
|
}
|
|
|
|
@-o-keyframes bounce-zoom {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
25% {
|
|
-webkit-transform: scale(1.1);
|
|
-moz-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
-o-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
75% {
|
|
-webkit-transform: scale(0.9);
|
|
-moz-transform: scale(0.9);
|
|
-ms-transform: scale(0.9);
|
|
-o-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1.125);
|
|
-moz-transform: scale(1.125);
|
|
-ms-transform: scale(1.125);
|
|
-o-transform: scale(1.125);
|
|
transform: scale(1.125);
|
|
}
|
|
}
|
|
|
|
@keyframes bounce-zoom {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
25% {
|
|
-webkit-transform: scale(1.1);
|
|
-moz-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
-o-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
75% {
|
|
-webkit-transform: scale(0.9);
|
|
-moz-transform: scale(0.9);
|
|
-ms-transform: scale(0.9);
|
|
-o-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1.125);
|
|
-moz-transform: scale(1.125);
|
|
-ms-transform: scale(1.125);
|
|
-o-transform: scale(1.125);
|
|
transform: scale(1.125);
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# UI
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## UI Mixins */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Breakpoints
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Breakpoint Mixins */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Normalize
|
|
--------------------------------------------------------------*/
|
|
|
|
body {
|
|
direction: rtl;
|
|
unicode-bidi: embed;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Accessibility
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Alignments
|
|
--------------------------------------------------------------*/
|
|
|
|
.alignleft {
|
|
display: inline;
|
|
float: right;
|
|
margin-left: 1.5em;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
.alignright {
|
|
display: inline;
|
|
float: left;
|
|
margin-left: inherit;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Clearings
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Typography
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Forms
|
|
--------------------------------------------------------------*/
|
|
|
|
textarea {
|
|
padding-left: inherit;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Buttons
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Formattings
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Lists
|
|
--------------------------------------------------------------*/
|
|
|
|
ul, ol {
|
|
margin: 0 25px 1.5em 0;
|
|
}
|
|
|
|
li > ul,
|
|
li > ol {
|
|
margin-bottom: 0;
|
|
margin-left: inherit;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Tables
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Navigation
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Top Navigation */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.top-navigation {
|
|
text-align: right;
|
|
align-self: flex-start;
|
|
}
|
|
|
|
.top-navigation .col-width {
|
|
width: 100%;
|
|
}
|
|
|
|
.top-navigation > div {
|
|
float: left;
|
|
}
|
|
|
|
.top-navigation > div > ul {
|
|
text-align: right;
|
|
}
|
|
|
|
.top-navigation .sub-menu li > a,
|
|
.top-navigation .children li > a {
|
|
margin-left: inherit;
|
|
padding-left: inherit;
|
|
margin-right: 28px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.top-navigation .sub-menu li > a:after,
|
|
.top-navigation .children li > a:after {
|
|
left: inherit;
|
|
right: -15px;
|
|
}
|
|
|
|
/*
|
|
* Menu Toggle
|
|
*/
|
|
.menu-toggle {
|
|
text-align: right;
|
|
}
|
|
|
|
.menu-toggle:before {
|
|
margin-left: 5px;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Mobile and Down Navigation */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
@media screen and (max-width: 37.5em) {
|
|
/*
|
|
* Top Navigation
|
|
*/
|
|
.top-navigation {
|
|
text-align: left;
|
|
}
|
|
.top-navigation .sub-menu,
|
|
.top-navigation .children {
|
|
padding-left: inherit;
|
|
padding-right: 15px;
|
|
}
|
|
.top-navigation .sub-menu:before, .top-navigation .sub-menu:before,
|
|
.top-navigation .children:before,
|
|
.top-navigation .children:before {
|
|
right: 0;
|
|
left: inherit;
|
|
}
|
|
.top-navigation li:after {
|
|
left: inherit;
|
|
right: 0;
|
|
}
|
|
.top-navigation li.menu-item-has-children > a {
|
|
padding-left: 43.75px;
|
|
padding-right: inherit;
|
|
}
|
|
/*
|
|
* Dropdown toggle buttons
|
|
*/
|
|
.dropdown-toggle {
|
|
left: 5px;
|
|
right: inherit;
|
|
}
|
|
/*
|
|
* Menu Toggle
|
|
*/
|
|
.menu-toggle {
|
|
left: 10px;
|
|
right: inherit;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Phablet and Up Navigation */
|
|
/*--------------------------------------------------------------*/
|
|
@media screen and (min-width: 37.5em) {
|
|
/*
|
|
* Top Navigation
|
|
*/
|
|
.top-navigation {
|
|
clear: left;
|
|
float: left;
|
|
}
|
|
.top-navigation div > ul {
|
|
text-align: right;
|
|
}
|
|
.top-navigation div > ul > li a {
|
|
text-align: right;
|
|
}
|
|
.top-navigation div > ul > li.menu-item-has-children {
|
|
margin-left: inherit;
|
|
margin-right: -20px;
|
|
}
|
|
.top-navigation div > ul > li.menu-item-has-children > a {
|
|
margin-left: inherit;
|
|
padding-left: inherit;
|
|
margin-right: 28px;
|
|
padding-right: 0;
|
|
}
|
|
.top-navigation .sub-menu .sub-menu,
|
|
.top-navigation .sub-menu .children,
|
|
.top-navigation .children .sub-menu,
|
|
.top-navigation .children .children {
|
|
padding-left: inherit;
|
|
padding-right: 15px;
|
|
}
|
|
/*
|
|
* Dropdown toggle buttons
|
|
*/
|
|
.dropdown-toggle {
|
|
float: right;
|
|
left: inherit;
|
|
right: 5px;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Footer Social Menu */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.site-footer .jetpack-social-navigation li a {
|
|
padding: 0 0 0 10px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Fixed Post Navigation */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
@media screen and (min-width: 75em) {
|
|
|
|
.post-navigation-fixed .nav-links .nav-previous,
|
|
.post-navigation-fixed .nav-links .nav-next {
|
|
float: right;
|
|
margin-left: inherit;
|
|
margin-right: 25px;
|
|
right: 0;
|
|
}
|
|
.post-navigation-fixed .nav-links .nav-next {
|
|
float: left;
|
|
margin-right: inherit;
|
|
margin-left: 25px;
|
|
}
|
|
.post-navigation-fixed .nav-links a .meta-nav {
|
|
margin-left: inherit;
|
|
margin-right: -5px;
|
|
}
|
|
.post-navigation-fixed .nav-links .nav-next a .meta-nav {
|
|
margin-left: inherit;
|
|
margin-right: -3px;
|
|
}
|
|
}
|
|
|
|
.comment-navigation .screen-reader-text,
|
|
.posts-navigation .screen-reader-text,
|
|
.post-navigation .screen-reader-text {
|
|
left: inherit;
|
|
right: inherit;
|
|
}
|
|
|
|
.comment-navigation .nav-previous,
|
|
.posts-navigation .nav-previous,
|
|
.post-navigation .nav-previous {
|
|
float: right;
|
|
}
|
|
|
|
.comment-navigation .nav-next,
|
|
.posts-navigation .nav-next,
|
|
.post-navigation .nav-next {
|
|
float: left;
|
|
}
|
|
|
|
.post-navigation-fixed .nav-links a .meta-nav {
|
|
-webkit-transform: rotate(180deg); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
|
|
-ms-transform: rotate(180deg); /* IE 9 */
|
|
transform: rotate(180deg); /* IE 10, Fx 16+, Op 12.1+ */
|
|
}
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
# Links
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Layout
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
## Content
|
|
--------------------------------------------------------------*/
|
|
|
|
.content-area {
|
|
float: right;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Isotope Grid
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
## Sidebars
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
## Responsive Layout Styles
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Comments
|
|
--------------------------------------------------------------*/
|
|
|
|
.comment-body .reply {
|
|
text-align: right;
|
|
}
|
|
|
|
.comment-body .comment-metadata {
|
|
padding: 0 12.5px 0 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.comment-body .avatar {
|
|
margin-left: 12.5px;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
.comment-list #respond, .comment-list
|
|
.comment-respond {
|
|
margin-left: inherit;
|
|
margin-right: 0;
|
|
}
|
|
|
|
@media screen and (min-width: 50em) {
|
|
.comments-title {
|
|
padding: 2.25em 12.5px 2.25em 5px;
|
|
}
|
|
.comment-body {
|
|
margin-left: inherit;
|
|
margin-right: calc((100% / 8) * 2);
|
|
}
|
|
.comment .children {
|
|
margin-left: inherit;
|
|
margin-right: 5%;
|
|
}
|
|
.page .site-content .comments-area:before {
|
|
left: inherit;
|
|
right: 0;
|
|
}
|
|
.no-comments {
|
|
margin-left: inherit;
|
|
margin-right: 25%;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 75em) {
|
|
.comments-title {
|
|
padding: 2.25em 12.5px 2.25em 69px;
|
|
}
|
|
.comment-body {
|
|
margin-left: inherit;
|
|
margin-right: calc((100% / 8) * 2);
|
|
}
|
|
.comment-body .avatar {
|
|
margin-right: inherit;
|
|
right: inherit;
|
|
margin-left: 0;
|
|
left: calc( 100% + 5px);
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Widgets / Sidebar
|
|
--------------------------------------------------------------*/
|
|
|
|
.widget > *:not(.widget-title) {
|
|
float: right;
|
|
}
|
|
|
|
#secondary .widget_rss li cite {
|
|
margin-left: 25px;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
#secondary .widget_search .screen-reader-text {
|
|
float: right;
|
|
}
|
|
|
|
#secondary .widget_search .search-field {
|
|
float: right;
|
|
}
|
|
|
|
@media screen and (min-width: 50em) {
|
|
.widget-title {
|
|
float: right;
|
|
}
|
|
#secondary .widget_calendar .calendar_wrap {
|
|
margin-left: inherit;
|
|
margin-right: calc( 25%);
|
|
}
|
|
#secondary .widget_calendar .widget-title {
|
|
margin-left: -25%;
|
|
margin-right: inherit;
|
|
}
|
|
#secondary .widget_calendar .widget-title + .calendar_wrap {
|
|
margin-left: inherit;
|
|
margin-right: calc( 25%);
|
|
}
|
|
#secondary .widget_calendar table {
|
|
text-align: right;
|
|
}
|
|
#secondary .widget_calendar caption {
|
|
text-align: right;
|
|
}
|
|
#secondary .widget_search .screen-reader-text {
|
|
float: right;
|
|
left: inherit;
|
|
right: inherit;
|
|
}
|
|
#secondary .widget_search .search-submit {
|
|
margin-left: inherit;
|
|
margin-right: 27%;
|
|
}
|
|
#secondary .widget_nav_menu > * {
|
|
float: left;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Infinite scroll
|
|
--------------------------------------------------------------*/
|
|
|
|
.infinite-loader .spinner[style] {
|
|
left: inherit !important;
|
|
right: inherit !important;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Media
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
## Galleries
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Components
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Header
|
|
--------------------------------------------------------------*/
|
|
|
|
.site-identity {
|
|
padding-left: 37.5px;
|
|
padding-right: inherit;
|
|
}
|
|
|
|
@media screen and (max-width: 37.5em) {
|
|
.site-branding {
|
|
text-align: right;
|
|
}
|
|
.site-branding .site-identity {
|
|
padding-left: 100px;
|
|
padding-right: inherit;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 37.5em) {
|
|
.site-branding {
|
|
left: inherit;
|
|
padding: 0 0 0 30%;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Posts
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Archives */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.hfeed .hentry:before {
|
|
left: inherit;
|
|
right: 0;
|
|
}
|
|
|
|
.hfeed .hentry:before {
|
|
left: inherit;
|
|
right: -12.5px;
|
|
}
|
|
|
|
.hfeed .has-isotope #infinite-handle,
|
|
.hfeed .has-isotope .infinite-loader {
|
|
margin-left: auto;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
.hfeed .search-form .screen-reader-text {
|
|
float: right;
|
|
}
|
|
|
|
.hfeed .search-form .search-field {
|
|
float: right;
|
|
}
|
|
|
|
@media screen and (min-width: 37.5em) {
|
|
.hfeed .site-main .hentry {
|
|
float: right;
|
|
}
|
|
.hfeed .hentry {
|
|
float: right;
|
|
}
|
|
.hfeed .post-thumbnail:after {
|
|
left: inherit;
|
|
right: 18.75px;
|
|
}
|
|
.hfeed .entry-header {
|
|
left: inherit;
|
|
right: 18.75px;
|
|
}
|
|
.hfeed .edit-link {
|
|
left: inherit;
|
|
right: 50%;
|
|
transform: translate(50%, 0);
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 50em) {
|
|
.hfeed .post-thumbnail:after {
|
|
left: inherit;
|
|
right: 25px;
|
|
}
|
|
.hfeed .entry-header {
|
|
left: inherit;
|
|
right: 25px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 60em) {
|
|
.hfeed .post-thumbnail:after {
|
|
left: inherit;
|
|
right: 37.5px;
|
|
}
|
|
.hfeed .entry-header {
|
|
left: inherit;
|
|
right: 37.5px;
|
|
}
|
|
.hfeed:not(.home):not(.blog) .site-main {
|
|
margin-left: 37.5px;
|
|
margin-right: auto;
|
|
}
|
|
.hfeed:not(.home):not(.blog) .site-main .not-found .page-header {
|
|
left: inherit;
|
|
}
|
|
.hfeed:not(.home):not(.blog) .site-main #infinite-handle,
|
|
.hfeed:not(.home):not(.blog) .site-main .infinite-loader {
|
|
left: calc( 10% + 37.5px);
|
|
right: inherit;
|
|
}
|
|
.hfeed .content-area .page-header {
|
|
left: inherit;
|
|
right: 62.5px;
|
|
}
|
|
.hfeed .content-area .page-header.sticky {
|
|
right: inherit;
|
|
left: calc( 80%);
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Posts */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.comments-link:before {
|
|
border-top-color: transparent;
|
|
border-right-color: transparent;
|
|
border-bottom-color: #111111 ;
|
|
border-left-color: #111111 ;
|
|
box-shadow: -1px 3px 4px rgba(0, 0, 0, 0.25);
|
|
left: inherit;
|
|
right: 32px;
|
|
}
|
|
|
|
.comments-link:after {
|
|
border: 10px solid;
|
|
border-top-color: transparent;
|
|
border-right-color: transparent;
|
|
border-bottom-color: #fff;
|
|
border-left-color: #fff;
|
|
left: inherit;
|
|
right: 31px;
|
|
}
|
|
|
|
.entry-footer > * {
|
|
margin-left: 25px;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
.entry-footer > *:last-child {
|
|
margin-left: 0;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
.entry-footer .comments-link {
|
|
margin-left: calc((100% / 8) * 1);
|
|
margin-right: inherit;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Single Posts */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.single .hentry .entry-title {
|
|
float: right;
|
|
}
|
|
|
|
.single .hentry .entry-meta {
|
|
padding-left: inherit;
|
|
padding-right: 12.5px;
|
|
float: right;
|
|
}
|
|
|
|
.single .hentry .comments-link {
|
|
float: right;
|
|
margin-left: inherit;
|
|
margin-right: 12.5px;
|
|
}
|
|
|
|
.single .hentry:not(.has-post-thumbnail):before {
|
|
left: inherit;
|
|
right: 0;
|
|
}
|
|
|
|
.single .hentry:not(.has-post-thumbnail):before {
|
|
margin-left: inherit;
|
|
margin-right: -50%;
|
|
}
|
|
|
|
@media screen and (min-width: 37.5em) {
|
|
.single .entry-media:after {
|
|
left: inherit;
|
|
right: 0;
|
|
}
|
|
.single .gallery-item .image-caption {
|
|
left: inherit;
|
|
right: 50%;
|
|
transform: translate3d(50%, 10px, 0);
|
|
}
|
|
.single .gallery-item:hover .image-caption {
|
|
transform: translate3d(50%, -1.5em, 0);
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 50em) {
|
|
.single .hentry .entry-title {
|
|
float: right;
|
|
}
|
|
.single .hentry .entry-meta {
|
|
float: left;
|
|
}
|
|
.single .hentry .comments-link {
|
|
left: calc(100% + 12.5px);
|
|
margin-left: inherit;
|
|
margin-right: 0;
|
|
right: inherit;
|
|
}
|
|
.single .hentry .entry-content {
|
|
float: right;
|
|
}
|
|
.single .hentry .entry-footer {
|
|
float: left;
|
|
margin-left: -10%;
|
|
margin-right: inherit;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Pages
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Single Page */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.page .hentry.page:before {
|
|
left: inherit;
|
|
right: 0;
|
|
}
|
|
|
|
.page .hentry.page:before {
|
|
margin-left: inherit;
|
|
margin-right: -50%;
|
|
}
|
|
|
|
@media screen and (min-width: 50em) {
|
|
.page .hentry.page .entry-title {
|
|
float: right;
|
|
}
|
|
.page .hentry.page .entry-meta {
|
|
float: left;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Static Front Page */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Footer
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Site Footer */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
@media screen and (min-width: 50em) {
|
|
.site-info {
|
|
clear: right;
|
|
float: right;
|
|
}
|
|
.site-footer .jetpack-social-navigation {
|
|
clear: left;
|
|
float: left;
|
|
}
|
|
.site-footer .jetpack-social-navigation ul {
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Plugins
|
|
--------------------------------------------------------------*/
|
|
/*
|
|
* jQuery FlexSlider v2.6.1
|
|
* http://www.woothemes.com/flexslider/
|
|
*
|
|
* Copyright 2012 WooThemes
|
|
* Free to use under the GPLv2 and later license.
|
|
* http://www.gnu.org/licenses/gpl-2.0.html
|
|
*
|
|
* Contributing author: Tyler Smith (@mbmufffin)
|
|
*
|
|
*/
|
|
|
|
/* ====================================================================================================================
|
|
* RESETS
|
|
* ====================================================================================================================*/
|
|
|
|
/* ====================================================================================================================
|
|
* BASE STYLES
|
|
* ====================================================================================================================*/
|
|
|
|
/* ====================================================================================================================
|
|
* DEFAULT THEME
|
|
* ====================================================================================================================*/
|
|
|
|
.carousel li {
|
|
margin-left: 5px;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
/*
|
|
.flex-direction-nav .flex-prev {
|
|
left: inherit;
|
|
right: 0;
|
|
}
|
|
|
|
.flex-direction-nav .flex-next {
|
|
left: 0;
|
|
right: inherit;
|
|
}
|
|
*/
|
|
|
|
.flex-pauseplay a {
|
|
left: inherit;
|
|
right: 10px;
|
|
}
|
|
|
|
.flex-control-thumbs li {
|
|
float: right;
|
|
}
|
|
|
|
/**
|
|
* Tablet and Down
|
|
*/
|
|
/*
|
|
@media screen and (max-width: 50em) {
|
|
|
|
.flex-direction-nav .flex-prev {
|
|
left: inherit;
|
|
right: 10px;
|
|
}
|
|
.flex-direction-nav .flex-next {
|
|
left: 10px;
|
|
right: inherit;
|
|
}
|
|
}
|
|
*/
|
|
|
|
/**
|
|
* Tablet and Up
|
|
*/
|
|
/*
|
|
@media screen and (min-width: 50em) {
|
|
.entry-media .flex-direction-nav .flex-prev {
|
|
left: inherit;
|
|
right: -50px;
|
|
}
|
|
.entry-media .flex-direction-nav .flex-next {
|
|
left: -50px;
|
|
right: inherit;
|
|
}
|
|
}
|
|
*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Postflair / Sharedaddy */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.hentry .entry-content > #jp-post-flair .sd-title,
|
|
.hentry .entry-content > .sd-sharing-enabled .sd-title {
|
|
margin-left: 25px;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
.hentry .entry-content > #jp-post-flair .jp-relatedposts-headline,
|
|
.hentry .entry-content > .sd-sharing-enabled .jp-relatedposts-headline {
|
|
margin-left: 25px;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
@media screen and (max-width: 37.5em) {
|
|
.hentry .entry-content > #jp-post-flair .sd-title,
|
|
.hentry .entry-content > .sd-sharing-enabled .sd-title {
|
|
margin-left: 0;
|
|
margin-right: inherit;
|
|
}
|
|
} |