Compare commits

..

No commits in common. "2dfe4bfec0114e7efb3f2b9fe5e7153bafb48b1e" and "056e6b0bb8a00a15ab665848d4248ad64cd688b9" have entirely different histories.

2 changed files with 25 additions and 19 deletions

View File

@ -627,6 +627,14 @@ small,
.small {
font-size:0.75em;
}
@media (max-width: 980px) {
h2 {
font-size:2.75em;
}
h3{
font-size:2.5em
}
}
p {
margin-bottom:1.3em
}
@ -3109,6 +3117,13 @@ body {
.page__content dl {
font-size:1em
}
@media (max-width: 980px) {
.page__content p,
.page__content li,
.page__content dl {
font-size:2em;
}
}
.page__content p {
margin:0 0 1.3em
}
@ -4385,7 +4400,7 @@ body {
height:auto;
justify-content:center
}
@media (max-width: 768px) {
@media (max-width: 980px) {
.flex-parent {
flex-direction:column;
justify-content:flex-start;
@ -4403,7 +4418,7 @@ body {
justify-content:center;
align-items:flex-end
}
@media (max-width: 768px) {
@media (max-width: 980px) {
.third-col-layout {
width:auto;
height:auto;
@ -4486,7 +4501,7 @@ h2 {
border:none;
text-decoration:underline
}
@media (max-width: 768px) {
@media (max-width: 980px) {
.flex-post-child h2 {
margin-top:1em;
font-size: 1.25em;
@ -4503,18 +4518,20 @@ h2 {
gap:3%
}
@media (max-width: 768px) {
@media (max-width: 980px) {
.flex-post-parent {
flex-direction:column;
gap:20px;
font-size:2em;
}
}
.fp-section {
margin:1em 3em
}
@media (max-width: 768px) {
@media (max-width: 980px) {
.fp-section {
margin:1em .5em;
font-size:2em;
}
}
.greedy-nav .visible-links {

View File

@ -29,24 +29,13 @@
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="./_assets/images/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body class="layout--single">
<div id="main" role="main">
<div class="masthead">
<div class="masthead__inner-wrap">
<div class="masthead__menu">
<div class="site-logo">
<img src="./_assets/images/favicon/android-chrome-192x192.png" alt="Image: Schallbert" itemprop="image" style="vertical-align: middle;"/>
<span style="vertical-align: middle; padding-left:10px; font-size:1.5rem; font-weight:bold">Schallberts Vorträge</span>
</div>
</div>
</div>
<div class="author__avatar">
<a href="https://schallbert.de"><img src="./_assets/images/favicon/android-chrome-192x192.png" alt="Image: Schallbert" itemprop="image" style="vertical-align: middle;"/></a>
<span style="vertical-align: middle; padding-left:10px; font-size:2.0em; font-weight:bold">Vorträge</span>
</div>
<section class="page__content" itemprop="text">