foundry/caws-world
4
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Compare commits

base: foundry:f161b8c894964f0cdd7e33526c460f8718e19ccb
Branches Tags
foundry:main
foundry:change-to-em
...
compare: foundry:b3513f59ca58091c5f55df4ac32776e528a6372e
Branches Tags
foundry:main
foundry:change-to-em

2 Commits
f161b8c894 ... b3513f59ca

Author SHA1 Message Date
Ammerhai
b3513f59ca angleichungstest 2024-12-08 23:07:47 +01:00
Ammerhai
12b70b2746 change font sizes 
remove problematic fonts
 2024-12-08 22:57:12 +01:00
4 changed files with 113 additions and 11 deletions
Show Stats Expand all files Collapse all files

16
dnd-book.css
View File

@ -23,7 +23,7 @@
box-sizing: border-box; box-sizing: border-box;
page-break-before: always; page-break-before: always;
/* Seite beginnt immer nach einer neuen phb */ /* Seite beginnt immer nach einer neuen phb */
font-size: 16px; /* Basis-Schriftgröße */ font-size: 1em; /* Basis-Schriftgröße */
} }
.phb::after { .phb::after {
@ -41,7 +41,7 @@
padding-top: 28px; padding-top: 28px;
/* Adjust the vertical position of the text */ /* Adjust the vertical position of the text */
text-align: center; text-align: center;
font-size: 11px; font-size: 0.8em;
padding-left: 65px; padding-left: 65px;
padding-right: 85px; padding-right: 85px;
line-height: 1.1; line-height: 1.1;
@ -80,7 +80,7 @@
/* Stil für Blockquotes */ /* Stil für Blockquotes */
.phb blockquote { .phb blockquote {
margin: 0 0 21px; margin: 0 0 21px;
font-size: 17.5px; font-size: 1em;
border-left: 5px solid #f4f5f5; border-left: 5px solid #f4f5f5;
font-family: ScalySans; font-family: ScalySans;
box-sizing: border-box; box-sizing: border-box;
@ -96,7 +96,7 @@
/* Stil für Tabellen */ /* Stil für Tabellen */
.phb table { .phb table {
font-size: 9pt; font-size: 0.8em;
width: 100%; width: 100%;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
@ -116,20 +116,20 @@
.phb h4 { .phb h4 {
margin-top: .2em; margin-top: .2em;
margin-bottom: .2em; margin-bottom: .2em;
font-family: 'MrJeeves', sans-serif; font-family: 'Times New Roman';
font-weight: 800; font-weight: 800;
color: #58180D; color: #58180D;
} }
.phb h1 { .phb h1 {
column-span: all; column-span: all;
font-size: 2.3em; font-size: 1.6;
-webkit-column-span: all; -webkit-column-span: all;
-moz-column-span: all; -moz-column-span: all;
} }
.phb h2 { .phb h2 {
font-size: 1.6em; font-size: 1.4em;
} }
.phb h3 { .phb h3 {
@ -144,7 +144,7 @@
.phb h5 { .phb h5 {
margin-bottom: .2em; margin-bottom: .2em;
font-family: 'ScalySansSmallCaps', sans-serif; font-family: 'Times New Roman';
font-size: .8em; font-size: .8em;
font-weight: 900; font-weight: 900;
} }

5
monsterblock.css
View File

@ -7,8 +7,7 @@ body {
body *{ body *{
box-sizing: border-box; box-sizing: border-box;
max-width: 100%; max-width: 100%;
font-family: 'Noto Sans', 'Myriad Pro', Calibri, Helvetica, font-family: 'Noto Sans', sans-serif;
Arial, sans-serif;
} }
.stat-block { .stat-block {
text-align: left; text-align: left;
@ -77,7 +76,7 @@ body {
stroke: #922610; stroke: #922610;
} }
.creature-heading h1{ .creature-heading h1{
font-family: 'Libre Baskerville', 'Lora', 'Calisto MT', 'Bookman Old Style', Bookman, 'Goudy Old Style', Garamond, 'Hoefler Text', 'Bitstream Charter', Georgia, serif; font-family: 'Libre Baskerville', 'Lora', 'Calisto MT', 'Bookman Old Style', 'Bitstream Charter', Georgia, serif;
color: #922610; color: #922610;
font-size: 23px; font-size: 23px;
line-height: 1.2em; line-height: 1.2em;

11
test.html
View File

@ -4,9 +4,20 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PhB Layout mit Spalten</title> <title>PhB Layout mit Spalten</title>
<link rel="stylesheet" href="website_main.css"> <!-- Dein CSS-File -->
<link rel="stylesheet" href="dnd-book.css"> <!-- Dein CSS-File --> <link rel="stylesheet" href="dnd-book.css"> <!-- Dein CSS-File -->
</head> </head>
<body> <body>
<header>
<div class="title">
<a href="/index.html">AMMERHAI</a>
</div>
<div class="menu">
<a href="/ttrpg.html">TTRPG</a>
<a href="/blog.html">Blog</a>
<a href="/imprint.html">Imprint</a>
</div>
</header>
<!-- Seite 1 --> <!-- Seite 1 -->
<div class="phb"> <div class="phb">

92
website_main.css Normal file
View File

@ -0,0 +1,92 @@
/*GENERAL*/
/*@font-face {
font-family: 'FiraCode';
src: url(fonts/FiraCode-VariableFont_wght.ttf);
}*/
@font-face {
font-family: 'Inconsolata';
src: url(fonts/Inconsolata-VariableFont_wdth\,wght.ttf);
font-weight: 600;
}
/*BODY*/
body {
background: #292a2d;
color: #EEE;
margin: 0em;
}
/*##########################################################*/
/*HEADER*/
header {
z-index: 1;
display: flex;
position: fixed;
width: 100%;
line-height: 3.5em;
background: #151617;
box-shadow: 0em 0.16em 0.8em 0em rgba(0,0,0,0.55);
/*font*/
font-size: 1.2em;
}
header .title {
margin-left: 3em;
font-weight: bold;
font-size: 1.6em;
text-shadow: 0em 0em 0.2em rgba(175, 175, 175, 0.5);
}
header .title a{
color: inherit;
text-decoration: none;
}
header .menu {
margin-left: auto;
margin-right: 3em;
}
header .menu a{
color: inherit;
text-decoration: none;
margin-right: 2em;
}
header .menu a:last-child {
margin-right: 0; /* No margin for the last menu item */
}
header .menu a:hover {
transform: scale(1.02);
text-shadow: 0em 0em 1em rgba(175, 175, 175, 0.9);
}
/*##########################################################*/
/*IMG*/
img.center-fit {
max-width: 100%;
max-height: 100vh;
margin: auto;
}
img.shadow{
box-shadow: 0em 0.16em 0.8em 0em rgba(0,0,0,0.55);
}
/*##########################################################*/
/*FOOTER*/
footer {
opacity: 0.5;
position: relative;
bottom: 0;
width: 100%;
text-align: center;
/*padding: 10px;*/
border-top: 1px transparent #ccc; /* Trennlinie oberhalb des Footers */
}