diff --git a/static/css/styles.css b/static/css/styles.css index d9b73a4..9941e6c 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -51,7 +51,10 @@ --footerbackground-color: grey; --maina-color: rgb(173, 165, 168); --articlehover-color: black; - --articlehover-background: #959f9752 + --articlehover-background: #959f9752; + --code-color: #b96f1f; + --code-background-color: #FFF5EE; + --code-border-background-color: #FFF5EE; } /* || Body || */ @@ -143,7 +146,7 @@ li > a { /* || Main || */ main { - margin: 2% 18%; + margin: 2% 16%; padding: auto; /* border: solid 3px rgb(92, 78, 78); */ text-align: justify; @@ -190,6 +193,15 @@ main > a:hover { padding: 3px; } +/* || Code || */ + +code { + color: var(--code-color); + background: var(--code-background-color); + border: solid 10px var(--code-border-background-color); + border-radius: 10px; + } + /* || Footer nav || */ footer { @@ -332,6 +344,9 @@ a.post-link:hover { main { margin: 4% 10%; } + h1 { + font-size: 2em; + } } /* Medium devices (landscape tablets, 920px and down) */ diff --git a/templates/base.html b/templates/base.html index aa05885..54f2b29 100644 --- a/templates/base.html +++ b/templates/base.html @@ -35,7 +35,7 @@