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

Sorry! We found the following errors (217)

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

31 Unknown pseudo-element or pseudo-class ::-moz-focus-inner [-moz-focus-inner]
31 Unknown pseudo-element or pseudo-class ::-moz-focus-inner [-moz-focus-inner]
31 Unknown pseudo-element or pseudo-class ::-webkit-inner-spin-button [-webkit-inner-spin-button]
31 Unknown pseudo-element or pseudo-class ::-webkit-outer-spin-button [-webkit-outer-spin-button]
31 Unknown pseudo-element or pseudo-class ::-webkit-search-cancel-button [-webkit-search-cancel-button]
31 Unknown pseudo-element or pseudo-class ::-webkit-search-decoration [-webkit-search-decoration]
37 body Property overflow-wrap doesn't exist : break-word break-word
38 body break-word is not a word-break value : break-word break-word
39 body Property word-wrap doesn't exist : break-word break-word
70 .dim-overlay Value Error : height Unknown dimension 100vh
79 Unknown pseudo-element or pseudo-class ::-ms-clear [-ms-clear]
83 .blogger-logo, .svg-icon-24.blogger-logo Property fill doesn't exist : #ff9800 #ff9800
88 .loading-spinner-large Property animation doesn't exist : mspin-rotate 1.568s infinite linear mspin-rotate 1.568s infinite linear
97 .loading-spinner-large > div Property animation doesn't exist : mspin-revrot 5332ms infinite steps(4) mspin-revrot 5332ms infinite steps(4)
101 .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)
115 Sorry, the at-rule @-webkit-keyframes is not implemented.
125 Sorry, the at-rule @keyframes is not implemented.
135 Sorry, the at-rule @-webkit-keyframes is not implemented.
145 Sorry, the at-rule @keyframes is not implemented.
155 Sorry, the at-rule @-webkit-keyframes is not implemented.
165 Sorry, the at-rule @keyframes is not implemented.
189 .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
194 .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)
304 .paging-control-container .comment-range-text::after, .paging-control-container .paging-control::after Property pointer-events doesn't exist : none none
322 .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)
364 #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)
391 .comment .avatar-image-container img Parse Error [empty string]
394 .avatar-image-container svg, .comment .avatar-image-container .avatar-icon Parse Error [empty string]
397 .avatar-image-container svg, .comment .avatar-image-container .avatar-icon Property fill doesn't exist : #ffffff #ffffff
440 #comments .comment .comment-content, .comment .comment-body break-word is not a word-break value : break-word break-word
465 .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)
482 .touch-icon:active, .touch-icon:focus Parse Error [empty string]
490 html[dir="rtl"] .rtl-reversible-icon Property transform doesn't exist : scaleX(-1) scaleX(-1)
504 .touch-icon-button:active .touch-icon, .touch-icon-button:focus .touch-icon Parse Error [empty string]
507 .Profile .default-avatar-wrapper .avatar-icon Parse Error [empty string]
510 .Profile .default-avatar-wrapper .avatar-icon Property fill doesn't exist : #ffffff #ffffff
551 .post-bottom Property align-items doesn't exist : center center
552 .post-bottom Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
553 .post-bottom Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
554 .post-bottom Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
555 .post-bottom Value Error : display flex is not a display value : flex flex
558 .post-bottom Property flex-wrap doesn't exist : wrap wrap
564 .post-footer Property flex doesn't exist : 1 1 auto 1 1 auto
567 .post-footer Property flex-wrap doesn't exist : wrap wrap
571 .post-footer Property order doesn't exist : 1 1
577 .post-footer > * Property flex doesn't exist : 0 1 auto 0 1 auto
586 .jump-link Property flex doesn't exist : 0 0 auto 0 0 auto
590 .jump-link Property order doesn't exist : 2 2
600 .centered-top-container.sticky Property transition-property doesn't exist : opacity,-webkit-transform opacity,-webkit-transform
601 .centered-top-container.sticky Property transition-property doesn't exist : transform,opacity transform,opacity
602 .centered-top-container.sticky Property transition-property doesn't exist : transform,opacity,-webkit-transform transform,opacity,-webkit-transform
604 .centered-top-container.sticky Property transition-duration doesn't exist : 0.2s 0.2s
606 .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)
631 .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)
654 Unknown pseudo-element or pseudo-class ::-webkit-details-marker [-webkit-details-marker]
661 .collapsible-title Property align-items doesn't exist : center center
662 .collapsible-title Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
663 .collapsible-title Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
664 .collapsible-title Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
665 .collapsible-title Value Error : display flex is not a display value : flex flex
671 .collapsible-title .title Property flex doesn't exist : 1 1 auto 1 1 auto
675 .collapsible-title .title Property order doesn't exist : 0 0
677 .collapsible-title .title Parse Error [empty string]
691 .flat-button Parse Error [empty string]
709 .flat-icon-button, .flat-icon-button .splash-wrapper Parse Error [empty string]
713 .flat-icon-button .splash.animate Property animation-duration doesn't exist : 0.3s 0.3s
727 .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)
730 .overflow-popup Value Error : max-width Parse Error - 32px)
753 .pill-button Parse Error [empty string]
769 .splash-wrapper Property pointer-events doesn't exist : none none
777 .splash Parse Error [empty string]
783 .splash Property transform doesn't exist : scale(0) scale(0)
787 .splash.animate Property animation doesn't exist : ripple-effect 0.4s linear ripple-effect 0.4s linear
789 Sorry, the at-rule @-webkit-keyframes is not implemented.
796 Sorry, the at-rule @keyframes is not implemented.
804 .search Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
805 .search Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
806 .search Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
807 .search Value Error : display flex is not a display value : flex flex
824 .search form Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
825 .search form Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
826 .search form Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
827 .search form Value Error : display flex is not a display value : flex flex
831 .search form Property flex doesn't exist : 1 0 0 1 0 0
859 .search-expand Property flex doesn't exist : 0 0 auto 0 0 auto
872 .search-input Property flex doesn't exist : 1 0 1px 1 0 1px
881 .search-input input Value Error : width Parse Error - 48px)
922 .centered-bottom .share-buttons .svg-icon-24, .share-buttons .svg-icon-24 Property fill doesn't exist : #ffffff #ffffff
929 .share-buttons Parse Error [empty string]
930 .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)
994 .sidebar-container Property transition-property doesn't exist : -webkit-transform -webkit-transform
995 .sidebar-container Property transition-property doesn't exist : transform transform
996 .sidebar-container Property transition-property doesn't exist : transform,-webkit-transform transform,-webkit-transform
998 .sidebar-container Property transition-duration doesn't exist : 0.3s 0.3s
1000 .sidebar-container Property transition-timing-function doesn't exist : cubic-bezier(0,0,0.2,1) cubic-bezier(0,0,0.2,1)
1059 .widget.Profile .profile-link Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1060 .widget.Profile .profile-link Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1061 .widget.Profile .profile-link Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1062 .widget.Profile .profile-link Value Error : display flex is not a display value : flex flex
1068 .widget.Profile .team-member .default-avatar-wrapper, .widget.Profile .team-member .profile-img Property flex doesn't exist : 0 0 auto 0 0 auto
1076 .widget.Profile .individual .profile-link Property flex-direction doesn't exist : column column
1081 .widget.Profile .team .profile-link .profile-name Property align-self doesn't exist : center center
1086 .widget.Profile .team .profile-link .profile-name Property flex doesn't exist : 1 1 auto 1 1 auto
1105 .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)
1108 .sidebar-container.sidebar-invisible Property transform doesn't exist : translateX(-284px) translateX(-284px)
1123 .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)
1130 .dialog Value Error : width Parse Error - 24px)
1136 .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)
1148 Unknown pseudo-element or pseudo-class ::-webkit-input-placeholder [-webkit-input-placeholder]
1148 Unknown pseudo-element or pseudo-class ::-webkit-input-placeholder [-webkit-input-placeholder]
1151 Unknown pseudo-element or pseudo-class ::-moz-placeholder [-moz-placeholder]
1151 Unknown pseudo-element or pseudo-class ::-moz-placeholder [-moz-placeholder]
1154 Unknown pseudo-element or pseudo-class :-ms-input-placeholder
1154 Unknown pseudo-element or pseudo-class :-ms-input-placeholder
1157 Unknown pseudo-element or pseudo-class ::-ms-input-placeholder [-ms-input-placeholder]
1157 Unknown pseudo-element or pseudo-class ::-ms-input-placeholder [-ms-input-placeholder]
1160 Unknown pseudo-element or pseudo-class ::placeholder [placeholder]
1160 Unknown pseudo-element or pseudo-class ::placeholder [placeholder]
1214 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% } }
1263 .centered-top-container .svg-icon-24, body.collapsed-header .centered-top-placeholder .svg-icon-24 Property fill doesn't exist : #ffffff #ffffff
1266 .sidebar-container .svg-icon-24 Property fill doesn't exist : #ffffff #ffffff
1269 .centered-bottom .svg-icon-24, body.collapsed-header .centered-top-container .svg-icon-24 Property fill doesn't exist : #ffffff #ffffff
1272 .centered-bottom .share-buttons .svg-icon-24, .share-buttons .svg-icon-24 Property fill doesn't exist : #ffffff #ffffff
1279 body Value Error : min-height Unknown dimension 100vh
1319 .bg-photo Property filter doesn't exist : blur(0) blur(0)
1320 .bg-photo Value Error : height Parse Error + 2 * 0px)
1324 .bg-photo Value Error : width Parse Error + 2 * 0px)
1327 .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)
1343 .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)
1347 .search Property transition-property doesn't exist : width width
1349 .search Property transition-duration doesn't exist : 0.5s 0.5s
1351 .search Property transition-timing-function doesn't exist : cubic-bezier(0.4,0,0.2,1) cubic-bezier(0.4,0,0.2,1)
1360 .search form Property transition-property doesn't exist : border-color border-color
1362 .search form Property transition-delay doesn't exist : 0.5s 0.5s
1364 .search form Property transition-duration doesn't exist : 0.2s 0.2s
1366 .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)
1369 .search.focused Value Error : width Parse Error - 48px)
1372 .search.focused form Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1373 .search.focused form Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1374 .search.focused form Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1375 .search.focused form Value Error : display flex is not a display value : flex flex
1379 .search.focused form Property flex doesn't exist : 1 0 1px 1 0 1px
1393 .item-view .search.focused, .sticky .search.focused Value Error : width Parse Error - 50px)
1405 .search_button Property flex doesn't exist : 0 0 24px 0 0 24px
1410 .search_button Property flex-direction doesn't exist : column column
1427 Unknown pseudo-element or pseudo-class ::-webkit-input-placeholder [-webkit-input-placeholder]
1431 Unknown pseudo-element or pseudo-class ::-moz-placeholder [-moz-placeholder]
1435 Unknown pseudo-element or pseudo-class :-ms-input-placeholder
1439 Unknown pseudo-element or pseudo-class ::-ms-input-placeholder [-ms-input-placeholder]
1443 Unknown pseudo-element or pseudo-class ::placeholder [placeholder]
1474 .page_body .centered Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1475 .page_body .centered Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1476 .page_body .centered Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1477 .page_body .centered Value Error : display flex is not a display value : flex flex
1482 .page_body .centered Property flex-direction doesn't exist : column column
1485 .page_body .centered Value Error : min-height Unknown dimension 100vh
1492 .page_body .centered > * Property flex doesn't exist : 0 0 auto 0 0 auto
1511 .blog-name .subscribe-section-container Property transition-property doesn't exist : opacity opacity
1513 .blog-name .subscribe-section-container Property transition-duration doesn't exist : 0.5s 0.5s
1534 .centered-top-container .blog-name Property transition-property doesn't exist : opacity opacity
1536 .centered-top-container .blog-name Property transition-duration doesn't exist : 0.5s 0.5s
1544 .item-view .blog-name Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1545 .item-view .blog-name Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1546 .item-view .blog-name Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1547 .item-view .blog-name Value Error : display flex is not a display value : flex flex
1550 .item-view .blog-name Property flex-wrap doesn't exist : wrap wrap
1557 .item-view .subscribe-section-container Property flex doesn't exist : 0 0 auto 0 0 auto
1575 .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)
1589 .sticky .blog-name Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
1590 .sticky .blog-name Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
1591 .sticky .blog-name Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
1592 .sticky .blog-name Value Error : display flex is not a display value : flex flex
1599 .sticky .blog-name #header Property flex doesn't exist : 0 1 auto 0 1 auto
1603 .sticky .blog-name #header Property order doesn't exist : 1 1
1610 .sticky .blog-name .subscribe-section-container Property flex doesn't exist : 0 0 auto 0 0 auto
1614 .sticky .blog-name .subscribe-section-container Property order doesn't exist : 2 2
1618 .sticky .Header h1 Parse Error [empty string]
1651 .page_body.has-vertical-ads .centered .centered-bottom Value Error : width Parse Error - 176px)
1744 .post-title Value Error : max-width Parse Error - 48px)
1792 .FeaturedPost .snippet-thumbnail Value Error : max-height Parse Error + 2em)
1935 .Label li, .Label span.label-size, .byline.post-labels a Parse Error [empty string]
2061 .Attribution svg Property fill doesn't exist : #ffffff #ffffff
2064 .sidebar-container Parse Error [empty string]
2118 .widget.Profile .profile-img Parse Error [empty string]
2131 .widget.Profile .profile-link.visit-profile Parse Error [empty string]
2160 .sidebar-container Value Error : min-height Parse Error - 480px)
2170 .sidebar-container .sidebar_top Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
2171 .sidebar-container .sidebar_top Value Error : display -webkit-flex is not a display value : -webkit-flex -webkit-flex
2172 .sidebar-container .sidebar_top Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
2173 .sidebar-container .sidebar_top Value Error : display flex is not a display value : flex flex
2179 .sidebar-container .sidebar_top Property flex-direction doesn't exist : row row
2196 .sidebar-container .sidebar_top > :only-child Property flex doesn't exist : 0 0 auto 0 0 auto
2199 .sidebar-container .sidebar_top > :only-child Property align-self doesn't exist : center center
2213 .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%)
2214 .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%)
2229 .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%)
2230 .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%)
2233 .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%)
2234 .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%)
2246 .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%)
2247 .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%)
2253 .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%)
2254 .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%)
2325 .post-body .snippet-thumbnail Value Error : margin Unknown dimension 3vw
2325 .post-body .snippet-thumbnail Value Error : margin Unknown dimension 3vw
2328 .post-body .snippet-thumbnail img Value Error : height Unknown dimension 20vw
2329 .post-body .snippet-thumbnail img Value Error : width Unknown dimension 20vw
2334 div.widget.PopularPosts div.item-thumbnail Value Error : margin Unknown dimension 3vw
2334 div.widget.PopularPosts div.item-thumbnail Value Error : margin Unknown dimension 3vw
2337 div.widget.PopularPosts div.item-thumbnail img Value Error : height Unknown dimension 20vw
2338 div.widget.PopularPosts div.item-thumbnail img Value Error : width Unknown dimension 20vw
2399 body.collapsed-header.item-view .centered-top-container .search.focused Value Error : width Parse Error - 50px)
2439 Parse Error (max-width: 480px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=rabMT9PC10wCtkMoMM2KrjGV5ejCGidFlmg3elSmmoRNnd0FxKwY5T0RGV948R08752LcEb6qEXa&options=w480);}}
2440 Parse Error (max-width: 640px) and (min-width: 481px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=rabMT9PC10wCtkMoMM2KrjGV5ejCGidFlmg3elSmmoRNnd0FxKwY5T0RGV948R08752LcEb6qEXa&options=w640);}}
2441 Parse Error (max-width: 800px) and (min-width: 641px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=rabMT9PC10wCtkMoMM2KrjGV5ejCGidFlmg3elSmmoRNnd0FxKwY5T0RGV948R08752LcEb6qEXa&options=w800);}}
2442 Parse Error (max-width: 1200px) and (min-width: 801px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=rabMT9PC10wCtkMoMM2KrjGV5ejCGidFlmg3elSmmoRNnd0FxKwY5T0RGV948R08752LcEb6qEXa&options=w1200);}}
2444 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/

