xref: /template/writr/css/rtl.less (revision d28eab2840c97387f84f5137ca4f92cb305ea028) 
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#page:before {
54	left: auto;
55	right: 400px;
56}
57
58/* Sidebar */
59.sidebar-area {
60	float: right;
61}
62#sidebar-toggle {
63	left: auto;
64	right: 0;
65}
66#sidebar-toggle:before,
67#sidebar-toggle:after {
68	border-right: none;
69	border-left: 40px solid transparent;
70}
71#sidebar-toggle:after {
72	left: auto;
73	right: 40px;
74}
75
76/* Primary */
77.content-area {
78	float: left;
79}
80
81
82/* =Menu
83----------------------------------------------- */
84
85.main-navigation ul {
86	padding-right: 0;
87}
88.main-navigation ul ul {
89	left: auto;
90	right: 100%;
91}
92.main-navigation .node > div > a {
93	padding-right: 40px;
94	padding-left: 65px;
95}
96.main-navigation .node > div > a:after {
97	right: auto;
98	left: 40px;
99	border-left: none;
100	border-right: 5px solid @ini_background;
101}
102
103/* =Search form
104----------------------------------------------- */
105
106.search-form {
107	position: relative;
108	padding-bottom: 20px;
109}
110.search-form input[type="submit"] {
111	right: auto;
112	left: 5px;
113}
114
115
116} /* /rtl */
117} /* /@media */
118
119
120/* =Responsive
121----------------------------------------------- */
122
123/* 960px > x */
124@media only screen and (max-width: 959px) {
125
126[dir=rtl] {
127
128	/* Grid */
129	body.sidebar-closed:before {
130		left: auto;
131		right: 40px;
132	}
133	.sidebar-closed #page:before {
134		left: auto;
135		right: 140px;
136	}
137	body:not(.sidebar-closed) .sidebar-area:after {
138		left: auto;
139		right: 300px;
140
141	}
142	.site-header {
143		float: left;
144	}
145
146	/* Menu */
147	.main-navigation ul ul {
148		right: auto;
149	}
150	.main-navigation ul ul a {
151		padding-left: 40px;
152		padding-right: 60px;
153	}
154	.main-navigation ul ul ul a {
155		padding-left: 40px;
156		padding-right: 80px;
157	}
158	.main-navigation .node > div > a {
159		padding-right: 40px;
160		padding-left: 84px;
161	}
162	.main-navigation ul ul .node > div > a {
163		padding-right: 60px;
164	}
165	.dropdown-icon {
166		right: auto;
167		left: 5px;
168	}
169} /* /rtl */
170
171}
172
173/* 768px > x */
174@media only screen and (max-width: 767px) {
175
176	/* Theme */
177	[dir=rtl] .content-area {
178		padding-right: 0;
179	}
180
181}
182