4,554
edits
No edit summary |
No edit summary |
||
Line 104: | Line 104: | ||
} | } | ||
/* Style the article window */ | |||
/* Style the article window */ | /* Style the article window */ | ||
#show-article-wrapper { | #show-article-wrapper { | ||
Line 117: | Line 118: | ||
padding: 20px; | padding: 20px; | ||
border: 1px solid; | border: 1px solid; | ||
transition: transform 0.3s; /* Add | transition: transform 0.3s, border 0.3s; /* Add transitions for a smooth effect */ | ||
} | } | ||
#show-article { | #show-article { | ||
position: relative; /* Add position relative */ | |||
z-index: 1; /* Ensure it's above the wrapper */ | |||
} | } | ||
#show-article:hover { | #show-article:hover { | ||
/* Styles for show-article when hovered */ | /* Styles for show-article when hovered */ | ||
transform: rotate(5deg); /* | transform: rotate(5deg); /* Rotate the content */ | ||
border: 1px solid; | border: 1px solid; | ||
background-color: white; | background-color: white; | ||
Line 136: | Line 136: | ||
#show-article-wrapper:hover { | #show-article-wrapper:hover { | ||
border: 5px solid red; /* Adjust the border style as needed */ | border: 5px solid red; /* Adjust the border style as needed */ | ||
transform: rotate(-5deg); /* | transform: rotate(-5deg); /* Rotate the wrapper */ | ||
} | } | ||
Line 142: | Line 142: | ||
/* Add any specific styles for #show-article-content if needed */ | /* Add any specific styles for #show-article-content if needed */ | ||
} | } | ||