W3C CSS Validator results for http://belfitigi2020.blogspot.com (CSS level 3)

Sorry! We found the following errors (217)

URI : https://belfitigi2020.blogspot.com/

26 Unknown pseudo-element or pseudo-class ::-moz-focus-inner [-moz-focus-inner]
26 Unknown pseudo-element or pseudo-class ::-moz-focus-inner [-moz-focus-inner]
26 Unknown pseudo-element or pseudo-class ::-webkit-inner-spin-button [-webkit-inner-spin-button]
26 Unknown pseudo-element or pseudo-class ::-webkit-outer-spin-button [-webkit-outer-spin-button]
26 Unknown pseudo-element or pseudo-class ::-webkit-search-cancel-button [-webkit-search-cancel-button]
26 Unknown pseudo-element or pseudo-class ::-webkit-search-decoration [-webkit-search-decoration]
32 body Property overflow-wrap doesn't exist : break-word break-word
33 body break-word is not a word-break value : break-word break-word
34 body Property word-wrap doesn't exist : break-word break-word
65 .dim-overlay Value Error : height Unknown dimension 100vh
74 Unknown pseudo-element or pseudo-class ::-ms-clear [-ms-clear]
78 .blogger-logo, .svg-icon-24.blogger-logo Property fill doesn't exist : #ff9800 #ff9800
83 .loading-spinner-large Property animation doesn't exist : mspin-rotate 1.568s infinite linear mspin-rotate 1.568s infinite linear
92 .loading-spinner-large > div Property animation doesn't exist : mspin-revrot 5332ms infinite steps(4) mspin-revrot 5332ms infinite steps(4)
96 .loading-spinner-large > div > div Property animation doesn't exist : mspin-singlecolor-large-film 1333ms infinite steps(81) mspin-singlecolor-large-film 1333ms infinite steps(81)
110 Sorry, the at-rule @-webkit-keyframes is not implemented.
120 Sorry, the at-rule @keyframes is not implemented.
130 Sorry, the at-rule @-webkit-keyframes is not implemented.
140 Sorry, the at-rule @keyframes is not implemented.
150 Sorry, the at-rule @-webkit-keyframes is not implemented.
160 Sorry, the at-rule @keyframes is not implemented.
184 .skip-navigation Property transition doesn't exist : box-shadow 0.3s,height 0.3s,padding-top 0.3s box-shadow 0.3s,height 0.3s,padding-top 0.3s
189 .skip-navigation:focus 0 is not a box-shadow value : 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2) 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)
299 .paging-control-container .comment-range-text::after, .paging-control-container .paging-control::after Property pointer-events doesn't exist : none none
317 .b-notification.visible Property transition doesn't exist : margin-top 0.3s cubic-bezier(0.4,0,0.2,1) margin-top 0.3s cubic-bezier(0.4,0,0.2,1)
359 #comments Value Error : border-top Too many values or values are not recognized : 1px dashed rgba(0,0,0,0.54) 1px dashed rgba(0,0,0,0.54)
386 .comment .avatar-image-container img Parse Error [empty string]
389 .avatar-image-container svg, .comment .avatar-image-container .avatar-icon Parse Error [empty string]
392 .avatar-image-container svg, .comment .avatar-image-container .avatar-icon Property fill doesn't exist : #707070 #707070
435 #comments .comment .comment-content, .comment .comment-body break-word is not a word-break value : break-word break-word
460 .extendable .remaining-items Property transition doesn't exist : height 0.3s cubic-bezier(0.4,0,0.2,1) height 0.3s cubic-bezier(0.4,0,0.2,1)
477 .touch-icon:active, .touch-icon:focus Parse Error [empty string]
485 html[dir="rtl"] .rtl-reversible-icon Property transform doesn't exist : scaleX(-1) scaleX(-1)
499 .touch-icon-button:active .touch-icon, .touch-icon-button:focus .touch-icon Parse Error [empty string]
502 .Profile .default-avatar-wrapper .avatar-icon Parse Error [empty string]
505 .Profile .default-avatar-wrapper .avatar-icon Property fill doesn't exist : #707070 #707070
546 .post-bottom Property align-items doesn't exist : center center
547 .post-bottom Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
548 .post-bottom Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
549 .post-bottom Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
550 .post-bottom Value Error : display flex is not a display value : flex flex
553 .post-bottom Property flex-wrap doesn't exist : wrap wrap
559 .post-footer Property flex doesn't exist : 1 1 auto 1 1 auto
562 .post-footer Property flex-wrap doesn't exist : wrap wrap
566 .post-footer Property order doesn't exist : 1 1
572 .post-footer > * Property flex doesn't exist : 0 1 auto 0 1 auto
581 .jump-link Property flex doesn't exist : 0 0 auto 0 0 auto
585 .jump-link Property order doesn't exist : 2 2
595 .centered-top-container.sticky Property transition-property doesn't exist : opacity,-webkit-transform opacity,-webkit-transform
596 .centered-top-container.sticky Property transition-property doesn't exist : transform,opacity transform,opacity
597 .centered-top-container.sticky Property transition-property doesn't exist : transform,opacity,-webkit-transform transform,opacity,-webkit-transform
599 .centered-top-container.sticky Property transition-duration doesn't exist : 0.2s 0.2s
601 .centered-top-container.sticky Property transition-timing-function doesn't exist : cubic-bezier(0.4,0,0.2,1) cubic-bezier(0.4,0,0.2,1)
626 .collapsible Property transition doesn't exist : height 0.3s cubic-bezier(0.4,0,0.2,1) height 0.3s cubic-bezier(0.4,0,0.2,1)
649 Unknown pseudo-element or pseudo-class ::-webkit-details-marker [-webkit-details-marker]
656 .collapsible-title Property align-items doesn't exist : center center
657 .collapsible-title Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
658 .collapsible-title Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
659 .collapsible-title Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
660 .collapsible-title Value Error : display flex is not a display value : flex flex
666 .collapsible-title .title Property flex doesn't exist : 1 1 auto 1 1 auto
670 .collapsible-title .title Property order doesn't exist : 0 0
672 .collapsible-title .title Parse Error [empty string]
686 .flat-button Parse Error [empty string]
704 .flat-icon-button, .flat-icon-button .splash-wrapper Parse Error [empty string]
708 .flat-icon-button .splash.animate Property animation-duration doesn't exist : 0.3s 0.3s
722 .overflow-popup 0 is not a box-shadow value : 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12) 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
725 .overflow-popup Value Error : max-width Parse Error - 32px)
748 .pill-button Parse Error [empty string]
764 .splash-wrapper Property pointer-events doesn't exist : none none
772 .splash Parse Error [empty string]
778 .splash Property transform doesn't exist : scale(0) scale(0)
782 .splash.animate Property animation doesn't exist : ripple-effect 0.4s linear ripple-effect 0.4s linear
784 Sorry, the at-rule @-webkit-keyframes is not implemented.
791 Sorry, the at-rule @keyframes is not implemented.
799 .search Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
800 .search Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
801 .search Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
802 .search Value Error : display flex is not a display value : flex flex
819 .search form Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
820 .search form Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
821 .search form Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
822 .search form Value Error : display flex is not a display value : flex flex
826 .search form Property flex doesn't exist : 1 0 0 1 0 0
854 .search-expand Property flex doesn't exist : 0 0 auto 0 0 auto
867 .search-input Property flex doesn't exist : 1 0 1px 1 0 1px
876 .search-input input Value Error : width Parse Error - 48px)
917 .centered-bottom .share-buttons .svg-icon-24, .share-buttons .svg-icon-24 Property fill doesn't exist : #212121 #212121
924 .share-buttons Parse Error [empty string]
925 .share-buttons 0 is not a box-shadow value : 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12) 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
989 .sidebar-container Property transition-property doesn't exist : -webkit-transform -webkit-transform
990 .sidebar-container Property transition-property doesn't exist : transform transform
991 .sidebar-container Property transition-property doesn't exist : transform,-webkit-transform transform,-webkit-transform
993 .sidebar-container Property transition-duration doesn't exist : 0.3s 0.3s
995 .sidebar-container Property transition-timing-function doesn't exist : cubic-bezier(0,0,0.2,1) cubic-bezier(0,0,0.2,1)
1054 .widget.Profile .profile-link Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1055 .widget.Profile .profile-link Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1056 .widget.Profile .profile-link Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1057 .widget.Profile .profile-link Value Error : display flex is not a display value : flex flex
1063 .widget.Profile .team-member .default-avatar-wrapper, .widget.Profile .team-member .profile-img Property flex doesn't exist : 0 0 auto 0 0 auto
1071 .widget.Profile .individual .profile-link Property flex-direction doesn't exist : column column
1076 .widget.Profile .team .profile-link .profile-name Property align-self doesn't exist : center center
1081 .widget.Profile .team .profile-link .profile-name Property flex doesn't exist : 1 1 auto 1 1 auto
1100 .sidebar-container.sidebar-invisible Property transition-timing-function doesn't exist : cubic-bezier(0.4,0,0.6,1) cubic-bezier(0.4,0,0.6,1)
1103 .sidebar-container.sidebar-invisible Property transform doesn't exist : translateX(-284px) translateX(-284px)
1118 .dialog 0 is not a box-shadow value : 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12) 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
1125 .dialog Value Error : width Parse Error - 24px)
1131 .dialog input[type="email"], .dialog input[type="text"] Value Error : border-bottom Too many values or values are not recognized : solid 1px rgba(117,117,117,0.12) solid 1px rgba(117,117,117,0.12)
1143 Unknown pseudo-element or pseudo-class ::-webkit-input-placeholder [-webkit-input-placeholder]
1143 Unknown pseudo-element or pseudo-class ::-webkit-input-placeholder [-webkit-input-placeholder]
1146 Unknown pseudo-element or pseudo-class ::-moz-placeholder [-moz-placeholder]
1146 Unknown pseudo-element or pseudo-class ::-moz-placeholder [-moz-placeholder]
1149 Unknown pseudo-element or pseudo-class :-ms-input-placeholder
1149 Unknown pseudo-element or pseudo-class :-ms-input-placeholder
1152 Unknown pseudo-element or pseudo-class ::-ms-input-placeholder [-ms-input-placeholder]
1152 Unknown pseudo-element or pseudo-class ::-ms-input-placeholder [-ms-input-placeholder]
1155 Unknown pseudo-element or pseudo-class ::placeholder [placeholder]
1155 Unknown pseudo-element or pseudo-class ::placeholder [placeholder]
1209 Parse Error (max-width:800px){ .blog-name div.widget.Subscribe{ margin-bottom:16px } body.item-view .blog-name div.widget.Subscribe{ margin:8px auto 16px auto; width:100% } }
1258 .centered-top-container .svg-icon-24, body.collapsed-header .centered-top-placeholder .svg-icon-24 Property fill doesn't exist : #ffffff #ffffff
1261 .sidebar-container .svg-icon-24 Property fill doesn't exist : #707070 #707070
1264 .centered-bottom .svg-icon-24, body.collapsed-header .centered-top-container .svg-icon-24 Property fill doesn't exist : #707070 #707070
1267 .centered-bottom .share-buttons .svg-icon-24, .share-buttons .svg-icon-24 Property fill doesn't exist : #212121 #212121
1274 body Value Error : min-height Unknown dimension 100vh
1314 .bg-photo Property filter doesn't exist : blur(0) blur(0)
1315 .bg-photo Value Error : height Parse Error + 2 * 0px)
1319 .bg-photo Value Error : width Parse Error + 2 * 0px)
1322 .bg-photo-overlay Value Error : background rgba(0,0,0,0.26) is not a background value : rgba(0,0,0,0.26) rgba(0,0,0,0.26)
1338 .search Value Error : border-bottom Too many values or values are not recognized : solid 1px rgba(255,255,255,0) solid 1px rgba(255,255,255,0)
1342 .search Property transition-property doesn't exist : width width
1344 .search Property transition-duration doesn't exist : 0.5s 0.5s
1346 .search Property transition-timing-function doesn't exist : cubic-bezier(0.4,0,0.2,1) cubic-bezier(0.4,0,0.2,1)
1355 .search form Property transition-property doesn't exist : border-color border-color
1357 .search form Property transition-delay doesn't exist : 0.5s 0.5s
1359 .search form Property transition-duration doesn't exist : 0.2s 0.2s
1361 .search form Property transition-timing-function doesn't exist : cubic-bezier(0.4,0,0.2,1) cubic-bezier(0.4,0,0.2,1)
1364 .search.focused Value Error : width Parse Error - 48px)
1367 .search.focused form Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1368 .search.focused form Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1369 .search.focused form Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1370 .search.focused form Value Error : display flex is not a display value : flex flex
1374 .search.focused form Property flex doesn't exist : 1 0 1px 1 0 1px
1388 .item-view .search.focused, .sticky .search.focused Value Error : width Parse Error - 50px)
1400 .search_button Property flex doesn't exist : 0 0 24px 0 0 24px
1405 .search_button Property flex-direction doesn't exist : column column
1422 Unknown pseudo-element or pseudo-class ::-webkit-input-placeholder [-webkit-input-placeholder]
1426 Unknown pseudo-element or pseudo-class ::-moz-placeholder [-moz-placeholder]
1430 Unknown pseudo-element or pseudo-class :-ms-input-placeholder
1434 Unknown pseudo-element or pseudo-class ::-ms-input-placeholder [-ms-input-placeholder]
1438 Unknown pseudo-element or pseudo-class ::placeholder [placeholder]
1469 .page_body .centered Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1470 .page_body .centered Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1471 .page_body .centered Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1472 .page_body .centered Value Error : display flex is not a display value : flex flex
1477 .page_body .centered Property flex-direction doesn't exist : column column
1480 .page_body .centered Value Error : min-height Unknown dimension 100vh
1487 .page_body .centered > * Property flex doesn't exist : 0 0 auto 0 0 auto
1506 .blog-name .subscribe-section-container Property transition-property doesn't exist : opacity opacity
1508 .blog-name .subscribe-section-container Property transition-duration doesn't exist : 0.5s 0.5s
1529 .centered-top-container .blog-name Property transition-property doesn't exist : opacity opacity
1531 .centered-top-container .blog-name Property transition-duration doesn't exist : 0.5s 0.5s
1539 .item-view .blog-name Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1540 .item-view .blog-name Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1541 .item-view .blog-name Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1542 .item-view .blog-name Value Error : display flex is not a display value : flex flex
1545 .item-view .blog-name Property flex-wrap doesn't exist : wrap wrap
1552 .item-view .subscribe-section-container Property flex doesn't exist : 0 0 auto 0 0 auto
1570 .sticky 0 is not a box-shadow value : 0 0 20px 0 rgba(0,0,0,0.7) 0 0 20px 0 rgba(0,0,0,0.7)
1584 .sticky .blog-name Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1585 .sticky .blog-name Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1586 .sticky .blog-name Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1587 .sticky .blog-name Value Error : display flex is not a display value : flex flex
1594 .sticky .blog-name #header Property flex doesn't exist : 0 1 auto 0 1 auto
1598 .sticky .blog-name #header Property order doesn't exist : 1 1
1605 .sticky .blog-name .subscribe-section-container Property flex doesn't exist : 0 0 auto 0 0 auto
1609 .sticky .blog-name .subscribe-section-container Property order doesn't exist : 2 2
1613 .sticky .Header h1 Parse Error [empty string]
1646 .page_body.has-vertical-ads .centered .centered-bottom Value Error : width Parse Error - 176px)
1739 .post-title Value Error : max-width Parse Error - 48px)
1787 .FeaturedPost .snippet-thumbnail Value Error : max-height Parse Error + 2em)
1930 .Label li, .Label span.label-size, .byline.post-labels a Parse Error [empty string]
2056 .Attribution svg Property fill doesn't exist : #707070 #707070
2059 .sidebar-container Parse Error [empty string]
2113 .widget.Profile .profile-img Parse Error [empty string]
2126 .widget.Profile .profile-link.visit-profile Parse Error [empty string]
2155 .sidebar-container Value Error : min-height Parse Error - 480px)
2165 .sidebar-container .sidebar_top Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
2166 .sidebar-container .sidebar_top Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
2167 .sidebar-container .sidebar_top Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
2168 .sidebar-container .sidebar_top Value Error : display flex is not a display value : flex flex
2174 .sidebar-container .sidebar_top Property flex-direction doesn't exist : row row
2191 .sidebar-container .sidebar_top > :only-child Property flex doesn't exist : 0 0 auto 0 0 auto
2194 .sidebar-container .sidebar_top > :only-child Property align-self doesn't exist : center center
2208 .post-snippet .snippet-fade Value Error : background -webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%) is not a background value : -webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%) -webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%)
2209 .post-snippet .snippet-fade Value Error : background linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%) is not a background value : linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%) linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%)
2224 .main .popular-posts-snippet .snippet-fade Value Error : background -webkit-linear-gradient(left,#eeeeee 0,#eeeeee 20%,rgba(238,238,238,0) 100%) is not a background value : -webkit-linear-gradient(left,#eeeeee 0,#eeeeee 20%,rgba(238,238,238,0) 100%) -webkit-linear-gradient(left,#eeeeee 0,#eeeeee 20%,rgba(238,238,238,0) 100%)
2225 .main .popular-posts-snippet .snippet-fade Value Error : background linear-gradient(to left,#eeeeee 0,#eeeeee 20%,rgba(238,238,238,0) 100%) is not a background value : linear-gradient(to left,#eeeeee 0,#eeeeee 20%,rgba(238,238,238,0) 100%) linear-gradient(to left,#eeeeee 0,#eeeeee 20%,rgba(238,238,238,0) 100%)
2228 .sidebar_bottom .popular-posts-snippet .snippet-fade Value Error : background -webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%) is not a background value : -webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%) -webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%)
2229 .sidebar_bottom .popular-posts-snippet .snippet-fade Value Error : background linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%) is not a background value : linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%) linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%)
2241 .profile-snippet .snippet-fade Value Error : background -webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%) is not a background value : -webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%) -webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%)
2242 .profile-snippet .snippet-fade Value Error : background linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%) is not a background value : linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%) linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255,255,255,0) 100%)
2248 .profile-snippet .snippet-fade Value Error : background -webkit-linear-gradient(left,#f7f7f7 0,#f7f7f7 20%,rgba(247,247,247,0) 100%) is not a background value : -webkit-linear-gradient(left,#f7f7f7 0,#f7f7f7 20%,rgba(247,247,247,0) 100%) -webkit-linear-gradient(left,#f7f7f7 0,#f7f7f7 20%,rgba(247,247,247,0) 100%)
2249 .profile-snippet .snippet-fade Value Error : background linear-gradient(to left,#f7f7f7 0,#f7f7f7 20%,rgba(247,247,247,0) 100%) is not a background value : linear-gradient(to left,#f7f7f7 0,#f7f7f7 20%,rgba(247,247,247,0) 100%) linear-gradient(to left,#f7f7f7 0,#f7f7f7 20%,rgba(247,247,247,0) 100%)
2320 .post-body .snippet-thumbnail Value Error : margin Unknown dimension 3vw
2320 .post-body .snippet-thumbnail Value Error : margin Unknown dimension 3vw
2323 .post-body .snippet-thumbnail img Value Error : height Unknown dimension 20vw
2324 .post-body .snippet-thumbnail img Value Error : width Unknown dimension 20vw
2329 div.widget.PopularPosts div.item-thumbnail Value Error : margin Unknown dimension 3vw
2329 div.widget.PopularPosts div.item-thumbnail Value Error : margin Unknown dimension 3vw
2332 div.widget.PopularPosts div.item-thumbnail img Value Error : height Unknown dimension 20vw
2333 div.widget.PopularPosts div.item-thumbnail img Value Error : width Unknown dimension 20vw
2394 body.collapsed-header.item-view .centered-top-container .search.focused Value Error : width Parse Error - 50px)
2434 Parse Error (max-width: 480px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w480);}}
2435 Parse Error (max-width: 640px) and (min-width: 481px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w640);}}
2436 Parse Error (max-width: 800px) and (min-width: 641px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w800);}}
2437 Parse Error (max-width: 1200px) and (min-width: 801px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w1200);}}
2439 Parse Error (min-width: 1201px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w1600);}}

