genesys.scss 136 KB
Newer Older
Matija Obreza's avatar
Matija Obreza committed
1
2
3
4
5
6
7
8
9
$white-color: white;
$hyperlink: #006db4;
$btn-bg: #88ba42;
$dropdown-bg: #35342f;
$light-grey: #e6e5e0;
$input-color: #6d6c69;
$content-footer-bg: #e7e5df;
$map-bg: #D8D6D0;
$dark-text-color: #2b2924;
10
11
12
13
14
$about-text: #4d4c46;

$default-font-family: 'Roboto-Regular';
$emphasis-font-family: 'Roboto-Medium';
$heading-font-family: 'Roboto-Bold';
Matija Obreza's avatar
Matija Obreza committed
15
$light-font-family: 'Roboto-Light';
16

Matija Obreza's avatar
Matija Obreza committed
17
@font-face {
18
  font-family: $heading-font-family;
Matija Obreza's avatar
Matija Obreza committed
19
20
21
22
23
24
25
26
27
  src: url('fonts/Roboto-Bold.eot');
  src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
  url('fonts/Roboto-Bold.woff2') format('woff2'),
  url('fonts/Roboto-Bold.woff') format('woff'),
  url('fonts/Roboto-Bold.ttf') format('truetype'),
  url('fonts/Roboto-Bold.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
Matija Obreza's avatar
Matija Obreza committed
28

Matija Obreza's avatar
Matija Obreza committed
29
30
31
32
33
34
35
36
37
38
39
40
@font-face {
  font-family: 'Roboto-Light';
  src: url('fonts/Roboto-Light.eot');
  src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
  url('fonts/Roboto-Light.woff2') format('woff2'),
  url('fonts/Roboto-Light.woff') format('woff'),
  url('fonts/Roboto-Light.ttf') format('truetype'),
  url('fonts/Roboto-Light.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
41
  font-family: $emphasis-font-family;
Matija Obreza's avatar
Matija Obreza committed
42
43
44
45
46
47
48
49
50
51
  src: url('fonts/Roboto-Medium.eot');
  src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
  url('fonts/Roboto-Medium.woff2') format('woff2'),
  url('fonts/Roboto-Medium.woff') format('woff'),
  url('fonts/Roboto-Medium.ttf') format('truetype'),
  url('fonts/Roboto-Medium.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
52
  font-family: $default-font-family;
Matija Obreza's avatar
Matija Obreza committed
53
54
55
56
57
58
59
60
61
  src: url('fonts/Roboto-Regular.eot');
  src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
  url('fonts/Roboto-Regular.woff2') format('woff2'),
  url('fonts/Roboto-Regular.woff') format('woff'),
  url('fonts/Roboto-Regular.ttf') format('truetype'),
  url('fonts/Roboto-Regular.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
62
63
64
65
66
67
68
69
70
71
72
73
74

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot');
  src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/fontawesome-webfont.woff2') format('woff2'),
  url('fonts/fontawesome-webfont.woff') format('woff'),
  url('fonts/fontawesome-webfont.ttf') format('truetype'),
  url('fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

Matija Obreza's avatar
Matija Obreza committed
75

76

Matija Obreza's avatar
Matija Obreza committed
77
78
79
80
@mixin placeholder {
  &::-webkit-input-placeholder {@content}
  &:-moz-placeholder           {@content}
  &::-moz-placeholder          {@content}
Matija Obreza's avatar
Matija Obreza committed
81
  &:-ms-input-placeholder      {@content}
82
}
Taisiya Glushko's avatar
Taisiya Glushko committed
83

84
85
86
87
88
89
//fixing iOS focus on scroll bug
html,body{
  -webkit-overflow-scrolling : touch !important;
  overflow: auto !important;
  height: 100% !important;
}
Matija Obreza's avatar
Matija Obreza committed
90

Maxym Borodenko's avatar
Maxym Borodenko committed
91
.genesys-page, .admin-page{
92
   font-family: $default-font-family;
Matija Obreza's avatar
Matija Obreza committed
93
94
95
96
97
98
99
100
101
102
103

  .navbar-right ul.dropdown-menu {
    background: $dark-text-color;
    form#loginForm {
      padding: 5px 15px;

      .form-group {
        text-align: left;
        label {
          color: #fff;
          font-weight: 700;
104
          font-family: $heading-font-family;
Matija Obreza's avatar
Matija Obreza committed
105
106
107
108
109
110
          font-size: 14px;
        }
        input {
          border-radius: 0;
          outline: 0 none;
          box-shadow: none;
Taisiya Glushko's avatar
Taisiya Glushko committed
111
112
113
114
          width: 100%;
          height: 36px;
          padding: 6px 12px;
          font-size: 16px;
Taisiya Glushko's avatar
Taisiya Glushko committed
115
          background-color: #ffffff;
Matija Obreza's avatar
Matija Obreza committed
116
117
        }
      }
118

Matija Obreza's avatar
Matija Obreza committed
119
120
121
      .checkbox {
        text-align: left;
        label {
122
          font-family: $emphasis-font-family;
Matija Obreza's avatar
Matija Obreza committed
123
124
125
126
          color: #fff;
          font-size: 14px;
        }
      }
Matija Obreza's avatar
Matija Obreza committed
127

Taisiya Glushko's avatar
Taisiya Glushko committed
128
      .btn-primary {
Matija Obreza's avatar
Matija Obreza committed
129
        font-size: 16px;
Taisiya Glushko's avatar
Taisiya Glushko committed
130
        padding: 6px 12px;
Matija Obreza's avatar
Matija Obreza committed
131
      }
Taisiya Glushko's avatar
Taisiya Glushko committed
132
      .btn-default {
Matija Obreza's avatar
Matija Obreza committed
133
134
135
136
137
        font-size: 14px;
      }
      .btn {
        width: 100%;
        margin-top: 10px;
Taisiya Glushko's avatar
Taisiya Glushko committed
138
139
140
141
142
        text-transform: none;
        font-family: $emphasis-font-family;
        color: $dark-text-color;
        border-radius: 0;
        outline: 0 none;
Matija Obreza's avatar
Matija Obreza committed
143
144
145
146
147
148
149
150
151
      }
      .or {
        display: none;
      }
    }
    li {
      text-align: right;
      a {
        color: $white-color;
Matija Obreza's avatar
Matija Obreza committed
152

153
154
155
        &:hover {
          background: #4d4c46;
        }
Matija Obreza's avatar
Matija Obreza committed
156
157
      }
    }
Matija Obreza's avatar
Matija Obreza committed
158
  }
Matija Obreza's avatar
Matija Obreza committed
159

Matija Obreza's avatar
Matija Obreza committed
160
161
162
163
164
  .navbar-toggle {
    margin-top: 22px;
    margin-right: 5px;
    border: none;
    padding: 9px 10px 25px 4px;
Matija Obreza's avatar
Matija Obreza committed
165

Matija Obreza's avatar
Matija Obreza committed
166
167
168
    &:focus, &:hover {
      background: transparent;
    }
Matija Obreza's avatar
/1/ GUI    
Matija Obreza committed
169

Matija Obreza's avatar
Matija Obreza committed
170
171
172
    .icon-bar {
      width: 27px;
    }
Matija Obreza's avatar
Matija Obreza committed
173
  }
Matija Obreza's avatar
Matija Obreza committed
174
   a {
175
    font-family: $default-font-family;
Matija Obreza's avatar
Matija Obreza committed
176
177
178
    color: $hyperlink;
    text-decoration: none;
   }
Matija Obreza's avatar
Matija Obreza committed
179

Matija Obreza's avatar
Matija Obreza committed
180
181
182
183
184
185
186
187
188
189
   #loginForm {
    a {
      color: #333;
    }
   }
  .navbar-inverse.navbar-default {
    background: $dark-text-color;
    -webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.75);
Matija Obreza's avatar
Matija Obreza committed
190
191
  }

Matija Obreza's avatar
Matija Obreza committed
192
  .navbar-inverse.navbar-default .navbar-nav {
Maxym Borodenko's avatar
Maxym Borodenko committed
193
    &.nav-menu, &.nav-menu-admin {
Matija Obreza's avatar
Matija Obreza committed
194
195
      > li {
        > a {
196
          padding: 32px 12px 23px;
Matija Obreza's avatar
Matija Obreza committed
197
198
199
200
201
202
203
204
205
206
207
208
209
210
          color: $content-footer-bg;

          &.dropdown-toggle {
            padding-right: 2px;
            .caret {
              margin-left: -3px;
            }
          }
          .badge {
            margin-left: 10px;
            margin-bottom: 2px;
            background-color: #514f49;
            font-size: 11px;
            line-height: 13px;
211
            font-family: $emphasis-font-family;
Matija Obreza's avatar
Matija Obreza committed
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
            min-height: 22px;
            min-width: 23px;
          }
        }
        &.active, &:hover, &:focus, &.open  {
          > a {
            color: $btn-bg;
            background-color: transparent;
          }
          .dropdown-menu {
            left: 13px;
            top: 80px;
            background-color: $dropdown-bg;
            padding: 0;
            li {
Taisiya Glushko's avatar
Taisiya Glushko committed
227
              width: 100%;
228
229
230
231

              @media (min-width: 990px) {
                padding: 0 20px;
              }
Matija Obreza's avatar
Matija Obreza committed
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
              &:last-child {
                a {
                  border-bottom: none;
                }
              }
              &:hover, &:focus, &.active {
                padding: 0;
                &:not(:first-child) {
                  a {
                    &:after {
                      display: block;
                      position: absolute;
                      content: '';
                      width: 100%;
                      height: 1px;
                      background: $light-grey;
                      left: 0;
                      top: -1px;
                    }
                  }
                }
                a {
                  position: relative;
                  background-color: #3f3e3a;
256
257
258
259

                  @media (min-width: 1289px) {
                    padding: 15px 22px 13px 20px;
                  }
Matija Obreza's avatar
Matija Obreza committed
260
261
262
263
                }
              }
            }
            a {
264

265
266
              @media (min-width: 1289px) {
                padding: 15px 2px 13px 0;
267
268
269
270
271
272
                color: $light-grey;
                background-color: $dropdown-bg;
                border-bottom: 1px solid $light-grey;
                font-size: 15px;
                font-family: $emphasis-font-family;
              }
Matija Obreza's avatar
Matija Obreza committed
273
            }
Matija Obreza's avatar
Matija Obreza committed
274
275
          }
        }
Matija Obreza's avatar
Matija Obreza committed
276
277
278
      }
    }

Matija Obreza's avatar
Matija Obreza committed
279
280
281
282
283
284
285
286
287
288
    &.navbar-right {
      .dropdown.open {
        .dropdown-menu {
          top: 79px;
        }
      }
    }
    > li {
      > a {
        padding: 32px 23px 23px 5px;
289
        font-size: 17px;
290
        font-family: $emphasis-font-family;
Matija Obreza's avatar
Matija Obreza committed
291
292
293
294
295
296
297
        color: $content-footer-bg;
      }
      &.active, &:hover, &:focus, &.open {
        > a {
          color: $btn-bg;
          background-color: transparent;
        }
Matija Obreza's avatar
Matija Obreza committed
298
299
300
      }
    }
  }
Matija Obreza's avatar
Matija Obreza committed
301
302
  .navbar-header {
    display: none;
Matija Obreza's avatar
Matija Obreza committed
303
  }
Matija Obreza's avatar
Matija Obreza committed
304
305
306
307
308
  #navbar {
    .navbar-header {
      display: block;
      padding-left: 15px;
    }
Matija Obreza's avatar
Matija Obreza committed
309
  }
Matija Obreza's avatar
Matija Obreza committed
310
311
312
313
314
315
  .nav-logo {
    color: $light-grey;
    padding: 15px 5px 8px;
    font-size: 29px;
    height: 100%;
    width: 182px;
316
    margin-right: 20px;
Matija Obreza's avatar
Matija Obreza committed
317
318
319
320
321
    img{
      display: inline-block;
      vertical-align: middle;
      width: 65%;
      height: auto;
Matija Obreza's avatar
Matija Obreza committed
322

Matija Obreza's avatar
Matija Obreza committed
323
324
325
326
327
328
      &:first-child {
        width: 35%;
        padding-right: 13px;
        padding-bottom: 7px;
      }
    }
Matija Obreza's avatar
Matija Obreza committed
329
  }
Matija Obreza's avatar
Matija Obreza committed
330
331
332
333
  #navbar .header-search {
    padding-top: 17px;
    form.form-inline {
      .form-group {
Taisiya Glushko's avatar
Taisiya Glushko committed
334
335
        position: relative;
        height: 44px;
Matija Obreza's avatar
Matija Obreza committed
336
337
338
339
340
341
        width: 467px;
        background-color: #3e3c37;
        border: none;
        input {
          color: $input-color;
          @include placeholder {
342
            font-family: $emphasis-font-family;
Matija Obreza's avatar
Matija Obreza committed
343
344
345
346
347
348
            color: $input-color;
            font-size: 18px;
          }
        }
        &:before {
          color: $input-color;
Taisiya Glushko's avatar
Taisiya Glushko committed
349
350
351
352
          content: "\f002";
          font-family: 'FontAwesome';
          font-size: 20px;
          position: absolute;
Taisiya Glushko's avatar
Taisiya Glushko committed
353
          /*left: 94%;*/
Taisiya Glushko's avatar
Taisiya Glushko committed
354
355
356
357
358
          top: 0;
          width: 26px;
          height: 100%;
          line-height: 52px;
          pointer-events: none;
Matija Obreza's avatar
Matija Obreza committed
359
        }
Matija Obreza's avatar
Matija Obreza committed
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
      }
    }
  }
  #content {
    background-color: $content-footer-bg;
    margin-top: 79px;
    #content-body-content {
      padding-bottom: 0px;

      .center-divider {
        .row {
          margin-bottom: 0;
        }
      }
    }
    .intro {
      margin-bottom: 6px;
Maxym Borodenko's avatar
Maxym Borodenko committed
377
      background-image: url('../images/welcome-bg-min.png');
Matija Obreza's avatar
Matija Obreza committed
378
379
380
381
382
383
      background-size: cover;
      background-position-y: 100%;
    }
    .intro-image, .intro-text {
      height: 295px;
    }
Matija Obreza's avatar
Matija Obreza committed
384

Matija Obreza's avatar
Matija Obreza committed
385
386
387
388
    .intro-text {
      background: transparent;
      padding: 33px 35px 10px 0px;
      color: $white-color;
Matija Obreza's avatar
/1/ GUI    
Matija Obreza committed
389

Matija Obreza's avatar
Matija Obreza committed
390
      h1 {
391
        font-family: $heading-font-family;
Matija Obreza's avatar
Matija Obreza committed
392
393
394
395
396
        font-size: 30px;
        margin-top: 7px;
        margin-bottom: 15px;
      }
      p {
397
        font-family: $default-font-family;
Matija Obreza's avatar
Matija Obreza committed
398
399
        font-size: 16px;
        line-height: 23px;
Taisiya Glushko's avatar
Taisiya Glushko committed
400
        color: $white-color;
Matija Obreza's avatar
Matija Obreza committed
401
        strong {
402
          font-family: $heading-font-family;
Matija Obreza's avatar
Matija Obreza committed
403
404
        }
      }
Matija Obreza's avatar
/1/ GUI    
Matija Obreza committed
405

Matija Obreza's avatar
Matija Obreza committed
406
407
408
409
      .btn-default {
        position: static;
        margin-top: 11px;
        background-color: $btn-bg;
410
        font-family: $emphasis-font-family;
Matija Obreza's avatar
Matija Obreza committed
411
412
413
414
415
416
417
418
        font-size: 17px;
        padding: 9px 64px;
        border-width: 2px;
        border-radius: 1px;
        color: $white-color;
        text-transform: uppercase;
      }
    }
Matija Obreza's avatar
Matija Obreza committed
419

Matija Obreza's avatar
Matija Obreza committed
420
421
422
    .row.map {
      margin-bottom: 8px;
      background: $map-bg;
Matija Obreza's avatar
Matija Obreza committed
423

Matija Obreza's avatar
Matija Obreza committed
424
425
426
427
428
      #globalmap {
        background-image: url('../images/map-bg.png');
        background-size: cover;
        background-position: 101.5%;
        height: 305px;
429
        cursor: pointer;
Matija Obreza's avatar
Matija Obreza committed
430
431
432
433
434
435
      }
      #stats {
        background: transparent;
        position: relative;
        padding-left: 5px;
        h2.short {
Taisiya Glushko's avatar
Taisiya Glushko committed
436
          /*left: 5px;*/
Matija Obreza's avatar
Matija Obreza committed
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
        }
        .all-stats {
          margin-top: 85px;

          .one-stat {
            padding: 7px 17px 9px;
            border-top: 1px solid $dark-text-color;

            &:last-child {
              border-bottom: 1px solid $dark-text-color;
            }
            a {
              font-size: 23px;
            }
          }
        }
        p {
          padding: 16px 0px 0px 15px;
455
          font-family: $default-font-family;
Matija Obreza's avatar
Matija Obreza committed
456
457
458
459
460
          font-size: 15px;
          line-height: 23px;
        }
      }
    }
