edumed/static/css/base.css

   1 @charset "UTF-8";
   2 @import url(http://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   margin: 0;
  13   background: white;
  14   color: #363a3e; }
  15
  16 .clr {
  17   clear: both; }
  18
  19 #header-wrapper {
  20   background-image: url(../img/header-bar.png);
  21   background-repeat: repeat-x;
  22   background-position: 0 100%; }
  23
  24 header.main {
  25   margin: 0 auto 1.438em;
  26   width: 58.75em;
  27   padding: 1.813em 0.625em 0; }
  28   header.main #logo {
  29     float: left;
  30     margin-bottom: 1.25em; }
  31     header.main #logo img {
  32       vertical-align: middle; }
  33   header.main #organizer {
  34     float: right;
  35     margin-top: 1.3em; }
  36   header.main nav ul {
  37     padding: 0;
  38     position: absolute;
  39     left: 15em; }
  40   header.main nav li {
  41     list-style: none;
  42     display: inline-block;
  43     text-transform: uppercase;
  44     margin: 0 .5em;
  45     text-align: center;
  46     /*position:relative;*/ }
  47   header.main nav a {
  48     color: #363a3e;
  49     display: block;
  50     vertical-align: bottom;
  51     font-size: .85em; }
  52   header.main nav a:hover {
  53     color: #ed7831; }
  54   header.main nav a:before {
  55     display: block;
  56     margin-bottom: .8em; }
  57   header.main nav .menu-lekcje:before {
  58     content: url(../img/menu/lekcje.png); }
  59   header.main nav .menu-kompetencje:before {
  60     content: url(../img/menu/katalog.png); }
  61   header.main nav .menu-wspolpraca:before {
  62     content: url(../img/menu/wspolpraca.png); }
  63   header.main nav .menu-szkolenia:before {
  64     content: url(../img/menu/szkolenia.png); }
  65   header.main nav .menu-wesprzyj:before {
  66     content: url(../img/menu/wesprzyj.png); }
  67   header.main nav .menu-o-nas:before {
  68     content: url(../img/menu/o-nas.png); }
  69   header.main nav .menu-kontakt:before {
  70     content: url(../img/menu/kontakt.png); }
  71   header.main nav .menu-lekcje:hover:before {
  72     content: url(../img/menu/lekcje_active.png); }
  73   header.main nav .menu-kompetencje:hover:before {
  74     content: url(../img/menu/katalog_active.png); }
  75   header.main nav .menu-wspolpraca:hover:before {
  76     content: url(../img/menu/wspolpraca_active.png); }
  77   header.main nav .menu-szkolenia:hover:before {
  78     content: url(../img/menu/szkolenia_active.png); }
  79   header.main nav .menu-wesprzyj:hover:before {
  80     content: url(../img/menu/wesprzyj_active.png); }
  81   header.main nav .menu-o-nas:hover:before {
  82     content: url(../img/menu/o-nas_active.png); }
  83   header.main nav .menu-kontakt:hover:before {
  84     content: url(../img/menu/kontakt_active.png); }
  85   header.main #tagline {
  86     clear: both;
  87     float: left;
  88     background-color: white;
  89     /* Extend padded background .*/
  90     padding: 0 0.625em;
  91     margin-left: -0.625em;
  92     font-size: .9em;
  93     color: #363a3e; }
  94   header.main #search {
  95     float: right;
  96     background-color: white;
  97     /* Extend padded background .*/
  98     padding: 2px 0.625em 0;
  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 .sponsors-column {
 121     float: left;
 122     margin-left: 1.25em;
 123     width: 6.25em; }
 124     footer.main .sponsors-column p {
 125       font-size: .75em; }
 126
 127 #search {
 128   font-size: .8em; }
 129   #search input, #search button {
 130     font-family: Dosis;
 131     font-size: .9em;
 132     vertical-align: bottom;
 133     border: 1px solid #c9ccce;
 134     padding: 0;
 135     margin: 0;
 136     line-height: .9em; }
 137   #search input {
 138     border-right-width: 0;
 139     height: 16px;
 140     width: 16em;
 141     padding-left: 1.3em; }
 142   #search button {
 143     height: 18px;
 144     width: 1.8em; }
 145     #search button span {
 146       position: relative;
 147       top: -1px; }
 148   #search input::-webkit-input-placeholder {
 149     text-transform: uppercase; }
 150   #search input:-moz-placeholder {
 151     text-transform: uppercase; }
 152   #search input::-moz-placeholder {
 153     text-transform: uppercase; }
 154   #search input::-ms-placeholder {
 155     text-transform: uppercase; }
 156
 157 .link-list {
 158   list-style: none;
 159   padding: 0; }
 160   .link-list a:before {
 161     content: "→";
 162     margin-right: .5em; }
 163   .link-list a {
 164     color: #363a3e; }
 165   .link-list a:hover {
 166     color: #ed7831; }