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     background-color: white;
  96     /* Extend padded background .*/
  97     padding: 2px 0.625em 0;
  98     margin-right: -0.625em; }
  99
 100 #content {
 101   width: 58.75em;
 102   padding: 0 0.625em;
 103   margin: auto;
 104   position: relative; }
 105
 106 footer.main {
 107   clear: both;
 108   border-top: 1px solid #c9ccce;
 109   width: 58.75em;
 110   padding: 0.2em 0.625em;
 111   margin: 2.5em auto 0 auto;
 112   color: #9a9c9e; }
 113   footer.main .footer-item {
 114     float: left;
 115     margin-right: 1.25em;
 116     width: 13.75em; }
 117     footer.main .footer-item p {
 118       font-size: .75em; }
 119   footer.main .footer-item-half {
 120     float: left;
 121     margin-right: 1.25em;
 122     width: 6.25em; }
 123     footer.main .footer-item-half p {
 124       font-size: .75em; }
 125
 126 #search {
 127   font-size: .8em; }
 128   #search input, #search button {
 129     font-family: Dosis;
 130     font-size: .9em;
 131     vertical-align: bottom;
 132     border: 1px solid #c9ccce;
 133     padding: 0;
 134     margin: 0;
 135     line-height: .9em; }
 136   #search input {
 137     border-right-width: 0;
 138     height: 16px;
 139     width: 16em;
 140     padding-left: 1.3em; }
 141   #search button {
 142     height: 18px;
 143     width: 1.8em; }
 144     #search button span {
 145       position: relative;
 146       top: -1px; }
 147   #search input::-webkit-input-placeholder {
 148     text-transform: uppercase; }
 149   #search input:-moz-placeholder {
 150     text-transform: uppercase; }
 151   #search input::-moz-placeholder {
 152     text-transform: uppercase; }
 153   #search input::-ms-placeholder {
 154     text-transform: uppercase; }