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