_layout.scss 9.77 KB
Newer Older
Jacek Lebioda's avatar
Jacek Lebioda committed
1
#site-header {
Jacek Lebioda's avatar
Jacek Lebioda committed
2 3 4
  background: $COLOR_BACKGROUND_HEADER;
  height: 93px;
  margin-top: -15px;
5
  margin-bottom: 37px;
Jacek Lebioda's avatar
Jacek Lebioda committed
6 7

  #site-header-wrapper {
8 9 10 11 12 13 14 15 16
    @media only screen and (min-width: 1000px) {
      padding-left: $PADDING_PAGE_LEFT;
    }
    @media only screen and (max-width: 1000px) {
      padding-left: 5px;
      ul {
        padding-inline-start: 5px;
      }
    }
Jacek Lebioda's avatar
Jacek Lebioda committed
17

Jacek Lebioda's avatar
Jacek Lebioda committed
18 19 20 21 22 23 24 25 26 27 28 29 30
    .elixir-image {
      position: relative;
      top: 26px;
      float: left;
      margin-right: 82px;

      img {
        width: 150px;
        padding-left: 10px;
      }
    }

    .hamburger {
Jacek Lebioda's avatar
Jacek Lebioda committed
31
      background: none;
Jacek Lebioda's avatar
Jacek Lebioda committed
32

Jacek Lebioda's avatar
Jacek Lebioda committed
33 34 35 36
      input {
        display: none;
      }

Jacek Lebioda's avatar
Jacek Lebioda committed
37 38 39 40 41 42
      @media only screen and (max-width: 1000px) {
        width: 50px;
        height: 50px;
        border: solid 2px #e6e6e6;
        border-radius: 12px;
        float: right;
Jacek Lebioda's avatar
Jacek Lebioda committed
43 44
        position: relative;
        top: 30px;
Jacek Lebioda's avatar
Jacek Lebioda committed
45 46
        right: 20px;
        z-index: 1;
Jacek Lebioda's avatar
Jacek Lebioda committed
47
        background-color: #023452;
Jacek Lebioda's avatar
Jacek Lebioda committed
48
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEQAACxEBf2RfkQAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMS40E0BoxAAAAbNJREFUeF7t1rFOw0AQhOHUUBJK8uAI8Q4g3oUU8BTQm7nIlqz1P0qFc6u9kT7JN01uE8XawzRNpWFZCZaVYFkJlpVgWQmWlWBZCZaVYOlkC80QYelkC80QYelkC80QYelkC80QYelkC80QYelkC80QYelkC80QYelkC80QYemso/NRnuVTvm7sLC9ynK93ic5XYeks0fOdvEtvaXe6n6+5uT/B0lmi5yf5kd7yK6f5mpv7EyydJXpuX0D7sN7SfpRdvoBe/wJv8v9/gRad20uwvXjaC+j7xtod2gv5Yb7eJTpfhaWTLTRDhKWTLTRDhKWTLTRDhKWTLTRDhKWTLTRDhKWzjs6P8irtDUzr6Z5usgp/SG/ZbRU+SY+b4FiFZazC8zU39ydYOuvoPFbh3kMzRFg62UIzRFg62UIzRFg62UIzRFg62UIzRFg66+g8VmHpLWMVlrEKz9fc3J9g6SzR81iFdR6rcO+hGSIsnWyhGSIsnWyhGSIsnWyhGSIsnWyhGSIsnWyhGSIsnWyhGSIsnWyhGSIsK8GyEiwrwbISLCvBshIsK8GyEiwrwbISLOuYDn8dSvgjYpq2oAAAAABJRU5ErkJggg==');
Jacek Lebioda's avatar
Jacek Lebioda committed
49
        background-size: contain;
Jacek Lebioda's avatar
Jacek Lebioda committed
50 51 52

        input {
          opacity: 0;
Jacek Lebioda's avatar
Jacek Lebioda committed
53
          display: block;
Jacek Lebioda's avatar
Jacek Lebioda committed
54 55
          width: 50px;
          height: 50px;
Jacek Lebioda's avatar
Jacek Lebioda committed
56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71
          margin: 0;
          z-index: 10;
          cursor: pointer;
          -webkit-touch-callout: none;
        }

        input ~ ul {
          display: none;
          height: 0px;
        }

        input:checked ~ ul {
          display: block;
          float: left;
          background-color: #023452;
          width: 150px;
Jacek Lebioda's avatar
Jacek Lebioda committed
72 73 74
          position: relative;
          left: -88px;
          top: -6px;
Jacek Lebioda's avatar
Jacek Lebioda committed
75 76 77 78 79 80 81 82 83 84 85
          padding-bottom: 9px;
          height: auto;
          padding-right: 5px;

          li {
            display: contents;
          }
        }
      }
    }

