1/*
2Theme Name: Writr
3*/
4
5@media screen{
6[dir=rtl] {
7
8body {
9    direction: rtl;
10    unicode-bidi: embed;
11}
12
13
14/* =Reset
15----------------------------------------------- */
16
17caption, th, td {
18    text-align: right;
19}
20
21
22/* =Global
23----------------------------------------------- */
24
25/* Text elements */
26li > ul,
27li > ol {
28    margin-left: 0;
29    margin-right: 20px;
30}
31blockquote {
32    padding-left: 0;
33    padding-right: 20px;
34    border-left: none;
35    border-right: 15px double @ini_background_alt;
36}
37
38
39/* =Theme
40----------------------------------------------- */
41
42/* Body */
43body:after {
44    left: auto;
45    right: 0;
46}
47body:before {
48    left: auto;
49    right: 300px;
50}
51
52/* Page */
53#writr__page:before {
54    left: auto;
55    right: 400px;
56}
57
58/* Sidebar */
59.sidebar-area {
60    float: right;
61}
62#writr__sidebar-toggle {
63    left: auto;
64    right: 0;
65}
66#writr__sidebar-toggle:before,
67#writr__sidebar-toggle:after {
68    border-right: none;
69    border-left: 40px solid transparent;
70}
71#writr__sidebar-toggle:after {
72    left: auto;
73    right: 40px;
74}
75
76/* Primary */
77.content-area {
78    float: left;
79}
80
81div.breadcrumbs {
82    margin-left: 0;
83    margin-right: -40px;
84}
85#dw__toc {
86    margin: -20px -40px 20px;
87}
88
89/* =Menu
90----------------------------------------------- */
91
92.main-navigation ul {
93    padding-right: 0;
94}
95.main-navigation ul ul {
96    left: auto;
97    right: 100%;
98    margin-right: 0;
99}
100.main-navigation .node > div > a {
101    padding-right: 40px;
102    padding-left: 65px;
103}
104.main-navigation .node > div > a:after {
105    right: auto;
106    left: 40px;
107    border-left: none;
108    border-right: 5px solid @ini_background;
109}
110
111/* =Tools
112----------------------------------------------- */
113
114.page-tools {
115    right: 320px;
116    left: auto;
117}
118
119/* =Search form
120----------------------------------------------- */
121
122.search-form {
123    position: relative;
124    padding-bottom: 20px;
125}
126.search-form input[type="submit"] {
127    right: auto;
128    left: 5px;
129}
130
131
132} /* /rtl */
133} /* /@media */
134
135
136/* =Responsive
137----------------------------------------------- */
138
139/* 960px > x */
140@media only screen and (max-width: 959px) {
141
142[dir=rtl] {
143
144    /* Grid */
145    body.sidebar-closed:before {
146        left: auto;
147        right: 40px;
148    }
149    .sidebar-closed #writr__page:before {
150        left: auto;
151        right: 140px;
152    }
153    body:not(.sidebar-closed) .sidebar-area:after {
154        left: auto;
155        right: 300px;
156
157    }
158    .site-header {
159        float: left;
160    }
161
162    /* Menu */
163    .main-navigation ul ul {
164        right: auto;
165    }
166    .main-navigation ul ul a {
167        padding-left: 40px;
168        padding-right: 60px;
169    }
170    .main-navigation ul ul ul a {
171        padding-left: 40px;
172        padding-right: 80px;
173    }
174    .main-navigation .node > div > a {
175        padding-right: 40px;
176        padding-left: 84px;
177    }
178    .main-navigation ul ul .node > div > a {
179        padding-right: 60px;
180    }
181    .dropdown-icon {
182        right: auto;
183        left: 5px;
184    }
185} /* /rtl */
186
187}
188