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