File: /home/mmickelson/jennysmasks.com/wp-content/themes/argent/rtl.css
/*
Theme Name: Argent
*/
body {
direction: rtl;
unicode-bidi: embed;
}
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
caption,
th,
td {
text-align: right;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
blockquote:before {
right: -50px;
left: auto;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
ul,
ol {
margin: 0 1em 1.7778em 0;
}
li > ul,
li > ol {
margin-right: 1.5em;
margin-left: auto;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
textarea {
padding-right: 3px;
padding-left: 0;
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
right: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
right: 100%;
left: auto;
}
.main-navigation ul ul {
margin-left: 0;
margin-right: 2.5em;
}
/* Small menu. */
.menu-toggle:before {
padding-left: 8px;
padding-right: 0;
}
.main-navigation a {
padding: 0.3889em 1.5556em 0.3889em 0;
}
/* Posts, comments navigation */
.post-navigation .nav-previous:before {
margin-left: 5px;
margin-right: auto;
}
.post-navigation .nav-next:after {
margin-right: 5px;
margin-left: auto;
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text:focus {
right: 5px;
left: auto;
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignright {
float: right;
margin-left: 1.5em;
margin-right: auto;
}
.alignleft {
float: left;
margin-right: 1.5em;
margin-left: auto;
}
.aligncenter {
margin-right: auto;
margin-left: auto;
}
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.footer-widget-area {
padding-left: 2em;
padding-right: 2em;
}
.widget li > ul,
.widget li > ol {
margin-right: 24px;
margin-left: auto;
}
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Layout
--------------------------------------------------------------*/
.site-title {
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.post-thumbnail {
float: right;
margin-left: 2em;
margin-right: auto;
}
/* Page links */
.page-links .page-links-title {
padding-left: 10px;
padding-right: 0;
}
.page-links span {
border-left: 1px solid rgba(0, 0, 0, 0.05);
border-right: none;
}
.page-links .page-links-title {
padding-left: 10px;
padding-right: 0;
}
/* 404 Page / No search results */
.error404 .widget {
padding-left: 0;
padding-right: 0;
}
.error404 .widget-container .widget:first-child {
padding-right: 0;
padding-left: 0;
}
.error404 .widget-container .widget:last-child {
padding-left: 0;
padding-right: 0;
}
/*--------------------------------------------------------------
10.4 Comments
--------------------------------------------------------------*/
.comment-list {
margin-right: 0;
margin-left: auto;
}
.comment-author {
float: right;
margin-left: 1.14285em;
margin-right: auto;
}
.comment-reply-link {
float: left;
}
/*--------------------------------------------------------------
13 Media Queries
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {
.main-navigation a {
}
.nav-menu > li > a:before {
color: #fff;
content: " \2022";
margin-left: 1em;
opacity: 0.3;
}
.nav-menu > li > a:after {
content: '';
margin-left: 0;
}
.nav-menu > li:first-child > a:before {
content: "";
}
.main-navigation a {
padding: 0.8889em 0;
}
.main-navigation ul ul {
float: right;
margin: 0;
text-align: right;
}
.main-navigation div>ul>li>ul::before {
position: absolute;
top: -13px;
right: 20px;
left: auto;
}
.single:not(.single-jetpack-portfolio) .entry-content {
padding-right: 170px;
padding-left: 0;
}
.single:not(.single-jetpack-portfolio) .entry-meta {
float: right;
}
/* Pull content into margins */
blockquote.aligncenter {
margin-right: -120px;
margin-left: 0;
}
/* Post/Page/Comment Navigaion */
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: right;
text-align: right;
}
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: left;
text-align: left;
}
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
#portfolio-wrapper .jetpack-portfolio {
float: right;
width: 310px;
margin-left: 5.3%;
margin-right: 0;
margin-bottom: 5.3%;
}
#portfolio-wrapper .jetpack-portfolio:nth-child(2n+2) {
margin-left: 0;
}
}