You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.6 KiB
46 lines
1.6 KiB
/* Wrapper */
|
|
|
|
.jBox-ModalBorder {
|
|
border-radius: 8px;
|
|
background: rgba(0, 0, 0, .4);
|
|
padding: 8px;
|
|
box-shadow: 0 0 6px rgba(0, 0, 0, .2);
|
|
}
|
|
|
|
/* Container */
|
|
|
|
.jBox-ModalBorder .jBox-container {
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
/* Close button */
|
|
|
|
.jBox-ModalBorder.jBox-closeButton-box {
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
.jBox-ModalBorder.jBox-closeButton-box:before {
|
|
display: none;
|
|
}
|
|
|
|
.jBox-ModalBorder.jBox-hasTitle.jBox-closeButton-box .jBox-closeButton,
|
|
.jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton {
|
|
background: rgba(0, 0, 0, .4);
|
|
border-radius: 0 50% 50% 0;
|
|
right: -32px;
|
|
top: -8px;
|
|
}
|
|
|
|
.jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton:after {
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjIuMiw0YzAuMywwLjMsMC4zLDAuOCwwLDEuMUwxNiwxMS40Yy0wLjMsMC4zLTAuMywwLjgsMCwxLjFsNi4zLDYuM2MwLjMsMC4zLDAuMywwLjgsMCwxLjFMMjAsMjIuMyAgYy0wLjMsMC4zLTAuOCwwLjMtMS4xLDBMMTIuNSwxNmMtMC4zLTAuMy0wLjgtMC4zLTEuMSwwbC02LjMsNi4zYy0wLjMsMC4zLTAuOCwwLjMtMS4xLDBMMS43LDIwYy0wLjMtMC4zLTAuMy0wLjgsMC0xLjFMOCwxMi42ICBjMC4zLTAuMywwLjMtMC44LDAtMS4xTDEuNyw1LjFDMS40LDQuOCwxLjQsNC4zLDEuNyw0TDQsMS43YzAuMy0wLjMsMC44LTAuMywxLjEsMEwxMS40LDhjMC4zLDAuMywwLjgsMC4zLDEuMSwwbDYuMy02LjMgIGMwLjMtMC4zLDAuOC0wLjMsMS4xLDBMMjIuMiw0eiIvPgo8L3N2Zz4=);
|
|
opacity: 1;
|
|
}
|
|
|
|
.jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton:hover:after {
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton:active:after {
|
|
opacity: 0.5;
|
|
}
|