MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* Add any other common styles here that should apply to both desktop and mobile */ | /* Add any other common styles here that should apply to both desktop and mobile */ | ||
/* new front page CSS */ | |||
/* Hover effects for cards and buttons */ | |||
a[style*="display:inline-block"] { | |||
transition: transform 0.2s, box-shadow 0.2s; | |||
} | |||
a[style*="display:inline-block"]:hover { | |||
transform: translateY(-2px); | |||
box-shadow: 0 4px 8px rgba(0,0,0,0.1); | |||
} | |||
div[style*="box-shadow"]:hover { | |||
transform: translateY(-3px); | |||
box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; | |||
transition: transform 0.3s, box-shadow 0.3s; | |||
} | |||
/* Mobile responsiveness improvements */ | |||
@media (max-width: 768px) { | |||
.desktop-view { | |||
display: none; | |||
} | |||
.mobile-view { | |||
display: block; | |||
} | |||
div[style*="column-count"] { | |||
column-count: 1 !important; | |||
} | |||
} | |||
@media (min-width: 769px) { | |||
.desktop-view { | |||
display: block; | |||
} | |||
.mobile-view { | |||
display: none; | |||
} | |||
} | |||
/* used by the front page start*/ | /* used by the front page start*/ | ||