genesys.scss 137 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
        & > 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;
        }
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982

        #body-content {
          h2 {
            margin-top: -78px;
            padding-top: 100px;

            &#intro {
              margin-top: -100px;
            }
          }

          h3 {
            margin-top: -72px;
            padding-top: 100px;
          }

          h4 {
            margin-top: -89px;
            padding-top: 100px;
          }
        }
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
      }

      .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
1012
          padding: 0;
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083

          li {
            vertical-align: middle;

            &:before {
              display: none;
            }

            a {
              font-family: $emphasis-font-family;
              font-size: 18px;
              &:before {
                content: "";
                display: inline-block;
                vertical-align: middle;
                margin-right: 5px;
                background-repeat: no-repeat;
                width: 50px;
                height: 50px;
              }
              &.twitter-share-button {
                margin-right: 15px;
                &:before {
                  background-image: url('../images/ICON-TWITTER-N.svg');
                }

                &:hover {
                  &:before {
                    background-image: url('../images/ICON-TWITTER-A.svg');
                  }
                }
              }

              &.linkedin-share-button {
                &:before {
                  background-image: url('../images/ICON-LINKEDIN-N.svg');
                }

                &:hover {
                  &:before {
                    background-image: url('../images/ICON-LINKEDIN-A.svg');
                  }
                }
              }
            }
          }
        }
      }

      .sidebar-nav {
        width: 33.4%;
        float: left;
        ul.cms-menu {
          padding: 0 20px;

          .cms-menu-item {
            border-bottom: 1px solid #d5d4d3;
            padding: 12px 9px 11px;
            a {
              line-height: 26px;
            }

            &:hover, &:active, &:focus {
              background: #ccc9be;
            }
          }
        }
      }
    }
  }

Matija Obreza's avatar
Matija Obreza committed
1084
  // contries and institutes list
Matija Obreza's avatar
Matija Obreza committed
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
  .institutes-page {
    .informative-h1 {
      padding-bottom: 15px;
      padding-top: 10px;
    }

    .list-view-controls {
      padding-top: 20px;
    }
  }
Matija Obreza's avatar
Matija Obreza committed
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
  .informative-h1 {
    padding-bottom: 10px;
    h1, p {
      font-family: $heading-font-family;
      font-size: 24px;
      color: $white-color;
      padding-left: 6px;
      margin-top: 9px;
      margin-bottom: 5px;
    }
    p {
      font-size: 12px;
      margin: 0;
    }
  }

  .list-view-controls {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 5px;
    a {
      border: 1px solid #999895;
      display: inline-block;
      background: #e8e8e8;
      font-size: 14px;
      padding: 5px 8px 4px;
      text-transform: uppercase;
Taisiya Glushko's avatar
Taisiya Glushko committed
1122
      border-radius: 0;
Matija Obreza's avatar
Matija Obreza committed
1123

Matija Obreza's avatar
Matija Obreza committed
1124
1125
1126
1127
1128
1129

      &:before {
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 18px;
Taisiya Glushko's avatar
Taisiya Glushko committed
1130
        /*margin-right: 6px;*/
Matija Obreza's avatar
Matija Obreza committed
1131

Matija Obreza's avatar
Matija Obreza committed
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
      }

      &.list-map-view:before {
        content: url('../images/ICON-VIEW-MAP.svg');
      }
      &.list-all-view:before {
        content: url('../images/ICON-OVERVIEW.svg');
      }
    }
  }

Matija Obreza's avatar
Matija Obreza committed
1143
1144
  .pagination {
    margin: 20px 0;
Taisiya Glushko's avatar
Taisiya Glushko committed
1145
    padding: 0;
Matija Obreza's avatar
Matija Obreza committed
1146
    li {
Taisiya Glushko's avatar
Taisiya Glushko committed
1147
1148
      display: inline-block;
      margin: 0 -2px;
Matija Obreza's avatar
Matija Obreza committed
1149
1150
1151
      > span, > a {
        background: #efeeef;
        border: 1px solid #949490;
1152
1153
        /*padding: 0px 10px 4px;*/
        padding: 0;
Matija Obreza's avatar
Matija Obreza committed
1154
1155
      }

Matija Obreza's avatar
Matija Obreza committed
1156
1157
1158
1159
      span, a {
        color: $dark-text-color;
        font-family: $emphasis-font-family;
        font-size: 24px;
1160
1161
        /*line-height: 31px;*/

Matija Obreza's avatar
Matija Obreza committed
1162
1163
1164
1165
1166
1167
        &.pagination-input {
          padding: 0;
          input {
            border: none;
            width: 85px;
            font-size: 16px;
1168
1169
            height: 32px;
            vertical-align: top;
Matija Obreza's avatar
Matija Obreza committed
1170
1171
          }
        }
Matija Obreza's avatar
Matija Obreza committed
1172
      }
1173
1174
1175
1176
      a {
        display: inline-block;
        width: 26px;
      }
Matija Obreza's avatar
Matija Obreza committed
1177
1178
      &:first-child, &:last-child {
        span {
1179
          padding: 7px 10px 0px;
Matija Obreza's avatar
Matija Obreza committed
1180
1181
1182
1183
1184
          border-radius: 0;
          border: none;
          background: transparent;
          font-size: 14px;
        }
Matija Obreza's avatar
Matija Obreza committed
1185
1186
      }
    }
Taisiya Glushko's avatar
Taisiya Glushko committed
1187
1188
1189
1190
1191
    li.disabled {
      span {
        width: 26px;
      }
    }
Matija Obreza's avatar
Matija Obreza committed
1192
  }
Matija Obreza's avatar
Matija Obreza committed
1193

Matija Obreza's avatar
Matija Obreza committed
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214

  #letter-top, #letter-bottom {
    padding-top: 16px;
    background: #d4d1c6;
    padding-bottom: 18px;
    margin-bottom: 2px;

    .letter-pointer {
      font-family: $default-font-family;
      font-size: 21px;
      padding-left: 5px;
      padding-right: 7px;
      display: inline-block;
    }
  }

  #letter-bottom {
    margin-top: 15px;
    padding-top: 20px;
    margin-bottom: 9px;
  }
Matija Obreza's avatar
Matija Obreza committed
1215

Matija Obreza's avatar
Matija Obreza committed
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
  .hoofdleter {
    font-family: $heading-font-family;
    font-size: 24px;
    color: $about-text;
    width: 100%;
    background: $content-footer-bg;
    padding: 9px 20px 12px;

    small {
      font-family: $default-font-family;
      font-size: 14px;
      padding-top: 7px;

      a {
        font-size: inherit;
      }
    }
  }

Matija Obreza's avatar
Matija Obreza committed
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
  .institute-list {
    background: #e7e5df;
    padding: 0px 20px;
    > div {
      margin-bottom: 5px;
      padding-top: 11px;
      padding-bottom: 9px;
      font-family: $default-font-family;
      font-size: 14px;
      line-height: 20px;
      clear: both;

        a {
          width: 80%;
        }

        div {
1252
          // width: 20%;
Taisiya Glushko's avatar
Taisiya Glushko committed
1253
          /*text-align: right;*/
Matija Obreza's avatar
Matija Obreza committed
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
        }
      &:nth-child(odd) {
        background: #f8f7f4;
      }
      &:nth-child(even) {
        background: #f4f3ee;
      }
    }
  }

Matija Obreza's avatar
Matija Obreza committed
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
  .funny-list {
    background: $content-footer-bg;
    padding: 0;
    margin: 0 20px;
    column-count: 4;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-gap: 0;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    background-image: repeating-linear-gradient(180deg, #f8f7f4, #f8f7f4 40px, #e7e5df 40px, #e7e5df 45px, #f4f3ee 45px, #f4f3ee 85px, #e7e5df 85px, #e7e5df 90px);
    background-image: -moz-repeating-linear-gradient(-90deg, #f8f7f4, #f8f7f4 40px, #e7e5df 40px, #e7e5df 45px, #f4f3ee 45px, #f4f3ee 85px, #e7e5df 85px, #e7e5df 90px);
    background-image: -webkit-repeating-linear-gradient(-90deg, #f8f7f4, #f8f7f4 40px, #e7e5df 40px, #e7e5df 45px, #f4f3ee 45px, #f4f3ee 85px, #e7e5df 85px, #e7e5df 90px);
    background-size: 100% 90px;
    height: auto;
Matija Obreza's avatar
Matija Obreza committed
1279

Matija Obreza's avatar
Matija Obreza committed
1280
    li {
Taisiya Glushko's avatar
Taisiya Glushko committed
1281
      /*padding: 12px 0px 13px 10px;*/
Matija Obreza's avatar
Matija Obreza committed
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
      display: inline-block;
      width: 100%;
      vertical-align: top;
      position: relative;
      max-height: 45px;

      &:before {
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        left: auto;
        right: 0;
        width: 1px;
        background-color: #e7e5df;
      }

      a {
        font-family: $default-font-family;
        font-size: 14px;
        line-height: 20px;
      }
    }
Svetlana Alieksieieva's avatar
Svetlana Alieksieieva committed
1305
  }
Matija Obreza's avatar
Matija Obreza committed
1306

1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
1391
  .header-search {
    display: none;
  }

  .searchbox {
    min-width: 50px;
    width: 0;
    height: 44px;
    float: right;
    overflow: hidden;
    margin-top: 17px;
    margin-right: 12px;
    position: absolute;
    right: 0;

    -webkit-transition: cubic-bezier(.06,.14,.34,1.97) width 0.4s;
    -moz-transition: cubic-bezier(.06,.14,.34,1.97) width 0.4s;
    -ms-transition: cubic-bezier(.06,.14,.34,1.97) width 0.4s;
    -o-transition: cubic-bezier(.06,.14,.34,1.97) width 0.4s;
    transition: cubic-bezier(.06,.14,.34,1.97) width 0.4s;

    &:after {
      color: #6d6c69;
      content: "\f002";
      font-family: FontAwesome;
      font-size: 20px;
      position: absolute;
      top: -4px;
      width: 26px;
      height: 100%;
      line-height: 52px;
      pointer-events: none;
      right: 5px;
    }
  }

  .searchbox-input {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: #3e3c37;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 55px 0 8px;
    font-size: 18px;
    font-family: Roboto-Medium, serif;
    color: #6d6c69;
  }
  .searchbox-input::-webkit-input-placeholder {
    color: #6d6c69;
  }
  .searchbox-input:-moz-placeholder {
    color: #6d6c69;
  }
  .searchbox-input::-moz-placeholder {
    color: #6d6c69;
  }
  .searchbox-input:-ms-input-placeholder {
    color: #6d6c69;
  }

  .searchbox-icon, .searchbox-submit {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    font-size: 22px;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #6d6c69;
    background: #2b2924;
  }

  .searchbox-open {
    width: 467px;
  }
1392
1393
1394
1395
1396
1397
1398
1399
1400
1401
1402
1403
1404
1405
1406
1407
1408
1409
1410
1411
1412
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425
1426
1427
1428
1429
1430
1431
1432
1433
1434
1435
1436
1437
1438
1439
1440
1441
1442
1443
1444
1445
1446
1447
1448
1449
1450
1451
}
//LTR and RTL rules outside genesys-page class

//crop-list-table
.crop-header {
  background: #D4D2C7;
  padding: 15px 0px;
}

.crop-header-bottom {
  background: #D4D2C7;
  padding: 25px 0px;
}

.crop-hr {
  border-top: 1px solid #B2AFA6;
  margin: 0 -15px;
}

.bold {
  font-weight: bold;
}

.crop-title-wrap {
  padding: 0 5px;

  @media (max-width: 767px) {
    display: block;
  }
}

.crop-title {
  font-size: 17px;
}

.divider {
  @media (max-width: 767px) {
    display: none;
  }
}

#crop-list-titles {
  &.container {
    padding-bottom: 20px;
    padding-top: 10px;

    @media (min-width: 600px) and (max-width: 767px) {
      max-width: 500px;
    }
    @media (min-width: 1200px) {
      width: 1150px;
    }
    @media (min-width: 1520px) {
      width: 1470px;
    }
    @media (max-width: 499px) {
      max-width: 320px;
    }
  }

Svetlana Alieksieieva's avatar
Svetlana Alieksieieva committed
1452
  .crop-wrap {
1453
    padding-top: 7px;
Svetlana Alieksieieva's avatar
Svetlana Alieksieieva committed
1454
    text-align: center;
1455
1456
1457
1458
1459
1460
1461
    margin: 10px 11px 10px;
    background: #fff;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1), 0px 2px 2px 0px rgba(0, 0, 0, 0.1), 0px 1px 1px -1px rgba(0, 0, 0, 0.1);

    @media (max-width: 499px){
      margin: 10px 0px 10px;
    }
Svetlana Alieksieieva's avatar
Svetlana Alieksieieva committed
1462
1463
1464
1465
1466
1467
1468
1469
1470

    & > a {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 10;
    }
1471
1472
1473
1474
1475

    .crop-inner-hr {
      border-top: 1px solid #D4D4D4;
      margin: 0 -15px;
    }
Svetlana Alieksieieva's avatar
Svetlana Alieksieieva committed
1476
1477
  }

1478
1479
1480
1481
1482
1483
1484
1485
1486
1487
1488
1489
1490
1491
1492
  .col-xs-6 {
    width: 100%;

    @media (min-width: 500px) {
      width: 45.1%;
    }
  }
  .col-sm-3 {
    @media (min-width: 768px){
      width: 30.2%;
    }
    @media (min-width: 992px){
      width: 22.6%;
    }
  }
Svetlana Alieksieieva's avatar
Svetlana Alieksieieva committed
1493
1494
  .col-lg-2 {
    @media (min-width: 1200px){
1495
1496
1497
1498
       width: 22.9%;
    }
    @media (min-width: 1520px){
       width: 14.7%;
Svetlana Alieksieieva's avatar
Svetlana Alieksieieva committed
1499
1500
1501
1502
1503
    }
  }

  img {
    margin: 0 auto;
1504
1505
1506
1507
1508
1509
1510
1511
1512
1513
    background: #fff;
    font-size: 0;
  }

  .img-wrap {
    background-image: url(../images/ICON-MISSING.svg);
    width: 60px;
    height: 60px;
    max-height: 110px;
    margin: 0 auto;
Svetlana Alieksieieva's avatar
Svetlana Alieksieieva committed
1514
1515
1516
1517
1518

    @media (min-width: 768px) {
      width: 60px;
      height: 60px;
    }
1519
1520
1521
1522
1523
1524
1525
1526
    @media (max-width: 767px) and (min-width: 500px) {
      width: 90px;
      height: 90px;
    }

    @media (max-width: 499px) {
      width: 80px;
      height: 80px;
Svetlana Alieksieieva's avatar
Svetlana Alieksieieva committed
1527
1528
1529
1530
    }
  }

  p {
1531
1532
1533
1534
1535
1536
1537
1538
1539
1540
    color: #006db4;
    font-size: 19px;
    margin: 0 0 7px;
  }

  span {
    color: #999;
    font-size: 11px;
    padding: 6px 0 8px;
    display: inline-block;
Svetlana Alieksieieva's avatar
Svetlana Alieksieieva committed
1541
  }
Matija Obreza's avatar
/1/ GUI    
Matija Obreza committed
1542
}
Taisiya Glushko's avatar
Taisiya Glushko committed
1543
1544
1545
1546
1547
1548
1549
1550
1551
1552
1553

//header
#navbar .header-search form.form-inline .form-group:before {
  html[dir="ltr"] & {
    left: 94%;
  }
  html[dir="rtl"] & {
    right: 94%;
  }
}

1554
1555
1556
1557
1558
1559
1560
1561
1562
1563
1564
1565
1566
1567
1568
1569
1570
1571
1572
1573
1574
1575
1576
1577
1578
1579
1580
1581
1582
1583
1584
1585
1586
1587
1588
1589
1590
1591
1592
1593
1594
1595
1596
1597
1598
1599
.search-wrap {
  position: relative;
  float: right;

  html[dir="rtl"] & {
    float: left;
  }

  .searchbox {
    html[dir="rtl"] & {
      right: initial;
      float: left;
      left: 0
    }

    &:after {
      html[dir="rtl"] & {
        right: initial;
        left: 0;
      }
    }
  }

  .searchbox-input {
    html[dir="rtl"] & {
      right: initial;
      left: 0;
      padding: 0 8px 0 0;
    }
  }

  .searchbox-submit {
    html[dir="rtl"] & {
      right: initial;
      left: 0;
    }
  }

  .searchbox-icon {
    html[dir="rtl"] & {
      right: initial;
      left: 0;
    }
  }
}

Taisiya Glushko's avatar
Taisiya Glushko committed
1600
1601
1602
1603
1604
1605
1606
1607
1608
1609
1610
1611
1612
1613
1614
1615
1616
1617
1618
1619
1620
1621
1622
1623
1624
1625
1626
//forms
form.form-horizontal .form-group {
  html[dir="ltr"] & {
    text-align: left;
  }
  html[dir="rtl"] & {
    text-align: right;
  }
  & > div {
    html[dir="ltr"] & {
      border-left: 2px solid #E7E5DF;
    }
    html[dir="rtl"] & {
      border-right: 2px solid #E7E5DF;
    }
  }
  .control-label {
    html[dir="ltr"] & {
      text-align: left;
    }
    html[dir="rtl"] & {
      text-align: right;
    }
  }
  & > label[for="blurp-body"] + div,
  & > label[for="faoInstitute-summary"] + div,
  & > label[for="article-body"] + div,
Taisiya Glushko's avatar
Taisiya Glushko committed
1627
1628
1629
1630
1631
  & > label[for="article-summary"] + div,
  & > label[for="accessionIds"] + div,
  & > label[for="project-summary"] + div,
  & > label[for="post-title"] + div,
  & > label[for="post-body"] + div {
Taisiya Glushko's avatar
Taisiya Glushko committed
1632
1633
1634
1635
1636
1637
1638
1639
1640
1641
1642
1643
1644
1645
1646
1647
1648
1649
1650
1651
1652
1653
1654
1655
1656
1657
1658
1659
1660
1661
1662
1663
1664
1665
1666
1667
1668
1669
1670
1671
1672
1673
1674
1675
1676
1677
1678
1679
1680
1681
1682
1683
1684
1685
1686
1687
1688
1689
1690
1691
1692
1693
1694
1695
1696
1697
1698
1699
1700
1701
1702
1703
1704
1705
1706
1707
1708
1709
1710
1711
1712
1713
1714
1715
1716
1717
1718
1719
1720
1721
1722
1723
1724
1725
1726
1727
1728
1729
1730
1731
1732
1733
1734
1735
1736
1737
1738
1739
1740
1741
1742
1743
1744
1745
1746
1747
1748
1749
1750
1751
1752
1753
1754
1755
1756
1757
1758
1759
1760
1761
1762
1763
1764
1765
1766
1767
1768
1769
1770
1771
1772
1773
1774
1775
1776
1777
1778
1779