Consumer Rights Wiki

Template:JakeTesting.css: Difference between revisions

← Older edit
No edit summary
m Protected "Template:JakeTesting.css": WIP ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))
 
(40 intermediate revisions by the same user not shown)
Line 1: Line 1:
.crw-hero-wp{max-width:980px;margin:0 auto 2rem;padding:0 1rem;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.crw-hero-wp {
.crw-eyebrow-wp{font-size:.9rem;color:#6b7280;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.4rem}
  max-width: 980px;
.crw-title-wp{font-size:2rem;line-height:1.25;margin:.25rem 0 .8rem;font-weight:700;color:#202122;border-bottom:3px solid #eaecf0;padding-bottom:.4rem}
  margin: 0 auto 2rem;
.crw-tagline-wp{font-size:1.15rem;line-height:1.6;margin:0 0 .75rem;color:#374151}
  padding: 2rem 1.5rem;
.crw-count-wp{font-size:1rem;color:#4b5563;margin:0 0 1.25rem}
  text-align: center;
.crw-links-wp{margin:0;font-size:1rem;line-height:1.6}
  border: 1px solid #eaecf0;
.crw-links-wp a{color:#0645ad;text-decoration:underline;margin:0 .25rem}
  border-radius: 8px;
.crw-links-wp a:hover{color:#0b0080;text-decoration:underline}
  background: #f5f5f5;
  box-shadow: 0 2px 6px rgba(0,0,0,.03);
  font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
 
.crw-eyebrow-wp {
  font-size: 1rem;
  font-weight: 600;
  color: #000;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: .4rem;
}
 
.crw-title-wp {
  font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700;
  color: #000;
  margin: .25rem 0 1rem;
}
 
.crw-tagline-wp {
  font-size: 1.15rem;
  line-height: 1.6;
  margin: 0 0 .75rem;
  color: #000;
}
 
.crw-count-wp {
  font-size: 1rem;
  color: #000;
  margin: 0 0 1.25rem;
}
 
.crw-links-wp {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem;
  margin-top: 1rem;
}
 
.crw-links-wp a {
  display: inline-block;
  padding: .5rem 1rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #f9fafb;
  color: #000;
  font-size: .95rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-decoration: none;
  transition: all .2s ease;
}
 
.crw-links-wp a:hover {
  background: #f3f4f6;
  border-color: #9ca3af;
  color: #111827;
}
 
.content-grid {
  max-width: 980px;
  margin: 0 auto 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding: 0 1rem;
}
 
.content-section {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  box-shadow: 0 1px 6px rgba(0,0,0,.03);
  padding: 1rem;
}
 
.content-section.wide {
  grid-column: 1 / -1;
}
 
.content-header {
  font-size: 1.2rem;
  line-height: 1.35;
  font-weight: 700;
  color: #202122;
  border-bottom: 2px solid #eaecf0;
  padding-bottom: .4rem;
  margin: -.1rem 0 .9rem;
}
 
.content-section a {
  color: #0645ad;
  text-decoration: underline;
}
 
.content-section a:hover {
  color: #0b0080;
  text-decoration: underline;
}
 
.content-section ul {
  margin: .3rem 0 .7rem;
  padding-left: 1.2rem;
}


.content-grid{max-width:980px;margin:0 auto 2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0 1rem}
.content-section li {
.content-section{background:#fff;border:1px solid #eaecf0;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.03);padding:1rem}
  margin: .2rem 0;
.content-section.wide{grid-column:1 / -1}
}
.content-header{font-size:1.2rem;line-height:1.35;font-weight:700;color:#202122;border-bottom:2px solid #eaecf0;padding-bottom:.4rem;margin:-.1rem 0 .9rem}


.content-section a{color:#0645ad;text-decoration:underline}
.content-section table {
.content-section a:hover{color:#0b0080;text-decoration:underline}
  width: 100%;
.content-section ul{margin:.3rem 0 .7rem;padding-left:1.2rem}
  border-collapse: collapse;
.content-section li{margin:.2rem 0}
  margin: .35rem 0;
.content-section table{width:100%;border-collapse:collapse;margin:.35rem 0}
}
.content-section th,.content-section td{border:1px solid #eaecf0;padding:.55rem .65rem;vertical-align:top}
 
.content-section th{background:#f8f9fa;font-weight:700}
.content-section th,
.content-section td {
  border: 1px solid #eaecf0;
  padding: .55rem .65rem;
  vertical-align: top;
}
 
.content-section th {
  background: #f8f9fa;
  font-weight: 700;
}
 
@media (max-width:900px) {
  .content-grid { grid-template-columns: 1fr; }
  .crw-title-wp { font-size: 1.75rem; }
  .crw-tagline-wp { font-size: 1.08rem; }
}


.crw-hero-wp {
.crw-hero-wp {
   border: 1px solid #eaecf0;
   position: relative;
   border-radius: 8px;
}
   background: #fff;
 
   box-shadow: 0 2px 6px rgba(0,0,0,.03);
.crw-hero-logo {
   padding: 2rem 1.5rem;
   position: absolute;
   top: 12px;
   right: 12px;
   display: inline-block;
}
}


.crw-hero-wp{
.crw-hero-logo img {
   max-width:900px;
   width: 45px;
   margin:0 auto 1.5rem;
   height: auto;
  padding:2rem 1rem;
   border: 0;
   border-radius:10px;
  box-shadow:0 1px 6px rgba(0,0,0,.03);
}
}


.content-grid{
.crw-hero-wp {
   max-width:900px;
   max-width: 920px;
   margin-top:0;
   box-sizing: border-box;
  padding:0 1rem;
}
}


.crw-title-wp a {
  color: #000 !important; 
  text-decoration: none !important;
}


@media (max-width:900px){
.crw-title-wp a:hover {
  .content-grid{grid-template-columns:1fr}
  color: #4B1D78; 
  .crw-title-wp{font-size:1.75rem}
   text-decoration: underline;
   .crw-tagline-wp{font-size:1.08rem}
}
}
Retrieved from "https://consumerrights.wiki/Template:JakeTesting.css"