MediaWiki:Sidebar: Difference between revisions
Jump to navigation
Jump to search
m (Replaced content with "{{#invoke:GameSidebar|getSidebar}}") Tags: Replaced Reverted |
mNo edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
{{#invoke: | {{#invoke:Sidebar|getSidebar}} | ||
Revision as of 09:45, 22 December 2025
<style>
/* Game Card Sidebar Styling */
.sidebar-game-card {
background: var(--card-bg-main);
border-radius: var(--border-radius-md);
border: 1px solid var(--theme-border-color);
box-shadow: var(--shadow-sm);
margin-bottom: 15px;
overflow: hidden;
transition: all var(--transition-base) ease;
}
.sidebar-game-card:hover {
box-shadow: var(--shadow-md);
border-color: var(--teal-300);
}
.sidebar-card-header {
background: linear-gradient(90deg, var(--teal-700) 0%, var(--teal-900) 100%);
padding: 10px 15px;
display: flex;
flex-direction: column;
}
.sidebar-card-title {
font-size: 1em;
font-weight: 900;
letter-spacing: 1px;
color: #fff;
text-shadow: 0 0 8px rgba(162, 242, 225, 0.4);
margin: 0;
}
.sidebar-card-line {
height: 2px;
width: 40px;
background: var(--teal-200);
margin-top: 5px;
border-radius: 1px;
}
.sidebar-card-content {
padding: 12px 15px;
}
.sidebar-card-list {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-card-item {
padding: 6px 0;
border-bottom: 1px dotted var(--theme-border-color--subtle);
}
.sidebar-card-item:last-child {
border-bottom: none;
}
.sidebar-card-item a {
color: var(--theme-page-text-color);
text-decoration: none;
font-weight: 500;
transition: all var(--transition-fast) ease;
display: block;
padding: 3px 5px;
border-radius: 3px;
}
.sidebar-card-item a:hover {
color: var(--theme-link-color);
background: var(--theme-page-background-color--secondary);
padding-left: 10px;
}
/* Logo styling */
.sidebar-logo-card {
background: linear-gradient(90deg, var(--teal-700) 0%, var(--teal-900) 100%);
border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
padding: 20px;
text-align: center;
margin-bottom: 15px;
border: 1px solid var(--theme-border-color);
border-bottom: none;
}
.sidebar-logo-card a {
display: inline-block;
transition: transform var(--transition-base) ease;
}
.sidebar-logo-card a:hover {
transform: scale(1.05);
}
</style>