edumed/static/css/base.css

   1 @import url(http://fonts.googleapis.com/css?family=Dosis:400,700&subset=latin,latin-ext);
   2 a {
   3   text-decoration: none;
   4   color: #ed7831; }
   5   a img {
   6     border: 0;
   7     padding: 0; }
   8
   9 body {
  10   font-family: Dosis;
  11   margin: 0;
  12   background: white;
  13   color: #363a3e; }
  14
  15 .clr {
  16   clear: both; }
  17
  18 #header-wrapper {
  19   background-image: url(../img/header-bar.png);
  20   background-repeat: repeat-x;
  21   background-position: 0 100%; }
  22
  23 header.main {
  24   margin: 0 auto 1.438em;
  25   width: 58.75em;
  26   padding: 1.813em 0.625em 0; }
  27   header.main #logo {
  28     float: left;
  29     margin-bottom: 1.25em; }
  30     header.main #logo img {
  31       vertical-align: middle; }
  32   header.main #organizer {
  33     float: right;
  34     margin-top: 1.3em; }
  35   header.main nav ul {
  36     padding: 0;
  37     position: absolute;
  38     left: 15em; }
  39   header.main nav li {
  40     list-style: none;
  41     display: inline-block;
  42     text-transform: uppercase;
  43     margin: 0 .5em;
  44     text-align: center;
  45     /*position:relative;*/ }
  46   header.main nav a {
  47     color: #ed7831;
  48     display: block;
  49     vertical-align: bottom;
  50     font-size: .85em; }
  51   header.main nav a:hover {
  52     color: #363a3e; }
  53   header.main nav a:before {
  54     display: block;
  55     margin-bottom: .8em; }
  56   header.main nav .menu-lekcje:before {
  57     content: url(../img/menu/lekcje.png); }
  58   header.main nav .menu-kompetencje:before {
  59     content: url(../img/menu/katalog.png); }
  60   header.main nav .menu-wspolpraca:before {
  61     content: url(../img/menu/wspolpraca.png); }
  62   header.main nav .menu-szkolenia:before {
  63     content: url(../img/menu/szkolenia.png); }
  64   header.main nav .menu-wesprzyj:before {
  65     content: url(../img/menu/wesprzyj.png); }
  66   header.main nav .menu-o-nas:before {
  67     content: url(../img/menu/o-nas.png); }
  68   header.main nav .menu-kontakt:before {
  69     content: url(../img/menu/kontakt.png); }
  70   header.main nav .menu-lekcje:hover:before {
  71     content: url(../img/menu/lekcje_active.png); }
  72   header.main nav .menu-kompetencje:hover:before {
  73     content: url(../img/menu/katalog_active.png); }
  74   header.main nav .menu-wspolpraca:hover:before {
  75     content: url(../img/menu/wspolpraca_active.png); }
  76   header.main nav .menu-szkolenia:hover:before {
  77     content: url(../img/menu/szkolenia_active.png); }
  78   header.main nav .menu-wesprzyj:hover:before {
  79     content: url(../img/menu/wesprzyj_active.png); }
  80   header.main nav .menu-o-nas:hover:before {
  81     content: url(../img/menu/o-nas_active.png); }
  82   header.main nav .menu-kontakt:hover:before {
  83     content: url(../img/menu/kontakt_active.png); }
  84   header.main #tagline {
  85     clear: both;
  86     float: left;
  87     background-color: white;
  88     /* Extend padded background .*/
  89     padding: 0 0.625em;
  90     margin-left: -0.625em;
  91     font-size: .9em;
  92     color: #363a3e; }
  93   header.main #search {
  94     float: right;
  95     padding: 0 0.625em;
  96     background-color: white;
  97     /* Extend padded background .*/
  98     padding: 0 0.625em;
  99     margin-right: -0.625em; }
 100
 101 #content {
 102   width: 58.75em;
 103   padding: 0 0.625em;
 104   margin: auto;
 105   position: relative; }
 106
 107 footer.main {
 108   clear: both;
 109   border-top: 1px solid #c9ccce;
 110   width: 58.75em;
 111   padding: 0.2em 0.625em;
 112   margin: 2.5em auto 0 auto;
 113   color: #9a9c9e; }
 114   footer.main .footer-item {
 115     float: left;
 116     margin-right: 1.25em;
 117     width: 13.75em; }
 118     footer.main .footer-item p {
 119       font-size: .75em; }
 120   footer.main .footer-item-half {
 121     float: left;
 122     margin-right: 1.25em;
 123     width: 6.25em; }
 124     footer.main .footer-item-half p {
 125       font-size: .75em; }