/**
* @file plugins/themes/default/rtl.less
*
* Copyright (c) 2014-2021 Simon Fraser University
* Copyright (c) 2003-2021 John Willinsky
* Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
*
* @brief Stylesheet for flipping content to RTL (e.g. for Arabic, Persian and Hebrew)
*
*/
body[dir="rtl"] {
direction: rtl;
unicode-bidi: embed;
// Layout
@media(min-width: @screen-tablet) {
.pkp_structure_main {
&:before {
left: auto;
right: 0;
}
&:after {
left: auto;
right: @screen-tablet-container;
}
}
}
@media(min-width: @screen-desktop) {
.pkp_structure_main {
float: right;
&:after {
left: auto;
right: @screen-desktop-container - @sidebar-width;
}
}
.pkp_structure_sidebar {
float: left;
}
.pkp_navigation_search_wrapper {
float: left;
text-align: left;
}
}
@media(min-width: @screen-lg-desktop) {
.pkp_structure_main {
&:after {
left: auto;
right: @screen-lg-desktop-container - @sidebar-width;
}
}
}
// Header
@media(min-width: @screen-desktop) {
.pkp_site_name {
text-align: right;
}
}
.pkp_navigation_primary {
ul {
text-align: right;
}
}
.pkp_navigation_user {
text-align: left;
li {
text-align: right;
}
}
// Utils
.pkp_screen_reader,
.cmp_skip_to_content a,
.pkp_page_index .journals h2,
.pkp_page_index .cmp_announcements h2,
.page_register .context_optin .roles legend {
left: auto;
right: -2000px;
&:focus {
right: 50%;
}
}
// Announcement summary
.obj_announcement_summary {
.date:before {
margin-right: 0;
margin-left: 0.5em;
}
}
// Issue table of contents
.obj_issue_toc {
.galleys_links li {
margin-right: inherit;
margin-left: 1em;
}
@media(min-width: @screen-tablet) {
.galleys h2,
.section h2 {
left: auto;
right: @triple / 2;
}
.cover {
float: right;
margin-right: inherit;
margin-left: @double;
}
}
@media(min-width: @screen-desktop) {
.cover {
margin-right: inherit;
margin-left: @triple;
}
}
}
// Issue summary
.obj_issue_summary {
@media(min-width: @screen-tablet) {
.cover {
float: right;
margin-right: inherit;
margin-left: @double;
}
}
}
// Article summary
.obj_article_summary {
@media(min-width: @screen-tablet) {
padding-right: 0;
padding-left: 5em;
}
}
@media(min-width: @screen-tablet) {
.galleys h2,
.section h2 {
left: auto;
right: @triple / 2;
}
.cover {
float: right;
margin-right: inherit;
margin-left: @double;
}
}
@media(min-width: @screen-desktop) {
.cover {
margin-right: inherit;
margin-left: @triple;
}
}
}
|