style error messages
This commit is contained in:
parent
b8853c4158
commit
6bd2a47134
3 changed files with 39 additions and 13 deletions
|
@ -1,13 +1,21 @@
|
||||||
// Used internally:
|
// Used internally:
|
||||||
|
|
||||||
$background_color: #0b61a4
|
$background_color: #0b61a4
|
||||||
$module_border_color: #033e6b
|
$module_border_color: #033e6b
|
||||||
$module_background_color: #66a3d2
|
$module_background_color: #66a3d2
|
||||||
|
|
||||||
// Used by Blueprint:
|
// Used by Blueprint:
|
||||||
|
|
||||||
$font_color: #fff
|
$font_color: #fff
|
||||||
$header_color: #fff
|
|
||||||
$link_color: #fff
|
$header_color: $font_color
|
||||||
$link_hover_color: #fff
|
|
||||||
$link_focus_color: #fff
|
$link_color: $font_color
|
||||||
$link_active_color: #fff
|
$link_hover_color: $font_color
|
||||||
$link_visited_color: #fff
|
$link_focus_color: $font_color
|
||||||
|
$link_active_color: $font_color
|
||||||
|
$link_visited_color: $font_color
|
||||||
|
|
||||||
|
$error_color: $font_color
|
||||||
|
$error_bg_color: #e14f1c
|
||||||
|
$error_border_color: #cd0a0a
|
||||||
|
|
|
@ -24,6 +24,10 @@ body {
|
||||||
form.bp {
|
form.bp {
|
||||||
@include blueprint-form; }
|
@include blueprint-form; }
|
||||||
|
|
||||||
|
.alert {
|
||||||
|
@include error;
|
||||||
|
}
|
||||||
|
|
||||||
h1 a {
|
h1 a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
|
@ -342,13 +342,13 @@ body .error {
|
||||||
padding: 0.8em;
|
padding: 0.8em;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
border: 2px solid #dddddd;
|
border: 2px solid #dddddd;
|
||||||
background: #fbe3e4;
|
background: #e14f1c;
|
||||||
color: #8a1f11;
|
color: white;
|
||||||
border-color: #fbc2c4;
|
border-color: #cd0a0a;
|
||||||
}
|
}
|
||||||
/* line 29, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
/* line 29, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||||
body .error a {
|
body .error a {
|
||||||
color: #8a1f11;
|
color: white;
|
||||||
}
|
}
|
||||||
/* line 6, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
/* line 6, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||||
body .notice {
|
body .notice {
|
||||||
|
@ -466,15 +466,29 @@ form.bp textarea {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 27, ../../../app/stylesheets/screen.scss */
|
/* line 27, ../../../app/stylesheets/screen.scss */
|
||||||
|
.alert {
|
||||||
|
padding: 0.8em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
border: 2px solid #dddddd;
|
||||||
|
background: #e14f1c;
|
||||||
|
color: white;
|
||||||
|
border-color: #cd0a0a;
|
||||||
|
}
|
||||||
|
/* line 29, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||||
|
.alert a {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* line 31, ../../../app/stylesheets/screen.scss */
|
||||||
h1 a {
|
h1 a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
/* line 29, ../../../app/stylesheets/screen.scss */
|
/* line 33, ../../../app/stylesheets/screen.scss */
|
||||||
h1 a:hover {
|
h1 a:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 34, ../../../app/stylesheets/screen.scss */
|
/* line 38, ../../../app/stylesheets/screen.scss */
|
||||||
.item {
|
.item {
|
||||||
display: -moz-inline-box;
|
display: -moz-inline-box;
|
||||||
-moz-box-orient: vertical;
|
-moz-box-orient: vertical;
|
||||||
|
@ -487,7 +501,7 @@ h1 a:hover {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
/* line 40, ../../../app/stylesheets/screen.scss */
|
/* line 44, ../../../app/stylesheets/screen.scss */
|
||||||
.item img {
|
.item img {
|
||||||
display: block;
|
display: block;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
|
|
Loading…
Reference in a new issue