4,554
edits
No edit summary |
No edit summary |
||
Line 128: | Line 128: | ||
#show-article:hover { | #show-article:hover { | ||
/* Adjust border size on hover */ | /* Adjust border size on hover */ | ||
border: 5px | border-width: 5px; | ||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); | box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); | ||
z-index: 3; /* Ensure it's above the overlay */ | z-index: 3; /* Ensure it's above the overlay */ | ||
/* Add a second border (pseudo-element) */ | /* Add a second border (pseudo-element) */ | ||
position: absolute; | |||
content: ""; | |||
width: 100%; | |||
height: 100%; | |||
top: 0; | |||
right: 0; | |||
border: 5px solid transparent; | |||
border-image: linear-gradient(to bottom right, transparent 50%, #000 50%) 1; | border-image: linear-gradient(to bottom right, transparent 50%, #000 50%) 1; | ||
border-image-slice: 1; | border-image-slice: 1; | ||
} | } | ||
.article-metadata { | .article-metadata { |