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