Matija Obreza's avatar
Matija Obreza committed
461

Matija Obreza's avatar
Matija Obreza committed
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
    .see-also-row {
      padding: 0 2px;
      margin-bottom: 6px;
      .see-also-block {
        position: relative;
        padding: 0px 2px;
        height: auto;
        .content {
          position: static;
          background-color: #f3f2ef;
          min-height: 208px;

          .see-also-img {
            height: 120px;
            width: 120px;
            margin-left: 19%;
            border-radius: 50%;
            background-position: 43%;
            background-size: cover;
          }
          .body {
            padding-top: 67px;
            .row {
              margin: 0;
            }
          }
          p {
489
            font-family: $heading-font-family;
Matija Obreza's avatar
Matija Obreza committed
490
491
            font-size: 16px;
            color: $dark-text-color;
Taisiya Glushko's avatar
Taisiya Glushko committed
492
            margin-top: 0;
Matija Obreza's avatar
Matija Obreza committed
493
            margin-bottom: 21px;
Taisiya Glushko's avatar
Taisiya Glushko committed
494
            line-height: inherit;
Taisiya Glushko's avatar
Taisiya Glushko committed
495
            padding: 0;
Matija Obreza's avatar
Matija Obreza committed
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
          }
          .form-group {
            margin-left: 2px;
            input {
              padding: 9px;
              &.btn {
                width: 8.7%;
              }
            }
            &:before {
              font-size: 18px;
              left: 93%;
              line-height: 43px;
            }
          }
          .network-list {
            padding-top: 15px;
            a {
              width: 97.15%;
              padding: 0;
            }
            span {
              display: inline-block;
              vertical-align: middle;
              width: 1%;
              font-size: 15px;
            }
          }
          a {
            font-size: 16px;
            line-height: 24px;
527
            font-family: $heading-font-family;
Matija Obreza's avatar
Matija Obreza committed
528
            display: inline-block;
Taisiya Glushko's avatar
Taisiya Glushko committed
529
530
            /*width: 60%;
            padding-top: 36px;*/
Matija Obreza's avatar
Matija Obreza committed
531
532
533
534
          }
        }
      }
    }
