diff --git a/public/stylesheets/sass/sessions.sass b/public/stylesheets/sass/sessions.sass index 7f917b6f1..2602c3183 100644 --- a/public/stylesheets/sass/sessions.sass +++ b/public/stylesheets/sass/sessions.sass @@ -12,6 +12,56 @@ :weight normal :style normal +#flash_notice, +#flash_error, +#flash_alert + :z-index 100 + :top 32px + :position absolute + :color #000 + :width 400px + :margin 0 0 0 -200px + :left 50% + :text + :align center + :font + :size 14px + :padding 3px 0 + +#flash_notice + :background-color #CFC + :border solid 1px #6C6 + +#flash_error, +#flash_alert + :background-color #FCC + :border solid 1px #C66 + +.fieldWithErrors + :display inline + +.error_messages + :width 400px + :border 2px solid #CF0000 + :padding 0 + :padding-bottom 12px + :margin-bottom 20px + :background-color #f0f0f0 + :font + :size 12px + h2 + :text-align left + :padding 5px 5px 5px 15px + :margin 0 + :font + :weight bold + :size 12px + :background-color #c00 + p + :margin 8px 10px + ul + :margin 0 + /* via blueprint */ html :font diff --git a/public/stylesheets/sessions.css b/public/stylesheets/sessions.css index f4e585c62..3a59e54af 100644 --- a/public/stylesheets/sessions.css +++ b/public/stylesheets/sessions.css @@ -6,6 +6,49 @@ weight: normal; style: normal; } } +#flash_notice, +#flash_error, +#flash_alert { + z-index: 100; + top: 32px; + color: black; + width: 400px; + text-align: center; + font-size: 14px; + padding: 3px 0; } + +#flash_notice { + background-color: #ccffcc; + border: solid 1px #66cc66; } + +#flash_error, +#flash_alert { + background-color: #ffcccc; + border: solid 1px #cc6666; } + +.fieldWithErrors { + display: inline; } + +.error_messages { + width: 400px; + border: 2px solid #cf0000; + padding: 0; + padding-bottom: 12px; + margin-bottom: 20px; + background-color: #f0f0f0; + font-size: 12px; } + .error_messages h2 { + text-align: left; + padding: 5px 5px 5px 15px; + margin: 0; + font-weight: bold; + font-size: 12px; + background-color: #cc0000; } + .error_messages p { + margin: 8px 10px; } + .error_messages ul { + margin: 0; } + /* via blueprint */ html { font-size: 100.01%; }