MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
AdminIsidore (talk | contribs) No edit summary |
AdminIsidore (talk | contribs) No edit summary |
||
| (17 intermediate revisions by the same user not shown) | |||
| Line 22: | Line 22: | ||
font-weight: normal; | font-weight: normal; | ||
font-style: normal; | font-style: normal; | ||
} | |||
@font-face { | |||
font-family: 'Morris Initials'; | |||
/* Corrected src path to match the actual filename with a space */ | |||
src: url('/resources/fonts/Morris Initials.ttf') format('truetype'); | |||
} | } | ||
.glossary-graph, | .glossary-graph, | ||
| Line 57: | Line 62: | ||
text-anchor: middle; /* Center horizontally */ | text-anchor: middle; /* Center horizontally */ | ||
transform: translateY(-5px); /* Shift text up */ | transform: translateY(-5px); /* Shift text up */ | ||
} | |||
/* Styling for Essentia Semantic Graph */ | |||
.essentia-graph { | |||
background-color: #000000; /* Black background */ | |||
color: #00FF00; /* Green text */ | |||
font-family: "Courier New", monospace; | |||
border: 1px solid #00FF00; | |||
padding: 0.5em; | |||
box-shadow: 0 0 8px #00FF00; /* CRT glow */ | |||
margin-top: 1em; | |||
width: 100%; | |||
max-width: 800px; | |||
height: 400px; | |||
box-sizing: border-box; | |||
} | |||
.essentia-graph svg { | |||
background-color: #000000; | |||
width: 100%; | |||
height: 100%; | |||
} | |||
@media screen and (prefers-color-scheme: dark) { | |||
.essentia-graph, .essentia-graph svg { | |||
background-color: #111111; /* Near-black for dark mode */ | |||
color: #00FF00; | |||
box-shadow: 0 0 8px #00FF00; | |||
} | |||
} | |||
@media screen and (max-width: 600px) { | |||
.essentia-graph { | |||
max-width: 100%; | |||
height: 300px; /* Smaller height for mobile */ | |||
} | |||
} | |||
/* --- Final Vulgate CSS --- */ | |||
/* --- Final Vulgate CSS --- */ | |||
@font-face { | |||
font-family: 'Bilbo Swash Caps'; | |||
src: url('/w/images/BilboSwashCaps-Regular.ttf') format('truetype'); | |||
} | |||
.vulgate-container { | |||
position: relative; | |||
width: 90%; | |||
max-width: 800px; | |||
margin: 3em auto; | |||
} | |||
.vulgate-parchment { | |||
position: absolute; | |||
width: 100%; | |||
height: 100%; | |||
top: 0; | |||
left: 0; | |||
box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.5), 0 0 125px #8f5922 inset; | |||
background: #fffef0; | |||
filter: url(#wavy2); | |||
background-image: url('/w/images/Parchment-texture.png'); | |||
} | |||
.vulgate-content { | |||
position: relative; | |||
padding: 2em 3em; | |||
font-family: 'Bilbo Swash Caps', 'Palatino Linotype', cursive; | |||
font-size: 1.5em; | |||
line-height: 1.8; | |||
color: #7F3300; | |||
text-align: justify; | |||
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); | |||
} | |||
.vulgate-verse-number { | |||
font-weight: bold; | |||
margin-right: 5px; | |||
} | } | ||