Commit 2e3e11b7937ac915e67490e256bb7dc66bdf50f2

Authored by Eugeny Galkovskiy
1 parent d4193cf8

h titles

Showing 1 changed file with 96 additions and 33 deletions   Show diff stats
frontend/web/css/style.blue.css
@@ -1756,7 +1756,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -1756,7 +1756,8 @@ fieldset[disabled] .btn-template-primary.active {
1756 transition: all 0.2s ease-out; 1756 transition: all 0.2s ease-out;
1757 } 1757 }
1758 1758
1759 -.box-simple h3 { 1759 +.box-simple h3,
  1760 +.box-simple .h3 {
1760 font-weight: normal; 1761 font-weight: normal;
1761 font-size: 18px; 1762 font-size: 18px;
1762 text-transform: uppercase; 1763 text-transform: uppercase;
@@ -1766,7 +1767,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -1766,7 +1767,8 @@ fieldset[disabled] .btn-template-primary.active {
1766 letter-spacing: 0.08em; 1767 letter-spacing: 0.08em;
1767 } 1768 }
1768 1769
1769 -.box-simple h3 a { 1770 +.box-simple h3 a,
  1771 +.box-simple .h3 a {
1770 color: #555555; 1772 color: #555555;
1771 } 1773 }
1772 1774
@@ -1812,11 +1814,13 @@ fieldset[disabled] .btn-template-primary.active { @@ -1812,11 +1814,13 @@ fieldset[disabled] .btn-template-primary.active {
1812 font-size: 70px; 1814 font-size: 70px;
1813 } 1815 }
1814 1816
1815 -.box-simple.box-dark h3 { 1817 +.box-simple.box-dark h3,
  1818 +.box-simple.box-dark .h3 {
1816 color: #fff; 1819 color: #fff;
1817 } 1820 }
1818 1821
1819 -.box-simple.box-dark h3 a { 1822 +.box-simple.box-dark h3 a,
  1823 +.box-simple.box-dark .h3 a {
1820 color: #fff; 1824 color: #fff;
1821 } 1825 }
1822 1826
@@ -1858,14 +1862,16 @@ fieldset[disabled] .btn-template-primary.active { @@ -1858,14 +1862,16 @@ fieldset[disabled] .btn-template-primary.active {
1858 padding: 0 20px; 1862 padding: 0 20px;
1859 } 1863 }
1860 1864
1861 -.box-image .name h3 { 1865 +.box-image .name h3,
  1866 +.box-image .name .h3 {
1862 color: #fff; 1867 color: #fff;
1863 text-transform: uppercase; 1868 text-transform: uppercase;
1864 font-size: 18px; 1869 font-size: 18px;
1865 letter-spacing: 0.08em; 1870 letter-spacing: 0.08em;
1866 } 1871 }
1867 1872
1868 -.box-image .name h3 a { 1873 +.box-image .name h3 a,
  1874 +.box-image .name .h3 a {
1869 color: #fff; 1875 color: #fff;
1870 text-decoration: none; 1876 text-decoration: none;
1871 } 1877 }
@@ -1946,14 +1952,16 @@ fieldset[disabled] .btn-template-primary.active { @@ -1946,14 +1952,16 @@ fieldset[disabled] .btn-template-primary.active {
1946 padding: 0 20px; 1952 padding: 0 20px;
1947 } 1953 }
1948 1954
1949 -.box-image-text .top .name h3 { 1955 +.box-image-text .top .name h3,
  1956 +.box-image-text .top .name .h3 {
1950 color: #fff; 1957 color: #fff;
1951 text-transform: uppercase; 1958 text-transform: uppercase;
1952 font-size: 18px; 1959 font-size: 18px;
1953 letter-spacing: 0.08em; 1960 letter-spacing: 0.08em;
1954 } 1961 }
1955 1962
1956 -.box-image-text .top .name h3 a { 1963 +.box-image-text .top .name h3 a,
  1964 +.box-image-text .top .name .h3 a {
1957 color: #fff; 1965 color: #fff;
1958 text-decoration: none; 1966 text-decoration: none;
1959 } 1967 }
@@ -1975,7 +1983,9 @@ fieldset[disabled] .btn-template-primary.active { @@ -1975,7 +1983,9 @@ fieldset[disabled] .btn-template-primary.active {
1975 } 1983 }
1976 1984
1977 .box-image-text .content h3, 1985 .box-image-text .content h3,
1978 -.box-image-text .content h4 { 1986 +.box-image-text .content h4,
  1987 +.box-image-text .content .h3,
  1988 +.box-image-text .content .h4 {
1979 text-transform: uppercase; 1989 text-transform: uppercase;
1980 line-height: 1.5; 1990 line-height: 1.5;
1981 color: #555555; 1991 color: #555555;
@@ -2097,7 +2107,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -2097,7 +2107,8 @@ fieldset[disabled] .btn-template-primary.active {
2097 margin-bottom: 0; 2107 margin-bottom: 0;
2098 } 2108 }
2099 2109
2100 -#heading-breadcrumbs h1 { 2110 +#heading-breadcrumbs h1,
  2111 +#heading-breadcrumbs .h1 {
2101 color: #333333; 2112 color: #333333;
2102 text-transform: uppercase; 2113 text-transform: uppercase;
2103 font-size: 30px; 2114 font-size: 30px;
@@ -2106,7 +2117,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -2106,7 +2117,8 @@ fieldset[disabled] .btn-template-primary.active {
2106 } 2117 }
2107 2118
2108 @media (max-width: 991px) { 2119 @media (max-width: 991px) {
2109 - #heading-breadcrumbs h1 { 2120 + #heading-breadcrumbs h1,
  2121 + #heading-breadcrumbs .h1 {
2110 text-align: center; 2122 text-align: center;
2111 } 2123 }
2112 } 2124 }
@@ -2158,6 +2170,12 @@ fieldset[disabled] .btn-template-primary.active { @@ -2158,6 +2170,12 @@ fieldset[disabled] .btn-template-primary.active {
2158 .bar.color-white h4, 2170 .bar.color-white h4,
2159 .bar.color-white h5, 2171 .bar.color-white h5,
2160 .bar.color-white h6, 2172 .bar.color-white h6,
  2173 +.bar.color-white .h1,
  2174 +.bar.color-white .h2,
  2175 +.bar.color-white .h3,
  2176 +.bar.color-white .h4,
  2177 +.bar.color-white .h5,
  2178 +.bar.color-white .h6,
2161 .bar.color-white p { 2179 .bar.color-white p {
2162 color: #fff; 2180 color: #fff;
2163 } 2181 }
@@ -2195,7 +2213,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -2195,7 +2213,8 @@ fieldset[disabled] .btn-template-primary.active {
2195 margin: 0 -15px; 2213 margin: 0 -15px;
2196 } 2214 }
2197 2215
2198 -.portfolio-project .project-more h4 { 2216 +.portfolio-project .project-more h4,
  2217 +.portfolio-project .project-more .h4 {
2199 color: #555555; 2218 color: #555555;
2200 text-transform: uppercase; 2219 text-transform: uppercase;
2201 margin-bottom: 0; 2220 margin-bottom: 0;
@@ -2260,7 +2279,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -2260,7 +2279,8 @@ fieldset[disabled] .btn-template-primary.active {
2260 border: solid 1px #555555; 2279 border: solid 1px #555555;
2261 } 2280 }
2262 2281
2263 -.showcase .item h4 { 2282 +.showcase .item h4,
  2283 +.showcase .item .h4 {
2264 color: #555555; 2284 color: #555555;
2265 text-transform: uppercase; 2285 text-transform: uppercase;
2266 letter-spacing: 0.08em; 2286 letter-spacing: 0.08em;
@@ -2268,7 +2288,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -2268,7 +2288,8 @@ fieldset[disabled] .btn-template-primary.active {
2268 font-size: 16px; 2288 font-size: 16px;
2269 } 2289 }
2270 2290
2271 -.showcase .item h4 span { 2291 +.showcase .item h4 span,
  2292 +.showcase .item .h4 span {
2272 font-weight: bold; 2293 font-weight: bold;
2273 font-size: 51px; 2294 font-size: 51px;
2274 } 2295 }
@@ -2290,7 +2311,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -2290,7 +2311,8 @@ fieldset[disabled] .btn-template-primary.active {
2290 background: #467fbf; 2311 background: #467fbf;
2291 } 2312 }
2292 2313
2293 -.packages .package .package-header h5 { 2314 +.packages .package .package-header h5,
  2315 +.packages .package .package-header .h5 {
2294 color: #fff; 2316 color: #fff;
2295 text-transform: uppercase; 2317 text-transform: uppercase;
2296 font-weight: bold; 2318 font-weight: bold;
@@ -2303,7 +2325,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -2303,7 +2325,8 @@ fieldset[disabled] .btn-template-primary.active {
2303 background: #eeeeee; 2325 background: #eeeeee;
2304 } 2326 }
2305 2327
2306 -.packages .package .package-header.light-gray h5 { 2328 +.packages .package .package-header.light-gray h5,
  2329 +.packages .package .package-header.light-gray .h5 {
2307 color: #555555; 2330 color: #555555;
2308 } 2331 }
2309 2332
@@ -2314,7 +2337,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -2314,7 +2337,8 @@ fieldset[disabled] .btn-template-primary.active {
2314 font-weight: 400; 2337 font-weight: 400;
2315 } 2338 }
2316 2339
2317 -.packages .package .price h4 { 2340 +.packages .package .price h4,
  2341 +.packages .package .price .h4 {
2318 display: inline; 2342 display: inline;
2319 font-size: 50px; 2343 font-size: 50px;
2320 line-height: normal; 2344 line-height: normal;
@@ -2359,7 +2383,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -2359,7 +2383,8 @@ fieldset[disabled] .btn-template-primary.active {
2359 height: 82px !important; 2383 height: 82px !important;
2360 } 2384 }
2361 2385
2362 -.packages .best-value .package .package-header h5 { 2386 +.packages .best-value .package .package-header h5,
  2387 +.packages .best-value .package .package-header .h5 {
2363 font-weight: bold; 2388 font-weight: bold;
2364 line-height: 29px; 2389 line-height: 29px;
2365 text-transform: uppercase; 2390 text-transform: uppercase;
@@ -2388,7 +2413,11 @@ fieldset[disabled] .btn-template-primary.active { @@ -2388,7 +2413,11 @@ fieldset[disabled] .btn-template-primary.active {
2388 #blog-listing-big .post h2, 2413 #blog-listing-big .post h2,
2389 #blog-homepage .post h2, 2414 #blog-homepage .post h2,
2390 #blog-listing-big .post h4, 2415 #blog-listing-big .post h4,
2391 -#blog-homepage .post h4 { 2416 +#blog-homepage .post h4,
  2417 +#blog-listing-big .post .h2,
  2418 +#blog-homepage .post .h2,
  2419 +#blog-listing-big .post .h4,
  2420 +#blog-homepage .post .h4 {
2392 text-transform: uppercase; 2421 text-transform: uppercase;
2393 letter-spacing: 0.08em; 2422 letter-spacing: 0.08em;
2394 } 2423 }
@@ -2396,14 +2425,22 @@ fieldset[disabled] .btn-template-primary.active { @@ -2396,14 +2425,22 @@ fieldset[disabled] .btn-template-primary.active {
2396 #blog-listing-big .post h2 a, 2425 #blog-listing-big .post h2 a,
2397 #blog-homepage .post h2 a, 2426 #blog-homepage .post h2 a,
2398 #blog-listing-big .post h4 a, 2427 #blog-listing-big .post h4 a,
2399 -#blog-homepage .post h4 a { 2428 +#blog-homepage .post h4 a,
  2429 +#blog-listing-big .post .h2 a,
  2430 +#blog-homepage .post .h2 a,
  2431 +#blog-listing-big .post .h4 a,
  2432 +#blog-homepage .post .h4 a {
2400 color: #555555; 2433 color: #555555;
2401 } 2434 }
2402 2435
2403 #blog-listing-big .post h2 a:hover, 2436 #blog-listing-big .post h2 a:hover,
2404 #blog-homepage .post h2 a:hover, 2437 #blog-homepage .post h2 a:hover,
2405 #blog-listing-big .post h4 a:hover, 2438 #blog-listing-big .post h4 a:hover,
2406 -#blog-homepage .post h4 a:hover { 2439 +#blog-homepage .post h4 a:hover,
  2440 +#blog-listing-big .post .h2 a:hover,
  2441 +#blog-homepage .post .h2 a:hover,
  2442 +#blog-listing-big .post .h4 a:hover,
  2443 +#blog-homepage .post .h4 a:hover {
2407 color: #467fbf; 2444 color: #467fbf;
2408 } 2445 }
2409 2446
@@ -2477,18 +2514,21 @@ fieldset[disabled] .btn-template-primary.active { @@ -2477,18 +2514,21 @@ fieldset[disabled] .btn-template-primary.active {
2477 margin-bottom: 60px; 2514 margin-bottom: 60px;
2478 } 2515 }
2479 2516
2480 -#blog-listing-medium .post h2 { 2517 +#blog-listing-medium .post h2,
  2518 +#blog-listing-medium .post .h2 {
2481 text-transform: uppercase; 2519 text-transform: uppercase;
2482 margin: 0 0 10px; 2520 margin: 0 0 10px;
2483 font-size: 24px; 2521 font-size: 24px;
2484 letter-spacing: 0.08em; 2522 letter-spacing: 0.08em;
2485 } 2523 }
2486 2524
2487 -#blog-listing-medium .post h2 a { 2525 +#blog-listing-medium .post h2 a,
  2526 +#blog-listing-medium .post .h2 a {
2488 color: #555555; 2527 color: #555555;
2489 } 2528 }
2490 2529
2491 -#blog-listing-medium .post h2 a:hover { 2530 +#blog-listing-medium .post h2 a:hover,
  2531 +#blog-listing-medium .post .h2 a:hover {
