| Revision 3615:b9ac15edad1c,
2.2 KB
checked in by franck <carnet.franck.paul@…>, 8 years ago
(diff) |
|
Reduce close region of message box as it prevents to copy the content, single error message are not more listed as list but paragraph.
|
| Line | |
|---|
| 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 | } |
|---|
| 12 | |
|---|
| 13 | .warn, |
|---|
| 14 | .warning { |
|---|
| 15 | background: #FEFACD url(msg-warning.png) no-repeat .3em .3em; |
|---|
| 16 | border: 1px solid #ffd478; |
|---|
| 17 | } |
|---|
| 18 | |
|---|
| 19 | .info { |
|---|
| 20 | background: #D9EDF7 url(msg-info.png) no-repeat .3em .3em; |
|---|
| 21 | border: 1px solid #BCE8F1; |
|---|
| 22 | } |
|---|
| 23 | |
|---|
| 24 | div.warn, |
|---|
| 25 | div.warning, |
|---|
| 26 | div.info { |
|---|
| 27 | display: block; |
|---|
| 28 | padding: 1em 1em .33em 1em; |
|---|
| 29 | margin-bottom: 1em; |
|---|
| 30 | } |
|---|
| 31 | |
|---|
| 32 | span.warn, |
|---|
| 33 | span.warning, |
|---|
| 34 | span.info { |
|---|
| 35 | padding-top: 1px; |
|---|
| 36 | padding-bottom: 1px; |
|---|
| 37 | background-position: .3em .2em; |
|---|
| 38 | } |
|---|
| 39 | |
|---|
| 40 | .error, |
|---|
| 41 | .message, |
|---|
| 42 | .static-msg, |
|---|
| 43 | .success, |
|---|
| 44 | .warning-msg { |
|---|
| 45 | padding: 1em 0.5em 0.5em 48px; |
|---|
| 46 | margin-bottom: 1em; |
|---|
| 47 | border-radius: 8px; |
|---|
| 48 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); |
|---|
| 49 | } |
|---|
| 50 | |
|---|
| 51 | p.error, |
|---|
| 52 | p.message, |
|---|
| 53 | p.static-msg, |
|---|
| 54 | p.success, |
|---|
| 55 | p.warning-msg { |
|---|
| 56 | padding-top: 1em; |
|---|
| 57 | padding-bottom: 1em; |
|---|
| 58 | margin-top: .5em; |
|---|
| 59 | } |
|---|
| 60 | |
|---|
| 61 | .error { |
|---|
| 62 | background: #FFBABA url(msg-error.png) no-repeat .7em .7em; |
|---|
| 63 | color: #000; |
|---|
| 64 | } |
|---|
| 65 | |
|---|
| 66 | .message, |
|---|
| 67 | .static-msg { |
|---|
| 68 | background: #676e78 url(msg-std.png) no-repeat .7em .7em; |
|---|
| 69 | color: #fff; |
|---|
| 70 | } |
|---|
| 71 | |
|---|
| 72 | .message a, |
|---|
| 73 | .static-msg a, |
|---|
| 74 | .message h3, |
|---|
| 75 | .static-msg h3 { |
|---|
| 76 | color: #fff; |
|---|
| 77 | } |
|---|
| 78 | |
|---|
| 79 | .success, |
|---|
| 80 | .warning-msg { |
|---|
| 81 | color: #000; |
|---|
| 82 | } |
|---|
| 83 | |
|---|
| 84 | .success { |
|---|
| 85 | background: #9bca1c url(msg-success.png) no-repeat .7em .7em; |
|---|
| 86 | } |
|---|
| 87 | |
|---|
| 88 | .warning-msg { |
|---|
| 89 | background: #ffd478 url(msg-warning.png) no-repeat .7em .7em; |
|---|
| 90 | border: 1px solid #ffd478; |
|---|
| 91 | } |
|---|
| 92 | |
|---|
| 93 | .success a, |
|---|
| 94 | .warning-msg a, |
|---|
| 95 | .info a { |
|---|
| 96 | color: #333; |
|---|
| 97 | } |
|---|
| 98 | |
|---|
| 99 | .close-notice-parent { |
|---|
| 100 | display: flex; |
|---|
| 101 | justify-content: space-between; |
|---|
| 102 | ul, p + p { |
|---|
| 103 | flex: 1; |
|---|
| 104 | } |
|---|
| 105 | p + p { |
|---|
| 106 | padding-left: .25em; |
|---|
| 107 | } |
|---|
| 108 | } |
|---|
| 109 | .close-notice { |
|---|
| 110 | background: none; |
|---|
| 111 | border: none; |
|---|
| 112 | border-radius: 0; |
|---|
| 113 | box-shadow: none; |
|---|
| 114 | padding-left: 1em; |
|---|
| 115 | &:hover, &:focus { |
|---|
| 116 | background: none; |
|---|
| 117 | } |
|---|
| 118 | } |
|---|
| 119 | |
|---|
| 120 | .dc-update { |
|---|
| 121 | padding: 1em 48px 0.5em 48px; |
|---|
| 122 | margin-bottom: 1em; |
|---|
| 123 | border-radius: 8px; |
|---|
| 124 | background: #A2CBE9 url(msg-success.png) no-repeat .7em .7em; |
|---|
| 125 | color: #000; |
|---|
| 126 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); |
|---|
| 127 | h3 { |
|---|
| 128 | margin-top: 0; |
|---|
| 129 | color: #000; |
|---|
| 130 | } |
|---|
| 131 | p { |
|---|
| 132 | display: inline-block; |
|---|
| 133 | vertical-align: middle; |
|---|
| 134 | } |
|---|
| 135 | a { |
|---|
| 136 | color: #000; |
|---|
| 137 | margin-right: 1em; |
|---|
| 138 | &.button { |
|---|
| 139 | padding: .5em 1em; |
|---|
| 140 | } |
|---|
| 141 | } |
|---|
| 142 | } |
|---|
| 143 | |
|---|
| 144 | .updt-info a { |
|---|
| 145 | margin-left: 2em; |
|---|
| 146 | border-color: #000; |
|---|
| 147 | font-weight: bold; |
|---|
| 148 | } |
|---|
Note: See
TracBrowser
for help on using the repository browser.
