X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/e470363329ca19f0ed74f7e6d420badcd83408c6..f1e3cecdc08195061d659e9710e42161aee4d5fb:/edumed/static/css/base.css?ds=sidebyside diff --git a/edumed/static/css/base.css b/edumed/static/css/base.css index 27f9ccf..95fb533 100644 --- a/edumed/static/css/base.css +++ b/edumed/static/css/base.css @@ -9,9 +9,9 @@ a { body { font-family: Dosis; - margin: 0; background: white; - color: #363a3e; } + color: #363a3e; + margin: 0; } .clr { clear: both; } @@ -22,9 +22,9 @@ body { background-position: 0 100%; } header.main { - margin: 0 auto 1.438em; + margin: 0 auto 1.4375em; width: 58.75em; - padding: 1.813em 0.625em 0; } + padding: 1.8125em 0.625em 0; } header.main #logo { float: left; margin-bottom: 1.25em; } @@ -32,7 +32,10 @@ header.main { vertical-align: middle; } header.main #organizer { float: right; - margin-top: 1.3em; } + font-size: .75em; + color: #777; } + header.main #organizer img { + margin-top: .5em; } header.main nav ul { padding: 0; position: absolute; @@ -41,7 +44,7 @@ header.main { list-style: none; display: inline-block; text-transform: uppercase; - margin: 0 .5em; + margin: 0 0.5em; text-align: center; /*position:relative;*/ } header.main nav a { @@ -52,36 +55,56 @@ header.main { header.main nav a:hover { color: #ed7831; } header.main nav a:before { + content: " "; display: block; + margin-bottom: .8em; + width: 2.75em; + height: 2.125em; + text-align: center; + margin: auto; margin-bottom: .8em; } header.main nav .menu-lekcje:before { - content: url(../img/menu/lekcje.png); } + background: url(../img/menu/lekcje.png) no-repeat 0 0; + background-size: 100%; } header.main nav .menu-kompetencje:before { - content: url(../img/menu/katalog.png); } + background: url(../img/menu/katalog.png) no-repeat 0 0; + background-size: 100%; } header.main nav .menu-wspolpraca:before { - content: url(../img/menu/wspolpraca.png); } + background: url(../img/menu/wspolpraca.png) no-repeat 0 0; + background-size: 100%; } header.main nav .menu-szkolenia:before { - content: url(../img/menu/szkolenia.png); } + background: url(../img/menu/szkolenia.png) no-repeat 0 0; + background-size: 100%; } header.main nav .menu-wesprzyj:before { - content: url(../img/menu/wesprzyj.png); } + background: url(../img/menu/wesprzyj.png) no-repeat 0 0; + background-size: 100%; } header.main nav .menu-o-nas:before { - content: url(../img/menu/o-nas.png); } + background: url(../img/menu/o-nas.png) no-repeat 0 0; + background-size: 100%; } header.main nav .menu-kontakt:before { - content: url(../img/menu/kontakt.png); } + background: url(../img/menu/kontakt.png) no-repeat 0 0; + background-size: 100%; } header.main nav .menu-lekcje:hover:before { - content: url(../img/menu/lekcje_active.png); } + background: url(../img/menu/lekcje_active.png) no-repeat 0 0; + background-size: 100%; } header.main nav .menu-kompetencje:hover:before { - content: url(../img/menu/katalog_active.png); } + background: url(../img/menu/katalog_active.png) no-repeat 0 0; + background-size: 100%; } header.main nav .menu-wspolpraca:hover:before { - content: url(../img/menu/wspolpraca_active.png); } + background: url(../img/menu/wspolpraca_active.png) no-repeat 0 0; + background-size: 100%; } header.main nav .menu-szkolenia:hover:before { - content: url(../img/menu/szkolenia_active.png); } + background: url(../img/menu/szkolenia_active.png) no-repeat 0 0; + background-size: 100%; } header.main nav .menu-wesprzyj:hover:before { - content: url(../img/menu/wesprzyj_active.png); } + background: url(../img/menu/wesprzyj_active.png) no-repeat 0 0; + background-size: 100%; } header.main nav .menu-o-nas:hover:before { - content: url(../img/menu/o-nas_active.png); } + background: url(../img/menu/o-nas_active.png) no-repeat 0 0; + background-size: 100%; } header.main nav .menu-kontakt:hover:before { - content: url(../img/menu/kontakt_active.png); } + background: url(../img/menu/kontakt_active.png) no-repeat 0 0; + background-size: 100%; } header.main #tagline { clear: both; float: left; @@ -109,20 +132,22 @@ footer.main { border-top: 1px solid #c9ccce; width: 58.75em; padding: 0.2em 0.625em; - margin: 2.5em auto 0 auto; + margin: 2.5em auto 1em auto; color: #9a9c9e; } + footer.main p { + font-size: .75em; } footer.main .footer-item { float: left; margin-right: 1.25em; width: 13.75em; } - footer.main .footer-item p { - font-size: .75em; } footer.main .sponsors-column { float: left; margin-left: 1.25em; width: 6.25em; } footer.main .sponsors-column p { font-size: .75em; } + footer.main .footer-extra p { + margin-top: 0; } #search { font-size: .8em; } @@ -157,6 +182,8 @@ footer.main { .link-list { list-style: none; padding: 0; } + .link-list li { + margin-bottom: .5em; } .link-list a:before { content: "→"; margin-right: .5em; } @@ -164,3 +191,17 @@ footer.main { color: #363a3e; } .link-list a:hover { color: #ed7831; } + +.link-list-colored a { + color: #ed7831; } + +.plain { + margin: 0; + padding: 0; + list-style: none; } + .plain li { + margin: 1em 0; } + +.flatpage img { + border: 0.3125em solid #eeeeee; + margin: 1.3em; }