Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the Cosmos skin */
/* Google Fonts ================ */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
:root {
--tmnd-accent: var(--link-color, #121212);
}
/* 2) Container */
#ud-header {
position: relative;
background: #fff;
border: 2px dashed var(--tmnd-accent);
border-radius: 8px;
/* offset “paper” shadow effect */
filter: drop-shadow(-0.5em 0.5em 0 var(--tmnd-accent)) !important;
padding: 20px 24px;
margin: 0 2px 16px 10px;
overflow: hidden;
color: #000 !important;
}
/* 3) Title */
#ud-header h3 {
margin: 0;
text-align: center;
font-size: 32px;
line-height: 1.3;
color: var(--tmnd-accent);
font-weight: 700;
font-family: "Trebuchet MS", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
}
/* 4) Divider */
#ud-header hr {
margin: 16px 0;
width: 100%;
height: 2px;
border: 0;
border-radius: 7px;
background-image: linear-gradient(to right top, var(--tmnd-accent), var(--tmnd-accent)) !important;
}
/* 5) Body copy */
#ud-header p {
margin: 0;
color: #000;
font-family: "Trebuchet MS", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.55;
}
/* 6) Optional: responsive tweaks */
@media (max-width: 720px) {
#ud-header {
padding: 16px 18px;
margin-left: 4px;
}
#ud-header h3 {
font-size: 26px;
}
}