Untitled
unknown
plain_text
2 years ago
7.2 kB
8
Indexable
html body.eg_testBuild .recharges-section-bottom .by-wp{ display: none; } html body.eg_testBuild .recharges-section-top__info p{ font-size: 13px; } html body.eg_testBuild .recharge-card{ padding: 45px 15px 150px; flex: 1; border: 1px solid #ed1c25; } html body.eg_testBuild .recharge-card .recharge-card__title{ padding-right: 0; } html body.eg_testBuild .with-tag__body{ justify-content: space-between; } html body.eg_testBuild .with-tag__body span::before{ width: 16px; height: 16px; } html body.eg_testBuild .with-tag__body > span{ padding-left: 5px; padding-right: 5px; font-size: 10.5px; } html body.eg_testBuild .with-tag__body > span.secondary-tag{ border-radius: 0px 3px 0px 0px; } html body.eg_testBuild .recharge-card.with-tag::after{ left: 2px; width: calc(100% - 3px); } html body.eg_testBuild .recharge-card .recharge-card__bottom .recharge-validity{ display: none !important; } html body.eg_testBuild .recharge-card .recharge-card__middle{ flex-direction: column; margin-bottom: 0; } html body.eg_testBuild .recharge-card .recharge-card__middle > div{ padding: 0; flex: none !important; display: block; position: inherit; } html body.eg_testBuild .recharge-bottom-banner, html body.eg_testBuild .recharge-pagination, html body.eg_testBuild .recharge-card .recharge-card__actions{ max-width: 100% !important; width: 100% !important; } html body.eg_testBuild .recharge-card .recharge-card__widgets{ flex-direction: column; } html body.eg_testBuild .recharge-card .recharge-card__widgets > div{ background: none; min-width: 100%; text-align: left; margin-bottom: 0; padding: 5px 16px; padding-left: 25px; padding-bottom: 0; position: relative; } html body.eg_testBuild .recharge-card .recharge-card__widgets > div .d-block{ display: contents !important; font-weight: 600; color: #585858; } html body.eg_testBuild .recharge-card .recharge-card__widgets .eg_bonusWrap .d-block{ display: none !important; } html body.eg_testBuild .recharges-section-bottom .by-vue{ display: flex; flex-wrap: wrap; gap: 10px; height: max-content; justify-content: center; } html body.eg_testBuild .recharges-section-bottom .by-vue > div{ width: 100%; max-width: 310px; display: flex; } html body.eg_testBuild .recharge-card .recharge-allowances, html body.eg_testBuild .recharge-card .recharge-validity{ flex: none; max-width: 100%; width: 100%; } html body.eg_testBuild .recharge-card .recharge-validity{ padding-right: 60px; } html body.eg_testBuild .recharge-card:not(.eg_flexi) .recharge-validity > a{ display: block; } html body.eg_testBuild .recharge-card:not(.eg_flexi) .recharge-validity span span{ display: none; } html body.eg_testBuild .recharge-card.eg_flexi .recharge-allowances img, html body.eg_testBuild .recharge-card.eg_flexi .recharge-allowances span{ margin-right: 2px; } html body.eg_testBuild .recharge-card .recharge-validity > a, html body.eg_testBuild .recharge-card .recharge-validity > span, html body.eg_testBuild .recharge-card .recharge-card__desc{ font-size: 11px; } html body.eg_testBuild .recharge-card__widget > .validity-label{ margin-top: 0; } html body.eg_testBuild .recharge-card .recharge-card__middle .recharge-allowances{ border-bottom: 1px solid #c5c5c5; padding-bottom: 5px; position: absolute; bottom: 75px; width: calc(100% - 30px); } html body.eg_testBuild .recharge-card.eg_flexi .recharge-card__middle .recharge-allowances{ margin-top: 49px; } html body.eg_testBuild .recharge-card:not(.eg_flexi) .recharge-card__middle .recharge-allowances > span, html body.eg_testBuild .recharge-card:not(.eg_flexi) .recharge-card__middle .recharge-allowances img{ display: none; } html body.eg_testBuild .recharge-card .recharge-card__actions{ position: absolute !important; width: calc(100% - 30px) !important; bottom: 25px; } html body.eg_testBuild .recharge-card .recharge-card__actions span > a{ position: absolute; left: 50%; transform: translate(-50%); bottom: -20px; width: max-content; } html body.eg_testBuild .recharge-card.eg_flexi .recharge-allowances .recharge-validity{ display: inline; } html body.eg_testBuild .recharge-allowances .recharge-card__price{ position: absolute; background: #848484; border-radius: 100px; color: #fff; width: 65px; height: 65px; right: -5px; bottom: -15px; top: auto; } html body.eg_testBuild .recharge-allowances .recharge-card__price strong{ position: absolute; top: 20px; left: 50%; transform: translateX(-50%); } html body.eg_testBuild .recharge-allowances .recharge-card__price sup{ top: -6px; left: 10px; font-size: 13px; } html body.eg_testBuild .recharge-allowances .recharge-card__price .price-term{ display: none; } html body.eg_testBuild .recharge-card .recharge-main-btn{ margin-bottom: 0 !important; width: 160px; margin: auto; background: #fff; border: 1px solid #ed1c24; color: #ed1c24 !important; } html body.eg_testBuild .recharge-card .recharge-main-btn:hover{ background: #ed1c24; color: #fff !important; } html body.eg_testBuild .recharge-card .how-to-recharge-btn{ margin-top: 10px; color: #575757; font-weight: 500; } html body.eg_testBuild .recharge-card .eg_endlessData, html body.eg_testBuild .recharge-card .eg_localMin, html body.eg_testBuild .recharge-card .eg_intMin, html body.eg_testBuild .recharge-card .eg_oneTime{ position: absolute; left: 0; top: 12px; } html body.eg_testBuild .recharge-card .eg_endlessData{ top: 10px; } html body.eg_testBuild .recharge-card .eg_tick{ position: absolute; left: -10px; fill: #f00; } html body.eg_testBuild .recharge-card.eg_flexi .eg_endlessData, html body.eg_testBuild .recharge-card.eg_flexi .eg_localMin, html body.eg_testBuild .recharge-card.eg_flexi .eg_intMin, html body.eg_testBuild .recharge-card.eg_flexi .eg_oneTime{ display: none; } html body.eg_testBuild .recharge-card::after{ content: ""; height: 5px; position: absolute; left: 0; right: 0; top: -0.3px; border-radius: 8px 8px 0 0; display: block; background-color: #ed1c24; color: #fff; left: 2px; width: calc(100% - 3px); } html body.eg_testBuild .recharge-card .recharge-card__widget > h2{ font: normal normal 600 14px/19px "Noto Sans", sans-serif, Helvetica; color: #585858; } html body.eg_testBuild .recharge-card .eg_orange, html body.eg_testBuild .recharge-card .eg_orange .primary-tag{ background-color: #FFA300 !important; border-bottom-right-radius: 3px; box-shadow: 2px 2px 2px 0px #ada9a9; color: #000; } html body.eg_testBuild .recharge-card .eg_orange .primary-tag::before{ background-image: url('https://www.ooredoo.qa/web/wp-content/themes/ooredoo-cms/prepaid/images/balck-bonus-icon.svg') !important; } @media screen and (max-width: 342px){ html body.eg_testBuild .with-tag__body > span{ font-size: 9px; padding-left: 4px; padding-right: 4px; } }
Editor is loading...