.ngparaeditablepicture-bar { display: flex; justify-content: flex-end; margin: 24px 0; gap: 12px; flex-wrap: wrap; } .ngparaeditablepicture form { display: block; margin: 24px 0; width: 100%; box-sizing: border-box; } .ngparaeditablepicture button, .ngparaeditablepicture input[type=submit] { border-color: #8ac33f; border-width: 1px; border-style: solid; padding: 10px 20px 10px 20px; background: url(../../../../../images/gradient/?s=8ac33f&e=3b8f36&h=26) repeat-x #3b8f36; font: bold 20px Georgia,Times,'Times New Roman',serif; color: #faec2d; letter-spacing: 0px; box-shadow: 10px 10px 3px rgba(0,0,0,0.5); border-radius: 25px 1px 25px 1px; cursor: pointer; } .ngparaeditablepicture button:focus-visible, .ngparaeditablepicture input[type=submit]:focus-visible { border-color: #000000; background: url(../../../../../images/gradient/?s=8ac33f&e=3b8f36&h=26) repeat-x #3b8f36; box-shadow: 10px 10px 0px rgba(0,0,0,1.0); font-weight: bold; font-style: normal; text-transform: none; color: #faec2d; outline: auto; } .ngparaeditablepicture button:hover:enabled, .ngparaeditablepicture input[type=submit]:hover:enabled, .ngparaeditablepicture input[type=file]:enabled::file-selector-button:hover { border-color: #faec2d; background: #83bf3e; font-weight: bold; font-style: normal; text-transform: none; color: #000000; } .ngparaeditablepicture label { font: 20px Georgia,Times,'Times New Roman',serif; color: #000000; letter-spacing: 0px; display: block; margin: 0 0 6px 0; box-sizing: border-box; } .ngparaeditablepicture input { -webkit-appearance: none; } .ngparaeditablepicture input[type=text], .ngparaeditablepicture input[type=file] { border-color: #7c9a4a; border-width: 5px; border-style: solid; padding: 6px 12px 6px 12px; background: #ebebeb; font: bold 20px Georgia,Times,'Times New Roman',serif; color: #000000; letter-spacing: 1px; box-shadow: 10px 10px 3px rgba(0,0,0,0.5); border-radius: 15px 0px 15px 0px; display: block; width: 100%; margin: 0 0 12px 0; box-sizing: border-box; } .ngparaeditablepicture input[type=file] { padding: 6px; } .ngparaeditablepicture input[type=text]:focus { border-color: #000000; background: #ffffff; box-shadow: 10px 10px 3px rgba(0,0,0,1.0); } .ngparaeditablepicture input[type=file]::file-selector-button { border-color: #8ac33f; border-width: 1px; border-style: solid; padding: 10px 20px 10px 20px; background: url(../../../../../images/gradient/?s=8ac33f&e=3b8f36&h=26) repeat-x #3b8f36; font: bold 20px Georgia,Times,'Times New Roman',serif; color: #faec2d; letter-spacing: 0px; box-shadow: 10px 10px 3px rgba(0,0,0,0.5); border-radius: 25px 1px 25px 1px; cursor: pointer; margin: 0 12px 0 0; } .ngparaeditablepicture:focus::file-selector-button { border-color: #000000; background: url(../../../../../images/gradient/?s=8ac33f&e=3b8f36&h=26) repeat-x #3b8f36; box-shadow: 10px 10px 0px rgba(0,0,0,1.0); font-weight: bold; font-style: normal; text-transform: none; color: #faec2d; outline: auto; } .ngparaeditablepicture input[type=file]:focus-visible::file-selector-button { border-color: #000000; background: url(../../../../../images/gradient/?s=8ac33f&e=3b8f36&h=26) repeat-x #3b8f36; box-shadow: 10px 10px 0px rgba(0,0,0,1.0); font-weight: bold; font-style: normal; text-transform: none; color: #faec2d; outline: auto; } .ngparaeditablepicture button:disabled, .ngparaeditablepicture input[type=submit]:disabled { opacity: 0.8; cursor: wait; } .ngparaeditablepicture .ngparaeditablepicture-content { border-radius: var(--ngparaeditpicture-borderradius, 0); box-shadow: var(--ngparaeditpicture-shadow,none); } .ngparaeditablepicture .ngparaeditablepicture-content figure { display: block; margin: 0; border-radius: var(--ngparaeditpicture-borderradius, 0); overflow: hidden; } .ngparaeditablepicture .ngparaeditablepicture-content figure img { display: block; width: 100%; height: auto; } .ngparaeditablepicture .ngparaeditablepicture-content figure figcaption { display: block; width: 100%; padding: var(--ngparaeditpicture-padding, 15px); background-color: var(--ngparaeditpicture-background, #444444); color: var(--ngparaeditpicture-color, #ffffff); box-sizing: border-box; }