Jacek Lebioda's avatar
Jacek Lebioda committed
86 87 88
    ul {
      margin-left: 0;
      position: relative;
Jacek Lebioda's avatar
Jacek Lebioda committed
89
      top: 66px;
Jacek Lebioda's avatar
Jacek Lebioda committed
90
      left: -16px;
Jacek Lebioda's avatar
Jacek Lebioda committed
91 92 93 94 95 96 97 98 99 100

      li {
        list-style: none;
        float: left;
        margin: 0;
        padding: 0;

        a {
          display: block;
          white-space: nowrap;
Jacek Lebioda's avatar
Jacek Lebioda committed
101 102 103
          @media only screen and (max-width: 1000px) {
            padding: 12px 16px;
          }
Jacek Lebioda's avatar
Jacek Lebioda committed
104
          padding: 5px 16px;
Jacek Lebioda's avatar
Jacek Lebioda committed
105 106 107 108 109 110 111
          margin-left: 0;
          color: #fefefe;
          text-transform: uppercase;
          font-size: 0.875rem;
          text-decoration: none;
        }

Jacek Lebioda's avatar
Jacek Lebioda committed
112 113 114
        a.active {
          border-radius: 5px 5px 0 0;
          color: #fefefe;
Jacek Lebioda's avatar
Jacek Lebioda committed
115
          background: $COLOR_LINK_ELIXIR;
Jacek Lebioda's avatar
Jacek Lebioda committed
116 117 118 119 120
        }

        a.active:hover {
          color: #222;
          background: #d46d11;
Jacek Lebioda's avatar
Jacek Lebioda committed
121
          transition: color 0.25s;
Jacek Lebioda's avatar
Jacek Lebioda committed
122 123
        }

Jacek Lebioda's avatar
Jacek Lebioda committed
124 125 126 127
        a:hover {
          color: $COLOR_LINK_ELIXIR;
          border-color: $COLOR_LINK_ELIXIR;
          text-decoration: none;
Jacek Lebioda's avatar
Jacek Lebioda committed
128
          transition: color 0.25s, background 0.25s;
Jacek Lebioda's avatar
Jacek Lebioda committed
129 130
        }
      }
Jacek Lebioda's avatar
Jacek Lebioda committed
131
    }
Jacek Lebioda's avatar
Jacek Lebioda committed
132
  }
Jacek Lebioda's avatar
Jacek Lebioda committed
133 134 135
}

#site-content {
Jacek Lebioda's avatar
Jacek Lebioda committed
136 137 138 139 140 141 142 143
  h1.title {
    font-size: 37px;
    color: #005472;
    line-height: 1.1;
    font-weight: 300;
    margin: 0 0 12px;
  }

144 145
  article.one_column {
    padding-left: $PADDING_PAGE_LEFT_NO_COLUMN;
Jacek Lebioda's avatar
Jacek Lebioda committed
146 147
    width: $WIDTH_CONTENT_NO_COLUMN;
    display: block;
148 149
  }

Jacek Lebioda's avatar
Jacek Lebioda committed
150
  article {
151 152 153 154 155 156
    @media screen and (orientation: landscape) and (max-width: 820px) {
      article {
        font-size: 12px;
      }
    }

157 158 159 160 161 162
    @media only screen and (min-width: 1000px) {
      padding-left: $PADDING_PAGE_LEFT;
      width: $WIDTH_CONTENT;
      flex-direction: row;
    }
    @media only screen and (max-width: 1000px) {
Jacek Lebioda's avatar
Jacek Lebioda committed
163 164 165
      padding-left: 7px;
      padding-right: 7px;
      width: 92%;
166 167 168
      flex-direction: column;
      #left-column {
        border-bottom: solid 1px #e6e6e6;
169
        min-width: 92% !important;
Jacek Lebioda's avatar
Jacek Lebioda committed
170
        ul {
171
          min-width: 92% !important;
Jacek Lebioda's avatar
Jacek Lebioda committed
172
        }
173 174
      }
    }
