diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css index 93b71cdb9..1613e5cb0 100644 --- a/admin/themes/clear/theme.css +++ b/admin/themes/clear/theme.css @@ -596,10 +596,6 @@ input:focus + .slider { background-color:#f9f9f9; } -.UsernameBlock.success_message{ - border:2px solid #c2f5c2; -} - .Tooltip p.TooltipText{ background-color:#f3f3f3; @@ -608,12 +604,13 @@ input:focus + .slider { } .ValidationUserAssociated, .ValidationUserDissociated{ - color:#00aa00 !important; - background-color:#c2f5c2; + color:#6DCE5E !important; + background-color:#EEFFEB; + border:1px solid #6DCE5E; } .ValidationUserAssociated p, .ValidationUserDissociated p { - color:#00aa00 !important; + color:#254520 !important; } /*------*/ @@ -970,19 +967,63 @@ label:has(> .filters-icon-check:disabled), span:has(+ .filters-icon-check:disabl background-color: #5D5D5D; } -/*Success message*/ +/* ------------- +Info +-------------*/ -.infos { +/*Success message*/ +.infos, +.info-message, +.update-user-success, +#AddUserUpdated, +#AddUserSuccess label, +.groupMessage, +div.jGrowl div.jGrowl-notification.success, +.AddPluginSuccess label, +.DeactivatePluginSuccess label, +.RestorePluginSuccess label, +.update-user-success, +.update-password-success, +.update-username-success{ color: #254520; background-color:#EEFFEB; - border-left:6px solid #6DCE5E; } -.infos i{ +.infos, +#AddUserSuccess label, +#AddUserUpdated { + border-left:4px solid #6DCE5E; /*Banner*/ +} + +.info-message, +.update-user-success, +.groupMessage, +div.jGrowl div.jGrowl-notification.success, +.AddPluginSuccess label, +.DeactivatePluginSuccess label, +.RestorePluginSuccess label, +.UsernameBlock.success_message, +.update-user-success, +.update-password-success, +.update-username-success{ + border:1px solid #6DCE5E; /*Rounded*/ +} + +.infos i, +.info-message i, +.update-user-success i, +.groupMessage::before, +.info-message::before, +div.success .jGrowl-popup-icon, +.AddPluginSuccess label::before, +.DeactivatePluginSuccess label::before, +.RestorePluginSuccess label::before, +.update-username-success .icon-ok{ color:#6DCE5E; } -.infos a { +.infos a, +#AddUserSuccess .edit-now { color: #3C3C3C; background-color: #F6FFF4; border:1px solid #6DCE5E; @@ -992,15 +1033,54 @@ label:has(> .filters-icon-check:disabled), span:has(+ .filters-icon-check:disabl color: #3C3C3C; } -/*Error message*/ - -.errors { - color: #502421; - background-color: #FFE7EB; - border-left: 6px solid #EB3D33; +.AddPluginSuccess span, +.RestorePluginSuccess span, +.DeactivatePluginSuccess span { + color: #254520; } -.errors i{ +/*Error message*/ + +.errors, +.info-error, +.AddUserErrors, +.groupError, +div.jGrowl div.jGrowl-notification.error, +.PluginActionError label, +.update-user-fail, +.AddAlbumErrors, +.EditUserErrors, +.update-password-fail, +.icon-red-error { + color: #502421; + background-color: #FFE7EB; +} + +.errors, +.AddUserErrors, +.AddAlbumErrors{ + border-left: 6px solid #EB3D33; /*Banner*/ +} + +.info-error, +.groupError, +div.jGrowl div.jGrowl-notification.error, +.PluginActionError label +.update-user-fail, +.EditUserErrors, +.update-password-fail, +.icon-red-error, +.update-user-fail, +.AddAlbumErrors{ + border:1px solid #EB3D33; /*Rounded*/ +} + +.errors i, +.AddUserErrors:before, +.groupError::before, +div.error .jGrowl-popup-icon, +.PluginActionError label::before, +.AddAlbumErrors::before { color: #EB3D33; } @@ -1010,28 +1090,42 @@ label:has(> .filters-icon-check:disabled), span:has(+ .filters-icon-check:disabl border:1px solid #EB3D33; } +.info-error a:hover +.PluginActionError span, .errors a:hover{ color: #502421; } /*Warning message*/ -.warnings { +.warnings, +.info-warning { + background-color: #FFF3DB; color: #563F26; - background-color:#FFF3DB; +} + +.warnings { border-left:6px solid #E18C32; } +.info-warning { + border:1px solid #E18C32; +} + +.info-warning::before, +.info-warning a::before, .warnings i { color: #E18C32; } -.warnings a{ +.warnings a, +.info-warning a{ color: #563F26; background-color: #FFFAEF; border:1px solid #E18C32; } +.info-warning a:hover, .warnings a:hover{ color: #563F26; } @@ -1054,6 +1148,7 @@ label:has(> .filters-icon-check:disabled), span:has(+ .filters-icon-check:disabl border:1px solid #4182BE; } +.info-message a:hover, .messages a:hover{ color: #274159; } diff --git a/admin/themes/default/css/components/general.css b/admin/themes/default/css/components/general.css index a0c39986a..7ec373584 100644 --- a/admin/themes/default/css/components/general.css +++ b/admin/themes/default/css/components/general.css @@ -261,70 +261,172 @@ a.info-framed:hover { Info ------------- +.info, .errors, .warnings, .messages .info-message.icon-*, .info-warning.icon-*, .info-error.icon-* p (a) - */ -.info-message, .info-warning, .info-error { - height: 35px; - overflow: hidden; - border-radius: 20px; - display: flex; - padding: 0px 10px 0px 0px; - font-weight: bold; - margin-left: 10px; +/***Banner messages***/ +.infos, +.errors, +.warnings, +.messages, +#photosAddContent .infos, +.AddUserErrors, +.AddAlbumErrors, +.EditUserErrors, +.update-password-fail, +.icon-red-error { + text-align: left; + margin: 20px; + padding: 10px 5px; + font-weight:600; + flex-direction: row; + display: flex; + align-items: center; + justify-content: start; + border-radius:0px; +} + +.AddUserErrors{ + margin:10px 0; +} + +.AddAlbumErrors{ + margin:0; +} + +.infos ul, +.errors ul, +.warnings ul, +.messages ul, +#photosAddContent .infos ul{ + margin:10px 0; + padding-left:0; +} + +#photosAddContent .infos ul li, +.eiw ul li{ + padding:2px; + margin-bottom:2px; + display:flex; + align-items:center; +} + +.eiw ul li p, +.UsernameBlock.success_message{ + margin-right:0px; + margin:0; +} + +#photosAddContent .infos ul li:not(:last-child), +.eiw ul li:not(:last-child){ + margin-bottom:10px; +} + +.info-message a, +.info-warning a, +.info-error a, +.messages a, +#photosAddContent .infos ul li a, +.eiw ul li a{ + border-radius:4px; + margin:0 5px; + padding: 2px 7px; + cursor:pointer; } .info.hide { - display: none; + display: none; +} + +/***Rounded messages***/ + +.info-message, +.info-warning, +.info-error, +.update-user-success, +.update-user-fail, +.groupError, +.AddAlbumErrors, +.ValidationUserDissociated +.ValidationUserAssociated, +.update-user-success, +.update-password-success, +.update-username-success { + overflow: hidden; + border-radius: 30px; + padding: 10px 15px; + font-weight: bold; + align-items: start; + text-align:left; +} + +.info-message, +.info-warning, +.info-error, +.update-user-success, +.update-user-fail{ + display: flex; + margin-left: 10px; +} + +.update-username-success{ + display: flex; + margin-bottom: 10px; } .info-message p, .info-warning p, .info-error p { - margin: auto; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - text-align: initial; + margin: auto; + white-space: nowrap; + text-overflow: ellipsis; + text-align: initial; } -.info-message::before, .info-warning::before, .info-error::before { - line-height: 35px; - margin: 0px 10px; - font-size: 16px; -} - -.info-warning { - color: #ee8800; - background-color:#ffdd99; +.info-message::before, +.info-warning::before, +.info-error::before { + font-size: 16px; } .info-message { - display: none; - background-color: #c2f5c2; - color: #0a0; + display: none; } -.info-error { - color: #f22; - background-color: #ffd5dc; - display: none; - animation-name: info-error-appear ; - animation-duration: 0.4s; - animation-timing-function: ease; -} - -.info-message a:hover, .info-warning a:hover, .info-error a:hover { - color: white; +.info-error{ + display: none; + animation-name: info-error-appear ; + animation-duration: 0.4s; + animation-timing-function: ease; } @keyframes info-error-appear { - 25% { transform: translateX(-10px)} - 50% { transform: translateX(10px)} - 75% { transform: translateX(-10px)} - 100% { transform: translateX(0px)} - } + 25% { transform: translateX(-10px)} + 50% { transform: translateX(10px)} + 75% { transform: translateX(-10px)} + 100% { transform: translateX(0px)} +} + +/*** Message Icons ***/ + +.eiw-icon, +#photosAddContent .infos ul li a i, +.eiw ul li a i, +.AddAlbumErrors::before, +.groupError::before, +.ValidationUserDissociated i, +.ValidationUserAssociated i{ + margin-right:10px; + font-size: 16px; +} + +.AddAlbumErrors::before, +.groupError::before{ + margin-top: 3px; +} + +/***/ .tree .badge-container i.icon-imagefolder-01.nb-sub-photos:before{ margin-right:0.5em!important; diff --git a/admin/themes/default/js/group_list.js b/admin/themes/default/js/group_list.js index 5962aa625..65a557ec0 100644 --- a/admin/themes/default/js/group_list.js +++ b/admin/themes/default/js/group_list.js @@ -105,7 +105,7 @@ jQuery(document).ready(function () { updateBadge(); } else { $("#addGroupForm .groupError").html(str_name_not_empty); - $("#addGroupForm .groupError").fadeIn(); + $("#addGroupForm .groupError").css('display','flex').fadeIn(); $("#addGroupForm .groupError").delay(DELAY_FEEDBACK).fadeOut(); } }, @@ -116,7 +116,7 @@ jQuery(document).ready(function () { } else { loadState.reverse(); $("#addGroupForm .groupError").html(str_name_not_empty); - $("#addGroupForm .groupError").fadeIn(); + $("#addGroupForm .groupError").css('display','flex').fadeIn(); $("#addGroupForm .groupError").delay(DELAY_FEEDBACK).fadeOut(); } }); @@ -349,7 +349,7 @@ var renameGroup = function(id, newName) { } else { //Display error message $("#group-" + id).find(".groupError").html(str_name_taken); - $("#group-" + id).find(".groupError").fadeIn(); + $("#group-" + id).find(".groupError").css('display','flex').fadeIn(); $("#group-" + id).find(".groupError").delay(DELAY_FEEDBACK).fadeOut(); } }, @@ -360,7 +360,7 @@ var renameGroup = function(id, newName) { } else { loadState.reverse(); $("#group-" + id).find(".groupError").html(str_name_not_empty); - $("#group-" + id).find(".groupError").fadeIn(); + $("#group-" + id).find(".groupError").css('display','flex').fadeIn(); $("#group-" + id).find(".groupError").delay(DELAY_FEEDBACK).fadeOut(); } } diff --git a/admin/themes/default/template/user_list.tpl b/admin/themes/default/template/user_list.tpl index ae748f9c9..bf57a5b29 100644 --- a/admin/themes/default/template/user_list.tpl +++ b/admin/themes/default/template/user_list.tpl @@ -1343,12 +1343,6 @@ $(document).ready(function() { cursor: default; } -#AddUserSuccess .edit-now { - color: #3a3a3a; - cursor: pointer; - margin-left:10px; -} - .user-header-button { position:relative; } @@ -1711,6 +1705,7 @@ $(document).ready(function() { display: flex; justify-content: space-between; padding-top:20px; + align-items:center; } /* general pop in rules */ @@ -2161,15 +2156,6 @@ $(document).ready(function() { padding-top: 20px; } -.update-username-success { - display: flex; - padding: 10px; - font-weight: bold; - margin-bottom: 20px; - align-items: center; - gap: 10px; -} - .edit-password-success-ok { align-self: center; margin-top: 30px; @@ -2550,6 +2536,7 @@ $(document).ready(function() { font-weight:bold; background-color: #ffa646; color: #3c3c3c; + margin-left:10px; } .update-user-button:hover, @@ -2579,13 +2566,8 @@ $(document).ready(function() { margin-left: 0; } -.update-user-success { - padding:10px; - display:none; -} - -.update-user-fail { - padding:11px; +.update-user-success, +.update-user-fail{ display:none; } @@ -2716,8 +2698,6 @@ $(document).ready(function() { .AddUserErrors { visibility:hidden; - padding:5px; - border-left:solid 3px red; } .AddUserSubmit { diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css index 6efde42b7..4c91d03a7 100644 --- a/admin/themes/default/theme.css +++ b/admin/themes/default/theme.css @@ -2336,100 +2336,44 @@ h2:lang(en) { text-transform:capitalize; } /** * Informations box in administration */ -.infos, .errors, .warnings, .messages, #photosAddContent .infos { - text-align: left; - margin: 20px; - padding: 0 5px; - font-weight:600; - flex-direction: row; - display: flex; - align-items: center; - justify-content: start; -} - -.infos ul, .errors ul, .warnings ul, .messages ul, #photosAddContent .infos ul{ - margin:10px 0; - padding-left:0; -} - -#photosAddContent .infos ul li, -.eiw ul li{ - padding:2px; - margin-bottom:2px; - display:flex; - align-items:center; -} - -#photosAddContent .infos ul li:not(:last-child), -.eiw ul li:not(:last-child){ - margin-bottom:10px; -} - -#photosAddContent .infos ul li a, -.eiw ul li a{ - border-radius:4px; - margin:0 5px; - padding: 2px 7px; -} - -#photosAddContent .infos ul li a i, -.eiw ul li a i{ - margin-right:5px; -} - -.eiw-icon { - font-size: 16px; - margin-right: 5px; -} .jGrowl-popup-icon{ position: absolute; - font-size: 4em; + font-size: 15px; left: -25px; -} - -.success { - color: #3C3C3C; + margin-top:10px; } div.jGrowl div.jGrowl-notification.success{ background: none; - background-color: #D6FFCF; opacity: 1; text-align: left; font-family: 'Open Sans'; box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.1); margin-bottom: 1em; } -div.success .jGrowl-popup-icon{ - color: #4CA530; -} -.error{ - color: #3C3C3C; -} div.jGrowl div.jGrowl-notification.error{ background: none; - background-color: #FFC8C8; opacity: 1; text-align: left; font-family: 'Open Sans'; box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.1); margin-bottom: 1em; } -div.error .jGrowl-popup-icon{ - color: #BE4949; -} div.jGrowl div.jGrowl-notification div.jGrowl-message { font-size: 1.2em !important; - margin: 0% 0% 0% 28%; + margin-bottom:10px; + margin-right:20px; } + div.jGrowl div.jGrowl-notification div.jGrowl-header { font-size: 1.2em !important; font-weight: 800 !important; - margin: 5% 0% 2% 28%; + margin-top:10px; } + div.success div.jGrowl-close, div.error div.jGrowl-close { font-size: 2em !important; font-weight: 1000 !important; @@ -2439,7 +2383,7 @@ div.success div.jGrowl-close, div.error div.jGrowl-close { } div.jGrowl div.jGrowl-closer { - visibility: hidden; + visibility: visible; } div.jGrowl div.jGrowl-notification{ @@ -2447,11 +2391,10 @@ div.jGrowl div.jGrowl-notification{ zoom: 1; width: 21vw; height: 100%; - padding: 18%; + padding: 5px; margin-top: 5px; margin-bottom: 5px; font-size: 1em; - display: none; border-radius: 5px; -moz-border-radius: 5px; @@ -3049,38 +2992,15 @@ div.jGrowl div.jGrowl-notification{ opacity: 0.5; } - -.AddPluginSuccess span, -.RestorePluginSuccess span, -.DeactivatePluginSuccess span { - color: #0a0; +.PluginOptionsBlock{ + display:none; + position:absolute; + right: 0; + top: 40px; + z-index: 2; + transform: translateX(calc(50% - 19px)); } -.AddPluginSuccess label, -.DeactivatePluginSuccess label, -.RestorePluginSuccess label { - background-color: #c2f5c2; - color: #0a0; -} - -.PluginActionError span { - color: rgb(170, 0, 0); -} - -.PluginActionError label { - background-color: #f5c2c2; - color: rgb(170, 0, 0); -} - - .PluginOptionsBlock{ - display:none; - position:absolute; - right: 0; - top: 40px; - z-index: 2; - transform: translateX(calc(50% - 19px)); - } - .warning:before {content:url(icon/warning.png);vertical-align:top;} .deactivate_all {font-size: 11px;font-weight: normal; margin-top: -5px; margin-bottom: 5px; font-weight: bold;opacity: 0.6;} .showDetails {text-align:right; margin-bottom:-15px; margin-top:-10px; padding-right:1em;} @@ -3306,32 +3226,20 @@ legend {text-align:left;} white-space: nowrap; } -.AddPluginSuccess span, -.RestorePluginSuccess span, -.DeactivatePluginSuccess span { - color: #0a0; -} - .AddPluginSuccess label, .DeactivatePluginSuccess label, -.RestorePluginSuccess label { - padding: 10px; - background-color: #c2f5c2; +.RestorePluginSuccess label, +.PluginActionError label{ + padding: 5px; cursor: default; - color: #0a0; border-radius: 30px; } -.PluginActionError span { - color: rgb(170, 0, 0); -} - -.PluginActionError label { - padding: 10px; - background-color: #f5c2c2; - cursor: default; - color: rgb(170, 0, 0); - border-radius: 30px; +.AddPluginSuccess span, +.DeactivatePluginSuccess span, +.RestorePluginSuccess span, +.PluginActionError span{ + padding-right:3px; } /* Line view */ @@ -3808,12 +3716,18 @@ LEGEND SPAN { text-align: right; margin-right: 2%; } + .badge-unsaved{ padding: 5px 10px; border-radius: 100px; font-weight: bold; - background-color: #FADDA2; - color: #E18C32; + background-color: #FFF3DB; + color: #563F26; + border:1px solid #E18C32; +} + +.badge-unsaved i{ + color:#E18C32; } .badge-succes{ @@ -3821,6 +3735,11 @@ LEGEND SPAN { border-radius: 100px; font-weight: bold; background-color: #D6FFCF; + color: #254520; + border:1px solid #6DCE5E; +} + +.badge-succes i{ color: #6DCE5E; } @@ -3828,7 +3747,11 @@ LEGEND SPAN { padding: 5px 10px; border-radius: 100px; font-weight: bold; - background-color: #F8D7DC; + background-color: #FFE7EB; + color: #502421; +} + +.badge-error i{ color: #EB3D33; } @@ -4659,7 +4582,7 @@ a#showPermissions:hover {text-decoration: none;} margin : 4px 5px 0 0; font-size: 80%; background-color: #6DCE5E; - color: #D6FFCF; + color: #EEFFEB; z-index: 1; } @@ -5808,33 +5731,20 @@ input[type="text"].dError {border-color:#ff7070; background-color:#FFe5e5;} transition: 0.4s ease; } -.groupMessage { - display: none; - position: absolute; - min-height: 20px; - padding: 10px; - border-radius: 30px; - top: -17px; - font-size: 12px; - right: 52px; - width: 110px; - text-align: center; -} - +.groupMessage, .groupError { z-index: 2; display: none; position: absolute; - color: #f22; - background-color: #ffd5dc; - min-height: 17px; padding: 10px; border-radius: 30px; top: -17px; font-size: 12px; - right: 29px; - width: 143px; text-align: center; + max-width: 75%; + left: 50%; + transform: translateX(-50%); + width:max-content; } .groups .addGroupFormTitle{ @@ -6576,27 +6486,10 @@ input:checked + .slider.small:before, input:checked + .slider.small::after { position: relative; } -.AddUserErrors, .update-user-fail, .AddAlbumErrors, .EditUserErrors, .update-password-fail, .icon-red-error { - background-color: #ffcfcf; - color: #ff5252; - border-left:solid 3px red; -} - -#AddUserSuccess span { - color: #0a0; -} - -#AddUserSuccess label { - background-color: #c2f5c2; - border-left: 2px solid #00FF00; - color: #0a0; -} -.update-user-success, -.update-password-success, -.update-username-success, .border-green { - border-left: 2px solid #00FF00; + border-left: 1px solid #6DCE5E; } + #UserList .AddUserBlock p, #UserList .AddUserBlock select, #UserList .AddUserBlock button{ @@ -6645,10 +6538,6 @@ input:checked + .slider.small:before, input:checked + .slider.small::after { border-radius:25px; } -.UsernameBlock.success_message{ - margin-right:0px; -} - .UsersInGroupListContainer{ max-height:315px; } @@ -6703,17 +6592,18 @@ input:checked + .slider.small:before, input:checked + .slider.small::after { font-size:12px; text-align:left; padding: 4px 6px; - border-top-right-radius:10px; - border-bottom-right-radius:10px; + border-top-right-radius:15px; + border-bottom-right-radius:15px; margin-left:-5px; margin-right:10px; } .ValidationUserAssociated p{ margin:0; + font-weight:700; } -.ValidationUserDissociated{ +/* .ValidationUserDissociated{ display:inline-block; text-align:left; padding: 6px; @@ -6724,8 +6614,8 @@ input:checked + .slider.small:before, input:checked + .slider.small::after { .ValidationUserDissociated p{ margin:0 !important; font-size:12px !important; - font-weight: 500 !important; -} + font-weight: 700 !important; +} */ #UserList .FilterUserBlock .AmountOfUsersShown { @@ -6808,7 +6698,6 @@ a.group_users { padding-top:200px; } - .preview-box.icon-zoom-in { display:block; position:relative; diff --git a/admin/themes/roma/css/components/general.css b/admin/themes/roma/css/components/general.css index 4e3689b27..d3f30159f 100644 --- a/admin/themes/roma/css/components/general.css +++ b/admin/themes/roma/css/components/general.css @@ -188,13 +188,3 @@ or (generated by selectize.js) .advanced-filter-item-container .selectize-control .selectize-input .item { padding-right: 0 !important; } - -.info-message { - background-color: #4EA590; - color: #AAF6E4; -} - -.info-warning { - background-color: #D68042; - color: #FFDCC2; -} \ No newline at end of file diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css index 84b197a3f..02b6970ab 100644 --- a/admin/themes/roma/theme.css +++ b/admin/themes/roma/theme.css @@ -863,10 +863,6 @@ input:focus + .slider { color:#9e9e9e; } -.UsernameBlock.success_message{ - border:2px solid #AAF6E4; -} - .Tooltip p.TooltipText{ color:#f3f3f3; @@ -1176,87 +1172,6 @@ li.plupload_delete a.remove-format:hover{color: #c0c0c0;} color: #ae5d1e; } -/*Error message*/ - -.errors { - color: #FFE4E4; - background-color: #AE3A3A; - border-left: 6px solid #FFE4E4; -} - -.errors i{ - color: #FFC8C8; -} - -.errors a{ - background-color: #8A2C2C; - border:1px solid #FFC8C8; - color: #FFE4E4; -} - -.errors a:hover{ - color: #FFE4E4; -} - -/*Success message*/ - -.infos { - color: #F3FFFC; - background-color: #50a48f; - border-left: 6px solid #C4FFF1; -} - -.AddPluginSuccess label, .DeactivatePluginSuccess label, .RestorePluginSuccess label{ - color: #b8feee; - background-color: #50a48f; -} - -.AddPluginSuccess span, .RestorePluginSuccess span,.DeactivatePluginSuccess span { - color: #b8feee; -} - -.infos i{ - color: #C4FFF1; -} - -.infos a{ - background-color: #237B66; - color: #F3FFFC; - border:1px solid #C4FFF1; -} - -.infos a:hover{ - color: #F3FFFC; -} - -/*Warning message*/ - -.warnings { - color: #fedac0; - background-color: #d47f44; - border-left: 4px solid #fedac0; -} - -.warnings a{ - background-color: #734627; - padding: 2px 7px; - color: #ffffff; -} - -/*announcement message*/ - -.messages { - color: #bad6ff; - background-color: #4f71a4; - border-left: 4px solid #bad6ff; -} - -.eiw .messages a { - background-color: #273d5f; - color: #ffffff; - padding: 2px 7px; -} - /* Popin Jconfirm*/ .jconfirm .jconfirm-box { @@ -1371,25 +1286,6 @@ background:#6C2D2D!important; color: #0051a5; } -.info-warning { - background-color: #d47f44; - color: #fedac0; -} - -.info-warning a, .info-message a, .info-error a { - color: white; -} - -.info-error { - color: #ffd5dc; - background-color:#f22; -} - -.tag-checkmark{ - color: #AAF6E4 !important; - background-color: #4EA590 !important; -} - /* Album Move (and album search) */ .move-cat-container, .search-album-elem { background-color: #333; @@ -1606,15 +1502,6 @@ background:#6C2D2D!important; color: #111; } -.PluginActionError span { - color: #ffd5dc -} - -.PluginActionError label { - background-color: #f22; - color: #ffd5dc -} - .pluginTags > span { background-color: #444; } @@ -2038,12 +1925,6 @@ background:#6C2D2D!important; background-color: #343434 !important; } -.AddUserErrors, .update-user-fail, .EditUserErrors, .update-password-fail, .icon-red-error { - background-color: #f22;; - color: #ffd5dc; - border-left:solid 3px #f22; -} - .AddUserPopInContainer { background-color: #444; } @@ -2079,9 +1960,6 @@ background:#6C2D2D!important; color: #ededed; } -.update-user-success, -.update-password-success, -.update-username-success, .border-green { border-left: 2px solid #a9f6e3; } @@ -2511,3 +2389,185 @@ label:has(> .filters-icon-check:disabled){ .comments-search input:focus { outline: none; } + +/* ------------- +Infos +-------------*/ + +/*Success message*/ +.infos, +.info-message, +.update-user-success, +#AddUserUpdated, +#AddUserSuccess label, +.groupMessage, +div.jGrowl div.jGrowl-notification.success, +.AddPluginSuccess label, +.DeactivatePluginSuccess label, +.RestorePluginSuccess label, +.update-user-success, +.update-password-success, +.update-username-success{ + color: #F3FFFC; + background-color:#348F79; +} + +.infos, +#AddUserSuccess label, +#AddUserUpdated { + border-left:4px solid #AAF6E4; /*Banner*/ +} + +.info-message, +.update-user-success, +.groupMessage, +div.jGrowl div.jGrowl-notification.success, +.AddPluginSuccess label, +.RestorePluginSuccess label, +.DeactivatePluginSuccess label, +.UsernameBlock.success_message, +.update-user-success, +.update-password-success, +.update-username-success{ + border:1px solid #AAF6E4; /*Rounded*/ +} + +.infos i, +.info-message i, +.update-user-success i, +.groupMessage::before, +.info-message::before, +div.success .jGrowl-popup-icon, +.AddPluginSuccess label::before, +.DeactivatePluginSuccess label::before, +.RestorePluginSuccess label::before, +.update-username-success .icon-ok{ + color:#C4FFF1; +} + +.infos a, +#AddUserSuccess .edit-now { + color: #F3FFFC; + background-color: #237B66; + border:1px solid #C4FFF1; +} + +.infos a:hover{ + color: #F3FFFC; +} + +.AddPluginSuccess span, +.RestorePluginSuccess span, +.DeactivatePluginSuccess span { + color: #F3FFFC; +} + +/*Error message*/ + +.errors, +.info-error, +.AddUserErrors, +.groupError, +div.jGrowl div.jGrowl-notification.error, +.PluginActionError label, +.update-user-fail, +.AddAlbumErrors, +.EditUserErrors, +.update-password-fail, +.icon-red-error { + color: #FFE4E4; + background-color: #AE3A3A; +} + +.errors, +.AddUserErrors, +.AddAlbumErrors{ + border-left: 6px solid #FFC8C8; /*Banner*/ +} + +.info-error, +.groupError, +div.jGrowl div.jGrowl-notification.error, +.PluginActionError label +.update-user-fail, +.EditUserErrors, +.update-password-fail, +.icon-red-error, +.update-user-fail, +.AddAlbumErrors{ + border:1px solid #FFC8C8; /*Rounded*/ +} + +.errors i, +.AddUserErrors:before, +.groupError::before, +div.error .jGrowl-popup-icon, +.PluginActionError label::before { + color: #FFC8C8; +} + +.errors a{ + color: #FFE4E4; + background-color: #FFF5F7; + border:1px solid #FFC8C8; +} + +.PluginActionError span, +.errors a:hover{ + color: #FFE4E4; +} + +/*Warning message*/ + +.warnings, +.info-warning { + background-color: #C87030; + color: #FFFBF7; +} + +.warnings { + border-left:6px solid #FFE3CE; +} + +.info-warning { + border:1px solid #FFE3CE; +} + +.info-warning::before, +.info-warning a::before, +.warnings i { + color: #FFE3CE; +} + +.warnings a, +.info-warning a{ + color: #FFFBF7; + background-color: #A85E28; + border:1px solid #FFE3CE; +} + +.warnings a:hover{ + color: #FFFBF7; +} + +/*announcement message*/ + +.messages { + color: #E4EEFF; + background-color:#41659A; + border-left:6px solid #A0C0F1; +} + +.messages i{ + color: #C8DEFF; +} + +.messages a{ + color: #E4EEFF; + background-color: #35578A; + border:1px solid #C8DEFF; +} + +.messages a:hover{ + color: #E4EEFF; +} \ No newline at end of file