4,554
edits
No edit summary Tag: Reverted |
No edit summary Tag: Manual revert |
||
Line 104: | Line 104: | ||
} | } | ||
/* Style the article window */ | |||
#show-article-wrapper { | #show-article-wrapper { | ||
display: none; | display: none; | ||
Line 115: | Line 116: | ||
background-color: white; | background-color: white; | ||
border: 1px solid; | border: 1px solid; | ||
transition: transform 0. | transition: transform 0.001s ease, border 0.001s ease; /* Add transitions with ease timing function */ | ||
} | } | ||
#show-article { | #show-article { | ||
position: relative; | position: relative; /* Add position relative */ | ||
z-index: 1; | z-index: 1; /* Ensure it's above the wrapper */ | ||
padding: 20px; | padding: 20px; | ||
transition: transform 0. | transition: transform 0.001s ease, border 0.001s ease; | ||
} | } | ||
#show-article:hover { | #show-article:hover { | ||
transform: | /* Styles for show-article when hovered */ | ||
transform: rotate(2.5deg); /* Rotate the content */ | |||
border: 1px solid; | border: 1px solid; | ||
background-color: white; | background-color: white; | ||
padding: 20px; | padding: 20px; | ||
} | } | ||
#show-article-wrapper:hover { | #show-article-wrapper:hover { | ||
border: 1px solid black; | border: 1px solid black; /* Adjust the border style as needed */ | ||
transform: | transform: rotate(-2.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 */ | ||
} | } | ||
.article-metadata { | .article-metadata { |