36 lines
626 B
CSS
36 lines
626 B
CSS
|
@import url(normalize.css);
|
||
|
.message {
|
||
|
max-width: 30em;
|
||
|
margin: 0 auto 15px;
|
||
|
padding: 4px 12px;
|
||
|
}
|
||
|
|
||
|
.message.error {
|
||
|
background-color: #ffdddd;
|
||
|
border-left: 6px solid #f44336;
|
||
|
}
|
||
|
|
||
|
.message.sucsses {
|
||
|
background-color: #ddffdd;
|
||
|
border-left: 6px solid #4CAF50;
|
||
|
}
|
||
|
.modal {
|
||
|
position: relative;
|
||
|
z-index: 1;
|
||
|
left: 0;
|
||
|
top: 0;
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 600px){
|
||
|
.message{
|
||
|
border-radius: 10px;
|
||
|
margin: 10px auto 15px;
|
||
|
}
|
||
|
.message.error {
|
||
|
border: 3px solid #f44336;
|
||
|
}
|
||
|
.message.sucsses {
|
||
|
border: 3px solid #4CAF50;
|
||
|
}
|
||
|
}
|