edumed/static/css/base.css

   1 @charset "UTF-8";
   2 @import url(//fonts.googleapis.com/css?family=Dosis:400,700&subset=latin,latin-ext);
   3 a {
   4   text-decoration: none;
   5   color: #ed7831; }
   6   a img {
   7     border: 0;
   8     padding: 0; }
   9
  10 body {
  11   font-family: Dosis;
  12   background: white;
  13   color: #363a3e;
  14   margin: 0; }
  15
  16 .clr {
  17   clear: both; }
  18
  19 #ads {
  20   display: inline-block;
  21   width: 100%; }
  22   #ads > a {
  23     display: block;
  24     width: 100%; }
  25   #ads img {
  26     display: block;
  27     margin: 0 auto; }
  28
  29 #header-wrapper {
  30   background-image: url(../img/header-bar.png);
  31   background-repeat: repeat-x;
  32   background-position: 0 100%; }
  33
  34 header.main {
  35   margin: 0 auto 1.4375em;
  36   width: 58.75em;
  37   padding: 1.8125em 0.625em 0; }
  38   header.main #logo {
  39     float: left;
  40     margin-bottom: 1.25em; }
  41     header.main #logo img {
  42       vertical-align: middle; }
  43   header.main #organizer {
  44     float: right;
  45     font-size: .75em;
  46     color: #777; }
  47     header.main #organizer img {
  48       margin-top: .5em; }
  49   header.main nav ul {
  50     padding: 0;
  51     position: absolute;
  52     left: 15em; }
  53   header.main nav li {
  54     list-style: none;
  55     display: inline-block;
  56     text-transform: uppercase;
  57     margin: 0 .5em;
  58     text-align: center;
  59     /*position:relative;*/ }
  60   header.main nav a {
  61     color: #363a3e;
  62     display: block;
  63     vertical-align: bottom;
  64     font-size: .85em; }
  65   header.main nav a:hover {
  66     color: #ed7831; }
  67   header.main nav a:before {
  68     content: " ";
  69     display: block;
  70     margin-bottom: .8em;
  71     width: 2.75em;
  72     height: 2.125em;
  73     text-align: center;
  74     margin: auto;
  75     margin-bottom: .8em; }
  76   header.main nav .menu-lekcje:before {
  77     background: url(../img/menu/lekcje.png) no-repeat 0 0;
  78     background-size: 100%; }
  79   header.main nav .menu-kompetencje:before {
  80     background: url(../img/menu/katalog.png) no-repeat 0 0;
  81     background-size: 100%; }
  82   header.main nav .menu-wspolpraca:before {
  83     background: url(../img/menu/wspolpraca.png) no-repeat 0 0;
  84     background-size: 100%; }
  85   header.main nav .menu-szkolenia:before {
  86     background: url(../img/menu/szkolenia.png) no-repeat 0 0;
  87     background-size: 100%; }
  88   header.main nav .menu-wesprzyj:before {
  89     background: url(../img/menu/wesprzyj.png) no-repeat 0 0;
  90     background-size: 100%; }
  91   header.main nav .menu-o-nas:before {
  92     background: url(../img/menu/o-nas.png) no-repeat 0 0;
  93     background-size: 100%; }
  94   header.main nav .menu-kontakt:before {
  95     background: url(../img/menu/kontakt.png) no-repeat 0 0;
  96     background-size: 100%; }
  97   header.main nav .menu-lekcje:hover:before {
  98     background: url(../img/menu/lekcje_active.png) no-repeat 0 0;
  99     background-size: 100%; }
 100   header.main nav .menu-kompetencje:hover:before {
 101     background: url(../img/menu/katalog_active.png) no-repeat 0 0;
 102     background-size: 100%; }
 103   header.main nav .menu-wspolpraca:hover:before {
 104     background: url(../img/menu/wspolpraca_active.png) no-repeat 0 0;
 105     background-size: 100%; }
 106   header.main nav .menu-szkolenia:hover:before {
 107     background: url(../img/menu/szkolenia_active.png) no-repeat 0 0;
 108     background-size: 100%; }
 109   header.main nav .menu-wesprzyj:hover:before {
 110     background: url(../img/menu/wesprzyj_active.png) no-repeat 0 0;
 111     background-size: 100%; }
 112   header.main nav .menu-o-nas:hover:before {
 113     background: url(../img/menu/o-nas_active.png) no-repeat 0 0;
 114     background-size: 100%; }
 115   header.main nav .menu-kontakt:hover:before {
 116     background: url(../img/menu/kontakt_active.png) no-repeat 0 0;
 117     background-size: 100%; }
 118   header.main #tagline {
 119     clear: both;
 120     float: left;
 121     background-color: white;
 122     /* Extend padded background .*/
 123     padding: 0 0.625em;
 124     margin-left: -0.625em;
 125     font-size: .9em;
 126     color: #363a3e; }
 127   header.main #search {
 128     float: right;
 129     background-color: white;
 130     /* Extend padded background .*/
 131     padding: 2px 0.625em 0;
 132     margin-right: -0.625em; }
 133
 134 #content {
 135   width: 58.75em;
 136   padding: 0 0.625em;
 137   margin: auto;
 138   position: relative; }
 139
 140 footer.main {
 141   clear: both;
 142   border-top: 1px solid #c9ccce;
 143   width: 58.75em;
 144   padding: 0.2em 0.625em;
 145   margin: 2.5em auto 1em auto;
 146   color: #9a9c9e; }
 147   footer.main p {
 148     font-size: .75em; }
 149   footer.main .footer-item {
 150     float: left;
 151     margin-right: 1.25em;
 152     width: 13.75em; }
 153   footer.main .sponsors-column {
 154     float: left;
 155     margin-left: 1.25em;
 156     width: 6.25em; }
 157     footer.main .sponsors-column p {
 158       font-size: .75em; }
 159   footer.main .footer-extra p {
 160     margin-top: 0; }
 161
 162 #search {
 163   font-size: .8em; }
 164   #search input, #search button {
 165     font-family: Dosis;
 166     font-size: .9em;
 167     vertical-align: bottom;
 168     border: 1px solid #c9ccce;
 169     padding: 0;
 170     margin: 0;
 171     line-height: .9em; }
 172   #search input {
 173     border-right-width: 0;
 174     height: 16px;
 175     width: 16em;
 176     padding-left: 1.3em; }
 177   #search button {
 178     height: 18px;
 179     width: 1.8em; }
 180     #search button span {
 181       position: relative;
 182       top: -1px; }
 183   #search input::-webkit-input-placeholder {
 184     text-transform: uppercase; }
 185   #search input:-moz-placeholder {
 186     text-transform: uppercase; }
 187   #search input::-moz-placeholder {
 188     text-transform: uppercase; }
 189   #search input::-ms-placeholder {
 190     text-transform: uppercase; }
 191
 192 .link-list {
 193   list-style: none;
 194   padding: 0; }
 195   .link-list li {
 196     margin-bottom: .5em; }
 197   .link-list a:before {
 198     content: "→";
 199     margin-right: .5em; }
 200   .link-list a {
 201     color: #363a3e; }
 202   .link-list a:hover {
 203     color: #ed7831; }
 204
 205 .link-list-colored a {
 206   color: #ed7831; }
 207
 208 .plain {
 209   margin: 0;
 210   padding: 0;
 211   list-style: none; }
 212   .plain li {
 213     margin: 1em 0; }
 214
 215 .flatpage img {
 216   border: 0.3125em solid #eeeeee;
 217   margin: 1.3em; }