X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/e76fdcf2a2488b1787c74fe8dccfa38d7ac04c84..ca7ebe153aa3986421f5c161f08c674b4eaaf141:/edumed/static/css/base.scss?ds=sidebyside diff --git a/edumed/static/css/base.scss b/edumed/static/css/base.scss index b059890..4d7e8a7 100644 --- a/edumed/static/css/base.scss +++ b/edumed/static/css/base.scss @@ -46,7 +46,12 @@ header.main { } #organizer { float: right; - margin-top: 1.3em; + font-size: .75em; + color: #777; + + img { + margin-top: .5em; + } } @@ -66,34 +71,39 @@ header.main { /*position:relative;*/ } a { - color: $oranji; + color: $ciemny; display: block; vertical-align: bottom; font-size: .85em; - } a:hover { - color: $ciemny; + color: $oranji; } + a:before { + content: " "; display: block; margin-bottom: .8em; + width: 44*$px; + height: 34*$px; + text-align:center; + margin: auto; + margin-bottom: .8em; } - .menu-lekcje:before { content: url(../img/menu/lekcje.png);} - .menu-kompetencje:before { content: url(../img/menu/katalog.png); } - .menu-wspolpraca:before { content: url(../img/menu/wspolpraca.png);} - .menu-szkolenia:before { content: url(../img/menu/szkolenia.png); } - .menu-wesprzyj:before { content: url(../img/menu/wesprzyj.png);} - .menu-o-nas:before { content: url(../img/menu/o-nas.png); } - .menu-kontakt:before { content: url(../img/menu/kontakt.png); } - .menu-lekcje:hover:before { content: url(../img/menu/lekcje_active.png);} - .menu-kompetencje:hover:before { content: url(../img/menu/katalog_active.png); } - .menu-wspolpraca:hover:before { content: url(../img/menu/wspolpraca_active.png);} - .menu-szkolenia:hover:before { content: url(../img/menu/szkolenia_active.png); } - .menu-wesprzyj:hover:before { content: url(../img/menu/wesprzyj_active.png);} - .menu-o-nas:hover:before { content: url(../img/menu/o-nas_active.png); } - .menu-kontakt:hover:before { content: url(../img/menu/kontakt_active.png); } - + .menu-lekcje:before { background: url(../img/menu/lekcje.png) no-repeat 0 0; background-size: 100%;} + .menu-kompetencje:before { background: url(../img/menu/katalog.png) no-repeat 0 0; background-size: 100%;} + .menu-wspolpraca:before { background: url(../img/menu/wspolpraca.png) no-repeat 0 0; background-size: 100%;} + .menu-szkolenia:before { background: url(../img/menu/szkolenia.png) no-repeat 0 0; background-size: 100%;} + .menu-wesprzyj:before { background: url(../img/menu/wesprzyj.png) no-repeat 0 0; background-size: 100%;} + .menu-o-nas:before { background: url(../img/menu/o-nas.png) no-repeat 0 0; background-size: 100%;} + .menu-kontakt:before { background: url(../img/menu/kontakt.png) no-repeat 0 0; background-size: 100%;} + .menu-lekcje:hover:before { background: url(../img/menu/lekcje_active.png) no-repeat 0 0; background-size: 100%;} + .menu-kompetencje:hover:before { background: url(../img/menu/katalog_active.png) no-repeat 0 0; background-size: 100%;} + .menu-wspolpraca:hover:before { background: url(../img/menu/wspolpraca_active.png) no-repeat 0 0; background-size: 100%;} + .menu-szkolenia:hover:before { background: url(../img/menu/szkolenia_active.png) no-repeat 0 0; background-size: 100%;} + .menu-wesprzyj:hover:before { background: url(../img/menu/wesprzyj_active.png) no-repeat 0 0; background-size: 100%;} + .menu-o-nas:hover:before { background: url(../img/menu/o-nas_active.png) no-repeat 0 0; background-size: 100%;} + .menu-kontakt:hover:before { background: url(../img/menu/kontakt_active.png) no-repeat 0 0; background-size: 100%;} } @@ -109,10 +119,9 @@ header.main { } #search { float: right; - padding: 0 10*$px; background-color: white; /* Extend padded background .*/ - padding: 0 10*$px; + padding: 2px 10*$px 0; margin-right: -10*$px; } } @@ -142,12 +151,91 @@ footer.main { font-size: .75em; } } - .footer-item-half { + .sponsors-column { float: left; - margin-right: 20 * $px; + margin-left: 20 * $px; width: 100 * $px; p { font-size: .75em; } } } + + +#search { + font-size: .8em; + + input, button { + font-family: Dosis; + font-size: .9em; + vertical-align:bottom; + border: 1px solid #c9ccce; + padding: 0; + margin: 0; + line-height: .9em; + } + input { + border-right-width: 0; + height: 16px; + width: 16em; + padding-left: 1.3em; + } + button { + height: 18px; + width: 1.8em; + span { + position:relative; + top: -1px; + } + } + + input::-webkit-input-placeholder { + text-transform: uppercase; + } + input:-moz-placeholder { + text-transform: uppercase; + } + input::-moz-placeholder { + text-transform: uppercase; + } + input::-ms-placeholder { + text-transform: uppercase; + } + +} + + +.link-list { + list-style: none; + padding: 0; + + li { + margin-bottom: .5em; + } + + a:before { + content: "→"; + margin-right: .5em; + } + a { + color: $ciemny; + } + a:hover { + color: $oranji; + } +} +.link-list-colored { + a { + color: $oranji; + } +} + + +.plain { + margin: 0; + padding: 0; + list-style: none; + li { + margin: 1em 0; + } +}