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 */ | ||
| } | } | ||