style.scss 34.7 KB
Newer Older
1
$green:#44883c;
Philip Müller's avatar
Philip Müller committed
2
$svg-icon-size: 62px;
Philip Müller's avatar
Philip Müller committed
3

4 5 6 7 8 9 10 11 12
@font-face {
    font-family: 'Comfortaa';
    src: url('/fonts/Comfortaa-Bold.ttf') format('truetype'),
         url('/fonts/Comfortaa-Bold.woff') format('woff'),
         url('/fonts/Comfortaa-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

Vitor Lopes's avatar
Vitor Lopes committed
13 14 15 16 17 18
.logo-overlay-loader {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #262627;
    z-index: 999999;
19
    position: fixed;
Vitor Lopes's avatar
Vitor Lopes committed
20 21
    img {
        width: 96px;
Vitor Lopes's avatar
Vitor Lopes committed
22 23 24
        height: 96px;
        animation: loader 2s infinite linear;
        margin-bottom: 5px;
25
        will-change: transform;
Vitor Lopes's avatar
Vitor Lopes committed
26 27 28 29 30 31 32 33 34
    }
    .logo-container {
        position:absolute;
        top:0;
        bottom:0;
        margin:auto;
        right: 0;
        left: 0;
        width: 96px;
Vitor Lopes's avatar
Vitor Lopes committed
35
        height: 160px;            
Vitor Lopes's avatar
Vitor Lopes committed
36 37 38 39 40 41 42
    }
    span {
        font-weight: bold;
        font-family: 'Comfortaa', cursive;
        font-size: 1.6em;
        color: white !important;
    }
Vitor Lopes's avatar
Vitor Lopes committed
43 44 45 46
    .progress {
        margin-top: 5px;
        height: 3px;
    }
Vitor Lopes's avatar
Vitor Lopes committed
47 48
}

49
@keyframes loader {
Vitor Lopes's avatar
Vitor Lopes committed
50 51 52 53 54 55 56
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
Philip Müller's avatar
Philip Müller committed
57 58 59 60 61 62 63 64

  @font-face {
    font-family: 'Comfortaa';
    src: url('/fonts/Comfortaa-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/Comfortaa-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('/fonts/Comfortaa-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
  }

Philip Müller's avatar
Philip Müller committed
65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102
@font-face {
    font-family: 'Comfortaa';
    src: url('/fonts/Comfortaa-Light.ttf') format('truetype'),
         url('/fonts/Comfortaa-Light.woff') format('woff'),
         url('/fonts/Comfortaa-Light.woff2') format('woff2');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-LightItalic.woff2') format('woff2'),
         url('/fonts/OpenSans-LightItalic.woff') format('woff'), 
         url('/fonts/OpenSans-LightItalic.ttf')  format('truetype');
    font-weight: lighter;
    font-style: italic; 
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Light.woff2') format('woff2'),
         url('/fonts/OpenSans-Light.woff') format('woff'), 
         url('/fonts/OpenSans-Light.ttf')  format('truetype');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Regular.woff2') format('woff2'),
         url('/fonts/OpenSans-Regular.woff') format('woff'), 
         url('/fonts/OpenSans-Regular.ttf')  format('truetype');
    font-style: normal; 
}

body {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.01em;
103
    overflow-x: hidden;
Philip Müller's avatar
Philip Müller committed
104 105
    
    p {
Vitor Lopes's avatar
Vitor Lopes committed
106
        color: #5a5a5a;  
Philip Müller's avatar
Philip Müller committed
107 108 109
    }
}

110
.landing-page .wrapper {
Vitor Lopes's avatar
Vitor Lopes committed
111 112 113
    overflow-y: hidden;
}

Philip Müller's avatar
Philip Müller committed
114 115 116 117
hr {
    border-top: 1px solid $green;
}

Philip Müller's avatar
Philip Müller committed
118 119 120 121
h1, h2, h3, h4, h5, a, .navbar, .team-player .category, .blockquote, .btn {
    font-family: 'Comfortaa', cursive;
}

Philip Müller's avatar
Philip Müller committed
122 123
.icon {
    width: $svg-icon-size !important;
Philip Müller's avatar
Philip Müller committed
124
    max-width: $svg-icon-size !important;
Philip Müller's avatar
Philip Müller committed
125
}
Philip Müller's avatar
Philip Müller committed
126

Vitor Lopes's avatar
Vitor Lopes committed
127
h1, h2, h3, h4, h5 {
Philip Müller's avatar
Philip Müller committed
128 129 130 131
    font-size: 1.5em;
}

h1:not(.title), h2, h3, h4, h5 {
Vitor Lopes's avatar
Vitor Lopes committed
132
    font-weight: lighter !important;
Philip Müller's avatar
Philip Müller committed
133 134
}

Vitor Lopes's avatar
fix #78  
Vitor Lopes committed
135 136
a, .description a {
    color: #673ab7;
Philip Müller's avatar
Philip Müller committed
137
    font-weight: bold;
Philip Müller's avatar
Philip Müller committed
138 139 140
    &:hover,
    &:active,
    &:focus {
141 142 143 144
        color: $green;
    }
}

Vitor Lopes's avatar
Vitor Lopes committed
145 146 147 148
#back-to-top {
    z-index: 99;
}

Vitor Lopes's avatar
Vitor Lopes committed
149
.section {        
Philip Müller's avatar
Philip Müller committed
150 151 152
    p {
        text-align: justify;
    }
Philip Müller's avatar
Philip Müller committed
153 154
}

Vitor Lopes's avatar
Vitor Lopes committed
155
.landing-page .section,
156
.news .section,
157 158 159
.download-page .section,
.user-guide .section,
.useful-for-everyone .section {
Vitor Lopes's avatar
Vitor Lopes committed
160 161 162 163 164 165 166
    background-image: url(/img/bg.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: -232px 232px;
    background-attachment: fixed;
}

Philip Müller's avatar
Philip Müller committed
167 168 169 170
p, .call-to-action {
    margin-bottom: 40px;
}

171 172 173 174 175 176 177 178 179 180
#download-how-to-try {
    
    .modal-body p {
        margin-bottom: 1rem;
    }
    .modal-footer button {
        margin: 0 auto;
    }
}

Philip Müller's avatar
Philip Müller committed
181 182 183 184
.separator.separator-primary {
    background-color: $green;
}

185
.donation-manually-field {
Philip Müller's avatar
Philip Müller committed
186 187
    color: #484c47 !important;
    font-size: 14px !important;
188 189 190 191
}

.btn-success {
    background-color: $green;
Philip Müller's avatar
Philip Müller committed
192 193 194
    &:hover,
    &:active,
    &:focus {
195 196 197 198
        background-color: $green;
    }
}

Philip Müller's avatar
Philip Müller committed
199 200 201 202 203 204 205 206 207
#acc-details {
    padding-right: 0px !important;
}

.modal-open {
    padding-right: 0px !important;
    overflow: visible;
}

Vitor Lopes's avatar
Vitor Lopes committed
208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227
.section-story-overview p.blockquote {
    top: -20px;
}

.blockquote {

    width: auto !important;
    color: #6b6a6a !important;
    font-size: 1.2rem;
    border: none;
    border-right: 4px $green solid !important;
    text-align: justify !important;

    small {
        float: right;
        color: #6b6a6a !important;
    }
}

.page-header {
Vitor Lopes's avatar
Vitor Lopes committed
228 229 230
    height: 110vh !important;
}

Vitor Lopes's avatar
Vitor Lopes committed
231 232
h1:first-letter {
    color: #34be5b;
Vitor Lopes's avatar
Vitor Lopes committed
233 234 235 236
}

.hardware .title-container h1 {
    font-size: 2em;
Vitor Lopes's avatar
Vitor Lopes committed
237 238
}

239 240
::selection {
    background: $green;
Vitor Lopes's avatar
Vitor Lopes committed
241
    color: white;
242 243
}

Vitor Lopes's avatar
fix #86  
Vitor Lopes committed
244 245 246 247 248 249
@media screen and (max-width: 575px) {
    .footer-dot {
        display: none;
    }
}

Philip Müller's avatar
Philip Müller committed
250
@media screen and (max-width: 768px) {
Vitor Lopes's avatar
Vitor Lopes committed
251

252 253 254 255
    .landing-page h2 {
        margin-top: 26px;
    }

Vitor Lopes's avatar
fix #86  
Vitor Lopes committed
256 257
    .landing-page {
        .social-icons-top .btn {
Vitor Lopes's avatar
Vitor Lopes committed
258
            background-color: white;
Vitor Lopes's avatar
fix #86  
Vitor Lopes committed
259 260 261
        }
    }

Vitor Lopes's avatar
Vitor Lopes committed
262 263 264
    #scrolltocontent {
        display: none;
    }
Vitor Lopes's avatar
Vitor Lopes committed
265 266 267 268 269 270 271 272

    .btn-group {
        a:first-child {
            border-radius: 20px !important;
        }
    }
    
    .landing-page {
Vitor Lopes's avatar
Vitor Lopes committed
273 274 275 276 277 278
          .title-container .text-left {
            text-align: center !important;
        }
    }
    .landing-page {
        .section-story-overview {
Vitor Lopes's avatar
Vitor Lopes committed
279
            margin-top: -50px !important;
Vitor Lopes's avatar
Vitor Lopes committed
280
        }
Philip Müller's avatar
Philip Müller committed
281
    }
Vitor Lopes's avatar
Vitor Lopes committed
282
    
Philip Müller's avatar
Philip Müller committed
283 284 285 286 287 288
    .configured-with-one-click {

        .feature-screenshot-fan div {
            min-height: 0px;
        }
    }
Vitor Lopes's avatar
Vitor Lopes committed
289
    .landing-page .social-icons-top {
290 291 292 293
        margin-top: -24px !important;
    }
}

Vitor Lopes's avatar
Vitor Lopes committed
294
@media screen and (max-width: 991px) { 
Vitor Lopes's avatar
Vitor Lopes committed
295 296 297 298
    
    .tooltip {
        display: none !important;
    }
299

Vitor Lopes's avatar
Vitor Lopes committed
300 301 302 303
    .dropdown-header {
        color: white !important;
    }

304 305 306 307
    #contact {
        margin-top: 40px;
    }

Vitor Lopes's avatar
Vitor Lopes committed
308 309
    .sidebar-collapse .navbar-collapse {
        &:before {
Philip Müller's avatar
Philip Müller committed
310 311
        background: $green;
        opacity: 100;
Vitor Lopes's avatar
Vitor Lopes committed
312
        }
Philip Müller's avatar
Philip Müller committed
313 314 315 316 317 318 319 320
    }
    .dropdown-menu .dropdown-item {
        color: #FFFFFF;
        font-weight: bold;
    }
    .donate-page .flex-item {
        margin-bottom: 100px;
    }
Philip Müller's avatar
Philip Müller committed
321 322 323 324 325

    .landing-page .container {
        width: 100%;
        max-width: 100%;
    }
326 327 328
    .navbar-brand {
        margin-top: 4px;
    }
Philip Müller's avatar
Philip Müller committed
329 330
    .navbar-translate .page-nav {
        position: absolute;
331
        left: 100px;
Philip Müller's avatar
Philip Müller committed
332
    }
Philip Müller's avatar
Philip Müller committed
333 334 335 336
    .configured-with-one-click {
        .row section, .row img{
            margin-bottom: 40px;
        }
Philip Müller's avatar
Philip Müller committed
337 338 339
        .row section p {
            margin-bottom: 0px;
        }
Philip Müller's avatar
Philip Müller committed
340
    }
Vitor Lopes's avatar
fix #86  
Vitor Lopes committed
341 342 343 344 345 346 347 348
    .landing-page {
        .social-icons-top .btn {
            margin-bottom: 40px;
        }
    }
    .section-story-overview p.blockquote {
        margin-bottom: 40px;
    }
Vitor Lopes's avatar
Vitor Lopes committed
349 350 351 352 353 354 355 356
    .section-team {
        .description {
          margin-bottom: 80px;
        }
        h2 {
            padding-top: 100px !important;
        }
    }
Philip Müller's avatar
Philip Müller committed
357
}
Philip Müller's avatar
Philip Müller committed
358 359


