Improve styling of alert boxes to match new sidebar styling

This commit is contained in:
Tom Hughes 2012-03-21 10:38:12 +00:00
parent d1e10d2313
commit be585d1403
4 changed files with 17 additions and 34 deletions

View file

@ -100,16 +100,19 @@ h2 {
* undergoing maintenance. * undergoing maintenance.
*/ */
#alert { .sidebar-alert {
width: 170px; padding: 0px 5px 0.1px 5px;
margin: 5px; border-top: 1px solid #ccc;
padding: 5px; margin-top: 4px;
border: 1px solid #ccc; margin-bottom: -4px;
background: #d00; background: #e00;
line-height: 1.2em; font-size: 13px;
font-size: 14px; font-weight: bold;
border-radius: 5px; line-height: 17px;
-moz-border-radius: 5px;
p {
margin: 5px;
}
} }
/* /*

View file

@ -6,16 +6,6 @@ html body {
text-align: left; text-align: left;
} }
/*
* Rules for alert boxes shown in the left sidebar when important
* information needs to be conveyed such as when the site is
* undergoing maintenance.
*/
#alert {
text-align: left;
}
/* /*
* Rules for notice boxes shown in the left sidebar when important, but * Rules for notice boxes shown in the left sidebar when important, but
* non-critical information needs to be conveyed such as notices about * non-critical information needs to be conveyed such as notices about

View file

@ -6,16 +6,6 @@ html body {
text-align: right; text-align: right;
} }
/*
* Rules for alert boxes shown in the left sidebar when important
* information needs to be conveyed such as when the site is
* undergoing maintenance.
*/
#alert {
text-align: right;
}
/* /*
* Rules for notice boxes shown in the left sidebar when important, but * Rules for notice boxes shown in the left sidebar when important, but
* non-critical information needs to be conveyed such as notices about * non-critical information needs to be conveyed such as notices about

View file

@ -86,12 +86,12 @@
<% end %> <% end %>
<% if STATUS == :database_offline or STATUS == :api_offline %> <% if STATUS == :database_offline or STATUS == :api_offline %>
<div id="alert"> <div class="sidebar-alert">
<%= t 'layouts.osm_offline' %> <p><%= t 'layouts.osm_offline' %></p>
</div> </div>
<% elsif STATUS == :database_readonly or STATUS == :api_readonly %> <% elsif STATUS == :database_readonly or STATUS == :api_readonly %>
<div id="alert"> <div id="sidebar-alert">
<%= t 'layouts.osm_read_only' %> <p><%= t 'layouts.osm_read_only' %></p>
</div> </div>
<% end %> <% end %>