Matija Obreza's avatar
Matija Obreza committed
535

Matija Obreza's avatar
Matija Obreza committed
536
537
    .tab-content {
      padding: 50px 0px 30px 0px;
Taisiya Glushko's avatar
Taisiya Glushko committed
538
      /*margin-left: 5px;*/
Matija Obreza's avatar
Matija Obreza committed
539
540
541
      background: $white-color;

      .post-left-pad {
Taisiya Glushko's avatar
Taisiya Glushko committed
542
        /*padding-left: 75px;*/
Matija Obreza's avatar
Matija Obreza committed
543
544
545
546
547
548
549
550
551
552
553
      }
      .all-posts {
        padding: 10px 10px 0px;
      }
      .post {
        background: #f3f2ef;
        margin-bottom: 12px;
        padding-bottom: 0px;
        .post-head {
          padding-top: 10px;
          display: table;
Taisiya Glushko's avatar
Taisiya Glushko committed
554
          cursor: pointer;
Matija Obreza's avatar
Matija Obreza committed
555
556
557
558
        }

        .post-actions {
          color: #bcbab4;
559
          font-family: $default-font-family;
Matija Obreza's avatar
Matija Obreza committed
560
561
562
563
564
565
          font-size: 14px;
          line-height: 17px;
        }

        .post-content {
          color: $dark-text-color;
566
          font-family: $default-font-family;
Matija Obreza's avatar
Matija Obreza committed
567
568
          font-size: 16px;
          line-height: 25px;
Taisiya Glushko's avatar
Taisiya Glushko committed
569
          /*padding: 10px 10% 0px 0px;*/
Matija Obreza's avatar
Matija Obreza committed
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591

          p {
            margin: 0px 0 22px;
          }
        }

        .user-icon {
          background: $dark-text-color;
          width: 45px;
          height: 45px;
          border-radius: 50%;
          display: inline-block;
          margin-left: 10px;
          position: relative;
          overflow: hidden;
          vertical-align: middle;

          &:before {
            position: absolute;
            left: 0;
            top: 0;
            content: 'M';
592
            font-family: $default-font-family;
Matija Obreza's avatar
Matija Obreza committed
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
            font-size: 16px;
            color: $white-color;
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 42px;
          }

          img {
            min-width: 100%;
            height: auto;
          }

        }
        .post-head-content {
          display: inline-block;
          padding-left: 17px;
          font-size: 20px;
611
          font-family: $heading-font-family;
Matija Obreza's avatar
Matija Obreza committed
612
613
        }
      }
Matija Obreza's avatar
Matija Obreza committed
614

Matija Obreza's avatar
Matija Obreza committed
615
616
617
618
      #show-moar-news {
        width: 98%;
        margin: 0 auto;
        background: $btn-bg;
619
        font-family: $emphasis-font-family;
Matija Obreza's avatar
Matija Obreza committed
620
621
622
623
624
625
626
627
628
        font-size: 17px;
        color: $white-color;
        text-transform: uppercase;
        padding-top: 8px;
        display: block;
        border: solid 1px#c2dca1;
        text-align: center;
        padding: 10px;
      }