↑ Top

Warnings (138)

URI : https://belfitigi2020.blogspot.com/

26 Property -webkit-appearance is an unknown vendor extension
26 Property -ms-text-size-adjust is an unknown vendor extension
26 Property -moz-box-sizing is an unknown vendor extension
26 Property -moz-box-sizing is an unknown vendor extension
26 Property -webkit-box-sizing is an unknown vendor extension
26 Property -webkit-text-size-adjust is an unknown vendor extension
26 Property -webkit-appearance is an unknown vendor extension
82 Property -webkit-animation is an unknown vendor extension
91 Property -webkit-animation is an unknown vendor extension
95 Property -webkit-animation is an unknown vendor extension
183 Property -webkit-transition is an unknown vendor extension
316 Property -webkit-transition is an unknown vendor extension
459 Property -webkit-transition is an unknown vendor extension
483 Property -webkit-transform is an unknown vendor extension
484 Property -ms-transform is an unknown vendor extension
543 Property -webkit-box-align is an unknown vendor extension
544 Property -webkit-align-items is an unknown vendor extension
545 Property -ms-flex-align is an unknown vendor extension
551 Property -webkit-flex-wrap is an unknown vendor extension
552 Property -ms-flex-wrap is an unknown vendor extension
556 Property -webkit-box-flex is an unknown vendor extension
557 Property -webkit-flex is an unknown vendor extension
558 Property -ms-flex is an unknown vendor extension
560 Property -webkit-flex-wrap is an unknown vendor extension
561 Property -ms-flex-wrap is an unknown vendor extension
563 Property -webkit-box-ordinal-group is an unknown vendor extension
564 Property -webkit-order is an unknown vendor extension
565 Property -ms-flex-order is an unknown vendor extension
569 Property -webkit-box-flex is an unknown vendor extension
570 Property -webkit-flex is an unknown vendor extension
571 Property -ms-flex is an unknown vendor extension
578 Property -webkit-box-flex is an unknown vendor extension
579 Property -webkit-flex is an unknown vendor extension
580 Property -ms-flex is an unknown vendor extension
582 Property -webkit-box-ordinal-group is an unknown vendor extension
583 Property -webkit-order is an unknown vendor extension
584 Property -ms-flex-order is an unknown vendor extension
594 Property -webkit-transition-property is an unknown vendor extension
598 Property -webkit-transition-duration is an unknown vendor extension
600 Property -webkit-transition-timing-function is an unknown vendor extension
625 Property -webkit-transition is an unknown vendor extension
653 Property -webkit-box-align is an unknown vendor extension
654 Property -webkit-align-items is an unknown vendor extension
655 Property -ms-flex-align is an unknown vendor extension
663 Property -webkit-box-flex is an unknown vendor extension
664 Property -webkit-flex is an unknown vendor extension
665 Property -ms-flex is an unknown vendor extension
667 Property -webkit-box-ordinal-group is an unknown vendor extension
668 Property -webkit-order is an unknown vendor extension
669 Property -ms-flex-order is an unknown vendor extension
707 Property -webkit-animation-duration is an unknown vendor extension
776 Property -webkit-transform is an unknown vendor extension
777 Property -ms-transform is an unknown vendor extension
781 Property -webkit-animation is an unknown vendor extension
823 Property -webkit-box-flex is an unknown vendor extension
824 Property -webkit-flex is an unknown vendor extension
825 Property -ms-flex is an unknown vendor extension
851 Property -webkit-box-flex is an unknown vendor extension
852 Property -webkit-flex is an unknown vendor extension
853 Property -ms-flex is an unknown vendor extension
864 Property -webkit-box-flex is an unknown vendor extension
865 Property -webkit-flex is an unknown vendor extension
866 Property -ms-flex is an unknown vendor extension
988 Property -webkit-transition-property is an unknown vendor extension
992 Property -webkit-transition-duration is an unknown vendor extension
994 Property -webkit-transition-timing-function is an unknown vendor extension
998 Property -webkit-overflow-scrolling is an unknown vendor extension
1060 Property -webkit-box-flex is an unknown vendor extension
1061 Property -webkit-flex is an unknown vendor extension
1062 Property -ms-flex is an unknown vendor extension
1067 Property -webkit-box-orient is an unknown vendor extension
1068 Property -webkit-box-direction is an unknown vendor extension
1069 Property -webkit-flex-direction is an unknown vendor extension
1070 Property -ms-flex-direction is an unknown vendor extension
1074 Property -webkit-align-self is an unknown vendor extension
1075 Property -ms-flex-item-align is an unknown vendor extension
1078 Property -webkit-box-flex is an unknown vendor extension
1079 Property -webkit-flex is an unknown vendor extension
1080 Property -ms-flex is an unknown vendor extension
1099 Property -webkit-transition-timing-function is an unknown vendor extension
1101 Property -webkit-transform is an unknown vendor extension
1102 Property -ms-transform is an unknown vendor extension
1313 Property -webkit-filter is an unknown vendor extension
1341 Property -webkit-transition-property is an unknown vendor extension
1343 Property -webkit-transition-duration is an unknown vendor extension
1345 Property -webkit-transition-timing-function is an unknown vendor extension
1354 Property -webkit-transition-property is an unknown vendor extension
1356 Property -webkit-transition-delay is an unknown vendor extension
1358 Property -webkit-transition-duration is an unknown vendor extension
1360 Property -webkit-transition-timing-function is an unknown vendor extension
1371 Property -webkit-box-flex is an unknown vendor extension
1372 Property -webkit-flex is an unknown vendor extension
1373 Property -ms-flex is an unknown vendor extension
1397 Property -webkit-box-flex is an unknown vendor extension
1398 Property -webkit-flex is an unknown vendor extension
1399 Property -ms-flex is an unknown vendor extension
1401 Property -webkit-box-orient is an unknown vendor extension
1402 Property -webkit-box-direction is an unknown vendor extension
1403 Property -webkit-flex-direction is an unknown vendor extension
1404 Property -ms-flex-direction is an unknown vendor extension
1473 Property -webkit-box-orient is an unknown vendor extension
1474 Property -webkit-box-direction is an unknown vendor extension
1475 Property -webkit-flex-direction is an unknown vendor extension
1476 Property -ms-flex-direction is an unknown vendor extension
1484 Property -webkit-box-flex is an unknown vendor extension
1485 Property -webkit-flex is an unknown vendor extension
1486 Property -ms-flex is an unknown vendor extension
1505 Property -webkit-transition-property is an unknown vendor extension
1507 Property -webkit-transition-duration is an unknown vendor extension
1528 Property -webkit-transition-property is an unknown vendor extension
1530 Property -webkit-transition-duration is an unknown vendor extension
1543 Property -webkit-flex-wrap is an unknown vendor extension
1544 Property -ms-flex-wrap is an unknown vendor extension
1549 Property -webkit-box-flex is an unknown vendor extension
1550 Property -webkit-flex is an unknown vendor extension
1551 Property -ms-flex is an unknown vendor extension
1591 Property -webkit-box-flex is an unknown vendor extension
1592 Property -webkit-flex is an unknown vendor extension
1593 Property -ms-flex is an unknown vendor extension
1595 Property -webkit-box-ordinal-group is an unknown vendor extension
1596 Property -webkit-order is an unknown vendor extension
1597 Property -ms-flex-order is an unknown vendor extension
1602 Property -webkit-box-flex is an unknown vendor extension
1603 Property -webkit-flex is an unknown vendor extension
1604 Property -ms-flex is an unknown vendor extension
1606 Property -webkit-box-ordinal-group is an unknown vendor extension
1607 Property -webkit-order is an unknown vendor extension
1608 Property -ms-flex-order is an unknown vendor extension
2170 Property -webkit-box-orient is an unknown vendor extension
2171 Property -webkit-box-direction is an unknown vendor extension
2172 Property -webkit-flex-direction is an unknown vendor extension
2173 Property -ms-flex-direction is an unknown vendor extension
2188 Property -webkit-box-flex is an unknown vendor extension
2189 Property -webkit-flex is an unknown vendor extension
2190 Property -ms-flex is an unknown vendor extension
2192 Property -webkit-align-self is an unknown vendor extension
2193 Property -ms-flex-item-align is an unknown vendor extension
2430 You should add a 'type' attribute with a value of 'text/css' to the 'style' element