31 Property -webkit-appearance is an unknown vendor extension
31 Property -moz-box-sizing is an unknown vendor extension
31 Property -webkit-text-size-adjust is an unknown vendor extension
31 Property -webkit-box-sizing is an unknown vendor extension
31 Property -webkit-appearance is an unknown vendor extension
31 Property -ms-text-size-adjust is an unknown vendor extension
31 Property -moz-box-sizing is an unknown vendor extension
87 Property -webkit-animation is an unknown vendor extension
96 Property -webkit-animation is an unknown vendor extension
100 Property -webkit-animation is an unknown vendor extension
188 Property -webkit-transition is an unknown vendor extension
321 Property -webkit-transition is an unknown vendor extension
415 Same colors for color and background-color in two contexts .b-notification and #comments .comment .comment-header .user
415 Same colors for color and background-color in two contexts .skip-navigation and #comments .comment .comment-header .user a
415 Same colors for color and background-color in two contexts .b-notification and #comments .comment .comment-header .user a
415 Same colors for color and background-color in two contexts .skip-navigation and #comments .comment .comment-header .user
464 Property -webkit-transition is an unknown vendor extension
488 Property -webkit-transform is an unknown vendor extension
489 Property -ms-transform is an unknown vendor extension
548 Property -webkit-box-align is an unknown vendor extension
549 Property -webkit-align-items is an unknown vendor extension
550 Property -ms-flex-align is an unknown vendor extension
556 Property -webkit-flex-wrap is an unknown vendor extension
557 Property -ms-flex-wrap is an unknown vendor extension
561 Property -webkit-box-flex is an unknown vendor extension
562 Property -webkit-flex is an unknown vendor extension
563 Property -ms-flex is an unknown vendor extension
565 Property -webkit-flex-wrap is an unknown vendor extension
566 Property -ms-flex-wrap is an unknown vendor extension
568 Property -webkit-box-ordinal-group is an unknown vendor extension
569 Property -webkit-order is an unknown vendor extension
570 Property -ms-flex-order is an unknown vendor extension
574 Property -webkit-box-flex is an unknown vendor extension
575 Property -webkit-flex is an unknown vendor extension
576 Property -ms-flex is an unknown vendor extension
583 Property -webkit-box-flex is an unknown vendor extension
584 Property -webkit-flex is an unknown vendor extension
585 Property -ms-flex is an unknown vendor extension
587 Property -webkit-box-ordinal-group is an unknown vendor extension
588 Property -webkit-order is an unknown vendor extension
589 Property -ms-flex-order is an unknown vendor extension
599 Property -webkit-transition-property is an unknown vendor extension
603 Property -webkit-transition-duration is an unknown vendor extension
605 Property -webkit-transition-timing-function is an unknown vendor extension
630 Property -webkit-transition is an unknown vendor extension
658 Property -webkit-box-align is an unknown vendor extension
659 Property -webkit-align-items is an unknown vendor extension
660 Property -ms-flex-align is an unknown vendor extension
668 Property -webkit-box-flex is an unknown vendor extension
669 Property -webkit-flex is an unknown vendor extension
670 Property -ms-flex is an unknown vendor extension
672 Property -webkit-box-ordinal-group is an unknown vendor extension
673 Property -webkit-order is an unknown vendor extension
674 Property -ms-flex-order is an unknown vendor extension
712 Property -webkit-animation-duration is an unknown vendor extension
781 Property -webkit-transform is an unknown vendor extension
782 Property -ms-transform is an unknown vendor extension
786 Property -webkit-animation is an unknown vendor extension
828 Property -webkit-box-flex is an unknown vendor extension
829 Property -webkit-flex is an unknown vendor extension
830 Property -ms-flex is an unknown vendor extension
856 Property -webkit-box-flex is an unknown vendor extension
857 Property -webkit-flex is an unknown vendor extension
858 Property -ms-flex is an unknown vendor extension
869 Property -webkit-box-flex is an unknown vendor extension
870 Property -webkit-flex is an unknown vendor extension
871 Property -ms-flex is an unknown vendor extension
878 Same colors for color and background-color in two contexts .b-notification and .search-input input
878 Same colors for color and background-color in two contexts .skip-navigation and .search-input input
884 Same colors for color and background-color in two contexts .dialog input[type="email"] and .search-input input.no-cursor
884 Same colors for color and background-color in two contexts #sharing-dim-overlay and .search-input input.no-cursor
884 Same colors for color and background-color in two contexts .search .dim-overlay and .search-input input.no-cursor
884 Same colors for color and background-color in two contexts a and .search-input input.no-cursor
884 Same colors for color and background-color in two contexts .collapsible:focus > summary and .search-input input.no-cursor
884 Same colors for color and background-color in two contexts .sharing-open.touch-icon-button:active .touch-icon and .search-input input.no-cursor
884 Same colors for color and background-color in two contexts .sharing-open.touch-icon-button:focus .touch-icon and .search-input input.no-cursor
884 Same colors for color and background-color in two contexts .dialog input[type="text"] and .search-input input.no-cursor
884 Same colors for color and background-color in two contexts .collapsible > summary:focus and .search-input input.no-cursor
884 Same colors for color and background-color in two contexts .touch-icon-button .touch-icon:focus and .search-input input.no-cursor
884 Same colors for color and background-color in two contexts .touch-icon-button .touch-icon:active and .search-input input.no-cursor
888 Same colors for color and background-color in two contexts .b-notification and .collapsed-header .centered-top-container .search-action
888 Same colors for color and background-color in two contexts .skip-navigation and .collapsed-header .centered-top-container .search-input input
888 Same colors for color and background-color in two contexts .skip-navigation and .collapsed-header .centered-top-container .search-action
888 Same colors for color and background-color in two contexts .b-notification and .collapsed-header .centered-top-container .search-input input
891 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
891 Same colors for color and background-color in two contexts .collapsible > summary:focus and .collapsed-header .centered-top-container .search-input input.no-cursor
891 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
891 Same colors for color and background-color in two contexts .search .dim-overlay and .collapsed-header .centered-top-container .search-input input.no-cursor
891 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
891 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
891 Same colors for color and background-color in two contexts .collapsible:focus > summary and .collapsed-header .centered-top-container .search-input input.no-cursor
891 Same colors for color and background-color in two contexts a and .collapsed-header .centered-top-container .search-input input.no-cursor
891 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
891 Same colors for color and background-color in two contexts #sharing-dim-overlay and .collapsed-header .centered-top-container .search-input input.no-cursor
891 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
993 Property -webkit-transition-property is an unknown vendor extension
997 Property -webkit-transition-duration is an unknown vendor extension
999 Property -webkit-transition-timing-function is an unknown vendor extension
1003 Property -webkit-overflow-scrolling is an unknown vendor extension
1065 Property -webkit-box-flex is an unknown vendor extension
1066 Property -webkit-flex is an unknown vendor extension
1067 Property -ms-flex is an unknown vendor extension
1072 Property -webkit-box-orient is an unknown vendor extension
1073 Property -webkit-box-direction is an unknown vendor extension
1074 Property -webkit-flex-direction is an unknown vendor extension
1075 Property -ms-flex-direction is an unknown vendor extension
1079 Property -webkit-align-self is an unknown vendor extension
1080 Property -ms-flex-item-align is an unknown vendor extension
1083 Property -webkit-box-flex is an unknown vendor extension
1084 Property -webkit-flex is an unknown vendor extension
1085 Property -ms-flex is an unknown vendor extension
1104 Property -webkit-transition-timing-function is an unknown vendor extension
1106 Property -webkit-transform is an unknown vendor extension
1107 Property -ms-transform is an unknown vendor extension
1155 Same colors for color and background-color in two contexts .skip-navigation and .dialog input[type="text"]
1155 Same colors for color and background-color in two contexts .b-notification and .dialog input[type="text"]
1155 Same colors for color and background-color in two contexts .b-notification and .dialog input[type="email"]
1155 Same colors for color and background-color in two contexts .skip-navigation and .dialog input[type="email"]
1168 Same colors for color and background-color in two contexts .dialog input[type="text"] and .dialog input.no-cursor
1168 Same colors for color and background-color in two contexts .sharing-open.touch-icon-button:focus .touch-icon and .dialog input.no-cursor
1168 Same colors for color and background-color in two contexts .touch-icon-button .touch-icon:active and .dialog input.no-cursor
1168 Same colors for color and background-color in two contexts .search .dim-overlay and .dialog input.no-cursor
1168 Same colors for color and background-color in two contexts .sharing-open.touch-icon-button:active .touch-icon and .dialog input.no-cursor
1168 Same colors for color and background-color in two contexts .dialog input[type="email"] and .dialog input.no-cursor
1168 Same colors for color and background-color in two contexts .collapsible:focus > summary and .dialog input.no-cursor
1168 Same colors for color and background-color in two contexts a and .dialog input.no-cursor
1168 Same colors for color and background-color in two contexts .touch-icon-button .touch-icon:focus and .dialog input.no-cursor
1168 Same colors for color and background-color in two contexts #sharing-dim-overlay and .dialog input.no-cursor
1168 Same colors for color and background-color in two contexts .collapsible > summary:focus and .dialog input.no-cursor
1187 Same colors for color and background-color in two contexts .skip-navigation and .subscribe-popup h3
1187 Same colors for color and background-color in two contexts .b-notification and .subscribe-popup h3
1232 Same colors for color and background-color in two contexts .skip-navigation and .tabs .selected a
1232 Same colors for color and background-color in two contexts .b-notification and .tabs .selected a
1285 Same colors for color and background-color in two contexts .b-notification and h3
1285 Same colors for color and background-color in two contexts .skip-navigation and h3
1318 Property -webkit-filter is an unknown vendor extension
1346 Property -webkit-transition-property is an unknown vendor extension
1348 Property -webkit-transition-duration is an unknown vendor extension
1350 Property -webkit-transition-timing-function is an unknown vendor extension
1359 Property -webkit-transition-property is an unknown vendor extension
1361 Property -webkit-transition-delay is an unknown vendor extension
1363 Property -webkit-transition-duration is an unknown vendor extension
1365 Property -webkit-transition-timing-function is an unknown vendor extension
1376 Property -webkit-box-flex is an unknown vendor extension
1377 Property -webkit-flex is an unknown vendor extension
1378 Property -ms-flex is an unknown vendor extension
1402 Property -webkit-box-flex is an unknown vendor extension
1403 Property -webkit-flex is an unknown vendor extension
1404 Property -ms-flex is an unknown vendor extension
1406 Property -webkit-box-orient is an unknown vendor extension
1407 Property -webkit-box-direction is an unknown vendor extension
1408 Property -webkit-flex-direction is an unknown vendor extension
1409 Property -ms-flex-direction is an unknown vendor extension
1420 Same colors for color and background-color in two contexts .b-notification and .search-input input
1420 Same colors for color and background-color in two contexts .skip-navigation and .search-input input
1436 Same colors for color and background-color in two contexts .b-notification and .search-input input
1436 Same colors for color and background-color in two contexts .skip-navigation and .search-input input
1450 Same colors for color and background-color in two contexts .b-notification and .search-action
1450 Same colors for color and background-color in two contexts .skip-navigation and .search-action
1457 Same colors for color and background-color in two contexts .b-notification and .sticky .search-action
1457 Same colors for color and background-color in two contexts .skip-navigation and .sticky .search-action
1478 Property -webkit-box-orient is an unknown vendor extension
1479 Property -webkit-box-direction is an unknown vendor extension
1480 Property -webkit-flex-direction is an unknown vendor extension
1481 Property -ms-flex-direction is an unknown vendor extension
1489 Property -webkit-box-flex is an unknown vendor extension
1490 Property -webkit-flex is an unknown vendor extension
1491 Property -ms-flex is an unknown vendor extension
1510 Property -webkit-transition-property is an unknown vendor extension
1512 Property -webkit-transition-duration is an unknown vendor extension
1527 Same colors for color and background-color in two contexts .skip-navigation and .blog-name .PageList h3.title
1527 Same colors for color and background-color in two contexts .b-notification and .blog-name .PageList h3.title
1533 Property -webkit-transition-property is an unknown vendor extension
1535 Property -webkit-transition-duration is an unknown vendor extension
1548 Property -webkit-flex-wrap is an unknown vendor extension
1549 Property -ms-flex-wrap is an unknown vendor extension
1554 Property -webkit-box-flex is an unknown vendor extension
1555 Property -webkit-flex is an unknown vendor extension
1556 Property -ms-flex is an unknown vendor extension
1596 Property -webkit-box-flex is an unknown vendor extension
1597 Property -webkit-flex is an unknown vendor extension
1598 Property -ms-flex is an unknown vendor extension
1600 Property -webkit-box-ordinal-group is an unknown vendor extension
1601 Property -webkit-order is an unknown vendor extension
1602 Property -ms-flex-order is an unknown vendor extension
1607 Property -webkit-box-flex is an unknown vendor extension
1608 Property -webkit-flex is an unknown vendor extension
1609 Property -ms-flex is an unknown vendor extension
1611 Property -webkit-box-ordinal-group is an unknown vendor extension
1612 Property -webkit-order is an unknown vendor extension
1613 Property -ms-flex-order is an unknown vendor extension
1654 Same colors for color and background-color in two contexts .b-notification and .Header h1
1654 Same colors for color and background-color in two contexts .skip-navigation and .Header h1
1662 Same colors for color and background-color in two contexts .b-notification and .Header h1 a
1662 Same colors for color and background-color in two contexts .skip-navigation and .Header h1 a
1662 Same colors for color and background-color in two contexts .b-notification and .Header h1 a:visited
1662 Same colors for color and background-color in two contexts .skip-navigation and .Header h1 a:hover
1662 Same colors for color and background-color in two contexts .b-notification and .Header h1 a:hover
1662 Same colors for color and background-color in two contexts .skip-navigation and .Header h1 a:visited
1671 Same colors for color and background-color in two contexts .skip-navigation and .sticky .Header h1
1671 Same colors for color and background-color in two contexts .b-notification and .sticky .Header h1
1674 Same colors for color and background-color in two contexts .skip-navigation and .sticky .Header h1 a
1674 Same colors for color and background-color in two contexts .b-notification and .sticky .Header h1 a:visited
1674 Same colors for color and background-color in two contexts .b-notification and .sticky .Header h1 a
1674 Same colors for color and background-color in two contexts .b-notification and .sticky .Header h1 a:hover
1674 Same colors for color and background-color in two contexts .skip-navigation and .sticky .Header h1 a:visited
1674 Same colors for color and background-color in two contexts .skip-navigation and .sticky .Header h1 a:hover
1677 Same colors for color and background-color in two contexts .skip-navigation and .Header p
1677 Same colors for color and background-color in two contexts .b-notification and .Header p
1689 Same colors for color and background-color in two contexts .skip-navigation and .BlogArchive .post-count
1689 Same colors for color and background-color in two contexts .b-notification and .BlogArchive .post-count
1750 Same colors for color and background-color in two contexts .skip-navigation and .post-title a:visited
1750 Same colors for color and background-color in two contexts .skip-navigation and .post-title
1750 Same colors for color and background-color in two contexts .b-notification and .post-title
1750 Same colors for color and background-color in two contexts .b-notification and .post-title a:visited
1750 Same colors for color and background-color in two contexts .b-notification and .post-title a
1750 Same colors for color and background-color in two contexts .skip-navigation and .post-title a:hover
1750 Same colors for color and background-color in two contexts .b-notification and .post-title a:hover
1750 Same colors for color and background-color in two contexts .skip-navigation and .post-title a
1753 Same colors for color and background-color in two contexts .skip-navigation and .post-body
1753 Same colors for color and background-color in two contexts .b-notification and .post-body
1896 Same colors for color and background-color in two contexts .skip-navigation and .subscribe-button
1896 Same colors for color and background-color in two contexts .b-notification and .subscribe-button
1900 Same colors for color and background-color in two contexts .skip-navigation and .sticky .subscribe-button
1900 Same colors for color and background-color in two contexts .b-notification and .sticky .subscribe-button
1922 Same colors for color and background-color in two contexts .b-notification and .overflow-popup li a
1922 Same colors for color and background-color in two contexts .skip-navigation and .overflow-popup li a
1927 Same colors for color and background-color in two contexts .skip-navigation and .overflow-popup li.selected a
1927 Same colors for color and background-color in two contexts .b-notification and .overflow-popup li.selected a
1933 .Label li Same color for background-color and border-bottom-color
1933 .Label li Same color for background-color and border-right-color
1933 .Label span.label-size Same color for background-color and border-top-color
1933 .byline.post-labels a Same color for background-color and border-left-color
1933 .Label span.label-size Same color for background-color and border-right-color
1933 .Label span.label-size Same color for background-color and border-left-color
1933 .byline.post-labels a Same color for background-color and border-top-color
1933 .Label li Same color for background-color and border-left-color
1933 .byline.post-labels a Same color for background-color and border-right-color
1933 .Label li Same color for background-color and border-top-color
1933 .byline.post-labels a Same color for background-color and border-bottom-color
1933 .Label span.label-size Same color for background-color and border-bottom-color
1941 Same colors for color and background-color in two contexts .skip-navigation and .Label a
1941 Same colors for color and background-color in two contexts .b-notification and .byline.post-labels a
1941 Same colors for color and background-color in two contexts .b-notification and .Label a
1941 Same colors for color and background-color in two contexts .skip-navigation and .byline.post-labels a
1952 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts .item-content
1952 Same colors for color and background-color in two contexts .b-notification and .PopularPosts .item-content
1959 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts .post-title a:visited
1959 Same colors for color and background-color in two contexts .b-notification and .PopularPosts .post-title a:hover
1959 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts .post-title
1959 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts .post-title a
1959 Same colors for color and background-color in two contexts .b-notification and .PopularPosts .post-title
1959 Same colors for color and background-color in two contexts .b-notification and .PopularPosts .post-title a:visited
1959 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts .post-title a:hover
1959 Same colors for color and background-color in two contexts .b-notification and .PopularPosts .post-title a
1965 Same colors for color and background-color in two contexts .b-notification and .PopularPosts
1965 Same colors for color and background-color in two contexts .b-notification and .PopularPosts h3.title a
1965 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts h3.title a
1965 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts
2039 Same colors for color and background-color in two contexts .skip-navigation and .vertical-ad-placeholder span
2039 Same colors for color and background-color in two contexts .b-notification and .vertical-ad-placeholder span
2039 Same colors for color and background-color in two contexts .b-notification and .inline-ad-placeholder span
2039 Same colors for color and background-color in two contexts .skip-navigation and .inline-ad-placeholder span
2055 Same colors for color and background-color in two contexts .skip-navigation and .Attribution
2055 Same colors for color and background-color in two contexts .b-notification and .Attribution
2122 Same colors for color and background-color in two contexts .skip-navigation and .widget.Profile .profile-link
2122 Same colors for color and background-color in two contexts .b-notification and .widget.Profile .profile-link
2175 Property -webkit-box-orient is an unknown vendor extension
2176 Property -webkit-box-direction is an unknown vendor extension
2177 Property -webkit-flex-direction is an unknown vendor extension
2178 Property -ms-flex-direction is an unknown vendor extension
2193 Property -webkit-box-flex is an unknown vendor extension
2194 Property -webkit-flex is an unknown vendor extension
2195 Property -ms-flex is an unknown vendor extension
2197 Property -webkit-align-self is an unknown vendor extension
2198 Property -ms-flex-item-align is an unknown vendor extension
2215 Same colors for color and background-color in two contexts .skip-navigation and .post-snippet .snippet-fade
2215 Same colors for color and background-color in two contexts .b-notification and .post-snippet .snippet-fade
2225 Same colors for color and background-color in two contexts .b-notification and .PopularPosts .popular-posts-snippet .snippet-fade
2225 Same colors for color and background-color in two contexts .skip-navigation and .PopularPosts .popular-posts-snippet .snippet-fade
2435 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