X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/cc3642cc8629e6568c75e15283b4cfcc60e02a53..cd7d2e5171bebc3b447f24878cb8f56caefe1e58:/edumed/static/css/main.scss?ds=sidebyside diff --git a/edumed/static/css/main.scss b/edumed/static/css/main.scss index 9b27291..d06205f 100755 --- a/edumed/static/css/main.scss +++ b/edumed/static/css/main.scss @@ -2,29 +2,24 @@ $px: .0625em; @mixin main-promobox-shape() { background: #16a487; - padding: 0.75em 20*$px; + padding: 1em 20*$px; border-radius: 15*$px; } #main-promobox { float: right; - width: 220*$px - 2 * 20*$px; + width: 220*$px - 20*$px; height: 235*$px - 2 * 1.5em; a { @include main-promobox-shape(); display: block; - margin-bottom: 1.4em; - width: 220*$px - 4 * 20*$px; + margin-bottom: 1em; + width: 220*$px - 3 * 20*$px; float: left; - &:first-of-type { - padding-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - } &:last-of-type { margin-bottom: 0; } @@ -36,8 +31,10 @@ $px: .0625em; margin: 0; text-transform: uppercase; font-size: .9em; - width: 220*$px - 3 * 20*$px; + width: 222*$px - 2 * 20*$px; float: left; + padding-top: 1.25em; + padding-bottom: 1.25em; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } @@ -196,6 +193,11 @@ $px: .0625em; p { margin: 0 0 30*$px 1.4em; } + .side-banner img { + display: block; + width: 100%; + margin-bottom: 0.2em; + } } #main-chosen {