X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/118fd7ac41a586001b4c8f45c149731cc9a2e586..fa8171b9c389b461ecd87a6b4b1a4550a4b144ba:/edumed/static/css/main.css diff --git a/edumed/static/css/main.css b/edumed/static/css/main.css index ffb78d9..98dadef 100644 --- a/edumed/static/css/main.css +++ b/edumed/static/css/main.css @@ -1,17 +1,31 @@ #main-promobox { float: right; - border-radius: 0.9375em; - background: #16a487; - padding: 1.5em 1.25em; - width: 11.25em; + width: 12.5em; height: 11.6875em; } #main-promobox a { - display: block; } + background: #16a487; + padding: 1em 0.625em; + border-radius: 0.9375em; + display: block; + margin-bottom: 1em; + width: 11.25em; + float: left; } + #main-promobox a:last-of-type { + margin-bottom: 0; } #main-promobox h1 { + background: #16a487; + padding: 1em 0.625em; + border-radius: 0.9375em; color: white; margin: 0; text-transform: uppercase; - font-size: .9em; } + font-size: .9em; + width: 12.625em; + float: left; + padding-top: 1.25em; + padding-bottom: 1.25em; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } #main-promobox h1:before { content: url(/static/img/icons/announce_white.png); margin-right: 1.2em; @@ -19,7 +33,8 @@ #main-promobox h2 { color: white; font-size: .9em; - margin: 1.1em 0 0 0; + /*margin: 1.1em 0 0 0;*/ + margin: 0; font-weight: normal; text-transform: uppercase; } #main-promobox p { @@ -50,7 +65,6 @@ #main-sections ul li a { color: white; text-transform: uppercase; - display: block; height: 5em; display: table; padding: 5px; } @@ -62,7 +76,7 @@ vertical-align: middle; border: 1px solid transparent; border-radius: 0.625em; - padding-left: 1em; } + padding: 0 1em; } #main-sections ul li a .in-box .name { display: block; font-size: 1.5em; @@ -121,6 +135,10 @@ content: url(/static/img/icons/reference_orange.png); } #main-howto p { margin: 0 0 1.875em 1.4em; } + #main-howto .side-banner img { + display: block; + width: 100%; + margin-bottom: 0.2em; } #main-chosen { clear: left;