[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

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

Nearby Stores Maps [CSS]

/* Nearby Stores Card */ .nearby-stores-card { position: relative; width: 100%; height: 500px; /* Increased height for prominence */ margin: 20px auto; border-radius: 16px; /* Smooth corners */ overflow: hidden; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1), 0 0…Continue reading

MVNO Comparison Table CSS

.tmobile_mvno_comparison_table_button { background-color: #0070ba; /* Adjust color as needed */ color: #fff; border: none; border-radius: 4px; /* Slightly rounded corners */ padding: 10px 16px; font-size: 14px; text-align: center; cursor: pointer; text-decoration: none; /* Remove underline */ display: inline-block; /* So…Continue reading

CSS for Coverage Cards

/* Wrapper class specific to the shortcode */ .zip-coverage-cards { font-family: ‘Montserrat’, sans-serif; color: #fff; /* Ensure all text is white */ padding: 20px 0px; /* Standard padding for the section */ background: transparent; /* Transparent background */ } .zip-coverage-cards…Continue reading