Jacek Lebioda's avatar
Jacek Lebioda committed
175
    padding-bottom: 50px;
Jacek Lebioda's avatar
Jacek Lebioda committed
176
    min-width: 400px;
Jacek Lebioda's avatar
Jacek Lebioda committed
177
    min-height: 400px;
Jacek Lebioda's avatar
Jacek Lebioda committed
178 179 180 181
    padding-right: 10px;
    margin: 0;
    display: flex;

182 183 184 185 186 187
    img.fit-width {
      display: -webkit-box;
      width: -webkit-fill-available;
      max-width: 600px;
    }

Jacek Lebioda's avatar
Jacek Lebioda committed
188 189 190
    #left-column {
      padding-top: 20px;
      padding-right: 20px;
191
      width: 220px;
192
      min-width: 220px;
Jacek Lebioda's avatar
Jacek Lebioda committed
193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221

      h2 {
        color: #005472;
        font-size: 25px;
        line-height: 1.2;
        font-weight: 300;
        margin: 0;
        border-bottom: 1px solid #ccc;
      }

      ul {
        width: 200px;
        padding-inline-start: 20px;
        list-style: none;
        margin: 0;

        li {
          padding: 0;
          margin: 0;

          a {
            color: #222;
            line-height: 1.2;
            text-decoration: none;
            display: block;
            border-bottom: 1px solid #efefef;
            padding: 10px 5px 10px 15px;
          }

222 223 224 225 226
          a.active {
            font-weight: 800;
            color: $COLOR_LINK_ELIXIR !important;
          }

Jacek Lebioda's avatar
Jacek Lebioda committed
227 228 229 230
          a:hover {
            color: #060606;
            text-decoration: underline;
          }
Jacek Lebioda's avatar
Jacek Lebioda committed
231
        }
Jacek Lebioda's avatar
Jacek Lebioda committed
232
      }
Jacek Lebioda's avatar
Jacek Lebioda committed
233
    }
Jacek Lebioda's avatar
Jacek Lebioda committed
234
  }
Jacek Lebioda's avatar
Jacek Lebioda committed
235 236
}

Jacek Lebioda's avatar
Jacek Lebioda committed
237 238 239
#site-footer-primary {
  #site-footer-primary-wrapper {
    display: flex;
Jacek Lebioda's avatar
Jacek Lebioda committed
240
    flex-direction: row;
Jacek Lebioda's avatar
Jacek Lebioda committed
241
    flex-wrap: wrap;
Jacek Lebioda's avatar
Jacek Lebioda committed
242 243
    background: #3e3e3e;
    font-size: 0.875rem;
Jacek Lebioda's avatar
Jacek Lebioda committed
244 245

    @media only screen and (min-width: 600px) {
Jacek Lebioda's avatar
Jacek Lebioda committed
246
      padding-left: 22%;
Jacek Lebioda's avatar
Jacek Lebioda committed
247 248 249 250 251
    }

    @media only screen and (max-width: 600px) {
      padding-left: 2%;
    }
