4,554
edits
No edit summary |
No edit summary |
||
| Line 104: | Line 104: | ||
} | } | ||
/* Style the article window */ | /* Style the article window */ | ||
#show-article { | #show-article { | ||
display: none; | display: none; | ||
| Line 120: | Line 116: | ||
padding: 20px; | padding: 20px; | ||
border: 1px solid; | border: 1px solid; | ||
transition: border 0.3s ease-in-out; /* Add a smooth transition for the border change */ | |||
/* Set up box shadow initially */ | |||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | |||
/* Create a pseudo-element for the second border (tilted) */ | |||
position: relative; | |||
} | } | ||
#show-article:hover { | |||
/* Adjust border size on hover */ | |||
border: 5px solid; | |||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); | |||
/* Add a second border (pseudo-element) */ | |||
border-image: linear-gradient(to bottom right, transparent 50%, #000 50%) 1; | |||
border-image-slice: 1; | |||
} | |||
.article-metadata { | .article-metadata { | ||
display: flex; | display: flex; | ||