Main Page.css: Difference between revisions

← Older edit Newer edit →

@@ Line 130: / Line 130: @@
 .crw-how-card {
-   display: inline-block;
+   display: block;
-  vertical-align: top;
+   width: 100%;
-   width: 18.4%;
    background: #ffffff;
    border: 1px solid #d0dce8;
@@ Line 140: / Line 139: @@
    text-decoration: none !important;
    color: #222222 !important;
-  margin: 0 1% 16px 0;
    box-sizing: border-box;
    font-size: 14px;
-}
-.crw-how-card {
-  display: block;
-  width: 100%;
-  box-sizing: border-box;
-}
-.crw-how-card:last-child {
-  margin-right: 0;
 }
@@ Line 194: / Line 182: @@
    background: #004080;
    color: #ffffff;
-   font-size: 14px;
+   font-size: 16px;
    font-weight: bold;
-   padding: 10px 16px;
+   padding: 12px 16px;
-   letter-spacing: 0.03em;
+   letter-spacing: 0.02em;
 }
 .crw-panel-body {
    padding: 16px;
-}
-.crw-grid {
-  display: table;
-  width: 100%;
-  border-collapse: separate;
-  border-spacing: 20px 0;
-  margin-bottom: 24px;
-  table-layout: fixed;
-}
-.crw-grid-col {
-  display: table-cell;
-  width: 50%;
-  vertical-align: top;
 }
@@ Line 328: / Line 301: @@
    color: #ffffff !important;
    border-color: #004080;
+}
+.cat-but-grid {
+  gap: 8px !important;
+  margin-bottom: 12px;
+}
+.cat-but {
+  display: block;
+  padding: 10px 14px;
+  border-radius: 6px;
+  border: 1px solid #d0dce8 !important;
+  background: #f0f5fb !important;
+  color: #004080 !important;
+  font-size: 14px;
+  font-weight: bold;
+  text-decoration: none !important;
+  line-height: 1.4;
+  box-sizing: border-box;
+}
+.cat-but:hover {
+  background: #004080 !important;
+  color: #ffffff !important;
+  border-color: #004080 !important;
+}
+.cat-but-icon {
+  font-size: 18px;
+  margin-right: 8px;
+  vertical-align: middle;
+  line-height: 1;
+}
+.cat-but-label {
+  vertical-align: middle;
+  font-size: 14px;
 }
@@ Line 473: / Line 483: @@
    html.skin-theme-clientpref-night .crw-cta-bar { background: #002050; }
    html.skin-theme-clientpref-night .crw-btn-primary { background: #b9dcff; color: #002050 !important; border-color: #b9dcff; }
+  html.skin-theme-clientpref-night .cat-but { background: #0d1f35 !important; border-color: #1e3a5f !important; color: #88bbee !important; }
+  html.skin-theme-clientpref-night .cat-but:hover { background: #004080 !important; color: #ffffff !important; border-color: #004080 !important; }
 }
@@ Line 500: / Line 512: @@
    html.skin-theme-clientpref-os .crw-cta-bar { background: #002050; }
    html.skin-theme-clientpref-os .crw-btn-primary { background: #b9dcff; color: #002050 !important; border-color: #b9dcff; }
+  html.skin-theme-clientpref-os .cat-but { background: #0d1f35 !important; border-color: #1e3a5f !important; color: #88bbee !important; }
+  html.skin-theme-clientpref-os .cat-but:hover { background: #004080 !important; color: #ffffff !important; border-color: #004080 !important; }
 }