Philip Müller's avatar
Philip Müller committed
360
/* end Mobile changes */
Philip Müller's avatar
Philip Müller committed
361

Philip Müller's avatar
Philip Müller committed
362 363 364
.navbar {
    font-weight: bold;
    background-color: $green !important;
Philip Müller's avatar
Philip Müller committed
365 366 367 368 369
    
    .nav-item:not(.dropdown) {
        letter-spacing: 1px;
    }

Vitor Lopes's avatar
Vitor Lopes committed
370 371 372
    .nav-link {
        font-size: 0.96em !important;
        text-transform: capitalize !important;
Philip Müller's avatar
Philip Müller committed
373
    }
374 375 376 377 378 379 380 381 382 383
    .navbar-brand {
        margin-right: 0px;
        padding: 0px;
        padding-right: 5px;
        text-transform: lowercase !important;
        font-size: 1.6em  !important;
    }
    .navbar-translate {
        margin-top: -6px;
    }
Philip Müller's avatar
Philip Müller committed
384 385
}

386

Philip Müller's avatar
Philip Müller committed
387 388 389 390

.page-nav {
    color: #FFFFFF !important;
    cursor: default;
Philip Müller's avatar
Philip Müller committed
391 392
    text-transform: uppercase;
    font-size: 0.8571em;
Philip Müller's avatar
Philip Müller committed
393 394 395
    display: inline-block;
    line-height: 1.625rem;
    padding-top: 0.5rem;
Philip Müller's avatar
Philip Müller committed
396 397 398 399 400 401
}

