xref: /template/writr/css/rtl.less (revision 4f7a12b19b25621fb056eda7380a0c88dcc41af6) 
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