Revision cd670dfa
Von Hans Peter Schlaepfer vor etwa 5 Jahren hinzugefügt
- ID cd670dfafdb3560614634765e2a377946ff1809b
- Vorgänger ff33b093
| css/less/messages.less | ||
|---|---|---|
| 1 |
/* ------------------------------------------------------------- */ |
|
| 2 |
/* MESSAGES (messages.less) */ |
|
| 3 |
/* ------------------------------------------------------------- */ |
|
| 4 |
|
|
| 5 |
|
|
| 1 | 6 |
// ---------------------------------------------------------------------------- |
| 2 | 7 |
// |
| 3 | 8 |
// MESSAGES |
| ... | ... | |
| 15 | 20 |
.mx-message {
|
| 16 | 21 |
display: block; |
| 17 | 22 |
overflow: hidden; |
| 23 |
overflow-x: auto; |
|
| 18 | 24 |
clear: both ; |
| 19 | 25 |
width: auto; |
| 20 | 26 |
min-width: @messages-min-width ; |
| ... | ... | |
| 25 | 31 |
line-height: 110% ; |
| 26 | 32 |
text-align: left; |
| 27 | 33 |
white-space: normal; |
| 28 |
border-radius: 0.6em;
|
|
| 34 |
border-radius: @controlpanel-radius;
|
|
| 29 | 35 |
border-style: solid; |
| 30 | 36 |
border-width: 1px; |
| 31 | 37 |
} |
| ... | ... | |
| 104 | 110 |
font-size: @font-size-smaller; |
| 105 | 111 |
border-color: @message_warning_border; |
| 106 | 112 |
background-color: @message_warning_bg; |
| 107 |
|
|
| 108 | 113 |
h4 { color: @message_warning_text ; }
|
| 109 | 114 |
p { color: @message_warning_text ; }
|
| 110 | 115 |
} |
| ... | ... | |
| 112 | 117 |
h4{
|
| 113 | 118 |
font-weight: bold; |
| 114 | 119 |
font-size: 110%; |
| 115 |
margin: 0.4em 0 0.2em 0 ;
|
|
| 120 |
margin: 0.4em 1.0em 0.2em 0 ;
|
|
| 116 | 121 |
padding: 0; |
| 117 | 122 |
} |
| 118 | 123 |
p{
|
| 119 |
margin: 0 0 0.6em 0 ;
|
|
| 124 |
margin: 0 1.0em 0.6em 0 ;
|
|
| 120 | 125 |
padding: 0; |
| 121 | 126 |
} |
| 122 | 127 |
|
| ... | ... | |
| 125 | 130 |
// Message blocks in different levels in the #content |
| 126 | 131 |
#content {
|
| 127 | 132 |
& > form {
|
| 128 |
& > .message {
|
|
| 129 |
margin-left: @margin-left-from-content ; |
|
| 133 |
& > .message, |
|
| 134 |
& > .ui-tabs > .ui-tabs-panel > .message {
|
|
| 135 |
margin: @margin-left-from-content 0 @margin-left-from-content @margin-left-from-content ; |
|
| 130 | 136 |
|
| 131 | 137 |
&.message_ok, |
| 132 | 138 |
&.message_info, |
| ... | ... | |
| 136 | 142 |
margin-left: @margin-left-from-content ; |
| 137 | 143 |
} |
| 138 | 144 |
} // .message |
| 145 |
|
|
| 139 | 146 |
} // /form |
| 140 | 147 |
& > p {
|
| 141 | 148 |
&.message_ok, |
| ... | ... | |
| 151 | 158 |
& > .message_hint, |
| 152 | 159 |
& > .message_error, |
| 153 | 160 |
& > .message_warning{
|
| 154 |
margin: @margin-left-from-content ; |
|
| 161 |
margin: @margin-left-from-content 0 @margin-left-from-content @margin-left-from-content ;
|
|
| 155 | 162 |
} |
| 156 | 163 |
} // /#content |
| 157 | 164 |
|
| ... | ... | |
| 180 | 187 |
} |
| 181 | 188 |
} |
| 182 | 189 |
|
| 190 |
// Message blank in a UI-Tab |
|
| 191 |
|
|
| 192 |
|
|
| 193 |
|
|
| 183 | 194 |
// Message on the welcome screen |
| 184 | 195 |
body > div.login .message{
|
| 185 | 196 |
width: 100% ; |
Auch abrufbar als: Unified diff
Erweiterung und Optimierung less und css fuer Design 4.0