2492 color: #467fbf; 2532 color: #467fbf;
2493 } 2533 }
2494 2534
@@ -2609,6 +2649,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -2609,6 +2649,8 @@ fieldset[disabled] .btn-template-primary.active {
2609 2649
2610 #blog-homepage .post h2, 2650 #blog-homepage .post h2,
2611 #blog-homepage .post h4, 2651 #blog-homepage .post h4,
  2652 +#blog-homepage .post .h2,
  2653 +#blog-homepage .post .h4,
2612 #blog-homepage .post .author-category, 2654 #blog-homepage .post .author-category,
2613 #blog-homepage .post .read-more { 2655 #blog-homepage .post .read-more {
2614 text-align: center; 2656 text-align: center;
@@ -2693,7 +2735,9 @@ fieldset[disabled] .btn-template-primary.active { @@ -2693,7 +2735,9 @@ fieldset[disabled] .btn-template-primary.active {
2693 } 2735 }
2694 2736
2695 #blog-post #comments h4, 2737 #blog-post #comments h4,
2696 -#blog-post #comment-form h4 { 2738 +#blog-post #comment-form h4,
  2739 +#blog-post #comments .h4,
  2740 +#blog-post #comment-form .h4 {
2697 margin-bottom: 20px; 2741 margin-bottom: 20px;
2698 } 2742 }
2699 2743
@@ -2732,7 +2776,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -2732,7 +2776,8 @@ fieldset[disabled] .btn-template-primary.active {
2732 padding: 10px; 2776 padding: 10px;
2733 } 2777 }
2734 2778
2735 -.product .text h3 { 2779 +.product .text h3,
  2780 +.product .text .h3 {
2736 font-size: 14px; 2781 font-size: 14px;
2737 font-weight: 700; 2782 font-weight: 700;
2738 height: 39.6px; 2783 height: 39.6px;
@@ -2740,11 +2785,13 @@ fieldset[disabled] .btn-template-primary.active { @@ -2740,11 +2785,13 @@ fieldset[disabled] .btn-template-primary.active {
2740 letter-spacing: 0.08em; 2785 letter-spacing: 0.08em;
2741 } 2786 }
2742 2787
2743 -.product .text h3 a { 2788 +.product .text h3 a,
  2789 +.product .text .h3 a {
2744 color: #555555; 2790 color: #555555;
2745 } 2791 }
2746 2792
2747 -.product .text h3 a:hover { 2793 +.product .text h3 a:hover,
  2794 +.product .text .h3 a:hover {
2748 text-decoration: none; 2795 text-decoration: none;
2749 } 2796 }
2750 2797
@@ -2816,7 +2863,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -2816,7 +2863,8 @@ fieldset[disabled] .btn-template-primary.active {
2816 text-align: center; 2863 text-align: center;
2817 } 2864 }
2818 2865
2819 -#productMain .sizes h3 { 2866 +#productMain .sizes h3,
  2867 +#productMain .sizes .h3 {
2820 font-weight: 700; 2868 font-weight: 700;
2821 letter-spacing: 0.08em; 2869 letter-spacing: 0.08em;
2822 text-transform: uppercase; 2870 text-transform: uppercase;
@@ -2866,7 +2914,8 @@ fieldset[disabled] .btn-template-primary.active { @@ -2866,7 +2914,8 @@ fieldset[disabled] .btn-template-primary.active {
2866 text-align: center; 2914 text-align: center;
2867 } 2915 }
2868 2916
2869 -#product-social h4 { 2917 +#product-social h4,
  2918 +#product-social .h4 {
2870 font-weight: 300; 2919 font-weight: 300;
2871 margin-bottom: 10px; 2920 margin-bottom: 10px;
2872 } 2921 }
@@ -2977,7 +3026,9 @@ fieldset[disabled] .btn-template-primary.active { @@ -2977,7 +3026,9 @@ fieldset[disabled] .btn-template-primary.active {
2977 } 3026 }
2978 3027
2979 .shipping-method h4, 3028 .shipping-method h4,
2980 -.payment-method h4 { 3029 +.payment-method h4,
  3030 +.shipping-method .h4,
  3031 +.payment-method .h4 {
2981 text-transform: uppercase; 3032 text-transform: uppercase;
2982 letter-spacing: 0.08em; 3033 letter-spacing: 0.08em;
2983 } 3034 }
@@ -3018,7 +3069,13 @@ fieldset[disabled] .btn-template-primary.active { @@ -3018,7 +3069,13 @@ fieldset[disabled] .btn-template-primary.active {
3018 #get-it h3, 3069 #get-it h3,
3019 #get-it h4, 3070 #get-it h4,
3020 #get-it h5, 3071 #get-it h5,
3021 -#get-it h6 { 3072 +#get-it h6,
  3073 +#get-it .h1,
  3074 +#get-it .h2,
  3075 +#get-it .h3,
  3076 +#get-it .h4,
  3077 +#get-it .h5,
  3078 +#get-it .h6 {
3022 color: #fff; 3079 color: #fff;
3023 text-transform: uppercase; 3080 text-transform: uppercase;
3024 letter-spacing: 0.08em; 3081 letter-spacing: 0.08em;
@@ -3040,7 +3097,13 @@ fieldset[disabled] .btn-template-primary.active { @@ -3040,7 +3097,13 @@ fieldset[disabled] .btn-template-primary.active {
3040 #footer h3, 3097 #footer h3,
3041 #footer h4, 3098 #footer h4,
3042 #footer h5, 3099 #footer h5,
3043 -#footer h6 { 3100 +#footer h6,
  3101 +#footer .h1,
  3102 +#footer .h2,
  3103 +#footer .h3,
  3104 +#footer .h4,
  3105 +#footer .h5,
  3106 +#footer .h6 {
3044 color: #eeeeee; 3107 color: #eeeeee;
3045 } 3108 }
3046 3109