Matija Obreza's avatar
Matija Obreza committed
629
    }
Matija Obreza's avatar
Matija Obreza committed
630
631
632
633
634
635
636
637
638
639
    .content-block {
      margin: 0px 4px 0px 4px;
      position: relative;
      &:first-child {
        margin-bottom: 7px;
      }
    }
    #middle-col.col-md-8 {
        background-color: $content-footer-bg;
      .short {
Taisiya Glushko's avatar
Taisiya Glushko committed
640
        /*left: 5px;*/
Matija Obreza's avatar
Matija Obreza committed
641
642
643
644
645
      }
    }
    #right-col.col-md-4 {
      background-color: $content-footer-bg;
      .short {
Taisiya Glushko's avatar
Taisiya Glushko committed
646
        /*left: 0px;*/
Matija Obreza's avatar
Matija Obreza committed
647
      }
Matija Obreza's avatar
Matija Obreza committed
648

Matija Obreza's avatar
Matija Obreza committed
649
650
651
      .blurp {
        background: $white-color;
        padding: 38px 10px 15px;
Taisiya Glushko's avatar
Taisiya Glushko committed
652
653
654
655
656
        p {
          line-height: inherit;
          font-size: inherit;
          color: $dark-text-color;
        }
Matija Obreza's avatar
Matija Obreza committed
657
658
659
        .btn-default {
          margin-top: 8px;
          background-color: $btn-bg;
660
          font-family: $emphasis-font-family;
Matija Obreza's avatar
Matija Obreza committed
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
          font-size: 17px;
          padding: 8px 41px;
          border-width: 1px;
          border-radius: 1px;
          color: $white-color;
          border-color: #c2dca1;
          text-transform: uppercase;
        }
      }

      #crop-list {
        .nav {
          padding: 80px 5px;
          background: $white-color;
        }
        .row {
          margin: 0;
          li {
            border-top: 1px solid #d5d4d3;
            &:last-child {
              border-bottom: 1px solid #d5d4d3;
            }
            a {
              padding: 8px 10px 9px;
              line-height: 22px;
              &:hover, &:active {
                font-weight: bold;
                background-color: #cfcdc7;
              }
            }
          }
        }
      }
Matija Obreza's avatar
Matija Obreza committed
694
695
696
    }
  }

Matija Obreza's avatar
Matija Obreza committed
697
698
699
700
701
702
703
704
  footer {
    > div{
      background: $content-footer-bg;
    }
    .footer-logo {
      width: 15%;
      max-width: 100px;
      margin: 21px auto 10px;
Matija Obreza's avatar
Matija Obreza committed
705

Matija Obreza's avatar
Matija Obreza committed
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
      a {
        display: block;
        color: $dark-text-color;
        img {
          display: inline-block;
          vertical-align: middle;
          height: auto;
          width: 66%;
          &:first-child {
            width: 34%;
            padding-right: 6%;
          }
        }
      }
    }
    .nav {
      margin: 0;
      li {
        margin: 0 0.3%;
        display: inline-block;
        a {
727
          font-family: $emphasis-font-family;
Matija Obreza's avatar
Matija Obreza committed
728
729
730
731
732
733
734
735
736
737
738
739
          font-size: 14px;
          color: $dark-text-color;
          margin: 0;
          padding: 0;
        }
        &:hover {
          a {
            background: transparent;
          }
        }
      }
    }
Matija Obreza's avatar
Matija Obreza committed
740

Matija Obreza's avatar
Matija Obreza committed
741
742
743
    #copyright {
      padding: 0 0 2px;
      p {
744
        font-family: $emphasis-font-family;
Matija Obreza's avatar
Matija Obreza committed
745
746
747
748
        font-size: 11px;
        color: $dark-text-color;
        padding: 13px 0 0 10px;
      }
Matija Obreza's avatar
Matija Obreza committed
749
    }
