Browse Source

added more margin ontop of h2s and white backgrounds for inlinr-code

master
Vincent Truchseß 4 months ago
parent
commit
50b7c97375
1 changed files with 147 additions and 160 deletions
  1. 147
    160
      css/default.css

+ 147
- 160
css/default.css View File

@@ -1,190 +1,177 @@
html {
font-size: 62.5%;
font-size:62.5%
}

body {
font-size: 1.6rem;
color: #000;
background-color: #dbcfc5;
font-size:1.6rem;
color:#000;
background-color:#dbcfc5
}

header {
border-bottom: 0.3rem solid #000;
min-height: 56px;
line-height: 56px;
border-bottom:0.3rem solid #000;
min-height:56px;
line-height:56px
}

nav {
text-align: right;
text-align:right
}

nav a {
font-size: 1.8rem;
font-weight: bold;
color: black;
text-decoration: none;
text-transform: uppercase;
font-size:1.8rem;
font-weight:bold;
color:black;
text-decoration:none;
text-transform:uppercase
}

a {
color: black;
color:black
}

main {
margin-bottom: 16px;
padding-bottom: 16px;
height: 100%;
margin-bottom:16px;
padding-bottom:16px;
height:100%
}

footer {
margin-top: 3rem;
padding: 1.2rem 0;
border-top: 0.2rem solid #000;
font-size: 1.2rem;
color: #555;
bottom: 0;
height: 16px;
line-height: 16px;
background-color: inherit;
}

margin-top:3rem;
padding:1.2rem 0;
border-top:0.2rem solid #000;
font-size:1.2rem;
color:#555;
bottom:0;
height:16px;
line-height:16px;
background-color:inherit
}
p {
margin-top: 1rem;
margin-top:1rem
}
code {
background-color: #dedfe9;
}

h1 {
font-size: 2.4rem;
font-size:2.4rem
}

h2 {
font-size: 2rem;
font-size:2rem;
margin-top: 5rem;
}

h3{
margin-bottom: 0px;
margin-top: 2rem;
h3 {
margin-bottom:0px;
margin-top:2rem
}

pre {
background-color:#dedfe9;
border-radius:8px;
padding: 8px;
background-color:#dedfe9;
border-radius:8px;
padding:8px
}
div.pre {
background-color:#dedfe9;
border-radius:8px;
padding: 8px;
background-color:#dedfe9;
border-radius:8px;
padding:8px
}

article .header {
font-size: 1.4rem;
font-style: italic;
color: #555;
font-size:1.4rem;
font-style:italic;
color:#555
}

.logo a {
font-weight: bold;
color: #000;
text-decoration: none;
}

@media (max-width: 319px) {
body {
width: 90%;
margin: 0;
padding: 0 5%;
}
header {
margin: 4.2rem 0;
}
nav {
margin: 0 auto 3rem;
text-align: center;
}
footer {
text-align: center;
}
.logo {
text-align: center;
margin: 1rem auto 3rem;
}
.logo a {
font-size: 2.4rem;
}
nav a {
display: block;
line-height: 1.6;
}
}

@media (min-width: 320px) {
body {
width: 90%;
margin: 8px;
padding: 0 5%;
}
header {
margin: 4.2rem 0;
}
nav {
margin: 0 auto 3rem;
text-align: center;
}
footer {
text-align: center;
}
.logo {
text-align: center;
margin: 1rem auto 3rem;
}
.logo a {
font-size: 2.4rem;
}
nav a {
display: inline;
margin: 0 0.6rem;
}
}

@media (min-width: 950px) {
body {
width: 75%;
max-width: 110rem;
margin: 0 auto;
padding-top: 100px;
padding-bottom: 16px;
}
header {
position: fixed;
width: inherit;
max-width: inherit;
background-color: inherit;
margin: 0 0 3rem;
padding-top: 12px;
padding-bottom: 2px;
top: 0;
}
nav {
margin: 0;
text-align: right;
}
nav a {
margin: 0 0 0 1.2rem;
display: inline;
}
footer {
text-align: right;
position: fixed;
bottom: 0;
width: inherit;
max-width: inherit;
}
.logo {
margin: 0;
text-align: left;
}
.logo a {
float: left;
font-size: 1.8rem;
}
font-weight:bold;
color:#000;
text-decoration:none
}
@media (max-width:319px) {
body {
width:90%;
margin:0;
padding:0 5%
}
header {
margin:4.2rem 0
}
nav {
margin:0 auto 3rem;
text-align:center
}
footer {
text-align:center
}
.logo {
text-align:center;
margin:1rem auto 3rem
}
.logo a {
font-size:2.4rem
}
nav a {
display:block;
line-height:1.6
}
}
@media (min-width:320px) {
body {
width:90%;
margin:8px;
padding:0 5%
}
header {
margin:4.2rem 0
}
nav {
margin:0 auto 3rem;
text-align:center
}
footer {
text-align:center
}
.logo {
text-align:center;
margin:1rem auto 3rem
}
.logo a {
font-size:2.4rem
}
nav a {
display:inline;
margin:0 0.6rem
}
}
@media (min-width:950px) {
body {
width:75%;
max-width:110rem;
margin:0 auto;
padding-top:100px;
padding-bottom:16px
}
header {
position:fixed;
width:inherit;
max-width:inherit;
background-color:inherit;
margin:0 0 3rem;
padding-top:12px;
padding-bottom:2px;
top:0
}
nav {
margin:0;
text-align:right
}
nav a {
margin:0 0 0 1.2rem;
display:inline
}
footer {
text-align:right;
position:fixed;
bottom:0;
width:inherit;
max-width:inherit
}
.logo {
margin:0;
text-align:left
}
.logo a {
float:left;
font-size:1.8rem
}
}

Loading…
Cancel
Save