pyratebeard_net

personal website
git clone git://git.pyratebeard.net/pyratebeard_net.git
Log | Files | Refs | README

commit 9a256afe384bd23e382226319fd3e2115fec7ad2
parent 01772cafffc49850810aa5cce26ad6d3104fa578
Author: pyratebeard <root@pyratebeard.net>
Date:   Tue, 31 Mar 2020 20:54:36 +0100

adjust margins and section width. add col and img elements.

Diffstat:
Mstatic/css/style.css | 27+++++++++++++++++++++++++--
Astatic/css/test.css | 81+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 106 insertions(+), 2 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css @@ -17,8 +17,30 @@ body { flex-wrap: wrap } .section { - margin: 20px; - max-width: 599px + margin: auto; + width: 599px; +} + +.row { + display: flex; +} + +.col { + flex: 1 1 0% +} +.col-left { + text-align: left; +} +.col-mid { + text-align: center; +} +.col-right { + text-align: right; +} + +img { + height: 43px; + width: auto; } h1,h2,h3,h4,h5 { text-transform: uppercase; @@ -27,6 +49,7 @@ h1,h2,h3,h4,h5 { h1 { color: #cd6e42; + margin: 0px; } h2,h3,h4,h5 { diff --git a/static/css/test.css b/static/css/test.css @@ -0,0 +1,81 @@ +@font-face { + font-family: 'saxmono'; + src: url('/static/fnt/saxmono-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; +} + +body { + background-color: #1a1d20; + color: #abc0c5; + font-family: "saxmono"; + font-size: 16px; +} + +.container { + max-width: 800px; + margin: auto; +} + +.section { +} + +.row { + display: flex; + flex-wrap: wrap; +} + +.col { + flex: 1 1 0%; +} + +.col-left { + text-align: left; +} + +.col-mid { + text-align: center; +} + +.col-right { + text-align: right; +} + +h1,h2,h3,h4,h5 { + text-transform: uppercase; + font-weight: normal; + color: #7bb7c5; +} + +a { + color: #7d9aa0; +} + +a:hover, +a:active, +a:focus { + color: #7bb7c5; +} + +ul { + list-style: ': '; + color: #7a8186; +} + +pre { + background-color: #111113; + font-family: "saxmono"; + font-size: 14px; + padding: 10px; + border: 2px solid #111113; + border-radius: 5px; +} + +code { + background-color: #44484b; + font-family: "saxmono"; + font-size: 14px; + padding-left: 4px; + padding-right: 4px; + border-radius: 2px; +}