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;
}