]> git.openstreetmap.org Git - rails.git/blob - app/assets/stylesheets/rtl.css.scss
Fix RTL issues with the search and donate icons
[rails.git] / app / assets / stylesheets / rtl.css.scss
1 /* Styles for RTL languages */
2
3 /* Default rules for the body of every page */
4
5 html body {
6   text-align: right;
7 }
8
9 /* Rules for the menu displayed in the left sidebar */
10
11 .left_menu {
12   right: 0px;
13 }
14
15 .left_menu td {
16   padding-left: 4px;
17 }
18
19 .left_menu h1 {
20   text-align: right;
21   padding: 0em 1em 0em 0em;
22 }
23
24 .left_menu ul {
25   padding-right: 0px;
26 }
27
28 .left_menu img {
29   margin: 2px 0px 0px 8px;
30 }
31
32 /*
33  * Rules for "optional boxes" which appear in the left sidebar on
34  * certain pages. Current users are the seach box on the main page
35  * and the tag cloud on the traces pages.
36  */
37
38 .optionalbox {
39   right: 0px;
40   text-align: right;
41 }
42
43 /* Rules for the search box */
44
45 #search_field input[type="text"] {
46   padding: 2px 5px 2px 0px;
47 }
48
49 #search_field input[type="submit"] {
50   left: 4px;
51 }
52
53 /* Rules for donation request box */
54
55 .donate .donate-icon {
56   right: 17px;
57 }
58
59 /* Rules for tabbed navigation bar */
60
61 #top-bar {
62   margin-right: 185px
63 }
64
65 #tabnav a,
66 #tabnav a:link,
67 #tabnav a:visited {
68   float: right;
69   margin-left: 1px;
70 }
71
72 /* Rules for greeting bar in the top right corner */
73
74 #greeting {
75   float: left;
76   padding-left: 10px;
77 }
78
79 /* Rules for the message shown in place of the map when javascript is disabled */
80
81 #noscript {
82   right: 15px
83 }
84
85 /* Rules for OpenLayers maps */
86
87 #map {
88   border-right: 1px solid #ccc;
89 }
90
91 /* Rules for attribution text under the main map shown on printouts */
92
93 .attribution_license {
94   text-align: right;
95 }
96
97 .attribution_project {
98   text-align: left;
99 }
100
101 /* Rules for the popout map sidebar */
102
103 #sidebar {
104   right: 0px;
105   border-right: 1px solid #ccc;
106 }
107
108 #sidebar #sidebar_title {
109   text-align: right;
110 }
111
112 #sidebar #sidebar_close {
113   text-align: left;
114 }
115
116 /* Rules for the main content area */
117
118 #content {
119   border-right: 1px solid #ccc;
120   right: 185px;
121   left: 0px;
122   text-align: right;
123 }
124
125 #slim_header img {
126   margin-left: 5px;
127 }
128
129 /* Rules for the copyright page */
130
131 #cc_logo {
132   float: left;
133 }
134
135 /* Rules for the changeset list shown by the history tab etc */
136
137 #changeset_list {
138   text-align: right;
139 }
140
141 #changeset_list_map {
142   float: left;
143   left: 0px;
144 }
145
146 /* Rules for the data browser */
147
148 #browse_navigation {
149   float: left;
150   margin-right: 10px;
151 }
152
153 #browse_map {
154   float: left;
155   text-align: left;
156   margin-right: 10px;
157 }
158
159 /* Rules for the trace list shown by the traces tab etc */
160
161 #trace_list {
162   text-align: right;
163 }
164
165 /* Rules for the diary list */
166
167 .diary_entry-list img.user_image {
168   float: left;
169 }
170
171 .diary_entry-list img.user_thumnbail {
172   float: left;
173 }
174
175 /* Rules for the diary entry view */
176
177 .diary_entry-view img.user_image {
178   float: left;
179 }
180
181 .diary_entry-view img.user_thumbnail {
182   float: left;
183 }
184
185 /* Rules for the user list */
186
187 #user_list_actions {
188   float: left;
189 }
190
191 /* Rules for the account confirmation page */
192
193 form#termsForm div#buttons {
194   float: left;
195 }
196
197 form#termsForm input#agree {
198   margin-right: 50px;
199 }
200
201 /* Rules for the user view */
202
203 .user-view img.user_image {
204   float: left;
205 }
206
207 .user-view .user_map {
208   float: left;
209 }
210
211 /* Rules for rails validation error boxes */
212
213 #errorExplanation h2 {
214   text-align: right;
215   padding: 5px 15px 5px 5px;
216 }
217
218 /* Rules for forms */
219
220 .fieldName {
221   text-align: left;
222 }
223
224 .submitButton {
225   text-align: left;
226 }
227
228 input.openid_url {
229   background: image-url('openid_input.png') repeat-y right white;
230   padding-right: 16px;
231 }
232
233 /* Rules for rich text editors */
234
235 .richtext_container {
236   .richtext_help {
237     margin-right: 15px;
238
239     th {
240       text-align: right;
241       padding: 0px 0px 0px 15px !important;
242     }
243
244     td {
245       text-align: right;
246     }
247
248     input.richtext_doedit {
249       margin-left: 10px !important;
250     }
251
252     input.richtext_dopreview {
253       margin-right: 10px !important;
254     }
255   }
256 }