MediaWiki:Timeless.css: Difference between revisions
From MalveraWiki
Replaced content with "→All CSS here will be loaded for users of the Timeless skin: " Tag: Replaced |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Timeless skin */ | /* All CSS here will be loaded for users of the Timeless skin */ | ||
/* Make each sidebar "portal" look like your .box design */ | |||
.sidebar-chunk .portal { | |||
background: var(--box-bg, #f9f9f9); | |||
border: 1px solid var(--border-color, #ccc); | |||
padding: 1.2rem; | |||
margin-bottom: 1.2rem; | |||
border-radius: 0; | |||
} | |||
.sidebar-chunk .portal h3 { | |||
background-color: rgba(126, 96, 195, 0.2); | |||
border: 1px solid var(--border-color, #ccc); | |||
padding: 0.5rem 1rem; | |||
text-align: center; | |||
margin: -1.2rem -1.2rem 1rem; | |||
font-weight: bold; | |||
color: var(--accent, #7e60c3); | |||
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); | |||
text-transform: uppercase; | |||
} | |||
.sidebar-chunk .portal ul { | |||
list-style: none; | |||
padding: 0; | |||
margin: 0; | |||
} | |||
.sidebar-chunk .portal li a { | |||
display: block; | |||
padding: 0.3rem 0; | |||
text-decoration: none; | |||
color: var(--link-color, #0366d6); | |||
} | |||
Revision as of 23:37, 10 July 2025
/* All CSS here will be loaded for users of the Timeless skin */
/* Make each sidebar "portal" look like your .box design */
.sidebar-chunk .portal {
background: var(--box-bg, #f9f9f9);
border: 1px solid var(--border-color, #ccc);
padding: 1.2rem;
margin-bottom: 1.2rem;
border-radius: 0;
}
.sidebar-chunk .portal h3 {
background-color: rgba(126, 96, 195, 0.2);
border: 1px solid var(--border-color, #ccc);
padding: 0.5rem 1rem;
text-align: center;
margin: -1.2rem -1.2rem 1rem;
font-weight: bold;
color: var(--accent, #7e60c3);
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
.sidebar-chunk .portal ul {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar-chunk .portal li a {
display: block;
padding: 0.3rem 0;
text-decoration: none;
color: var(--link-color, #0366d6);
}
