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