.page-header .text-center a {
    margin-right: 10px;
}

Vitor Lopes's avatar
Vitor Lopes committed
402 403
.section {
    background-color: #f0f0f0;
Philip Müller's avatar
Philip Müller committed
404 405
}

Vitor Lopes's avatar
Vitor Lopes committed
406 407 408 409
.tooltip.show {
    opacity: 1;
    color: #2c2c2c;
    font-family: comfortaa,cursive;
Vitor Lopes's avatar
Vitor Lopes committed
410
    font-weight: 700;
Vitor Lopes's avatar
Vitor Lopes committed
411 412
  }

Vitor Lopes's avatar
Vitor Lopes committed
413 414
.page-header .page-header-image {
    will-change: transform;
Vitor Lopes's avatar
Vitor Lopes committed
415 416 417 418
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    transition: filter 3.5s ease;
Vitor Lopes's avatar
Vitor Lopes committed
419 420
}

Philip Müller's avatar
Philip Müller committed
421
.landing-page {
422 423 424 425 426 427 428 429 430 431
    
    .twitter-container {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 400px;
        z-index: 999;
    }
432 433 434 435 436 437 438
    
    #buorg  {
        border: 0px solid white !important;
        
        .buorg-pad {
            background: #f44336;
            border-color: #f44336;
Vitor Lopes's avatar
Vitor Lopes committed
439 440 441 442 443 444 445
            border: 0px solid white !important;
            * {
                font-size: 0.94rem !important;
                font-family: 'Comfortaa', cursive;
                font-weight: bold !important;
                color: white;
            }
446
        }
Vitor Lopes's avatar
Vitor Lopes committed
447 448
        P.black-text {
                color: #212020 !important;
449 450 451
        }
        a {
            background: transparent;
Vitor Lopes's avatar
Vitor Lopes committed
452 453 454 455 456 457 458 459 460 461 462 463 464
            color: white !important;
            box-shadow: none;
            margin: 0 4px;
            font-weight: bold;
            &:active, &:hover, &:focus {
                text-decoration: underline;
                color: white !important;
            }
            &:last-child {
                border-left: 1px solid white;
                border-radius: 0;
                padding: 1px 12px;
            }
465 466 467
        }
    }

Vitor Lopes's avatar
Vitor Lopes committed
468 469
    .tooltip.bottom { 
        margin-top: 10px;
Vitor Lopes's avatar
Vitor Lopes committed
470
    }    
Vitor Lopes's avatar
Vitor Lopes committed
471

Vitor Lopes's avatar
Vitor Lopes committed
472 473 474 475
    .section:not(.section-team) .container {
        background: #FFFFFF;
    }

476 477 478 479
    .section .container > .row {
        height: 0;
    }

