apps/wolnelektury_core/static/css/header.css

   1 #header-bg {
   2         z-index: -1;
   3         background: #191919;
   4         position: absolute;
   5         width: 50%;
   6         height: 9.4em;
   7 }
   8
   9 #header {
  10     padding-bottom: 0;
  11     color: #989898;
  12     background: #191919;
  13     position: relative;
  14 }
  15 #header a {
  16         color: #17CFDB;
  17 }
  18
  19 #half-header {
  20     padding-bottom: 0;
  21 }
  22
  23 #half-header-content {
  24     background: #191919;
  25     color: #989898;
  26 }
  27
  28
  29 #tagline {
  30         margin-left: 1.5em;
  31 }
  32
  33 #tagline span {
  34     font-size: 1.3em;
  35     color: #bbb;
  36 }
  37
  38 #user-info {
  39     margin: 0;
  40 }
  41
  42 #search-area {
  43     margin: 0;
  44     background: #444;
  45     color: white;
  46 }
  47
  48 #search-field {
  49     display: inline-block;
  50     padding-left: .5em;
  51     padding-top: 0.5em;
  52     padding-bottom: 0;
  53 }
  54
  55 #search {
  56     font-size: 1.3em;
  57     padding: 0;
  58     /*height: 3.3em;
  59     width: 62.6em;
  60     padding-left: .5em;
  61     -webkit-border-radius: .5em;
  62     -moz-border-radius: .5em;
  63     border: none;
  64     border-radius: .5em;
  65     -webkit-box-shadow:0 0 .5em #444 inset;
  66     -moz-box-shadow:0 0 .5em #444 inset;
  67     box-shadow: 0 0 .5em #444 inset;*/
  68     height: 2.54em;
  69     padding-left: 1em;
  70     -webkit-border-radius: .38em;
  71     -moz-border-radius: .38em;
  72     border: none;
  73     border-radius: .38em;
  74     -webkit-box-shadow:0 0 .38em #444 inset;
  75     -moz-box-shadow:0 0 .38em #444 inset;
  76     box-shadow: 0 0 .5em #444 inset;
  77     line-height: 2.5em;
  78
  79     font-family: Georgia;
  80     background-color: #fff;
  81     color: #000;
  82     z-index: 200;
  83     position: relative;
  84 }
  85
  86 /* styling search placeholder */
  87
  88 #search:-webkit-input-placeholder
  89 {
  90     font-family: Georgia;
  91     font-style: italic;
  92     color: #767676;
  93 }
  94
  95 #search.placeholder
  96 {
  97     font-family: Georgia;
  98     font-style: italic;
  99     color: #767676;
 100 }
 101
 102 #search:-moz-placeholder
 103 {
 104     font-family: Georgia;
 105     font-style: italic;
 106     color: #767676;
 107 }
 108
 109 #search-button {
 110     display: inline-block;
 111     background: #018189;
 112     color: white;
 113     padding: 0;
 114     margin: 0;
 115     width: 9.4em;
 116 }
 117 #search-button button {
 118     font-size: 1em;
 119     height: 4.5em;
 120     border: none;
 121     background: #018189;
 122     color: white;
 123     width: 100%;
 124     padding: 0;
 125 }
 126
 127 #search-button button span {
 128     font-size: 1.1em;
 129     position:relative;
 130 }
 131
 132
 133 #nav-line {
 134     background-color: #e2e2e2;
 135     height: 4.9em;
 136 }
 137
 138 ul#menu {
 139     list-style: none;
 140     padding: 0;
 141     margin: 0 0 0 .6em;
 142 }
 143
 144 li.menu {
 145     background-color: #e2e2e2;
 146     float: left;
 147 }
 148 a.menu {
 149     display: block;
 150     padding-left: 1.4em;
 151     padding-right: 1.4em;
 152     /* must match grid-line */
 153     height: 3.1em;
 154     padding-top: 1.8em;
 155     color: #0c7076;
 156 }
 157 #menu a.hidden-box-trigger:hover {
 158     border-bottom: 3px solid white;
 159     margin-bottom: -3px;
 160 }
 161 a.menu span {
 162     font-size: 1.1em;
 163 }
 164
 165
 166 #lang-button {
 167     color: #717171;
 168 }
 169 #lang-button:after {
 170     padding-left: 1em;
 171     content: url("/static/img/arrow-gray.png");
 172     vertical-align: middle;
 173 }
 174 #lang-menu {
 175     position: relative;
 176     float: right;
 177     display: block;
 178     padding-left: 2.5em;
 179     padding-right: 2em;
 180     /* must match grid-line */
 181     height: 3.3em;
 182     padding-top: 1.6em;
 183     background: #f7f7f7;
 184 }
 185 #lang-menu .lang-flag {
 186         font-size: 1.3em;
 187 }
 188
 189 #lang-menu-items {
 190         z-index: 9999;
 191 }
 192
 193 #lang-menu-items button {
 194     display: none;
 195     background: #f7f7f7;
 196     color: #6f6f6f;
 197     cursor: pointer;
 198     width: 100%;
 199     border: solid #ddd;
 200     border-width: 0 0 1px 0;
 201     padding: .5em 0;
 202     margin: 0;
 203     font-size: 1.3em;
 204 }
 205
 206 #lang-menu:hover button,
 207 #lang-menu.hover button {
 208     display: block;
 209 }
 210
 211 #lang-menu:hover #lang-menu-items,
 212 #lang-menu.hover #lang-menu-items {
 213     position: absolute;
 214     width: 100%;
 215     padding: 0;
 216     left: 0;
 217     /* must match grid-line height */
 218     top: 3.9em;
 219 }
 220
 221 #lang-menu .active {
 222     color: #000;
 223 }
 224
 225 .search-hint-label {
 226     display: inline-block;
 227     width: 25em;
 228     font-size: 1.1em;
 229     line-height: 1.636em;
 230 }
 231
 232 .search-hint-category {
 233     font-size: 1.1em;
 234     line-height: 1.636em;
 235
 236 }
 237
 238
 239
 240 #user-menu {
 241         left: 0;
 242         top: 2em;
 243         width: 15em;
 244         line-height:1.6em;
 245 }
 246 #user-menu a {
 247         color: #0D7E85;
 248 }