4,554
edits
No edit summary |
No edit summary |
||
Line 113: | Line 113: | ||
#show-article { | #show-article { | ||
position: fixed; | position: fixed; | ||
z-index: 2; | z-index: 2; | ||
top: 0; | top: 0; | ||
right: 0; | right: 0; | ||
width: inherit; | width: inherit; | ||
height: | min-height: 100px; /* Set a minimum height for show-article */ | ||
margin-right: 2%; | margin-right: 2%; | ||
margin-top: 2%; | margin-top: 2%; | ||
Line 127: | Line 127: | ||
#article-frame { | #article-frame { | ||
position: fixed; | position: fixed; | ||
z-index: 1; | z-index: 1; | ||
top: 0; | top: 0; | ||
right: 0; | right: 0; | ||
width: inherit; | width: inherit; | ||
height: | min-height: 100px; /* Set a minimum height for article-frame */ | ||
margin-right: 2%; | margin-right: 2%; | ||
margin-top: 2%; | margin-top: 2%; | ||
Line 137: | Line 137: | ||
border: 1px solid; | border: 1px solid; | ||
padding: 10px; | padding: 10px; | ||
transform-origin: 100% 0; /* Set the rotation origin to the top right corner */ | |||
} | } | ||
Line 142: | Line 143: | ||
border: 1px solid black; | border: 1px solid black; | ||
transform: rotate(-5deg); | transform: rotate(-5deg); | ||
} | } | ||