Matija Obreza's avatar
Matija Obreza committed
750
751
752
753
754
755
756
757
    .footer-link {
      padding-bottom: 25px;
    }
    .footer-link, .footer-link a {
      color: #bcbab4;
      font-size: 10px;
    }
  }
Taisiya Glushko's avatar
Taisiya Glushko committed
758
  form {
Matija Obreza's avatar
Matija Obreza committed
759
760
761
762
763
764
765
766
767
768
    .form-group {
      input {
        height: 100%;
        width: 90%;
        background-color: transparent;
        border: none;
        outline: 0 none;
        padding: 16px 8px 9px;
        box-shadow: none;
        border-radius: 0;
769
        font-family: $emphasis-font-family;
770
        color: #000000;
Matija Obreza's avatar
Matija Obreza committed
771
772
        font-size: 18px;
        @include placeholder {
773
          font-family: $emphasis-font-family;
Matija Obreza's avatar
Matija Obreza committed
774
775
776
777
778
779
780
781
782
783
784
785
786
787
          color: #bbbbbb;
          font-size: 18px;
        }
        &.btn {
          width: 9%;
          min-width: 36px;
          padding: 0;
        }
        &:focus, &:active {
          background: transparent;
          box-shadow: none;
          outline: 0 none;
        }
      }
Matija Obreza's avatar
Matija Obreza committed
788
789
    }
  }
