MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
AdminIsidore (talk | contribs)
No edit summary
AdminIsidore (talk | contribs)
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 97: Line 97:


/* --- Final Vulgate CSS --- */
/* --- Final Vulgate CSS --- */
/* @font-face rule for the main text font */
/* --- Final Vulgate CSS --- */
@font-face {
@font-face {
   font-family: 'Bilbo Swash Caps';
   font-family: 'Bilbo Swash Caps';
   src: url('/resources/fonts/BilboSwashCaps-Regular.ttf') format('truetype');
   src: url('/w/images/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 */
.vulgate-container {
.vulgate-container {
     position: relative;
     position: relative;
Line 116: Line 108:
     margin: 3em auto;
     margin: 3em auto;
}
}
/* This is the PARCHMENT BACKGROUND layer */
.vulgate-parchment {
.vulgate-parchment {
     position: absolute;
     position: absolute;
     width: 100%;
     width: 100%;
     height: 100%; /* Adjusted by JavaScript */
     height: 100%;
     top: 0;
     top: 0;
     left: 0;
     left: 0;
     box-shadow: 2px 3px 20px black, 0 0 125px #8f5922 inset;
     box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.5), 0 0 125px #8f5922 inset;
     background: #fffef0;
     background: #fffef0;
     filter: url(#wavy2); /* Wavy edge effect from the JS */
     filter: url(#wavy2);
   
     background-image: url('/w/images/Parchment-texture.png');
    /* Using the uploaded file to avoid console errors */
     background-image: url('wiki/File:Parchment-texture.png');
}
}
/* This is the TEXT CONTENT layer, positioned on top */
.vulgate-content {
.vulgate-content {
     position: relative;
     position: relative;
     padding: 2em 3em;
     padding: 2em 3em;
     font-family: 'Bilbo Swash Caps', cursive; /* Font from CodePen */
     font-family: 'Bilbo Swash Caps', 'Palatino Linotype', cursive;
     font-size: 1.5em; /* Font size from CodePen (adjusted from vw/vh) */
     font-size: 1.5em;
     line-height: 1.8;
     line-height: 1.8;
     color: #7F3300; /* Text color from CodePen */
     color: #7F3300;
     text-align: justify;
     text-align: justify;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
}
 
.vulgate-verse-number {
/* Drop cap styling, using the correct font name */
     font-weight: bold;
.vulgate-content p::first-letter {
     margin-right: 5px;
     float: left;
    font-family: 'Morris Initial', cursive !important;
    font-size: 3em; /* Adjusted for the new base font size */
    line-height: 0.8;
    padding: 4px 10px 0 3px;
     margin: 0;
    text-shadow: 1px 1px 1px black;
}
}