Jacek Lebioda's avatar
Jacek Lebioda committed
252 253 254 255

    div {
      margin-left: 15px;
      margin-right: 15px;
Jacek Lebioda's avatar
Jacek Lebioda committed
256
      min-width: 200px;
Jacek Lebioda's avatar
Jacek Lebioda committed
257

Jacek Lebioda's avatar
Jacek Lebioda committed
258
      .site-footer-primary-logo {
Jacek Lebioda's avatar
Jacek Lebioda committed
259
        padding-top: 10px;
Jacek Lebioda's avatar
Jacek Lebioda committed
260
        padding-bottom: 5px;
Jacek Lebioda's avatar
Jacek Lebioda committed
261 262
      }

Jacek Lebioda's avatar
Jacek Lebioda committed
263 264
      h3 {
        border-bottom: 1px solid #848484;
265
        font-size: 1.15rem;
Jacek Lebioda's avatar
Jacek Lebioda committed
266 267
        color: #ebebeb;
        transition: color 0.15s;
Jacek Lebioda's avatar
Jacek Lebioda committed
268
        margin-bottom: 5px;
Jacek Lebioda's avatar
Jacek Lebioda committed
269 270 271 272 273 274 275 276 277 278

        a {
          color: #ebebeb;
          text-decoration: none;
        }

        a:hover {
          text-decoration: none;
          color: $COLOR_LINK_ELIXIR;
        }
Jacek Lebioda's avatar
Jacek Lebioda committed
279 280 281
      }

      ul {
282
        padding-inline-start: 0px;
Jacek Lebioda's avatar
Jacek Lebioda committed
283
        margin-block-start: 0px;
Jacek Lebioda's avatar
Jacek Lebioda committed
284 285 286 287 288 289 290 291 292 293

        li {
          list-style: none;
          width: auto;
          float: none;
          min-width: 0;

          a {
            display: inline-block;
            zoom: 1;
294
            font-size: 14px;
Jacek Lebioda's avatar
Jacek Lebioda committed
295 296 297 298 299 300 301 302 303 304
            line-height: 1.1;
            color: #ebebeb;
            padding: 1px 4px 2px 0;
            border-bottom: none;
            margin-bottom: 0;
            text-decoration: none;
          }

          a:hover {
            text-decoration: none;
Jacek Lebioda's avatar
Jacek Lebioda committed
305
            transition: color 0.25s;
Jacek Lebioda's avatar
Jacek Lebioda committed
306
            color: $COLOR_LINK_ELIXIR;
Jacek Lebioda's avatar
Jacek Lebioda committed
307
          }
Jacek Lebioda's avatar
Jacek Lebioda committed
308
        }
Jacek Lebioda's avatar
Jacek Lebioda committed
309
      }
Jacek Lebioda's avatar
Jacek Lebioda committed
310
    }
Jacek Lebioda's avatar
Jacek Lebioda committed
311
  }
Jacek Lebioda's avatar
Jacek Lebioda committed
312 313 314
}

#site-footer-secondary {
Jacek Lebioda's avatar
Jacek Lebioda committed
315 316 317 318 319 320
  #site-footer-secondary-wrapper {
    background: #023452;
    border-top: 1px solid #333;
    color: #ebebeb;
    font-size: 0.875rem;
    display: flex;
Jacek Lebioda's avatar
Jacek Lebioda committed
321 322 323
    flex-wrap: wrap-reverse;

    @media only screen and (min-width: 600px) {
Jacek Lebioda's avatar
Jacek Lebioda committed
324
      padding-left: 22%;
Jacek Lebioda's avatar
Jacek Lebioda committed
325 326 327 328 329
    }

    @media only screen and (max-width: 600px) {
      padding-left: 2%;
    }
Jacek Lebioda's avatar
Jacek Lebioda committed
330

331 332 333 334
    div {
      margin-left: 15px;
    }

Jacek Lebioda's avatar
Jacek Lebioda committed
335 336
    ul {
      list-style: none;
Jacek Lebioda's avatar
Jacek Lebioda committed
337
      padding-inline-start: 0px;
Jacek Lebioda's avatar
Jacek Lebioda committed
338 339
      padding-right: 100px;

Jacek Lebioda's avatar
Jacek Lebioda committed
340 341 342 343 344 345 346 347 348 349 350
      @media only screen and (min-width: 600px) {
        li {
          display: inline-block;
        }
      }

      @media only screen and (max-width: 600px) {
        li {
          display: list-item;
          margin-top: 7px;
        }
Jacek Lebioda's avatar
Jacek Lebioda committed
351 352 353 354
      }

      a {
        display: inline-block;
Jacek Lebioda's avatar
Jacek Lebioda committed
355
        text-decoration: none;
Jacek Lebioda's avatar
Jacek Lebioda committed
356 357 358 359 360 361 362
        color: #ffffff;
        font-weight: 800;
        padding-left: 15px;
        padding-right: 15px;
      }

      a:hover {
Jacek Lebioda's avatar
Jacek Lebioda committed
363
        transition: color 0.25s;
Jacek Lebioda's avatar
Jacek Lebioda committed
364 365 366 367
        color: orange;
        text-decoration: none;
      }
    }
Jacek Lebioda's avatar
Jacek Lebioda committed
368

Jacek Lebioda's avatar
Jacek Lebioda committed
369 370
    #address {
      color: #888;
