Skip to content

Instantly share code, notes, and snippets.

@Mazafard
Forked from amirasaran/rtl.css
Last active July 27, 2019 11:50
Show Gist options
  • Save Mazafard/d9bdd79a4aa1381aca14dc2b5d0f1f08 to your computer and use it in GitHub Desktop.
Save Mazafard/d9bdd79a4aa1381aca14dc2b5d0f1f08 to your computer and use it in GitHub Desktop.
Django JET admin RTL (For persian and arabic ,...)
@import url("../fonts/css/fontiran.css");
html {
direction: rtl;
font-family: IRANSans;
}
body {
font-family: IRANSans;
}
.sidebar {
right: 0 !important;
left: auto !important;
-webkit-transform: translate3d(100%, 0, 0) !important;;
transform: translate3d(100%, 0, 0) !important;
}
body.menu-pinned #container {
padding-left: 0 !important;
padding-right: 250px !important;
padding-right: 17.85714rem !important;
}
#container {
padding: 0;
min-height: 100%;
transition: padding-right 0.3s !important;
}
body.menu-pinned .sidebar, .sidebar.sidebar-opened {
-webkit-transform: none !important;
transform: none !important;
}
.sidebar-container-toggle {
float: right;
padding: 10px 20px 10px 0;
padding: 0.71429rem 1.42857rem 0.71429rem 0;
}
.dashboard-tools {
position: absolute;
left: 215px;
left: 15.35714rem;
right: auto;
}
.user-tools ul {
position: absolute;
left: 20px;
left: 1.42857rem;
right: auto;
}
.dashboard-item-header-buttons, .dashboard-item-header-drag {
float: left;
}
.icon-arrow-right:before {
content: "\e60a";
}
.sidebar-right {
float: left;
margin-right: 10px;
margin-right: 0.71429rem;
margin-left: 0;
}
body.change-list .object-tools {
float: left !important;
}
.aligned label {
display: block;
padding: 8px 0 0 10px;
padding: 0.57143rem 0 0 0.71429rem;
float: right;
}
body.menu-pinned .changelist-footer.fixed {
right: 270px;
right: 19.28571rem;
left: 20px;
left: 1.42857rem;
}
body.menu-pinned table.helper {
right: 270px;
right: 19.28571rem;
left: 20px;
left: 1.42857rem;
}
thead th:last-child, tfoot td:last-child {
border-radius: 4px 0 0 0;
border-radius: 0.28571rem 0 0 0;
}
thead th:first-child, tfoot td:first-child {
border-radius: 0 4px 0 0;
border-radius: 0 0.28571rem 0 0;
}
.paginator .pages-wrapper span:first-child, .paginator .pages-wrapper a:first-child {
border-radius: 0 4px 4px 0;
border-radius: 0 0.28571rem 0.28571rem 0;
}
.paginator .pages-wrapper span:last-child, .paginator .pages-wrapper a:last-child {
border-radius: 4px 0 0 4px;
border-radius: 0.28571rem 0 0 0.28571rem;
}
div.breadcrumbs {
padding: 10px 20px 10px 215px;
padding: 0.71429rem 1.42857rem 0.71429rem 15.35714rem;
}
th, .text {
text-align: right;
}
.breadcrumbs a, .breadcrumbs .breadcrumbs-separator {
float: right;
line-height: 32px;
line-height: 2.28571rem;
}
.dashboard-item-content ul:not(.inline) li .float-right {
float: left;
}
.add-dashboard-link {
border-radius: 4px 0 0 4px !important;
border-radius: 0.28571rem 0 0 0.28571rem !important;
}
.add-dashboard + .select2 .select2-selection {
border-radius: 0 4px 4px 0 !important;
border-radius: 0 0.28571rem 0.28571rem 0 !important;
border-width: 0;
}
#changelist .paginator {
text-align: left;
}
.submit-row p.deletelink-box {
float: left;
}
.aligned label + p {
margin-right: 170px;
margin-right: 12.14286rem;
margin-left: 0;
margin-left: 0;
}
.vDateField-link span, .vTimeField-link span {
border-radius: 4px 0 0 4px;
border-radius: 0.28571rem 0 0 0.28571rem;
}
.vDateField-link + .vTimeField, .vDateField, .vTimeField {
margin-right: 10px;
margin-right: 0.71429rem;
margin-left: 0;
border-radius: 0 4px 4px 0 !important;
border-radius: 0 0.28571rem 0.28571rem 0 !important;
border-right-width: 1px !important;
border-left-width: 0 !important;
}
thead th, tfoot td {
text-align: right;
}
.icon-arrow-left:before {
content: "\e60b";
}
.segmented-button.right {
border-radius: 4px 0 0 4px;
border-radius: 0.28571rem 0 0 0.28571rem;
}
.segmented-button.left {
border-radius: 0 4px 4px 0;
border-radius: 0 0.28571rem 0.28571rem 0;
}
.changeform-navigation-button-icon.left {
float: right;
}
.changeform-navigation-button-icon.right {
float: left;
}
.related-popup {
padding-right: 250px;
padding-right: 17.85714rem;
padding-left: 0;
}
.related-popup-back, .related-popup-back:visited, .related-popup-back:hover {
right: 250px;
right: 17.85714rem;
left: unset;
}
.inline-related h3 span.delete, .inline-related h3 .inline-deletelink {
float: left;
margin-right: 10px;
margin-right: 0.71429rem;
}
input[type=checkbox] + label:before {
letter-spacing: 0;
letter-spacing: 0;
margin-left: 5px;
}
.inline-group ul.tools a.add:before, .inline-group div.add-row a:before, .inline-group .tabular tr.add-row td a:befor {
margin-left: 4px;
margin-left: 0.28571rem;
}
@mrrazzaghi
Copy link

menu problem doesn't solve
Can you help me to solve menu problem?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment