| 1 | .warn, |
|---|
| 2 | .warning, |
|---|
| 3 | .info { |
|---|
| 4 | font-style: normal; |
|---|
| 5 | padding: .2em .66em .2em; |
|---|
| 6 | text-indent: 24px; |
|---|
| 7 | color: #333; |
|---|
| 8 | display: inline-block; |
|---|
| 9 | line-height: 1.5em; |
|---|
| 10 | border-radius: 3px; |
|---|
| 11 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) |
|---|
| 12 | } |
|---|
| 13 | |
|---|
| 14 | .warn, |
|---|
| 15 | .warning { |
|---|
| 16 | background: #FEFACD url(msg-warning.png) no-repeat .3em .3em; |
|---|
| 17 | border: 1px solid #ffd478; |
|---|
| 18 | } |
|---|
| 19 | |
|---|
| 20 | .info { |
|---|
| 21 | background: #D9EDF7 url(msg-info.png) no-repeat .3em .3em; |
|---|
| 22 | border: 1px solid #BCE8F1; |
|---|
| 23 | } |
|---|
| 24 | |
|---|
| 25 | div.warn, |
|---|
| 26 | div.warning, |
|---|
| 27 | div.info { |
|---|
| 28 | display: block; |
|---|
| 29 | padding: 1em 1em .33em 1em; |
|---|
| 30 | margin-bottom: 1em; |
|---|
| 31 | } |
|---|
| 32 | |
|---|
| 33 | span.warn, |
|---|
| 34 | span.warning, |
|---|
| 35 | span.info { |
|---|
| 36 | padding-top: 1px; |
|---|
| 37 | padding-bottom: 1px; |
|---|
| 38 | background-position: .3em .2em; |
|---|
| 39 | } |
|---|
| 40 | |
|---|
| 41 | .error, |
|---|
| 42 | .message, |
|---|
| 43 | .static-msg, |
|---|
| 44 | .success, |
|---|
| 45 | .warning-msg { |
|---|
| 46 | padding: 1em 0.5em 0.5em 48px; |
|---|
| 47 | margin-bottom: 1em; |
|---|
| 48 | border-radius: 8px; |
|---|
| 49 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); |
|---|
| 50 | } |
|---|
| 51 | |
|---|
| 52 | p.error, |
|---|
| 53 | p.message, |
|---|
| 54 | p.static-msg, |
|---|
| 55 | p.success, |
|---|
| 56 | p.warning-msg { |
|---|
| 57 | padding-top: 1em; |
|---|
| 58 | padding-bottom: 1em; |
|---|
| 59 | margin-top: .5em; |
|---|
| 60 | } |
|---|
| 61 | |
|---|
| 62 | .error { |
|---|
| 63 | background: #FFBABA url(msg-error.png) no-repeat .7em .7em; |
|---|
| 64 | color: #000; |
|---|
| 65 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); |
|---|
| 66 | } |
|---|
| 67 | |
|---|
| 68 | .message, |
|---|
| 69 | .static-msg { |
|---|
| 70 | background: #676e78 url(msg-std.png) no-repeat .7em .7em; |
|---|
| 71 | color: #fff; |
|---|
| 72 | } |
|---|
| 73 | |
|---|
| 74 | .message a, |
|---|
| 75 | .static-msg a, |
|---|
| 76 | .message h3, |
|---|
| 77 | .static-msg h3 { |
|---|
| 78 | color: #fff; |
|---|
| 79 | } |
|---|
| 80 | |
|---|
| 81 | .success, |
|---|
| 82 | .warning-msg { |
|---|
| 83 | color: #000; |
|---|
| 84 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) |
|---|
| 85 | } |
|---|
| 86 | |
|---|
| 87 | .success { |
|---|
| 88 | background: #9bca1c url(msg-success.png) no-repeat .7em .7em; |
|---|
| 89 | } |
|---|
| 90 | |
|---|
| 91 | .warning-msg { |
|---|
| 92 | background: #ffd478 url(msg-warning.png) no-repeat .7em .7em; |
|---|
| 93 | border: 1px solid #ffd478; |
|---|
| 94 | } |
|---|
| 95 | |
|---|
| 96 | .success a, |
|---|
| 97 | .warning-msg a, |
|---|
| 98 | .info a { |
|---|
| 99 | color: #333; |
|---|
| 100 | } |
|---|
| 101 | |
|---|
| 102 | .close-notice { |
|---|
| 103 | float: right; |
|---|
| 104 | background: none; |
|---|
| 105 | border: none; |
|---|
| 106 | border-radius: 0; |
|---|
| 107 | box-shadow: none; |
|---|
| 108 | padding-left: 1em; |
|---|
| 109 | &:hover, &:focus { |
|---|
| 110 | background: none; |
|---|
| 111 | } |
|---|
| 112 | } |
|---|
| 113 | div.error { |
|---|
| 114 | position: relative; |
|---|
| 115 | .close-notice { |
|---|
| 116 | display: block; |
|---|
| 117 | position: absolute; |
|---|
| 118 | top: 1em; |
|---|
| 119 | right: 1em; |
|---|
| 120 | } |
|---|
| 121 | } |
|---|
| 122 | |
|---|
| 123 | .dc-update { |
|---|
| 124 | padding: 1em 48px 0.5em 48px; |
|---|
| 125 | margin-bottom: 1em; |
|---|
| 126 | border-radius: 8px; |
|---|
| 127 | background: #A2CBE9 url(msg-success.png) no-repeat .7em .7em; |
|---|
| 128 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); |
|---|
| 129 | color: #000; |
|---|
| 130 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); |
|---|
| 131 | h3 { |
|---|
| 132 | margin-top: 0; |
|---|
| 133 | color: #000; |
|---|
| 134 | } |
|---|
| 135 | p { |
|---|
| 136 | display: inline-block; |
|---|
| 137 | vertical-align: middle; |
|---|
| 138 | } |
|---|
| 139 | a { |
|---|
| 140 | color: #000; |
|---|
| 141 | margin-right: 1em; |
|---|
| 142 | &.button { |
|---|
| 143 | padding: .5em 1em; |
|---|
| 144 | } |
|---|
| 145 | } |
|---|
| 146 | } |
|---|
| 147 | |
|---|
| 148 | .updt-info a { |
|---|
| 149 | margin-left: 2em; |
|---|
| 150 | border-color: #000; |
|---|
| 151 | font-weight: bold; |
|---|
| 152 | } |
|---|