Vitor Lopes's avatar
fix #78  
Vitor Lopes committed
480
    .section-story-overview {
481 482
        .row {
            padding-top: 15px;
Vitor Lopes's avatar
Vitor Lopes committed
483 484
            padding-bottom: 15px;
            box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
485
        }
Vitor Lopes's avatar
Vitor Lopes committed
486

Vitor Lopes's avatar
fix #78  
Vitor Lopes committed
487 488 489 490 491 492 493 494 495 496 497 498 499 500
        .col-md-6:not(last-child) {
            .col-left {
                &:nth-child(2),
                &:nth-child(3),
                &:nth-child(4),
                &:nth-child(5) {
                    background-color: #80cbc46b;
                    padding: 8px;
                    color: #424242;
                }
            }
        }       
    }
    
Vitor Lopes's avatar
Vitor Lopes committed
501
    h3 .fa, h2 img, h3 .fab, h3 .fas {
Vitor Lopes's avatar
fix #78  
Vitor Lopes committed
502 503 504 505 506 507 508 509
        margin-right: 10px;
    }

    h2 img {
        width: 1em;
        vertical-align: text-top;
    }

Vitor Lopes's avatar
Vitor Lopes committed
510 511
    .blockquote {
        position: initial !important;
Vitor Lopes's avatar
Vitor Lopes committed
512 513 514
        .fa {
            color: $green;
        }
Vitor Lopes's avatar
Vitor Lopes committed
515 516 517
    }

    .logo {
Vitor Lopes's avatar
Vitor Lopes committed
518
        position: relative;
Vitor Lopes's avatar
Vitor Lopes committed
519 520 521 522 523 524 525
        width: 96px;
        height: 96px;
    }

    .fa-heart {
        color: red;
    }
Vitor Lopes's avatar
fix #78  
Vitor Lopes committed
526 527 528 529 530 531 532 533 534 535 536 537
    .fa-users {
        color: #2196f3;
    }
    .fa-dollar-sign {
        color: #ff6f00;
    }
    .fa-download {
        color: #d81b60;
    }
    .fa-linux {
        color: #616161;
    }
Vitor Lopes's avatar
Vitor Lopes committed
538 539 540
    .fa-compact-disc {
        color: #d84315;
    }
Vitor Lopes's avatar
Vitor Lopes committed
541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606
    .fa-facebook-f {
        color: #44609c;
    }
    .fa-twitter {
        color: #1da1f2;
    }
    .fa-youtube {
        color: #dd2c00;
    }
    .fa-gitlab {
        color: #e24329;
    }

    .social-icons-top {

        .fab {
           margin-top: 19px;
        }
         
        text-align: right;
        margin-top: -94px;

        .facebook {
            &:hover,
            &:active,
            &:focus {
                background-color: #44609c;
            }
        }
        .twitter {
            &:hover,
            &:active,
            &:focus {
                background-color: #1da1f2;
            }
        }
        .youtube {
            &:hover,
            &:active,
            &:focus {
                background-color: #dd2c00;
            }
        }
        .gitlab {
            &:hover,
            &:active,
            &:focus {
                background-color: #e24329;
            }
        }
    
        .btn {
            color: $green;
            margin-left: 5px;
            position: relative;
            z-index: 99; 
            height: 3.375rem;
            min-width: 3.375rem;
            width: 3.375rem;
            font-size: 1.1rem;      
    
            &:hover,
            &:active,
            &:focus {
                box-shadow: none;
                i {
Vitor Lopes's avatar
Vitor Lopes committed
607
                    color: white;
Vitor Lopes's avatar
Vitor Lopes committed
608 609 610 611 612
                    }
            }
        }
    }
    
Vitor Lopes's avatar
Vitor Lopes committed
613 614 615

    .page-header {
        max-height: 100% !important;
Vitor Lopes's avatar
Vitor Lopes committed
616
        & .container > .content-center {
617 618 619
            -ms-transform: translate(-50.1%, -70.1%);
            -webkit-transform: translate(-50.1%, -70.1%);
            transform: translate(-50.1%, -70.1%);
Vitor Lopes's avatar
Vitor Lopes committed
620
        }
Vitor Lopes's avatar
Vitor Lopes committed
621 622 623
    }

    h1 {
624 625
        margin-bottom: 30px;
        margin-top: 30px;
Vitor Lopes's avatar
Vitor Lopes committed
626 627
    }

628 629 630 631 632 633 634 635 636 637 638 639 640 641 642
    #contact {

        position: absolute;
        background-color: rgb(191, 54, 12);
        border: 1px solid rgb(191, 54, 12);
        font-weight: bolder;
        font-size: 10px;
        display: none;

        .fas {
            font-size: 1.3em;
            margin-left: 12px;
        }

        &:visited, &:hover, &:active {
Vitor Lopes's avatar
Vitor Lopes committed
643 644 645 646
            border: 1px solid rgb(191, 54, 12) !important;
            border: 1px solid rgba(191, 54, 12, 0.80) !important;
            background: rgb(191, 54, 12) !important;
            background-color: rgba(191, 54, 12, 0.80) !important;
647 648 649
        }

        &:active:focus {
Vitor Lopes's avatar
Vitor Lopes committed
650
            box-shadow: 0 0 0 0.2rem rgb(191, 54, 12) !important;
651 652 653 654
            box-shadow: 0 0 0 0.2rem rgba(191, 54, 12,.5) !important;
        }
    }

