4,554
edits
No edit summary |
No edit summary |
||
Line 104: | Line 104: | ||
} | } | ||
/* Style the article window */ | |||
#show-article-wrapper { | #show-article-wrapper { | ||
display: none; | display: none; | ||
position: relative; | position: relative; | ||
width: 37%; | width: 37%; | ||
max- | height: max-content; | ||
} | } | ||
#show-article { | #show-article { | ||
position: fixed; | position: fixed; | ||
z-index: | z-index: 1; /* Ensure it's above the wrapper */ | ||
top: 0; | top: 0; | ||
right: 0; | right: 0; | ||
width: inherit; | width: inherit; | ||
background-color: white; | background-color: white; | ||
border: 1px solid; | border: 1px solid; | ||
padding: 10px; | padding: 10px; | ||
} | |||
#show-article:hover { | |||
/* Styles for show-article when hovered */ | |||
} | |||
#show-article-wrapper:hover { | |||
} | } | ||
Line 133: | Line 136: | ||
right: 0; | right: 0; | ||
width: inherit; | width: inherit; | ||
background-color: white; | background-color: white; | ||
border: 1px solid; | border: 1px solid; | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
# | #article-frame:hover { | ||
border: 1px solid black; | border: 1px solid black; | ||
transform: rotate(-2.5deg); | transform: rotate(-2.5deg); |