MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
AdminIsidore (talk | contribs) No edit summary |
AdminIsidore (talk | contribs) No edit summary |
||
Line 97: | Line 97: | ||
/* --- Final Vulgate CSS --- */ | /* --- Final Vulgate CSS --- */ | ||
/* @font-face rule for the main text font */ | |||
@font-face { | |||
font-family: 'Bilbo Swash Caps'; | |||
src: url('/resources/fonts/BilboSwashCaps-Regular.ttf') format('truetype'); | |||
} | |||
/* @font-face rule for the drop cap font */ | |||
@font-face { | |||
font-family: 'Morris Initial'; | |||
src: url('/resources/fonts/Morris Initials.ttf') format('truetype'); | |||
} | |||
/* This container holds the parchment and text layers */ | /* This container holds the parchment and text layers */ | ||
Line 103: | Line 114: | ||
width: 90%; | width: 90%; | ||
max-width: 800px; | max-width: 800px; | ||
margin: 3em auto; | margin: 3em auto; | ||
} | } | ||
Line 110: | Line 121: | ||
position: absolute; | position: absolute; | ||
width: 100%; | width: 100%; | ||
height: 100%; /* | height: 100%; /* Adjusted by JavaScript */ | ||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
box-shadow: 2px 3px 20px black, 0 0 125px #8f5922 inset; | box-shadow: 2px 3px 20px black, 0 0 125px #8f5922 inset; | ||
background: #fffef0; | background: #fffef0; | ||
filter: url(#wavy2); /* | filter: url(#wavy2); /* Wavy edge effect from the JS */ | ||
background-image: url( | |||
/* Using the uploaded file to avoid console errors */ | |||
background-image: url('/wiki/Special:FilePath/parchment-texture.png'); | |||
} | } | ||
Line 123: | Line 136: | ||
position: relative; | position: relative; | ||
padding: 2em 3em; | padding: 2em 3em; | ||
font-family: ' | font-family: 'Bilbo Swash Caps', cursive; /* Font from CodePen */ | ||
font-size: | font-size: 1.5em; /* Font size from CodePen (adjusted from vw/vh) */ | ||
line-height: 1. | line-height: 1.8; | ||
color: # | color: #7F3300; /* Text color from CodePen */ | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
/* | /* Drop cap styling, using the correct font name */ | ||
.vulgate-content p::first-letter { | .vulgate-content p::first-letter { | ||
float: left; | float: left; | ||
font-family: 'Morris Initial', cursive !important; | font-family: 'Morris Initial', cursive !important; | ||
font-size: | font-size: 3em; /* Adjusted for the new base font size */ | ||
line-height: 0.8; | line-height: 0.8; | ||
padding: 4px | padding: 4px 10px 0 3px; | ||
margin: 0; | margin: 0; | ||
text-shadow: 1px 1px 1px black; | |||
text-shadow: 1px 1px 1px | |||
} | } |