Vitor Lopes's avatar
Vitor Lopes committed
655
    .title-container {
Vitor Lopes's avatar
Vitor Lopes committed
656
        background-color: transparent;
Vitor Lopes's avatar
Vitor Lopes committed
657 658 659
        padding: 18px !important;
        z-index: -1;
        margin-top: 96px;
Vitor Lopes's avatar
Vitor Lopes committed
660 661
        
        p {
662
        color: white;
Vitor Lopes's avatar
Vitor Lopes committed
663
        text-align: justify;
Vitor Lopes's avatar
Vitor Lopes committed
664 665
        margin-bottom: 15px;
        margin-top: 15px;
Vitor Lopes's avatar
Vitor Lopes committed
666
        background: rgb(13,95,79);
Vitor Lopes's avatar
Vitor Lopes committed
667 668
        background-color: rgba(13, 95, 79, 0.80);
        padding: 14px;
Vitor Lopes's avatar
Vitor Lopes committed
669 670
        } 

671
        a, button {
Vitor Lopes's avatar
Vitor Lopes committed
672 673 674 675 676
            .fa, .fas {
                font-size: 1.3em;
                margin-left: 12px;
            }
            &, &:visited { 
Vitor Lopes's avatar
Vitor Lopes committed
677
                background: transparent;
Vitor Lopes's avatar
Vitor Lopes committed
678 679 680
                background-color: rgba(0, 0, 0, 0.48);
                font-weight: 600;
            }
681
        }
Vitor Lopes's avatar
Vitor Lopes committed
682

683
        a {
Vitor Lopes's avatar
Vitor Lopes committed
684
            &[href='/download/'] {
Vitor Lopes's avatar
Vitor Lopes committed
685 686
                border: 1px solid rgb(191, 54, 12); 
                &:hover, &:active {
Vitor Lopes's avatar
Vitor Lopes committed
687
                    background: rgb(191, 54, 12);
Vitor Lopes's avatar
Vitor Lopes committed
688
                    background-color: rgba(191, 54, 12, 0.80);
689
                    border: 1px solid rgb(191, 54, 12);
Vitor Lopes's avatar
Vitor Lopes committed
690
                    border: 1px solid rgba(191, 54, 12, 0.80);
Vitor Lopes's avatar
Vitor Lopes committed
691
                } 
Vitor Lopes's avatar
Vitor Lopes committed
692
                &:active:focus {
Vitor Lopes's avatar
Vitor Lopes committed
693
                    box-shadow: 0 0 0 0.2rem rgb(191, 54, 12);
Vitor Lopes's avatar
Vitor Lopes committed
694 695
                    box-shadow: 0 0 0 0.2rem rgba(191, 54, 12,.5);
                }
Vitor Lopes's avatar
Vitor Lopes committed
696
            }
697
        }
Vitor Lopes's avatar
Vitor Lopes committed
698
        
699 700 701
        button {
            border: 1px solid rgb(13,95,79) !important;
            &:hover, &:active {
Vitor Lopes's avatar
Vitor Lopes committed
702
                background: rgb(13,95,79);
703
                background-color: rgba(13,95,79, 0.80) !important;
Vitor Lopes's avatar
Vitor Lopes committed
704
                border: 1px solid rgb(13,95,79) !important;
705 706 707
                border: 1px solid rgba(13,95,79, 0.80) !important;
            } 
            &:active:focus {
Vitor Lopes's avatar
Vitor Lopes committed
708
                box-shadow: 0 0 0 0.2rem rgb(13,95,79) !important;
709 710
                box-shadow: 0 0 0 0.2rem rgba(13,95,79,.5) !important;
            } 
Vitor Lopes's avatar
Vitor Lopes committed
711
        }
Vitor Lopes's avatar
Vitor Lopes committed
712 713
    }

Vitor Lopes's avatar
fix #78  
Vitor Lopes committed
714 715
    h3, h2 {
        margin-bottom: 15px;
Philip Müller's avatar
Philip Müller committed
716
    }
Philip Müller's avatar
Philip Müller committed
717 718 719

    h5, .section-story-overview {
        text-align: justify;
Philip Müller's avatar
Philip Müller committed
720 721 722 723 724 725 726 727 728
        h3 {
            text-align: left;
        }
    }

    h5.description {
        font-size: 1.2rem;
        color: #6b6a6a;
        margin-top: 16px;
Vitor Lopes's avatar
Vitor Lopes committed
729
    }   
Philip Müller's avatar
Philip Müller committed
730
} 
731

Philip Müller's avatar
Philip Müller committed
732
.donate-page {
Philip Müller's avatar
Philip Müller committed
733
    
Vitor Lopes's avatar
Vitor Lopes committed
734 735 736
    .features-post {
        margin-bottom: -50px;
        h3 {
Philip Müller's avatar
Philip Müller committed
737
        margin-bottom: 0px;
Philip Müller's avatar
Philip Müller committed
738
        text-align: left;
Vitor Lopes's avatar
Vitor Lopes committed
739
        }
Philip Müller's avatar
Philip Müller committed
740
    }
Philip Müller's avatar
Philip Müller committed
741 742 743 744
    .flex-item {
        img {
            width: 140px !important;
        }
Philip Müller's avatar
Philip Müller committed
745 746 747 748 749
    }
    .flex-item:nth-child(2) h3 {
        margin-top: 4px !important;
        margin-bottom: 30px;
    }
Philip Müller's avatar
Philip Müller committed
750 751 752 753 754 755
    .flex-grid {
        padding-left: 0px;
    }
    p:nth-child(7) {
        text-align: center;
    }
Philip Müller's avatar
Philip Müller committed
756 757 758
    .section {
        padding: 0;
    }
Philip Müller's avatar
Philip Müller committed
759 760 761
}

