4,554
edits
No edit summary |
No edit summary |
||
Line 107: | Line 107: | ||
#show-article-wrapper { | #show-article-wrapper { | ||
display: none; | display: none; | ||
position: fixed; | position: relative; | ||
} | |||
#show-article { | |||
position: fixed; | |||
z-index: 1; /* Ensure it's above the wrapper */ | |||
top: 0; | top: 0; | ||
right: 0; | right: 0; | ||
Line 116: | Line 121: | ||
background-color: white; | background-color: white; | ||
border: 1px solid; | border: 1px solid; | ||
} | } | ||
#show-article:hover { | #show-article:hover { | ||
/* Styles for show-article when hovered */ | /* Styles for show-article when hovered */ | ||
} | } | ||
#show-article-wrapper:hover { | #show-article-wrapper:hover { | ||
position: fixed; | |||
z-index: 1; /* Ensure it's above the wrapper */ | |||
top: 0; | |||
right: 0; | |||
width: 37%; | |||
height: max-content; | |||
margin-right: 2%; | |||
margin-top: 2%; | |||
background-color: white; | |||
border: 1px solid; | |||
} | |||
#article-frame { | |||
} | |||
#article-frame:hover { | |||
border: 1px solid black; /* Adjust the border style as needed */ | border: 1px solid black; /* Adjust the border style as needed */ | ||
transform: rotate(-2.5deg); /* Rotate the wrapper */ | transform: rotate(-2.5deg); /* Rotate the wrapper */ | ||
} | } | ||