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

Sorry! We found the following errors (220)

URI : https://majortotositepro01.blogspot.com/

28 Property font-display doesn't exist : swap swap
28 Property font-display doesn't exist : swap swap
28 Property font-display doesn't exist : swap swap
30 Unknown pseudo-element or pseudo-class ::-moz-focus-inner [-moz-focus-inner]
30 Unknown pseudo-element or pseudo-class ::-moz-focus-inner [-moz-focus-inner]
30 Unknown pseudo-element or pseudo-class ::-webkit-inner-spin-button [-webkit-inner-spin-button]
30 Unknown pseudo-element or pseudo-class ::-webkit-outer-spin-button [-webkit-outer-spin-button]
30 Unknown pseudo-element or pseudo-class ::-webkit-search-cancel-button [-webkit-search-cancel-button]
30 Unknown pseudo-element or pseudo-class ::-webkit-search-decoration [-webkit-search-decoration]
36 body Property overflow-wrap doesn't exist : break-word break-word
37 body break-word is not a word-break value : break-word break-word
38 body Property word-wrap doesn't exist : break-word break-word
69 .dim-overlay Value Error : height Unknown dimension 100vh
78 Unknown pseudo-element or pseudo-class ::-ms-clear [-ms-clear]
82 .blogger-logo, .svg-icon-24.blogger-logo Property fill doesn't exist : #ff9800 #ff9800
87 .loading-spinner-large Property animation doesn't exist : mspin-rotate 1.568s infinite linear mspin-rotate 1.568s infinite linear
96 .loading-spinner-large > div Property animation doesn't exist : mspin-revrot 5332ms infinite steps(4) mspin-revrot 5332ms infinite steps(4)
100 .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)
114 Sorry, the at-rule @-webkit-keyframes is not implemented.
124 Sorry, the at-rule @keyframes is not implemented.
134 Sorry, the at-rule @-webkit-keyframes is not implemented.
144 Sorry, the at-rule @keyframes is not implemented.
154 Sorry, the at-rule @-webkit-keyframes is not implemented.
164 Sorry, the at-rule @keyframes is not implemented.
188 .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
193 .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)
303 .paging-control-container .comment-range-text::after, .paging-control-container .paging-control::after Property pointer-events doesn't exist : none none
321 .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)
363 #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)
390 .comment .avatar-image-container img Parse Error [empty string]
393 .avatar-image-container svg, .comment .avatar-image-container .avatar-icon Parse Error [empty string]
396 .avatar-image-container svg, .comment .avatar-image-container .avatar-icon Property fill doesn't exist : #ffffff #ffffff
439 #comments .comment .comment-content, .comment .comment-body break-word is not a word-break value : break-word break-word
464 .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)
481 .touch-icon:active, .touch-icon:focus Parse Error [empty string]
489 html[dir="rtl"] .rtl-reversible-icon Property transform doesn't exist : scaleX(-1) scaleX(-1)
503 .touch-icon-button:active .touch-icon, .touch-icon-button:focus .touch-icon Parse Error [empty string]
506 .Profile .default-avatar-wrapper .avatar-icon Parse Error [empty string]
509 .Profile .default-avatar-wrapper .avatar-icon Property fill doesn't exist : #ffffff #ffffff
550 .post-bottom Property align-items doesn't exist : center center
551 .post-bottom Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
552 .post-bottom Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
553 .post-bottom Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
554 .post-bottom Value Error : display flex is not a display value : flex flex
557 .post-bottom Property flex-wrap doesn't exist : wrap wrap
563 .post-footer Property flex doesn't exist : 1 1 auto 1 1 auto
566 .post-footer Property flex-wrap doesn't exist : wrap wrap
570 .post-footer Property order doesn't exist : 1 1
576 .post-footer > * Property flex doesn't exist : 0 1 auto 0 1 auto
585 .jump-link Property flex doesn't exist : 0 0 auto 0 0 auto
589 .jump-link Property order doesn't exist : 2 2
599 .centered-top-container.sticky Property transition-property doesn't exist : opacity,-webkit-transform opacity,-webkit-transform
600 .centered-top-container.sticky Property transition-property doesn't exist : transform,opacity transform,opacity
601 .centered-top-container.sticky Property transition-property doesn't exist : transform,opacity,-webkit-transform transform,opacity,-webkit-transform
603 .centered-top-container.sticky Property transition-duration doesn't exist : 0.2s 0.2s
605 .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)
630 .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)
653 Unknown pseudo-element or pseudo-class ::-webkit-details-marker [-webkit-details-marker]
660 .collapsible-title Property align-items doesn't exist : center center
661 .collapsible-title Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
662 .collapsible-title Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
663 .collapsible-title Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
664 .collapsible-title Value Error : display flex is not a display value : flex flex
670 .collapsible-title .title Property flex doesn't exist : 1 1 auto 1 1 auto
674 .collapsible-title .title Property order doesn't exist : 0 0
676 .collapsible-title .title Parse Error [empty string]
690 .flat-button Parse Error [empty string]
708 .flat-icon-button, .flat-icon-button .splash-wrapper Parse Error [empty string]
712 .flat-icon-button .splash.animate Property animation-duration doesn't exist : 0.3s 0.3s
726 .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)
729 .overflow-popup Value Error : max-width Parse Error - 32px)
752 .pill-button Parse Error [empty string]
768 .splash-wrapper Property pointer-events doesn't exist : none none
776 .splash Parse Error [empty string]
782 .splash Property transform doesn't exist : scale(0) scale(0)
786 .splash.animate Property animation doesn't exist : ripple-effect 0.4s linear ripple-effect 0.4s linear
788 Sorry, the at-rule @-webkit-keyframes is not implemented.
795 Sorry, the at-rule @keyframes is not implemented.
803 .search Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
804 .search Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
805 .search Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
806 .search Value Error : display flex is not a display value : flex flex
823 .search form Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
824 .search form Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
825 .search form Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
826 .search form Value Error : display flex is not a display value : flex flex
830 .search form Property flex doesn't exist : 1 0 0 1 0 0
858 .search-expand Property flex doesn't exist : 0 0 auto 0 0 auto
871 .search-input Property flex doesn't exist : 1 0 1px 1 0 1px
880 .search-input input Value Error : width Parse Error - 48px)
921 .centered-bottom .share-buttons .svg-icon-24, .share-buttons .svg-icon-24 Property fill doesn't exist : #ffffff #ffffff
928 .share-buttons Parse Error [empty string]
929 .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)
993 .sidebar-container Property transition-property doesn't exist : -webkit-transform -webkit-transform
994 .sidebar-container Property transition-property doesn't exist : transform transform
995 .sidebar-container Property transition-property doesn't exist : transform,-webkit-transform transform,-webkit-transform
997 .sidebar-container Property transition-duration doesn't exist : 0.3s 0.3s
999 .sidebar-container Property transition-timing-function doesn't exist : cubic-bezier(0,0,0.2,1) cubic-bezier(0,0,0.2,1)
1058 .widget.Profile .profile-link Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1059 .widget.Profile .profile-link Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1060 .widget.Profile .profile-link Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1061 .widget.Profile .profile-link Value Error : display flex is not a display value : flex flex
1067 .widget.Profile .team-member .default-avatar-wrapper, .widget.Profile .team-member .profile-img Property flex doesn't exist : 0 0 auto 0 0 auto
1075 .widget.Profile .individual .profile-link Property flex-direction doesn't exist : column column
1080 .widget.Profile .team .profile-link .profile-name Property align-self doesn't exist : center center
1085 .widget.Profile .team .profile-link .profile-name Property flex doesn't exist : 1 1 auto 1 1 auto
1104 .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)
1107 .sidebar-container.sidebar-invisible Property transform doesn't exist : translateX(-284px) translateX(-284px)
1122 .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)
1129 .dialog Value Error : width Parse Error - 24px)
1135 .dialog input[type="email"], .dialog input[type="text"] Value Error : border-bottom Too many values or values are not recognized : solid 1px rgba(255,255,255,0.12) solid 1px rgba(255,255,255,0.12)
1147 Unknown pseudo-element or pseudo-class ::-webkit-input-placeholder [-webkit-input-placeholder]
1147 Unknown pseudo-element or pseudo-class ::-webkit-input-placeholder [-webkit-input-placeholder]
1150 Unknown pseudo-element or pseudo-class ::-moz-placeholder [-moz-placeholder]
1150 Unknown pseudo-element or pseudo-class ::-moz-placeholder [-moz-placeholder]
1153 Unknown pseudo-element or pseudo-class :-ms-input-placeholder
1153 Unknown pseudo-element or pseudo-class :-ms-input-placeholder
1156 Unknown pseudo-element or pseudo-class ::-ms-input-placeholder [-ms-input-placeholder]
1156 Unknown pseudo-element or pseudo-class ::-ms-input-placeholder [-ms-input-placeholder]
1159 Unknown pseudo-element or pseudo-class ::placeholder [placeholder]
1159 Unknown pseudo-element or pseudo-class ::placeholder [placeholder]
1213 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% } }
1262 .centered-top-container .svg-icon-24, body.collapsed-header .centered-top-placeholder .svg-icon-24 Property fill doesn't exist : #ffffff #ffffff
1265 .sidebar-container .svg-icon-24 Property fill doesn't exist : #ffffff #ffffff
1268 .centered-bottom .svg-icon-24, body.collapsed-header .centered-top-container .svg-icon-24 Property fill doesn't exist : #ffffff #ffffff
1271 .centered-bottom .share-buttons .svg-icon-24, .share-buttons .svg-icon-24 Property fill doesn't exist : #ffffff #ffffff
1278 body Value Error : min-height Unknown dimension 100vh
1318 .bg-photo Property filter doesn't exist : blur(0) blur(0)
1319 .bg-photo Value Error : height Parse Error + 2 * 0px)
1323 .bg-photo Value Error : width Parse Error + 2 * 0px)
1326 .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)
1342 .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)
1346 .search Property transition-property doesn't exist : width width
1348 .search Property transition-duration doesn't exist : 0.5s 0.5s
1350 .search Property transition-timing-function doesn't exist : cubic-bezier(0.4,0,0.2,1) cubic-bezier(0.4,0,0.2,1)
1359 .search form Property transition-property doesn't exist : border-color border-color
1361 .search form Property transition-delay doesn't exist : 0.5s 0.5s
1363 .search form Property transition-duration doesn't exist : 0.2s 0.2s
1365 .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)
1368 .search.focused Value Error : width Parse Error - 48px)
1371 .search.focused form Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1372 .search.focused form Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1373 .search.focused form Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1374 .search.focused form Value Error : display flex is not a display value : flex flex
1378 .search.focused form Property flex doesn't exist : 1 0 1px 1 0 1px
1392 .item-view .search.focused, .sticky .search.focused Value Error : width Parse Error - 50px)
1404 .search_button Property flex doesn't exist : 0 0 24px 0 0 24px
1409 .search_button Property flex-direction doesn't exist : column column
1426 Unknown pseudo-element or pseudo-class ::-webkit-input-placeholder [-webkit-input-placeholder]
1430 Unknown pseudo-element or pseudo-class ::-moz-placeholder [-moz-placeholder]
1434 Unknown pseudo-element or pseudo-class :-ms-input-placeholder
1438 Unknown pseudo-element or pseudo-class ::-ms-input-placeholder [-ms-input-placeholder]
1442 Unknown pseudo-element or pseudo-class ::placeholder [placeholder]
1473 .page_body .centered Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1474 .page_body .centered Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1475 .page_body .centered Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1476 .page_body .centered Value Error : display flex is not a display value : flex flex
1481 .page_body .centered Property flex-direction doesn't exist : column column
1484 .page_body .centered Value Error : min-height Unknown dimension 100vh
1491 .page_body .centered > * Property flex doesn't exist : 0 0 auto 0 0 auto
1510 .blog-name .subscribe-section-container Property transition-property doesn't exist : opacity opacity
1512 .blog-name .subscribe-section-container Property transition-duration doesn't exist : 0.5s 0.5s
1533 .centered-top-container .blog-name Property transition-property doesn't exist : opacity opacity
1535 .centered-top-container .blog-name Property transition-duration doesn't exist : 0.5s 0.5s
1543 .item-view .blog-name Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1544 .item-view .blog-name Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1545 .item-view .blog-name Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1546 .item-view .blog-name Value Error : display flex is not a display value : flex flex
1549 .item-view .blog-name Property flex-wrap doesn't exist : wrap wrap
1556 .item-view .subscribe-section-container Property flex doesn't exist : 0 0 auto 0 0 auto
1574 .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)
1588 .sticky .blog-name Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1589 .sticky .blog-name Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1590 .sticky .blog-name Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1591 .sticky .blog-name Value Error : display flex is not a display value : flex flex
1598 .sticky .blog-name #header Property flex doesn't exist : 0 1 auto 0 1 auto
1602 .sticky .blog-name #header Property order doesn't exist : 1 1
1609 .sticky .blog-name .subscribe-section-container Property flex doesn't exist : 0 0 auto 0 0 auto
1613 .sticky .blog-name .subscribe-section-container Property order doesn't exist : 2 2
1617 .sticky .Header h1 Parse Error [empty string]
1650 .page_body.has-vertical-ads .centered .centered-bottom Value Error : width Parse Error - 176px)
1743 .post-title Value Error : max-width Parse Error - 48px)
1791 .FeaturedPost .snippet-thumbnail Value Error : max-height Parse Error + 2em)
1934 .Label li, .Label span.label-size, .byline.post-labels a Parse Error [empty string]
2060 .Attribution svg Property fill doesn't exist : #ffffff #ffffff
2063 .sidebar-container Parse Error [empty string]
2117 .widget.Profile .profile-img Parse Error [empty string]
2130 .widget.Profile .profile-link.visit-profile Parse Error [empty string]
2159 .sidebar-container Value Error : min-height Parse Error - 480px)
2169 .sidebar-container .sidebar_top Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
2170 .sidebar-container .sidebar_top Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
2171 .sidebar-container .sidebar_top Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
2172 .sidebar-container .sidebar_top Value Error : display flex is not a display value : flex flex
2178 .sidebar-container .sidebar_top Property flex-direction doesn't exist : row row
2195 .sidebar-container .sidebar_top > :only-child Property flex doesn't exist : 0 0 auto 0 0 auto
2198 .sidebar-container .sidebar_top > :only-child Property align-self doesn't exist : center center
2212 .post-snippet .snippet-fade Value Error : background -webkit-linear-gradient(left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) is not a background value : -webkit-linear-gradient(left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) -webkit-linear-gradient(left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%)
2213 .post-snippet .snippet-fade Value Error : background linear-gradient(to left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) is not a background value : linear-gradient(to left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) linear-gradient(to left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%)
2228 .main .popular-posts-snippet .snippet-fade Value Error : background -webkit-linear-gradient(left,#535353 0,#535353 20%,rgba(83,83,83,0) 100%) is not a background value : -webkit-linear-gradient(left,#535353 0,#535353 20%,rgba(83,83,83,0) 100%) -webkit-linear-gradient(left,#535353 0,#535353 20%,rgba(83,83,83,0) 100%)
2229 .main .popular-posts-snippet .snippet-fade Value Error : background linear-gradient(to left,#535353 0,#535353 20%,rgba(83,83,83,0) 100%) is not a background value : linear-gradient(to left,#535353 0,#535353 20%,rgba(83,83,83,0) 100%) linear-gradient(to left,#535353 0,#535353 20%,rgba(83,83,83,0) 100%)
2232 .sidebar_bottom .popular-posts-snippet .snippet-fade Value Error : background -webkit-linear-gradient(left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) is not a background value : -webkit-linear-gradient(left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) -webkit-linear-gradient(left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%)
2233 .sidebar_bottom .popular-posts-snippet .snippet-fade Value Error : background linear-gradient(to left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) is not a background value : linear-gradient(to left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) linear-gradient(to left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%)
2245 .profile-snippet .snippet-fade Value Error : background -webkit-linear-gradient(left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) is not a background value : -webkit-linear-gradient(left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) -webkit-linear-gradient(left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%)
2246 .profile-snippet .snippet-fade Value Error : background linear-gradient(to left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) is not a background value : linear-gradient(to left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) linear-gradient(to left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%)
2252 .profile-snippet .snippet-fade Value Error : background -webkit-linear-gradient(left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) is not a background value : -webkit-linear-gradient(left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) -webkit-linear-gradient(left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%)
2253 .profile-snippet .snippet-fade Value Error : background linear-gradient(to left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) is not a background value : linear-gradient(to left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%) linear-gradient(to left,#414141 0,#414141 20%,rgba(65,65,65,0) 100%)
2324 .post-body .snippet-thumbnail Value Error : margin Unknown dimension 3vw
2324 .post-body .snippet-thumbnail Value Error : margin Unknown dimension 3vw
2327 .post-body .snippet-thumbnail img Value Error : height Unknown dimension 20vw
2328 .post-body .snippet-thumbnail img Value Error : width Unknown dimension 20vw
2333 div.widget.PopularPosts div.item-thumbnail Value Error : margin Unknown dimension 3vw
2333 div.widget.PopularPosts div.item-thumbnail Value Error : margin Unknown dimension 3vw
2336 div.widget.PopularPosts div.item-thumbnail img Value Error : height Unknown dimension 20vw
2337 div.widget.PopularPosts div.item-thumbnail img Value Error : width Unknown dimension 20vw
2398 body.collapsed-header.item-view .centered-top-container .search.focused Value Error : width Parse Error - 50px)
2438 Parse Error (max-width: 480px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=rabMT9PC10wCtkMoMM2KrjGV5ejCGidFlmg3elSmmoRNnd0FxKwY5T0RGV948R08752LcEb6qEXa&options=w480);}}
2439 Parse Error (max-width: 640px) and (min-width: 481px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=rabMT9PC10wCtkMoMM2KrjGV5ejCGidFlmg3elSmmoRNnd0FxKwY5T0RGV948R08752LcEb6qEXa&options=w640);}}
2440 Parse Error (max-width: 800px) and (min-width: 641px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=rabMT9PC10wCtkMoMM2KrjGV5ejCGidFlmg3elSmmoRNnd0FxKwY5T0RGV948R08752LcEb6qEXa&options=w800);}}
2441 Parse Error (max-width: 1200px) and (min-width: 801px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=rabMT9PC10wCtkMoMM2KrjGV5ejCGidFlmg3elSmmoRNnd0FxKwY5T0RGV948R08752LcEb6qEXa&options=w1200);}}
2443 Parse Error (min-width: 1201px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=rabMT9PC10wCtkMoMM2KrjGV5ejCGidFlmg3elSmmoRNnd0FxKwY5T0RGV948R08752LcEb6qEXa&options=w1600);}}