.download-page {
Vitor Lopes's avatar
Vitor Lopes committed
762
        
Philip Müller's avatar
Philip Müller committed
763 764 765 766
    .editions-tag-checkbutton label {
        width: 170px;
        min-width: 170px;
    }
Philip Müller's avatar
Philip Müller committed
767 768
    .section {
        padding: 0;
Vitor Lopes's avatar
Vitor Lopes committed
769
        margin-top: 38px;
Oğuz Kağan EREN's avatar
Oğuz Kağan EREN committed
770
        min-height: 93vh;
Philip Müller's avatar
Philip Müller committed
771 772 773 774 775 776 777
    }
    ul.card {
        padding-right:0 !important;
    }
    li img {
        margin-right: 8px;
    }
Vitor Lopes's avatar
Vitor Lopes committed
778 779 780 781 782 783
    .editions-box {
        .name, .action {
            font-size: 18px !important;
        }
    }
    .editions-box-hideable {
Vitor Lopes's avatar
Vitor Lopes committed
784
        padding: 6px;
Vitor Lopes's avatar
Vitor Lopes committed
785
        display: inline-block;
Vitor Lopes's avatar
Vitor Lopes committed
786
    }
787 788
    .btn-group {
        padding: 12px;
Vitor Lopes's avatar
Vitor Lopes committed
789
        padding-bottom: 6px;
Vitor Lopes's avatar
Vitor Lopes committed
790
    }
Philip Müller's avatar
Philip Müller committed
791 792
}

Philip Müller's avatar
Philip Müller committed
793 794 795 796 797 798 799 800 801 802 803 804
.support-page {
    h3 {
        margin-bottom: 10px;
        margin-top: 60px;
    }
    ul {
        padding-left: 86px;
    }
    img {
        margin-right: 5px;
        margin-top: -5px;
    }
Philip Müller's avatar
Philip Müller committed
805 806 807
    .section {
        padding: 0;
    }
Philip Müller's avatar
Philip Müller committed
808 809
}

Philip Müller's avatar
Philip Müller committed
810 811 812 813 814
.page {
    img[src="/img/features/overview.png"] {
      padding-bottom: 60px;
      padding-top: 20px;
    }
Philip Müller's avatar
Philip Müller committed
815

Philip Müller's avatar
Philip Müller committed
816 817 818 819 820 821 822 823
    td {
      padding-right: 5px;
    }
    h2 {
        text-align: center;
    }
    .header-link {
        width: 100%;
824
        margin-bottom: 0px;
825 826 827 828 829
    } 
    ul {
        text-align: left;
    } 
    a img:first-child {
Philip Müller's avatar
Philip Müller committed
830
        margin-bottom: 30px;
Vitor Lopes's avatar
Vitor Lopes committed
831 832 833 834
    }  
    .section {
        min-height: 91vh !important;
    }  
Philip Müller's avatar
Philip Müller committed
835 836 837 838 839 840 841 842 843
}

.privacy-policy, .terms-of-use {
    h2, h3 {
        text-align: left;
        margin-bottom: 0;
    }
}

Philip Müller's avatar
Philip Müller committed
844
.useful-for-everyone {
Vitor Lopes's avatar
Vitor Lopes committed
845 846 847
    .row {
        div a {
            width: 100%;
848 849 850 851 852
            border-radius: 0px;
        }
        .list-group {
            min-height: 235px;
            li:last-child {
Vitor Lopes's avatar
Vitor Lopes committed
853
                border-bottom: 1px solid white;
854
                }
Vitor Lopes's avatar
Vitor Lopes committed
855 856
        }
        h2 {
857
       margin-bottom: 0px;
Vitor Lopes's avatar
Vitor Lopes committed
858
        }
Philip Müller's avatar
Philip Müller committed
859
    }
Philip Müller's avatar
Philip Müller committed
860 861
    .section {
        padding: 0;
Vitor Lopes's avatar
Vitor Lopes committed
862
        padding-top: 50px;
Philip Müller's avatar
Philip Müller committed
863
    }
Vitor Lopes's avatar
Vitor Lopes committed
864 865 866
    .btn {
        margin: 0;
    }
867 868 869 870 871
    .btn-success {
        &:hover, &:active, a:focus {
           text-decoration: underline;
        }
    }
Philip Müller's avatar
Philip Müller committed
872 873
}

Philip Müller's avatar
Philip Müller committed
874 875 876 877 878
.xl-icon {
    height: 150px;
    width: 150px;
}

879 880 881 882 883
.sm-icon {
    width: 25px;
    height: 25px;
}

Philip Müller's avatar
Philip Müller committed
884 885 886 887 888
.under-your-control {
    
    h3 {
        margin-bottom: 0px;
    }
Philip Müller's avatar
Philip Müller committed
889 890
    .section {
        padding: 0;
Vitor Lopes's avatar
Vitor Lopes committed
891
        padding-top: 90px;
Vitor Lopes's avatar
Vitor Lopes committed
892
        min-height: 91vh !important;
Philip Müller's avatar
Philip Müller committed
893
    }
Philip Müller's avatar
Philip Müller committed
894 895
}

Vitor Lopes's avatar
Vitor Lopes committed
896
.fresh-and-stable {
Philip Müller's avatar
Philip Müller committed
897
    .section {
Vitor Lopes's avatar
Vitor Lopes committed
898
        padding-top: 90px;
Philip Müller's avatar
Philip Müller committed
899
    }
Philip Müller's avatar
Philip Müller committed
900
}
Vitor Lopes's avatar
Vitor Lopes committed
901 902

