diff --git a/css/avatar.css b/css/avatar.css index df4f037..0bcd8ea 100644 --- a/css/avatar.css +++ b/css/avatar.css @@ -1,4 +1,6 @@ .avatar { + position: absolute; + top: 0; border-radius: var(--space-xxs); transition: filter var(--transition-md) ease-out; } diff --git a/css/comment.css b/css/comment.css index dd6d47f..3dd102a 100644 --- a/css/comment.css +++ b/css/comment.css @@ -8,12 +8,8 @@ } .comment__avatar { - background-image: var(--windy-svg); - background-position: center; - background-repeat: no-repeat; - background-size: 100%; margin-right: var(--space-sm); - height: var(--icon-size-xl); + padding-bottom: 100%; width: var(--icon-size-xl); } diff --git a/css/index.css b/css/index.css index eb65d3f..0dbe817 100644 --- a/css/index.css +++ b/css/index.css @@ -20,6 +20,7 @@ @import "title"; @import "archive"; @import "excerpt"; +@import "silhouette"; :root { --color-black: #000; @@ -67,7 +68,6 @@ --link-focus: 0 0.1rem 0 0 var(--color-light-blue); --image-focus: 0 0 0 0.2rem #fff, 0 0 0 0.4rem var(--color-light-blue); --bullet-size: 0.334rem; - --windy-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOTguNDY1IiBoZWlnaHQ9IjM5OC4yMDciPjxwYXRoIGZpbGw9IiMyMDFmNDIiIGQ9Ik0xODguNDI2LjI4NWMtLjMzOS4xMjUtNC42MzguNjctOS41NTMgMS4yMTEtNTEuNTMxIDUuNjcxLTEwMS45IDMyLjg2NC0xMzIuODQzIDcxLjcybC0zLjYxIDQuNTMyLTIuNDk4LS4zODRjLTkuODU2LTEuNTE1LTE0Ljc2Ny0xLjAxLTE4LjE4NiAxLjg2Ni0yLjM0NyAxLjk3NS0yLjMzOSAyLjE4NS4yMDEgNS4wMTIgOC4xMiA5LjA0IDguMzU3IDEwLjUgMy4yMTQgMTkuODFDNy40MDMgMTM2LjE4NS0yLjkyNSAxODEuOTY2LjczMyAyMTIuMjg3YzEuOTM2IDE2LjA1MyAyLjY4NiAyMC45NTYgNC40MzIgMjguOTY4IDIzLjAxMiAxMDUuNjI4IDEyOC43NTcgMTc0Ljg4MiAyMzMuNDE0IDE1Mi44NjdDMzU2Ljk2MiAzNjkuMjIgNDI3LjM5MSAyNDUuNjc4IDM4Ny4wMiAxMzMuNzQzbC0xLjg3Ni01LjIgMS40MTgtNC4xNjhjMS43NDgtNS4xMzQgMS40NjctOC4xMTMtMS4xNjgtMTIuMzUyLTIuNTM5LTQuMDg0LTIuNDMtNS4wMzQgMS4zMDMtMTEuMzc3IDE3LjE4Mi0yOS4xOTMgMTIuNzg4LTU1Ljc2NC0xMC4xOTYtNjEuNjUyLTExLjQ5Ni0yLjk0NS0xOC40NTUgMS4yMTMtMjUuMzQ2IDE1LjE0NS01LjQyMiAxMC45NjQtNC45MTggMTAuODg4LTE0LjEgMi4xMzgtMzEuMjg3LTI5LjgxNS03MS4wNjgtNDkuMDQ5LTExMS45NTctNTQuMTMtNC4yMzctLjUyOC05Ljc4NC0xLjIzNy0xMi4zMjctMS41NzctNC4zMDEtLjU3NS0yMi45NjYtLjc5NC0yNC4zNDUtLjI4NW0yMi40NCAxMC4xNzZjNDEuMTQ4IDIuMzgzIDc4LjE3NSAxNy4wMzMgMTEwLjMyMiA0My42NDggNy4wNDQgNS44MzIgNi44NyA1LjUwOCA0LjMyNSA4LjA1NC0yLjM5OSAyLjM5OC0yLjAxOSAyLjQ4Ni02LjczMy0xLjU2QzI0My4zMDEtNC4yMDMgMTI4Ljc1NiAzLjAxIDYzLjYxOSA3Ni42N2MtNS41NDYgNi4yNzEtNS40MjggNi4yMTQtOS41NzEgNC42NC0yLjI3My0uODY2LTEuOTE3LTEuNTc4IDQuMzMyLTguNjY0IDMxLjY5LTM1LjkzNiA4MC4wNDgtNTkuMzg4IDEyOC4xOTctNjIuMTcgMTEuOTE4LS42ODkgMTIuNjYxLS42ODkgMjQuMjg5LS4wMTZNMTY0LjA4IDY5LjE0NGMwIC43NjItLjQxNiAzLjc0NC0uOTI0IDYuNjI1LS41MDcgMi44ODItLjkyMyA1LjMwOC0uOTIzIDUuMzkzLS4wMDEuMDg1LS41NTYuMTU0LTEuMjM0LjE1NC0uNjc4IDAtMS4yMzIuMzEtMS4yMzIuNjg4IDAgLjQwMi0uNTU1LjU0NC0xLjMzMy4zNC0uNzMzLS4xOS0xLjgwNC0uMDk2LTIuMzguMjEzLS41NzYuMzA4LTMuNTQxIDEuMTA1LTYuNTg5IDEuNzctMjEuMDgxIDQuNjAxLTM0LjkxIDE3LjY4NS0yOS45NDMgMjguMzMgMi40MjEgNS4xODUgMTAuOTU4IDExLjk5NSAxOS40MTcgMTUuNDg2IDQuMTkxIDEuNzMgNC40NTkgMi4yNSAzLjI5MyA2LjM4Ni03LjkzNyAyOC4xNi0uNDI1IDQxLjcxMSAyMC43MzMgMzcuNGw0LjEyMi0uODM5IDIuMzQ5IDIuMTE2YzEuMjkyIDEuMTY0IDMuNTMxIDIuOTQ1IDQuOTc1IDMuOTU4IDIuNTUyIDEuNzkgMi42MjIgMS45MyAyLjQ2NiA0LjkyM2wtLjE2MSAzLjA4MS0zLjI0NS4zOTZjLTUuOTguNzMtMTAuMDA2IDUuNjE3LTEwLjAwNiAxMi4xNDUgMCA0LjA1Ni0uNzAxIDQuMzctNS43MjQgMi41NjMtMTEuOTUzLTQuMy0xOC40NTYtMTEuNTY0LTI0LjE1Mi0yNi45NzItOC4yNjctMjIuMzYyLTE5LjU3NS00Mi4yOC0zMi44MzYtNTcuODM4LTUuMDMyLTUuOTAyLTUuMDkyLTUuNjU0IDMuMzg5LTEzLjg4NCAxNS4xOTktMTQuNzQ2IDMyLjAyNC0yNS4wODQgNTEuNjE4LTMxLjcxNCA3LjM5Mi0yLjUgOC4zMjEtMi41ODIgOC4zMi0uNzJtODQuODQgMi44NzNjMjUuMDU1IDkuNzY0IDQ2LjI4NCAyNi4zMSA2Mi4wNjQgNDguMzc0IDQuMjc4IDUuOTgxIDQuMzA3IDUuMTQzLS41MDkgMTQuMzcxLTE1LjI5MSAyOS4yOTQtMzguODkyIDUzLjcwMS02Ni4yNzEgNjguNTMyLTUuMzg0IDIuOTE3LTYuNjY4IDMuMDY3LTguNjAzIDEuMDA4LS43ODMtLjgzMy0yLjQ0OS0yLjIyNi0zLjcwMy0zLjA5NS0xLjg0NS0xLjI3OS0yLjQyLTIuMTg3LTMuMDE1LTQuNzY2LTEuMDI3LTQuNDQ1LTMuMzQ1LTcuNDQ3LTguMjU0LTEwLjY4Ny0zLjAxOS0xLjk5My0yLjkxNS0zLjA0OC41MDItNS4wNzggMS41NDctLjkxOSA0LjUwMi0yLjg4IDYuNTY3LTQuMzU5IDMuNTg1LTIuNTY4IDMuODU3LTIuNjU4IDYuMDQ2LTIuMDAyIDE3LjY0MyA1LjI4NiAyNi4zNDEtNC4yNSAyNi44MDUtMjkuMzg4LjIxLTExLjM5LS4xNDYtMTAuNTQgNS4yMjctMTIuNDM1IDMyLjgxNy0xMS41NyAyMy43MzYtMzUuMjgtMTcuMjQyLTQ1LjAxNi0xLjg1Ni0uNDQtMy43MjMtMS4xNS00LjE0OS0xLjU3Ny0uNDI3LS40MjYtMS4wMzctLjg2OS0xLjM1Ny0uOTg0LS4zMi0uMTE1LS44ODQtMi41NjYtMS4yNTUtNS40NDgtLjM3LTIuODgtLjgzMS02LjI3OS0xLjAyNC03LjU1LS40NTktMy4wMi4xODYtMy4wMTIgOC4xNzEuMW0tMjEzLjcxMyAzOC4zNmMxLjA5NCAzLjEzOC43OTEgNi41MDEtLjg4MyA5LjgwNUMtMTcuNjYxIDIyMi43NyA0NS41NyAzNTIuNjMyIDE1OS44NiAzNzguMDAzYzEzMS40OSAyOS4xOTEgMjUwLjMwNy05Mi4yMjggMjE3LjQzOC0yMjIuMTk4bC0xLjE5MS00LjcxIDEuNTgyLTMuNDU3YzIuMzEyLTUuMDUgMi44ODYtNC41NTQgNS4wOTMgNC40MDIgMzMuOTUyIDEzNy43NDItODUuMjU2IDI2MS4zMTUtMjIzLjkxNiAyMzIuMTE1QzQwLjE2OSAzNTkuMTYtMjQuMDY2IDIyNy4wNCAyOC45MzQgMTE2LjkxYzQuMjUxLTguODMyIDUuMTQ2LTkuNzY1IDYuMjczLTYuNTMzbTQ3LjA4NSA2My45MTJjOS4wMDIgMy45ODQgMTEuMzcyIDcuNzI4IDEyLjI2NiAxOS4zNzEgMS40MTMgMTguNDA4IDMuODE4IDI0Ljc4NiAxMi42NDIgMzMuNTMxIDYuMTc0IDYuMTIgNi4yMDUgNS43OTMtMS4wMTUgMTAuNjQ4LTYuOTQgNC42NjYtMTYuMzIgMTIuMTgzLTIyLjc0MiAxOC4yMjUtNS45OTEgNS42MzYtNS42MiA1LjY0My04LjI3NS0uMTctMTAuOTgxLTI0LjA0LTE1LjMwOC01OS45NDMtOS44ODgtODIuMDQ3LjQ5Mi0yLjAwNiAxMi4xNjctMS43MDMgMTcuMDEyLjQ0Mk00My4xOSAxOTMuMTM0YzMuNTQ0IDEuODMzIDQuMzM2IDcuNjYxIDEuNDc2IDEwLjg2MS00LjcyOCA1LjI5Mi0xMy4yMjggMS4yNTYtMTIuMjc4LTUuODMuNjYxLTQuOTI2IDYuMTAzLTcuNDYgMTAuODAyLTUuMDNtMzIxLjg2My45MjNjMy4xOSAzLjE5IDIuMjg5IDkuNTY4LTEuNjEzIDExLjQyLTYuMjAxIDIuOTQyLTEyLjI1My0yLjIxLTEwLjEzNS04LjYzIDEuNTkxLTQuODIgOC4xNTgtNi4zOCAxMS43NDgtMi43OW0tMzAuNTUyIDI0Ljg1NWMtNS40MTQgMzQuMzc2LTIyLjAyNSA2My44NTEtNDguMzIyIDg1LjczNy03LjE0NiA1Ljk0OC03LjQ4MyA1Ljk1Ny04Ljk1My4yNDEtLjYzMy0yLjQ1OC0zLjUwOS0xMi42NS02LjM5MS0yMi42NS02LjY5MS0yMy4yMS02Ljg1LTIwLjYgMS40NTMtMjMuNzUgMTkuMTY5LTcuMjc1IDM3LjYyOS0xOS4zNyA1NC4xMTItMzUuNDU4IDcuNzI4LTcuNTQzIDguNzE5LTguMDQ3IDguMTAxLTQuMTJtLTIyOC40NzcgODYuMTg1YzMuMzgxIDIuNDg3IDMuMzc4IDIuNTA1LTIuMjYzIDEyLjcxNWwtNC44NDEgOC43NjIgNy44MzktNy4zNzVjOC45MDYtOC4zNzkgOC4xNDgtOC4wMyAxMS40MDUtNS4yNmwyLjQ2NSAyLjA5Ni00LjQ4OSA5LjE0Mi00LjQ5IDkuMTQzIDYuOTU1LTcuMjYzYzcuOTA1LTguMjU2IDcuMDc2LTcuODUgMTAuNjU1LTUuMjE4IDMuODQ4IDIuODMgNC4xMzEgMi4zODMtMTAuNTYzIDE2LjcyNC0xNS4yNTEgMTQuODg0LTEzLjk5MSAxNC4xMTItMTguMDYzIDExLjA3Mi0zLjgwMy0yLjgzOS0zLjg4OC0xLjY4Ny44MzMtMTEuMjg4IDIuMTcyLTQuNDE4IDMuODM3LTguMDMzIDMuNjk5LTguMDMzLS4xMzggMC0zLjA4MyAyLjYzNS02LjU0NCA1Ljg1NS02LjkyNCA2LjQ0MS03LjM4NCA2LjYxNi0xMC45MzUgNC4xNi0zLjQyLTIuMzY2LTMuNDU4LTIuMjI0IDUuNjMtMjAuNjQ3IDguOTAyLTE4LjA0NiA4LjU1LTE3LjY0MiAxMi43MDctMTQuNTg1bTE5MS44MjUgMS44NTNjLjgwNyAxLjk0OC4yNDQgMi45OS0xLjYyOSAzLjAxNS0xLjQ1Mi4wMi0zLjk0MiAzLjA1LTMuOTQyIDQuNzk2IDAgMy40NTEgMy4wNCA1LjQwMyA4LjIwOCA1LjI2OCAxMS4wMjYtLjI4OCAxNy4wOTggNC41MDYgMTYuMjk1IDEyLjg2Ni0uNjMxIDYuNTcyLTkuNTI3IDEzLjA0MS0xMS44MjMgOC42LTEuMzQzLTIuNTk3LTEuMjY5LTIuODEzIDEuMjg3LTMuNzM3IDQuNzIxLTEuNzA3IDYuNDI2LTUuNjQzIDMuODU5LTguOTA2LTIuMDA1LTIuNTQ5LTMuNDkxLTMuMDM0LTEwLjU4My0zLjQ1Mi05LjMyMS0uNTQ5LTEzLjI0Ny00LjA3LTEyLjYwOC0xMS4zMS41ODgtNi42NjcgOC44ODctMTIuMDg1IDEwLjkzNi03LjE0bS0xNS4xODQgOS42NWMuMTkuOTMzIDEuMDI5IDYuMDY3IDEuODYzIDExLjQxbDEuNTE3IDkuNzE1IDQuMDQxIDYuNzA3YzQuNTk0IDcuNjIzIDQuNzQxIDguMjQ3IDIuMjAzIDkuMjk4LTIuNjk3IDEuMTE3LTMuMTQ2LjczMi03LjI4OC02LjI1NS0zLjcwMi02LjI0Ni0zLjk2MS02LjUxOS0xMi43MzUtMTMuNDM2LTkuNDY4LTcuNDY1LTkuODM3LTcuOTM3LTcuNDM2LTkuNTEgMi40NDktMS42MDUgMy4zMDktMS4yNTMgOS42ODEgMy45NjIgMy4zMzEgMi43MjcgNi4wNTcgNC44NSA2LjA1NyA0LjcxNiAwLS4xMzMtLjY5NC0zLjM3Ni0xLjU0MS03LjIwOC0xLjkyMi04LjY4OC0xLjkxNy05IC4xNTQtMTAuMTI1IDIuNDM3LTEuMzIyIDMuMDk0LTEuMTg1IDMuNDg0LjcyNm0tMTQyLjk4IDkuOTk0YzEuODQuNzkgMi44MjcgMS41OTQgMi44MzEgMi4zMTEuMDEgMS41NzUtMTUuNTMzIDM0LjA3NC0xNi4yOTcgMzQuMDc0LTEuNTc0IDAtNy4xMy0yLjc4LTcuMTMtMy41NjkgMC0yLjAzOSAxNS43MjgtMzMuOTggMTYuNzQ0LTM0LjAwNC41NjUtLjAxMiAyLjI5OC41MjIgMy44NTIgMS4xODhtMTE5LjczMyAzLjE0MWM4LjM1MSAzLjE1IDE2LjQxMiAyMy42NjggMTIuNjQ0IDMyLjE4Ny0zLjA1NCA2LjkwMi0xMS43NTEgNy4zMjEtMTcuMDI3LjgyLTEyLjYxMy0xNS41NC05LjU5NC0zOC4yNzYgNC4zODMtMzMuMDA3bS0xMDcuMDM2IDIuNTA0YzIuNTk3Ljc3OCAyLjYwMy44MDIgMy4zOTIgMTMuMTc1LjY2NyAxMC40NjIuODMyIDEwLjY4NCAyLjc0NSAzLjY5OCAzLjIxMS0xMS43MzIgMy43NTgtMTMuMjUgNC43NjQtMTMuMjUgMS44MTMgMCA1Ljg1NyAxLjQ2NCA2LjE1IDIuMjI4LjM5NCAxLjAyOC0xMC4zNzMgMzYuNi0xMS4wNzggMzYuNi0uMzA2IDAtMi4wMTUtLjQyNS0zLjc5OS0uOTQzbC0zLjI0My0uOTQzLS40MDItNC4xNDJjLS4yMjEtMi4yNzgtLjU4Ni03LjYwOS0uODEyLTExLjg0Ni0uMzI4LTYuMTUyLS41MTgtNy4yNjktLjk0My01LjU0Ny0xLjI5MiA1LjIzNy01LjA0MyAxNy42MTctNS40OTQgMTguMTMtLjY1My43NDUtNy4zMTYtLjc0Mi03LjMxNi0xLjYzMiAwLS4zNjkgMi40MTQtOC42NyA1LjM2NC0xOC40NDYgNS45ODEtMTkuODIyIDUuMjc5LTE4LjY5OCAxMC42NzItMTcuMDgyTTI1My4xNzYgMzM2Yy0xLjk2OCAyLjgxLS42MzYgOS43NDggMy40OTYgMTguMjA2IDYuMTc4IDEyLjY1IDEzLjkzIDguOTYgOS40MDUtNC40NzctMy45MzUtMTEuNjg0LTkuODkzLTE4LjAyNS0xMi45MDEtMTMuNzNtLTExLjU1NCAxLjg2NmMuMTc3IDIuMTQuMDY5IDIuMzExLTEuNDQ4IDIuMzExLTguNDY3IDAtMTAuOTA4IDExLjU3Ny00LjkyOSAyMy4zNzcgMi42NTkgNS4yNDggNS4xOTkgNi4yOCAxMS40ODIgNC42NjIgMi4yNTEtLjU3OSAzLjk1OSAzLjAzNSAyLjA4MyA0LjQwNy01LjA5NiAzLjcyNi0xMy4yMTggMi4xNTQtMTcuMzgxLTMuMzY1LTQuOTMtNi41MzctNi42NC0yMS45MjgtMy4xMDQtMjcuOTQzIDMuNDUxLTUuODcgMTIuODk0LTguMzIgMTMuMjk3LTMuNDQ5bS01MS44NDUgMy40MTdjMTAuNjc3IDUuNTcgOS4yMSAzMC41MjgtMi4wOTkgMzUuNzA1LTMuNDkyIDEuNi0xNC44MDQgMS44NjItMTYuMjEzLjM3Ny0uMjctLjI4NC4zMDUtOC40MiAxLjI3Ny0xOC4wODIuOTcyLTkuNjYgMS43NzktMTguMDgyIDEuNzkyLTE4LjcxNC4wMzctMS43NTkgMTEuNTMzLTEuMjIgMTUuMjQzLjcxNG0zMi44NTUtMS4yNDdjMCAuMjYxLTEuNTIyIDUuNzg4LTMuMzg0IDEyLjI4MmwtMy4zODQgMTEuODA4LjU2MSA2Ljk3N2MuNjU4IDguMTkgMS4wODYgNy4zNDUtMy45MjcgNy43NDctMy45MzMuMzE2LTQuMDQyLjI4NS00LjA3MS0xLjE0Ni0uMjAxLTkuODgtLjk1Mi0xMy01Ljc0LTIzLjg0OS01Ljk2NS0xMy41MTQtNS45NTctMTMuMTY3LS4yOTQtMTIuOTM1bDQuNDE0LjE4MiAyLjI3NiA2LjQxMWMyLjUwOSA3LjA3MSAyLjQxNiA3LjEwOCAzLjcyNy0xLjQ4LjQxNC0yLjcxMyAxLjAyNS01LjI3OCAxLjM1Ny01LjcwMi42NTgtLjgzOSA4LjQ2NS0xLjExMiA4LjQ2NS0uMjk1bS00MC4wNjEgNi44MTNjMCAuMjU4LS41NTQgNS44NDQtMS4yMzEgMTIuNDEyLTEuMzMyIDEyLjkzLTEuMzIgMTMuMDYyIDEuMDUyIDExLjcxNiA2LjczNC0zLjgyMiA3Ljg4NS0yMS43NDYgMS41NDctMjQuMDktLjc1My0uMjc5LTEuMzY4LS4yOTYtMS4zNjgtLjAzOCIvPjwvc3ZnPgo="); } @custom-media --viewport-sm (min-width: 30rem); diff --git a/css/logo.css b/css/logo.css index 749426d..583fd3a 100644 --- a/css/logo.css +++ b/css/logo.css @@ -18,11 +18,12 @@ .logo__link { display: block; + position: relative; margin: 0 auto; max-width: 16rem; - position: relative; border-radius: 50%; transition: box-shadow var(--transition-fs) ease-out; + padding-bottom: 100%; } .logo__link:focus { @@ -30,25 +31,15 @@ } .logo__link:before { - background-image: var(--windy-svg); - background-position: center; - background-repeat: no-repeat; - background-size: 100%; - content: ""; - display: block; filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.5)); - padding-bottom: 100%; - width: 100%; } .logo__image { bottom: 0; display: block; - height: 100%; left: 0; position: absolute; right: 0; top: 0; transition: opacity var(--transition-sl) ease-out; - width: 100%; } diff --git a/css/silhouette.css b/css/silhouette.css new file mode 100644 index 0000000..444c862 --- /dev/null +++ b/css/silhouette.css @@ -0,0 +1,15 @@ +.has-silhouette { + position: relative; + padding: 0; +} + +.has-silhouette:before { + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOTguNDY1IiBoZWlnaHQ9IjM5OC4yMDciPjxwYXRoIGZpbGw9IiMyMDFmNDIiIGQ9Ik0xODguNDI2LjI4NWMtLjMzOS4xMjUtNC42MzguNjctOS41NTMgMS4yMTEtNTEuNTMxIDUuNjcxLTEwMS45IDMyLjg2NC0xMzIuODQzIDcxLjcybC0zLjYxIDQuNTMyLTIuNDk4LS4zODRjLTkuODU2LTEuNTE1LTE0Ljc2Ny0xLjAxLTE4LjE4NiAxLjg2Ni0yLjM0NyAxLjk3NS0yLjMzOSAyLjE4NS4yMDEgNS4wMTIgOC4xMiA5LjA0IDguMzU3IDEwLjUgMy4yMTQgMTkuODFDNy40MDMgMTM2LjE4NS0yLjkyNSAxODEuOTY2LjczMyAyMTIuMjg3YzEuOTM2IDE2LjA1MyAyLjY4NiAyMC45NTYgNC40MzIgMjguOTY4IDIzLjAxMiAxMDUuNjI4IDEyOC43NTcgMTc0Ljg4MiAyMzMuNDE0IDE1Mi44NjdDMzU2Ljk2MiAzNjkuMjIgNDI3LjM5MSAyNDUuNjc4IDM4Ny4wMiAxMzMuNzQzbC0xLjg3Ni01LjIgMS40MTgtNC4xNjhjMS43NDgtNS4xMzQgMS40NjctOC4xMTMtMS4xNjgtMTIuMzUyLTIuNTM5LTQuMDg0LTIuNDMtNS4wMzQgMS4zMDMtMTEuMzc3IDE3LjE4Mi0yOS4xOTMgMTIuNzg4LTU1Ljc2NC0xMC4xOTYtNjEuNjUyLTExLjQ5Ni0yLjk0NS0xOC40NTUgMS4yMTMtMjUuMzQ2IDE1LjE0NS01LjQyMiAxMC45NjQtNC45MTggMTAuODg4LTE0LjEgMi4xMzgtMzEuMjg3LTI5LjgxNS03MS4wNjgtNDkuMDQ5LTExMS45NTctNTQuMTMtNC4yMzctLjUyOC05Ljc4NC0xLjIzNy0xMi4zMjctMS41NzctNC4zMDEtLjU3NS0yMi45NjYtLjc5NC0yNC4zNDUtLjI4NW0yMi40NCAxMC4xNzZjNDEuMTQ4IDIuMzgzIDc4LjE3NSAxNy4wMzMgMTEwLjMyMiA0My42NDggNy4wNDQgNS44MzIgNi44NyA1LjUwOCA0LjMyNSA4LjA1NC0yLjM5OSAyLjM5OC0yLjAxOSAyLjQ4Ni02LjczMy0xLjU2QzI0My4zMDEtNC4yMDMgMTI4Ljc1NiAzLjAxIDYzLjYxOSA3Ni42N2MtNS41NDYgNi4yNzEtNS40MjggNi4yMTQtOS41NzEgNC42NC0yLjI3My0uODY2LTEuOTE3LTEuNTc4IDQuMzMyLTguNjY0IDMxLjY5LTM1LjkzNiA4MC4wNDgtNTkuMzg4IDEyOC4xOTctNjIuMTcgMTEuOTE4LS42ODkgMTIuNjYxLS42ODkgMjQuMjg5LS4wMTZNMTY0LjA4IDY5LjE0NGMwIC43NjItLjQxNiAzLjc0NC0uOTI0IDYuNjI1LS41MDcgMi44ODItLjkyMyA1LjMwOC0uOTIzIDUuMzkzLS4wMDEuMDg1LS41NTYuMTU0LTEuMjM0LjE1NC0uNjc4IDAtMS4yMzIuMzEtMS4yMzIuNjg4IDAgLjQwMi0uNTU1LjU0NC0xLjMzMy4zNC0uNzMzLS4xOS0xLjgwNC0uMDk2LTIuMzguMjEzLS41NzYuMzA4LTMuNTQxIDEuMTA1LTYuNTg5IDEuNzctMjEuMDgxIDQuNjAxLTM0LjkxIDE3LjY4NS0yOS45NDMgMjguMzMgMi40MjEgNS4xODUgMTAuOTU4IDExLjk5NSAxOS40MTcgMTUuNDg2IDQuMTkxIDEuNzMgNC40NTkgMi4yNSAzLjI5MyA2LjM4Ni03LjkzNyAyOC4xNi0uNDI1IDQxLjcxMSAyMC43MzMgMzcuNGw0LjEyMi0uODM5IDIuMzQ5IDIuMTE2YzEuMjkyIDEuMTY0IDMuNTMxIDIuOTQ1IDQuOTc1IDMuOTU4IDIuNTUyIDEuNzkgMi42MjIgMS45MyAyLjQ2NiA0LjkyM2wtLjE2MSAzLjA4MS0zLjI0NS4zOTZjLTUuOTguNzMtMTAuMDA2IDUuNjE3LTEwLjAwNiAxMi4xNDUgMCA0LjA1Ni0uNzAxIDQuMzctNS43MjQgMi41NjMtMTEuOTUzLTQuMy0xOC40NTYtMTEuNTY0LTI0LjE1Mi0yNi45NzItOC4yNjctMjIuMzYyLTE5LjU3NS00Mi4yOC0zMi44MzYtNTcuODM4LTUuMDMyLTUuOTAyLTUuMDkyLTUuNjU0IDMuMzg5LTEzLjg4NCAxNS4xOTktMTQuNzQ2IDMyLjAyNC0yNS4wODQgNTEuNjE4LTMxLjcxNCA3LjM5Mi0yLjUgOC4zMjEtMi41ODIgOC4zMi0uNzJtODQuODQgMi44NzNjMjUuMDU1IDkuNzY0IDQ2LjI4NCAyNi4zMSA2Mi4wNjQgNDguMzc0IDQuMjc4IDUuOTgxIDQuMzA3IDUuMTQzLS41MDkgMTQuMzcxLTE1LjI5MSAyOS4yOTQtMzguODkyIDUzLjcwMS02Ni4yNzEgNjguNTMyLTUuMzg0IDIuOTE3LTYuNjY4IDMuMDY3LTguNjAzIDEuMDA4LS43ODMtLjgzMy0yLjQ0OS0yLjIyNi0zLjcwMy0zLjA5NS0xLjg0NS0xLjI3OS0yLjQyLTIuMTg3LTMuMDE1LTQuNzY2LTEuMDI3LTQuNDQ1LTMuMzQ1LTcuNDQ3LTguMjU0LTEwLjY4Ny0zLjAxOS0xLjk5My0yLjkxNS0zLjA0OC41MDItNS4wNzggMS41NDctLjkxOSA0LjUwMi0yLjg4IDYuNTY3LTQuMzU5IDMuNTg1LTIuNTY4IDMuODU3LTIuNjU4IDYuMDQ2LTIuMDAyIDE3LjY0MyA1LjI4NiAyNi4zNDEtNC4yNSAyNi44MDUtMjkuMzg4LjIxLTExLjM5LS4xNDYtMTAuNTQgNS4yMjctMTIuNDM1IDMyLjgxNy0xMS41NyAyMy43MzYtMzUuMjgtMTcuMjQyLTQ1LjAxNi0xLjg1Ni0uNDQtMy43MjMtMS4xNS00LjE0OS0xLjU3Ny0uNDI3LS40MjYtMS4wMzctLjg2OS0xLjM1Ny0uOTg0LS4zMi0uMTE1LS44ODQtMi41NjYtMS4yNTUtNS40NDgtLjM3LTIuODgtLjgzMS02LjI3OS0xLjAyNC03LjU1LS40NTktMy4wMi4xODYtMy4wMTIgOC4xNzEuMW0tMjEzLjcxMyAzOC4zNmMxLjA5NCAzLjEzOC43OTEgNi41MDEtLjg4MyA5LjgwNUMtMTcuNjYxIDIyMi43NyA0NS41NyAzNTIuNjMyIDE1OS44NiAzNzguMDAzYzEzMS40OSAyOS4xOTEgMjUwLjMwNy05Mi4yMjggMjE3LjQzOC0yMjIuMTk4bC0xLjE5MS00LjcxIDEuNTgyLTMuNDU3YzIuMzEyLTUuMDUgMi44ODYtNC41NTQgNS4wOTMgNC40MDIgMzMuOTUyIDEzNy43NDItODUuMjU2IDI2MS4zMTUtMjIzLjkxNiAyMzIuMTE1QzQwLjE2OSAzNTkuMTYtMjQuMDY2IDIyNy4wNCAyOC45MzQgMTE2LjkxYzQuMjUxLTguODMyIDUuMTQ2LTkuNzY1IDYuMjczLTYuNTMzbTQ3LjA4NSA2My45MTJjOS4wMDIgMy45ODQgMTEuMzcyIDcuNzI4IDEyLjI2NiAxOS4zNzEgMS40MTMgMTguNDA4IDMuODE4IDI0Ljc4NiAxMi42NDIgMzMuNTMxIDYuMTc0IDYuMTIgNi4yMDUgNS43OTMtMS4wMTUgMTAuNjQ4LTYuOTQgNC42NjYtMTYuMzIgMTIuMTgzLTIyLjc0MiAxOC4yMjUtNS45OTEgNS42MzYtNS42MiA1LjY0My04LjI3NS0uMTctMTAuOTgxLTI0LjA0LTE1LjMwOC01OS45NDMtOS44ODgtODIuMDQ3LjQ5Mi0yLjAwNiAxMi4xNjctMS43MDMgMTcuMDEyLjQ0Mk00My4xOSAxOTMuMTM0YzMuNTQ0IDEuODMzIDQuMzM2IDcuNjYxIDEuNDc2IDEwLjg2MS00LjcyOCA1LjI5Mi0xMy4yMjggMS4yNTYtMTIuMjc4LTUuODMuNjYxLTQuOTI2IDYuMTAzLTcuNDYgMTAuODAyLTUuMDNtMzIxLjg2My45MjNjMy4xOSAzLjE5IDIuMjg5IDkuNTY4LTEuNjEzIDExLjQyLTYuMjAxIDIuOTQyLTEyLjI1My0yLjIxLTEwLjEzNS04LjYzIDEuNTkxLTQuODIgOC4xNTgtNi4zOCAxMS43NDgtMi43OW0tMzAuNTUyIDI0Ljg1NWMtNS40MTQgMzQuMzc2LTIyLjAyNSA2My44NTEtNDguMzIyIDg1LjczNy03LjE0NiA1Ljk0OC03LjQ4MyA1Ljk1Ny04Ljk1My4yNDEtLjYzMy0yLjQ1OC0zLjUwOS0xMi42NS02LjM5MS0yMi42NS02LjY5MS0yMy4yMS02Ljg1LTIwLjYgMS40NTMtMjMuNzUgMTkuMTY5LTcuMjc1IDM3LjYyOS0xOS4zNyA1NC4xMTItMzUuNDU4IDcuNzI4LTcuNTQzIDguNzE5LTguMDQ3IDguMTAxLTQuMTJtLTIyOC40NzcgODYuMTg1YzMuMzgxIDIuNDg3IDMuMzc4IDIuNTA1LTIuMjYzIDEyLjcxNWwtNC44NDEgOC43NjIgNy44MzktNy4zNzVjOC45MDYtOC4zNzkgOC4xNDgtOC4wMyAxMS40MDUtNS4yNmwyLjQ2NSAyLjA5Ni00LjQ4OSA5LjE0Mi00LjQ5IDkuMTQzIDYuOTU1LTcuMjYzYzcuOTA1LTguMjU2IDcuMDc2LTcuODUgMTAuNjU1LTUuMjE4IDMuODQ4IDIuODMgNC4xMzEgMi4zODMtMTAuNTYzIDE2LjcyNC0xNS4yNTEgMTQuODg0LTEzLjk5MSAxNC4xMTItMTguMDYzIDExLjA3Mi0zLjgwMy0yLjgzOS0zLjg4OC0xLjY4Ny44MzMtMTEuMjg4IDIuMTcyLTQuNDE4IDMuODM3LTguMDMzIDMuNjk5LTguMDMzLS4xMzggMC0zLjA4MyAyLjYzNS02LjU0NCA1Ljg1NS02LjkyNCA2LjQ0MS03LjM4NCA2LjYxNi0xMC45MzUgNC4xNi0zLjQyLTIuMzY2LTMuNDU4LTIuMjI0IDUuNjMtMjAuNjQ3IDguOTAyLTE4LjA0NiA4LjU1LTE3LjY0MiAxMi43MDctMTQuNTg1bTE5MS44MjUgMS44NTNjLjgwNyAxLjk0OC4yNDQgMi45OS0xLjYyOSAzLjAxNS0xLjQ1Mi4wMi0zLjk0MiAzLjA1LTMuOTQyIDQuNzk2IDAgMy40NTEgMy4wNCA1LjQwMyA4LjIwOCA1LjI2OCAxMS4wMjYtLjI4OCAxNy4wOTggNC41MDYgMTYuMjk1IDEyLjg2Ni0uNjMxIDYuNTcyLTkuNTI3IDEzLjA0MS0xMS44MjMgOC42LTEuMzQzLTIuNTk3LTEuMjY5LTIuODEzIDEuMjg3LTMuNzM3IDQuNzIxLTEuNzA3IDYuNDI2LTUuNjQzIDMuODU5LTguOTA2LTIuMDA1LTIuNTQ5LTMuNDkxLTMuMDM0LTEwLjU4My0zLjQ1Mi05LjMyMS0uNTQ5LTEzLjI0Ny00LjA3LTEyLjYwOC0xMS4zMS41ODgtNi42NjcgOC44ODctMTIuMDg1IDEwLjkzNi03LjE0bS0xNS4xODQgOS42NWMuMTkuOTMzIDEuMDI5IDYuMDY3IDEuODYzIDExLjQxbDEuNTE3IDkuNzE1IDQuMDQxIDYuNzA3YzQuNTk0IDcuNjIzIDQuNzQxIDguMjQ3IDIuMjAzIDkuMjk4LTIuNjk3IDEuMTE3LTMuMTQ2LjczMi03LjI4OC02LjI1NS0zLjcwMi02LjI0Ni0zLjk2MS02LjUxOS0xMi43MzUtMTMuNDM2LTkuNDY4LTcuNDY1LTkuODM3LTcuOTM3LTcuNDM2LTkuNTEgMi40NDktMS42MDUgMy4zMDktMS4yNTMgOS42ODEgMy45NjIgMy4zMzEgMi43MjcgNi4wNTcgNC44NSA2LjA1NyA0LjcxNiAwLS4xMzMtLjY5NC0zLjM3Ni0xLjU0MS03LjIwOC0xLjkyMi04LjY4OC0xLjkxNy05IC4xNTQtMTAuMTI1IDIuNDM3LTEuMzIyIDMuMDk0LTEuMTg1IDMuNDg0LjcyNm0tMTQyLjk4IDkuOTk0YzEuODQuNzkgMi44MjcgMS41OTQgMi44MzEgMi4zMTEuMDEgMS41NzUtMTUuNTMzIDM0LjA3NC0xNi4yOTcgMzQuMDc0LTEuNTc0IDAtNy4xMy0yLjc4LTcuMTMtMy41NjkgMC0yLjAzOSAxNS43MjgtMzMuOTggMTYuNzQ0LTM0LjAwNC41NjUtLjAxMiAyLjI5OC41MjIgMy44NTIgMS4xODhtMTE5LjczMyAzLjE0MWM4LjM1MSAzLjE1IDE2LjQxMiAyMy42NjggMTIuNjQ0IDMyLjE4Ny0zLjA1NCA2LjkwMi0xMS43NTEgNy4zMjEtMTcuMDI3LjgyLTEyLjYxMy0xNS41NC05LjU5NC0zOC4yNzYgNC4zODMtMzMuMDA3bS0xMDcuMDM2IDIuNTA0YzIuNTk3Ljc3OCAyLjYwMy44MDIgMy4zOTIgMTMuMTc1LjY2NyAxMC40NjIuODMyIDEwLjY4NCAyLjc0NSAzLjY5OCAzLjIxMS0xMS43MzIgMy43NTgtMTMuMjUgNC43NjQtMTMuMjUgMS44MTMgMCA1Ljg1NyAxLjQ2NCA2LjE1IDIuMjI4LjM5NCAxLjAyOC0xMC4zNzMgMzYuNi0xMS4wNzggMzYuNi0uMzA2IDAtMi4wMTUtLjQyNS0zLjc5OS0uOTQzbC0zLjI0My0uOTQzLS40MDItNC4xNDJjLS4yMjEtMi4yNzgtLjU4Ni03LjYwOS0uODEyLTExLjg0Ni0uMzI4LTYuMTUyLS41MTgtNy4yNjktLjk0My01LjU0Ny0xLjI5MiA1LjIzNy01LjA0MyAxNy42MTctNS40OTQgMTguMTMtLjY1My43NDUtNy4zMTYtLjc0Mi03LjMxNi0xLjYzMiAwLS4zNjkgMi40MTQtOC42NyA1LjM2NC0xOC40NDYgNS45ODEtMTkuODIyIDUuMjc5LTE4LjY5OCAxMC42NzItMTcuMDgyTTI1My4xNzYgMzM2Yy0xLjk2OCAyLjgxLS42MzYgOS43NDggMy40OTYgMTguMjA2IDYuMTc4IDEyLjY1IDEzLjkzIDguOTYgOS40MDUtNC40NzctMy45MzUtMTEuNjg0LTkuODkzLTE4LjAyNS0xMi45MDEtMTMuNzNtLTExLjU1NCAxLjg2NmMuMTc3IDIuMTQuMDY5IDIuMzExLTEuNDQ4IDIuMzExLTguNDY3IDAtMTAuOTA4IDExLjU3Ny00LjkyOSAyMy4zNzcgMi42NTkgNS4yNDggNS4xOTkgNi4yOCAxMS40ODIgNC42NjIgMi4yNTEtLjU3OSAzLjk1OSAzLjAzNSAyLjA4MyA0LjQwNy01LjA5NiAzLjcyNi0xMy4yMTggMi4xNTQtMTcuMzgxLTMuMzY1LTQuOTMtNi41MzctNi42NC0yMS45MjgtMy4xMDQtMjcuOTQzIDMuNDUxLTUuODcgMTIuODk0LTguMzIgMTMuMjk3LTMuNDQ5bS01MS44NDUgMy40MTdjMTAuNjc3IDUuNTcgOS4yMSAzMC41MjgtMi4wOTkgMzUuNzA1LTMuNDkyIDEuNi0xNC44MDQgMS44NjItMTYuMjEzLjM3Ny0uMjctLjI4NC4zMDUtOC40MiAxLjI3Ny0xOC4wODIuOTcyLTkuNjYgMS43NzktMTguMDgyIDEuNzkyLTE4LjcxNC4wMzctMS43NTkgMTEuNTMzLTEuMjIgMTUuMjQzLjcxNG0zMi44NTUtMS4yNDdjMCAuMjYxLTEuNTIyIDUuNzg4LTMuMzg0IDEyLjI4MmwtMy4zODQgMTEuODA4LjU2MSA2Ljk3N2MuNjU4IDguMTkgMS4wODYgNy4zNDUtMy45MjcgNy43NDctMy45MzMuMzE2LTQuMDQyLjI4NS00LjA3MS0xLjE0Ni0uMjAxLTkuODgtLjk1Mi0xMy01Ljc0LTIzLjg0OS01Ljk2NS0xMy41MTQtNS45NTctMTMuMTY3LS4yOTQtMTIuOTM1bDQuNDE0LjE4MiAyLjI3NiA2LjQxMWMyLjUwOSA3LjA3MSAyLjQxNiA3LjEwOCAzLjcyNy0xLjQ4LjQxNC0yLjcxMyAxLjAyNS01LjI3OCAxLjM1Ny01LjcwMi42NTgtLjgzOSA4LjQ2NS0xLjExMiA4LjQ2NS0uMjk1bS00MC4wNjEgNi44MTNjMCAuMjU4LS41NTQgNS44NDQtMS4yMzEgMTIuNDEyLTEuMzMyIDEyLjkzLTEuMzIgMTMuMDYyIDEuMDUyIDExLjcxNiA2LjczNC0zLjgyMiA3Ljg4NS0yMS43NDYgMS41NDctMjQuMDktLjc1My0uMjc5LTEuMzY4LS4yOTYtMS4zNjgtLjAzOCIvPjwvc3ZnPgo="); + background-position: center; + background-repeat: no-repeat; + background-size: 100%; + content: ""; + display: block; + padding-bottom: 100%; + width: 100%; +} diff --git a/theme/classes/walker.comments.php b/theme/classes/walker.comments.php index 98cf498..ec7b642 100644 --- a/theme/classes/walker.comments.php +++ b/theme/classes/walker.comments.php @@ -21,7 +21,7 @@ class Windycoys_Walker_Comments extends Walker_Comment { $output .= '
  • '; $output .= '
    '; $output .= '
    '; - $output .= sprintf('
    %s
    ', $avatar); + $output .= sprintf('
    %s
    ', $avatar); $output .= '