X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/5ca33d388049e1d2dd7e5fd1a31fdc86ca959e5d..dd437bea6fcb261f1c8eaf51c4f0ad084ee2b04a:/edumed/static/css/base.css diff --git a/edumed/static/css/base.css b/edumed/static/css/base.css index 4d807d7..99182a2 100644 --- a/edumed/static/css/base.css +++ b/edumed/static/css/base.css @@ -1,5 +1,5 @@ @charset "UTF-8"; -@import url(http://fonts.googleapis.com/css?family=Dosis:400,700&subset=latin,latin-ext); +@import url(//fonts.googleapis.com/css?family=Dosis:400,700&subset=latin,latin-ext); a { text-decoration: none; color: #ed7831; } @@ -9,22 +9,33 @@ a { body { font-family: Dosis; - margin: 0; background: white; - color: #363a3e; } + color: #363a3e; + margin: 0; } .clr { clear: both; } +#banners { + margin: 0 auto; + width: 58.75em; } + #banners > a { + display: block; + width: 100%; } + #banners img { + display: block; + margin: 0 auto; + width: 100%; } + #header-wrapper { background-image: url(../img/header-bar.png); background-repeat: repeat-x; 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; } @@ -61,7 +72,8 @@ header.main { width: 2.75em; height: 2.125em; text-align: center; - margin: auto; } + margin: auto; + margin-bottom: .8em; } header.main nav .menu-lekcje:before { background: url(../img/menu/lekcje.png) no-repeat 0 0; background-size: 100%; } @@ -104,6 +116,42 @@ header.main { header.main nav .menu-kontakt:hover:before { background: url(../img/menu/kontakt_active.png) no-repeat 0 0; background-size: 100%; } + header.main nav .menu-oc-program:before { + background: url(../img/menu/olimpiada/program.png) no-repeat 0 0; + background-size: 100%; } + header.main nav .menu-oc-harmonogram:before { + background: url(../img/menu/olimpiada/harmonogram.png) no-repeat 0 0; + background-size: 100%; } + header.main nav .menu-oc-regulamin:before { + background: url(../img/menu/olimpiada/regulamin.png) no-repeat 0 0; + background-size: 100%; } + header.main nav .menu-oc-literatura:before { + background: url(../img/menu/olimpiada/literatura.png) no-repeat 0 0; + background-size: 100%; } + header.main nav .menu-oc-komitet:before { + background: url(../img/menu/olimpiada/komitet.png) no-repeat 0 0; + background-size: 100%; } + header.main nav .menu-oc-kontakt:before { + background: url(../img/menu/olimpiada/kontakt.png) no-repeat 0 0; + background-size: 100%; } + header.main nav .menu-oc-program:hover:before { + background: url(../img/menu/olimpiada/program_active.png) no-repeat 0 0; + background-size: 100%; } + header.main nav .menu-oc-harmonogram:hover:before { + background: url(../img/menu/olimpiada/harmonogram_active.png) no-repeat 0 0; + background-size: 100%; } + header.main nav .menu-oc-regulamin:hover:before { + background: url(../img/menu/olimpiada/regulamin_active.png) no-repeat 0 0; + background-size: 100%; } + header.main nav .menu-oc-literatura:hover:before { + background: url(../img/menu/olimpiada/literatura_active.png) no-repeat 0 0; + background-size: 100%; } + header.main nav .menu-oc-komitet:hover:before { + background: url(../img/menu/olimpiada/komitet_active.png) no-repeat 0 0; + background-size: 100%; } + header.main nav .menu-oc-kontakt:hover:before { + background: url(../img/menu/olimpiada/kontakt_active.png) no-repeat 0 0; + background-size: 100%; } header.main #tagline { clear: both; float: left; @@ -131,20 +179,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; } @@ -189,9 +239,16 @@ footer.main { .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; }