4,554
edits
No edit summary |
No edit summary |
||
Line 108: | Line 108: | ||
position: relative; | position: relative; | ||
width: 37%; | width: 37%; | ||
height: | height: auto; /* Set to auto to adjust the height based on content */ | ||
} | } | ||
Line 117: | Line 117: | ||
right: 0; | right: 0; | ||
width: inherit; | width: inherit; | ||
height: auto; /* Set to auto to adjust the height based on content */ | |||
margin-right: 2%; | margin-right: 2%; | ||
margin-top: 2%; | margin-top: 2%; | ||
Line 123: | Line 123: | ||
border: 1px solid; | border: 1px solid; | ||
padding: 10px; | padding: 10px; | ||
transform-origin: center; /* Set transform origin to the center */ | |||
transition: transform 0.3s; /* Add transition for a smooth effect */ | |||
} | } | ||
Line 131: | Line 133: | ||
right: 0; | right: 0; | ||
width: inherit; | width: inherit; | ||
height: auto; /* Set to auto to adjust the height based on content */ | |||
margin-right: 2%; | margin-right: 2%; | ||
margin-top: 2%; | margin-top: 2%; | ||
Line 137: | Line 139: | ||
border: 1px solid; | border: 1px solid; | ||
padding: 10px; | padding: 10px; | ||
transform-origin: | transform-origin: center; /* Set transform origin to the center */ | ||
transition: transform 0.3s; /* Add transition for a smooth effect */ | |||
} | } | ||
#show-article-wrapper:hover #article-frame { | #show-article-wrapper:hover #article-frame { | ||
border: 1px solid black; | border: 1px solid black; | ||
transform: rotate(-5deg); | transform: rotate(-2.5deg); | ||
} | } | ||