diff --git a/css/settings.css b/css/settings.css index 88a070a..7747b58 100644 --- a/css/settings.css +++ b/css/settings.css @@ -93,4 +93,12 @@ form .button { form #passwordLabel, form #password { display: none; +} + +form input.error, form textarea.error, form select.error { + border: #f00 solid 2px; +} +form .errorMsg { + color: #f00; + margin: 0 0 0 1em; } \ No newline at end of file diff --git a/css/styles.css b/css/styles.css index a17bc50..456186d 100644 --- a/css/styles.css +++ b/css/styles.css @@ -658,6 +658,40 @@ SETTINGS POPUP cursor: pointer; } +#message { + position: absolute; + top: 0; + right: 0; + padding: 0.4em 0.5em; + border-radius: 0 0 0 10px; + border: 2px solid #333; + border-width: 0 0 2px 2px; + font-weight: bold; + + -webkit-box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65); + box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65); + color: #333; + white-space: nowrap; + display: none; +} + +#message.error { + background: #EB313C; + color: #fff; +} + +#message.warning { + background: #E9A86E; +} + +#message.notice { + background: #93CAF4; +} + +#message.info { + background: #97DD8A; +} + @media only screen and (max-width: 480px),only screen and (max-width: 720px) and (min-device-pixel-ratio: 1.5),only screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5) { /* TOP LOGO diff --git a/index.html b/index.html index c857f09..9002452 100755 --- a/index.html +++ b/index.html @@ -66,6 +66,8 @@ + +
@@ -141,6 +143,7 @@ +