assets/css/frame.css in appscms-tools-theme-2.2.6 vs assets/css/frame.css in appscms-tools-theme-2.2.7

- old
+ new

@@ -368,10 +368,11 @@ justify-content: space-between; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); color: #0f0c0c; border: 1px solid #ccc; } +.example-images-modal-container, .crop-image-modal-container { position: fixed; display: none; justify-content: center; background-color: rgba(0, 0, 0, 0.297); @@ -380,52 +381,84 @@ top: 0; left: 0; z-index: 999999; padding: 0px 20px; } +.example-images-modal, .crop-image-modal { height: fit-content; background-color: #fff; width: 100%; margin-top: 10px; border-radius: 5px; padding: 0; overflow-y: auto; } +.example-images-modal-header, .crop-image-modal-header { border-top-right-radius: 5px; border-top-left-radius: 5px; display: flex; justify-content: space-between; background-color: #ff5554; display: flex; align-items: center; padding: 10px 20px; } +.example-images-modal-header div, .crop-image-modal-header div { height: 100%; display: flex; align-items: center; font-size: 20px; color: #fff; } +.example-images-modal-body, .crop-image-modal-body { width: 450px; margin: 10px auto; } +.example-images-modal-header button, .crop-image-modal-header button { border: none; background-color: transparent; } +.example-images-modal-header button i, .crop-image-modal-header button i { color: #fff; font-size: 20px; } +.example-images-modal-body, .crop-image-modal-body { border-top-right-radius: 5px; border-top-left-radius: 5px; } #crop { border: none; padding: 7px 14px; color: #fff; +} +.carousel-control-next, +.carousel-control-prev { + border: none; + background: none; + height: 40px; + background: #ff5554; + top: 50%; +} +.accordion > .card > .card-header { + background: none; + border: none; + height: 34px; + padding: 0; +} + +.accordion > .card { + border: none; + border-bottom: 1px solid #f2f2f2 !important; + display: block; + padding: 7px 9px; + color: #444; + text-decoration: none; + font-size: 0.95em; + border-radius: 1px; }