MediaWiki:Citizen.css: Difference between revisions

Revision as of 18:36, 26 September 2026

/* Historisch Bocholt */

.hb-header {
    text-align: center;
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.hb-header h1 {
    color: #2E78B7;
    font-size: 3rem;
}

.hb-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
    gap: 20px;
    margin-top: 20px;
}

.hb-card {
    background: #fff;
    border-radius: 20px;
    padding: 25px;
    border-top: 5px solid #2E78B7;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
    transition: .2s;
}

.hb-card:hover {
    transform: translateY(-4px);
}

.hb-icon {
    font-size: 48px;
    margin-bottom: 10px;
}

.hb-card h3 {
    margin-top: 5px;
    margin-bottom: 10px;
}

.hb-card h3 a {
    color: #2E78B7;
    text-decoration: none;
}

.hb-card p {
    margin-bottom: 0;
}

.hb-links {
    background: #EAF3F8;
    padding: 20px;
    border-radius: 20px;
    margin-top: 20px;
}

@@ Line 1: / Line 1: @@
-/* Bocholt kleuren */
+/* Historisch Bocholt */
-:root {
+.hb-header {
-    --hb-blue: #2E78B7;
+     text-align: center;
-     --hb-darkblue: #235E8F;
+     padding: 2rem 0;
-     --hb-green: #A9CF38;
+     margin-bottom: 2rem;
-     --hb-light: #f5f7f9;
-    --hb-soft: #EAF3F8;
 }
-/* Hero */
+.hb-header h1 {
+     color: #2E78B7;
-.hb-hero {
+     font-size: 3rem;
-     text-align:center;
-    background:var(--hb-light);
-    border-radius:32px;
-    padding:3rem;
-     margin-bottom:3rem;
 }
-.hb-hero h1 {
+.hb-grid {
-     font-size:3rem;
+     display: grid;
-     color:var(--hb-blue);
+     grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
-     margin-bottom:0.5rem;
+    gap: 20px;
+     margin-top: 20px;
 }
-.hb-subtitle {
+.hb-card {
-     font-size:1.2rem;
+     background: #fff;
-     max-width:800px;
+    border-radius: 20px;
-     margin:auto;
+    padding: 25px;
+    border-top: 5px solid #2E78B7;
+     box-shadow: 0 2px 10px rgba(0,0,0,.08);
+     transition: .2s;
 }
-/* Kaarten */
+.hb-card:hover {
+     transform: translateY(-4px);
-.hb-cards {
-    display:grid;
-    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
-    gap:1.5rem;
-    margin-top:2rem;
-}
-.hb-card {
-     background:white;
-    border-radius:24px;
-    padding:2rem;
-    box-shadow:0 2px 12px rgba(0,0,0,0.06);
-    border-top:5px solid var(--hb-blue);
-    transition:all .2s ease;
 }
-.hb-card:hover {
+.hb-icon {
-     transform:translateY(-4px);
+     font-size: 48px;
+    margin-bottom: 10px;
 }
 .hb-card h3 {
-     color:var(--hb-blue);
+     margin-top: 5px;
+    margin-bottom: 10px;
 }
-/* Ontdek Bocholt */
+.hb-card h3 a {
+     color: #2E78B7;
-.hb-feature {
+     text-decoration: none;
-     background:var(--hb-soft);
-    padding:2rem;
-    border-radius:24px;
-     margin-top:3rem;
 }
-/* Kolommen */
+.hb-card p {
+     margin-bottom: 0;
-.hb-columns {
-    display:grid;
-    grid-template-columns:1fr 1fr;
-    gap:2rem;
-     margin-top:3rem;
 }
-@media (max-width:900px) {
+.hb-links {
-     .hb-columns {
+    background: #EAF3F8;
-        grid-template-columns:1fr;
+     padding: 20px;
-     }
+    border-radius: 20px;
+     margin-top: 20px;
 }

BocholtoloogSysop (talk | contribs)

Revision as of 18:36, 26 September 2026