/* Theme Name: Writr */ @media screen{ [dir=rtl] { body { direction: rtl; unicode-bidi: embed; } /* =Reset ----------------------------------------------- */ caption, th, td { text-align: right; } /* =Global ----------------------------------------------- */ /* Text elements */ li > ul, li > ol { margin-left: 0; margin-right: 20px; } blockquote { padding-left: 0; padding-right: 20px; border-left: none; border-right: 15px double #f5f5f5; } /* =Theme ----------------------------------------------- */ /* Body */ body:after { left: auto; right: 0; } body:before { left: auto; right: 300px; } /* Page */ #page:before { left: auto; right: 400px; } /* Sidebar */ .sidebar-area { float: right; } #sidebar-toggle { left: auto; right: 0; } #sidebar-toggle:before, #sidebar-toggle:after { border-right: none; border-left: 40px solid transparent; } #sidebar-toggle:after { left: auto; right: 40px; } /* Primary */ .content-area { float: left; } /* =Menu ----------------------------------------------- */ .main-navigation ul { padding-right: 0; } .main-navigation ul ul { left: auto; right: 100%; } .main-navigation .dropdown > a { padding-right: 40px; padding-left: 65px; } .main-navigation .dropdown > a:after { right: auto; left: 40px; border-left: none; border-right: 5px solid #fff; } /* =Content ----------------------------------------------- */ /* Entry title */ .entry-title { margin-left: 0; margin-right: -40px; } .entry-title:after { left: auto; right: -5px; border-right: none; border-left: 5px solid #f5f5f5; } /* Page title */ .page-title { margin-left: 0; margin-right: -40px; } /* Entry thumbnail */ .entry-thumbnail { margin-left: 0; margin-right: -40px; } /* Entry meta */ .entry-meta li { padding-left: 0; padding-right: 22px; } .entry-meta .genericon { left: auto; right: 0; } /* Entry format */ .entry-format-badge { left: auto; right: -120px; } /* =Navigation ----------------------------------------------- */ #content [class*="navigation"] { margin-left: 0; margin-right: -40px; } [class*="navigation"] .nav-previous { float: right; text-align: right; } [class*="navigation"] .nav-next { float: left; text-align: left; } /* Genericon */ [class*="navigation"] .nav-previous a { padding-left: 0; padding-right: 22px; } [class*="navigation"] .nav-previous .genericon { left: auto; right: 0; } [class*="navigation"] .nav-next a { padding-right: 0; padding-left: 22px; } [class*="navigation"] .nav-next .genericon { right: auto; left: 0; } /* =Comments ----------------------------------------------- */ /* Comment list */ .comment-list .children { padding-left: 0; padding-right: 40px; } .comment-list .children .comment:before { left: auto; right: 0; } .reply .genericon-reply, .comment-list .children .comment:before { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: "FlipH"; filter: FlipH; } .comment-list .comment { margin-left: 0; margin-right: -40px; } .comment-author .avatar { left: auto; right: -80px; } .comment-author:after { left: auto; right: -5px; border-right: none; border-left: 5px solid #fff; } /* Comment metadata */ .comment-metadata li { padding-left: 0; padding-right: 22px; } .comment-metadata .genericon { left: auto; right: 0; } /* By post author */ .bypostauthor > .comment-body { margin-left: 0; margin-right: -40px; } .comment-list .children > .bypostauthor { padding-left: 0; padding-right: 40px; } .bypostauthor > .comment-body .comment-author:after { border-right: none; border-left-color: #f5f5f5; } /* =Search form ----------------------------------------------- */ .search-form { position: relative; padding-bottom: 20px; } .search-form input[type="submit"] { right: auto; left: 5px; } } /* /rtl */ } /* /@media */ /* =Responsive ----------------------------------------------- */ /* 960px > x */ @media only screen and (max-width: 959px) { [dir=rtl] { /* Grid */ body.sidebar-closed:before { left: auto; right: 40px; } .sidebar-closed #page:before { left: auto; right: 140px; } body:not(.sidebar-closed) .sidebar-area:after { left: auto; right: 300px; } .site-header { float: left; } /* Menu */ .main-navigation ul ul { right: auto; } .main-navigation ul ul a { padding-left: 40px; padding-right: 60px; } .main-navigation ul ul ul a { padding-left: 40px; padding-right: 80px; } .main-navigation .dropdown > a { padding-right: 40px; padding-left: 84px; } .main-navigation ul ul .dropdown > a { padding-right: 60px; } .dropdown-icon { right: auto; left: 5px; } } /* /rtl */ } /* 768px > x */ @media only screen and (max-width: 767px) { /* Theme */ [dir=rtl] .content-area { padding-right: 0; } }