.ngparaeditablegallery-bar { display: flex; justify-content: flex-end; gap: 12px; flex-wrap: wrap; margin: 24px 0; } .ngparaeditablegallery form { display: block; margin: 24px 0; width: 100%; box-sizing: border-box; } .ngparaeditablegallery button, .ngparaeditablegallery input[type=submit] { border-color: #00a9fb; border-width: 1px; border-style: solid; padding: 10px 20px 10px 20px; background: url(../../../../../images/gradient/?s=62ccff&e=0080be&h=26) repeat-x #0080be; 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; } .ngparaeditablegallery button:focus-visible, .ngparaeditablegallery input[type=submit]:focus-visible { border-color: #000000; background: url(../../../../../images/gradient/?s=0080be&e=ffffff&h=26) repeat-x #ffffff; box-shadow: 10px 10px 0px rgba(0,0,0,1.0); font-weight: bold; font-style: normal; text-transform: none; color: #faec2d; outline: auto; } .ngparaeditablegallery button:hover:enabled, .ngparaeditablegallery input[type=submit]:hover:enabled, .ngparaeditablegallery input[type=file]:enabled::file-selector-button:hover { border-color: #faec2d; background: url(../../../../../images/gradient/?s=0080be&e=ffffff&h=160) repeat-x #ffffff; font-weight: bold; font-style: normal; text-transform: none; color: #000000; } .ngparaeditablegallery 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; } .ngparaeditablegallery input { -webkit-appearance: none; } .ngparaeditablegallery input[type=text], .ngparaeditablegallery input[type=file] { border-color: #0080be; 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; } .ngparaeditablegallery input[type=file] { padding: 6px; } .ngparaeditablegallery input[type=text]:focus-visible { border-color: #000000; background: #ffffff; box-shadow: 10px 10px 3px rgba(0,0,0,1.0); } .ngparaeditablegallery input[type=file]::file-selector-button { border-color: #00a9fb; border-width: 1px; border-style: solid; padding: 10px 20px 10px 20px; background: url(../../../../../images/gradient/?s=62ccff&e=0080be&h=26) repeat-x #0080be; 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; } .ngparaeditablegallery input[type=file]:focus-visible::file-selector-button { border-color: #000000; background: url(../../../../../images/gradient/?s=0080be&e=ffffff&h=26) repeat-x #ffffff; box-shadow: 10px 10px 0px rgba(0,0,0,1.0); font-weight: bold; font-style: normal; text-transform: none; color: #faec2d; outline: auto; } .ngparaeditablegallery button:disabled, .ngparaeditablegallery input[type=submit]:disabled, .ngparaeditablegallery input[type=file]:disabled::file-selector-button { opacity: 0.8; cursor: wait; } .ngparaeditablegallery-content { display: flex; margin: 0; padding: 0; flex-wrap: wrap; gap: var(--ngparaeditgallery-gutter, 20px); } .ngparaeditablegallery-content li { display: block; list-style: none; margin: 0; padding: 0; width: calc((100% - (var(--ngparaeditgallery-columns, 3) - 1) * var(--ngparaeditgallery-gutter, 20px)) / var(--ngparaeditgallery-columns, 3)); position: relative; } .ngparaeditablegallery-content li img { display: block; width: 100%; height: auto; border-radius: var(--ngparaeditgallery-borderradius, 0); box-shadow: var(--ngparaeditgallery-shadow,none); } .ngparaeditablegallery a:focus-visible { outline: none; } .ngparaeditablegallery a:focus-visible img { filter: brightness(80%); } .ngparaeditablegallery li.ngparaeditablegallery-inactive img { opacity: 0.2; } .ngparaeditablegallery-floatingbar { flex-wrap: wrap; justify-content: flex-start; gap: 8px; position: absolute; right: 8px; bottom: 8px; display: flex; } .ngparaeditablegallery-hidefloatingbar .ngparaeditablegallery-floatingbar { display: none; } .ngparaeditablegallery .ngparaeditablegallery-floatingbar button { padding: 8px; background: rgba(0,0,0,0.3); color: rgba(255,255,255,0.8); border-radius: 8px; border: none; } .ngparaeditablegallery .ngparaeditablegallery-floatingbar button:hover, .ngparaeditablegallery .ngparaeditablegallery-floatingbar button:focus-visible { background: rgba(0,0,0,1); color: rgba(255,255,255,1); } .ngparaeditablegallery-floatingbar button svg { display: block; width: 24px; height: 24px; } @media (max-width: 1023px) { .ngparaeditablegallery-content li { width: 100%; } } @media (min-width: 1024px) { .ngparaeditablegallery-multicol svg.ngparaeditablegallery-rotate { transform: rotate(-90deg); } }