diff --git a/themes/one-pager/assets/css/style.css b/themes/one-pager/assets/css/style.css index 22334ce..8c75c04 100644 --- a/themes/one-pager/assets/css/style.css +++ b/themes/one-pager/assets/css/style.css @@ -168,6 +168,7 @@ body { background-position:center; background-attachment:fixed; } + #texture { filter: invert(50%) sepia(100%) saturate(100%) hue-rotate(15deg); position:absolute; @@ -611,10 +612,11 @@ button { margin-top: 1.5rem; padding: 1.5rem; background: var(--bg-secondary); - border-left: 4px solid var(--accent-yellow); + border: 1px solid var(--accent-yellow); color: var(--text-secondary); font-weight: 400; font-size: 0.95rem; + box-shadow: 0 10px 40px #ffd7005c } .blog-full-content img { @@ -649,7 +651,6 @@ button { width: 100%; height: 200px; object-fit: cover; - border: 2px solid var(--accent-grey); margin-bottom: 1rem; filter: grayscale(100%); transition: all 0.3s ease; @@ -1939,8 +1940,10 @@ button { display: flex; align-items: center; justify-content: center; - background: rgba(0, 0, 0, 0.4); - opacity: 0; + background: rgba(0, 0, 0, 0); + background-image:url('/images/texture.png'); + background-size: 70%; + opacity: 1; transition: opacity 0.3s ease; cursor: pointer; }