Taisiya Glushko's avatar
Taisiya Glushko committed
790
  form.home-search .form-group {
Taisiya Glushko's avatar
Taisiya Glushko committed
791
792
    position: relative;
    height: 44px;
Taisiya Glushko's avatar
Taisiya Glushko committed
793
794
795
    width: 367px;
    background-color: transparent;
    border: 1px solid #bbbbbb;
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827

    .search-btn {
      border: 0;
      outline: none;
      width: 31px;
      height: 42px;
      background: transparent;
      float: right;

      &:before {
        content: "\f002";
        font-family: 'FontAwesome';
        font-size: 18px;
        color: #bbbbbb;
        position: absolute;
        right: 5px;
        top: -4px;
        width: 26px;
        height: 100%;
        line-height: 52px;
        pointer-events: none;
      }
      &:active, &:focus {
        outline: none;
      }
      &::-moz-focus-inner {
        border: 0;
      }
    }
    .form-control {
      display: block;
      float: left;
Taisiya Glushko's avatar
Taisiya Glushko committed
828
    }
Taisiya Glushko's avatar
Taisiya Glushko committed
829
  }
830

Matija Obreza's avatar
Matija Obreza committed
831
832
833
  .white-background {
      background-color: White;
    }
Matija Obreza's avatar
Matija Obreza committed
834

Matija Obreza's avatar
Matija Obreza committed
835
836
837
  .no-pad-left {
    padding-left: 0;
  }
Matija Obreza's avatar
Matija Obreza committed
838

