Mini Kabibi Habibi
* {
padding: 0;
margin: 0;
border: 0;
box-sizing: border-box;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
}
body {
color: #212934;
line-height: 24px;
}
/* Parent container */
.toast {
position: fixed;
bottom: 0;
border: 1px solid #ABB2C3;
border-radius: 24px;
overflow: hidden;
width: 524px; /* Window width is 530px */
margin-bottom: 6px;
}
.content__checkbox {
margin-bottom: 25px;
display: flex;
}
.card__content {
background-color: #fff;
margin-left: 150px;
padding: 24px;
}
.card__content #checkbox-question {
font-weight: 600;
font-size: 14px;
margin-bottom: 15px;
}
.card__content .button__unfixed__width {
background-color: #1671EE;
color: #FFF;
padding: 8px 16px;
border-radius: 100px;
display: block;
margin-left: auto;
height: 38px;
}
.card__content .button__fixed__width {
background-color: #1671EE;
color: #FFF;
padding: 8px 16px;
border-radius: 100px;
display: block;
margin-left: auto;
height: 38px;
width: 112px;
}
.card__content #info-title {
font-weight: bold;
font-size: 20px;
margin-bottom: 16px;
width: 95%;
overflow: hidden;
}
.card__content #info-text {
width: 327px;
font-size: 14;
margin-bottom: 16px;
}
.card__content #set-secure-search-label {
font-size: 12px;
position: relative;
top: -5px;
}
.card__content #label-div {
margin-left: 8px;
}
.card__content #close-icon {
z-index: 1000;
right: 20px;
top: 15px;
position: absolute;
display: none;
cursor: pointer;
}
.bigger_checkbox {
height: 24px;
width: 24px;
}
.default_label_w_checkbox {
margin-top: -7px;
margin-bottom: -17px;
}
.width__third {
width: 75%;
}
.yahoo_default_styling_w_checkbox {
margin-top: -7px;
margin-bottom: -44px;
line-height: 23px;
}
.yahoo_default_styling_wo_checkbox {
margin-bottom: -12px;
margin-top: -8px;
line-height: 20px;
}
.input_checkbox {
height: 16px;
width: 16px;
}
.card__image {
background: url(file:///[WA_FILES]/MFW/packages\\builtin\\wa-ss-toast-variants-bg.png);
background-repeat: no-repeat;
background-size: cover;
float: left;
width: 150px;
height: 100%;
position: absolute;
}
.card__image #logo {
position: absolute;
display: block;
height: 20px;
bottom: 33px;
transform: translateX(-50%);
left: 50%;
}
.card__image #window {
position: absolute;
display: block;
height: 148px;
transform: translate(-50%, -50%);
left: 50%;
top: 40%;
}
//0AEB4AD26B09C651BBDCBFD22D6827BC017BD2F31BD85A139CD2531296630BA289291C374989D3F6704413ACBF87A473F9485167AAC6177CF61604A6D962503F++