↑ Top

Warnings (281)

URI : https://majortotositepro01.blogspot.com/

30 Property -webkit-appearance is an unknown vendor extension
30 Property -moz-box-sizing is an unknown vendor extension
30 Property -webkit-text-size-adjust is an unknown vendor extension
30 Property -webkit-box-sizing is an unknown vendor extension
30 Property -webkit-appearance is an unknown vendor extension
30 Property -ms-text-size-adjust is an unknown vendor extension
30 Property -moz-box-sizing is an unknown vendor extension
86 Property -webkit-animation is an unknown vendor extension
95 Property -webkit-animation is an unknown vendor extension
99 Property -webkit-animation is an unknown vendor extension
187 Property -webkit-transition is an unknown vendor extension
320 Property -webkit-transition is an unknown vendor extension
414 Same colors for color and background-color in two contexts .skip-navigation and #comments .comment .comment-header .user a
414 Same colors for color and background-color in two contexts .skip-navigation and #comments .comment .comment-header .user
414 Same colors for color and background-color in two contexts .b-notification and #comments .comment .comment-header .user
414 Same colors for color and background-color in two contexts .b-notification and #comments .comment .comment-header .user a
463 Property -webkit-transition is an unknown vendor extension
487 Property -webkit-transform is an unknown vendor extension
488 Property -ms-transform is an unknown vendor extension
547 Property -webkit-box-align is an unknown vendor extension
548 Property -webkit-align-items is an unknown vendor extension
549 Property -ms-flex-align is an unknown vendor extension
555 Property -webkit-flex-wrap is an unknown vendor extension
556 Property -ms-flex-wrap is an unknown vendor extension
560 Property -webkit-box-flex is an unknown vendor extension
561 Property -webkit-flex is an unknown vendor extension
562 Property -ms-flex is an unknown vendor extension
564 Property -webkit-flex-wrap is an unknown vendor extension
565 Property -ms-flex-wrap is an unknown vendor extension
567 Property -webkit-box-ordinal-group is an unknown vendor extension
568 Property -webkit-order is an unknown vendor extension
569 Property -ms-flex-order is an unknown vendor extension
573 Property -webkit-box-flex is an unknown vendor extension
574 Property -webkit-flex is an unknown vendor extension
575 Property -ms-flex is an unknown vendor extension
582 Property -webkit-box-flex is an unknown vendor extension
583 Property -webkit-flex is an unknown vendor extension
584 Property -ms-flex is an unknown vendor extension
586 Property -webkit-box-ordinal-group is an unknown vendor extension
587 Property -webkit-order is an unknown vendor extension
588 Property -ms-flex-order is an unknown vendor extension
598 Property -webkit-transition-property is an unknown vendor extension
602 Property -webkit-transition-duration is an unknown vendor extension
604 Property -webkit-transition-timing-function is an unknown vendor extension
629 Property -webkit-transition is an unknown vendor extension
657 Property -webkit-box-align is an unknown vendor extension
658 Property -webkit-align-items is an unknown vendor extension
659 Property -ms-flex-align is an unknown vendor extension
667 Property -webkit-box-flex is an unknown vendor extension
668 Property -webkit-flex is an unknown vendor extension
669 Property -ms-flex is an unknown vendor extension
671 Property -webkit-box-ordinal-group is an unknown vendor extension
672 Property -webkit-order is an unknown vendor extension
673 Property -ms-flex-order is an unknown vendor extension
711 Property -webkit-animation-duration is an unknown vendor extension
780 Property -webkit-transform is an unknown vendor extension
781 Property -ms-transform is an unknown vendor extension
785 Property -webkit-animation is an unknown vendor extension
827 Property -webkit-box-flex is an unknown vendor extension
828 Property -webkit-flex is an unknown vendor extension
829 Property -ms-flex is an unknown vendor extension
855 Property -webkit-box-flex is an unknown vendor extension
856 Property -webkit-flex is an unknown vendor extension
857 Property -ms-flex is an unknown vendor extension
868 Property -webkit-box-flex is an unknown vendor extension
869 Property -webkit-flex is an unknown vendor extension
870 Property -ms-flex is an unknown vendor extension
877 Same colors for color and background-color in two contexts .skip-navigation and .search-input input
877 Same colors for color and background-color in two contexts .b-notification and .search-input input
883 Same colors for color and background-color in two contexts .collapsible > summary:focus and .search-input input.no-cursor
883 Same colors for color and background-color in two contexts .sharing-open.touch-icon-button:active .touch-icon and .search-input input.no-cursor
883 Same colors for color and background-color in two contexts .dialog input[type="email"] and .search-input input.no-cursor
883 Same colors for color and background-color in two contexts .touch-icon-button .touch-icon:focus and .search-input input.no-cursor
883 Same colors for color and background-color in two contexts .collapsible:focus > summary and .search-input input.no-cursor
883 Same colors for color and background-color in two contexts .touch-icon-button .touch-icon:active and .search-input input.no-cursor
883 Same colors for color and background-color in two contexts #sharing-dim-overlay and .search-input input.no-cursor
883 Same colors for color and background-color in two contexts .sharing-open.touch-icon-button:focus .touch-icon and .search-input input.no-cursor
883 Same colors for color and background-color in two contexts .dialog input[type="text"] and .search-input input.no-cursor
883 Same colors for color and background-color in two contexts a and .search-input input.no-cursor
883 Same colors for color and background-color in two contexts .search .dim-overlay and .search-input input.no-cursor
887 Same colors for color and background-color in two contexts .skip-navigation and .collapsed-header .centered-top-container .search-input input
887 Same colors for color and background-color in two contexts .skip-navigation and .collapsed-header .centered-top-container .search-action
887 Same colors for color and background-color in two contexts .b-notification and .collapsed-header .centered-top-container .search-action
887 Same colors for color and background-color in two contexts .b-notification and .collapsed-header .centered-top-container .search-input input
890 Same colors for color and background-color in two contexts .search .dim-overlay and .collapsed-header .centered-top-container .search-input input.no-cursor
890 Same colors for color and background-color in two contexts #sharing-dim-overlay and .collapsed-header .centered-top-container .search-input input.no-cursor
890 Same colors for color and background-color in two contexts .collapsible > summary:focus and .collapsed-header .centered-top-container .search-input input.no-cursor
890 Same colors for color and background-color in two contexts .dialog input[type="text"] and .collapsed-header .centered-top-container .search-input input.no-cursor
890 Same colors for color and background-color in two contexts .dialog input[type="email"] and .collapsed-header .centered-top-container .search-input input.no-cursor
890 Same colors for color and background-color in two contexts .collapsible:focus > summary and .collapsed-header .centered-top-container .search-input input.no-cursor
890 Same colors for color and background-color in two contexts .touch-icon-button .touch-icon:active and .collapsed-header .centered-top-container .search-input input.no-cursor
890 Same colors for color and background-color in two contexts .touch-icon-button .touch-icon:focus and .collapsed-header .centered-top-container .search-input input.no-cursor
890 Same colors for color and background-color in two contexts .sharing-open.touch-icon-button:focus .touch-icon and .collapsed-header .centered-top-container .search-input input.no-cursor
890 Same colors for color and background-color in two contexts .sharing-open.touch-icon-button:active .touch-icon and .collapsed-header .centered-top-container .search-input input.no-cursor
890 Same colors for color and background-color in two contexts a and .collapsed-header .centered-top-container .search-input input.no-cursor
992 Property -webkit-transition-property is an unknown vendor extension
996 Property -webkit-transition-duration is an unknown vendor extension
998 Property -webkit-transition-timing-function is an unknown vendor extension
1002 Property -webkit-overflow-scrolling is an unknown vendor extension
1064 Property -webkit-box-flex is an unknown vendor extension
1065 Property -webkit-flex is an unknown vendor extension
1066 Property -ms-flex is an unknown vendor extension
1071 Property -webkit-box-orient is an unknown vendor extension
1072 Property -webkit-box-direction is an unknown vendor extension
1073 Property -webkit-flex-direction is an unknown vendor extension
1074 Property -ms-flex-direction is an unknown vendor extension
1078 Property -webkit-align-self is an unknown vendor extension
1079 Property -ms-flex-item-align is an unknown vendor extension
1082 Property -webkit-box-flex is an unknown vendor extension
1083 Property -webkit-flex is an unknown vendor extension
1084 Property -ms-flex is an unknown vendor extension
1103 Property -webkit-transition-timing-function is an unknown vendor extension
1105 Property -webkit-transform is an unknown vendor extension
1106 Property -ms-transform is an unknown vendor extension
1154 Same colors for color and background-color in two contexts .b-notification and .dialog input[type="email"]
1154 Same colors for color and background-color in two contexts .b-notification and .dialog input[type="text"]
1154 Same colors for color and background-color in two contexts .skip-navigation and .dialog input[type="text"]
1154 Same colors for color and background-color in two contexts .skip-navigation and .dialog input[type="email"]
1167 Same colors for color and background-color in two contexts .sharing-open.touch-icon-button:active .touch-icon and .dialog input.no-cursor
1167 Same colors for color and background-color in two contexts .dialog input[type="email"] and .dialog input.no-cursor
1167 Same colors for color and background-color in two contexts .collapsible:focus > summary and .dialog input.no-cursor
1167 Same colors for color and background-color in two contexts .touch-icon-button .touch-icon:focus and .dialog input.no-cursor
1167 Same colors for color and background-color in two contexts #sharing-dim-overlay and .dialog input.no-cursor
1167 Same colors for color and background-color in two contexts .dialog input[type="text"] and .dialog input.no-cursor
1167 Same colors for color and background-color in two contexts .collapsible > summary:focus and .dialog input.no-cursor
1167 Same colors for color and background-color in two contexts .search .dim-overlay and .dialog input.no-cursor
1167 Same colors for color and background-color in two contexts .sharing-open.touch-icon-button:focus .touch-icon and .dialog input.no-cursor
1167 Same colors for color and background-color in two contexts a and .dialog input.no-cursor
1167 Same colors for color and background-color in two contexts .touch-icon-button .touch-icon:active and .dialog input.no-cursor
1186 Same colors for color and background-color in two contexts .skip-navigation and .subscribe-popup h3
1186 Same colors for color and background-color in two contexts .b-notification and .subscribe-popup h3
1231 Same colors for color and background-color in two contexts .skip-navigation and .tabs .selected a
1231 Same colors for color and background-color in two contexts .b-notification and .tabs .selected a
1284 Same colors for color and background-color in two contexts .b-notification and h3
1284 Same colors for color and background-color in two contexts .skip-navigation and h3
1317 Property -webkit-filter is an unknown vendor extension
1345 Property -webkit-transition-property is an unknown vendor extension
1347 Property -webkit-transition-duration is an unknown vendor extension
1349 Property -webkit-transition-timing-function is an unknown vendor extension
1358 Property -webkit-transition-property is an unknown vendor extension
1360 Property -webkit-transition-delay is an unknown vendor extension
1362 Property -webkit-transition-duration is an unknown vendor extension
1364 Property -webkit-transition-timing-function is an unknown vendor extension
1375 Property -webkit-box-flex is an unknown vendor extension
1376 Property -webkit-flex is an unknown vendor extension
1377 Property -ms-flex is an unknown vendor extension
1401 Property -webkit-box-flex is an unknown vendor extension
1402 Property -webkit-flex is an unknown vendor extension
1403 Property -ms-flex is an unknown vendor extension
1405 Property -webkit-box-orient is an unknown vendor extension
1406 Property -webkit-box-direction is an unknown vendor extension
1407 Property -webkit-flex-direction is an unknown vendor extension
1408 Property -ms-flex-direction is an unknown vendor extension
1419 Same colors for color and background-color in two contexts .skip-navigation and .search-input input
1419 Same colors for color and background-color in two contexts .b-notification and .search-input input
1435 Same colors for color and background-color in two contexts .skip-navigation and .search-input input
1435 Same colors for color and background-color in two contexts .b-notification and .search-input input
1449 Same colors for color and background-color in two contexts .skip-navigation and .search-action
1449 Same colors for color and background-color in two contexts .b-notification and .search-action
1456 Same colors for color and background-color in two contexts .b-notification and .sticky .search-action
1456 Same colors for color and background-color in two contexts .skip-navigation and .sticky .search-action
1477 Property -webkit-box-orient is an unknown vendor extension
1478 Property -webkit-box-direction is an unknown vendor extension
1479 Property -webkit-flex-direction is an unknown vendor extension
1480 Property -ms-flex-direction is an unknown vendor extension
1488 Property -webkit-box-flex is an unknown vendor extension
1489 Property -webkit-flex is an unknown vendor extension
1490 Property -ms-flex is an unknown vendor extension
1509 Property -webkit-transition-property is an unknown vendor extension
1511 Property -webkit-transition-duration is an unknown vendor extension
1526 Same colors for color and background-color in two contexts .skip-navigation and .blog-name .PageList h3.title
1526 Same colors for color and background-color in two contexts .b-notification and .blog-name .PageList h3.title
1532 Property -webkit-transition-property is an unknown vendor extension
1534 Property -webkit-transition-duration is an unknown vendor extension
1547 Property -webkit-flex-wrap is an unknown vendor extension
1548 Property -ms-flex-wrap is an unknown vendor extension
1553 Property -webkit-box-flex is an unknown vendor extension
1554 Property -webkit-flex is an unknown vendor extension
1555 Property -ms-flex is an unknown vendor extension
1595 Property -webkit-box-flex is an unknown vendor extension
1596 Property -webkit-flex is an unknown vendor extension
1597 Property -ms-flex is an unknown vendor extension
1599 Property -webkit-box-ordinal-group is an unknown vendor extension
1600 Property -webkit-order is an unknown vendor extension
1601 Property -ms-flex-order is an unknown vendor extension
1606 Property -webkit-box-flex is an unknown vendor extension
1607 Property -webkit-flex is an unknown vendor extension
1608 Property -ms-flex is an unknown vendor extension
1610 Property -webkit-box-ordinal-group is an unknown vendor extension
1611 Property -webkit-order is an unknown vendor extension
1612 Property -ms-flex-order is an unknown vendor extension
1653 Same colors for color and background-color in two contexts .skip-navigation and .Header h1
1653 Same colors for color and background-color in two contexts .b-notification and .Header h1
1661 Same colors for color and background-color in two contexts .skip-navigation and .Header h1 a
1661 Same colors for color and background-color in two contexts .b-notification and .Header h1 a
1661 Same colors for color and background-color in two contexts .b-notification and .Header h1 a:visited
1661 Same colors for color and background-color in two contexts .skip-navigation and .Header h1 a:hover
1661 Same colors for color and background-color in two contexts .skip-navigation and .Header h1 a:visited
1661 Same colors for color and background-color in two contexts .b-notification and .Header h1 a:hover
1670 Same colors for color and background-color in two contexts .skip-navigation and .sticky .Header h1
1670 Same colors for color and background-color in two contexts .b-notification and .sticky .Header h1
1673 Same colors for color and background-color in two contexts .skip-navigation and .sticky .Header h1 a:visited
1673 Same colors for color and background-color in two contexts .b-notification and .sticky .Header h1 a:visited
1673 Same colors for color and background-color in two contexts .b-notification and .sticky .Header h1 a:hover
1673 Same colors for color and background-color in two contexts .b-notification and .sticky .Header h1 a
1673 Same colors for color and background-color in two contexts .skip-navigation and .sticky .Header h1 a
1673 Same colors for color and background-color in two contexts .skip-navigation and .sticky .Header h1 a:hover
1676 Same colors for color and background-color in two contexts .b-notification and .Header p
1676 Same colors for color and background-color in two contexts .skip-navigation and .Header p
1688 Same colors for color and background-color in two contexts .b-notification and .BlogArchive .post-count
1688 Same colors for color and background-color in two contexts .skip-navigation and .BlogArchive .post-count
1749 Same colors for color and background-color in two contexts .skip-navigation and .post-title a:visited
1749 Same colors for color and background-color in two contexts .b-notification and .post-title
1749 Same colors for color and background-color in two contexts .skip-navigation and .post-title
1749 Same colors for color and background-color in two contexts .skip-navigation and .post-title a
1749 Same colors for color and background-color in two contexts .b-notification and .post-title a:visited
1749 Same colors for color and background-color in two contexts .b-notification and .post-title a:hover
1749 Same colors for color and background-color in two contexts .b-notification and .post-title a
1749 Same colors for color and background-color in two contexts .skip-navigation and .post-title a:hover
1752 Same colors for color and background-color in two contexts .skip-navigation and .post-body
1752 Same colors for color and background-color in two contexts .b-notification and .post-body
1895 Same colors for color and background-color in two contexts .b-notification and .subscribe-button
1895 Same colors for color and background-color in two contexts .skip-navigation and .subscribe-button
1899 Same colors for color and background-color in two contexts .b-notification and .sticky .subscribe-button
1899 Same colors for color and background-color in two contexts .skip-navigation and .sticky .subscribe-button
1921 Same colors for color and background-color in two contexts .b-notification and .overflow-popup li a
1921 Same colors for color and background-color in two contexts .skip-navigation and .overflow-popup li a
1926 Same colors for color and background-color in two contexts .skip-navigation and .overflow-popup li.selected a
1926 Same colors for color and background-color in two contexts .b-notification and .overflow-popup li.selected a
1932 .Label li Same color for background-color and border-top-color
1932 .Label span.label-size Same color for background-color and border-top-color
1932 .byline.post-labels a Same color for background-color and border-top-color
1932 .Label li Same color for background-color and border-right-color
1932 .byline.post-labels a Same color for background-color and border-right-color
1932 .Label li Same color for background-color and border-left-color
1932 .byline.post-labels a Same color for background-color and border-bottom-color
1932 .Label span.label-size Same color for background-color and border-bottom-color
1932 .byline.post-labels a Same color for background-color and border-left-color
1932 .Label span.label-size Same color for background-color and border-left-color
1932 .Label span.label-size Same color for background-color and border-right-color
1932 .Label li Same color for background-color and border-bottom-color
1940 Same colors for color and background-color in two contexts .skip-navigation and .Label a
1940 Same colors for color and background-color in two contexts .b-notification and .Label a
1940 Same colors for color and background-color in two contexts .skip-navigation and .byline.post-labels a
1940 Same colors for color and background-color in two contexts .b-notification and .byline.post-labels a
1951 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts .item-content
1951 Same colors for color and background-color in two contexts .b-notification and .PopularPosts .item-content
1958 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts .post-title
1958 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts .post-title a:hover
1958 Same colors for color and background-color in two contexts .b-notification and .PopularPosts .post-title a:hover
1958 Same colors for color and background-color in two contexts .b-notification and .PopularPosts .post-title a:visited
1958 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts .post-title a
1958 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts .post-title a:visited
1958 Same colors for color and background-color in two contexts .b-notification and .PopularPosts .post-title
1958 Same colors for color and background-color in two contexts .b-notification and .PopularPosts .post-title a
1964 Same colors for color and background-color in two contexts .b-notification and .PopularPosts h3.title a
1964 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts
1964 Same colors for color and background-color in two contexts .b-notification and .PopularPosts
1964 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts h3.title a
2038 Same colors for color and background-color in two contexts .skip-navigation and .inline-ad-placeholder span
2038 Same colors for color and background-color in two contexts .skip-navigation and .vertical-ad-placeholder span
2038 Same colors for color and background-color in two contexts .b-notification and .vertical-ad-placeholder span
2038 Same colors for color and background-color in two contexts .b-notification and .inline-ad-placeholder span
2054 Same colors for color and background-color in two contexts .b-notification and .Attribution
2054 Same colors for color and background-color in two contexts .skip-navigation and .Attribution
2121 Same colors for color and background-color in two contexts .skip-navigation and .widget.Profile .profile-link
2121 Same colors for color and background-color in two contexts .b-notification and .widget.Profile .profile-link
2174 Property -webkit-box-orient is an unknown vendor extension
2175 Property -webkit-box-direction is an unknown vendor extension
2176 Property -webkit-flex-direction is an unknown vendor extension
2177 Property -ms-flex-direction is an unknown vendor extension
2192 Property -webkit-box-flex is an unknown vendor extension
2193 Property -webkit-flex is an unknown vendor extension
2194 Property -ms-flex is an unknown vendor extension
2196 Property -webkit-align-self is an unknown vendor extension
2197 Property -ms-flex-item-align is an unknown vendor extension
2214 Same colors for color and background-color in two contexts .b-notification and .post-snippet .snippet-fade
2214 Same colors for color and background-color in two contexts .skip-navigation and .post-snippet .snippet-fade
2224 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts .popular-posts-snippet .snippet-fade
2224 Same colors for color and background-color in two contexts .b-notification and .PopularPosts .popular-posts-snippet .snippet-fade
2434 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/v30/KFOjCnqEu92Fr1Mu51TjASc6CsE.ttf) format('truetype');
}
@font-face {
{
font-family : "'Roboto'";
font-style : normal;
font-weight : 400;
src : url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
}
@font-face {
{
font-family : "'Roboto'";
font-style : normal;
font-weight : 700;
src : url(//fonts.gstatic.com/s/roboto/v30/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 : #29f3d4;
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 : #29f3d4;
color : #29f3d4;
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 : #29f3d4;
}
.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 #ffffff;
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 : #ffffff;
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(255, 255, 255, 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(255, 255, 255, 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 #ffffff;
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 : #414141;
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 : #ffffff;
}
.collapsed-header .centered-top-container .search-input input.no-cursor {
color : transparent;
text-shadow : #ffffff 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 : #414141;
color : #ffffff;
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 : #414141;
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 : #c7c3c6;
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 #cecece;
}
.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 : #414141;
box-sizing : border-box;
color : #ffffff;
padding : 30px;
position : fixed;
text-align : center;
z-index : 101;
}
.dialog input[type="email"], .dialog input[type="text"] {
background-color : transparent;
border : 0;
color : #ffffff;
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 #29f3d4;
padding-bottom : 6px;
}
.dialog input.no-cursor {
color : transparent;
text-shadow : #ffffff 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 : #29f3d4;
}
.subscribe-popup {
max-width : 364px;
}
.subscribe-popup h3 {
color : #ffffff;
font-size : 1.8em;
margin-top : 0;
}
.subscribe-popup .FollowByEmail h3 {
display : none;
}
.subscribe-popup .FollowByEmail .follow-by-email-submit {
color : #29f3d4;
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 : #535353;
color : #ffffff;
font : 15px Roboto, sans-serif;
margin : 0;
}
img {
max-width : 100%;
}
h3 {
color : #ffffff;
font-size : 16px;
}
a {
text-decoration : none;
color : #29f3d4;
}
a:visited {
color : #29f3d4;
}
a:hover {
color : #29f3d4;
}
blockquote {
color : #dfdfdf;
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=rabMT9PC10wCtkMoMM2KrjGV5ejCGidFlmg3elSmmoRNnd0FxKwY5T0RGV948R08752LcEb6qEXa) center top no-repeat scroll #535353;
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 : #ffffff;
}
.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 : #ffffff;
}
.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 : #414141;
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 : #ffffff;
}
.sticky .Header h1 a, .sticky .Header h1 a:hover, .sticky .Header h1 a:visited {
color : #ffffff;
}
.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 : #ffffff;
}
#page_body .FeaturedPost, .Blog .blog-posts .post-outer-container {
background : #414141;
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(255, 255, 255, 0.537);
margin : 0;
width : inherit;
}
.blog-pager {
text-align : center;
}
.blog-pager a {
color : #29f3d4;
}
.blog-pager a:visited {
color : #29f3d4;
}
.blog-pager a:hover {
color : #29f3d4;
}
.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 : #ffffff;
}
.post-body {
color : #ffffff;
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(255, 255, 255, 0.537);
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(41, 243, 212, 0.12);
}
.flat-button.ripple .splash {
background-color : rgba(41, 243, 212, 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 : #29f3d4;
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 : #29f3d4;
}
#blog-pager {
margin : 2em 0;
}
#blog-pager a {
color : #29f3d4;
font-size : 14px;
}
.subscribe-button {
border-color : #ffffff;
color : #ffffff;
}
.sticky .subscribe-button {
border-color : #ffffff;
color : #ffffff;
}
.tabs {
margin : 0 auto;
padding : 0;
}
.tabs li {
margin : 0 8px;
vertical-align : top;
}
.tabs .overflow-button a, .tabs li a {
color : #cecece;
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 : #ffffff;
display : block;
padding : 8px 20px;
}
.overflow-popup li.selected a {
color : #ffffff;
}
a.report_abuse {
font-weight : 400;
}
.Label li, .Label span.label-size, .byline.post-labels a {
background-color : #535353;
border : 1px solid #535353;
display : inline-block;
margin : 4px 4px 4px 0;
padding : 3px 8px;
}
.Label a, .byline.post-labels a {
color : #ffffff;
}
.Label ul {
list-style : none;
padding : 0;
}
.PopularPosts {
background-color : #535353;
padding : 30px 40px;
}
.PopularPosts .item-content {
color : #ffffff;
margin-top : 24px;
}
.PopularPosts a, .PopularPosts a:hover, .PopularPosts a:visited {
color : #29f3d4;
}
.PopularPosts .post-title, .PopularPosts .post-title a, .PopularPosts .post-title a:hover, .PopularPosts .post-title a:visited {
color : #ffffff;
font-size : 18px;
font-weight : 700;
line-height : 24px;
}
.PopularPosts, .PopularPosts h3.title a {
color : #ffffff;
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(255, 255, 255, 0.537);
}
.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 #cecece;
}
.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 : #414141;
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 : #ffffff;
}
.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 : #ffffff;
}
.Attribution a, .Attribution a:hover, .Attribution a:visited {
color : #29f3d4;
}
.sidebar-container, .sidebar-container .sidebar_bottom {
background-color : #414141;
}
.sidebar-container .navigation, .sidebar-container .sidebar_top_wrapper {
background-color : #414141;
}
.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 : #c7c3c6;
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 : #ffffff;
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(239, 239, 239, 0.537);
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 : #414141;
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 : #ffffff;
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 : #ffffff;
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(239, 239, 239, 0.537);
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=rabMT9PC10wCtkMoMM2KrjGV5ejCGidFlmg3elSmmoRNnd0FxKwY5T0RGV948R08752LcEb6qEXa);
}

↑ Top