X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/e76fdcf2a2488b1787c74fe8dccfa38d7ac04c84..75d409885ac0ccf146de2311694f455c37f38830:/edumed/static/css/main.css diff --git a/edumed/static/css/main.css b/edumed/static/css/main.css index 27aa707..4fecbb1 100644 --- a/edumed/static/css/main.css +++ b/edumed/static/css/main.css @@ -1,20 +1,19 @@ #main-promobox { - /*position: absolute; - top: 0; - right: 10 * $px;*/ float: right; border-radius: 0.938em; - background: #f8b323; + background: #16a487; padding: 1.5em 1.25em; width: 11.25em; height: 11.688em; } + #main-promobox a { + display: block; } #main-promobox h1 { color: white; margin: 0; text-transform: uppercase; font-size: .9em; } #main-promobox h1:before { - content: url(/static/img/icons/announce.png); + content: url(/static/img/icons/announce_white.png); margin-right: 1.2em; vertical-align: top; } #main-promobox h2 { @@ -32,7 +31,7 @@ #main-sections { clear: both; float: left; - margin-top: 1.1em; + margin-top: 1.2em; width: 43.75em; } #main-sections h1 { font-size: .9em; @@ -48,16 +47,26 @@ float: left; width: 10em; height: 5.625em; - border-radius: 0.938em; - display: table; } + border-radius: 0.938em; } #main-sections ul li a { - display: table-cell; - padding-left: 1.688em; - vertical-align: middle; - height: 100%; color: white; text-transform: uppercase; - font-size: .9em; } + display: block; + height: 5em; + width: 9.375em; + display: table; + padding: 0.313em; } + #main-sections ul li a span { + font-size: .9em; + height: 100%; + width: 100%; + display: table-cell; + vertical-align: middle; + border: 1px solid transparent; + border-radius: 0.625em; + padding-left: 1em; } + #main-sections ul li a:hover span { + border: 1px solid white; } #main-sections ul .box1 { background-color: #adaeaf; } #main-sections ul .box2 { @@ -77,22 +86,18 @@ #main-chosen { float: right; - margin-top: 1.1em; + margin-top: 1.2em; width: 13.75em; } #main-chosen h1 { font-size: .9em; margin: 0 0 0 1.4em; text-transform: uppercase; } #main-chosen ul { - margin: 1.063em 0 0 1.4em; - padding: 0; - list-style-position: inside; } + margin: 1.063em 0 0 1.4em; } #main-chosen ul li { font-size: .9em; text-transform: uppercase; line-height: 1.25em; } - #main-chosen ul li a { - color: #363a3e; } #main-tools { clear: both; } @@ -107,10 +112,5 @@ text-transform: uppercase; } #main-tools .main-tools-box ul, #main-tools .main-tools-box ol { margin: 1.1em 0 0 0; - padding: 0; - list-style-position: inside; - color: #ed7831; font-size: .9em; line-height: 1.15em; } - #main-tools .main-tools-box ul li a, #main-tools .main-tools-box ol li a { - color: #ed7831; }