.first-steps {
Vitor Lopes's avatar
Vitor Lopes committed
903 904 905 906

    h2 {
        margin-bottom: 0;
    }
Vitor Lopes's avatar
Vitor Lopes committed
907
    
Philip Müller's avatar
Philip Müller committed
908
    .section {
Vitor Lopes's avatar
Vitor Lopes committed
909 910
        padding-bottom: 40px;
        padding-top: 90px;
Philip Müller's avatar
Philip Müller committed
911
    }
Vitor Lopes's avatar
Vitor Lopes committed
912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935
    img[src="/img/support/firststeps-overview.png#center"] {
        margin-top:40px;
        margin-bottom: 40px;
    }
    ul {
        & > li {
            display: block;
        }
        p {
        margin-bottom: 0px;
        }
        li ul {
            margin-bottom: 40px;
            padding-left: 31px;
            li {
                display: list-item;
            }
        }
        img {
            width: 32px;
            height: 32px;
            margin-right: 5px;
        }
    }
Philip Müller's avatar
Philip Müller committed
936 937
}

Philip Müller's avatar
Philip Müller committed
938
.user-guide {
Vitor Lopes's avatar
Vitor Lopes committed
939 940 941

    .section {
        padding: 0;
Vitor Lopes's avatar
Vitor Lopes committed
942
        padding-top: 70px;
Vitor Lopes's avatar
Vitor Lopes committed
943 944
        height: 100%;
        min-height: 91vh !important;
Vitor Lopes's avatar
Vitor Lopes committed
945 946
    }

Vitor Lopes's avatar
Vitor Lopes committed
947
    .section .container:nth-child(1) {
Philip Müller's avatar
Philip Müller committed
948
        text-align: center;
Vitor Lopes's avatar
Vitor Lopes committed
949
        margin-bottom: 90px;
950
    }
Philip Müller's avatar
Philip Müller committed
951 952
    li {
        text-align: left;
Philip Müller's avatar
Philip Müller committed
953
    }
Vitor Lopes's avatar
Vitor Lopes committed
954 955 956
    
    .card {
        overflow: visible;
Vitor Lopes's avatar
Vitor Lopes committed
957 958 959
        background: #2c2c2c;
        color: #cecccc;

Vitor Lopes's avatar
Vitor Lopes committed
960 961 962 963 964 965 966 967 968 969 970 971
        .card-header {
            padding: 0;
        }
        img {
            position: absolute;
            margin-top: -70px;
            z-index: 99;
        }
        td {
            text-align: left;
        }
    } 
Vitor Lopes's avatar
Vitor Lopes committed
972
    
Vitor Lopes's avatar
Vitor Lopes committed
973
    .btn-container {
Vitor Lopes's avatar
Vitor Lopes committed
974
        margin-bottom: -10px;
Vitor Lopes's avatar
Vitor Lopes committed
975 976 977

        .btn {
            font-weight: bold;
978 979 980 981 982
            border: 1px solid rgb(191, 54, 12) !important;
            border: 1px solid rgba(191, 54, 12, 0.80) !important;
            background: rgb(191, 54, 12) !important;
            background-color: rgba(191, 54, 12, 0.80) !important;
            &:visited, &:hover, &:active {
Vitor Lopes's avatar
Vitor Lopes committed
983 984 985 986 987 988 989 990
                border: 1px solid rgb(191, 54, 12) !important;
                background: rgb(191, 54, 12) !important;
            }
    
            &:active:focus {
                box-shadow: 0 0 0 0.2rem rgb(191, 54, 12) !important;
                box-shadow: 0 0 0 0.2rem rgba(191, 54, 12,.5) !important;
            }
Vitor Lopes's avatar
Vitor Lopes committed
991 992 993 994

            .fas {
                margin-left: 15px;
            }
Vitor Lopes's avatar
Vitor Lopes committed
995
        }
Vitor Lopes's avatar
Vitor Lopes committed
996
    }  
997

Vitor Lopes's avatar
Vitor Lopes committed
998 999
    h4 {
        margin-top: 60px;
Vitor Lopes's avatar
Vitor Lopes committed
1000
        color: #cecccc !important;
Vitor Lopes's avatar
Vitor Lopes committed
1001
    }    
Philip Müller's avatar
Philip Müller committed
1002 1003 1004
}

.news {
Vitor Lopes's avatar
Vitor Lopes committed
1005

1006 1007 1008 1009
    #btn-layout {
        background: transparent;
        border: none;
        cursor: pointer;
Vitor Lopes's avatar
Vitor Lopes committed
1010 1011
        width: 28px;
        .fas {
1012 1013 1014
        font-size: 28px !important;
        color: #5d595a;
        }
Vitor Lopes's avatar
Vitor Lopes committed
1015 1016 1017
        .fa-grip-horizontal {
            display: none;
        }
1018 1019 1020 1021 1022 1023 1024 1025 1026
        &:active, &:hover, &:focus {
            outline: none;
        }
    }
    .btn-group {
        margin-bottom: -13px;
        margin-top: -26px;
    }

Vitor Lopes's avatar
Vitor Lopes committed
1027
    .classic-layout {
1028 1029 1030 1031 1032 1033 1034 1035 1036 1037
        
        .grid-item {
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }
        img, button {
            display: none !important;
        }
    }

Vitor Lopes's avatar
Vitor Lopes committed
1038 1039 1040 1041 1042 1043 1044 1045 1046
    .gifffer-play-button {
        background: #0d5f4f !important;
        background-color: rgba(13, 95, 79, 0.8) !important;
        div {
            border-left: 14px solid white !important;
            border-left: 14px solid rgba(255, 255, 255,0.8) !important;
        }
    }

1047 1048 1049 1050 1051
    .grid-item {
        transition: background 0.4s, max-width .1s;
        will-change: transform;
    }

