mirror of
https://github.com/Piwigo/Piwigo.git
synced 2026-03-28 17:42:57 +01:00
issue #2516 update message colors
This commit is contained in:
HWFord
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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();
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user