Files
asc-starwars-style-journal/src/styles/starwars-journal.css
2024-06-24 10:52:19 -05:00

89 lines
1.8 KiB
CSS

@font-face {
font-family: "News Cycle";
src: url("../fonts/NewsCycle-Regular.ttf");
}
@font-face {
font-family: "News Cycle";
font-weight: bold;
src: url("../fonts/NewsCycle-Bold.ttf");
}
@font-face {
font-family: StarJedi;
src: url("../fonts/StarJedi-DGRW.woff");
}
@font-face {
font-family: SWCrawlTitle;
src: url("../fonts/SWCrawlTitle.ttf");
}
@font-face {
font-family: SWCrawlBody;
src: url("../fonts/SWCrawlBody.ttf");
}
.asc-starwars-journal-sheet p a.content-link {
background: inherit;
text-transform: uppercase;
border: none;
font-weight: 900;
}
.asc-starwars-journal-sheet p a.mention,
.asc-starwars-journal-sheet p a.entity-mention,
.asc-starwars-journal-sheet p a.mention em,
.asc-starwars-journal-sheet p a.entity-mention em{
color: inherit;
text-transform: uppercase;
font-style: inherit;
font-weight: 900;
}
.asc-starwars-journal-sheet .single-page{
background-image:url(../artwork/stars.png);
background-repeat:repeat;
background-position:center top;
background-color:black;
}
.asc-starwars-journal-sheet article h1 {
text-align:center;
border-bottom:none;
font-size:inherit;
line-height:1.5em;
}
.asc-starwars-journal-sheet article h2{
text-align:center;
padding-bottom: 8px;
border-bottom:solid white 1.1px;
font-size:210%;
text-transform: lowercase;
font-family:"SWCrawlTitle";
}
.asc-starwars-journal-sheet article {
font-family:SWCrawlBody;
}
.asc-starwars-journal-sheet article p{
text-align:justify;
margin-bottom: 1em;
line-height:1.35em;
}
.asc-starwars-journal-sheet article .hook{
text-transform:uppercase;
font-weight:bold;
padding-right:.5em;
font-size:1.2em
}
.asc-starwars-journal-sheet article {
color:#ffd54e;
font-size:larger;
width:80%;
margin:auto;
transform:perspective(300px) rotateX(10deg)
}