Site improvements: nav refactor, CSS readability, hover fixes, remove unverified badges
- Refactored navigation: all 44 pages now use shared includes/nav.php - Added Free Tools link to navigation (was missing from 29+ pages) - CSS readability: darker body text (#333), secondary text (#555), bolder hero subtitle - CSS: darkened link colour (#148a72) for WCAG AA compliance - CSS: increased stat label font size to 1rem - Fixed industry-card hover white-on-white text bug - Removed ICO Registered and Cyber Essentials claims (not yet registered) - Cache version bumped to v1.1.2
This commit is contained in:
root
@@ -12,7 +12,7 @@ html {
|
||||
body {
|
||||
font-family: 'Roboto Slab', 'Lato', sans-serif;
|
||||
line-height: 1.6;
|
||||
color: #444444;
|
||||
color: #333333;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
@@ -99,7 +99,7 @@ body {
|
||||
|
||||
.section-header p {
|
||||
font-size: 1.2rem;
|
||||
color: #666;
|
||||
color: #555;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
@@ -241,6 +241,7 @@ body {
|
||||
|
||||
.hero-subtitle {
|
||||
font-size: 1.3rem;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
margin-bottom: 40px;
|
||||
line-height: 1.6;
|
||||
@@ -416,7 +417,7 @@ body {
|
||||
}
|
||||
|
||||
.service-card p {
|
||||
color: #666;
|
||||
color: #555;
|
||||
margin-bottom: 20px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
@@ -436,7 +437,7 @@ body {
|
||||
content: '✓';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@@ -485,7 +486,7 @@ body {
|
||||
}
|
||||
|
||||
.step-content p {
|
||||
color: #666;
|
||||
color: #555;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
@@ -526,7 +527,7 @@ body {
|
||||
}
|
||||
|
||||
.feature p {
|
||||
color: #666;
|
||||
color: #555;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
@@ -552,7 +553,7 @@ body {
|
||||
|
||||
.contact-info p {
|
||||
font-size: 1.2rem;
|
||||
color: #666;
|
||||
color: #555;
|
||||
margin-bottom: 40px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
@@ -583,11 +584,11 @@ body {
|
||||
|
||||
.contact-item p {
|
||||
margin: 0;
|
||||
color: #666;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.contact-item a {
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@@ -630,7 +631,7 @@ body {
|
||||
.form-group select:focus,
|
||||
.form-group textarea:focus {
|
||||
outline: none;
|
||||
border-color: #179e83;
|
||||
border-color: #148a72;
|
||||
box-shadow: 0 0 0 3px rgba(23, 158, 131, 0.1);
|
||||
}
|
||||
|
||||
@@ -702,7 +703,7 @@ body {
|
||||
}
|
||||
|
||||
.footer-section a:hover {
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
}
|
||||
|
||||
.footer-logo img {
|
||||
@@ -1115,12 +1116,12 @@ img {
|
||||
}
|
||||
|
||||
.article-meta time {
|
||||
color: #666;
|
||||
color: #555;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.article-meta .read-time {
|
||||
color: #666;
|
||||
color: #555;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -1138,11 +1139,11 @@ img {
|
||||
}
|
||||
|
||||
.featured-article h3 a:hover {
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
}
|
||||
|
||||
.featured-article p {
|
||||
color: #666;
|
||||
color: #555;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@@ -1157,7 +1158,7 @@ img {
|
||||
}
|
||||
|
||||
.article-footer .read-more {
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
transition: color 0.3s ease;
|
||||
@@ -1216,11 +1217,11 @@ img {
|
||||
}
|
||||
|
||||
.article-card h3 a:hover {
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
}
|
||||
|
||||
.article-card p {
|
||||
color: #666;
|
||||
color: #555;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@@ -1234,7 +1235,7 @@ img {
|
||||
}
|
||||
|
||||
.pagination-info {
|
||||
color: #666;
|
||||
color: #555;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -1328,7 +1329,7 @@ img {
|
||||
|
||||
.article-subtitle {
|
||||
font-size: 1.3rem;
|
||||
color: #666;
|
||||
color: #555;
|
||||
margin-bottom: 30px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
@@ -1349,13 +1350,13 @@ img {
|
||||
}
|
||||
|
||||
.author-info p {
|
||||
color: #666;
|
||||
color: #555;
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.article-share a {
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
padding: 8px 16px;
|
||||
@@ -1411,7 +1412,7 @@ img {
|
||||
|
||||
.article-toc li::before {
|
||||
content: counter(toc-counter) ". ";
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@@ -1423,7 +1424,7 @@ img {
|
||||
}
|
||||
|
||||
.article-toc a:hover {
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@@ -1502,7 +1503,7 @@ img {
|
||||
}
|
||||
|
||||
.article-content pre:hover {
|
||||
border-color: #179e83;
|
||||
border-color: #148a72;
|
||||
box-shadow: 0 2px 8px rgba(23, 158, 131, 0.1);
|
||||
}
|
||||
|
||||
@@ -1539,7 +1540,7 @@ img {
|
||||
}
|
||||
|
||||
.article-content a {
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
text-decoration: underline;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
@@ -1983,7 +1984,7 @@ a:focus-visible {
|
||||
.form-group input:focus + label,
|
||||
.form-group select:focus + label,
|
||||
.form-group textarea:focus + label {
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
}
|
||||
|
||||
/* Status indicators */
|
||||
@@ -2066,7 +2067,7 @@ a:focus-visible {
|
||||
.breadcrumb li:not(:last-child)::after {
|
||||
content: '>';
|
||||
margin-left: 8px;
|
||||
color: #666;
|
||||
color: #555;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -2078,12 +2079,12 @@ a:focus-visible {
|
||||
}
|
||||
|
||||
.breadcrumb a:hover {
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.breadcrumb li[aria-current="page"] span {
|
||||
color: #666;
|
||||
color: #555;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -2168,7 +2169,7 @@ a:focus-visible {
|
||||
border: none;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
color: #666;
|
||||
color: #555;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
@@ -2268,7 +2269,7 @@ a:focus-visible {
|
||||
}
|
||||
|
||||
.feature-card p {
|
||||
color: #666;
|
||||
color: #555;
|
||||
margin-bottom: 20px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
@@ -2289,7 +2290,7 @@ a:focus-visible {
|
||||
content: '✓';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@@ -2325,8 +2326,7 @@ a:focus-visible {
|
||||
|
||||
.industry-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
|
||||
background: white;
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.industry-card h3 {
|
||||
@@ -2337,7 +2337,7 @@ a:focus-visible {
|
||||
}
|
||||
|
||||
.industry-card p {
|
||||
color: #666;
|
||||
color: #555;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
@@ -2374,7 +2374,7 @@ a:focus-visible {
|
||||
}
|
||||
|
||||
.pricing-card.featured {
|
||||
border-color: #179e83;
|
||||
border-color: #148a72;
|
||||
transform: scale(1.05);
|
||||
box-shadow: 0 8px 40px rgba(23, 158, 131, 0.15);
|
||||
}
|
||||
@@ -2403,14 +2403,14 @@ a:focus-visible {
|
||||
.pricing-card .price {
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
margin-bottom: 30px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.pricing-card .price span {
|
||||
font-size: 1rem;
|
||||
color: #666;
|
||||
color: #555;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@@ -2422,7 +2422,7 @@ a:focus-visible {
|
||||
|
||||
.pricing-card li {
|
||||
padding: 10px 0;
|
||||
color: #666;
|
||||
color: #555;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
@@ -2483,7 +2483,7 @@ a:focus-visible {
|
||||
.faq-item p {
|
||||
padding: 20px;
|
||||
margin: 0;
|
||||
color: #666;
|
||||
color: #555;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
@@ -2534,7 +2534,7 @@ a:focus-visible {
|
||||
}
|
||||
|
||||
.category-card p {
|
||||
color: #666;
|
||||
color: #555;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
}
|
||||
@@ -2617,7 +2617,7 @@ a:focus-visible {
|
||||
|
||||
.faq-answer p {
|
||||
margin-bottom: 15px;
|
||||
color: #666;
|
||||
color: #555;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
@@ -2628,7 +2628,7 @@ a:focus-visible {
|
||||
|
||||
.faq-answer li {
|
||||
margin-bottom: 8px;
|
||||
color: #666;
|
||||
color: #555;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
@@ -2761,7 +2761,7 @@ a:focus-visible {
|
||||
|
||||
.case-study-meta span {
|
||||
background: #f0f0f0;
|
||||
color: #666;
|
||||
color: #555;
|
||||
padding: 5px 12px;
|
||||
border-radius: 15px;
|
||||
font-size: 14px;
|
||||
@@ -2778,7 +2778,7 @@ a:focus-visible {
|
||||
|
||||
.case-study-intro {
|
||||
font-size: 1.1rem;
|
||||
color: #666;
|
||||
color: #555;
|
||||
margin-bottom: 30px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
@@ -2815,14 +2815,14 @@ a:focus-visible {
|
||||
.result-number {
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.result-label {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
color: #555;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -2855,7 +2855,7 @@ a:focus-visible {
|
||||
}
|
||||
|
||||
.testimonial cite span {
|
||||
color: #666;
|
||||
color: #555;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@@ -2917,14 +2917,14 @@ a:focus-visible {
|
||||
.industry-stat .stat-number {
|
||||
font-size: 2.5rem;
|
||||
font-weight: 700;
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.industry-stat .stat-label {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
color: #555;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -2992,7 +2992,7 @@ aside.related-articles {
|
||||
|
||||
.related-card h3 a:hover,
|
||||
.related-card h4 a:hover {
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
}
|
||||
|
||||
.related-card .category {
|
||||
@@ -3012,13 +3012,13 @@ aside.related-articles {
|
||||
}
|
||||
|
||||
.related-card p {
|
||||
color: #666;
|
||||
color: #555;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.related-card .read-time {
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
@@ -3098,7 +3098,7 @@ aside.related-articles {
|
||||
}
|
||||
|
||||
.expert-consultation-cta p {
|
||||
color: #666;
|
||||
color: #555;
|
||||
margin-bottom: 25px;
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.6;
|
||||
@@ -3148,7 +3148,7 @@ aside.related-articles {
|
||||
top: -10px;
|
||||
left: 30px;
|
||||
font-size: 4rem;
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
font-family: serif;
|
||||
line-height: 1;
|
||||
}
|
||||
@@ -3175,7 +3175,7 @@ aside.related-articles {
|
||||
}
|
||||
|
||||
.author-info span {
|
||||
color: #666;
|
||||
color: #555;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@@ -3558,7 +3558,7 @@ aside.related-articles {
|
||||
content: '✓';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: #179e83;
|
||||
color: #148a72;
|
||||
font-weight: bold;
|
||||
font-size: 1rem;
|
||||
}
|
||||
@@ -4029,7 +4029,7 @@ main {
|
||||
}
|
||||
|
||||
.certifications-section .section-header p {
|
||||
color: #666;
|
||||
color: #555;
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
font-size: 1.1rem;
|
||||
@@ -4077,7 +4077,7 @@ main {
|
||||
}
|
||||
|
||||
.certification-badge p {
|
||||
color: #666;
|
||||
color: #555;
|
||||
font-size: 0.95rem;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
@@ -4346,7 +4346,7 @@ body { font-size: 17px; }
|
||||
color: #333;
|
||||
}
|
||||
.quote-sidebar .testimonial-card blockquote cite {
|
||||
color: #666;
|
||||
color: #555;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user