1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062
    .social-icons-top {
        text-align: right;
        position: relative;
        margin-top: -43px;
        .btn {
            height: 2.075rem;
            min-width: 2.075rem;
            width: 2.075rem;     
        }
        i {
            font-size: 14px !important;
Vitor Lopes's avatar
Vitor Lopes committed
1063
            padding-top: 10px;
1064 1065 1066 1067 1068 1069 1070 1071
            color: white;
        }
        .facebook {
            background-color: #44609c;
            &:hover,
            &:active,
            &:focus {
                background-color: #44609c;
Vitor Lopes's avatar
Vitor Lopes committed
1072
                box-shadow: 0 0 0 0.2rem rgba(68, 96, 156,.5) !important;
1073 1074 1075 1076 1077 1078 1079 1080
            }
        }
        .twitter {
            background-color: #1da1f2;
            &:hover,
            &:active,
            &:focus {
                background-color: #1da1f2;
Vitor Lopes's avatar
Vitor Lopes committed
1081
                box-shadow: 0 0 0 0.2rem rgba(29, 161, 242,.5) !important;
1082 1083 1084 1085
            }
        }
    }

1086 1087 1088 1089
    #updatesModal {
        .modal-header {
            padding-top: 14px;
        }
Vitor Lopes's avatar
Vitor Lopes committed
1090 1091 1092
        .modal-title, .btn-group {
            margin: 0 auto;
        }
1093 1094 1095 1096
        h2 {
            margin-bottom: 0;
        }
    }
1097 1098

    .stable .card-title {
1099
        &, &:hover, &:active &:focus {
Vitor Lopes's avatar
Vitor Lopes committed
1100
            border-bottom: 3px solid #009688; 
1101
        }
1102 1103
    }
    .testing .card-title {
1104
        &, &:hover, &:active &:focus {
Vitor Lopes's avatar
Vitor Lopes committed
1105
            border-bottom: 3px solid #ffab00; 
1106
        }
1107 1108
    }
    .unstable .card-title {
1109 1110 1111 1112
        &, &:hover, &:active &:focus {
            border-bottom: 3px solid #d50000;
        }

1113 1114
    }

1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127
    .view.overlay {
        overflow: hidden;    
        &:before {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            right: 0;
            top: 0;
            border-bottom: 60px solid transparent;
            border-right: 100px solid #e91e63;
            z-index: 1;
        }
Vitor Lopes's avatar
Vitor Lopes committed
1128
    }
Oğuz Kağan EREN's avatar
Oğuz Kağan EREN committed
1129
    .container .btn-success{
Vitor Lopes's avatar
Vitor Lopes committed
1130
        background-color: $green !important;
Oğuz Kağan EREN's avatar
Oğuz Kağan EREN committed
1131 1132 1133 1134
    }
    
    .read{
        font-weight: 900;
Oğuz Kağan EREN's avatar
Oğuz Kağan EREN committed
1135
        color: white;
Oğuz Kağan EREN's avatar
Oğuz Kağan EREN committed
1136 1137 1138
    }

    .bar {
Oğuz Kağan EREN's avatar
Oğuz Kağan EREN committed
1139
        background-color: $green;
Oğuz Kağan EREN's avatar
Oğuz Kağan EREN committed
1140 1141 1142 1143 1144 1145 1146 1147
        padding-bottom: 1px;
        font-weight: 900;
    }
    ul{
        text-align: center;
        color: white;
    }
    .bar a {
Vitor Lopes's avatar
Vitor Lopes committed
1148

Oğuz Kağan EREN's avatar
Oğuz Kağan EREN committed
1149 1150 1151 1152 1153 1154
        color: white;
        font-weight: 700;
    }
    a {
        color: $green;
    }
1155 1156
    .blog .row {
        min-height: 2000px;
Philip Müller's avatar
Philip Müller committed
1157
    }
Oğuz Kağan EREN's avatar
Oğuz Kağan EREN committed
1158
    
Philip Müller's avatar
Philip Müller committed
1159
    .section {
Vitor Lopes's avatar
Vitor Lopes committed
1160
        
1161 1162 1163
        .container {
            margin-top: 46px;
        }
Philip Müller's avatar
Philip Müller committed
1164
        padding-top: 30px;
Philip Müller's avatar
Philip Müller committed
1165 1166 1167 1168 1169 1170 1171 1172 1173 1174
        *:not(button) {
            font-size: 14px;
        }
        .title-container {
            margin-top: 62px;
            text-align: center;
            .title {
                font-size: 22px;
            }
        }
Philip Müller's avatar
Philip Müller committed
1175 1176 1177
    }
    .blog {
        padding-top: 0;
1178
        margin-top: 15px;
Philip Müller's avatar
Philip Müller committed
1179 1180 1181
        div.text-center {
            margin-bottom: 40px;
        }
Philip Müller's avatar
Philip Müller committed
1182 1183 1184 1185 1186
    }
    .blog-post {
            margin-bottom: 0;
    }
    .card {
Vitor Lopes's avatar
Vitor Lopes committed
1187 1188 1189 1190 1191 1192 1193 1194 1195

        *:hover {
            border: 0;
        }
        overflow: visible;
        #date {
            height: 0;
        }
        .date {
Vitor Lopes's avatar
Vitor Lopes committed
1196 1197 1198 1199
            position: absolute;
            top: 17px;
            right: 0px;
            background-color: transparent;
Vitor Lopes's avatar
Vitor Lopes committed
1200
            color: white;
Vitor Lopes's avatar
Vitor Lopes committed
1201
            font-size: 12px;
Vitor Lopes's avatar
Vitor Lopes committed
1202 1203
            font-weight: bold;
            transform: rotate(32deg);
Vitor Lopes's avatar
Vitor Lopes committed
1204
            z-index: 2;
Vitor Lopes's avatar
Vitor Lopes committed
1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 1221 1222 1223 1224 1225 1226 1227