X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/9a938c8b406ce05e3bca4a5a483d473ece9e17b0..ab6d1311a5ddff7151ff0c574a202a7bcd0dfcc0:/src/wolnelektury/static/scss/main/base.scss 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 48c63febb..7def77d94 --- a/src/wolnelektury/static/scss/main/base.scss +++ b/src/wolnelektury/static/scss/main/base.scss @@ -8,13 +8,21 @@ html, body { clear: both; } +.hide { + display: none !important; +} + /* Basic colors and fonts */ body { - font-family: Georgia; + font-family: Gelasio, Georgia, serif; background: #f7f7f7; color: black; - @include size(font-size, 13px); + @include size(font-size, 15px); +} + +p { + margin: 1em 0; } a { @@ -28,6 +36,7 @@ a { h1 { @include size(font-size, 35px); + line-height: 1.1em; font-weight: normal; @include size(margin-top, 14px); @@ -37,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; } @@ -79,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; } } @@ -132,6 +148,7 @@ ul.plain { .initial-block { display: inline-block; + width: 100%; } } @@ -209,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; + } +}