X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/032a2b1bdcecc42056de4a0171a55d173e4b765b..59b18d2848d2561f1547b78921936a501d0f0b37:/src/wolnelektury/static/scss/main/base.scss?ds=inline diff --git a/src/wolnelektury/static/scss/main/base.scss b/src/wolnelektury/static/scss/main/base.scss old mode 100755 new mode 100644 index 270d2277e..7def77d94 --- a/src/wolnelektury/static/scss/main/base.scss +++ b/src/wolnelektury/static/scss/main/base.scss @@ -14,11 +14,15 @@ html, body { /* Basic colors and fonts */ body { - font-family: Georgia, serif; + font-family: Gelasio, Georgia, serif; background: #f7f7f7; color: black; - @include size(font-size, 13px); + @include size(font-size, 15px); +} + +p { + margin: 1em 0; } a { @@ -32,6 +36,7 @@ a { h1 { @include size(font-size, 35px); + line-height: 1.1em; font-weight: normal; @include size(margin-top, 14px); @@ -41,12 +46,13 @@ h1 { } h2 { - @include size(font-size, 20px); + @include size(font-size, 23px); + line-height: 1.1em; font-weight: normal; } h3 { - @include size(font-size, 15px); + @include size(font-size, 17px); font-weight: normal; } @@ -83,15 +89,21 @@ ul.plain { .left-column, .right-column { @include size(max-width, 600px); + @include size(padding-left, 1em); + @include size(padding-right, 1em); } @media screen and (min-width: 62.5em) { - .left-column { + .left-column, .right-column { @include size(width, 470px); + padding-left: 0; + padding-right: 0; + } + + .left-column { float: left; } .right-column { - @include size(width, 470px); float: right; } } @@ -214,3 +226,19 @@ ul.plain { @include size(margin-bottom, 10px); } } + +@media screen and (max-width: 62.5em) { + .mobile-margins {margin-left: 1em; margin-right: 1em;} +} + + +table.table { + margin: auto; + border-collapse: collapse; + + td, th { + border: 1px solid #444; + padding: .5em; + text-align: center; + } +}