↑ Top

Valid CSS information

@font-face {
font-family : "'Roboto'";
font-style : italic;
font-weight : 300;
src : url(//fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc6CsE.ttf) format('truetype');
}
@font-face {
{
font-family : "'Roboto'";
font-style : normal;
font-weight : 400;
src : url(//fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
}
@font-face {
{
font-family : "'Roboto'";
font-style : normal;
font-weight : 700;
src : url(//fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
}
}
html {
font-family : sans-serif;
}
body {
margin : 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display : block;
}
audio, canvas, progress, video {
display : inline-block;
vertical-align : baseline;
}
audio:not([controls]) {
display : none;
height : 0;
}
[hidden], template {
display : none;
}
a {
background : transparent;
}
a:active, a:hover {
outline : 0;
}
abbr[title] {
border-bottom : 1px dotted;
}
b, strong {
font-weight : bold;
}
dfn {
font-style : italic;
}
h1 {
font-size : 2em;
margin : 0.67em 0;
}
mark {
background : #ff0;
color : #000;
}
small {
font-size : 80%;
}
sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -0.5em;
}
sub {
bottom : -0.25em;
}
img {
border : 0;
}
svg:not(:root) {
overflow : hidden;
}
figure {
margin : 1em 40px;
}
hr {
box-sizing : content-box;
height : 0;
}
pre {
overflow : auto;
}
code, kbd, pre, samp {
font-family : monospace, monospace;
font-size : 1em;
}
button, input, optgroup, select, textarea {
color : inherit;
font : inherit;
margin : 0;
}
button {
overflow : visible;
}
button, select {
text-transform : none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor : pointer;
}
button[disabled], html input[disabled] {
cursor : default;
}
input {
line-height : normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing : border-box;
padding : 0;
}
input[type="search"] {
box-sizing : content-box;
}
fieldset {
border : 1px solid #c0c0c0;
margin : 0 2px;
padding : 0.35em 0.625em 0.75em;
}
legend {
border : 0;
padding : 0;
}
textarea {
overflow : auto;
}
optgroup {
font-weight : bold;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
td, th {
padding : 0;
}
.hidden {
display : none;
}
.invisible {
visibility : hidden;
}
.container::after, .float-container::after {
clear : both;
content : "";
display : table;
}
.clearboth {
clear : both;
}
#comments .comment .comment-actions, .subscribe-popup .FollowByEmail .follow-by-email-submit, .widget.Profile .profile-link, .widget.Profile .profile-link.visit-profile {
background : 0% 0%;
border : 0;
box-shadow : none;
color : #2196f3;
cursor : pointer;
font-size : 14px;
font-weight : 700;
outline : 0;
text-decoration : none;
text-transform : uppercase;
width : auto;
}
.dim-overlay {
background-color : rgba(0, 0, 0, 0.54);
left : 0;
position : fixed;
top : 0;
width : 100%;
}
#sharing-dim-overlay {
background-color : transparent;
}
.blogger-logo, .svg-icon-24.blogger-logo {
opacity : 1.0;
}
.loading-spinner-large {
height : 48px;
overflow : hidden;
position : absolute;
width : 48px;
z-index : 200;
}
.loading-spinner-large > div > div {
background-size : 100%;
height : 48px;
width : 3888px;
}
.mspin-black-large > div > div, .mspin-grey_54-large > div > div {
background-image : url(https://www.blogblog.com/indie/mspin_black_large.svg);
}
.mspin-white-large > div > div {
background-image : url(https://www.blogblog.com/indie/mspin_white_large.svg);
}
.mspin-grey_54-large {
opacity : 0.54;
}
.skip-navigation {
background-color : #fff;
box-sizing : border-box;
color : #000;
display : block;
height : 0;
left : 0;
line-height : 50px;
overflow : hidden;
padding-top : 0;
position : fixed;
text-align : center;
top : 0;
width : 100%;
z-index : 900;
}
.skip-navigation:focus {
height : 50px;
}
#main {
outline : 0;
}
.main-heading {
position : absolute;
clip : rect(1px,1px,1px,1px);
padding : 0;
border : 0;
height : 1px;
width : 1px;
overflow : hidden;
}
.Attribution {
margin-top : 1em;
text-align : center;
}
.Attribution .blogger img, .Attribution .blogger svg {
vertical-align : bottom;
}
.Attribution .blogger img {
margin-right : 0.5em;
}
.Attribution div {
line-height : 24px;
margin-top : 0.5em;
}
.Attribution .copyright, .Attribution .image-attribution {
font-size : 0.7em;
margin-top : 1.5em;
}
.BLOG_mobile_video_class {
display : none;
}
.bg-photo {
background-attachment : scroll !important ;
}
body .CSS_LIGHTBOX {
z-index : 900;
}
.extendable .show-less, .extendable .show-more {
border-color : #2196f3;
color : #2196f3;
margin-top : 8px;
}
.extendable .show-less.hidden, .extendable .show-more.hidden {
display : none;
}
.inline-ad {
display : none;
max-width : 100%;
overflow : hidden;
}
.adsbygoogle {
display : block;
}
#cookieChoiceInfo {
bottom : 0;
top : auto;
}
iframe.b-hbp-video {
border : 0;
}
.post-body img {
max-width : 100%;
}
.post-body iframe {
max-width : 100%;
}
.post-body a[imageanchor="1"] {
display : inline-block;
}
.byline {
margin-right : 1em;
}
.byline:last-child {
margin-right : 0;
}
.link-copied-dialog {
max-width : 520px;
outline : 0;
}
.link-copied-dialog .modal-dialog-buttons {
margin-top : 8px;
}
.link-copied-dialog .goog-buttonset-default {
background : 0% 0%;
border : 0;
}
.link-copied-dialog .goog-buttonset-default:focus {
outline : 0;
}
.paging-control-container {
margin-bottom : 16px;
}
.paging-control-container .paging-control {
display : inline-block;
}
.paging-control-container .comment-range-text::after, .paging-control-container .paging-control {
color : #2196f3;
}
.paging-control-container .comment-range-text, .paging-control-container .paging-control {
margin-right : 8px;
}
.paging-control-container .comment-range-text::after, .paging-control-container .paging-control::after {
content : "\b7";
cursor : default;
padding-left : 8px;
}
.paging-control-container .comment-range-text:last-child::after, .paging-control-container .paging-control:last-child::after {
content : none;
}
.byline.reactions iframe {
height : 20px;
}
.b-notification {
color : #000;
background-color : #fff;
border-bottom : 1px solid #000;
box-sizing : border-box;
padding : 16px 32px;
text-align : center;
}
.b-notification.invisible {
position : absolute;
}
.b-notification-close {
position : absolute;
right : 8px;
top : 8px;
}
.no-posts-message {
line-height : 40px;
text-align : center;
}
@media screen and (max-width : 800px) {
body.item-view .post-body a[imageanchor="1"][style*="float: left;"], body.item-view .post-body a[imageanchor="1"][style*="float: right;"] {
float : none !important ;
clear : none !important ;
}
body.item-view .post-body a[imageanchor="1"] img {
display : block;
height : auto;
margin : 0 auto;
}
body.item-view .post-body > .separator:first-child > a[imageanchor="1"]:first-child {
margin-top : 20px;
}
.post-body a[imageanchor] {
display : block;
}
body.item-view .post-body a[imageanchor="1"] {
margin-left : 0 !important ;
margin-right : 0 !important ;
}
body.item-view .post-body a[imageanchor="1"] + a[imageanchor="1"] {
margin-top : 16px;
}
}
.item-control {
display : none;
}
#comments {
margin-top : 20px;
padding : 20px;
}
#comments .comment-thread ol {
margin : 0;
padding-left : 0;
padding-left : 0;
}
#comments .comment .comment-replybox-single, #comments .comment-thread .comment-replies {
margin-left : 60px;
}
#comments .comment-thread .thread-count {
display : none;
}
#comments .comment {
list-style-type : none;
padding : 0 0 30px;
position : relative;
}
#comments .comment .comment {
padding-bottom : 8px;
}
.comment .avatar-image-container {
position : absolute;
}
.avatar-image-container svg, .comment .avatar-image-container .avatar-icon {
border : 1px solid #707070;
box-sizing : border-box;
height : 35px;
margin : 0;
padding : 7px;
width : 35px;
}
.comment .comment-block {
margin-top : 10px;
margin-left : 60px;
padding-bottom : 0;
}
#comments .comment-author-header-wrapper {
margin-left : 40px;
}
#comments .comment .thread-expanded .comment-block {
padding-bottom : 20px;
}
#comments .comment .comment-header .user, #comments .comment .comment-header .user a {
color : #212121;
font-style : normal;
font-weight : 700;
}
#comments .comment .comment-actions {
bottom : 0;
margin-bottom : 15px;
position : absolute;
}
#comments .comment .comment-actions > * {
margin-right : 8px;
}
#comments .comment .comment-header .datetime {
bottom : 0;
color : rgba(33, 33, 33, 0.54);
display : inline-block;
font-size : 13px;
font-style : italic;
margin-left : 8px;
}
#comments .comment .comment-footer .comment-timestamp a, #comments .comment .comment-header .datetime a {
color : rgba(33, 33, 33, 0.54);
}
#comments .comment .comment-content, .comment .comment-body {
margin-top : 12px;
}
.comment-body {
margin-bottom : 12px;
}
#comments.embed[data-num-comments="0"] {
border : 0;
margin-top : 0;
padding-top : 0;
}
#comments.embed[data-num-comments="0"] #comment-post-message, #comments.embed[data-num-comments="0"] div.comment-form > p, #comments.embed[data-num-comments="0"] p.comment-footer {
display : none;
}
#comment-editor-src {
display : none;
}
.comments .comments-content .loadmore.loaded {
max-height : 0;
opacity : 0.0;
overflow : hidden;
}
.extendable .remaining-items {
height : 0;
overflow : hidden;
}
.extendable .remaining-items.expanded {
height : auto;
}
.svg-icon-24, .svg-icon-24-button {
cursor : pointer;
height : 24px;
width : 24px;
min-width : 24px;
}
.touch-icon {
margin : -12px;
padding : 12px;
}
.touch-icon:active, .touch-icon:focus {
background-color : rgba(153, 153, 153, 0.4);
}
svg:not(:root).touch-icon {
overflow : visible;
}
.svg-icon-24-button, .touch-icon-button {
background : 0% 0%;
border : 0;
margin : 0;
outline : 0;
padding : 0;
}
.touch-icon-button .touch-icon:active, .touch-icon-button .touch-icon:focus {
background-color : transparent;
}
.touch-icon-button:active .touch-icon, .touch-icon-button:focus .touch-icon {
background-color : rgba(153, 153, 153, 0.4);
}
.Profile .default-avatar-wrapper .avatar-icon {
border : 1px solid #707070;
box-sizing : border-box;
margin : 0;
}
.Profile .individual .default-avatar-wrapper .avatar-icon {
padding : 25px;
}
.Profile .individual .avatar-icon, .Profile .individual .profile-img {
height : 120px;
width : 120px;
}
.Profile .team .default-avatar-wrapper .avatar-icon {
padding : 8px;
}
.Profile .team .avatar-icon, .Profile .team .default-avatar-wrapper, .Profile .team .profile-img {
height : 40px;
width : 40px;
}
.snippet-container {
margin : 0;
position : relative;
overflow : hidden;
}
.snippet-fade {
bottom : 0;
box-sizing : border-box;
position : absolute;
width : 96px;
}
.snippet-fade {
right : 0;
}
.snippet-fade:after {
content : "\2026";
}
.snippet-fade:after {
float : right;
}
.post-footer .byline:last-child {
margin-right : 1em;
}
.centered-top-container.sticky {
left : 0;
position : fixed;
right : 0;
top : 0;
width : auto;
z-index : 50;
}
.centered-top-placeholder {
display : none;
}
.collapsed-header .centered-top-placeholder {
display : block;
}
.centered-top-container .Header .replaced h1, .centered-top-placeholder .Header .replaced h1 {
display : none;
}
.centered-top-container.sticky .Header .replaced h1 {
display : block;
}
.centered-top-container.sticky .Header .header-widget {
background : 0% 0%;
}
.centered-top-container.sticky .Header .header-image-wrapper {
display : none;
}
.centered-top-container img, .centered-top-placeholder img {
max-width : 100%;
}
.collapsible, .collapsible > summary {
display : block;
overflow : hidden;
}
.collapsible > :not(summary) {
display : none;
}
.collapsible[open] > :not(summary) {
display : block;
}
.collapsible:focus, .collapsible > summary:focus {
outline : 0;
}
.collapsible > summary {
cursor : pointer;
display : block;
padding : 0;
}
.collapsible:focus > summary, .collapsible > summary:focus {
background-color : transparent;
}
.collapsible-title .title {
overflow : hidden;
white-space : nowrap;
}
.collapsible-title .chevron-down, .collapsible[open] .collapsible-title .chevron-up {
display : block;
}
.collapsible-title .chevron-up, .collapsible[open] .collapsible-title .chevron-down {
display : none;
}
.flat-button {
cursor : pointer;
display : inline-block;
font-weight : 700;
text-transform : uppercase;
padding : 8px;
margin : -8px;
}
.flat-icon-button {
background : 0% 0%;
border : 0;
margin : 0;
outline : 0;
padding : 0;
margin : -12px;
padding : 12px;
cursor : pointer;
box-sizing : content-box;
display : inline-block;
line-height : 0;
}
.overflowable-container {
max-height : 46px;
overflow : hidden;
position : relative;
}
.overflow-button {
cursor : pointer;
}
#overflowable-dim-overlay {
background : 0% 0%;
}
.overflow-popup {
background-color : #ffffff;
left : 0;
position : absolute;
top : 0;
visibility : hidden;
z-index : 101;
}
.overflow-popup ul {
list-style : none;
}
.overflow-popup .tabs li, .overflow-popup li {
display : block;
height : auto;
}
.overflow-popup .tabs li {
padding-left : 0;
padding-right : 0;
}
.overflow-button.hidden, .overflow-popup .tabs li.hidden, .overflow-popup li.hidden {
display : none;
}
.pill-button {
background : 0% 0%;
border : 1px solid;
cursor : pointer;
display : inline-block;
padding : 4px 16px;
text-transform : uppercase;
}
.ripple {
position : relative;
}
.ripple > * {
z-index : 1;
}
.splash-wrapper {
bottom : 0;
left : 0;
overflow : hidden;
position : absolute;
right : 0;
top : 0;
z-index : 0;
}
.splash {
background : #ccc;
display : block;
opacity : 0.6;
position : absolute;
}
.search {
line-height : 24px;
width : 24px;
}
.search.focused {
width : 100%;
}
.search.focused .section {
width : 100%;
}
.search form {
z-index : 101;
}
.search h3 {
display : none;
}
.search form {
border-bottom : 1px solid transparent;
padding-bottom : 8px;
}
.search form > * {
display : none;
}
.search.focused form > * {
display : block;
}
.search .search-input label {
display : none;
}
.centered-top-placeholder.cloned .search form {
z-index : 30;
}
.search.focused form {
border-color : #ffffff;
position : relative;
width : auto;
}
.collapsed-header .centered-top-container .search.focused form {
border-bottom-color : transparent;
}
.search-expand-text {
display : none;
}
.search-close {
display : inline;
vertical-align : middle;
}
.search-input input {
background : 0% 0%;
border : 0;
box-sizing : border-box;
color : #ffffff;
display : inline-block;
outline : 0;
}
.search-input input.no-cursor {
color : transparent;
text-shadow : #ffffff 0 0 0;
}
.collapsed-header .centered-top-container .search-action, .collapsed-header .centered-top-container .search-input input {
color : #212121;
}
.collapsed-header .centered-top-container .search-input input.no-cursor {
color : transparent;
text-shadow : #212121 0 0 0;
}
.collapsed-header .centered-top-container .search-input input.no-cursor:focus, .search-input input.no-cursor:focus {
outline : 0;
}
.search-focused > * {
visibility : hidden;
}
.search-focused .search, .search-focused .search-icon {
visibility : visible;
}
.search.focused .search-action {
display : block;
}
.search.focused .search-action:disabled {
opacity : 0.3;
}
.widget.Sharing .sharing-button {
display : none;
}
.widget.Sharing .sharing-buttons li {
padding : 0;
}
.widget.Sharing .sharing-buttons li span {
display : none;
}
.post-share-buttons {
position : relative;
}
.sharing-open.touch-icon-button:active .touch-icon, .sharing-open.touch-icon-button:focus .touch-icon {
background-color : transparent;
}
.share-buttons {
background-color : #ffffff;
color : #212121;
list-style : none;
margin : 0;
padding : 8px 0;
position : absolute;
top : -11px;
min-width : 200px;
z-index : 101;
}
.share-buttons.hidden {
display : none;
}
.sharing-button {
background : 0% 0%;
border : 0;
margin : 0;
outline : 0;
padding : 0;
cursor : pointer;
}
.share-buttons li {
margin : 0;
height : 48px;
}
.share-buttons li:last-child {
margin-bottom : 0;
}
.share-buttons li .sharing-platform-button {
box-sizing : border-box;
cursor : pointer;
display : block;
height : 100%;
margin-bottom : 0;
padding : 0 16px;
position : relative;
width : 100%;
}
.share-buttons li .sharing-platform-button:focus, .share-buttons li .sharing-platform-button:hover {
background-color : rgba(128, 128, 128, 0.1);
outline : 0;
}
.share-buttons li svg[class*=" sharing-"], .share-buttons li svg[class^="sharing-"] {
position : absolute;
top : 10px;
}
.share-buttons li span.sharing-platform-button {
position : relative;
top : 0;
}
.share-buttons li .platform-sharing-text {
display : block;
font-size : 16px;
line-height : 48px;
white-space : nowrap;
}
.share-buttons li .platform-sharing-text {
margin-left : 56px;
}
.sidebar-container {
background-color : #ffffff;
max-width : 284px;
overflow-y : auto;
width : 284px;
z-index : 101;
}
.sidebar-container .navigation {
line-height : 0;
padding : 16px;
}
.sidebar-container .sidebar-back {
cursor : pointer;
}
.sidebar-container .widget {
background : 0% 0%;
margin : 0 16px;
padding : 16px 0;
}
.sidebar-container .widget .title {
color : #212121;
margin : 0;
}
.sidebar-container .widget ul {
list-style : none;
margin : 0;
padding : 0;
}
.sidebar-container .widget ul ul {
margin-left : 1em;
}
.sidebar-container .widget li {
font-size : 16px;
line-height : normal;
}
.sidebar-container .widget + .widget {
border-top : 1px dashed #cccccc;
}
.BlogArchive li {
margin : 16px 0;
}
.BlogArchive li:last-child {
margin-bottom : 0;
}
.Label li a {
display : inline-block;
}
.BlogArchive .post-count, .Label .label-count {
float : right;
margin-left : 0.25em;
}
.BlogArchive .post-count::before, .Label .label-count::before {
content : "(";
}
.BlogArchive .post-count::after, .Label .label-count::after {
content : ")";
}
.widget.Translate .skiptranslate > div {
display : block !important ;
}
.widget.Profile .team-member .default-avatar-wrapper, .widget.Profile .team-member .profile-img {
margin-right : 1em;
}
.widget.Profile .team .profile-link .profile-name {
display : block;
}
.dim-overlay {
background-color : rgba(0, 0, 0, 0.54);
z-index : 100;
}
body.sidebar-visible {
overflow-y : hidden;
}
@media screen and (max-width : 1439px) {
.sidebar-container {
bottom : 0;
position : fixed;
top : 0;
left : 0;
right : auto;
}
}
@media screen and (min-width : 1440px) {
.sidebar-container {
position : absolute;
top : 0;
left : 0;
right : auto;
}
.sidebar-container .navigation {
display : none;
}
}
.dialog {
background : #ffffff;
box-sizing : border-box;
color : #757575;
padding : 30px;
position : fixed;
text-align : center;
z-index : 101;
}
.dialog input[type="email"], .dialog input[type="text"] {
background-color : transparent;
border : 0;
color : #757575;
display : block;
font-family : Roboto, sans-serif;
font-size : 16px;
line-height : 24px;
margin : auto;
padding-bottom : 7px;
outline : 0;
text-align : center;
width : 100%;
}
.dialog input[type="email"]:focus, .dialog input[type="text"]:focus {
border-bottom : 2px solid #2196f3;
padding-bottom : 6px;
}
.dialog input.no-cursor {
color : transparent;
text-shadow : #757575 0 0 0;
}
.dialog input.no-cursor:focus {
outline : 0;
}
.dialog input.no-cursor:focus {
outline : 0;
}
.dialog input[type="submit"] {
font-family : Roboto, sans-serif;
}
.dialog .goog-buttonset-default {
color : #2196f3;
}
.subscribe-popup {
max-width : 364px;
}
.subscribe-popup h3 {
color : #212121;
font-size : 1.8em;
margin-top : 0;
}
.subscribe-popup .FollowByEmail h3 {
display : none;
}
.subscribe-popup .FollowByEmail .follow-by-email-submit {
color : #2196f3;
display : inline-block;
margin : 0 auto;
margin-top : 24px;
width : auto;
white-space : normal;
}
.subscribe-popup .FollowByEmail .follow-by-email-submit:disabled {
cursor : default;
opacity : 0.3;
}
.tabs {
list-style : none;
}
.tabs li {
display : inline-block;
}
.tabs li a {
cursor : pointer;
display : inline-block;
font-weight : 700;
text-transform : uppercase;
padding : 12px 8px;
}
.tabs .selected {
border-bottom : 4px solid #ffffff;
}
.tabs .selected a {
color : #ffffff;
}
body#layout .bg-photo, body#layout .bg-photo-overlay {
display : none;
}
body#layout .page_body {
padding : 0;
position : relative;
top : 0;
}
body#layout .page {
display : inline-block;
left : inherit;
position : relative;
vertical-align : top;
width : 540px;
}
body#layout .centered {
max-width : 954px;
}
body#layout .navigation {
display : none;
}
body#layout .sidebar-container {
display : inline-block;
width : 40%;
}
body#layout .hamburger-menu, body#layout .search {
display : none;
}
body {
background-color : #eeeeee;
color : #757575;
font : 15px Roboto, sans-serif;
margin : 0;
}
img {
max-width : 100%;
}
h3 {
color : #757575;
font-size : 16px;
}
a {
text-decoration : none;
color : #2196f3;
}
a:visited {
color : #2196f3;
}
a:hover {
color : #2196f3;
}
blockquote {
color : #444444;
font : italic 300 15px Roboto, sans-serif;
font-size : x-large;
text-align : center;
}
.pill-button {
font-size : 12px;
}
.bg-photo-container {
height : 480px;
overflow : hidden;
position : absolute;
width : 100%;
z-index : 1;
}
.bg-photo {
background : url(https://themes.googleusercontent.com/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw) center top no-repeat scroll #eeeeee;
background-attachment : scroll;
background-size : cover;
left : 0;
position : absolute;
top : 0;
}
.bg-photo-overlay {
background-size : cover;
height : 480px;
position : absolute;
width : 100%;
z-index : 2;
}
.hamburger-menu {
float : left;
margin-top : 0;
}
.sticky .hamburger-menu {
float : none;
position : absolute;
}
.search {
float : right;
position : relative;
z-index : 101;
}
.search .dim-overlay {
background-color : transparent;
}
.search form {
height : 36px;
}
.search.focused form {
border-color : #ffffff;
margin-left : -24px;
padding-left : 36px;
position : relative;
width : auto;
}
.item-view .search, .sticky .search {
right : 0;
float : none;
margin-left : 0;
position : absolute;
}
.item-view .search.focused form, .sticky .search.focused form {
border-bottom-color : #757575;
}
.centered-top-placeholder.cloned .search form {
z-index : 30;
}
.search_button svg {
margin-top : 0;
}
.search-input {
height : 48px;
}
.search-input input {
display : block;
color : #ffffff;
font : 16px Roboto, sans-serif;
height : 48px;
line-height : 48px;
padding : 0;
width : 100%;
}
.search-action {
background : 0% 0%;
border : 0;
color : #ffffff;
cursor : pointer;
display : none;
height : 48px;
margin-top : 0;
}
.sticky .search-action {
color : #757575;
}
.search.focused .search-action {
display : block;
}
.search.focused .search-action:disabled {
opacity : 0.3;
}
.page_body {
position : relative;
z-index : 20;
}
.page_body .widget {
margin-bottom : 16px;
}
.page_body .centered {
box-sizing : border-box;
margin : 0 auto;
max-width : 922px;
padding : 24px 0;
}
.page_body .centered > #footer {
margin-top : auto;
}
.blog-name {
margin : 24px 0 16px 0;
}
.item-view .blog-name, .sticky .blog-name {
box-sizing : border-box;
margin-left : 36px;
min-height : 48px;
opacity : 1.0;
padding-top : 12px;
}
.blog-name .subscribe-section-container {
margin-bottom : 32px;
text-align : center;
}
.item-view .blog-name .subscribe-section-container, .sticky .blog-name .subscribe-section-container {
margin : 0 0 8px 0;
}
.blog-name .PageList {
margin-top : 16px;
padding-top : 8px;
text-align : center;
}
.blog-name .PageList .overflowable-contents {
width : 100%;
}
.blog-name .PageList h3.title {
color : #ffffff;
margin : 8px auto;
text-align : center;
width : 100%;
}
.item-view .return_link {
margin-bottom : 12px;
margin-top : 12px;
position : absolute;
}
.item-view .blog-name {
margin : 0 48px 27px 48px;
}
.item-view #header, .item-view .Header {
margin-bottom : 5px;
margin-right : 15px;
}
.item-view .sticky .Header {
margin-bottom : 0;
}
.item-view .Header p {
margin : 10px 0 0 0;
text-align : left;
}
.item-view .post-share-buttons-bottom {
margin-right : 16px;
}
.sticky {
background : #ffffff;
box-sizing : border-box;
margin-left : 0;
}
.sticky #header {
margin-bottom : 8px;
margin-right : 8px;
}
.sticky .centered-top {
margin : 4px auto;
max-width : 890px;
min-height : 48px;
}
.sticky .blog-name {
margin : 0 48px;
}
.sticky .blog-name #header {
overflow : hidden;
}
.sticky .Header h1 {
overflow : hidden;
white-space : nowrap;
margin-right : -10px;
margin-bottom : -10px;
padding-right : 10px;
padding-bottom : 10px;
}
.sticky .Header p {
display : none;
}
.sticky .PageList {
display : none;
}
.search-focused > * {
visibility : visible;
}
.search-focused .hamburger-menu {
visibility : visible;
}
.item-view .search-focused .blog-name, .sticky .search-focused .blog-name {
opacity : 0.0;
}
.centered-bottom, .centered-top-container, .centered-top-placeholder {
padding : 0 16px;
}
.centered-top {
position : relative;
}
.item-view .centered-top.search-focused .subscribe-section-container, .sticky .centered-top.search-focused .subscribe-section-container {
opacity : 0.0;
}
.page_body.has-vertical-ads .centered .centered-bottom {
display : inline-block;
}
.Header h1 {
color : #ffffff;
font : bold 45px Roboto, sans-serif;
line-height : normal;
margin : 0 0 13px 0;
text-align : center;
width : 100%;
}
.Header h1 a, .Header h1 a:hover, .Header h1 a:visited {
color : #ffffff;
}
.item-view .Header h1, .sticky .Header h1 {
font-size : 24px;
line-height : 24px;
margin : 0;
text-align : left;
}
.sticky .Header h1 {
color : #757575;
}
.sticky .Header h1 a, .sticky .Header h1 a:hover, .sticky .Header h1 a:visited {
color : #757575;
}
.Header p {
color : #ffffff;
margin : 0 0 13px 0;
opacity : 0.8;
text-align : center;
}
.widget .title {
line-height : 28px;
}
.BlogArchive li {
font-size : 16px;
}
.BlogArchive .post-count {
color : #757575;
}
#page_body .FeaturedPost, .Blog .blog-posts .post-outer-container {
background : #ffffff;
min-height : 40px;
padding : 30px 40px;
width : auto;
}
.Blog .blog-posts .post-outer-container:last-child {
margin-bottom : 0;
}
.Blog .blog-posts .post-outer-container .post-outer {
border : 0;
position : relative;
padding-bottom : 0.25em;
}
.post-outer-container {
margin-bottom : 16px;
}
.post:first-child {
margin-top : 0;
}
.post .thumb {
float : left;
height : 20%;
width : 20%;
}
.post-share-buttons-bottom, .post-share-buttons-top {
float : right;
}
.post-share-buttons-bottom {
margin-right : 24px;
}
.post-footer, .post-header {
clear : left;
color : rgba(0, 0, 0, 0.54);
margin : 0;
width : inherit;
}
.blog-pager {
text-align : center;
}
.blog-pager a {
color : #2196f3;
}
.blog-pager a:visited {
color : #2196f3;
}
.blog-pager a:hover {
color : #2196f3;
}
.post-title {
font : bold 22px Roboto, sans-serif;
float : left;
margin : 0 0 8px 0;
}
.post-title a {
font : bold 30px Roboto, sans-serif;
}
.post-title, .post-title a, .post-title a:hover, .post-title a:visited {
color : #212121;
}
.post-body {
color : #757575;
font : 15px Roboto, sans-serif;
line-height : 1.6em;
margin : 1.5em 0 2em 0;
display : block;
}
.post-body img {
height : inherit;
}
.post-body .snippet-thumbnail {
float : left;
margin : 0;
margin-right : 2em;
max-height : 128px;
max-width : 128px;
}
.post-body .snippet-thumbnail img {
max-width : 100%;
}
.main .FeaturedPost .widget-content {
border : 0;
position : relative;
padding-bottom : 0.25em;
}
.FeaturedPost img {
margin-top : 2em;
}
.FeaturedPost .snippet-container {
margin : 2em 0;
}
.FeaturedPost .snippet-container p {
margin : 0;
}
.FeaturedPost .snippet-thumbnail {
float : none;
height : auto;
margin-bottom : 2em;
margin-right : 0;
overflow : hidden;
max-width : 100%;
text-align : center;
width : 100%;
}
.FeaturedPost .snippet-thumbnail img {
max-width : 100%;
width : 100%;
}
.byline {
color : rgba(0, 0, 0, 0.54);
display : inline-block;
line-height : 24px;
margin-top : 8px;
vertical-align : top;
}
.byline.post-author:first-child {
margin-right : 0;
}
.byline.reactions .reactions-label {
line-height : 22px;
vertical-align : top;
}
.byline.post-share-buttons {
position : relative;
display : inline-block;
margin-top : 0;
width : 100%;
}
.byline.post-share-buttons .sharing {
float : right;
}
.flat-button.ripple:hover {
background-color : rgba(33, 150, 243, 0.12);
}
.flat-button.ripple .splash {
background-color : rgba(33, 150, 243, 0.4);
}
a.timestamp-link, a:active.timestamp-link, a:visited.timestamp-link {
color : inherit;
font : inherit;
text-decoration : inherit;
}
.post-share-buttons {
margin-left : 0;
}
.clear-sharing {
min-height : 24px;
}
.comment-link {
color : #2196f3;
position : relative;
}
.comment-link .num_comments {
margin-left : 8px;
vertical-align : top;
}
#comment-holder .continue {
display : none;
}
#comment-editor {
margin-bottom : 20px;
margin-top : 20px;
}
#comments .comment-form h4, #comments h3.title {
position : absolute;
clip : rect(1px,1px,1px,1px);
padding : 0;
border : 0;
height : 1px;
width : 1px;
overflow : hidden;
}
.post-filter-message {
background-color : rgba(0, 0, 0, 0.7);
color : #fff;
display : table;
margin-bottom : 16px;
width : 100%;
}
.post-filter-message div {
display : table-cell;
padding : 15px 28px;
}
.post-filter-message div:last-child {
padding-left : 0;
text-align : right;
}
.post-filter-message a {
white-space : nowrap;
}
.post-filter-message .search-label, .post-filter-message .search-query {
font-weight : 700;
color : #2196f3;
}
#blog-pager {
margin : 2em 0;
}
#blog-pager a {
color : #2196f3;
font-size : 14px;
}
.subscribe-button {
border-color : #ffffff;
color : #ffffff;
}
.sticky .subscribe-button {
border-color : #757575;
color : #757575;
}
.tabs {
margin : 0 auto;
padding : 0;
}
.tabs li {
margin : 0 8px;
vertical-align : top;
}
.tabs .overflow-button a, .tabs li a {
color : #cccccc;
font : normal 700 15px Roboto, sans-serif;
line-height : 18px;
}
.tabs .overflow-button a {
padding : 12px 8px;
}
.overflow-popup .tabs li {
text-align : left;
}
.overflow-popup li a {
color : #757575;
display : block;
padding : 8px 20px;
}
.overflow-popup li.selected a {
color : #212121;
}
a.report_abuse {
font-weight : 400;
}
.Label li, .Label span.label-size, .byline.post-labels a {
background-color : #f7f7f7;
border : 1px solid #f7f7f7;
display : inline-block;
margin : 4px 4px 4px 0;
padding : 3px 8px;
}
.Label a, .byline.post-labels a {
color : rgba(0, 0, 0, 0.54);
}
.Label ul {
list-style : none;
padding : 0;
}
.PopularPosts {
background-color : #eeeeee;
padding : 30px 40px;
}
.PopularPosts .item-content {
color : #757575;
margin-top : 24px;
}
.PopularPosts a, .PopularPosts a:hover, .PopularPosts a:visited {
color : #2196f3;
}
.PopularPosts .post-title, .PopularPosts .post-title a, .PopularPosts .post-title a:hover, .PopularPosts .post-title a:visited {
color : #212121;
font-size : 18px;
font-weight : 700;
line-height : 24px;
}
.PopularPosts, .PopularPosts h3.title a {
color : #757575;
font : 15px Roboto, sans-serif;
}
.main .PopularPosts {
padding : 16px 40px;
}
.PopularPosts h3.title {
font-size : 14px;
margin : 0;
}
.PopularPosts h3.post-title {
margin-bottom : 0;
}
.PopularPosts .byline {
color : rgba(0, 0, 0, 0.54);
}
.PopularPosts .jump-link {
float : right;
margin-top : 16px;
}
.PopularPosts .post-header .byline {
font-size : 0.9em;
font-style : italic;
margin-top : 6px;
}
.PopularPosts ul {
list-style : none;
padding : 0;
margin : 0;
}
.PopularPosts .post {
padding : 20px 0;
}
.PopularPosts .post + .post {
border-top : 1px dashed #cccccc;
}
.PopularPosts .item-thumbnail {
float : left;
margin-right : 32px;
}
.PopularPosts .item-thumbnail img {
height : 88px;
padding : 0;
width : 88px;
}
.inline-ad {
margin-bottom : 16px;
}
.desktop-ad .inline-ad {
display : block;
}
.adsbygoogle {
overflow : hidden;
}
.vertical-ad-container {
float : right;
margin-right : 16px;
width : 128px;
}
.vertical-ad-container .AdSense + .AdSense {
margin-top : 16px;
}
.inline-ad-placeholder, .vertical-ad-placeholder {
background : #ffffff;
border : 1px solid #000;
opacity : 0.9;
vertical-align : middle;
text-align : center;
}
.inline-ad-placeholder span, .vertical-ad-placeholder span {
margin-top : 290px;
display : block;
text-transform : uppercase;
font-weight : 700;
color : #212121;
}
.vertical-ad-placeholder {
height : 600px;
}
.vertical-ad-placeholder span {
margin-top : 290px;
padding : 0 40px;
}
.inline-ad-placeholder {
height : 90px;
}
.inline-ad-placeholder span {
margin-top : 36px;
}
.Attribution {
color : #757575;
}
.Attribution a, .Attribution a:hover, .Attribution a:visited {
color : #2196f3;
}
.sidebar-container, .sidebar-container .sidebar_bottom {
background-color : #ffffff;
}
.sidebar-container .navigation, .sidebar-container .sidebar_top_wrapper {
background-color : #ffffff;
}
.sidebar-container .sidebar_top {
overflow : auto;
}
.sidebar-container .sidebar_bottom {
width : 100%;
padding-top : 16px;
}
.sidebar-container .widget:first-child {
padding-top : 0;
}
.sidebar_top .widget.Profile {
padding-bottom : 16px;
}
.widget.Profile {
margin : 0;
width : 100%;
}
.widget.Profile h2 {
display : none;
}
.widget.Profile h3.title {
color : rgba(0, 0, 0, 0.52);
margin : 16px 32px;
}
.widget.Profile .individual {
text-align : center;
}
.widget.Profile .individual .profile-link {
padding : 1em;
}
.widget.Profile .individual .default-avatar-wrapper .avatar-icon {
margin : auto;
}
.widget.Profile .team {
margin-bottom : 32px;
margin-left : 32px;
margin-right : 32px;
}
.widget.Profile ul {
list-style : none;
padding : 0;
}
.widget.Profile li {
margin : 10px 0;
}
.widget.Profile .profile-img {
float : none;
}
.widget.Profile .profile-link {
color : #212121;
font-size : 0.9em;
margin-bottom : 1em;
opacity : 0.87;
overflow : hidden;
}
.widget.Profile .profile-link.visit-profile {
border-style : solid;
border-width : 1px;
cursor : pointer;
font-size : 12px;
font-weight : 400;
padding : 5px 20px;
display : inline-block;
line-height : normal;
}
.widget.Profile dd {
color : rgba(0, 0, 0, 0.54);
margin : 0 16px;
}
.widget.Profile location {
margin-bottom : 1em;
}
.widget.Profile .profile-textblock {
font-size : 14px;
line-height : 24px;
position : relative;
}
body.sidebar-visible .page_body {
overflow-y : scroll;
}
body.sidebar-visible .bg-photo-container {
overflow-y : scroll;
}
@media screen and (min-width : 1440px) {
.sidebar-container {
margin-top : 480px;
overflow : visible;
z-index : 32;
}
.sidebar-container .sidebar_top_wrapper {
background-color : #f7f7f7;
height : 480px;
margin-top : -480px;
}
.sidebar-container .sidebar_top {
height : 480px;
max-height : 480px;
}
.sidebar-container .sidebar_bottom {
max-width : 284px;
width : 284px;
}
body.collapsed-header .sidebar-container {
z-index : 15;
}
.sidebar-container .sidebar_top:empty {
display : none;
}
.sidebar-container .sidebar_top > :only-child {
width : 100%;
}
.sidebar_top_wrapper.no-items {
display : none;
}
}
.post-snippet.snippet-container {
max-height : 120px;
}
.post-snippet .snippet-item {
line-height : 24px;
}
.post-snippet .snippet-fade {
color : #757575;
height : 24px;
}
.popular-posts-snippet.snippet-container {
max-height : 72px;
}
.popular-posts-snippet .snippet-item {
line-height : 24px;
}
.PopularPosts .popular-posts-snippet .snippet-fade {
color : #757575;
height : 24px;
}
.profile-snippet.snippet-container {
max-height : 192px;
}
.has-location .profile-snippet.snippet-container {
max-height : 144px;
}
.profile-snippet .snippet-item {
line-height : 24px;
}
.profile-snippet .snippet-fade {
color : rgba(0, 0, 0, 0.54);
height : 24px;
}
@media screen and (min-width : 1440px)
@media screen and (max-width : 800px) {
.blog-name {
margin-top : 0;
}
body.item-view .blog-name {
margin : 0 48px;
}
.centered-bottom {
padding : 8px;
}
body.item-view .centered-bottom {
padding : 0;
}
.page_body .centered {
padding : 10px 0;
}
body.item-view #header, body.item-view .widget.Header {
margin-right : 0;
}
body.collapsed-header .centered-top-container .blog-name {
display : block;
}
body.collapsed-header .centered-top-container .widget.Header h1 {
text-align : center;
}
.widget.Header header {
padding : 0;
}
.widget.Header h1 {
font-size : 24px;
line-height : 24px;
margin-bottom : 13px;
}
body.item-view .widget.Header h1 {
text-align : center;
}
body.item-view .widget.Header p {
text-align : center;
}
.blog-name .widget.PageList {
padding : 0;
}
body.item-view .centered-top {
margin-bottom : 5px;
}
.search-action, .search-input {
margin-bottom : -8px;
}
.search form {
margin-bottom : 8px;
}
body.item-view .subscribe-section-container {
margin : 5px 0 0 0;
width : 100%;
}
#page_body.section div.widget.FeaturedPost, div.widget.PopularPosts {
padding : 16px;
}
div.widget.Blog .blog-posts .post-outer-container {
padding : 16px;
}
div.widget.Blog .blog-posts .post-outer-container .post-outer {
padding : 0;
}
.post:first-child {
margin : 0;
}
.post-body .snippet-thumbnail {
margin : 0 0;
}
.post-body .snippet-thumbnail img {
max-height : 128px;
max-width : 128px;
}
div.widget.PopularPosts div.item-thumbnail {
margin : 0 0;
}
div.widget.PopularPosts div.item-thumbnail img {
max-height : 88px;
max-width : 88px;
}
.post-title {
line-height : 1;
}
.post-title, .post-title a {
font-size : 20px;
}
#page_body.section div.widget.FeaturedPost h3 a {
font-size : 22px;
}
.mobile-ad .inline-ad {
display : block;
}
.page_body.has-vertical-ads .vertical-ad-container, .page_body.has-vertical-ads .vertical-ad-container ins {
display : none;
}
.page_body.has-vertical-ads .centered .centered-bottom, .page_body.has-vertical-ads .centered .centered-top {
display : block;
width : auto;
}
div.post-filter-message div {
padding : 8px 16px;
}
}
@media screen and (min-width : 1440px) {
body {
position : relative;
}
body.item-view .blog-name {
margin-left : 48px;
}
.page_body {
margin-left : 284px;
}
.search {
margin-left : 0;
}
.search.focused {
width : 100%;
}
.sticky {
padding-left : 284px;
}
.hamburger-menu {
display : none;
}
body.collapsed-header .page_body .centered-top-container {
padding-left : 284px;
padding-right : 0;
width : 100%;
}
body.collapsed-header .centered-top-container .search.focused {
width : 100%;
}
body.collapsed-header .centered-top-container .blog-name {
margin-left : 0;
}
body.collapsed-header.item-view .centered-top-container .blog-name {
margin-left : 40px;
}
}
body#layout .hidden, body#layout .invisible {
display : inherit;
}
body#layout .navigation {
display : none;
}
body#layout .page, body#layout .sidebar_top, body#layout .sidebar_bottom {
display : inline-block;
left : inherit;
position : relative;
vertical-align : top;
}
body#layout .page {
float : right;
margin-left : 20px;
width : 55%;
}
body#layout .sidebar-container {
float : right;
width : 40%;
}
body#layout .hamburger-menu {
display : none;
}
.bg-photo {
background-image : url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw);
}

↑ Top