Accessability CSS

.djacc{box-sizing:border-box}.djacc *{box-sizing:inherit}.djacc img{height:auto;max-width:100%}.djacc a,.djacc button{border:none;box-shadow:none;cursor:pointer;display:inline-block;font:inherit;font-size:14px;letter-spacing:normal;line-height:1;text-decoration:none;text-shadow:none;text-transform:none;transition:none}.djacc svg{vertical-align:middle}.djacc ul{list-style:none;margin:0;padding:0}.djacc–hidden{display:none}.djacc–sticky{position:fixed;z-index:99999}.djacc–sticky.djacc–top-left{left:0;top:0}.djacc–sticky.djacc–top-center{left:50%;top:0;transform:translateX(-50%)}.djacc–sticky.djacc–center-left{left:0;top:50%;transform:translateY(-50%)}.djacc–sticky.djacc–center-right{right:0;top:50%;transform:translateY(-50%)}.djacc–sticky.djacc–top-right{right:0;top:0}.djacc–sticky.djacc–bottom-left{bottom:0;left:0}.djacc–sticky.djacc–bottom-center{bottom:0;left:50%;transform:translateX(-50%)}.djacc–sticky.djacc–bottom-right{bottom:20px;right:20px}.djacc–static{display:inline-flex;margin:0;position:relative}.djacc-popup .djacc__openbtn{background:transparent;border:none;display:block;height:48px;line-height:1;margin:0;padding:0;position:relative;transition:all .2s ease;width:48px}.djacc-popup .djacc__openbtn–default{background:#2d79ff;border-radius:50%}.djacc-popup .djacc__openbtn–default:hover .djacc-popup .djacc__openbtn–default–active{background:#1469ff}.djacc-popup .djacc__panel{background:#242424;border-radius:40px;color:#fff;overflow-y:auto;padding:16px;pointer-events:none;position:relative;visibility:hidden;width:468px;z-index:2}@media (max-width:480px){.djacc-popup .djacc__panel{width:90vw}}.djacc-popup .djacc__panel–active{pointer-events:all;visibility:visible}.djacc-popup .djacc__header{align-items:center;display:flex;margin:0 0 25px}@media (max-width:480px){.djacc-popup .djacc__header{margin:0 0 15px}}.djacc-popup .djacc__title{flex:1;font-size:20px;font-weight:700;line-height:29px;margin:0}.djacc-popup .djacc__close,.djacc-popup .djacc__reset{background:transparent;border:1px solid transparent;border-radius:50%;box-sizing:border-box;display:block;font:inherit;height:48px;line-height:1;padding:0;width:48px}.djacc-popup .djacc__reset:hover{background:#2f2f2f;border-color:#353536}.djacc-popup .djacc__close{background:#2d79ff;margin-left:10px}.djacc-popup .djacc__close:hover{background:#1469ff;border-color:transparent}.djacc-popup .djacc__list{display:flex;flex-wrap:wrap;list-style:none;margin:0 -8px;padding:0}.djacc-popup .djacc__item{margin:0;padding:4px;width:50%}.djacc-popup .djacc__item–full{width:100%}.djacc-popup .djacc__item:after,.djacc-popup .djacc__item:before{display:none}.djacc-popup .djacc__item:not(.djacc__item–full)+.djacc__item–full{margin-top:8px}.djacc-popup…Continue reading

Style ALL Placeholder Text on Your Website

::-webkit-input-placeholder { color: #333 !important; } /* Chrome/Opera/Safari */ ::-moz-placeholder { color: #333 !important; } /* firefox 19+ */ :-ms-input-placeholder { color: #333 !important; } /* ie */ :-moz-placeholder { color: #333 !important; } /*below firefox 19 */Continue reading

Style Just OptinMonster Campaign Placeholders

html div#om-{{id}} ::-webkit-input-placeholder { color: #333 !important; } /* Chrome/Opera/Safari */ html div#om-{{id}} ::-moz-placeholder { color: #333 !important; } /* firefox 19+ */ html div#om-{{id}} :-ms-input-placeholder { color: #333 !important; } /* ie */ html div#om-{{id}} :-moz-placeholder { color: #333…Continue reading

MVNO Table Verizon[CSS]

/* General Table Styling */ .verizon-mvno-table { border-collapse: separate; border-spacing: 0; width: 100%; margin: 20px auto; font-family: Arial, sans-serif; } .verizon-mvno-comparison-table { width: 100%; border: none; /* Make table lines invisible */ } .verizon-mvno-table-header-row { background-color: #f5f7f9; color: #333; font-weight:…Continue reading

[T-MO] Network Metric Cards CSS

/*────────────────────────────────────────────────────────────── LightSpeed Metrics Cards – final align spec (2025-05-31) ──────────────────────────────────────────────────────────────*/ /* 1 ▸ GENERAL ————————————————*/ .ls-lp-container{display:flex;flex-direction:column;gap:41px;margin:40px 0;} .ls-lp-card{position:relative;border-radius:20px;padding:30px 50px;overflow:visible!important;} .ls-lp-tmobile-card{background:#E20074;color:#000;} .ls-lp-usmobile-card{background:#1a1a1a;color:#fff;} .ls-lp-carrier-name{font:700 36px/1.1 sans-serif;margin:0;color:#fff!important;} .ls-lp-coverage-location{font-size:14px;margin:4px 0 0;} .ls-lp-collapsed-row{display:flex;align-items:center;justify-content:space-between;gap:20px;} .ls-lp-left-col{display:flex;flex-direction:column;align-items:flex-start;} .ls-lp-center-col{display:flex;gap:30px;flex:1;} .ls-lp-right-col{display:flex;align-items:center;gap:20px;} /* 2 ▸ METRICS ———————————————–*/ .ls-lp-metric-box{flex:1 1 0;min-width:0;display:flex;justify-content:center;} .ls-lp-metric-inner{display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;}…Continue reading

Reddit Embed CSS Snippets

/* Parent container for Reddit embeds */ .reddit-embed-container { display: flex; flex-wrap: nowrap; /* Ensure all embeds stay in one row */ justify-content: space-between; /* Space them out evenly */ gap: 1em; /* Add space between embeds */ max-width: 100%;…Continue reading

[VZ] Network Metrics Cards CSS

/* —————————————————————— Base container & card styles (shared with T‑Mobile / US Mobile) —————————————————————— */ .ls-lp-container { display: flex; flex-direction: column; gap: 40px; margin: 40px 0; } .ls-lp-card { position: relative; border-radius: 20px; padding: 30px 50px; overflow: visible !important; color: #000;…Continue reading

T-Mobile MVNOs Table [CSS]

.tmo_mvno_pricing-container { max-width: 1200px; margin: auto; padding: 20px; } .tmo_mvno_pricing-container h1 { text-align: center; margin-bottom: 20px; } /* Table Responsive Wrapper */ .tmo_mvno_pricing-responsive { width: 100%; overflow-x: auto; margin-bottom: 20px; background: #fff; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0,…Continue reading

[AT&T] Network Metrics Card CSS

/* Row Styling for ATT and Darkstar */ .att-darkstar-metrics-row { display: flex; justify-content: space-around; /* Evenly distribute cards */ align-items: stretch; /* Ensure all cards have equal height */ gap: 12px; /* Reduced space between cards */ margin: 20px 0;…Continue reading

Stacked Prcing Table [CSS]

/* Prevents scroll bar on desktop */ .mobile-comparison-table-container { width: 100%; max-width: 900px; /* Ensures table fits nicely */ margin: 0 auto; } /* Default table styles */ .mobile-comparison-table { width: 100%; border-collapse: collapse; background: #fff; } /* Header styles…Continue reading