Jacek Lebioda's avatar
Jacek Lebioda committed
371 372
      font-size: 14px;
      padding-top: 14px;
373 374 375 376

      @media only screen and (max-width: 600px) {
        width: 90%;
      }
Jacek Lebioda's avatar
Jacek Lebioda committed
377
    }
Jacek Lebioda's avatar
Jacek Lebioda committed
378 379
  }
}
Jacek Lebioda's avatar
Jacek Lebioda committed
380 381

table {
Jacek Lebioda's avatar
Jacek Lebioda committed
382
  margin-top: 10px;
Jacek Lebioda's avatar
Jacek Lebioda committed
383
  border: solid 1px #ffdfdf;
384
  border-collapse: collapse;
Jacek Lebioda's avatar
Jacek Lebioda committed
385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400

  thead tr {
    font-weight: 700;

    th {
      background: $COLOR_BACKGROUND_HEADER;
      padding: 7px 12px;
      color: #f6f6f6;
      border-bottom: 0;
      text-align: left;
    }
  }

  tbody tr {
    padding: 9px 2px;
    border: solid 1px #d6d6d6;
Jacek Lebioda's avatar
Jacek Lebioda committed
401 402 403
    td {
      padding: 5px 20px 5px 10px;
    }
Jacek Lebioda's avatar
Jacek Lebioda committed
404 405
  }
}
Jacek Lebioda's avatar
Jacek Lebioda committed
406 407 408 409 410 411 412 413 414 415 416 417

div.post {
  width: 80%;
  border-left: solid 5px #f4f4f4;
  border-bottom: solid 2px #f4f4f4;
  padding-left: 10px;
  margin-top: 20px;
  margin-bottom: 30px;

  .post-title {
    font-size: 25px;
    text-decoration: none;
Jacek Lebioda's avatar
Jacek Lebioda committed
418 419 420 421 422 423
    font-weight: 600;
  }

  .post-date {
    float: right;
    font-size: smaller;
Jacek Lebioda's avatar
Jacek Lebioda committed
424 425
  }
}
426 427 428

.cards {
  display: flex;
Jacek Lebioda's avatar
Jacek Lebioda committed
429
  flex-wrap: wrap;
430

Jacek Lebioda's avatar
Jacek Lebioda committed
431
  .card-id.smaller {
Jacek Lebioda's avatar
Jacek Lebioda committed
432 433 434
    height: 175px;
  }

435
  .card-id {
Jacek Lebioda's avatar
Jacek Lebioda committed
436 437
    width: 185px;
    height: 350px;
438
    border: solid 2px #e6e6e6;
Jacek Lebioda's avatar
Jacek Lebioda committed
439
    border-radius: 7px 7px 0px 0px;
Jacek Lebioda's avatar
Jacek Lebioda committed
440
    padding: 8px;
441 442
    margin: 10px;

Jacek Lebioda's avatar
Jacek Lebioda committed
443 444 445 446 447 448
    .card-id-smallphoto img {
      width: auto;
      padding-left: 4px;
      padding-bottom: 8px;
    }

449
    .card-id-photo img {
Jacek Lebioda's avatar
Jacek Lebioda committed
450 451
      width: 120px;
      padding-left: 4px;
Jacek Lebioda's avatar
Jacek Lebioda committed
452
      padding-bottom: 8px;
453 454 455 456
    }

    .card-id-name {
      font-weight: 600;
Jacek Lebioda's avatar
Jacek Lebioda committed
457 458 459 460 461
      font-size: 18px;
    }

    .card-id-description {
      font-size: 14px;
462 463 464
    }
  }
}
Jacek Lebioda's avatar
Jacek Lebioda committed
465 466

input.search {
467
  width: 330px;
Jacek Lebioda's avatar
Jacek Lebioda committed
468 469 470 471 472 473 474 475 476 477 478 479 480
  height: 35px;
  font-size: 20px;
  padding: 5px;
  padding-left: 10px;
  border-radius: 5px;
  border: solid 3px #f47d21;
}

button.search {
  margin-left: 8px;
  height: 50px;
  font-size: 20px;
}
Jacek Lebioda's avatar
Jacek Lebioda committed
481 482 483 484 485 486 487

.pull-right {
  float: right;
  color: orange;
  font-weight: 700;
  font-size: larger;
}