4,554
edits
No edit summary |
No edit summary |
||
Line 103: | Line 103: | ||
border-top: 1px solid black; | border-top: 1px solid black; | ||
} | } | ||
/* Style the article window */ | /* Style the article window */ | ||
#show-article { | #show-article { | ||
display: none; position: fixed; top: 0; right: 0; width: 37%; height: max-content; margin-right: 2%; margin-top: 2%; background-color: white; padding: 20px; border: 1px solid; | display: none; position: fixed; top: 0; right: 0; width: 37%; height: max-content; margin-right: 2%; margin-top: 2%; background-color: white; padding: 20px; border: 1px solid; | ||
} | } | ||
# | #show-article-wrapper:hover #show-article { | ||
/* Adjust border size on hover */ | /* Adjust border size on hover */ | ||
border-width: 1px 1px 5px 5px; /* top, right, bottom, left */ | border-width: 1px 1px 5px 5px; /* top, right, bottom, left */ | ||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); | box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); | ||
transform: rotate(-5deg); /* Tilt the border to the left */ | transform: rotate(-5deg); /* Tilt the border to the left */ | ||
} | |||
#show-article-wrapper { | |||
position: fixed; | |||
top: 0; | |||
right: 0; | |||
width: 37%; | |||
height: 100%; | |||
margin-right: 2%; | |||
margin-top: 2%; | |||
background-color: white; | |||
padding: 20px; | |||
border: 1px solid; | |||
transition: transform 0.3s; | |||
} | } | ||