MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 71: | Line 71: | ||
/* Top Section code */ | /* Top Section code */ | ||
/******** WIKIGENCE PREMIUM HERO ********/ | |||
.wg-hero{ | .wg-hero{ | ||
width:100%; | |||
box-sizing:border-box; | |||
padding:28px; | |||
margin:15px 0 20px 0; | |||
background:#f8fbff; | background:#f8fbff; | ||
| Line 86: | Line 90: | ||
border-radius:18px; | border-radius:18px; | ||
box-shadow:0 | box-shadow:0 6px 20px rgba(0,0,0,.06); | ||
} | } | ||
.wg-title{ | .wg-title{ | ||
font-size: | font-size:48px; | ||
font-weight:700; | font-weight:700; | ||
| Line 99: | Line 102: | ||
text-align:center; | text-align:center; | ||
color:# | color:#163b8c; | ||
margin-bottom: | margin-bottom:15px; | ||
} | } | ||
.wg-subtitle{ | .wg-subtitle{ | ||
font-size: | font-size:18px; | ||
text-align:center; | text-align:center; | ||
line-height:32px; | |||
color:#54595d; | color:#54595d; | ||
margin-bottom: | margin-bottom:30px; | ||
} | } | ||
.wg-services{ | .wg-services{ | ||
| Line 125: | Line 128: | ||
grid-template-columns:repeat(3,1fr); | grid-template-columns:repeat(3,1fr); | ||
gap: | gap:15px; | ||
margin-bottom: | margin-bottom:25px; | ||
} | } | ||
.wg-box{ | .wg-box{ | ||
background:#fff; | background:#fff; | ||
| Line 146: | Line 140: | ||
border:1px solid #eaecf0; | border:1px solid #eaecf0; | ||
border-radius: | border-radius:14px; | ||
padding:20px; | |||
text-align:center; | |||
} | } | ||
.wg-box h3{ | .wg-box h3{ | ||
font-size:22px; | |||
margin-bottom:10px; | |||
} | } | ||
.wg-box p{ | .wg-box p{ | ||
font-size:15px; | |||
line-height:26px; | |||
color:#54595d; | color:#54595d; | ||
margin:0; | |||
} | } | ||
.wg-contact{ | .wg-contact{ | ||
| Line 184: | Line 174: | ||
grid-template-columns:repeat(3,1fr); | grid-template-columns:repeat(3,1fr); | ||
gap: | gap:15px; | ||
margin-bottom: | margin-bottom:25px; | ||
} | } | ||
.wg-card{ | .wg-card{ | ||
| Line 195: | Line 184: | ||
background:#fff; | background:#fff; | ||
padding: | padding:18px; | ||
text-align:center; | text-align:center; | ||
| Line 201: | Line 190: | ||
border:1px solid #eaecf0; | border:1px solid #eaecf0; | ||
border-radius: | border-radius:14px; | ||
} | } | ||
.wg-buttons{ | .wg-buttons{ | ||
| Line 219: | Line 200: | ||
justify-content:center; | justify-content:center; | ||
gap: | gap:15px; | ||
flex-wrap:wrap; | flex-wrap:wrap; | ||
| Line 226: | Line 207: | ||
} | } | ||
.wg-btn{ | .wg-btn{ | ||
padding: | padding:14px 28px; | ||
border-radius: | border-radius:30px; | ||
font-size:16px; | |||
font- | font-weight:700; | ||
text-decoration:none; | |||
} | } | ||
.wg-blue{ | .wg-blue{ | ||
| Line 247: | Line 226: | ||
background:#3366cc; | background:#3366cc; | ||
color:#fff; | color:#fff !important; | ||
} | } | ||
.wg-black{ | .wg-black{ | ||
| Line 256: | Line 234: | ||
background:#111827; | background:#111827; | ||
color:#fff; | color:#fff !important; | ||
} | } | ||
.wg-disclaimer{ | .wg-disclaimer{ | ||
padding: | padding:18px; | ||
background:#fff; | background:#fff; | ||
| Line 271: | Line 248: | ||
border-radius:14px; | border-radius:14px; | ||
font-size: | font-size:13px; | ||
line-height:24px; | |||
text-align:center; | text-align:center; | ||
| Line 279: | Line 258: | ||
} | } | ||
@media(max-width:768px){ | |||
@media(max-width: | |||
.wg-services{ | .wg-services{ | ||
| Line 296: | Line 274: | ||
.wg-title{ | .wg-title{ | ||
font-size: | font-size:34px; | ||
} | } | ||
} | } | ||