Matija Obreza's avatar
Matija Obreza committed
839
840
841
842
843
844
  .no-space {
    padding-left: 0;
    padding-right: 0;
  }
  h2.short {
    background: $dark-text-color;
845
    font-family: $emphasis-font-family;
Matija Obreza's avatar
Matija Obreza committed
846
847
848
849
    font-size: 18px;
    color: $white-color;
    font-weight: normal;
    min-width: 262px;
Matija Obreza's avatar
Matija Obreza committed
850
    padding: 15px 20px 15px 20px;
Matija Obreza's avatar
Matija Obreza committed
851
    position: absolute;
Taisiya Glushko's avatar
Taisiya Glushko committed
852
    /*left: 2px;*/
Matija Obreza's avatar
Matija Obreza committed
853
854
855
    top: 0;
    margin: 0;
    text-transform: uppercase;
Matija Obreza's avatar
Matija Obreza committed
856

Matija Obreza's avatar
Matija Obreza committed
857
    &:after {
Taisiya Glushko's avatar
Taisiya Glushko committed
858
      /*left: 100%;*/
Matija Obreza's avatar
Matija Obreza committed
859
860
861
862
863
864
865
      top: 0;
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      border-top: 0px solid transparent;
      border-bottom: 49px solid transparent;
Taisiya Glushko's avatar
Taisiya Glushko committed
866
      /*border-left-width: 50px;
Matija Obreza's avatar
Matija Obreza committed
867
      border-left-style: solid;
Taisiya Glushko's avatar
Taisiya Glushko committed
868
      border-left-color: rgba(43, 41, 36, 0.7);*/
Matija Obreza's avatar
Matija Obreza committed
869
870
871
    }
  }

Matija Obreza's avatar
Matija Obreza committed
872
873
874
875
876
  .center-divider {
    position: relative;
    &:after {
      content: '';
      position: absolute;
Taisiya Glushko's avatar
Taisiya Glushko committed
877
      /*left: 67%;*/
Matija Obreza's avatar
Matija Obreza committed
878
879
880
881
882
      width: 4px;
      height: 100%;
      top: 0;
      background: $content-footer-bg;
    }
Matija Obreza's avatar
Matija Obreza committed
883
  }
Matija Obreza's avatar
Matija Obreza committed
884
885
886
887

  #nav-foot {
    width: 75%;
    margin: 0 auto;
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
    li {
      margin: 0 7px;
    }

    li:not(:first-child) {
      a {
        position: relative;

        &:before {
          content: '\2022';
          position: absolute;
          left: -11px;
          top: 1px;
          width: 5px;
          height: 5px;
        }
      }
    }
Matija Obreza's avatar
Matija Obreza committed
906
  }
Matija Obreza's avatar
/1/ GUI    
Matija Obreza committed
907

908
909
910
911
912
913
914
//about page
  .top-image {
    background-image: url('../images/about-banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 231px;
  }
Matija Obreza's avatar
Matija Obreza committed
915

916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
  .green-bg {
    background: $btn-bg;
  }

  .about-page {
    #content-body-content {
      h1.green-bg {
        font-family: $heading-font-family;
        color: $white-color;
        margin: 0;
        font-size: 30px;
        padding: 16px 20px;
      }
      .article {
        margin-bottom: 20px;
      }

      .main-col {
Taisiya Glushko's avatar
Taisiya Glushko committed
934
        padding: 33px 40px 49px 40px;
935
936
937
938
939
940
941
942
943
        background: $white-color;
        float: left;
        width: 66.6%;
      }

      .free-text {
        p {
          margin-top: 29px;
        }
944

945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
        & > p:first-child {
          font-family: 'Roboto-Light';
          font-size: 24px;
          color: $about-text;
          line-height: 36px;
          margin: 0;
        }

        h3 {
          font-size: 24px;
          margin-top: 28px;
          padding-bottom: 6px;
        }

        ul {
          margin-top: 30px;
        }
      }

      .article-timestamp {
        font-family: 'Roboto-Light';
        font-size: 14px;
        color: $about-text;
        margin-top: 10px;
        display: none;
      }

      .share-article {
        border-top: 1px solid #d5d4d3;
        border-bottom: 1px solid #d5d4d3;
        margin-top: 57px;
        padding-top: 20px;
        padding-bottom: 19px;
        p {
          display: inline-block;
          vertical-align: middle;
          margin: 0;
          font-family: $emphasis-font-family;
          padding-right: 20px;
          font-size: 18px;
          color: $about-text;
        }
        ul {
          display: inline-block;
          vertical-align: middle;
          margin: 0;
Taisiya Glushko's avatar
Taisiya Glushko committed
991
          padding: 0;
992
993
994
995
996
997
998
999
1000

          li {
            vertical-align: middle;

            &:before {
              display: none;
            }

            a {
For faster browsing, not all history is shown. View entire blame