2024-11-19
This commit is contained in:
97
content/css/s04.scss
Normal file
97
content/css/s04.scss
Normal file
@@ -0,0 +1,97 @@
|
||||
.season-4, .season-1 {
|
||||
--newspaper-background-texture-image: url(/images/starwars.jpg);
|
||||
--newspaper-headline-font: 'Noticia Text';
|
||||
--newspaper-base-font: 'EB Garamond';
|
||||
--newspaper-name-font: 'UnifrakturCook';
|
||||
font-family: "Libre Franklin";
|
||||
|
||||
section.prologue {
|
||||
padding: 20px;
|
||||
margin: 20px;
|
||||
border: black solid 1 px;
|
||||
border-radius: 10px;
|
||||
background: var(--newspaper-background-texture-image);
|
||||
background-repeat:repeat;
|
||||
background-position:center top;
|
||||
background-color:black;
|
||||
|
||||
color:#ffd54e;
|
||||
font-size:larger;
|
||||
div {
|
||||
width:80%;
|
||||
margin:-2em auto 4.5em auto;
|
||||
transform:perspective(300px) rotateX(10deg);
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-transform:uppercase;
|
||||
text-align:center;
|
||||
border-bottom:none;
|
||||
font-size:inherit;
|
||||
line-height:1.5em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-transform:uppercase;
|
||||
text-align:center;
|
||||
// font-family:trade-gothic-lt-condensed-no-18;
|
||||
padding-bottom: 8px;
|
||||
border-bottom:solid white 1.1px;
|
||||
font-size:1.5em;
|
||||
}
|
||||
|
||||
strong {
|
||||
text-transform: uppercase;
|
||||
font-weight:bold;
|
||||
padding-right:.5em;
|
||||
font-size:1.2em
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: justify;
|
||||
text-align:justify;
|
||||
margin-bottom: 1em;
|
||||
line-height:1.35em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
#JournalSheet-JournalEntry-oAthntGlaRbGfoHK p a.content-link {
|
||||
background: inherit;
|
||||
text-transform: uppercase;
|
||||
border: none;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
|
||||
// #JournalSheet-JournalEntry-oAthntGlaRbGfoHK p a.mention,
|
||||
// #JournalSheet-JournalEntry-oAthntGlaRbGfoHK p a.entity-mention,
|
||||
// #JournalSheet-JournalEntry-oAthntGlaRbGfoHK p a.mention em,
|
||||
// #JournalSheet-JournalEntry-oAthntGlaRbGfoHK p a.entity-mention em{
|
||||
// color: inherit;
|
||||
// text-transform: uppercase;
|
||||
// font-style: inherit;
|
||||
// font-weight: 900;
|
||||
// }
|
||||
|
||||
|
||||
// #JournalSheet-JournalEntry-oAthntGlaRbGfoHK article p{
|
||||
// text-align:justify;
|
||||
// margin-bottom: 1em;
|
||||
// line-height:1.35em;
|
||||
// }
|
||||
|
||||
// #JournalSheet-JournalEntry-oAthntGlaRbGfoHK article {
|
||||
// color:#ffd54e;
|
||||
// font-size:larger;
|
||||
// width:80%;
|
||||
// margin:auto;
|
||||
// transform:perspective(300px) rotateX(10deg)
|
||||
// }
|
||||
60
content/css/s05.scss
Normal file
60
content/css/s05.scss
Normal file
@@ -0,0 +1,60 @@
|
||||
.season-5 {
|
||||
--newspaper-background-texture-image: url(/images/parchment.jpg);
|
||||
--newspaper-headline-font: 'Noticia Text';
|
||||
--newspaper-base-font: 'EB Garamond';
|
||||
--newspaper-name-font: 'UnifrakturCook';
|
||||
|
||||
section.prologue {
|
||||
font-family: var(--newspaper-base-font);
|
||||
padding: 20px;
|
||||
border: black solid 1 px;
|
||||
border-radius: 10px;
|
||||
background: var(--newspaper-background-texture-image);
|
||||
text-align: justify;
|
||||
|
||||
p {
|
||||
columns: 2;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// Newspaper Name
|
||||
h1:first-child {
|
||||
text-align: center;
|
||||
font-family: var(--newspaper-name-font);
|
||||
margin: inherit;
|
||||
column-count: 1;
|
||||
font-size: 5em;
|
||||
margin: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// Newspaper Tagline
|
||||
h1:first-child + p {
|
||||
columns: 1;
|
||||
text-align: center;
|
||||
font-style: italic;
|
||||
border: solid;
|
||||
margin: 0;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
// Headline
|
||||
h1 ~ h1 {
|
||||
font-weight:bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
p:has(img) {
|
||||
columns: 1;
|
||||
text-align: center;
|
||||
}
|
||||
img {
|
||||
height:400px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,13 +1,20 @@
|
||||
$primary-color: #333;
|
||||
$secondary-color: #f0f0f0;
|
||||
|
||||
@import "bootstrap";
|
||||
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
|
||||
@import url('https://fonts.googleapis.com/css2?family=Noticia+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
|
||||
|
||||
body {
|
||||
font-family: Helvetica, sans-serif, sans-serif;
|
||||
.navbar-brand {
|
||||
font-family: Oswald;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
font-family: "Libre Franklin", Helvetica, sans-serif, sans-serif;
|
||||
background-color: $secondary-color;
|
||||
color: $primary-color;
|
||||
|
||||
@@ -62,103 +69,6 @@ body {
|
||||
a.active {
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.season-5 {
|
||||
--newspaper-background-texture-image: url(../images/parchment.jpg);
|
||||
--newspaper-headline-font: 'Noticia Text';
|
||||
--newspaper-base-font: 'EB Garamond';
|
||||
--newspaper-name-font: 'UnifrakturCook';
|
||||
font-family: var(--newspaper-base-font);
|
||||
|
||||
section.prologue {
|
||||
padding: 20px;
|
||||
margin: 20px;
|
||||
border: black solid 1 px;
|
||||
border-radius: 10px;
|
||||
background: var(--newspaper-background-texture-image);
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
hgroup{
|
||||
h1 {
|
||||
text-transform: uppercase;
|
||||
margin: inherit;
|
||||
}
|
||||
h2 {
|
||||
margin: inherit;
|
||||
}
|
||||
&.masthead {
|
||||
text-align: center;
|
||||
h1, h2 {
|
||||
text-transform: inherit;
|
||||
border-bottom: 0px;
|
||||
font-family: var(--newspaper-headline-font);
|
||||
line-height: 85%;
|
||||
}
|
||||
h1 {
|
||||
column-count: 1;
|
||||
font-family: var(--newspaper-name-font);
|
||||
font-size: 5em;
|
||||
margin: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
p {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
article p {
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
|
||||
&.season-4 {
|
||||
--newspaper-background-texture-image: url(../images/starwars.jpg);
|
||||
--newspaper-headline-font: 'Noticia Text';
|
||||
--newspaper-base-font: 'EB Garamond';
|
||||
--newspaper-name-font: 'UnifrakturCook';
|
||||
font-family: "Libre Franklin";
|
||||
|
||||
section.prologue {
|
||||
padding: 20px;
|
||||
margin: 20px;
|
||||
border: black solid 1 px;
|
||||
border-radius: 10px;
|
||||
background: var(--newspaper-background-texture-image);
|
||||
background-color: black;
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
hgroup{
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
h1 {
|
||||
margin: inherit;
|
||||
}
|
||||
h2 {
|
||||
margin: inherit;
|
||||
}
|
||||
|
||||
}
|
||||
strong {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
article p {
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
|
||||
Reference in New Issue
Block a user