From e76e8ed1eb148086abb968229fd52c4e3207d368 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Thu, 4 Feb 2021 19:59:02 +0000 Subject: [PATCH 001/279] Install django-libsass - implement test .scss on grants page --- app/app/settings.py | 11 +++++++++++ app/assets/v3/scss/main.scss | 5 +++++ app/grants/templates/grants/index.html | 4 ++++ requirements/base.txt | 1 + 4 files changed, 21 insertions(+) create mode 100644 app/assets/v3/scss/main.scss diff --git a/app/app/settings.py b/app/app/settings.py index 2642617dc72..62cdfe8fb77 100644 --- a/app/app/settings.py +++ b/app/app/settings.py @@ -79,6 +79,7 @@ # Application definition INSTALLED_APPS = [ 'csp', + 'compressor', 'corsheaders', 'django.contrib.admin', 'taskapp.celery.CeleryConfig', @@ -196,6 +197,16 @@ }, }] +# Sass set-up +COMPRESS_PRECOMPILERS = ( + ('text/x-scss', 'django_libsass.SassCompiler'), +) +STATICFILES_FINDERS = [ + 'django.contrib.staticfiles.finders.FileSystemFinder', + 'django.contrib.staticfiles.finders.AppDirectoriesFinder', + 'compressor.finders.CompressorFinder' +] + SITE_ID = env.int('SITE_ID', default=1) WSGI_APPLICATION = env('WSGI_APPLICATION', default='app.wsgi.application') diff --git a/app/assets/v3/scss/main.scss b/app/assets/v3/scss/main.scss new file mode 100644 index 00000000000..bc6a4dfb973 --- /dev/null +++ b/app/assets/v3/scss/main.scss @@ -0,0 +1,5 @@ +.grants-details-parent { + & > div { + opacity: 0.2; + } +} \ No newline at end of file diff --git a/app/grants/templates/grants/index.html b/app/grants/templates/grants/index.html index 22dc2df78be..d1501d0bde6 100644 --- a/app/grants/templates/grants/index.html +++ b/app/grants/templates/grants/index.html @@ -13,6 +13,7 @@ . {% endcomment %} {% load humanize static i18n %} +{% load compress %} @@ -26,6 +27,9 @@ + {% compress css %} + + {% endcompress %} - From a3b3c8609997c138253d04628678c44a669c4f68 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Mon, 8 Feb 2021 19:25:40 +0000 Subject: [PATCH 019/279] Updates css href's -> scss (app/dashboard/templates/quickstart.html) --- app/dashboard/templates/quickstart.html | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/app/dashboard/templates/quickstart.html b/app/dashboard/templates/quickstart.html index 05b55710102..53dbeedf65b 100644 --- a/app/dashboard/templates/quickstart.html +++ b/app/dashboard/templates/quickstart.html @@ -14,17 +14,19 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} {% include 'shared/head.html' %} {% include 'shared/cards.html' %} - - - - + {% compress css file quickstart %} + + + + + {% endcompress %} {% include 'shared/tag_manager_2.html' %} From eb4a8028babd6c9d3b54cba365dbd2c7a0882d0d Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Mon, 8 Feb 2021 19:27:03 +0000 Subject: [PATCH 020/279] Updates css href's -> scss (app/dashboard/templates/request_payment.html) --- app/dashboard/templates/request_payment.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/dashboard/templates/request_payment.html b/app/dashboard/templates/request_payment.html index 2ff1c5449c9..b506e49ca66 100644 --- a/app/dashboard/templates/request_payment.html +++ b/app/dashboard/templates/request_payment.html @@ -15,7 +15,7 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} {% block 'scripts' %} {% include 'shared/current_profile.html' %} @@ -34,7 +34,9 @@ {% endblock %} {% block 'main' %} - +{% compress css file tooltip_hover %} + +{% endcompress %} - - + rect { + fill: none; + pointer-events: all; + } + + From f2e65ef27b4307079988bcbdbe91cd89780c5b9b Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 21:52:15 +0000 Subject: [PATCH 056/279] Updates css href's -> scss (app/dataviz/templates/dataviz/heatmap.html) --- app/dataviz/templates/dataviz/heatmap.html | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/app/dataviz/templates/dataviz/heatmap.html b/app/dataviz/templates/dataviz/heatmap.html index a09123d308c..bd422f17b5f 100644 --- a/app/dataviz/templates/dataviz/heatmap.html +++ b/app/dataviz/templates/dataviz/heatmap.html @@ -1,5 +1,5 @@ {% extends "admin/base_site.html" %} -{% load humanize i18n static %} +{% load humanize i18n static compress %} {% comment %} Copyright (C) 2020 Gitcoin Core @@ -16,8 +16,11 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% block extrastyle %}{{ block.super }}{% endblock %} - +{% block extrastyle %}{{ block.super }} + {% compress css file admin_dashboard %} + + {% endcompress %} +{% endblock %} {% block coltype %}colMS{% endblock %} {% block bodyclass %}{{ block.super }} cohort{% endblock %} @@ -83,8 +86,10 @@ - - + {% compress css file dataviz_heatmap %} + + + {% endcompress %} < back From 6e794eb1d769471042ead43597f1756a5a08452e Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 21:52:22 +0000 Subject: [PATCH 057/279] Updates css href's -> scss (app/dataviz/templates/dataviz/index.html) --- app/dataviz/templates/dataviz/index.html | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/app/dataviz/templates/dataviz/index.html b/app/dataviz/templates/dataviz/index.html index b6076d7d3dd..191ec83cc1f 100644 --- a/app/dataviz/templates/dataviz/index.html +++ b/app/dataviz/templates/dataviz/index.html @@ -18,9 +18,13 @@ {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} -{% block extrastyle %}{{ block.super }}{% endblock %} +{% block extrastyle %}{{ block.super }} + {% compress css file admin_dashboard %} + + {% endcompress %} +{% endblock %} {% block coltype %}colMS{% endblock %} From 66544690653658a7fcb0c1e2160fe93e0b2deb7f Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 21:52:35 +0000 Subject: [PATCH 058/279] Updates css href's -> scss (app/dataviz/templates/dataviz/mesh.html) --- app/dataviz/templates/dataviz/mesh.html | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/app/dataviz/templates/dataviz/mesh.html b/app/dataviz/templates/dataviz/mesh.html index 587d1b601ab..4aff5548f0a 100644 --- a/app/dataviz/templates/dataviz/mesh.html +++ b/app/dataviz/templates/dataviz/mesh.html @@ -15,8 +15,12 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load i18n static %} -{% block extrastyle %}{{ block.super }}{% endblock %} +{% load i18n static compress %} +{% block extrastyle %}{{ block.super }} + {% compress css file admin_dashboard %} + + {% endcompress %} +{% endblock %} {% block coltype %}colMS{% endblock %} {% block bodyclass %}{{ block.super }} dashboard{% endblock %} {% block breadcrumbs %}{% endblock %} From 18f1f14b4b4ba6fc51e77c961105b3c4ba094acc Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 21:52:42 +0000 Subject: [PATCH 059/279] Updates css href's -> scss (app/dataviz/templates/dataviz/spiral.html) --- app/dataviz/templates/dataviz/spiral.html | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/app/dataviz/templates/dataviz/spiral.html b/app/dataviz/templates/dataviz/spiral.html index 9d3cd94f14a..91a8d756a3e 100644 --- a/app/dataviz/templates/dataviz/spiral.html +++ b/app/dataviz/templates/dataviz/spiral.html @@ -1,5 +1,5 @@ {% extends "admin/base_site.html" %} -{% load humanize i18n static %} +{% load humanize i18n static compress %} {% comment %} Copyright (C) 2020 Gitcoin Core @@ -16,8 +16,11 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% block extrastyle %}{{ block.super }}{% endblock %} - +{% block extrastyle %}{{ block.super }} + {% compress css file admin_dashboard %} + + {% endcompress %} +{% endblock %} {% block coltype %}colMS{% endblock %} {% block bodyclass %}{{ block.super }} cohort{% endblock %} @@ -79,8 +82,10 @@ Condegram Spiral Plot - - + {% compress css file typography %} + + + {% endcompress %} < back From aacb9aaea4dd3f9022db56c6b9eac05e4001ddab Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 21:52:50 +0000 Subject: [PATCH 060/279] Updates css href's -> scss (app/dataviz/templates/dataviz/steamgraph.html) --- app/dataviz/templates/dataviz/steamgraph.html | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/app/dataviz/templates/dataviz/steamgraph.html b/app/dataviz/templates/dataviz/steamgraph.html index bc804149a13..e63c370e3d5 100644 --- a/app/dataviz/templates/dataviz/steamgraph.html +++ b/app/dataviz/templates/dataviz/steamgraph.html @@ -1,5 +1,5 @@ {% extends "admin/base_site.html" %} -{% load humanize %} +{% load humanize compress %} {% comment %} Copyright (C) 2019 Gitcoin Core @@ -20,7 +20,11 @@ {% load i18n static %} -{% block extrastyle %}{{ block.super }}{% endblock %} +{% block extrastyle %}{{ block.super }} + {% compress css file admin_dashboard %} + + {% endcompress %} +{% endblock %} {% block coltype %}colMS{% endblock %} From 1d4aace13e9a89c5553d2ce726bca5ed3c9a467f Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 21:52:57 +0000 Subject: [PATCH 061/279] Updates css href's -> scss (app/dataviz/templates/dataviz/sunburst.html) --- app/dataviz/templates/dataviz/sunburst.html | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/app/dataviz/templates/dataviz/sunburst.html b/app/dataviz/templates/dataviz/sunburst.html index 56c74bbbb74..22bcaec7197 100644 --- a/app/dataviz/templates/dataviz/sunburst.html +++ b/app/dataviz/templates/dataviz/sunburst.html @@ -1,5 +1,5 @@ {% extends "admin/base_site.html" %} -{% load humanize i18n static %} +{% load humanize i18n static compress %} {% comment %} Copyright (C) 2020 Gitcoin Core @@ -16,7 +16,11 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% block extrastyle %}{{ block.super }}{% endblock %} +{% block extrastyle %}{{ block.super }} + {% compress css file admin_dashboard %} + + {% endcompress %} +{% endblock %} {% block coltype %}colMS{% endblock %} @@ -32,8 +36,10 @@ - - + {% compress css file dataviz_sunburst %} + + + {% endcompress %} From f59e439fe2cd03f5ec04d8d477a40fe14aee73a1 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 21:53:32 +0000 Subject: [PATCH 062/279] Updates css href's -> scss (app/dataviz/templates/stats.html) --- app/dataviz/templates/stats.html | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/app/dataviz/templates/stats.html b/app/dataviz/templates/stats.html index ac902202569..0e9c7ed24d4 100644 --- a/app/dataviz/templates/stats.html +++ b/app/dataviz/templates/stats.html @@ -15,8 +15,12 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load i18n static %} -{% block extrastyle %}{{ block.super }}{% endblock %} +{% load i18n static compress %} +{% block extrastyle %}{{ block.super }} + {% compress css file admin_dashboard %} + + {% endcompress %} +{% endblock %} {% block coltype %}colMS{% endblock %} {% block bodyclass %}{{ block.super }} dashboard{% endblock %} {% block breadcrumbs %}{% endblock %} From a46749c82a7c52315b3c5b81b9847fcd71085c82 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 21:53:49 +0000 Subject: [PATCH 063/279] Updates css href's -> scss (app/faucet/templates/bulk_DM.html) --- app/faucet/templates/bulk_DM.html | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/app/faucet/templates/bulk_DM.html b/app/faucet/templates/bulk_DM.html index 4c3202b522c..ef9fbb4fb52 100644 --- a/app/faucet/templates/bulk_DM.html +++ b/app/faucet/templates/bulk_DM.html @@ -17,9 +17,13 @@ {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} -{% block extrastyle %}{{ block.super }}{% endblock %} +{% block extrastyle %}{{ block.super }} + {% compress css file admin_dashboard %} + + {% endcompress %} +{% endblock %} {% block coltype %}colMS{% endblock %} From 02740e596054e3f1785a5e8f82597e3c712b0cc3 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 21:54:08 +0000 Subject: [PATCH 064/279] Updates css href's -> scss (app/faucet/templates/bulk_email.html) --- app/faucet/templates/bulk_email.html | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/app/faucet/templates/bulk_email.html b/app/faucet/templates/bulk_email.html index 2d03ec5477d..92994afef60 100644 --- a/app/faucet/templates/bulk_email.html +++ b/app/faucet/templates/bulk_email.html @@ -17,9 +17,14 @@ {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} -{% block extrastyle %}{{ block.super }}{% endblock %} +{% block extrastyle %}{{ block.super }} + {% compress css file admin_dashboard_bootstrap %} + + + {% endcompress %} +{% endblock %} {% block coltype %}colMS{% endblock %} From a92d5965d1b34e0268b9dfc1e56aa1d0f0b09f5b Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 21:54:23 +0000 Subject: [PATCH 065/279] Updates css href's -> scss (app/faucet/templates/process_faucet_request.html) --- app/faucet/templates/process_faucet_request.html | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/app/faucet/templates/process_faucet_request.html b/app/faucet/templates/process_faucet_request.html index 81dae5c6909..1ba2b51142c 100644 --- a/app/faucet/templates/process_faucet_request.html +++ b/app/faucet/templates/process_faucet_request.html @@ -17,9 +17,14 @@ {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} + +{% block extrastyle %}{{ block.super }} + {% compress css file admin_dashboard %} + + {% endcompress %} +{% endblock %} -{% block extrastyle %}{{ block.super }} - - +{% compress css file receive_bulk %} + + +{% endcompress %} From 760feddbca6bcf543811cbfe7a39740ceef53c03 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 21:59:38 +0000 Subject: [PATCH 086/279] Updates css href's -> scss (app/ptokens/templates/ptokens_faq.html) --- app/ptokens/templates/shared/ptokens_faq.html | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/app/ptokens/templates/shared/ptokens_faq.html b/app/ptokens/templates/shared/ptokens_faq.html index eca7a71be6c..a5a13106f87 100644 --- a/app/ptokens/templates/shared/ptokens_faq.html +++ b/app/ptokens/templates/shared/ptokens_faq.html @@ -14,8 +14,10 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load static humanize i18n %} - +{% load static humanize i18n compress %} +{% compress css file kudos_styles %} + +{% endcompress %}

FAQ

@@ -56,5 +58,6 @@
A Creator accepted my request and did not meet my expectat

Under each profile you’ll see a feedback score. This is the main place where we can see how a creator is holding up their end of the bargain. Please submit an appropriate overview on what happened and we’ll look to see if further action needs to be taken.

+
From 654b900b0da3652eb9202a2f9263596e9d5c0728 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 21:59:46 +0000 Subject: [PATCH 087/279] Updates css href's -> scss (app/ptokens/templates/ptokens_make_faq.html) --- .../templates/shared/ptokens_make_faq.html | 80 ++++++++++--------- 1 file changed, 41 insertions(+), 39 deletions(-) diff --git a/app/ptokens/templates/shared/ptokens_make_faq.html b/app/ptokens/templates/shared/ptokens_make_faq.html index f4a1ebf9936..37950d6461f 100644 --- a/app/ptokens/templates/shared/ptokens_make_faq.html +++ b/app/ptokens/templates/shared/ptokens_make_faq.html @@ -14,51 +14,53 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load static humanize i18n %} - +{% load static humanize i18n compress %} +{% compress css file kudos_styles %} + +{% endcompress %} -

FAQ

+

FAQ

-
-
{% trans "What are time tokens?" %}
-
-

Time tokens are ERC20 tokens tied to different Gitcoin users. They represent a claim over listed uses like time, work and feedback. Each time token is unique, and different tokens may be redeemed for specific uses.

-
-
+
+
{% trans "What are time tokens?" %}
+
+

Time tokens are ERC20 tokens tied to different Gitcoin users. They represent a claim over listed uses like time, work and feedback. Each time token is unique, and different tokens may be redeemed for specific uses.

+
+
-
-
What can I use a time token for?
-
-

Gitcoin time tokens are tied to time. One token will always equal one hour of time and it’s up to you to determine how you’d like that time to be spent. The important thing to note is that time tokens should represent your strengths. The more detail you can provide over what someone can expect, the more likely they are to purchase your tokens for future work.

-
-
+
+
What can I use a time token for?
+
+

Gitcoin time tokens are tied to time. One token will always equal one hour of time and it’s up to you to determine how you’d like that time to be spent. The important thing to note is that time tokens should represent your strengths. The more detail you can provide over what someone can expect, the more likely they are to purchase your tokens for future work.

+
+
-
-
What happens when I create a token?
-
-

Each token utilizes a unique smart contract for issuance and redemption. Upon creation, users will be able to send DAI directly to the contract in exchange for your tokens at the predetermined rate. You will receive that DAI directly to your connected web3 wallet.

-
-
+
+
What happens when I create a token?
+
+

Each token utilizes a unique smart contract for issuance and redemption. Upon creation, users will be able to send DAI directly to the contract in exchange for your tokens at the predetermined rate. You will receive that DAI directly to your connected web3 wallet.

+
+
-
-
Where can I manage my tokens?
-
-

Creators can actively manage all things Time Token via the Dashboard under the Time Token tab. Assuming you’ve already created a token, you’ll see a buttom to “Edit” your token’s price and to mint new tokens.

-
-
+
+
Where can I manage my tokens?
+
+

Creators can actively manage all things Time Token via the Dashboard under the Time Token tab. Assuming you’ve already created a token, you’ll see a buttom to “Edit” your token’s price and to mint new tokens.

+
+
-
-
Do I have to accept an incoming request?
-
-

You are entitled to only accept requests which you see fit. Please note that denying too many requests is likely to affect your reputation, so please provide the redeemer with detailed feedback as to why their request did not meet your standards so that they can revise their request to better suit your skills.

-
-
+
+
Do I have to accept an incoming request?
+
+

You are entitled to only accept requests which you see fit. Please note that denying too many requests is likely to affect your reputation, so please provide the redeemer with detailed feedback as to why their request did not meet your standards so that they can revise their request to better suit your skills.

+
+
-
-
What happens when I accept a request?
-
-

Upon accepting a request, it is up to the redeemer to mark the task as completed. Upon the task being marked as complete, time tokens are transferred out of their possession and back to your time token contract.

-
-
+
+
What happens when I accept a request?
+
+

Upon accepting a request, it is up to the redeemer to mark the task as completed. Upon the task being marked as complete, time tokens are transferred out of their possession and back to your time token contract.

+
+
From cccfe07707be4c0f8d8d49bfa807943b31e32f66 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:00:05 +0000 Subject: [PATCH 088/279] Updates css href's -> scss (app/quests/templates/quests/base.html) --- app/quests/templates/quests/base.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/quests/templates/quests/base.html b/app/quests/templates/quests/base.html index cccf0cdf877..8f06c75209d 100644 --- a/app/quests/templates/quests/base.html +++ b/app/quests/templates/quests/base.html @@ -15,13 +15,15 @@ along with this program. If not, see . {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} {% include 'shared/head.html' %} {% block 'extrahead' %} - + {% compress css file quests %} + + {% endcompress %} {% endblock %} {% include 'shared/cards_pic.html' %} From 4d9c8a381c6e25d617df8a9ad419a17b9eee0dd5 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:00:15 +0000 Subject: [PATCH 089/279] Updates css href's -> scss (app/quests/templates/quests/new.html) --- app/quests/templates/quests/new.html | 30 ++++++++++++++++------------ 1 file changed, 17 insertions(+), 13 deletions(-) diff --git a/app/quests/templates/quests/new.html b/app/quests/templates/quests/new.html index 16b654bfa62..c1bd21a17a5 100644 --- a/app/quests/templates/quests/new.html +++ b/app/quests/templates/quests/new.html @@ -15,22 +15,26 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} {% block 'content' %} - +{% compress css file onepagesubmit %} + +{% endcompress %} - +{% compress css file onepagesubmit %} + +{% endcompress %}
From f4051178f2115b730d5b6af500fb0e5a984007b6 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:00:26 +0000 Subject: [PATCH 090/279] Updates css href's -> scss (app/quests/templates/quests/types/example.html) --- app/quests/templates/quests/types/example.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/quests/templates/quests/types/example.html b/app/quests/templates/quests/types/example.html index 61eaa02a941..20a676a995e 100644 --- a/app/quests/templates/quests/types/example.html +++ b/app/quests/templates/quests/types/example.html @@ -1,5 +1,5 @@ {% extends 'quests/base.html' %} -{% load humanize static i18n %} +{% load humanize static i18n compress %} {% comment %} Copyright (C) 2020 Gitcoin Core @@ -18,7 +18,9 @@ {% endcomment %} {% block 'extrahead' %} - +{% compress css file quest_example %} + +{% endcompress %} {% endblock %} {% block 'content' %} From c174bf5c20c3a1b358003ae98162d9b387953e16 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:00:40 +0000 Subject: [PATCH 091/279] Updates css href's -> scss (app/quests/templates/quests/types/quiz_style.html) --- app/quests/templates/quests/types/quiz_style.html | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/app/quests/templates/quests/types/quiz_style.html b/app/quests/templates/quests/types/quiz_style.html index 4eb83adeae7..03dddfd2321 100644 --- a/app/quests/templates/quests/types/quiz_style.html +++ b/app/quests/templates/quests/types/quiz_style.html @@ -1,5 +1,5 @@ {% extends 'quests/base.html' %} -{% load humanize static i18n %} +{% load humanize static i18n compress %} {% comment %} Copyright (C) 2020 Gitcoin Core @@ -18,9 +18,10 @@ {% endcomment %} {% block 'content' %} - +{% compress css file cancel_grant %} + +{% endcompress %} - {% if not hidden and is_owner_or_staff %}
{% if is_staff %} From 1eb57e49fc3f299b3bf5e4bf12d196a727da693a Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:00:57 +0000 Subject: [PATCH 092/279] Updates css href's -> scss (app/retail/templates/about.html) --- app/retail/templates/about.html | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/app/retail/templates/about.html b/app/retail/templates/about.html index 89409ebde85..9d594eb3420 100644 --- a/app/retail/templates/about.html +++ b/app/retail/templates/about.html @@ -14,7 +14,7 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} {% include 'shared/head.html' %} @@ -22,8 +22,10 @@ - - + {% compress css file about %} + + + {% endcompress %} {% include 'shared/tag_manager_2.html' %} From 60611d666dc3bf28b257193d6e176c96ba904a26 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:01:19 +0000 Subject: [PATCH 093/279] Updates css href's -> scss (app/retail/templates/activity.html) --- app/retail/templates/activity.html | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/app/retail/templates/activity.html b/app/retail/templates/activity.html index e556abc668e..758103ce0bc 100644 --- a/app/retail/templates/activity.html +++ b/app/retail/templates/activity.html @@ -14,7 +14,7 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not,see . {% endcomment %} -{% load humanize i18n static %} +{% load humanize i18n static compress %} @@ -22,9 +22,11 @@ {% include 'shared/head.html' %} - - - + {% compress css file activity %} + + + + {% endcompress %} From 523e0aac6d6226dc158e7783ed694527459e5e34 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:01:30 +0000 Subject: [PATCH 094/279] Updates css href's -> scss (app/retail/templates/admin/base.html) --- app/retail/templates/admin/base.html | 23 ++++++++++++++++++----- 1 file changed, 18 insertions(+), 5 deletions(-) diff --git a/app/retail/templates/admin/base.html b/app/retail/templates/admin/base.html index 01496563e61..1192f429581 100644 --- a/app/retail/templates/admin/base.html +++ b/app/retail/templates/admin/base.html @@ -1,18 +1,31 @@ -{% load i18n static %} +{% load i18n static compress %} + {% get_current_language as LANGUAGE_CODE %}{% get_current_language_bidi as LANGUAGE_BIDI %} {% include 'shared/favicon.html' %} {% block title %}{% endblock %} - +{% compress css file base %} + +{% endcompress %} {% block extrastyle %}{% endblock %} -{% if LANGUAGE_BIDI %}{% endif %} +{% if LANGUAGE_BIDI %} + {% compress css file rtl %} + + {% endcompress %} +{% endif %} {% block extrahead %}{% endblock %} {% block responsive %} - - {% if LANGUAGE_BIDI %}{% endif %} + {% compress css file responsive %} + + {% endcompress %} + {% if LANGUAGE_BIDI %} + {% compress css file responsive_rtl %} + + {% endcompress %} + {% endif %} {% endblock %} {% block blockbots %}{% endblock %} From a04d1ae9c0cf739a583d6b7f9b0ebe0e1b6748f9 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:01:39 +0000 Subject: [PATCH 095/279] Updates css href's -> scss (app/retail/templates/admin/index.html) --- app/retail/templates/admin/index.html | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/app/retail/templates/admin/index.html b/app/retail/templates/admin/index.html index ddde996256d..3447df90a9a 100644 --- a/app/retail/templates/admin/index.html +++ b/app/retail/templates/admin/index.html @@ -17,9 +17,13 @@ {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} -{% block extrastyle %}{{ block.super }}{% endblock %} +{% block extrastyle %}{{ block.super }} + {% compress css file admin_dashboard %} + + {% endcompress %} +{% endblock %} {% block coltype %}colMS{% endblock %} From 178bfb8cc42e24eafb4dcaf2a24206bd39373346 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:01:52 +0000 Subject: [PATCH 096/279] Updates css href's -> scss (app/retail/templates/avatar_landing.html) --- app/retail/templates/avatar_landing.html | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/app/retail/templates/avatar_landing.html b/app/retail/templates/avatar_landing.html index 6c2d0e429f5..c23f8145f73 100644 --- a/app/retail/templates/avatar_landing.html +++ b/app/retail/templates/avatar_landing.html @@ -15,7 +15,7 @@ along with this program. If not,see . {% endcomment %} -{% load i18n static humanize %} +{% load i18n static humanize compress %} @@ -23,8 +23,10 @@ {% include 'shared/cards_pic.html' %} - - + {% compress css file avatar_landing %} + + + {% endcompress %} From 013a419219eb2c529eae285ddf4ce4670fa98c27 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:02:03 +0000 Subject: [PATCH 097/279] Updates css href's -> scss (app/retail/templates/base.html) --- app/retail/templates/base.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/retail/templates/base.html b/app/retail/templates/base.html index ead4ea3aaa9..fe7c22b192d 100644 --- a/app/retail/templates/base.html +++ b/app/retail/templates/base.html @@ -14,7 +14,7 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load static %} +{% load static compress %} @@ -24,7 +24,9 @@ {% else %} {% include 'shared/cards.html' %} {% endif %} - + {% compress css file tag %} + + {% endcompress %} {% include 'shared/tag_manager_2.html' %} From 6e42dfb33d565ea5353c8748c5ce361c8ab8e32b Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:02:19 +0000 Subject: [PATCH 098/279] Updates css href's -> scss (app/retail/templates/bounties/contributor.html) --- app/retail/templates/bounties/contributor.html | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/app/retail/templates/bounties/contributor.html b/app/retail/templates/bounties/contributor.html index 9ddb7d87899..61572469816 100644 --- a/app/retail/templates/bounties/contributor.html +++ b/app/retail/templates/bounties/contributor.html @@ -14,7 +14,7 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load i18n static cookielaw_tags %} +{% load i18n static cookielaw_tags compress %} @@ -30,8 +30,10 @@ })(window,document.documentElement,'async-hide','dataLayer',4000, {'GTM-NP2J8TX':true}); {% include 'shared/analytics.html' %} - - + {% compress css file howitworks %} + + + {% endcompress %} From 31358abf783eed9efbc658b42e8088dfa70733d2 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:02:28 +0000 Subject: [PATCH 099/279] Updates css href's -> scss (app/retail/templates/bounties/contributor/activity.html) --- app/retail/templates/bounties/contributor/activity.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/retail/templates/bounties/contributor/activity.html b/app/retail/templates/bounties/contributor/activity.html index 6c67e45ef5f..17ffac123d8 100644 --- a/app/retail/templates/bounties/contributor/activity.html +++ b/app/retail/templates/bounties/contributor/activity.html @@ -14,8 +14,10 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load i18n static %} - +{% load i18n static compress %} +{% compress css file activity_stream %} + +{% endcompress %} +{% load i18n static compress %} +{% compress css file typography %} + + +{% endcompress %} +{% compress css inline %} + + + + +{% endcompress %} \ No newline at end of file From eb949b11ce9604c639ae5fba93aa02564fdde250 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:04:05 +0000 Subject: [PATCH 105/279] Updates css href's -> scss (app/retail/templates/home/index.html) --- app/retail/templates/home/index.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/retail/templates/home/index.html b/app/retail/templates/home/index.html index 2b51d51f16a..b8e1f07494c 100644 --- a/app/retail/templates/home/index.html +++ b/app/retail/templates/home/index.html @@ -14,7 +14,7 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} @@ -22,7 +22,9 @@ {% include 'shared/head.html' %} {% include 'shared/cards.html' %} - + {% compress css file home %} + + {% endcompress %} {% include 'shared/tag_manager_2.html' %} From 26b47b48beceeab0fd84583ff7e8045b3714bfdf Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:04:14 +0000 Subject: [PATCH 106/279] Updates css href's -> scss (app/retail/templates/home/index2020.html) --- app/retail/templates/home/index2020.html | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/app/retail/templates/home/index2020.html b/app/retail/templates/home/index2020.html index 6c6713b7b6e..bcdcd6ff12d 100644 --- a/app/retail/templates/home/index2020.html +++ b/app/retail/templates/home/index2020.html @@ -16,12 +16,13 @@ {% compress css file libs %} - - + + {% endcompress %} - - + {% compress css file app %} + + {% endcompress %} From ac0c5bf73a1e27543590242593fe3afe02389579 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:04:32 +0000 Subject: [PATCH 107/279] Updates css href's -> scss (app/retail/templates/how_it_works/index.html) --- app/retail/templates/how_it_works/index.html | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/app/retail/templates/how_it_works/index.html b/app/retail/templates/how_it_works/index.html index 3c1537dfd64..afffb84521e 100644 --- a/app/retail/templates/how_it_works/index.html +++ b/app/retail/templates/how_it_works/index.html @@ -14,7 +14,7 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load i18n static cookielaw_tags %} +{% load i18n static cookielaw_tags compress %} @@ -23,8 +23,10 @@ {% include 'shared/cards.html' %} - - + {% compress css file howitworks %} + + + {% endcompress %} From 4260ab45a46c48efa0b901a4fdd8dbc3babf5393 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:04:46 +0000 Subject: [PATCH 108/279] Updates css href's -> scss (app/retail/templates/leaderboard.html) --- app/retail/templates/leaderboard.html | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/app/retail/templates/leaderboard.html b/app/retail/templates/leaderboard.html index 597355b8439..65679ea8655 100644 --- a/app/retail/templates/leaderboard.html +++ b/app/retail/templates/leaderboard.html @@ -1,5 +1,5 @@ {% load i18n humanize %} -{% load static %} +{% load static compress %} @@ -8,8 +8,10 @@ {% include 'shared/head.html' %} {% include 'shared/cards_pic.html' %} - - + {% compress css file leaderboard %} + + + {% endcompress %} {% include 'shared/tag_manager_2.html' %} From 48ecc31b90743320993a082eae6633d894a6048a Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:04:57 +0000 Subject: [PATCH 109/279] Updates css href's -> scss (app/retail/templates/mission.html) --- app/retail/templates/mission.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/retail/templates/mission.html b/app/retail/templates/mission.html index 73e9146247c..8f1e3b2568c 100644 --- a/app/retail/templates/mission.html +++ b/app/retail/templates/mission.html @@ -16,7 +16,7 @@ . {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} @@ -25,7 +25,9 @@ {% include 'shared/cards_pic.html' %} - + {% compress css file mission %} + + {% endcompress %} From 2a26d8a43e3759b5e9d36586ccce86384e2ce229 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:05:05 +0000 Subject: [PATCH 110/279] Updates css href's -> scss (app/retail/templates/newkudos.html) --- app/retail/templates/newkudos.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/retail/templates/newkudos.html b/app/retail/templates/newkudos.html index 3388389843d..ebd7406a9e7 100644 --- a/app/retail/templates/newkudos.html +++ b/app/retail/templates/newkudos.html @@ -15,9 +15,11 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} {% block body %} - +{% compress css file onepagesubmit %} + +{% endcompress %}
From 1143c9ddfaa7a7fe6854f0ece5f762e45777a705 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:05:12 +0000 Subject: [PATCH 111/279] Updates css href's -> scss (app/retail/templates/newtoken.html) --- app/retail/templates/newtoken.html | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/app/retail/templates/newtoken.html b/app/retail/templates/newtoken.html index e04202ce397..943f1e8e6e1 100644 --- a/app/retail/templates/newtoken.html +++ b/app/retail/templates/newtoken.html @@ -15,10 +15,11 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} {% block body %} - - +{% compress css file onepagesubmit %} + +{% endcompress %}
From c67ab7d0cd32dd0ce1570a1d7acd74d2254838e2 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:05:20 +0000 Subject: [PATCH 112/279] Updates css href's -> scss (app/retail/templates/presskit.html) --- app/retail/templates/presskit.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/retail/templates/presskit.html b/app/retail/templates/presskit.html index 5d9006802a4..a2d6639fea1 100644 --- a/app/retail/templates/presskit.html +++ b/app/retail/templates/presskit.html @@ -14,11 +14,13 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} {% include 'shared/head.html' %} - + {% compress css file presskit %} + + {% endcompress %} {% include 'shared/tag_manager_2.html' %} From bf71669857f28dbbd590388fcd7c0ea5d07f2962 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:05:35 +0000 Subject: [PATCH 113/279] Updates css href's -> scss (app/retail/templates/process_accesscode_request.html) --- app/retail/templates/process_accesscode_request.html | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/app/retail/templates/process_accesscode_request.html b/app/retail/templates/process_accesscode_request.html index 147ab9bb26f..53098a8e7d4 100644 --- a/app/retail/templates/process_accesscode_request.html +++ b/app/retail/templates/process_accesscode_request.html @@ -17,10 +17,13 @@ {% endcomment %} -{% load i18n static %} - -{% block extrastyle %}{{ block.super }}{% endblock %} +{% load i18n static compress %} +{% block extrastyle %}{{ block.super }} + {% compress css file admin_dashboard %} + + {% endcompress %} +{% endblock %} {% block coltype %}colMS{% endblock %} {% block bodyclass %}{{ block.super }} dashboard{% endblock %} From a4d71d346a0332bf262ea9cca4825f73759f8de1 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:05:47 +0000 Subject: [PATCH 114/279] Updates css href's -> scss (app/retail/templates/products.html) --- app/retail/templates/products.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/retail/templates/products.html b/app/retail/templates/products.html index f700dcc6892..fbc9718124d 100644 --- a/app/retail/templates/products.html +++ b/app/retail/templates/products.html @@ -15,7 +15,7 @@ along with this program. If not,see . {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} @@ -23,7 +23,9 @@ {% include 'shared/cards_pic.html' %} - + {% compress css file products %} + + {% endcompress %} From f346b88bd79b58fc103f388f82a3d4bd628db674 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:06:00 +0000 Subject: [PATCH 115/279] Updates css href's -> scss (app/retail/templates/resend_tip.html) --- app/retail/templates/resend_tip.html | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/app/retail/templates/resend_tip.html b/app/retail/templates/resend_tip.html index a1f959e6ab5..841b092f8dc 100644 --- a/app/retail/templates/resend_tip.html +++ b/app/retail/templates/resend_tip.html @@ -17,10 +17,13 @@ {% endcomment %} -{% load i18n static %} - -{% block extrastyle %}{{ block.super }}{% endblock %} +{% load i18n static compress %} +{% block extrastyle %}{{ block.super }} + {% compress css file admin_dashboard %} + + {% endcompress %} +{% endblock %} {% block coltype %}colMS{% endblock %} {% block bodyclass %}{{ block.super }} dashboard{% endblock %} From febd5f27eaa28664634ca83fe691e17615c5590c Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:06:08 +0000 Subject: [PATCH 116/279] Updates css href's -> scss (app/retail/templates/results.html) --- app/retail/templates/results.html | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/app/retail/templates/results.html b/app/retail/templates/results.html index 6c953cd59fb..864900c416c 100644 --- a/app/retail/templates/results.html +++ b/app/retail/templates/results.html @@ -15,7 +15,7 @@ along with this program. If not,see . {% endcomment %} -{% load humanize i18n static %} +{% load humanize i18n static compress %} {% load kudos_extras %} @@ -25,7 +25,9 @@ - + {% compress css file results %} + + {% endcompress %} @@ -314,7 +316,9 @@

Platform Activities

- + {% compress css file activity_stream %} + + {% endcompress %}
From 1dda6316c27ccaab64339df4c3fddb5e07a676fc Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:06:20 +0000 Subject: [PATCH 117/279] Updates css href's -> scss (app/retail/templates/tribes/landing.html) --- app/retail/templates/tribes/landing.html | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/app/retail/templates/tribes/landing.html b/app/retail/templates/tribes/landing.html index 19b01e2e3f9..56a1430e360 100644 --- a/app/retail/templates/tribes/landing.html +++ b/app/retail/templates/tribes/landing.html @@ -14,16 +14,18 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} {% include 'shared/head.html' %} - - - + {% compress css file tribes_landing %} + + + + {% endcompress %} {% include 'shared/cards_pic.html' %} From 4df13213d5ca46e1929f76f2d0c086c1a8c3c3ec Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:06:30 +0000 Subject: [PATCH 118/279] Updates css href's -> scss (app/retail/templates/vision.html) --- app/retail/templates/vision.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/retail/templates/vision.html b/app/retail/templates/vision.html index 0ea4b6d3937..bbf7f0fb02c 100644 --- a/app/retail/templates/vision.html +++ b/app/retail/templates/vision.html @@ -16,7 +16,7 @@ . {% endcomment %} -{% load i18n static %} +{% load i18n static compress %} @@ -24,7 +24,9 @@ {% include 'shared/cards_pic.html' %} - + {% compress css file vision %} + + {% endcompress %} From 533272a9f6fb841d026d17d866b3cced05093f39 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:06:48 +0000 Subject: [PATCH 119/279] Updates css href's -> scss (app/townsquare/templates/townsquare/index.html) --- app/townsquare/templates/townsquare/index.html | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/app/townsquare/templates/townsquare/index.html b/app/townsquare/templates/townsquare/index.html index e9075aee0c5..b4126d96f05 100644 --- a/app/townsquare/templates/townsquare/index.html +++ b/app/townsquare/templates/townsquare/index.html @@ -14,7 +14,7 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load humanize static i18n %} +{% load humanize static i18n compress %} @@ -24,10 +24,12 @@ {% else %} {% include 'shared/cards.html' %} {% endif %} - - - - + {% compress css file townsquare %} + + + + + {% endcompress %} - -
From 810352a62b89d3909b60e8d0f8d3b2b4d5b73610 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:07:10 +0000 Subject: [PATCH 121/279] Updates css href's -> scss (app/townsquare/templates/townsquare/offer.html) --- app/townsquare/templates/townsquare/offer.html | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/app/townsquare/templates/townsquare/offer.html b/app/townsquare/templates/townsquare/offer.html index f86bb724bb3..49af16870ac 100644 --- a/app/townsquare/templates/townsquare/offer.html +++ b/app/townsquare/templates/townsquare/offer.html @@ -1,5 +1,5 @@ {% extends 'base.html' %} -{% load humanize static i18n %} +{% load humanize static i18n compress %} {% comment %} Copyright (C) 2018 Gitcoin Core @@ -21,9 +21,10 @@ {% endblock %} {% block body %} - - - +{% compress css file townsquare_offer %} + + +{% endcompress %}
From 39d2c831edf319aa16a2fca9b8039074bb4644b0 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:10:26 +0000 Subject: [PATCH 122/279] Renames quill-snow.scss -> quill.snow.scss --- app/assets/v2/scss/lib/{quill-snow.scss => quill.snow.scss} | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) rename app/assets/v2/scss/lib/{quill-snow.scss => quill.snow.scss} (99%) diff --git a/app/assets/v2/scss/lib/quill-snow.scss b/app/assets/v2/scss/lib/quill.snow.scss similarity index 99% rename from app/assets/v2/scss/lib/quill-snow.scss rename to app/assets/v2/scss/lib/quill.snow.scss index b963584fef7..d99b2fa78fc 100644 --- a/app/assets/v2/scss/lib/quill-snow.scss +++ b/app/assets/v2/scss/lib/quill.snow.scss @@ -4,7 +4,7 @@ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ - .ql-container { +.ql-container { box-sizing: border-box; /* font-family: Helvetica, Arial, sans-serif; */ /* font-size: 13px; */ From 49be179edefe43d81d8710bcc7689416aed0e912 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:10:59 +0000 Subject: [PATCH 123/279] Adds misc .css (as .scss) from other locations --- app/assets/v2/scss/dataviz/dragit.scss | 51 ++ app/assets/v2/scss/dataviz/heatmap.scss | 13 + app/assets/v2/scss/dataviz/sequences.scss | 54 ++ app/assets/v2/scss/landingpage/app.scss | 908 ++++++++++++++++++++++ 4 files changed, 1026 insertions(+) create mode 100644 app/assets/v2/scss/dataviz/dragit.scss create mode 100644 app/assets/v2/scss/dataviz/heatmap.scss create mode 100644 app/assets/v2/scss/dataviz/sequences.scss create mode 100644 app/assets/v2/scss/landingpage/app.scss diff --git a/app/assets/v2/scss/dataviz/dragit.scss b/app/assets/v2/scss/dataviz/dragit.scss new file mode 100644 index 00000000000..739d88be2ff --- /dev/null +++ b/app/assets/v2/scss/dataviz/dragit.scss @@ -0,0 +1,51 @@ +path.lineTrajectory, path.subTrajectory { + stroke-width: 2; + stroke-opacity: 0.2; + opacity: 0.5; + fill-opacity: 0.3; + stroke: gray; + fill: none; + pointer-events: none; +} + +path.lineTrajectoryMonotone { + stroke-width: 2; + fill: none; + pointer-events: none; + stroke: lightgray; +} + +circle.pointTrajectory { + pointer-events: none; + stroke: lightgray; + fill: black; + opacity: .5; +} + +line.lineClosestTrajectory { + stroke: black; + stroke-dasharray: 4,4; + display: block; +} + +line.lineClosestPoint { + stroke: black; + opacity: .1; + display: block; +} + +.selected { + opacity: .5; +} + +circle.pointClosestTrajectory { + opacity: .1; + display: block; +} + +circle.focusGuide { + opacity: 1; + display: block; + fill: none; + stroke: black; +} \ No newline at end of file diff --git a/app/assets/v2/scss/dataviz/heatmap.scss b/app/assets/v2/scss/dataviz/heatmap.scss new file mode 100644 index 00000000000..382ba550c68 --- /dev/null +++ b/app/assets/v2/scss/dataviz/heatmap.scss @@ -0,0 +1,13 @@ +body{font-size: 14px;} +.days-hours-heatmap{padding: 20px 0 20px 0;width: 500px;margin: 0 auto;} +.days-hours-heatmap .calibration{margin-bottom: 15px;width:400px;} +.days-hours-heatmap .calibration .group{display: inline-block;} +.days-hours-heatmap .calibration .description{width:108px;} +.days-hours-heatmap .calibration .description > label:last-child{float:right;} +.days-hours-heatmap .calibration > .display-control{float:right;} +.days-hours-heatmap .calibration > .display-control label{vertical-align: top;} +.days-hours-heatmap .calibration > .display-control input[type='radio']{cursor: pointer;} + +.days-hours-heatmap .heatmap .axis path{display: none;} +.days-hours-heatmap .heatmap .axis line{fill: none;stroke: #000;shape-rendering: crispEdges;} +.days-hours-heatmap .heatmap .axis text{font-size: 12px} diff --git a/app/assets/v2/scss/dataviz/sequences.scss b/app/assets/v2/scss/dataviz/sequences.scss new file mode 100644 index 00000000000..fb6db0d5ead --- /dev/null +++ b/app/assets/v2/scss/dataviz/sequences.scss @@ -0,0 +1,54 @@ +body { + font-size: 12px; + font-weight: 400; + background-color: #fff; + width: 960px; + height: 700px; + margin-top: 10px; +} + +#main { + float: left; + width: 750px; +} + +#sidebar { + float: right; + width: 100px; +} + +#sequence { + width: 600px; + height: 70px; +} + +#legend { + padding: 10px 0 0 3px; +} + +#sequence text, #legend text { + font-weight: 600; + fill: #fff; +} + +#chart { + position: relative; +} + +#chart path { + stroke: #fff; +} + +#explanation { + position: absolute; + top: 260px; + left: 305px; + width: 140px; + text-align: center; + color: #666; + z-index: -1; +} + +#percentage { + font-size: 2.5em; +} diff --git a/app/assets/v2/scss/landingpage/app.scss b/app/assets/v2/scss/landingpage/app.scss new file mode 100644 index 00000000000..e44dd0926c0 --- /dev/null +++ b/app/assets/v2/scss/landingpage/app.scss @@ -0,0 +1,908 @@ +@media (min-width: 1313px) { + :root { + --device: "desktop"; } } + +@media (max-width: 1312px) { + :root { + --device: "laptop"; } } + +@media (max-width: 992px) { + :root { + --device: "tablet"; } } + +@media (max-width: 688px) { + :root { + --device: "phone"; } } + +:root { + --cosmicteal: #25E899; + --darkcosmicteal: #0FCE7C; + --stardustyellow: #FFCE08; + --polarisblue: #3E00FF; + --vinuspurple: #8E2ABE; + --regulusred: #F9006C; + --milkywayblue: #15003E; + --starwhite: #FFFFFF; + --athensgrey: #F8F9FA; + --alto: #DDDDDD; + --silver: #AAAAAA; } + +* { + margin: 0; + padding: 0; + box-sizing: border-box; } + +img { + display: block; + width: 100%; } + +html { + font-family: 'Mulish', sans-serif; } + +body { + background-color: var(--milkywayblue); + color: var(--starwhite); } + +html { + font-family: 'Mulish', sans-serif; + font-kerning: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: optimizeLegibility; } + +h1 { + font-size: 250%; + font-weight: 800; + line-height: 1.3em; + margin-bottom: 1rem; } + +h2 { + font-size: 120%; + font-weight: 800; + line-height: 1.3em; + margin-bottom: 1rem; } + +p { + font-size: 100%; + font-weight: 400; + line-height: 1.6em; + margin-bottom: 1.6rem; } + +@media (min-width: 1313px) { + html { + font-size: 130%; } } + +@media (max-width: 1312px) { + html { + font-size: 120%; } } + +@media (max-width: 992px) { + html { + font-size: 110%; } } + +@media (max-width: 688px) { + html { + font-size: 100%; } } + +#logo { + position: absolute; + top: 3em; + margin-left: -1.5em; + margin-top: -2.5em; + left: 3em; } +#logo img { + width: 200px; } + +@media (max-width: 688px) { + #logo { + margin-left: -0.5em; + margin-top: -1.7em; + top: 2em; + left: 2em; } + #logo img { + width: 150px; } } + +a.btn, button.btn { + display: inline-grid; + grid-template-columns: auto; + grid-gap: 0.7em; + padding: 1em 1.5em; + border-radius: 3px; + cursor: pointer; + margin-bottom: 1rem; + color: var(--starwhite); + background-color: var(--polarisblue); + text-decoration: none; + border: 0; + outline: 0; + font-size: 100%; + /* enhance to a 2col grid for icon */ } +a.btn:hover, button.btn:hover { + color: white; + filter: brightness(75%); } +a.btn span, button.btn span { + margin: auto; + text-decoration: none; } +a.btn.icon, button.btn.icon { + grid-template-columns: auto auto; } +a.btn.icon img, button.btn.icon img { + width: 32px; + height: 32px; + margin: auto; } + +section.grid { + margin-top: 12em; } +section.grid h1 { + text-align: center; + margin-bottom: 3rem; } +section.grid div.grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + margin-bottom: 3em; } +section.grid div.grid div { + align-self: center; + grid-column: 1; + grid-row: 1; + margin-left: 3em; + margin-right: 3em; + max-width: 600px; } +section.grid div.grid figure { + align-self: center; + grid-column: 2; + grid-row: 1; } +section.grid div.grid.reverse div { + grid-column: 2; } +section.grid div.grid.reverse figure { + grid-column: 1; } + +@media (max-width: 688px) { + section.grid div.grid { + grid-template-columns: 1fr; } + section.grid div.grid div { + grid-column: 1; + grid-row: 2; + margin-left: 1.5em; + margin-right: 1.5em; } + section.grid div.grid figure { + grid-column: 1; + grid-row: 1; + margin-bottom: 2em; } + section.grid div.grid.reverse div { + grid-column: 1; + grid-row: 2; } + section.grid div.grid.reverse figure { + grid-column: 1; + grid-row: 1; } } + +section#town { + height: 100vh; + width: 100vw; + position: fixed; + z-index: -1; + opacity: 1; + transition: all 1s ease; } +section#town figure { + position: absolute; + bottom: -50px; + height: 100vh; } +section#town figure img { + width: auto; + height: 100%; + display: block; } +section#town.dim { + opacity: 0.1; } + +.floating { + animation: floating 3s ease-in-out infinite; } + +.floating2 { + animation: floating2 3s ease-in-out infinite; } + +@keyframes floating { + 0% { + transform: translate(0, 0px); } + 50% { + transform: translate(0, 15px); } + 100% { + transform: translate(0, 0px); } } + +@keyframes floating2 { + 0% { + transform: translate(0, 15px); } + 50% { + transform: translate(0, 0px); } + 100% { + transform: translate(0, 15px); } } + +.txt-rotate .wrap { + padding-right: 0.1rem; + border-right: 3px solid var(--cosmicteal); + animation: cursor0 500ms infinite; } + +.txt-rotate .wrap.styleLearn { + color: var(--stardustyellow); + animation: cursorLearn 500ms infinite; } + +.txt-rotate .wrap.styleEarn { + color: var(--polarisblue); + animation: cursorEarn 500ms infinite; } + +.txt-rotate .wrap.styleNetwork { + color: var(--vinuspurple); + animation: cursorNetwork 500ms infinite; } + +.txt-rotate .wrap.styleBuild { + color: var(--cosmicteal); + animation: cursorBuild 500ms infinite; } + +@-webkit-keyframes cursorBuild { + 0% { + border-color: var(--milkywayblue); } + 50% { + border-color: var(--cosmicteal); } + 100% { + border-color: var(--milkywayblue); } } + +@-webkit-keyframes cursorLearn { + 0% { + border-color: var(--milkywayblue); } + 50% { + border-color: var(--stardustyellow); } + 100% { + border-color: var(--milkywayblue); } } + +@-webkit-keyframes cursorEarn { + 0% { + border-color: var(--milkywayblue); } + 50% { + border-color: var(--polarisblue); } + 100% { + border-color: var(--milkywayblue); } } + +@-webkit-keyframes cursorNetwork { + 0% { + border-color: var(--milkywayblue); } + 50% { + border-color: var(--vinuspurple); } + 100% { + border-color: var(--milkywayblue); } } + +#fixed-signup-button { + position: fixed; + top: 2em; + right: -100vh; + z-index: 10000; + transition: all 1s ease; } +#fixed-signup-button.show { + right: 2em; } + +@media (max-width: 688px) { + #fixed-signup-button { + display: none; } } + +[data-sal] { + transition-duration: .2s; + transition-duration: var(--sal-duration, 0.2s); + transition-delay: 0s; + transition-delay: var(--sal-delay, 0s); + transition-timing-function: ease; + transition-timing-function: var(--sal-easing, ease); } + +[data-sal][data-sal-duration="200"] { + transition-duration: .2s; } + +[data-sal][data-sal-duration="250"] { + transition-duration: .25s; } + +[data-sal][data-sal-duration="300"] { + transition-duration: .3s; } + +[data-sal][data-sal-duration="350"] { + transition-duration: .35s; } + +[data-sal][data-sal-duration="400"] { + transition-duration: .4s; } + +[data-sal][data-sal-duration="450"] { + transition-duration: .45s; } + +[data-sal][data-sal-duration="500"] { + transition-duration: .5s; } + +[data-sal][data-sal-duration="550"] { + transition-duration: .55s; } + +[data-sal][data-sal-duration="600"] { + transition-duration: .6s; } + +[data-sal][data-sal-duration="650"] { + transition-duration: .65s; } + +[data-sal][data-sal-duration="700"] { + transition-duration: .7s; } + +[data-sal][data-sal-duration="750"] { + transition-duration: .75s; } + +[data-sal][data-sal-duration="800"] { + transition-duration: .8s; } + +[data-sal][data-sal-duration="850"] { + transition-duration: .85s; } + +[data-sal][data-sal-duration="900"] { + transition-duration: .9s; } + +[data-sal][data-sal-duration="950"] { + transition-duration: .95s; } + +[data-sal][data-sal-duration="1000"] { + transition-duration: 1s; } + +[data-sal][data-sal-duration="1050"] { + transition-duration: 1.05s; } + +[data-sal][data-sal-duration="1100"] { + transition-duration: 1.1s; } + +[data-sal][data-sal-duration="1150"] { + transition-duration: 1.15s; } + +[data-sal][data-sal-duration="1200"] { + transition-duration: 1.2s; } + +[data-sal][data-sal-duration="1250"] { + transition-duration: 1.25s; } + +[data-sal][data-sal-duration="1300"] { + transition-duration: 1.3s; } + +[data-sal][data-sal-duration="1350"] { + transition-duration: 1.35s; } + +[data-sal][data-sal-duration="1400"] { + transition-duration: 1.4s; } + +[data-sal][data-sal-duration="1450"] { + transition-duration: 1.45s; } + +[data-sal][data-sal-duration="1500"] { + transition-duration: 1.5s; } + +[data-sal][data-sal-duration="1550"] { + transition-duration: 1.55s; } + +[data-sal][data-sal-duration="1600"] { + transition-duration: 1.6s; } + +[data-sal][data-sal-duration="1650"] { + transition-duration: 1.65s; } + +[data-sal][data-sal-duration="1700"] { + transition-duration: 1.7s; } + +[data-sal][data-sal-duration="1750"] { + transition-duration: 1.75s; } + +[data-sal][data-sal-duration="1800"] { + transition-duration: 1.8s; } + +[data-sal][data-sal-duration="1850"] { + transition-duration: 1.85s; } + +[data-sal][data-sal-duration="1900"] { + transition-duration: 1.9s; } + +[data-sal][data-sal-duration="1950"] { + transition-duration: 1.95s; } + +[data-sal][data-sal-duration="2000"] { + transition-duration: 2s; } + +[data-sal][data-sal-delay="50"] { + transition-delay: .05s; } + +[data-sal][data-sal-delay="100"] { + transition-delay: .1s; } + +[data-sal][data-sal-delay="150"] { + transition-delay: .15s; } + +[data-sal][data-sal-delay="200"] { + transition-delay: .2s; } + +[data-sal][data-sal-delay="250"] { + transition-delay: .25s; } + +[data-sal][data-sal-delay="300"] { + transition-delay: .3s; } + +[data-sal][data-sal-delay="350"] { + transition-delay: .35s; } + +[data-sal][data-sal-delay="400"] { + transition-delay: .4s; } + +[data-sal][data-sal-delay="450"] { + transition-delay: .45s; } + +[data-sal][data-sal-delay="500"] { + transition-delay: .5s; } + +[data-sal][data-sal-delay="550"] { + transition-delay: .55s; } + +[data-sal][data-sal-delay="600"] { + transition-delay: .6s; } + +[data-sal][data-sal-delay="650"] { + transition-delay: .65s; } + +[data-sal][data-sal-delay="700"] { + transition-delay: .7s; } + +[data-sal][data-sal-delay="750"] { + transition-delay: .75s; } + +[data-sal][data-sal-delay="800"] { + transition-delay: .8s; } + +[data-sal][data-sal-delay="850"] { + transition-delay: .85s; } + +[data-sal][data-sal-delay="900"] { + transition-delay: .9s; } + +[data-sal][data-sal-delay="950"] { + transition-delay: .95s; } + +[data-sal][data-sal-delay="1000"] { + transition-delay: 1s; } + +[data-sal][data-sal-easing=linear] { + transition-timing-function: linear; } + +[data-sal][data-sal-easing=ease] { + transition-timing-function: ease; } + +[data-sal][data-sal-easing=ease-in] { + transition-timing-function: ease-in; } + +[data-sal][data-sal-easing=ease-out] { + transition-timing-function: ease-out; } + +[data-sal][data-sal-easing=ease-in-out] { + transition-timing-function: ease-in-out; } + +[data-sal][data-sal-easing=ease-in-cubic] { + transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + +[data-sal][data-sal-easing=ease-out-cubic] { + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + +[data-sal][data-sal-easing=ease-in-out-cubic] { + transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } + +[data-sal][data-sal-easing=ease-in-circ] { + transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335); } + +[data-sal][data-sal-easing=ease-out-circ] { + transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } + +[data-sal][data-sal-easing=ease-in-out-circ] { + transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } + +[data-sal][data-sal-easing=ease-in-expo] { + transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); } + +[data-sal][data-sal-easing=ease-out-expo] { + transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } + +[data-sal][data-sal-easing=ease-in-out-expo] { + transition-timing-function: cubic-bezier(1, 0, 0, 1); } + +[data-sal][data-sal-easing=ease-in-quad] { + transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } + +[data-sal][data-sal-easing=ease-out-quad] { + transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +[data-sal][data-sal-easing=ease-in-out-quad] { + transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } + +[data-sal][data-sal-easing=ease-in-quart] { + transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); } + +[data-sal][data-sal-easing=ease-out-quart] { + transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } + +[data-sal][data-sal-easing=ease-in-out-quart] { + transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); } + +[data-sal][data-sal-easing=ease-in-quint] { + transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } + +[data-sal][data-sal-easing=ease-out-quint] { + transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } + +[data-sal][data-sal-easing=ease-in-out-quint] { + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } + +[data-sal][data-sal-easing=ease-in-sine] { + transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } + +[data-sal][data-sal-easing=ease-out-sine] { + transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } + +[data-sal][data-sal-easing=ease-in-out-sine] { + transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } + +[data-sal][data-sal-easing=ease-in-back] { + transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } + +[data-sal][data-sal-easing=ease-out-back] { + transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } + +[data-sal][data-sal-easing=ease-in-out-back] { + transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } + +[data-sal|=fade] { + opacity: 0; + transition-property: opacity; } + +[data-sal|=fade].sal-animate, body.sal-disabled [data-sal|=fade] { + opacity: 1; } + +[data-sal|=slide] { + opacity: 0; + transition-property: opacity,transform; } + +[data-sal=slide-up] { + transform: translateY(20%); } + +[data-sal=slide-down] { + transform: translateY(-20%); } + +[data-sal=slide-left] { + transform: translateX(20%); } + +[data-sal=slide-right] { + transform: translateX(-20%); } + +[data-sal|=slide].sal-animate, body.sal-disabled [data-sal|=slide] { + opacity: 1; + transform: none; } + +[data-sal|=zoom] { + opacity: 0; + transition-property: opacity,transform; } + +[data-sal=zoom-in] { + transform: scale(0.5); } + +[data-sal=zoom-out] { + transform: scale(1.1); } + +[data-sal|=zoom].sal-animate, body.sal-disabled [data-sal|=zoom] { + opacity: 1; + transform: none; } + +[data-sal|=flip] { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition-property: transform; } + +[data-sal=flip-left] { + transform: perspective(2000px) rotateY(-91deg); } + +[data-sal=flip-right] { + transform: perspective(2000px) rotateY(91deg); } + +[data-sal=flip-up] { + transform: perspective(2000px) rotateX(-91deg); } + +[data-sal=flip-down] { + transform: perspective(2000px) rotateX(91deg); } + +[data-sal|=flip].sal-animate, body.sal-disabled [data-sal|=flip] { + transform: none; } + +section#intro { + height: 100vh; + margin-left: 1em; + width: 98%; + display: grid; + grid-template-columns: repeat(2, 1fr); } +section#intro div { + align-self: center; + max-width: 700px; } +section#intro div p { + max-width: 600px; } +section#intro div .big { + font-size: 1.5em; } +section#intro figure { + align-self: center; } +section#intro figure img { + max-height: 100vh; } +section#intro figure .hidden { + display: none; } + +@media (max-width: 992px) { + section#intro { + height: inherit; + grid-template-columns: 1fr; + margin: 0em 3em; } + section#intro div { + grid-row: 2; } + section#intro figure { + grid-row: 1; + margin-top: 8em; } } + +@media (max-width: 688px) { + section#intro { + margin-left: 1.5em; + margin-right: 1.5em; } } + +section#intro .actions { + display: none +} + +section#intro .actions-reverse { + font-size: 52%; +} + +.land-btn:hover { + background-color: rgba(255,255,255,.15); + border-radius: 3px; +} + +section#intro h1 { + font-size: 120%; +} + +section#intro .action-text { + font-size: 55%; +} + +section#whatisgitcoin { + margin: 0em; + margin-top: 12em; } +section#whatisgitcoin h1 { + text-align: center; + margin-bottom: 1em; } +section#whatisgitcoin figure { + margin-bottom: 3em; } +section#whatisgitcoin figure img { + width: 100%; } +section#whatisgitcoin div.grid { + display: grid; + grid-template-columns: 1fr; + grid-gap: 3em; + margin: 0em 3em; } +section#whatisgitcoin div.grid div p { + max-width: 600px; } +section#whatisgitcoin div.grid div a { + margin-right: 26px; } + +@media (max-width: 688px) { + section#intro .actions { + display: block; + } + section#intro .actions-reverse { + display: none; + } + section#whatisgitcoin div.grid { + grid-template-columns: 1fr; + margin-left: 1.5em; + margin-right: 1.5em; } } + +section#trust { + margin: 0em 3em; + margin-top: 12em; + text-align: center; } +section#trust h1 { + text-align: center; + margin-bottom: 2em; } +section#trust div.grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + margin-bottom: 3em; } +section#trust div.grid div { + border-left: 2px solid var(--polarisblue); } +section#trust div.grid div:first-child { + border-left: none; } +section#trust div.grid div h1 { + color: var(--regulusred); + margin-bottom: 0.5em; } +section#trust div.grid div h2 { + color: var(--vinuspurple); } + +@media (max-width: 688px) { + section#trust div.grid { + grid-template-columns: 1fr; } + section#trust div.grid div { + border: initial; + border-bottom: 2px solid var(--polarisblue); } + section#trust div.grid div h1 { + margin-top: 1em; } + section#trust div.grid div h2 { + margin-bottom: 2em; } + section#trust div.grid div:last-child { + border-bottom: none; } } + +section#partners { + margin: 0em 3em; + margin-top: 6em; } +section#partners h2 { + margin-bottom: 2em; + text-align: center; } +section#partners div.grid { + display: grid; + grid-template-columns: repeat(6, 1fr); + grid-gap: 1rem; + margin-top: 2em; } +section#partners div.grid figure { + background-color: var(--polarisblue); + border-radius: 3px; } +section#partners div.grid figure img { + width: 100%; + height: auto; + margin: auto; } + +@media (max-width: 688px) { + section#partners div.grid { + grid-template-columns: repeat(3, 1fr); } } + +section#twitter { + margin: 0em 3em; + margin-top: 12em; + margin-bottom: 3em; } +section#twitter h1 { + text-align: center; + margin-bottom: 2.5em; } +section#twitter div.grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-row-gap: 4em; + grid-column-gap: 2em; } +section#twitter svg.twitter-icon { + position: absolute; + top: 1rem; + right: 1rem; + width: 46px; + height: 46px; + fill: var(--polarisblue); + stroke: none; } +section#twitter figure { + border: 2px solid var(--polarisblue); + position: relative; + padding: 2em; + padding-top: 0em; } +section#twitter figure img { + width: 80px; + height: auto; + border-radius: 80px; + margin: auto; + position: relative; + top: -40px; } +section#twitter figure figcaption { + color: var(--starwhite); } +section#twitter figure a { + text-decoration: none; + color: var(--cosmicteal); + font-weight: 800; } + +@media (max-width: 992px) { + section#twitter div.grid { + grid-template-columns: repeat(2, 1fr); } } + +@media (max-width: 688px) { + section#twitter { + margin-left: 1.5em; + margin-right: 1.5em; } + section#twitter div.grid { + grid-template-columns: 1fr; } } + +section#newsletter { + margin: 0em 3em; + margin-top: 12em; + text-align: center; + border: 2px solid var(--vinuspurple); + padding-top: 1.5em; + padding-bottom: 1em; } +section#newsletter h2 { + margin-bottom: 1.5em; } +section#newsletter div.options { + margin-bottom: 1.5em; } +section#newsletter span { + padding-right: 0.3rem; } +section#newsletter label { + padding: 0rem 0.3rem; } +section#newsletter input[type=email] { + padding: 1em 1.5em; + border-radius: 3px; + cursor: pointer; + margin-bottom: 1rem; + color: var(--polarisblue); + background-color: var(--starwhite); + border: 0; + outline: 0; + font-size: 100%; } +section#newsletter form { + margin: 0; + padding: 0; + display: block; } +section#newsletter button.btn { + background-color: var(--vinuspurple); } + +@media (max-width: 688px) { + section#newsletter { + margin-left: 1.5em; + margin-right: 1.5em; } + section#newsletter h2 { + padding: 0rem 1rem; } + section#newsletter span { + display: block; + margin-bottom: 1rem; } + section#newsletter label { + padding: 0rem 0rem; } } + +section#footernavigation { + margin: 0em 3em; + margin-top: 6em; + display: grid; + grid-template-columns: repeat(4, 1fr); + margin-bottom: 3em; } +section#footernavigation div h2 { + margin-bottom: 2em; } +section#footernavigation div a { + display: block; + text-decoration: none; + color: var(--starwhite); + margin-bottom: 1em; } +section#footernavigation div a:hover { + color: var(--cosmicteal); } + +@media (max-width: 688px) { + section#footernavigation { + margin-left: 1.5em; + margin-right: 1.5em; + grid-template-columns: repeat(2, 1fr); + grid-row-gap: 3em; + grid-column-gap: 3em; } } + +section#footersocial { + margin-top: 0em; + margin-left: 3em; + margin-right: 3em; + display: grid; + grid-template-columns: repeat(7, 1fr); + justify-content: end; + padding: 1.5em 0em; + background-color: var(--vinuspurple); } +section#footersocial figure { + margin: auto; } +section#footersocial figure svg { + background-color: none; + stroke: var(--starwhite); + stroke-width: 2; + stroke-miterlimit: 5; + width: 64px; + height: 64px; + fill: none; + transition: all 500ms ease; } +section#footersocial figure svg:hover { + stroke: var(--milkywayblue); + stroke-width: 4; } + +@media (max-width: 688px) { + section#footersocial { + grid-template-columns: repeat(3, 1fr); + grid-row-gap: 3em; + margin-left: 1.5em; + margin-right: 1.5em; } } + +section#footerconsensys figure { + width: 200px; + margin: auto; + padding: 3em 0em; } From a12c0e20d62e62ba8ca2c38a04328fa83b97df14 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:11:23 +0000 Subject: [PATCH 124/279] Adds stylelint-scss --- .stylelintignore | 4 ++++ .stylelintrc | 5 ++++- package.json | 7 ++++--- yarn.lock | 30 ++++++++++++++++++++++++++++-- 4 files changed, 40 insertions(+), 6 deletions(-) diff --git a/.stylelintignore b/.stylelintignore index ab6265d721c..76451a1eab2 100644 --- a/.stylelintignore +++ b/.stylelintignore @@ -4,3 +4,7 @@ app/assets/v2/css/bootstrap-vue.min.css app/assets/v2/js/lib/tweenlite.js app/assets/v2/js/abi.js app/assets/v2/css/lib/* + +app/assets/v2/scss/jquery.select2.min.scss +app/assets/v2/scss/vue-innersearch.scss +app/assets/v2/scss/lib/* diff --git a/.stylelintrc b/.stylelintrc index 34ccec79e4c..4dd1c50cc2e 100644 --- a/.stylelintrc +++ b/.stylelintrc @@ -27,5 +27,8 @@ "vmin", "fr" ] - } + }, + "plugins": [ + "stylelint-scss" + ], } diff --git a/package.json b/package.json index 2c13ddd0d36..b214203c18b 100644 --- a/package.json +++ b/package.json @@ -6,8 +6,8 @@ "test": "echo \"Error: no test specified\" && exit 1", "eslint": "./node_modules/eslint/bin/eslint.js --quiet --config .eslintrc ./app/assets/v2/js/*.js ./app/assets/v2/js/**/*.js ./app/assets/onepager/js/*.js ./cypress/**/*.js", "eslint:fix": "./node_modules/eslint/bin/eslint.js --quiet --fix --config .eslintrc ./app/assets/v2/js/*.js ./app/assets/v2/js/**/*.js ./app/assets/onepager/js/*.js", - "stylelint": "stylelint ./app/assets/**/**/*.css", - "stylelint:fix": "stylelint --fix ./app/assets/**/**/*.css", + "stylelint": "stylelint ./app/assets/**/**/*.{css,scss}", + "stylelint:fix": "stylelint --fix ./app/assets/**/**/*.{css,scss}", "build": "webpack --config webpack.config.js --progress --colors" }, "repository": { @@ -25,6 +25,7 @@ "cypress": "^3.4.1", "eslint": "^7.14.0", "stylelint": "^9.10.1", - "stylelint-config-recommended": "^2.2.0" + "stylelint-config-recommended": "^2.2.0", + "stylelint-scss": "^3.19.0" } } diff --git a/yarn.lock b/yarn.lock index ef92b5009f0..56b308c349f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -953,6 +953,11 @@ cross-spawn@^7.0.2: shebang-command "^2.0.0" which "^2.0.1" +cssesc@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee" + integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg== + currently-unhandled@^0.4.1: version "0.4.1" resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea" @@ -2367,7 +2372,7 @@ lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17 resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b" integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ== -lodash@^4.17.19, lodash@^4.17.20: +lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20: version "4.17.20" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52" integrity sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA== @@ -2930,6 +2935,16 @@ postcss-selector-parser@^3.1.0: indexes-of "^1.0.1" uniq "^1.0.1" +postcss-selector-parser@^6.0.2: + version "6.0.4" + resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz#56075a1380a04604c38b063ea7767a129af5c2b3" + integrity sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw== + dependencies: + cssesc "^3.0.0" + indexes-of "^1.0.1" + uniq "^1.0.1" + util-deprecate "^1.0.2" + postcss-syntax@^0.36.2: version "0.36.2" resolved "https://registry.yarnpkg.com/postcss-syntax/-/postcss-syntax-0.36.2.tgz#f08578c7d95834574e5593a82dfbfa8afae3b51c" @@ -3585,6 +3600,17 @@ stylelint-config-recommended@^2.2.0: resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-2.2.0.tgz#46ab139db4a0e7151fd5f94af155512886c96d3f" integrity sha512-bZ+d4RiNEfmoR74KZtCKmsABdBJr4iXRiCso+6LtMJPw5rd/KnxUWTxht7TbafrTJK1YRjNgnN0iVZaJfc3xJA== +stylelint-scss@^3.19.0: + version "3.19.0" + resolved "https://registry.yarnpkg.com/stylelint-scss/-/stylelint-scss-3.19.0.tgz#528006d5a4c5a0f1f4d709b02fd3f626ed66d742" + integrity sha512-Ic5bsmpS4wVucOw44doC1Yi9f5qbeVL4wPFiEOaUElgsOuLEN6Ofn/krKI8BeNL2gAn53Zu+IcVV4E345r6rBw== + dependencies: + lodash "^4.17.15" + postcss-media-query-parser "^0.2.3" + postcss-resolve-nested-selector "^0.1.1" + postcss-selector-parser "^6.0.2" + postcss-value-parser "^4.1.0" + stylelint@^9.10.1: version "9.10.1" resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-9.10.1.tgz#5f0ee3701461dff1d68284e1386efe8f0677a75d" @@ -3930,7 +3956,7 @@ use@^3.1.0: resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f" integrity sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ== -util-deprecate@^1.0.1, util-deprecate@~1.0.1: +util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf" integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8= From 713cb12fc6bfb9e0880a72ea9f0eabdef47eb8d1 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Tue, 9 Feb 2021 22:12:02 +0000 Subject: [PATCH 125/279] Runs stylelint --fix --- app/assets/v2/scss/admin/autocomplete.scss | 226 +- app/assets/v2/scss/admin/base.scss | 830 +++---- app/assets/v2/scss/admin/changelists.scss | 322 +-- app/assets/v2/scss/admin/dashboard.scss | 18 +- app/assets/v2/scss/admin/fonts.scss | 24 +- app/assets/v2/scss/admin/forms.scss | 422 ++-- app/assets/v2/scss/admin/login.scss | 78 +- app/assets/v2/scss/admin/responsive.scss | 1952 ++++++++--------- app/assets/v2/scss/admin/responsive_rtl.scss | 126 +- app/assets/v2/scss/admin/rtl.scss | 192 +- app/assets/v2/scss/admin/widgets.scss | 524 ++--- app/assets/v2/scss/grants/cart.scss | 14 +- app/assets/v2/scss/grants/fund.scss | 8 +- app/assets/v2/scss/grants/grant.scss | 46 +- app/assets/v2/scss/grants/side-cart.scss | 18 +- app/assets/v2/scss/jquery.select2.min.scss | 2 +- .../____ALREADY_SCSS____range-slider.scss | 12 +- ...___ALREADY_SCSS____select2.bootstrap4.scss | 78 +- .../kudos/____ALREADY_SCSS____styles.scss | 20 +- app/assets/v2/scss/kudos/styles.scss | 4 +- app/assets/v2/scss/lib/plyr.scss | 2 +- app/assets/v2/scss/lib/typography.scss | 24 +- app/assets/v2/scss/quests.scss | 32 +- app/assets/v2/scss/retail/tribes_landing.scss | 2 +- app/assets/v2/scss/submit_bounty.scss | 4 +- app/assets/v2/scss/tabs.scss | 2 +- app/assets/v2/scss/vue-innersearch.scss | 358 +-- 27 files changed, 2670 insertions(+), 2670 deletions(-) diff --git a/app/assets/v2/scss/admin/autocomplete.scss b/app/assets/v2/scss/admin/autocomplete.scss index 3ef95d15f0a..30bcdaac940 100644 --- a/app/assets/v2/scss/admin/autocomplete.scss +++ b/app/assets/v2/scss/admin/autocomplete.scss @@ -1,260 +1,260 @@ select.admin-autocomplete { - width: 20em; + width: 20em; } .select2-container--admin-autocomplete.select2-container { - min-height: 30px; + min-height: 30px; } .select2-container--admin-autocomplete .select2-selection--single, .select2-container--admin-autocomplete .select2-selection--multiple { - min-height: 30px; - padding: 0; + min-height: 30px; + padding: 0; } .select2-container--admin-autocomplete.select2-container--focus .select2-selection, .select2-container--admin-autocomplete.select2-container--open .select2-selection { - border-color: #999; - min-height: 30px; + border-color: #999; + min-height: 30px; } .select2-container--admin-autocomplete.select2-container--focus .select2-selection.select2-selection--single, .select2-container--admin-autocomplete.select2-container--open .select2-selection.select2-selection--single { - padding: 0; + padding: 0; } .select2-container--admin-autocomplete.select2-container--focus .select2-selection.select2-selection--multiple, .select2-container--admin-autocomplete.select2-container--open .select2-selection.select2-selection--multiple { - padding: 0; + padding: 0; } .select2-container--admin-autocomplete .select2-selection--single { - background-color: #fff; - border: 1px solid #ccc; - border-radius: 4px; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 4px; } .select2-container--admin-autocomplete .select2-selection--single .select2-selection__rendered { - color: #444; - line-height: 30px; + color: #444; + line-height: 30px; } .select2-container--admin-autocomplete .select2-selection--single .select2-selection__clear { - cursor: pointer; - float: right; - font-weight: bold; + cursor: pointer; + float: right; + font-weight: bold; } .select2-container--admin-autocomplete .select2-selection--single .select2-selection__placeholder { - color: #999; + color: #999; } .select2-container--admin-autocomplete .select2-selection--single .select2-selection__arrow { - height: 26px; - position: absolute; - top: 1px; - right: 1px; - width: 20px; + height: 26px; + position: absolute; + top: 1px; + right: 1px; + width: 20px; } .select2-container--admin-autocomplete .select2-selection--single .select2-selection__arrow b { - border-color: #888 transparent transparent transparent; - border-style: solid; - border-width: 5px 4px 0 4px; - height: 0; - left: 50%; - margin-left: -4px; - margin-top: -2px; - position: absolute; - top: 50%; - width: 0; + border-color: #888 transparent transparent transparent; + border-style: solid; + border-width: 5px 4px 0 4px; + height: 0; + left: 50%; + margin-left: -4px; + margin-top: -2px; + position: absolute; + top: 50%; + width: 0; } .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--single .select2-selection__clear { - float: left; + float: left; } .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--single .select2-selection__arrow { - left: 1px; - right: auto; + left: 1px; + right: auto; } .select2-container--admin-autocomplete.select2-container--disabled .select2-selection--single { - background-color: #eee; - cursor: default; + background-color: #eee; + cursor: default; } .select2-container--admin-autocomplete.select2-container--disabled .select2-selection--single .select2-selection__clear { - display: none; + display: none; } .select2-container--admin-autocomplete.select2-container--open .select2-selection--single .select2-selection__arrow b { - border-color: transparent transparent #888 transparent; - border-width: 0 4px 5px 4px; + border-color: transparent transparent #888 transparent; + border-width: 0 4px 5px 4px; } .select2-container--admin-autocomplete .select2-selection--multiple { - background-color: white; - border: 1px solid #ccc; - border-radius: 4px; - cursor: text; + background-color: white; + border: 1px solid #ccc; + border-radius: 4px; + cursor: text; } .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__rendered { - box-sizing: border-box; - list-style: none; - margin: 0; - padding: 0 5px; - width: 100%; + box-sizing: border-box; + list-style: none; + margin: 0; + padding: 0 5px; + width: 100%; } .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__rendered li { - list-style: none; + list-style: none; } .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__placeholder { - color: #999; - margin-top: 5px; - float: left; + color: #999; + margin-top: 5px; + float: left; } .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__clear { - cursor: pointer; - float: right; - font-weight: bold; - margin: 5px; + cursor: pointer; + float: right; + font-weight: bold; + margin: 5px; } .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice { - background-color: #e4e4e4; - border: 1px solid #ccc; - border-radius: 4px; - cursor: default; - float: left; - margin-right: 5px; - margin-top: 5px; - padding: 0 5px; + background-color: #e4e4e4; + border: 1px solid #ccc; + border-radius: 4px; + cursor: default; + float: left; + margin-right: 5px; + margin-top: 5px; + padding: 0 5px; } .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice__remove { - color: #999; - cursor: pointer; - display: inline-block; - font-weight: bold; - margin-right: 2px; + color: #999; + cursor: pointer; + display: inline-block; + font-weight: bold; + margin-right: 2px; } .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #333; + color: #333; } .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-search--inline { - float: right; + float: right; } .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice { - margin-left: 5px; - margin-right: auto; + margin-left: 5px; + margin-right: auto; } .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { - margin-left: 2px; - margin-right: auto; + margin-left: 2px; + margin-right: auto; } .select2-container--admin-autocomplete.select2-container--focus .select2-selection--multiple { - border: solid #999 1px; - outline: 0; + border: solid #999 1px; + outline: 0; } .select2-container--admin-autocomplete.select2-container--disabled .select2-selection--multiple { - background-color: #eee; - cursor: default; + background-color: #eee; + cursor: default; } .select2-container--admin-autocomplete.select2-container--disabled .select2-selection__choice__remove { - display: none; + display: none; } .select2-container--admin-autocomplete.select2-container--open.select2-container--above .select2-selection--single, .select2-container--admin-autocomplete.select2-container--open.select2-container--above .select2-selection--multiple { - border-top-left-radius: 0; - border-top-right-radius: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; } .select2-container--admin-autocomplete.select2-container--open.select2-container--below .select2-selection--single, .select2-container--admin-autocomplete.select2-container--open.select2-container--below .select2-selection--multiple { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } .select2-container--admin-autocomplete .select2-search--dropdown .select2-search__field { - border: 1px solid #ccc; + border: 1px solid #ccc; } .select2-container--admin-autocomplete .select2-search--inline .select2-search__field { - background: transparent; - border: none; - outline: 0; - box-shadow: none; - -webkit-appearance: textfield; + background: transparent; + border: none; + outline: 0; + box-shadow: none; + -webkit-appearance: textfield; } .select2-container--admin-autocomplete .select2-results > .select2-results__options { - max-height: 200px; - overflow-y: auto; + max-height: 200px; + overflow-y: auto; } .select2-container--admin-autocomplete .select2-results__option[role=group] { - padding: 0; + padding: 0; } .select2-container--admin-autocomplete .select2-results__option[aria-disabled=true] { - color: #999; + color: #999; } .select2-container--admin-autocomplete .select2-results__option[aria-selected=true] { - background-color: #ddd; + background-color: #ddd; } .select2-container--admin-autocomplete .select2-results__option .select2-results__option { - padding-left: 1em; + padding-left: 1em; } .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__group { - padding-left: 0; + padding-left: 0; } .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option { - margin-left: -1em; - padding-left: 2em; + margin-left: -1em; + padding-left: 2em; } .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -2em; - padding-left: 3em; + margin-left: -2em; + padding-left: 3em; } .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -3em; - padding-left: 4em; + margin-left: -3em; + padding-left: 4em; } .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -4em; - padding-left: 5em; + margin-left: -4em; + padding-left: 5em; } .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -5em; - padding-left: 6em; + margin-left: -5em; + padding-left: 6em; } .select2-container--admin-autocomplete .select2-results__option--highlighted[aria-selected] { - background-color: #79aec8; - color: white; + background-color: #79aec8; + color: white; } .select2-container--admin-autocomplete .select2-results__group { - cursor: default; - display: block; - padding: 6px; + cursor: default; + display: block; + padding: 6px; } diff --git a/app/assets/v2/scss/admin/base.scss b/app/assets/v2/scss/admin/base.scss index fd011a3f9a3..40f5dbf74a6 100644 --- a/app/assets/v2/scss/admin/base.scss +++ b/app/assets/v2/scss/admin/base.scss @@ -5,983 +5,983 @@ @import url(fonts.css); body { - margin: 0; - padding: 0; - font-size: 14px; - font-family: "Roboto","Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; - color: #333; - background: #fff; + margin: 0; + padding: 0; + font-size: 14px; + font-family: "Roboto","Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; + color: #333; + background: #fff; } /* LINKS */ a:link, a:visited { - color: #447e9b; - text-decoration: none; + color: #447e9b; + text-decoration: none; } a:focus, a:hover { - color: #036; + color: #036; } a:focus { - text-decoration: underline; + text-decoration: underline; } a img { - border: none; + border: none; } a.section:link, a.section:visited { - color: #fff; - text-decoration: none; + color: #fff; + text-decoration: none; } a.section:focus, a.section:hover { - text-decoration: underline; + text-decoration: underline; } /* GLOBAL DEFAULTS */ p, ol, ul, dl { - margin: .2em 0 .8em 0; + margin: .2em 0 .8em 0; } p { - padding: 0; - line-height: 140%; + padding: 0; + line-height: 140%; } h1,h2,h3,h4,h5 { - font-weight: bold; + font-weight: bold; } h1 { - margin: 0 0 20px; - font-weight: 300; - font-size: 20px; - color: #666; + margin: 0 0 20px; + font-weight: 300; + font-size: 20px; + color: #666; } h2 { - font-size: 16px; - margin: 1em 0 .5em 0; + font-size: 16px; + margin: 1em 0 .5em 0; } h2.subhead { - font-weight: normal; - margin-top: 0; + font-weight: normal; + margin-top: 0; } h3 { - font-size: 14px; - margin: .8em 0 .3em 0; - color: #666; - font-weight: bold; + font-size: 14px; + margin: .8em 0 .3em 0; + color: #666; + font-weight: bold; } h4 { - font-size: 12px; - margin: 1em 0 .8em 0; - padding-bottom: 3px; + font-size: 12px; + margin: 1em 0 .8em 0; + padding-bottom: 3px; } h5 { - font-size: 10px; - margin: 1.5em 0 .5em 0; - color: #666; - text-transform: uppercase; - letter-spacing: 1px; + font-size: 10px; + margin: 1.5em 0 .5em 0; + color: #666; + text-transform: uppercase; + letter-spacing: 1px; } ul li { - list-style-type: square; - padding: 1px 0; + list-style-type: square; + padding: 1px 0; } li ul { - margin-bottom: 0; + margin-bottom: 0; } li, dt, dd { - font-size: 13px; - line-height: 20px; + font-size: 13px; + line-height: 20px; } dt { - font-weight: bold; - margin-top: 4px; + font-weight: bold; + margin-top: 4px; } dd { - margin-left: 0; + margin-left: 0; } form { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } fieldset { - margin: 0; - padding: 0; - border: none; - border-top: 1px solid #eee; + margin: 0; + padding: 0; + border: none; + border-top: 1px solid #eee; } blockquote { - font-size: 11px; - color: #777; - margin-left: 2px; - padding-left: 10px; - border-left: 5px solid #ddd; + font-size: 11px; + color: #777; + margin-left: 2px; + padding-left: 10px; + border-left: 5px solid #ddd; } code, pre { - font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; - color: #666; - font-size: 12px; + font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; + color: #666; + font-size: 12px; } pre.literal-block { - margin: 10px; - background: #eee; - padding: 6px 8px; + margin: 10px; + background: #eee; + padding: 6px 8px; } code strong { - color: #930; + color: #930; } hr { - clear: both; - color: #eee; - background-color: #eee; - height: 1px; - border: none; - margin: 0; - padding: 0; - font-size: 1px; - line-height: 1px; + clear: both; + color: #eee; + background-color: #eee; + height: 1px; + border: none; + margin: 0; + padding: 0; + font-size: 1px; + line-height: 1px; } /* TEXT STYLES & MODIFIERS */ .small { - font-size: 11px; + font-size: 11px; } .tiny { - font-size: 10px; + font-size: 10px; } p.tiny { - margin-top: -2px; + margin-top: -2px; } .mini { - font-size: 10px; + font-size: 10px; } p.mini { - margin-top: -3px; + margin-top: -3px; } .help, p.help, form p.help, div.help, form div.help, div.help li { - font-size: 11px; - color: #999; + font-size: 11px; + color: #999; } div.help ul { - margin-bottom: 0; + margin-bottom: 0; } .help-tooltip { - cursor: help; + cursor: help; } p img, h1 img, h2 img, h3 img, h4 img, td img { - vertical-align: middle; + vertical-align: middle; } .quiet, a.quiet:link, a.quiet:visited { - color: #999; - font-weight: normal; + color: #999; + font-weight: normal; } .float-right { - float: right; + float: right; } .float-left { - float: left; + float: left; } .clear { - clear: both; + clear: both; } .align-left { - text-align: left; + text-align: left; } .align-right { - text-align: right; + text-align: right; } .example { - margin: 10px 0; - padding: 5px 10px; - background: #efefef; + margin: 10px 0; + padding: 5px 10px; + background: #efefef; } .nowrap { - white-space: nowrap; + white-space: nowrap; } /* TABLES */ table { - border-collapse: collapse; - border-color: #ccc; + border-collapse: collapse; + border-color: #ccc; } td, th { - font-size: 13px; - line-height: 16px; - border-bottom: 1px solid #eee; - vertical-align: top; - padding: 8px; - font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif; + font-size: 13px; + line-height: 16px; + border-bottom: 1px solid #eee; + vertical-align: top; + padding: 8px; + font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif; } th { - font-weight: 600; - text-align: left; + font-weight: 600; + text-align: left; } thead th, tfoot td { - color: #666; - padding: 5px 10px; - font-size: 11px; - background: #fff; - border: none; - border-top: 1px solid #eee; - border-bottom: 1px solid #eee; + color: #666; + padding: 5px 10px; + font-size: 11px; + background: #fff; + border: none; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; } tfoot td { - border-bottom: none; - border-top: 1px solid #eee; + border-bottom: none; + border-top: 1px solid #eee; } thead th.required { - color: #000; + color: #000; } tr.alt { - background: #f6f6f6; + background: #f6f6f6; } .row1 { - background: #fff; + background: #fff; } .row2 { - background: #f9f9f9; + background: #f9f9f9; } /* SORTABLE TABLES */ thead th { - padding: 5px 10px; - line-height: normal; - text-transform: uppercase; - background: #f6f6f6; + padding: 5px 10px; + line-height: normal; + text-transform: uppercase; + background: #f6f6f6; } thead th a:link, thead th a:visited { - color: #666; + color: #666; } thead th.sorted { - background: #eee; + background: #eee; } thead th.sorted .text { - padding-right: 42px; + padding-right: 42px; } table thead th .text span { - padding: 8px 10px; - display: block; + padding: 8px 10px; + display: block; } table thead th .text a { - display: block; - cursor: pointer; - padding: 8px 10px; + display: block; + cursor: pointer; + padding: 8px 10px; } table thead th .text a:focus, table thead th .text a:hover { - background: #eee; + background: #eee; } thead th.sorted a.sortremove { - visibility: hidden; + visibility: hidden; } table thead th.sorted:hover a.sortremove { - visibility: visible; + visibility: visible; } table thead th.sorted .sortoptions { - display: block; - padding: 9px 5px 0 5px; - float: right; - text-align: right; + display: block; + padding: 9px 5px 0 5px; + float: right; + text-align: right; } table thead th.sorted .sortpriority { - font-size: .8em; - min-width: 12px; - text-align: center; - vertical-align: 3px; - margin-left: 2px; - margin-right: 2px; + font-size: .8em; + min-width: 12px; + text-align: center; + vertical-align: 3px; + margin-left: 2px; + margin-right: 2px; } table thead th.sorted .sortoptions a { - position: relative; - width: 14px; - height: 14px; - display: inline-block; - background: url(../img/sorting-icons.svg) 0 0 no-repeat; - background-size: 14px auto; + position: relative; + width: 14px; + height: 14px; + display: inline-block; + background: url(../img/sorting-icons.svg) 0 0 no-repeat; + background-size: 14px auto; } table thead th.sorted .sortoptions a.sortremove { - background-position: 0 0; + background-position: 0 0; } table thead th.sorted .sortoptions a.sortremove:after { - content: '\\'; - position: absolute; - top: -6px; - left: 3px; - font-weight: 200; - font-size: 18px; - color: #999; + content: '\\'; + position: absolute; + top: -6px; + left: 3px; + font-weight: 200; + font-size: 18px; + color: #999; } table thead th.sorted .sortoptions a.sortremove:focus:after, table thead th.sorted .sortoptions a.sortremove:hover:after { - color: #447e9b; + color: #447e9b; } table thead th.sorted .sortoptions a.sortremove:focus, table thead th.sorted .sortoptions a.sortremove:hover { - background-position: 0 -14px; + background-position: 0 -14px; } table thead th.sorted .sortoptions a.ascending { - background-position: 0 -28px; + background-position: 0 -28px; } table thead th.sorted .sortoptions a.ascending:focus, table thead th.sorted .sortoptions a.ascending:hover { - background-position: 0 -42px; + background-position: 0 -42px; } table thead th.sorted .sortoptions a.descending { - top: 1px; - background-position: 0 -56px; + top: 1px; + background-position: 0 -56px; } table thead th.sorted .sortoptions a.descending:focus, table thead th.sorted .sortoptions a.descending:hover { - background-position: 0 -70px; + background-position: 0 -70px; } /* FORM DEFAULTS */ input, textarea, select, .form-row p, form .button { - margin: 2px 0; - padding: 2px 3px; - vertical-align: middle; - font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif; - font-weight: normal; - font-size: 13px; + margin: 2px 0; + padding: 2px 3px; + vertical-align: middle; + font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif; + font-weight: normal; + font-size: 13px; } .form-row div.help { - padding: 2px 3px; + padding: 2px 3px; } textarea { - vertical-align: top; + vertical-align: top; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input[type=tel], textarea, select, .vTextField { - border: 1px solid #ccc; - border-radius: 4px; - padding: 5px 6px; - margin-top: 0; + border: 1px solid #ccc; + border-radius: 4px; + padding: 5px 6px; + margin-top: 0; } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=number]:focus, input[type=tel]:focus, textarea:focus, select:focus, .vTextField:focus { - border-color: #999; + border-color: #999; } select { - height: 30px; + height: 30px; } select[multiple] { - /* Allow HTML size attribute to override the height in the rule above. */ - height: auto; - min-height: 150px; + /* Allow HTML size attribute to override the height in the rule above. */ + height: auto; + min-height: 150px; } /* FORM BUTTONS */ .button, input[type=submit], input[type=button], .submit-row input, a.button { - background: #79aec8; - padding: 10px 15px; - border: none; - border-radius: 4px; - color: #fff; - cursor: pointer; + background: #79aec8; + padding: 10px 15px; + border: none; + border-radius: 4px; + color: #fff; + cursor: pointer; } a.button { - padding: 4px 5px; + padding: 4px 5px; } .button:active, input[type=submit]:active, input[type=button]:active, .button:focus, input[type=submit]:focus, input[type=button]:focus, .button:hover, input[type=submit]:hover, input[type=button]:hover { - background: #609ab6; + background: #609ab6; } .button[disabled], input[type=submit][disabled], input[type=button][disabled] { - opacity: 0.4; + opacity: 0.4; } .button.default, input[type=submit].default, .submit-row input.default { - float: right; - border: none; - font-weight: 400; - background: #417690; + float: right; + border: none; + font-weight: 400; + background: #417690; } .button.default:active, input[type=submit].default:active, .button.default:focus, input[type=submit].default:focus, .button.default:hover, input[type=submit].default:hover { - background: #205067; + background: #205067; } .button[disabled].default, input[type=submit][disabled].default, input[type=button][disabled].default { - opacity: 0.4; + opacity: 0.4; } /* MODULES */ .module { - border: none; - margin-bottom: 30px; - background: #fff; + border: none; + margin-bottom: 30px; + background: #fff; } .module p, .module ul, .module h3, .module h4, .module dl, .module pre { - padding-left: 10px; - padding-right: 10px; + padding-left: 10px; + padding-right: 10px; } .module blockquote { - margin-left: 12px; + margin-left: 12px; } .module ul, .module ol { - margin-left: 1.5em; + margin-left: 1.5em; } .module h3 { - margin-top: .6em; + margin-top: .6em; } .module h2, .module caption, .inline-group h2 { - margin: 0; - padding: 8px; - font-weight: 400; - font-size: 13px; - text-align: left; - background: #79aec8; - color: #fff; + margin: 0; + padding: 8px; + font-weight: 400; + font-size: 13px; + text-align: left; + background: #79aec8; + color: #fff; } .module caption, .inline-group h2 { - font-size: 12px; - letter-spacing: 0.5px; - text-transform: uppercase; + font-size: 12px; + letter-spacing: 0.5px; + text-transform: uppercase; } .module table { - border-collapse: collapse; + border-collapse: collapse; } /* MESSAGES & ERRORS */ ul.messagelist { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } ul.messagelist li { - display: block; - font-weight: 400; - font-size: 13px; - padding: 10px 10px 10px 65px; - margin: 0 0 10px 0; - background: #dfd url(../img/icon-yes.svg) 40px 12px no-repeat; - background-size: 16px auto; - color: #333; + display: block; + font-weight: 400; + font-size: 13px; + padding: 10px 10px 10px 65px; + margin: 0 0 10px 0; + background: #dfd url(../img/icon-yes.svg) 40px 12px no-repeat; + background-size: 16px auto; + color: #333; } ul.messagelist li.warning { - background: #ffc url(../img/icon-alert.svg) 40px 14px no-repeat; - background-size: 14px auto; + background: #ffc url(../img/icon-alert.svg) 40px 14px no-repeat; + background-size: 14px auto; } ul.messagelist li.error { - background: #ffefef url(../img/icon-no.svg) 40px 12px no-repeat; - background-size: 16px auto; + background: #ffefef url(../img/icon-no.svg) 40px 12px no-repeat; + background-size: 16px auto; } .errornote { - font-size: 14px; - font-weight: 700; - display: block; - padding: 10px 12px; - margin: 0 0 10px 0; - color: #ba2121; - border: 1px solid #ba2121; - border-radius: 4px; - background-color: #fff; - background-position: 5px 12px; + font-size: 14px; + font-weight: 700; + display: block; + padding: 10px 12px; + margin: 0 0 10px 0; + color: #ba2121; + border: 1px solid #ba2121; + border-radius: 4px; + background-color: #fff; + background-position: 5px 12px; } ul.errorlist { - margin: 0 0 4px; - padding: 0; - color: #ba2121; - background: #fff; + margin: 0 0 4px; + padding: 0; + color: #ba2121; + background: #fff; } ul.errorlist li { - font-size: 13px; - display: block; - margin-bottom: 4px; + font-size: 13px; + display: block; + margin-bottom: 4px; } ul.errorlist li:first-child { - margin-top: 0; + margin-top: 0; } ul.errorlist li a { - color: inherit; - text-decoration: underline; + color: inherit; + text-decoration: underline; } td ul.errorlist { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } td ul.errorlist li { - margin: 0; + margin: 0; } .form-row.errors { - margin: 0; - border: none; - border-bottom: 1px solid #eee; - background: none; + margin: 0; + border: none; + border-bottom: 1px solid #eee; + background: none; } .form-row.errors ul.errorlist li { - padding-left: 0; + padding-left: 0; } .errors input, .errors select, .errors textarea { - border: 1px solid #ba2121; + border: 1px solid #ba2121; } div.system-message { - background: #ffc; - margin: 10px; - padding: 6px 8px; - font-size: .8em; + background: #ffc; + margin: 10px; + padding: 6px 8px; + font-size: .8em; } div.system-message p.system-message-title { - padding: 4px 5px 4px 25px; - margin: 0; - color: #c11; - background: #ffefef url(../img/icon-no.svg) 5px 5px no-repeat; + padding: 4px 5px 4px 25px; + margin: 0; + color: #c11; + background: #ffefef url(../img/icon-no.svg) 5px 5px no-repeat; } .description { - font-size: 12px; - padding: 5px 0 0 12px; + font-size: 12px; + padding: 5px 0 0 12px; } /* BREADCRUMBS */ div.breadcrumbs { - background: #79aec8; - padding: 10px 40px; - border: none; - font-size: 14px; - color: #c4dce8; - text-align: left; + background: #79aec8; + padding: 10px 40px; + border: none; + font-size: 14px; + color: #c4dce8; + text-align: left; } div.breadcrumbs a { - color: #fff; + color: #fff; } div.breadcrumbs a:focus, div.breadcrumbs a:hover { - color: #c4dce8; + color: #c4dce8; } /* ACTION ICONS */ .viewlink, .inlineviewlink { - padding-left: 16px; - background: url(../img/icon-viewlink.svg) 0 1px no-repeat; + padding-left: 16px; + background: url(../img/icon-viewlink.svg) 0 1px no-repeat; } .addlink { - padding-left: 16px; - background: url(../img/icon-addlink.svg) 0 1px no-repeat; + padding-left: 16px; + background: url(../img/icon-addlink.svg) 0 1px no-repeat; } .changelink, .inlinechangelink { - padding-left: 16px; - background: url(../img/icon-changelink.svg) 0 1px no-repeat; + padding-left: 16px; + background: url(../img/icon-changelink.svg) 0 1px no-repeat; } .deletelink { - padding-left: 16px; - background: url(../img/icon-deletelink.svg) 0 1px no-repeat; + padding-left: 16px; + background: url(../img/icon-deletelink.svg) 0 1px no-repeat; } a.deletelink:link, a.deletelink:visited { - color: #CC3434; + color: #CC3434; } a.deletelink:focus, a.deletelink:hover { - color: #993333; - text-decoration: none; + color: #993333; + text-decoration: none; } /* OBJECT TOOLS */ .object-tools { - font-size: 10px; - font-weight: bold; - padding-left: 0; - float: right; - position: relative; - margin-top: -48px; + font-size: 10px; + font-weight: bold; + padding-left: 0; + float: right; + position: relative; + margin-top: -48px; } .form-row .object-tools { - margin-top: 5px; - margin-bottom: 5px; - float: none; - height: 2em; - padding-left: 3.5em; + margin-top: 5px; + margin-bottom: 5px; + float: none; + height: 2em; + padding-left: 3.5em; } .object-tools li { - display: block; - float: left; - margin-left: 5px; - height: 16px; + display: block; + float: left; + margin-left: 5px; + height: 16px; } .object-tools a { - border-radius: 15px; + border-radius: 15px; } .object-tools a:link, .object-tools a:visited { - display: block; - float: left; - padding: 3px 12px; - background: #999; - font-weight: 400; - font-size: 11px; - text-transform: uppercase; - letter-spacing: 0.5px; - color: #fff; + display: block; + float: left; + padding: 3px 12px; + background: #999; + font-weight: 400; + font-size: 11px; + text-transform: uppercase; + letter-spacing: 0.5px; + color: #fff; } .object-tools a:focus, .object-tools a:hover { - background-color: #417690; + background-color: #417690; } .object-tools a:focus{ - text-decoration: none; + text-decoration: none; } .object-tools a.viewsitelink, .object-tools a.golink,.object-tools a.addlink { - background-repeat: no-repeat; - background-position: right 7px center; - padding-right: 26px; + background-repeat: no-repeat; + background-position: right 7px center; + padding-right: 26px; } .object-tools a.viewsitelink, .object-tools a.golink { - background-image: url(../img/tooltag-arrowright.svg); + background-image: url(../img/tooltag-arrowright.svg); } .object-tools a.addlink { - background-image: url(../img/tooltag-add.svg); + background-image: url(../img/tooltag-add.svg); } /* OBJECT HISTORY */ table#change-history { - width: 100%; + width: 100%; } table#change-history tbody th { - width: 16em; + width: 16em; } /* PAGE STRUCTURE */ #container { - position: relative; - width: 100%; - min-width: 980px; - padding: 0; + position: relative; + width: 100%; + min-width: 980px; + padding: 0; } #content { - padding: 20px 40px; + padding: 20px 40px; } .dashboard #content { - width: 600px; + width: 600px; } #content-main { - float: left; - width: 100%; + float: left; + width: 100%; } #content-related { - float: right; - width: 260px; - position: relative; - margin-right: -300px; + float: right; + width: 260px; + position: relative; + margin-right: -300px; } #footer { - clear: both; - padding: 10px; + clear: both; + padding: 10px; } /* COLUMN TYPES */ .colMS { - margin-right: 300px; + margin-right: 300px; } .colSM { - margin-left: 300px; + margin-left: 300px; } .colSM #content-related { - float: left; - margin-right: 0; - margin-left: -300px; + float: left; + margin-right: 0; + margin-left: -300px; } .colSM #content-main { - float: right; + float: right; } .popup .colM { - width: auto; + width: auto; } /* HEADER */ #header { - width: auto; - height: auto; - display: flex; - justify-content: space-between; - align-items: center; - padding: 10px 40px; - background: #417690; - color: #ffc; - overflow: hidden; + width: auto; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 40px; + background: #417690; + color: #ffc; + overflow: hidden; } #header a:link, #header a:visited { - color: #fff; + color: #fff; } #header a:focus , #header a:hover { - text-decoration: underline; + text-decoration: underline; } #branding { - float: left; + float: left; } #branding h1 { - padding: 0; - margin: 0 20px 0 0; - font-weight: 300; - font-size: 24px; - color: #f5dd5d; + padding: 0; + margin: 0 20px 0 0; + font-weight: 300; + font-size: 24px; + color: #f5dd5d; } #branding h1, #branding h1 a:link, #branding h1 a:visited { - color: #f5dd5d; + color: #f5dd5d; } #branding h2 { - padding: 0 10px; - font-size: 14px; - margin: -8px 0 8px 0; - font-weight: normal; - color: #ffc; + padding: 0 10px; + font-size: 14px; + margin: -8px 0 8px 0; + font-weight: normal; + color: #ffc; } #branding a:hover { - text-decoration: none; + text-decoration: none; } #user-tools { - float: right; - padding: 0; - margin: 0 0 0 20px; - font-weight: 300; - font-size: 11px; - letter-spacing: 0.5px; - text-transform: uppercase; - text-align: right; + float: right; + padding: 0; + margin: 0 0 0 20px; + font-weight: 300; + font-size: 11px; + letter-spacing: 0.5px; + text-transform: uppercase; + text-align: right; } #user-tools a { - border-bottom: 1px solid rgba(255, 255, 255, 0.25); + border-bottom: 1px solid rgba(255, 255, 255, 0.25); } #user-tools a:focus, #user-tools a:hover { - text-decoration: none; - border-bottom-color: #79aec8; - color: #79aec8; + text-decoration: none; + border-bottom-color: #79aec8; + color: #79aec8; } /* SIDEBAR */ #content-related { - background: #f8f8f8; + background: #f8f8f8; } #content-related .module { - background: none; + background: none; } #content-related h3 { - font-size: 14px; - color: #666; - padding: 0 16px; - margin: 0 0 16px; + font-size: 14px; + color: #666; + padding: 0 16px; + margin: 0 0 16px; } #content-related h4 { - font-size: 13px; + font-size: 13px; } #content-related p { - padding-left: 16px; - padding-right: 16px; + padding-left: 16px; + padding-right: 16px; } #content-related .actionlist { - padding: 0; - margin: 16px; + padding: 0; + margin: 16px; } #content-related .actionlist li { - line-height: 1.2; - margin-bottom: 10px; - padding-left: 18px; + line-height: 1.2; + margin-bottom: 10px; + padding-left: 18px; } #content-related .module h2 { - background: none; - padding: 16px; - margin-bottom: 16px; - border-bottom: 1px solid #eaeaea; - font-size: 18px; - color: #333; + background: none; + padding: 16px; + margin-bottom: 16px; + border-bottom: 1px solid #eaeaea; + font-size: 18px; + color: #333; } .delete-confirmation form input[type="submit"] { - background: #ba2121; - border-radius: 4px; - padding: 10px 15px; - color: #fff; + background: #ba2121; + border-radius: 4px; + padding: 10px 15px; + color: #fff; } .delete-confirmation form input[type="submit"]:active, .delete-confirmation form input[type="submit"]:focus, .delete-confirmation form input[type="submit"]:hover { - background: #a41515; + background: #a41515; } .delete-confirmation form .cancel-link { - display: inline-block; - vertical-align: middle; - height: 15px; - line-height: 15px; - background: #ddd; - border-radius: 4px; - padding: 10px 15px; - color: #333; - margin: 0 0 0 10px; + display: inline-block; + vertical-align: middle; + height: 15px; + line-height: 15px; + background: #ddd; + border-radius: 4px; + padding: 10px 15px; + color: #333; + margin: 0 0 0 10px; } .delete-confirmation form .cancel-link:active, .delete-confirmation form .cancel-link:focus, .delete-confirmation form .cancel-link:hover { - background: #ccc; + background: #ccc; } /* POPUP */ .popup #content { - padding: 20px; + padding: 20px; } .popup #container { - min-width: 0; + min-width: 0; } .popup #header { - padding: 10px 20px; + padding: 10px 20px; } diff --git a/app/assets/v2/scss/admin/changelists.scss b/app/assets/v2/scss/admin/changelists.scss index 17690a3478d..f7b7c278a07 100644 --- a/app/assets/v2/scss/admin/changelists.scss +++ b/app/assets/v2/scss/admin/changelists.scss @@ -1,32 +1,32 @@ /* CHANGELISTS */ #changelist { - position: relative; - width: 100%; + position: relative; + width: 100%; } #changelist table { - width: 100%; + width: 100%; } .change-list .hiddenfields { display:none; } .change-list .filtered table { - border-right: none; + border-right: none; } .change-list .filtered { - min-height: 400px; + min-height: 400px; } .change-list .filtered .results, .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull { - margin-right: 280px; - width: auto; + margin-right: 280px; + width: auto; } .change-list .filtered table tbody th { - padding-right: 1em; + padding-right: 1em; } #changelist-form .results { @@ -34,311 +34,311 @@ } #changelist .toplinks { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #ddd; } #changelist .paginator { - color: #666; - border-bottom: 1px solid #eee; - background: #fff; - overflow: hidden; + color: #666; + border-bottom: 1px solid #eee; + background: #fff; + overflow: hidden; } /* CHANGELIST TABLES */ #changelist table thead th { - padding: 0; - white-space: nowrap; - vertical-align: middle; + padding: 0; + white-space: nowrap; + vertical-align: middle; } #changelist table thead th.action-checkbox-column { - width: 1.5em; - text-align: center; + width: 1.5em; + text-align: center; } #changelist table tbody td.action-checkbox { - text-align: center; + text-align: center; } #changelist table tfoot { - color: #666; + color: #666; } /* TOOLBAR */ #changelist #toolbar { - padding: 8px 10px; - margin-bottom: 15px; - border-top: 1px solid #eee; - border-bottom: 1px solid #eee; - background: #f8f8f8; - color: #666; + padding: 8px 10px; + margin-bottom: 15px; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + background: #f8f8f8; + color: #666; } #changelist #toolbar form input { - border-radius: 4px; - font-size: 14px; - padding: 5px; - color: #333; + border-radius: 4px; + font-size: 14px; + padding: 5px; + color: #333; } #changelist #toolbar form #searchbar { - height: 19px; - border: 1px solid #ccc; - padding: 2px 5px; - margin: 0; - vertical-align: top; - font-size: 13px; + height: 19px; + border: 1px solid #ccc; + padding: 2px 5px; + margin: 0; + vertical-align: top; + font-size: 13px; } #changelist #toolbar form #searchbar:focus { - border-color: #999; + border-color: #999; } #changelist #toolbar form input[type="submit"] { - border: 1px solid #ccc; - padding: 2px 10px; - margin: 0; - vertical-align: middle; - background: #fff; - box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.15) inset; - cursor: pointer; - color: #333; + border: 1px solid #ccc; + padding: 2px 10px; + margin: 0; + vertical-align: middle; + background: #fff; + box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.15) inset; + cursor: pointer; + color: #333; } #changelist #toolbar form input[type="submit"]:focus, #changelist #toolbar form input[type="submit"]:hover { - border-color: #999; + border-color: #999; } #changelist #changelist-search img { - vertical-align: middle; - margin-right: 4px; + vertical-align: middle; + margin-right: 4px; } /* FILTER COLUMN */ #changelist-filter { - position: absolute; - top: 0; - right: 0; - z-index: 1000; - width: 240px; - background: #f8f8f8; - border-left: none; - margin: 0; + position: absolute; + top: 0; + right: 0; + z-index: 1000; + width: 240px; + background: #f8f8f8; + border-left: none; + margin: 0; } #changelist-filter h2 { - font-size: 14px; - text-transform: uppercase; - letter-spacing: 0.5px; - padding: 5px 15px; - margin-bottom: 12px; - border-bottom: none; + font-size: 14px; + text-transform: uppercase; + letter-spacing: 0.5px; + padding: 5px 15px; + margin-bottom: 12px; + border-bottom: none; } #changelist-filter h3 { - font-weight: 400; - font-size: 14px; - padding: 0 15px; - margin-bottom: 10px; + font-weight: 400; + font-size: 14px; + padding: 0 15px; + margin-bottom: 10px; } #changelist-filter ul { - margin: 5px 0; - padding: 0 15px 15px; - border-bottom: 1px solid #eaeaea; + margin: 5px 0; + padding: 0 15px 15px; + border-bottom: 1px solid #eaeaea; } #changelist-filter ul:last-child { - border-bottom: none; - padding-bottom: none; + border-bottom: none; + padding-bottom: none; } #changelist-filter li { - list-style-type: none; - margin-left: 0; - padding-left: 0; + list-style-type: none; + margin-left: 0; + padding-left: 0; } #changelist-filter a { - display: block; - color: #999; - text-overflow: ellipsis; - overflow-x: hidden; + display: block; + color: #999; + text-overflow: ellipsis; + overflow-x: hidden; } #changelist-filter li.selected { - border-left: 5px solid #eaeaea; - padding-left: 10px; - margin-left: -15px; + border-left: 5px solid #eaeaea; + padding-left: 10px; + margin-left: -15px; } #changelist-filter li.selected a { - color: #5b80b2; + color: #5b80b2; } #changelist-filter a:focus, #changelist-filter a:hover, #changelist-filter li.selected a:focus, #changelist-filter li.selected a:hover { - color: #036; + color: #036; } /* DATE DRILLDOWN */ .change-list ul.toplinks { - display: block; - float: left; - padding: 0; - margin: 0; - width: 100%; + display: block; + float: left; + padding: 0; + margin: 0; + width: 100%; } .change-list ul.toplinks li { - padding: 3px 6px; - font-weight: bold; - list-style-type: none; - display: inline-block; + padding: 3px 6px; + font-weight: bold; + list-style-type: none; + display: inline-block; } .change-list ul.toplinks .date-back a { - color: #999; + color: #999; } .change-list ul.toplinks .date-back a:focus, .change-list ul.toplinks .date-back a:hover { - color: #036; + color: #036; } /* PAGINATOR */ .paginator { - font-size: 13px; - padding-top: 10px; - padding-bottom: 10px; - line-height: 22px; - margin: 0; - border-top: 1px solid #ddd; + font-size: 13px; + padding-top: 10px; + padding-bottom: 10px; + line-height: 22px; + margin: 0; + border-top: 1px solid #ddd; } .paginator a:link, .paginator a:visited { - padding: 2px 6px; - background: #79aec8; - text-decoration: none; - color: #fff; + padding: 2px 6px; + background: #79aec8; + text-decoration: none; + color: #fff; } .paginator a.showall { - padding: 0; - border: none; - background: none; - color: #5b80b2; + padding: 0; + border: none; + background: none; + color: #5b80b2; } .paginator a.showall:focus, .paginator a.showall:hover { - background: none; - color: #036; + background: none; + color: #036; } .paginator .end { - margin-right: 6px; + margin-right: 6px; } .paginator .this-page { - padding: 2px 6px; - font-weight: bold; - font-size: 13px; - vertical-align: top; + padding: 2px 6px; + font-weight: bold; + font-size: 13px; + vertical-align: top; } .paginator a:focus, .paginator a:hover { - color: white; - background: #036; + color: white; + background: #036; } /* ACTIONS */ .filtered .actions { - margin-right: 280px; - border-right: none; + margin-right: 280px; + border-right: none; } #changelist table input { - margin: 0; - vertical-align: baseline; + margin: 0; + vertical-align: baseline; } #changelist table tbody tr.selected { - background-color: #FFFFCC; + background-color: #FFFFCC; } #changelist .actions { - padding: 10px; - background: #fff; - border-top: none; - border-bottom: none; - line-height: 24px; - color: #999; + padding: 10px; + background: #fff; + border-top: none; + border-bottom: none; + line-height: 24px; + color: #999; } #changelist .actions.selected { - background: #fffccf; - border-top: 1px solid #fffee8; - border-bottom: 1px solid #edecd6; + background: #fffccf; + border-top: 1px solid #fffee8; + border-bottom: 1px solid #edecd6; } #changelist .actions span.all, #changelist .actions span.action-counter, #changelist .actions span.clear, #changelist .actions span.question { - font-size: 13px; - margin: 0 0.5em; - display: none; + font-size: 13px; + margin: 0 0.5em; + display: none; } #changelist .actions:last-child { - border-bottom: none; + border-bottom: none; } #changelist .actions select { - vertical-align: top; - height: 24px; - background: none; - color: #000; - border: 1px solid #ccc; - border-radius: 4px; - font-size: 14px; - padding: 0 0 0 4px; - margin: 0; - margin-left: 10px; + vertical-align: top; + height: 24px; + background: none; + color: #000; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 14px; + padding: 0 0 0 4px; + margin: 0; + margin-left: 10px; } #changelist .actions select:focus { - border-color: #999; + border-color: #999; } #changelist .actions label { - display: inline-block; - vertical-align: middle; - font-size: 13px; + display: inline-block; + vertical-align: middle; + font-size: 13px; } #changelist .actions .button { - font-size: 13px; - border: 1px solid #ccc; - border-radius: 4px; - background: #fff; - box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.15) inset; - cursor: pointer; - height: 24px; - line-height: 1; - padding: 4px 8px; - margin: 0; - color: #333; + font-size: 13px; + border: 1px solid #ccc; + border-radius: 4px; + background: #fff; + box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.15) inset; + cursor: pointer; + height: 24px; + line-height: 1; + padding: 4px 8px; + margin: 0; + color: #333; } #changelist .actions .button:focus, #changelist .actions .button:hover { - border-color: #999; + border-color: #999; } diff --git a/app/assets/v2/scss/admin/dashboard.scss b/app/assets/v2/scss/admin/dashboard.scss index 1560c7b4a97..4a3c78a328e 100644 --- a/app/assets/v2/scss/admin/dashboard.scss +++ b/app/assets/v2/scss/admin/dashboard.scss @@ -1,27 +1,27 @@ /* DASHBOARD */ .dashboard .module table th { - width: 100%; + width: 100%; } .dashboard .module table td { - white-space: nowrap; + white-space: nowrap; } .dashboard .module table td a { - display: block; - padding-right: .6em; + display: block; + padding-right: .6em; } /* RECENT ACTIONS MODULE */ .module ul.actionlist { - margin-left: 0; + margin-left: 0; } ul.actionlist li { - list-style-type: none; - overflow: hidden; - text-overflow: ellipsis; - -o-text-overflow: ellipsis; + list-style-type: none; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; } diff --git a/app/assets/v2/scss/admin/fonts.scss b/app/assets/v2/scss/admin/fonts.scss index c837e017c7f..7069bc7f913 100644 --- a/app/assets/v2/scss/admin/fonts.scss +++ b/app/assets/v2/scss/admin/fonts.scss @@ -1,20 +1,20 @@ @font-face { - font-family: 'Roboto'; - src: url('../fonts/Roboto-Bold-webfont.woff'); - font-weight: 700; - font-style: normal; + font-family: 'Roboto'; + src: url('../fonts/Roboto-Bold-webfont.woff'); + font-weight: 700; + font-style: normal; } @font-face { - font-family: 'Roboto'; - src: url('../fonts/Roboto-Regular-webfont.woff'); - font-weight: 400; - font-style: normal; + font-family: 'Roboto'; + src: url('../fonts/Roboto-Regular-webfont.woff'); + font-weight: 400; + font-style: normal; } @font-face { - font-family: 'Roboto'; - src: url('../fonts/Roboto-Light-webfont.woff'); - font-weight: 300; - font-style: normal; + font-family: 'Roboto'; + src: url('../fonts/Roboto-Light-webfont.woff'); + font-weight: 300; + font-style: normal; } diff --git a/app/assets/v2/scss/admin/forms.scss b/app/assets/v2/scss/admin/forms.scss index 62a093f952f..2d6f97314aa 100644 --- a/app/assets/v2/scss/admin/forms.scss +++ b/app/assets/v2/scss/admin/forms.scss @@ -1,138 +1,138 @@ -@import url('widgets.css'); +@import url('widgets.scss'); /* FORM ROWS */ .form-row { - overflow: hidden; - padding: 10px; - font-size: 13px; - border-bottom: 1px solid #eee; + overflow: hidden; + padding: 10px; + font-size: 13px; + border-bottom: 1px solid #eee; } .form-row img, .form-row input { - vertical-align: middle; + vertical-align: middle; } .form-row label input[type="checkbox"] { - margin-top: 0; - vertical-align: 0; + margin-top: 0; + vertical-align: 0; } form .form-row p { - padding-left: 0; + padding-left: 0; } .hidden { - display: none; + display: none; } /* FORM LABELS */ label { - font-weight: normal; - color: #666; - font-size: 13px; + font-weight: normal; + color: #666; + font-size: 13px; } .required label, label.required { - font-weight: bold; - color: #333; + font-weight: bold; + color: #333; } /* RADIO BUTTONS */ form ul.radiolist li { - list-style-type: none; + list-style-type: none; } form ul.radiolist label { - float: none; - display: inline; + float: none; + display: inline; } form ul.radiolist input[type="radio"] { - margin: -2px 4px 0 0; - padding: 0; + margin: -2px 4px 0 0; + padding: 0; } form ul.inline { - margin-left: 0; - padding: 0; + margin-left: 0; + padding: 0; } form ul.inline li { - float: left; - padding-right: 7px; + float: left; + padding-right: 7px; } /* ALIGNED FIELDSETS */ .aligned label { - display: block; - padding: 4px 10px 0 0; - float: left; - width: 160px; - word-wrap: break-word; - line-height: 1; + display: block; + padding: 4px 10px 0 0; + float: left; + width: 160px; + word-wrap: break-word; + line-height: 1; } .aligned label:not(.vCheckboxLabel):after { - content: ''; - display: inline-block; - vertical-align: middle; - height: 26px; + content: ''; + display: inline-block; + vertical-align: middle; + height: 26px; } .aligned label + p, .aligned label + div.help, .aligned label + div.readonly { - padding: 6px 0; - margin-top: 0; - margin-bottom: 0; - margin-left: 170px; + padding: 6px 0; + margin-top: 0; + margin-bottom: 0; + margin-left: 170px; } .aligned ul label { - display: inline; - float: none; - width: auto; + display: inline; + float: none; + width: auto; } .aligned .form-row input { - margin-bottom: 0; + margin-bottom: 0; } .colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField { - width: 350px; + width: 350px; } form .aligned ul { - margin-left: 160px; - padding-left: 10px; + margin-left: 160px; + padding-left: 10px; } form .aligned ul.radiolist { - display: inline-block; - margin: 0; - padding: 0; + display: inline-block; + margin: 0; + padding: 0; } form .aligned p.help, form .aligned div.help { - clear: left; - margin-top: 0; - margin-left: 160px; - padding-left: 10px; + clear: left; + margin-top: 0; + margin-left: 160px; + padding-left: 10px; } form .aligned label + p.help, form .aligned label + div.help { - margin-left: 0; - padding-left: 0; + margin-left: 0; + padding-left: 0; } form .aligned p.help:last-child, form .aligned div.help:last-child { - margin-bottom: 0; - padding-bottom: 0; + margin-bottom: 0; + padding-bottom: 0; } form .aligned input + p.help, @@ -141,392 +141,392 @@ form .aligned select + p.help, form .aligned input + div.help, form .aligned textarea + div.help, form .aligned select + div.help { - margin-left: 160px; - padding-left: 10px; + margin-left: 160px; + padding-left: 10px; } form .aligned ul li { - list-style: none; + list-style: none; } form .aligned table p { - margin-left: 0; - padding-left: 0; + margin-left: 0; + padding-left: 0; } .aligned .vCheckboxLabel { - float: none; - width: auto; - display: inline-block; - vertical-align: -3px; - padding: 0 0 5px 5px; + float: none; + width: auto; + display: inline-block; + vertical-align: -3px; + padding: 0 0 5px 5px; } .aligned .vCheckboxLabel + p.help, .aligned .vCheckboxLabel + div.help { - margin-top: -4px; + margin-top: -4px; } .colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField { - width: 610px; + width: 610px; } .checkbox-row p.help, .checkbox-row div.help { - margin-left: 0; - padding-left: 0; + margin-left: 0; + padding-left: 0; } fieldset .fieldBox { - float: left; - margin-right: 20px; + float: left; + margin-right: 20px; } /* WIDE FIELDSETS */ .wide label { - width: 200px; + width: 200px; } form .wide p, form .wide input + p.help, form .wide input + div.help { - margin-left: 200px; + margin-left: 200px; } form .wide p.help, form .wide div.help { - padding-left: 38px; + padding-left: 38px; } form div.help ul { - padding-left: 0; - margin-left: 0; + padding-left: 0; + margin-left: 0; } .colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField { - width: 450px; + width: 450px; } /* COLLAPSED FIELDSETS */ fieldset.collapsed * { - display: none; + display: none; } fieldset.collapsed h2, fieldset.collapsed { - display: block; + display: block; } fieldset.collapsed { - border: 1px solid #eee; - border-radius: 4px; - overflow: hidden; + border: 1px solid #eee; + border-radius: 4px; + overflow: hidden; } fieldset.collapsed h2 { - background: #f8f8f8; - color: #666; + background: #f8f8f8; + color: #666; } fieldset .collapse-toggle { - color: #fff; + color: #fff; } fieldset.collapsed .collapse-toggle { - background: transparent; - display: inline; - color: #447e9b; + background: transparent; + display: inline; + color: #447e9b; } /* MONOSPACE TEXTAREAS */ fieldset.monospace textarea { - font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; + font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; } /* SUBMIT ROW */ .submit-row { - padding: 12px 14px; - margin: 0 0 20px; - background: #f8f8f8; - border: 1px solid #eee; - border-radius: 4px; - text-align: right; - overflow: hidden; + padding: 12px 14px; + margin: 0 0 20px; + background: #f8f8f8; + border: 1px solid #eee; + border-radius: 4px; + text-align: right; + overflow: hidden; } body.popup .submit-row { - overflow: auto; + overflow: auto; } .submit-row input { - height: 35px; - line-height: 15px; - margin: 0 0 0 5px; + height: 35px; + line-height: 15px; + margin: 0 0 0 5px; } .submit-row input.default { - margin: 0 0 0 8px; - text-transform: uppercase; + margin: 0 0 0 8px; + text-transform: uppercase; } .submit-row p { - margin: 0.3em; + margin: 0.3em; } .submit-row p.deletelink-box { - float: left; - margin: 0; + float: left; + margin: 0; } .submit-row a.deletelink { - display: block; - background: #ba2121; - border-radius: 4px; - padding: 10px 15px; - height: 15px; - line-height: 15px; - color: #fff; + display: block; + background: #ba2121; + border-radius: 4px; + padding: 10px 15px; + height: 15px; + line-height: 15px; + color: #fff; } .submit-row a.closelink { - display: inline-block; - background: #bbbbbb; - border-radius: 4px; - padding: 10px 15px; - height: 15px; - line-height: 15px; - margin: 0 0 0 5px; - color: #fff; + display: inline-block; + background: #bbbbbb; + border-radius: 4px; + padding: 10px 15px; + height: 15px; + line-height: 15px; + margin: 0 0 0 5px; + color: #fff; } .submit-row a.deletelink:focus, .submit-row a.deletelink:hover, .submit-row a.deletelink:active { - background: #a41515; + background: #a41515; } .submit-row a.closelink:focus, .submit-row a.closelink:hover, .submit-row a.closelink:active { - background: #aaaaaa; + background: #aaaaaa; } /* CUSTOM FORM FIELDS */ .vSelectMultipleField { - vertical-align: top; + vertical-align: top; } .vCheckboxField { - border: none; + border: none; } .vDateField, .vTimeField { - margin-right: 2px; - margin-bottom: 4px; + margin-right: 2px; + margin-bottom: 4px; } .vDateField { - min-width: 6.85em; + min-width: 6.85em; } .vTimeField { - min-width: 4.7em; + min-width: 4.7em; } .vURLField { - width: 30em; + width: 30em; } .vLargeTextField, .vXMLLargeTextField { - width: 48em; + width: 48em; } .flatpages-flatpage #id_content { - height: 40.2em; + height: 40.2em; } .module table .vPositiveSmallIntegerField { - width: 2.2em; + width: 2.2em; } .vTextField, .vUUIDField { - width: 20em; + width: 20em; } .vIntegerField { - width: 5em; + width: 5em; } .vBigIntegerField { - width: 10em; + width: 10em; } .vForeignKeyRawIdAdminField { - width: 5em; + width: 5em; } /* INLINES */ .inline-group { - padding: 0; - margin: 0 0 30px; + padding: 0; + margin: 0 0 30px; } .inline-group thead th { - padding: 8px 10px; + padding: 8px 10px; } .inline-group .aligned label { - width: 160px; + width: 160px; } .inline-related { - position: relative; + position: relative; } .inline-related h3 { - margin: 0; - color: #666; - padding: 5px; - font-size: 13px; - background: #f8f8f8; - border-top: 1px solid #eee; - border-bottom: 1px solid #eee; + margin: 0; + color: #666; + padding: 5px; + font-size: 13px; + background: #f8f8f8; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; } .inline-related h3 span.delete { - float: right; + float: right; } .inline-related h3 span.delete label { - margin-left: 2px; - font-size: 11px; + margin-left: 2px; + font-size: 11px; } .inline-related fieldset { - margin: 0; - background: #fff; - border: none; - width: 100%; + margin: 0; + background: #fff; + border: none; + width: 100%; } .inline-related fieldset.module h3 { - margin: 0; - padding: 2px 5px 3px 5px; - font-size: 11px; - text-align: left; - font-weight: bold; - background: #bcd; - color: #fff; + margin: 0; + padding: 2px 5px 3px 5px; + font-size: 11px; + text-align: left; + font-weight: bold; + background: #bcd; + color: #fff; } .inline-group .tabular fieldset.module { - border: none; + border: none; } .inline-related.tabular fieldset.module table { - width: 100%; + width: 100%; } .last-related fieldset { - border: none; + border: none; } .inline-group .tabular tr.has_original td { - padding-top: 2em; + padding-top: 2em; } .inline-group .tabular tr td.original { - padding: 2px 0 0 0; - width: 0; - _position: relative; + padding: 2px 0 0 0; + width: 0; + _position: relative; } .inline-group .tabular th.original { - width: 0px; - padding: 0; + width: 0px; + padding: 0; } .inline-group .tabular td.original p { - position: absolute; - left: 0; - height: 1.1em; - padding: 2px 9px; - overflow: hidden; - font-size: 9px; - font-weight: bold; - color: #666; - _width: 700px; + position: absolute; + left: 0; + height: 1.1em; + padding: 2px 9px; + overflow: hidden; + font-size: 9px; + font-weight: bold; + color: #666; + _width: 700px; } .inline-group ul.tools { - padding: 0; - margin: 0; - list-style: none; + padding: 0; + margin: 0; + list-style: none; } .inline-group ul.tools li { - display: inline; - padding: 0 5px; + display: inline; + padding: 0 5px; } .inline-group div.add-row, .inline-group .tabular tr.add-row td { - color: #666; - background: #f8f8f8; - padding: 8px 10px; - border-bottom: 1px solid #eee; + color: #666; + background: #f8f8f8; + padding: 8px 10px; + border-bottom: 1px solid #eee; } .inline-group .tabular tr.add-row td { - padding: 8px 10px; - border-bottom: 1px solid #eee; + padding: 8px 10px; + border-bottom: 1px solid #eee; } .inline-group ul.tools a.add, .inline-group div.add-row a, .inline-group .tabular tr.add-row td a { - background: url(../img/icon-addlink.svg) 0 1px no-repeat; - padding-left: 16px; - font-size: 12px; + background: url(../img/icon-addlink.svg) 0 1px no-repeat; + padding-left: 16px; + font-size: 12px; } .empty-form { - display: none; + display: none; } /* RELATED FIELD ADD ONE / LOOKUP */ .add-another, .related-lookup { - margin-left: 5px; - display: inline-block; - vertical-align: middle; - background-repeat: no-repeat; - background-size: 14px; + margin-left: 5px; + display: inline-block; + vertical-align: middle; + background-repeat: no-repeat; + background-size: 14px; } .add-another { - width: 16px; - height: 16px; - background-image: url(../img/icon-addlink.svg); + width: 16px; + height: 16px; + background-image: url(../img/icon-addlink.svg); } .related-lookup { - width: 16px; - height: 16px; - background-image: url(../img/search.svg); + width: 16px; + height: 16px; + background-image: url(../img/search.svg); } form .related-widget-wrapper ul { - display: inline-block; - margin-left: 0; - padding-left: 0; + display: inline-block; + margin-left: 0; + padding-left: 0; } .clearable-file-input input { - margin-top: 0; + margin-top: 0; } diff --git a/app/assets/v2/scss/admin/login.scss b/app/assets/v2/scss/admin/login.scss index 2ec241c27a7..f1eaf1ed95f 100644 --- a/app/assets/v2/scss/admin/login.scss +++ b/app/assets/v2/scss/admin/login.scss @@ -1,79 +1,79 @@ /* LOGIN FORM */ body.login { - background: #f8f8f8; + background: #f8f8f8; } .login #header { - height: auto; - padding: 15px 16px; - justify-content: center; + height: auto; + padding: 15px 16px; + justify-content: center; } .login #header h1 { - font-size: 18px; + font-size: 18px; } .login #header h1 a { - color: #fff; + color: #fff; } .login #content { - padding: 20px 20px 0; + padding: 20px 20px 0; } .login #container { - background: #fff; - border: 1px solid #eaeaea; - border-radius: 4px; - overflow: hidden; - width: 28em; - min-width: 300px; - margin: 100px auto; + background: #fff; + border: 1px solid #eaeaea; + border-radius: 4px; + overflow: hidden; + width: 28em; + min-width: 300px; + margin: 100px auto; } .login #content-main { - width: 100%; + width: 100%; } .login .form-row { - padding: 4px 0; - float: left; - width: 100%; - border-bottom: none; + padding: 4px 0; + float: left; + width: 100%; + border-bottom: none; } .login .form-row label { - padding-right: 0.5em; - line-height: 2em; - font-size: 1em; - clear: both; - color: #333; + padding-right: 0.5em; + line-height: 2em; + font-size: 1em; + clear: both; + color: #333; } .login .form-row #id_username, .login .form-row #id_password { - clear: both; - padding: 8px; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + clear: both; + padding: 8px; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .login span.help { - font-size: 10px; - display: block; + font-size: 10px; + display: block; } .login .submit-row { - clear: both; - padding: 1em 0 0 9.4em; - margin: 0; - border: none; - background: none; - text-align: left; + clear: both; + padding: 1em 0 0 9.4em; + margin: 0; + border: none; + background: none; + text-align: left; } .login .password-reset-link { - text-align: center; + text-align: center; } diff --git a/app/assets/v2/scss/admin/responsive.scss b/app/assets/v2/scss/admin/responsive.scss index 5b0d1ec39bd..023067de652 100644 --- a/app/assets/v2/scss/admin/responsive.scss +++ b/app/assets/v2/scss/admin/responsive.scss @@ -1,992 +1,992 @@ /* Tablets */ input[type="submit"], button { - -webkit-appearance: none; - appearance: none; + -webkit-appearance: none; + appearance: none; } @media (max-width: 1024px) { - /* Basic */ - - html { - -webkit-text-size-adjust: 100%; - } - - td, th { - padding: 10px; - font-size: 14px; - } - - .small { - font-size: 12px; - } - - /* Layout */ - - #container { - min-width: 0; - } - - #content { - padding: 20px 30px 30px; - } - - div.breadcrumbs { - padding: 10px 30px; - } - - /* Header */ - - #header { - flex-direction: column; - padding: 15px 30px; - justify-content: flex-start; - } - - #branding h1 { - margin: 0 0 8px; - font-size: 20px; - line-height: 1.2; - } - - #user-tools { - margin: 0; - font-weight: 400; - line-height: 1.85; - text-align: left; - } - - #user-tools a { - display: inline-block; - line-height: 1.4; - } - - /* Dashboard */ - - .dashboard #content { - width: auto; - } - - #content-related { - margin-right: -290px; - } - - .colSM #content-related { - margin-left: -290px; - } - - .colMS { - margin-right: 290px; - } - - .colSM { - margin-left: 290px; - } - - .dashboard .module table td a { - padding-right: 0; - } - - td .changelink, td .addlink { - font-size: 13px; - } - - /* Changelist */ - - #changelist #toolbar { - border: none; - padding: 15px; - } - - #changelist-search > div { - display: -webkit-flex; - display: flex; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 480px; - } - - #changelist-search label { - line-height: 22px; - } - - #changelist #toolbar form #searchbar { - -webkit-flex: 1 0 auto; - flex: 1 0 auto; - width: 0; - height: 22px; - margin: 0 10px 0 6px; - } - - #changelist-search .quiet { - width: 100%; - margin: 5px 0 0 25px; - } - - #changelist .actions { - display: flex; - flex-wrap: wrap; - padding: 15px 0; - } - - #changelist .actions.selected { - border: none; - } - - #changelist .actions label { - display: flex; - } - - #changelist .actions select { - background: #fff; - } - - #changelist .actions .button { - min-width: 48px; - margin: 0 10px; - } - - #changelist .actions span.all, - #changelist .actions span.clear, - #changelist .actions span.question, - #changelist .actions span.action-counter { - font-size: 11px; - margin: 0 10px 0 0; - } - - #changelist-filter { - width: 200px; - } - - .change-list .filtered .results, - .change-list .filtered .paginator, - .filtered #toolbar, - .filtered .actions, - .filtered div.xfull { - margin-right: 230px; - } - - #changelist .paginator { - border-top-color: #eee; - } - - #changelist .results + .paginator { - border-top: none; - } - - /* Forms */ - - label { - font-size: 14px; - } - - .form-row input[type=text], - .form-row input[type=password], - .form-row input[type=email], - .form-row input[type=url], - .form-row input[type=tel], - .form-row input[type=number], - .form-row textarea, - .form-row select, - .form-row .vTextField { - box-sizing: border-box; - margin: 0; - padding: 6px 8px; - min-height: 36px; - font-size: 14px; - } - - .form-row select { - height: 36px; - } - - .form-row select[multiple] { - height: auto; - min-height: 0; - } - - fieldset .fieldBox { - float: none; - margin: 0 -10px; - padding: 0 10px; - } - - fieldset .fieldBox + .fieldBox { - margin-top: 10px; - padding-top: 10px; - border-top: 1px solid #eee; - } - - textarea { - max-width: 518px; - max-height: 120px; - } - - .aligned label { - padding-top: 6px; - } - - .aligned .add-another, - .aligned .related-lookup, - .aligned .datetimeshortcuts, - .aligned .related-lookup + strong { - align-self: center; - margin-left: 15px; - } - - form .aligned ul.radiolist { - margin-left: 2px; - } - - /* Related widget */ - - .related-widget-wrapper { - float: none; - } - - .related-widget-wrapper-link + .selector { - max-width: calc(100% - 30px); - margin-right: 15px; - } - - select + .related-widget-wrapper-link, - .related-widget-wrapper-link + .related-widget-wrapper-link { - margin-left: 10px; - } - - /* Selector */ - - .selector { - display: flex; - width: 100%; - } - - .selector .selector-filter { - display: flex; - align-items: center; - } - - .selector .selector-filter label { - margin: 0 8px 0 0; - } - - .selector .selector-filter input { - width: auto; - min-height: 0; - flex: 1 1; - } - - .selector-available, .selector-chosen { - width: auto; - flex: 1 1; - display: flex; - flex-direction: column; - } - - .selector select { - width: 100%; - flex: 1 0 auto; - margin-bottom: 5px; - } - - .selector ul.selector-chooser { - width: 26px; - height: 52px; - padding: 2px 0; - margin: auto 15px; - border-radius: 20px; - transform: translateY(-10px); - } - - .selector-add, .selector-remove { - width: 20px; - height: 20px; - background-size: 20px auto; - } - - .selector-add { - background-position: 0 -120px; - } - - .selector-remove { - background-position: 0 -80px; - } - - a.selector-chooseall, a.selector-clearall { - align-self: center; - } - - .stacked { - flex-direction: column; - max-width: 480px; - } - - .stacked > * { - flex: 0 1 auto; - } - - .stacked select { - margin-bottom: 0; - } - - .stacked .selector-available, .stacked .selector-chosen { - width: auto; - } - - .stacked ul.selector-chooser { - width: 52px; - height: 26px; - padding: 0 2px; - margin: 15px auto; - transform: none; - } - - .stacked .selector-chooser li { - padding: 3px; - } - - .stacked .selector-add, .stacked .selector-remove { - background-size: 20px auto; - } - - .stacked .selector-add { - background-position: 0 -40px; - } - - .stacked .active.selector-add { - background-position: 0 -60px; - } - - .stacked .selector-remove { - background-position: 0 0; - } - - .stacked .active.selector-remove { - background-position: 0 -20px; - } - - .help-tooltip, .selector .help-icon { - display: none; - } - - form .form-row p.datetime { - width: 100%; - } - - .datetime input { - width: 50%; - max-width: 120px; - } - - .datetime span { - font-size: 13px; - } - - .datetime .timezonewarning { - display: block; - font-size: 11px; - color: #999; - } - - .datetimeshortcuts { - color: #ccc; - } - - .inline-group { - overflow: auto; - } - - /* Messages */ - - ul.messagelist li { - padding-left: 55px; - background-position: 30px 12px; - } - - ul.messagelist li.error { - background-position: 30px 12px; - } - - ul.messagelist li.warning { - background-position: 30px 14px; - } - - /* Login */ - - .login #header { - padding: 15px 20px; - } - - .login #branding h1 { - margin: 0; - } + /* Basic */ + + html { + -webkit-text-size-adjust: 100%; + } + + td, th { + padding: 10px; + font-size: 14px; + } + + .small { + font-size: 12px; + } + + /* Layout */ + + #container { + min-width: 0; + } + + #content { + padding: 20px 30px 30px; + } + + div.breadcrumbs { + padding: 10px 30px; + } + + /* Header */ + + #header { + flex-direction: column; + padding: 15px 30px; + justify-content: flex-start; + } + + #branding h1 { + margin: 0 0 8px; + font-size: 20px; + line-height: 1.2; + } + + #user-tools { + margin: 0; + font-weight: 400; + line-height: 1.85; + text-align: left; + } + + #user-tools a { + display: inline-block; + line-height: 1.4; + } + + /* Dashboard */ + + .dashboard #content { + width: auto; + } + + #content-related { + margin-right: -290px; + } + + .colSM #content-related { + margin-left: -290px; + } + + .colMS { + margin-right: 290px; + } + + .colSM { + margin-left: 290px; + } + + .dashboard .module table td a { + padding-right: 0; + } + + td .changelink, td .addlink { + font-size: 13px; + } + + /* Changelist */ + + #changelist #toolbar { + border: none; + padding: 15px; + } + + #changelist-search > div { + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + max-width: 480px; + } + + #changelist-search label { + line-height: 22px; + } + + #changelist #toolbar form #searchbar { + -webkit-flex: 1 0 auto; + flex: 1 0 auto; + width: 0; + height: 22px; + margin: 0 10px 0 6px; + } + + #changelist-search .quiet { + width: 100%; + margin: 5px 0 0 25px; + } + + #changelist .actions { + display: flex; + flex-wrap: wrap; + padding: 15px 0; + } + + #changelist .actions.selected { + border: none; + } + + #changelist .actions label { + display: flex; + } + + #changelist .actions select { + background: #fff; + } + + #changelist .actions .button { + min-width: 48px; + margin: 0 10px; + } + + #changelist .actions span.all, + #changelist .actions span.clear, + #changelist .actions span.question, + #changelist .actions span.action-counter { + font-size: 11px; + margin: 0 10px 0 0; + } + + #changelist-filter { + width: 200px; + } + + .change-list .filtered .results, + .change-list .filtered .paginator, + .filtered #toolbar, + .filtered .actions, + .filtered div.xfull { + margin-right: 230px; + } + + #changelist .paginator { + border-top-color: #eee; + } + + #changelist .results + .paginator { + border-top: none; + } + + /* Forms */ + + label { + font-size: 14px; + } + + .form-row input[type=text], + .form-row input[type=password], + .form-row input[type=email], + .form-row input[type=url], + .form-row input[type=tel], + .form-row input[type=number], + .form-row textarea, + .form-row select, + .form-row .vTextField { + box-sizing: border-box; + margin: 0; + padding: 6px 8px; + min-height: 36px; + font-size: 14px; + } + + .form-row select { + height: 36px; + } + + .form-row select[multiple] { + height: auto; + min-height: 0; + } + + fieldset .fieldBox { + float: none; + margin: 0 -10px; + padding: 0 10px; + } + + fieldset .fieldBox + .fieldBox { + margin-top: 10px; + padding-top: 10px; + border-top: 1px solid #eee; + } + + textarea { + max-width: 518px; + max-height: 120px; + } + + .aligned label { + padding-top: 6px; + } + + .aligned .add-another, + .aligned .related-lookup, + .aligned .datetimeshortcuts, + .aligned .related-lookup + strong { + align-self: center; + margin-left: 15px; + } + + form .aligned ul.radiolist { + margin-left: 2px; + } + + /* Related widget */ + + .related-widget-wrapper { + float: none; + } + + .related-widget-wrapper-link + .selector { + max-width: calc(100% - 30px); + margin-right: 15px; + } + + select + .related-widget-wrapper-link, + .related-widget-wrapper-link + .related-widget-wrapper-link { + margin-left: 10px; + } + + /* Selector */ + + .selector { + display: flex; + width: 100%; + } + + .selector .selector-filter { + display: flex; + align-items: center; + } + + .selector .selector-filter label { + margin: 0 8px 0 0; + } + + .selector .selector-filter input { + width: auto; + min-height: 0; + flex: 1 1; + } + + .selector-available, .selector-chosen { + width: auto; + flex: 1 1; + display: flex; + flex-direction: column; + } + + .selector select { + width: 100%; + flex: 1 0 auto; + margin-bottom: 5px; + } + + .selector ul.selector-chooser { + width: 26px; + height: 52px; + padding: 2px 0; + margin: auto 15px; + border-radius: 20px; + transform: translateY(-10px); + } + + .selector-add, .selector-remove { + width: 20px; + height: 20px; + background-size: 20px auto; + } + + .selector-add { + background-position: 0 -120px; + } + + .selector-remove { + background-position: 0 -80px; + } + + a.selector-chooseall, a.selector-clearall { + align-self: center; + } + + .stacked { + flex-direction: column; + max-width: 480px; + } + + .stacked > * { + flex: 0 1 auto; + } + + .stacked select { + margin-bottom: 0; + } + + .stacked .selector-available, .stacked .selector-chosen { + width: auto; + } + + .stacked ul.selector-chooser { + width: 52px; + height: 26px; + padding: 0 2px; + margin: 15px auto; + transform: none; + } + + .stacked .selector-chooser li { + padding: 3px; + } + + .stacked .selector-add, .stacked .selector-remove { + background-size: 20px auto; + } + + .stacked .selector-add { + background-position: 0 -40px; + } + + .stacked .active.selector-add { + background-position: 0 -60px; + } + + .stacked .selector-remove { + background-position: 0 0; + } + + .stacked .active.selector-remove { + background-position: 0 -20px; + } + + .help-tooltip, .selector .help-icon { + display: none; + } + + form .form-row p.datetime { + width: 100%; + } + + .datetime input { + width: 50%; + max-width: 120px; + } + + .datetime span { + font-size: 13px; + } + + .datetime .timezonewarning { + display: block; + font-size: 11px; + color: #999; + } + + .datetimeshortcuts { + color: #ccc; + } + + .inline-group { + overflow: auto; + } + + /* Messages */ + + ul.messagelist li { + padding-left: 55px; + background-position: 30px 12px; + } + + ul.messagelist li.error { + background-position: 30px 12px; + } + + ul.messagelist li.warning { + background-position: 30px 14px; + } + + /* Login */ + + .login #header { + padding: 15px 20px; + } + + .login #branding h1 { + margin: 0; + } - /* GIS */ - - div.olMap { - max-width: calc(100vw - 30px); - max-height: 300px; - } + /* GIS */ + + div.olMap { + max-width: calc(100vw - 30px); + max-height: 300px; + } - .olMap + .clear_features { - display: block; - margin-top: 10px; - } + .olMap + .clear_features { + display: block; + margin-top: 10px; + } - /* Docs */ - - .module table.xfull { - width: 100%; - } + /* Docs */ + + .module table.xfull { + width: 100%; + } - pre.literal-block { - overflow: auto; - } + pre.literal-block { + overflow: auto; + } } /* Mobile */ @media (max-width: 767px) { - /* Layout */ - - #header, #content, #footer { - padding: 15px; - } - - #footer:empty { - padding: 0; - } - - div.breadcrumbs { - padding: 10px 15px; - } - - /* Dashboard */ - - .colMS, .colSM { - margin: 0; - } - - #content-related, .colSM #content-related { - width: 100%; - margin: 0; - } - - #content-related .module { - margin-bottom: 0; - } - - #content-related .module h2 { - padding: 10px 15px; - font-size: 16px; - } - - /* Changelist */ - - #changelist { - display: flex; - flex-direction: column; - } - - #changelist #toolbar { - order: 1; - padding: 10px; - } - - #changelist .xfull { - order: 2; - } - - #changelist-form { - order: 3; - } - - #changelist-filter { - order: 4; - } - - #changelist .actions label { - flex: 1 1; - } - - #changelist .actions select { - flex: 1 0; - width: 100%; - } - - #changelist .actions span { - flex: 1 0 100%; - } - - .change-list .filtered .results, .change-list .filtered .paginator, - .filtered #toolbar, .filtered .actions, .filtered div.xfull { - margin-right: 0; - } - - #changelist-filter { - position: static; - width: auto; - margin-top: 30px; - } - - .object-tools { - float: none; - margin: 0 0 15px; - padding: 0; - overflow: hidden; - } - - .object-tools li { - height: auto; - margin-left: 0; - } - - .object-tools li + li { - margin-left: 15px; - } - - /* Forms */ - - .form-row { - padding: 15px 0; - } - - .aligned .form-row, - .aligned .form-row > div { - display: flex; - flex-wrap: wrap; - max-width: 100vw; - } - - .aligned .form-row > div { - width: calc(100vw - 30px); - } - - textarea { - max-width: none; - } - - .vURLField { - width: auto; - } - - fieldset .fieldBox + .fieldBox { - margin-top: 15px; - padding-top: 15px; - } - - fieldset.collapsed .form-row { - display: none; - } - - .aligned label { - width: 100%; - padding: 0 0 10px; - } - - .aligned label:after { - max-height: 0; - } - - .aligned .form-row input, - .aligned .form-row select, - .aligned .form-row textarea { - flex: 1 1 auto; - max-width: 100%; - } - - .aligned .checkbox-row { - align-items: center; - } - - .aligned .checkbox-row input { - flex: 0 1 auto; - margin: 0; - } - - .aligned .vCheckboxLabel { - flex: 1 0; - padding: 1px 0 0 5px; - } - - .aligned label + p, - .aligned label + div.help, - .aligned label + div.readonly { - padding: 0; - margin-left: 0; - } - - .aligned p.file-upload { - margin-left: 0; - font-size: 13px; - } - - span.clearable-file-input { - margin-left: 15px; - } - - span.clearable-file-input label { - font-size: 13px; - padding-bottom: 0; - } - - .aligned .timezonewarning { - flex: 1 0 100%; - margin-top: 5px; - } - - form .aligned .form-row div.help { - width: 100%; - margin: 5px 0 0; - padding: 0; - } - - form .aligned ul { - margin-left: 0; - padding-left: 0; - } - - form .aligned ul.radiolist { - margin-right: 15px; - margin-bottom: -3px; - } - - form .aligned ul.radiolist li + li { - margin-top: 5px; - } - - /* Related widget */ - - .related-widget-wrapper { - width: 100%; - display: flex; - align-items: flex-start; - } - - .related-widget-wrapper .selector { - order: 1; - } - - .related-widget-wrapper > a { - order: 2; - } - - .related-widget-wrapper .radiolist ~ a { - align-self: flex-end; - } - - .related-widget-wrapper > select ~ a { - align-self: center; - } - - select + .related-widget-wrapper-link, - .related-widget-wrapper-link + .related-widget-wrapper-link { - margin-left: 15px; - } - - /* Selector */ - - .selector { - flex-direction: column; - } - - .selector > * { - float: none; - } - - .selector-available, .selector-chosen { - margin-bottom: 0; - flex: 1 1 auto; - } - - .selector select { - max-height: 96px; - } - - .selector ul.selector-chooser { - display: block; - float: none; - width: 52px; - height: 26px; - padding: 0 2px; - margin: 15px auto 20px; - transform: none; - } - - .selector ul.selector-chooser li { - float: left; - } - - .selector-remove { - background-position: 0 0; - } - - .selector-add { - background-position: 0 -40px; - } - - /* Inlines */ - - .inline-group[data-inline-type="stacked"] .inline-related { - border: 2px solid #eee; - border-radius: 4px; - margin-top: 15px; - overflow: auto; - } - - .inline-group[data-inline-type="stacked"] .inline-related > * { - box-sizing: border-box; - } - - .inline-group[data-inline-type="stacked"] .inline-related + .inline-related { - margin-top: 30px; - } - - .inline-group[data-inline-type="stacked"] .inline-related .module { - padding: 0 10px; - } - - .inline-group[data-inline-type="stacked"] .inline-related .module .form-row:last-child { - border-bottom: none; - } - - .inline-group[data-inline-type="stacked"] .inline-related h3 { - padding: 10px; - border-top-width: 0; - border-bottom-width: 2px; - display: flex; - flex-wrap: wrap; - align-items: center; - } - - .inline-group[data-inline-type="stacked"] .inline-related h3 .inline_label { - margin-right: auto; - } - - .inline-group[data-inline-type="stacked"] .inline-related h3 span.delete { - float: none; - flex: 1 1 100%; - margin-top: 5px; - } - - .inline-group[data-inline-type="stacked"] .aligned .form-row > div:not([class]) { - width: 100%; - } - - .inline-group[data-inline-type="stacked"] .aligned label { - width: 100%; - } - - .inline-group[data-inline-type="stacked"] div.add-row { - margin-top: 15px; - border: 1px solid #eee; - border-radius: 4px; - } - - .inline-group div.add-row, - .inline-group .tabular tr.add-row td { - padding: 0; - } - - .inline-group div.add-row a, - .inline-group .tabular tr.add-row td a { - display: block; - padding: 8px 10px 8px 26px; - background-position: 8px 9px; - } - - /* Submit row */ - - .submit-row { - padding: 10px 10px 0; - margin: 0 0 15px; - display: flex; - flex-direction: column; - } - - .submit-row > * { - width: 100%; - } - - .submit-row input, .submit-row input.default, .submit-row a, .submit-row a.closelink { - float: none; - margin: 0 0 10px; - text-align: center; - } - - .submit-row a.closelink { - padding: 10px 0; - } - - .submit-row p.deletelink-box { - order: 4; - } - - /* Messages */ - - ul.messagelist li { - padding-left: 40px; - background-position: 15px 12px; - } - - ul.messagelist li.error { - background-position: 15px 12px; - } - - ul.messagelist li.warning { - background-position: 15px 14px; - } - - /* Paginator */ - - .paginator .this-page, .paginator a:link, .paginator a:visited { - padding: 4px 10px; - } - - /* Login */ - - body.login { - padding: 0 15px; - } - - .login #container { - width: auto; - max-width: 480px; - margin: 50px auto; - } - - .login #header, - .login #content { - padding: 15px; - } - - .login #content-main { - float: none; - } - - .login .form-row { - padding: 0; - } - - .login .form-row + .form-row { - margin-top: 15px; - } - - .login .form-row label { - display: block; - margin: 0 0 5px; - padding: 0; - line-height: 1.2; - } - - .login .submit-row { - padding: 15px 0 0; - } - - .login br, .login .submit-row label { - display: none; - } - - .login .submit-row input { - margin: 0; - text-transform: uppercase; - } - - .errornote { - margin: 0 0 20px; - padding: 8px 12px; - font-size: 13px; - } - - /* Calendar and clock */ - - .calendarbox, .clockbox { - position: fixed !important; - top: 50% !important; - left: 50% !important; - transform: translate(-50%, -50%); - margin: 0; - border: none; - overflow: visible; - } - - .calendarbox:before, .clockbox:before { - content: ''; - position: fixed; - top: 50%; - left: 50%; - width: 100vw; - height: 100vh; - background: rgba(0, 0, 0, 0.75); - transform: translate(-50%, -50%); - } - - .calendarbox > *, .clockbox > * { - position: relative; - z-index: 1; - } - - .calendarbox > div:first-child { - z-index: 2; - } - - .calendarbox .calendar, .clockbox h2 { - border-radius: 4px 4px 0 0; - overflow: hidden; - } - - .calendarbox .calendar-cancel, .clockbox .calendar-cancel { - border-radius: 0 0 4px 4px; - overflow: hidden; - } - - .calendar-shortcuts { - padding: 10px 0; - font-size: 12px; - line-height: 12px; - } - - .calendar-shortcuts a { - margin: 0 4px; - } - - .timelist a { - background: #fff; - padding: 4px; - } - - .calendar-cancel { - padding: 8px 10px; - } - - .clockbox h2 { - padding: 8px 15px; - } - - .calendar caption { - padding: 10px; - } - - .calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { - z-index: 1; - top: 10px; - } - - /* History */ - - table#change-history tbody th, table#change-history tbody td { - font-size: 13px; - word-break: break-word; - } - - table#change-history tbody th { - width: auto; - } - - /* Docs */ - - table.model tbody th, table.model tbody td { - font-size: 13px; - word-break: break-word; - } + /* Layout */ + + #header, #content, #footer { + padding: 15px; + } + + #footer:empty { + padding: 0; + } + + div.breadcrumbs { + padding: 10px 15px; + } + + /* Dashboard */ + + .colMS, .colSM { + margin: 0; + } + + #content-related, .colSM #content-related { + width: 100%; + margin: 0; + } + + #content-related .module { + margin-bottom: 0; + } + + #content-related .module h2 { + padding: 10px 15px; + font-size: 16px; + } + + /* Changelist */ + + #changelist { + display: flex; + flex-direction: column; + } + + #changelist #toolbar { + order: 1; + padding: 10px; + } + + #changelist .xfull { + order: 2; + } + + #changelist-form { + order: 3; + } + + #changelist-filter { + order: 4; + } + + #changelist .actions label { + flex: 1 1; + } + + #changelist .actions select { + flex: 1 0; + width: 100%; + } + + #changelist .actions span { + flex: 1 0 100%; + } + + .change-list .filtered .results, .change-list .filtered .paginator, + .filtered #toolbar, .filtered .actions, .filtered div.xfull { + margin-right: 0; + } + + #changelist-filter { + position: static; + width: auto; + margin-top: 30px; + } + + .object-tools { + float: none; + margin: 0 0 15px; + padding: 0; + overflow: hidden; + } + + .object-tools li { + height: auto; + margin-left: 0; + } + + .object-tools li + li { + margin-left: 15px; + } + + /* Forms */ + + .form-row { + padding: 15px 0; + } + + .aligned .form-row, + .aligned .form-row > div { + display: flex; + flex-wrap: wrap; + max-width: 100vw; + } + + .aligned .form-row > div { + width: calc(100vw - 30px); + } + + textarea { + max-width: none; + } + + .vURLField { + width: auto; + } + + fieldset .fieldBox + .fieldBox { + margin-top: 15px; + padding-top: 15px; + } + + fieldset.collapsed .form-row { + display: none; + } + + .aligned label { + width: 100%; + padding: 0 0 10px; + } + + .aligned label:after { + max-height: 0; + } + + .aligned .form-row input, + .aligned .form-row select, + .aligned .form-row textarea { + flex: 1 1 auto; + max-width: 100%; + } + + .aligned .checkbox-row { + align-items: center; + } + + .aligned .checkbox-row input { + flex: 0 1 auto; + margin: 0; + } + + .aligned .vCheckboxLabel { + flex: 1 0; + padding: 1px 0 0 5px; + } + + .aligned label + p, + .aligned label + div.help, + .aligned label + div.readonly { + padding: 0; + margin-left: 0; + } + + .aligned p.file-upload { + margin-left: 0; + font-size: 13px; + } + + span.clearable-file-input { + margin-left: 15px; + } + + span.clearable-file-input label { + font-size: 13px; + padding-bottom: 0; + } + + .aligned .timezonewarning { + flex: 1 0 100%; + margin-top: 5px; + } + + form .aligned .form-row div.help { + width: 100%; + margin: 5px 0 0; + padding: 0; + } + + form .aligned ul { + margin-left: 0; + padding-left: 0; + } + + form .aligned ul.radiolist { + margin-right: 15px; + margin-bottom: -3px; + } + + form .aligned ul.radiolist li + li { + margin-top: 5px; + } + + /* Related widget */ + + .related-widget-wrapper { + width: 100%; + display: flex; + align-items: flex-start; + } + + .related-widget-wrapper .selector { + order: 1; + } + + .related-widget-wrapper > a { + order: 2; + } + + .related-widget-wrapper .radiolist ~ a { + align-self: flex-end; + } + + .related-widget-wrapper > select ~ a { + align-self: center; + } + + select + .related-widget-wrapper-link, + .related-widget-wrapper-link + .related-widget-wrapper-link { + margin-left: 15px; + } + + /* Selector */ + + .selector { + flex-direction: column; + } + + .selector > * { + float: none; + } + + .selector-available, .selector-chosen { + margin-bottom: 0; + flex: 1 1 auto; + } + + .selector select { + max-height: 96px; + } + + .selector ul.selector-chooser { + display: block; + float: none; + width: 52px; + height: 26px; + padding: 0 2px; + margin: 15px auto 20px; + transform: none; + } + + .selector ul.selector-chooser li { + float: left; + } + + .selector-remove { + background-position: 0 0; + } + + .selector-add { + background-position: 0 -40px; + } + + /* Inlines */ + + .inline-group[data-inline-type="stacked"] .inline-related { + border: 2px solid #eee; + border-radius: 4px; + margin-top: 15px; + overflow: auto; + } + + .inline-group[data-inline-type="stacked"] .inline-related > * { + box-sizing: border-box; + } + + .inline-group[data-inline-type="stacked"] .inline-related + .inline-related { + margin-top: 30px; + } + + .inline-group[data-inline-type="stacked"] .inline-related .module { + padding: 0 10px; + } + + .inline-group[data-inline-type="stacked"] .inline-related .module .form-row:last-child { + border-bottom: none; + } + + .inline-group[data-inline-type="stacked"] .inline-related h3 { + padding: 10px; + border-top-width: 0; + border-bottom-width: 2px; + display: flex; + flex-wrap: wrap; + align-items: center; + } + + .inline-group[data-inline-type="stacked"] .inline-related h3 .inline_label { + margin-right: auto; + } + + .inline-group[data-inline-type="stacked"] .inline-related h3 span.delete { + float: none; + flex: 1 1 100%; + margin-top: 5px; + } + + .inline-group[data-inline-type="stacked"] .aligned .form-row > div:not([class]) { + width: 100%; + } + + .inline-group[data-inline-type="stacked"] .aligned label { + width: 100%; + } + + .inline-group[data-inline-type="stacked"] div.add-row { + margin-top: 15px; + border: 1px solid #eee; + border-radius: 4px; + } + + .inline-group div.add-row, + .inline-group .tabular tr.add-row td { + padding: 0; + } + + .inline-group div.add-row a, + .inline-group .tabular tr.add-row td a { + display: block; + padding: 8px 10px 8px 26px; + background-position: 8px 9px; + } + + /* Submit row */ + + .submit-row { + padding: 10px 10px 0; + margin: 0 0 15px; + display: flex; + flex-direction: column; + } + + .submit-row > * { + width: 100%; + } + + .submit-row input, .submit-row input.default, .submit-row a, .submit-row a.closelink { + float: none; + margin: 0 0 10px; + text-align: center; + } + + .submit-row a.closelink { + padding: 10px 0; + } + + .submit-row p.deletelink-box { + order: 4; + } + + /* Messages */ + + ul.messagelist li { + padding-left: 40px; + background-position: 15px 12px; + } + + ul.messagelist li.error { + background-position: 15px 12px; + } + + ul.messagelist li.warning { + background-position: 15px 14px; + } + + /* Paginator */ + + .paginator .this-page, .paginator a:link, .paginator a:visited { + padding: 4px 10px; + } + + /* Login */ + + body.login { + padding: 0 15px; + } + + .login #container { + width: auto; + max-width: 480px; + margin: 50px auto; + } + + .login #header, + .login #content { + padding: 15px; + } + + .login #content-main { + float: none; + } + + .login .form-row { + padding: 0; + } + + .login .form-row + .form-row { + margin-top: 15px; + } + + .login .form-row label { + display: block; + margin: 0 0 5px; + padding: 0; + line-height: 1.2; + } + + .login .submit-row { + padding: 15px 0 0; + } + + .login br, .login .submit-row label { + display: none; + } + + .login .submit-row input { + margin: 0; + text-transform: uppercase; + } + + .errornote { + margin: 0 0 20px; + padding: 8px 12px; + font-size: 13px; + } + + /* Calendar and clock */ + + .calendarbox, .clockbox { + position: fixed !important; + top: 50% !important; + left: 50% !important; + transform: translate(-50%, -50%); + margin: 0; + border: none; + overflow: visible; + } + + .calendarbox:before, .clockbox:before { + content: ''; + position: fixed; + top: 50%; + left: 50%; + width: 100vw; + height: 100vh; + background: rgba(0, 0, 0, 0.75); + transform: translate(-50%, -50%); + } + + .calendarbox > *, .clockbox > * { + position: relative; + z-index: 1; + } + + .calendarbox > div:first-child { + z-index: 2; + } + + .calendarbox .calendar, .clockbox h2 { + border-radius: 4px 4px 0 0; + overflow: hidden; + } + + .calendarbox .calendar-cancel, .clockbox .calendar-cancel { + border-radius: 0 0 4px 4px; + overflow: hidden; + } + + .calendar-shortcuts { + padding: 10px 0; + font-size: 12px; + line-height: 12px; + } + + .calendar-shortcuts a { + margin: 0 4px; + } + + .timelist a { + background: #fff; + padding: 4px; + } + + .calendar-cancel { + padding: 8px 10px; + } + + .clockbox h2 { + padding: 8px 15px; + } + + .calendar caption { + padding: 10px; + } + + .calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { + z-index: 1; + top: 10px; + } + + /* History */ + + table#change-history tbody th, table#change-history tbody td { + font-size: 13px; + word-break: break-word; + } + + table#change-history tbody th { + width: auto; + } + + /* Docs */ + + table.model tbody th, table.model tbody td { + font-size: 13px; + word-break: break-word; + } } diff --git a/app/assets/v2/scss/admin/responsive_rtl.scss b/app/assets/v2/scss/admin/responsive_rtl.scss index f999cb128be..27dd82627e6 100644 --- a/app/assets/v2/scss/admin/responsive_rtl.scss +++ b/app/assets/v2/scss/admin/responsive_rtl.scss @@ -1,84 +1,84 @@ /* TABLETS */ @media (max-width: 1024px) { - [dir="rtl"] .colMS { - margin-right: 0; - } + [dir="rtl"] .colMS { + margin-right: 0; + } - [dir="rtl"] #user-tools { - text-align: right; - } + [dir="rtl"] #user-tools { + text-align: right; + } - [dir="rtl"] #changelist .actions label { - padding-left: 10px; - padding-right: 0; - } + [dir="rtl"] #changelist .actions label { + padding-left: 10px; + padding-right: 0; + } - [dir="rtl"] #changelist .actions select { - margin-left: 0; - margin-right: 15px; - } + [dir="rtl"] #changelist .actions select { + margin-left: 0; + margin-right: 15px; + } - [dir="rtl"] .change-list .filtered .results, - [dir="rtl"] .change-list .filtered .paginator, - [dir="rtl"] .filtered #toolbar, - [dir="rtl"] .filtered div.xfull, - [dir="rtl"] .filtered .actions { - margin-right: 0; - margin-left: 230px; - } + [dir="rtl"] .change-list .filtered .results, + [dir="rtl"] .change-list .filtered .paginator, + [dir="rtl"] .filtered #toolbar, + [dir="rtl"] .filtered div.xfull, + [dir="rtl"] .filtered .actions { + margin-right: 0; + margin-left: 230px; + } - [dir="rtl"] .inline-group ul.tools a.add, - [dir="rtl"] .inline-group div.add-row a, - [dir="rtl"] .inline-group .tabular tr.add-row td a { - padding: 8px 26px 8px 10px; - background-position: calc(100% - 8px) 9px; - } + [dir="rtl"] .inline-group ul.tools a.add, + [dir="rtl"] .inline-group div.add-row a, + [dir="rtl"] .inline-group .tabular tr.add-row td a { + padding: 8px 26px 8px 10px; + background-position: calc(100% - 8px) 9px; + } - [dir="rtl"] .related-widget-wrapper-link + .selector { - margin-right: 0; - margin-left: 15px; - } + [dir="rtl"] .related-widget-wrapper-link + .selector { + margin-right: 0; + margin-left: 15px; + } - [dir="rtl"] .selector .selector-filter label { - margin-right: 0; - margin-left: 8px; - } + [dir="rtl"] .selector .selector-filter label { + margin-right: 0; + margin-left: 8px; + } - [dir="rtl"] .object-tools li { - float: right; - } + [dir="rtl"] .object-tools li { + float: right; + } - [dir="rtl"] .object-tools li + li { - margin-left: 0; - margin-right: 15px; - } + [dir="rtl"] .object-tools li + li { + margin-left: 0; + margin-right: 15px; + } - [dir="rtl"] .dashboard .module table td a { - padding-left: 0; - padding-right: 16px; - } + [dir="rtl"] .dashboard .module table td a { + padding-left: 0; + padding-right: 16px; + } } /* MOBILE */ @media (max-width: 767px) { - [dir="rtl"] .change-list .filtered .results, - [dir="rtl"] .change-list .filtered .paginator, - [dir="rtl"] .filtered #toolbar, - [dir="rtl"] .filtered div.xfull, - [dir="rtl"] .filtered .actions { - margin-left: 0; - } + [dir="rtl"] .change-list .filtered .results, + [dir="rtl"] .change-list .filtered .paginator, + [dir="rtl"] .filtered #toolbar, + [dir="rtl"] .filtered div.xfull, + [dir="rtl"] .filtered .actions { + margin-left: 0; + } - [dir="rtl"] .aligned .add-another, - [dir="rtl"] .aligned .related-lookup, - [dir="rtl"] .aligned .datetimeshortcuts { - margin-left: 0; - margin-right: 15px; - } + [dir="rtl"] .aligned .add-another, + [dir="rtl"] .aligned .related-lookup, + [dir="rtl"] .aligned .datetimeshortcuts { + margin-left: 0; + margin-right: 15px; + } - [dir="rtl"] .aligned ul { - margin-right: 0; - } + [dir="rtl"] .aligned ul { + margin-right: 0; + } } diff --git a/app/assets/v2/scss/admin/rtl.scss b/app/assets/v2/scss/admin/rtl.scss index b9e26bfec12..95e89e1d915 100644 --- a/app/assets/v2/scss/admin/rtl.scss +++ b/app/assets/v2/scss/admin/rtl.scss @@ -1,269 +1,269 @@ body { - direction: rtl; + direction: rtl; } /* LOGIN */ .login .form-row { - float: right; + float: right; } .login .form-row label { - float: right; - padding-left: 0.5em; - padding-right: 0; - text-align: left; + float: right; + padding-left: 0.5em; + padding-right: 0; + text-align: left; } .login .submit-row { - clear: both; - padding: 1em 9.4em 0 0; + clear: both; + padding: 1em 9.4em 0 0; } /* GLOBAL */ th { - text-align: right; + text-align: right; } .module h2, .module caption { - text-align: right; + text-align: right; } .module ul, .module ol { - margin-left: 0; - margin-right: 1.5em; + margin-left: 0; + margin-right: 1.5em; } .viewlink, .addlink, .changelink { - padding-left: 0; - padding-right: 16px; - background-position: 100% 1px; + padding-left: 0; + padding-right: 16px; + background-position: 100% 1px; } .deletelink { - padding-left: 0; - padding-right: 16px; - background-position: 100% 1px; + padding-left: 0; + padding-right: 16px; + background-position: 100% 1px; } .object-tools { - float: left; + float: left; } thead th:first-child, tfoot td:first-child { - border-left: none; + border-left: none; } /* LAYOUT */ #user-tools { - right: auto; - left: 0; - text-align: left; + right: auto; + left: 0; + text-align: left; } div.breadcrumbs { - text-align: right; + text-align: right; } #content-main { - float: right; + float: right; } #content-related { - float: left; - margin-left: -300px; - margin-right: auto; + float: left; + margin-left: -300px; + margin-right: auto; } .colMS { - margin-left: 300px; - margin-right: 0; + margin-left: 300px; + margin-right: 0; } /* SORTABLE TABLES */ table thead th.sorted .sortoptions { - float: left; + float: left; } thead th.sorted .text { - padding-right: 0; - padding-left: 42px; + padding-right: 0; + padding-left: 42px; } /* dashboard styles */ .dashboard .module table td a { - padding-left: .6em; - padding-right: 16px; + padding-left: .6em; + padding-right: 16px; } /* changelists styles */ .change-list .filtered table { - border-left: none; - border-right: 0px none; + border-left: none; + border-right: 0px none; } #changelist-filter { - right: auto; - left: 0; - border-left: none; - border-right: none; + right: auto; + left: 0; + border-left: none; + border-right: none; } .change-list .filtered .results, .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull { - margin-right: 0; - margin-left: 280px; + margin-right: 0; + margin-left: 280px; } #changelist-filter li.selected { - border-left: none; - padding-left: 10px; - margin-left: 0; - border-right: 5px solid #eaeaea; - padding-right: 10px; - margin-right: -15px; + border-left: none; + padding-left: 10px; + margin-left: 0; + border-right: 5px solid #eaeaea; + padding-right: 10px; + margin-right: -15px; } .filtered .actions { - margin-left: 280px; - margin-right: 0; + margin-left: 280px; + margin-right: 0; } #changelist table tbody td:first-child, #changelist table tbody th:first-child { - border-right: none; - border-left: none; + border-right: none; + border-left: none; } /* FORMS */ .aligned label { - padding: 0 0 3px 1em; - float: right; + padding: 0 0 3px 1em; + float: right; } .submit-row { - text-align: left + text-align: left } .submit-row p.deletelink-box { - float: right; + float: right; } .submit-row input.default { - margin-left: 0; + margin-left: 0; } .vDateField, .vTimeField { - margin-left: 2px; + margin-left: 2px; } .aligned .form-row input { - margin-left: 5px; + margin-left: 5px; } form .aligned p.help, form .aligned div.help { - clear: right; + clear: right; } form .aligned ul { - margin-right: 163px; - margin-left: 0; + margin-right: 163px; + margin-left: 0; } form ul.inline li { - float: right; - padding-right: 0; - padding-left: 7px; + float: right; + padding-right: 0; + padding-left: 7px; } input[type=submit].default, .submit-row input.default { - float: left; + float: left; } fieldset .fieldBox { - float: right; - margin-left: 20px; - margin-right: 0; + float: right; + margin-left: 20px; + margin-right: 0; } .errorlist li { - background-position: 100% 12px; - padding: 0; + background-position: 100% 12px; + padding: 0; } .errornote { - background-position: 100% 12px; - padding: 10px 12px; + background-position: 100% 12px; + padding: 10px 12px; } /* WIDGETS */ .calendarnav-previous { - top: 0; - left: auto; - right: 10px; + top: 0; + left: auto; + right: 10px; } .calendarnav-next { - top: 0; - right: auto; - left: 10px; + top: 0; + right: auto; + left: 10px; } .calendar caption, .calendarbox h2 { - text-align: center; + text-align: center; } .selector { - float: right; + float: right; } .selector .selector-filter { - text-align: right; + text-align: right; } .inline-deletelink { - float: left; + float: left; } form .form-row p.datetime { - overflow: hidden; + overflow: hidden; } .related-widget-wrapper { - float: right; + float: right; } /* MISC */ .inline-related h2, .inline-group h2 { - text-align: right + text-align: right } .inline-related h3 span.delete { - padding-right: 20px; - padding-left: inherit; - left: 10px; - right: inherit; - float:left; + padding-right: 20px; + padding-left: inherit; + left: 10px; + right: inherit; + float:left; } .inline-related h3 span.delete label { - margin-left: inherit; - margin-right: 2px; + margin-left: inherit; + margin-right: 2px; } /* IE7 specific bug fixes */ div.colM { - position: relative; + position: relative; } .submit-row input { - float: left; + float: left; } diff --git a/app/assets/v2/scss/admin/widgets.scss b/app/assets/v2/scss/admin/widgets.scss index d3bd67ac931..07ed47ad6db 100644 --- a/app/assets/v2/scss/admin/widgets.scss +++ b/app/assets/v2/scss/admin/widgets.scss @@ -1,565 +1,565 @@ /* SELECTOR (FILTER INTERFACE) */ .selector { - width: 800px; - float: left; + width: 800px; + float: left; } .selector select { - width: 380px; - height: 17.2em; + width: 380px; + height: 17.2em; } .selector-available, .selector-chosen { - float: left; - width: 380px; - text-align: center; - margin-bottom: 5px; + float: left; + width: 380px; + text-align: center; + margin-bottom: 5px; } .selector-chosen select { - border-top: none; + border-top: none; } .selector-available h2, .selector-chosen h2 { - border: 1px solid #ccc; - border-radius: 4px 4px 0 0; + border: 1px solid #ccc; + border-radius: 4px 4px 0 0; } .selector-chosen h2 { - background: #79aec8; - color: #fff; + background: #79aec8; + color: #fff; } .selector .selector-available h2 { - background: #f8f8f8; - color: #666; + background: #f8f8f8; + color: #666; } .selector .selector-filter { - background: white; - border: 1px solid #ccc; - border-width: 0 1px; - padding: 8px; - color: #999; - font-size: 10px; - margin: 0; - text-align: left; + background: white; + border: 1px solid #ccc; + border-width: 0 1px; + padding: 8px; + color: #999; + font-size: 10px; + margin: 0; + text-align: left; } .selector .selector-filter label, .inline-group .aligned .selector .selector-filter label { - float: left; - margin: 7px 0 0; - width: 18px; - height: 18px; - padding: 0; - overflow: hidden; - line-height: 1; + float: left; + margin: 7px 0 0; + width: 18px; + height: 18px; + padding: 0; + overflow: hidden; + line-height: 1; } .selector .selector-available input { - width: 320px; - margin-left: 8px; + width: 320px; + margin-left: 8px; } .selector ul.selector-chooser { - float: left; - width: 22px; - background-color: #eee; - border-radius: 10px; - margin: 10em 5px 0 5px; - padding: 0; + float: left; + width: 22px; + background-color: #eee; + border-radius: 10px; + margin: 10em 5px 0 5px; + padding: 0; } .selector-chooser li { - margin: 0; - padding: 3px; - list-style-type: none; + margin: 0; + padding: 3px; + list-style-type: none; } .selector select { - padding: 0 10px; - margin: 0 0 10px; - border-radius: 0 0 4px 4px; + padding: 0 10px; + margin: 0 0 10px; + border-radius: 0 0 4px 4px; } .selector-add, .selector-remove { - width: 16px; - height: 16px; - display: block; - text-indent: -3000px; - overflow: hidden; - cursor: default; - opacity: 0.3; + width: 16px; + height: 16px; + display: block; + text-indent: -3000px; + overflow: hidden; + cursor: default; + opacity: 0.3; } .active.selector-add, .active.selector-remove { - opacity: 1; + opacity: 1; } .active.selector-add:hover, .active.selector-remove:hover { - cursor: pointer; + cursor: pointer; } .selector-add { - background: url(../img/selector-icons.svg) 0 -96px no-repeat; + background: url(../img/selector-icons.svg) 0 -96px no-repeat; } .active.selector-add:focus, .active.selector-add:hover { - background-position: 0 -112px; + background-position: 0 -112px; } .selector-remove { - background: url(../img/selector-icons.svg) 0 -64px no-repeat; + background: url(../img/selector-icons.svg) 0 -64px no-repeat; } .active.selector-remove:focus, .active.selector-remove:hover { - background-position: 0 -80px; + background-position: 0 -80px; } a.selector-chooseall, a.selector-clearall { - display: inline-block; - height: 16px; - text-align: left; - margin: 1px auto 3px; - overflow: hidden; - font-weight: bold; - line-height: 16px; - color: #666; - text-decoration: none; - opacity: 0.3; + display: inline-block; + height: 16px; + text-align: left; + margin: 1px auto 3px; + overflow: hidden; + font-weight: bold; + line-height: 16px; + color: #666; + text-decoration: none; + opacity: 0.3; } a.active.selector-chooseall:focus, a.active.selector-clearall:focus, a.active.selector-chooseall:hover, a.active.selector-clearall:hover { - color: #447e9b; + color: #447e9b; } a.active.selector-chooseall, a.active.selector-clearall { - opacity: 1; + opacity: 1; } a.active.selector-chooseall:hover, a.active.selector-clearall:hover { - cursor: pointer; + cursor: pointer; } a.selector-chooseall { - padding: 0 18px 0 0; - background: url(../img/selector-icons.svg) right -160px no-repeat; - cursor: default; + padding: 0 18px 0 0; + background: url(../img/selector-icons.svg) right -160px no-repeat; + cursor: default; } a.active.selector-chooseall:focus, a.active.selector-chooseall:hover { - background-position: 100% -176px; + background-position: 100% -176px; } a.selector-clearall { - padding: 0 0 0 18px; - background: url(../img/selector-icons.svg) 0 -128px no-repeat; - cursor: default; + padding: 0 0 0 18px; + background: url(../img/selector-icons.svg) 0 -128px no-repeat; + cursor: default; } a.active.selector-clearall:focus, a.active.selector-clearall:hover { - background-position: 0 -144px; + background-position: 0 -144px; } /* STACKED SELECTORS */ .stacked { - float: left; - width: 490px; + float: left; + width: 490px; } .stacked select { - width: 480px; - height: 10.1em; + width: 480px; + height: 10.1em; } .stacked .selector-available, .stacked .selector-chosen { - width: 480px; + width: 480px; } .stacked .selector-available { - margin-bottom: 0; + margin-bottom: 0; } .stacked .selector-available input { - width: 422px; + width: 422px; } .stacked ul.selector-chooser { - height: 22px; - width: 50px; - margin: 0 0 10px 40%; - background-color: #eee; - border-radius: 10px; + height: 22px; + width: 50px; + margin: 0 0 10px 40%; + background-color: #eee; + border-radius: 10px; } .stacked .selector-chooser li { - float: left; - padding: 3px 3px 3px 5px; + float: left; + padding: 3px 3px 3px 5px; } .stacked .selector-chooseall, .stacked .selector-clearall { - display: none; + display: none; } .stacked .selector-add { - background: url(../img/selector-icons.svg) 0 -32px no-repeat; - cursor: default; + background: url(../img/selector-icons.svg) 0 -32px no-repeat; + cursor: default; } .stacked .active.selector-add { - background-position: 0 -48px; - cursor: pointer; + background-position: 0 -48px; + cursor: pointer; } .stacked .selector-remove { - background: url(../img/selector-icons.svg) 0 0 no-repeat; - cursor: default; + background: url(../img/selector-icons.svg) 0 0 no-repeat; + cursor: default; } .stacked .active.selector-remove { - background-position: 0 -16px; - cursor: pointer; + background-position: 0 -16px; + cursor: pointer; } .selector .help-icon { - background: url(../img/icon-unknown.svg) 0 0 no-repeat; - display: inline-block; - vertical-align: middle; - margin: -2px 0 0 2px; - width: 13px; - height: 13px; + background: url(../img/icon-unknown.svg) 0 0 no-repeat; + display: inline-block; + vertical-align: middle; + margin: -2px 0 0 2px; + width: 13px; + height: 13px; } .selector .selector-chosen .help-icon { - background: url(../img/icon-unknown-alt.svg) 0 0 no-repeat; + background: url(../img/icon-unknown-alt.svg) 0 0 no-repeat; } .selector .search-label-icon { - background: url(../img/search.svg) 0 0 no-repeat; - display: inline-block; - height: 18px; - width: 18px; + background: url(../img/search.svg) 0 0 no-repeat; + display: inline-block; + height: 18px; + width: 18px; } /* DATE AND TIME */ p.datetime { - line-height: 20px; - margin: 0; - padding: 0; - color: #666; - font-weight: bold; + line-height: 20px; + margin: 0; + padding: 0; + color: #666; + font-weight: bold; } .datetime span { - white-space: nowrap; - font-weight: normal; - font-size: 11px; - color: #ccc; + white-space: nowrap; + font-weight: normal; + font-size: 11px; + color: #ccc; } .datetime input, .form-row .datetime input.vDateField, .form-row .datetime input.vTimeField { - min-width: 0; - margin-left: 5px; - margin-bottom: 4px; + min-width: 0; + margin-left: 5px; + margin-bottom: 4px; } table p.datetime { - font-size: 11px; - margin-left: 0; - padding-left: 0; + font-size: 11px; + margin-left: 0; + padding-left: 0; } .datetimeshortcuts .clock-icon, .datetimeshortcuts .date-icon { - position: relative; - display: inline-block; - vertical-align: middle; - height: 16px; - width: 16px; - overflow: hidden; + position: relative; + display: inline-block; + vertical-align: middle; + height: 16px; + width: 16px; + overflow: hidden; } .datetimeshortcuts .clock-icon { - background: url(../img/icon-clock.svg) 0 0 no-repeat; + background: url(../img/icon-clock.svg) 0 0 no-repeat; } .datetimeshortcuts a:focus .clock-icon, .datetimeshortcuts a:hover .clock-icon { - background-position: 0 -16px; + background-position: 0 -16px; } .datetimeshortcuts .date-icon { - background: url(../img/icon-calendar.svg) 0 0 no-repeat; - top: -1px; + background: url(../img/icon-calendar.svg) 0 0 no-repeat; + top: -1px; } .datetimeshortcuts a:focus .date-icon, .datetimeshortcuts a:hover .date-icon { - background-position: 0 -16px; + background-position: 0 -16px; } .timezonewarning { - font-size: 11px; - color: #999; + font-size: 11px; + color: #999; } /* URL */ p.url { - line-height: 20px; - margin: 0; - padding: 0; - color: #666; - font-size: 11px; - font-weight: bold; + line-height: 20px; + margin: 0; + padding: 0; + color: #666; + font-size: 11px; + font-weight: bold; } .url a { - font-weight: normal; + font-weight: normal; } /* FILE UPLOADS */ p.file-upload { - line-height: 20px; - margin: 0; - padding: 0; - color: #666; - font-size: 11px; - font-weight: bold; + line-height: 20px; + margin: 0; + padding: 0; + color: #666; + font-size: 11px; + font-weight: bold; } .aligned p.file-upload { - margin-left: 170px; + margin-left: 170px; } .file-upload a { - font-weight: normal; + font-weight: normal; } .file-upload .deletelink { - margin-left: 5px; + margin-left: 5px; } span.clearable-file-input label { - color: #333; - font-size: 11px; - display: inline; - float: none; + color: #333; + font-size: 11px; + display: inline; + float: none; } /* CALENDARS & CLOCKS */ .calendarbox, .clockbox { - margin: 5px auto; - font-size: 12px; - width: 19em; - text-align: center; - background: white; - border: 1px solid #ddd; - border-radius: 4px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); - overflow: hidden; - position: relative; + margin: 5px auto; + font-size: 12px; + width: 19em; + text-align: center; + background: white; + border: 1px solid #ddd; + border-radius: 4px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); + overflow: hidden; + position: relative; } .clockbox { - width: auto; + width: auto; } .calendar { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .calendar table { - margin: 0; - padding: 0; - border-collapse: collapse; - background: white; - width: 100%; + margin: 0; + padding: 0; + border-collapse: collapse; + background: white; + width: 100%; } .calendar caption, .calendarbox h2 { - margin: 0; - text-align: center; - border-top: none; - background: #f5dd5d; - font-weight: 700; - font-size: 12px; - color: #333; + margin: 0; + text-align: center; + border-top: none; + background: #f5dd5d; + font-weight: 700; + font-size: 12px; + color: #333; } .calendar th { - padding: 8px 5px; - background: #f8f8f8; - border-bottom: 1px solid #ddd; - font-weight: 400; - font-size: 12px; - text-align: center; - color: #666; + padding: 8px 5px; + background: #f8f8f8; + border-bottom: 1px solid #ddd; + font-weight: 400; + font-size: 12px; + text-align: center; + color: #666; } .calendar td { - font-weight: 400; - font-size: 12px; - text-align: center; - padding: 0; - border-top: 1px solid #eee; - border-bottom: none; + font-weight: 400; + font-size: 12px; + text-align: center; + padding: 0; + border-top: 1px solid #eee; + border-bottom: none; } .calendar td.selected a { - background: #79aec8; - color: #fff; + background: #79aec8; + color: #fff; } .calendar td.nonday { - background: #f8f8f8; + background: #f8f8f8; } .calendar td.today a { - font-weight: 700; + font-weight: 700; } .calendar td a, .timelist a { - display: block; - font-weight: 400; - padding: 6px; - text-decoration: none; - color: #444; + display: block; + font-weight: 400; + padding: 6px; + text-decoration: none; + color: #444; } .calendar td a:focus, .timelist a:focus, .calendar td a:hover, .timelist a:hover { - background: #79aec8; - color: white; + background: #79aec8; + color: white; } .calendar td a:active, .timelist a:active { - background: #417690; - color: white; + background: #417690; + color: white; } .calendarnav { - font-size: 10px; - text-align: center; - color: #ccc; - margin: 0; - padding: 1px 3px; + font-size: 10px; + text-align: center; + color: #ccc; + margin: 0; + padding: 1px 3px; } .calendarnav a:link, #calendarnav a:visited, #calendarnav a:focus, #calendarnav a:hover { - color: #999; + color: #999; } .calendar-shortcuts { - background: white; - font-size: 11px; - line-height: 11px; - border-top: 1px solid #eee; - padding: 8px 0; - color: #ccc; + background: white; + font-size: 11px; + line-height: 11px; + border-top: 1px solid #eee; + padding: 8px 0; + color: #ccc; } .calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { - display: block; - position: absolute; - top: 8px; - width: 15px; - height: 15px; - text-indent: -9999px; - padding: 0; + display: block; + position: absolute; + top: 8px; + width: 15px; + height: 15px; + text-indent: -9999px; + padding: 0; } .calendarnav-previous { - left: 10px; - background: url(../img/calendar-icons.svg) 0 0 no-repeat; + left: 10px; + background: url(../img/calendar-icons.svg) 0 0 no-repeat; } .calendarbox .calendarnav-previous:focus, .calendarbox .calendarnav-previous:hover { - background-position: 0 -15px; + background-position: 0 -15px; } .calendarnav-next { - right: 10px; - background: url(../img/calendar-icons.svg) 0 -30px no-repeat; + right: 10px; + background: url(../img/calendar-icons.svg) 0 -30px no-repeat; } .calendarbox .calendarnav-next:focus, .calendarbox .calendarnav-next:hover { - background-position: 0 -45px; + background-position: 0 -45px; } .calendar-cancel { - margin: 0; - padding: 4px 0; - font-size: 12px; - background: #eee; - border-top: 1px solid #ddd; - color: #333; + margin: 0; + padding: 4px 0; + font-size: 12px; + background: #eee; + border-top: 1px solid #ddd; + color: #333; } .calendar-cancel:focus, .calendar-cancel:hover { - background: #ddd; + background: #ddd; } .calendar-cancel a { - color: black; - display: block; + color: black; + display: block; } ul.timelist, .timelist li { - list-style-type: none; - margin: 0; - padding: 0; + list-style-type: none; + margin: 0; + padding: 0; } .timelist a { - padding: 2px; + padding: 2px; } /* EDIT INLINE */ .inline-deletelink { - float: right; - text-indent: -9999px; - background: url(../img/inline-delete.svg) 0 0 no-repeat; - width: 16px; - height: 16px; - border: 0px none; + float: right; + text-indent: -9999px; + background: url(../img/inline-delete.svg) 0 0 no-repeat; + width: 16px; + height: 16px; + border: 0px none; } .inline-deletelink:focus, .inline-deletelink:hover { - cursor: pointer; + cursor: pointer; } /* RELATED WIDGET WRAPPER */ .related-widget-wrapper { - float: left; /* display properly in form rows with multiple fields */ - overflow: hidden; /* clear floated contents */ + float: left; /* display properly in form rows with multiple fields */ + overflow: hidden; /* clear floated contents */ } .related-widget-wrapper-link { - opacity: 0.3; + opacity: 0.3; } .related-widget-wrapper-link:link { - opacity: .8; + opacity: .8; } .related-widget-wrapper-link:link:focus, .related-widget-wrapper-link:link:hover { - opacity: 1; + opacity: 1; } select + .related-widget-wrapper-link, .related-widget-wrapper-link + .related-widget-wrapper-link { - margin-left: 7px; + margin-left: 7px; } diff --git a/app/assets/v2/scss/grants/cart.scss b/app/assets/v2/scss/grants/cart.scss index 03a59ba261a..f2ab958684b 100644 --- a/app/assets/v2/scss/grants/cart.scss +++ b/app/assets/v2/scss/grants/cart.scss @@ -91,7 +91,7 @@ } .modal-backdrop { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .vti__dropdown-item { @@ -106,7 +106,7 @@ } .vti__dropdown-list.below { - top: 50px !important; + top: 50px !important; } .comment-option { @@ -133,11 +133,11 @@ } .middle-line { - width: 100%; - text-align: center; - border-bottom: 1px solid #ccc; - line-height: 0.1em; - margin: 10px 0 20px; + width: 100%; + text-align: center; + border-bottom: 1px solid #ccc; + line-height: 0.1em; + margin: 10px 0 20px; } .middle-line span { diff --git a/app/assets/v2/scss/grants/fund.scss b/app/assets/v2/scss/grants/fund.scss index 171e47d8966..cf1e81c878d 100644 --- a/app/assets/v2/scss/grants/fund.scss +++ b/app/assets/v2/scss/grants/fund.scss @@ -99,10 +99,10 @@ #gitcoin-grant-section input.form__input[type=number]::-webkit-inner-spin-button, #gitcoin-grant-section input.form__input[type=number]::-webkit-outer-spin-button { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - margin: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + margin: 0; } #gitcoin-grant-input-error { diff --git a/app/assets/v2/scss/grants/grant.scss b/app/assets/v2/scss/grants/grant.scss index a533a5a7224..9d38ab945fd 100644 --- a/app/assets/v2/scss/grants/grant.scss +++ b/app/assets/v2/scss/grants/grant.scss @@ -115,10 +115,10 @@ cursor: text; } .announce_container img{ - filter: grayscale(100%); + filter: grayscale(100%); } .announce_container:hover img{ - filter: grayscale(0%); + filter: grayscale(0%); } .announce3:hover h4 { border-bottom: 3px solid #d0f9f4 !important; @@ -524,47 +524,47 @@ } .arrow_box { - position: relative; + position: relative; border: 1px solid #0FCE7C; border-radius: 3px; } .arrow_box:after, .arrow_box:before { - bottom: 100%; - left: 15%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; + bottom: 100%; + left: 15%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; } .arrow_box:after { - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #fff; - border-width: 9px; - margin-left: -31px; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #fff; + border-width: 9px; + margin-left: -31px; } .arrow_box:before { - border-color: rgba(16, 205, 122, 0); - border-bottom-color: #0FCE7C; - border-width: 11px; - margin-left: -33px; + border-color: rgba(16, 205, 122, 0); + border-bottom-color: #0FCE7C; + border-width: 11px; + margin-left: -33px; } .grant-partners { -background: linear-gradient(140deg, #659998 0%,#659998 0%,#659998 0%,#97dbca 37%,#97dbca 37%,#cbf3e0 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + background: linear-gradient(140deg, #659998 0%,#659998 0%,#659998 0%,#97dbca 37%,#97dbca 37%,#cbf3e0 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ animation: gradient 40s ease infinite; border-radius: 3px; } .media_grants .grant-partners { -background: linear-gradient(11deg, #e99907 0%,#207cca 63%,#2989d8 99%,#110f22 100%,#2989d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + background: linear-gradient(11deg, #e99907 0%,#207cca 63%,#2989d8 99%,#110f22 100%,#2989d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .tech_grants .grant-partners { -background: linear-gradient(85.75deg, #03008D -17.8%, #000000 139.56%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + background: linear-gradient(85.75deg, #03008D -17.8%, #000000 139.56%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .grant-partners h2 { letter-spacing: 3px; @@ -609,7 +609,7 @@ background: linear-gradient(85.75deg, #03008D -17.8%, #000000 139.56%); /* W3C, width: max-content; } -.grant-partners .tab-content>.active { +.grant-partners .tab-content > .active { display: inline-block; } diff --git a/app/assets/v2/scss/grants/side-cart.scss b/app/assets/v2/scss/grants/side-cart.scss index 814a5884093..6122846444a 100644 --- a/app/assets/v2/scss/grants/side-cart.scss +++ b/app/assets/v2/scss/grants/side-cart.scss @@ -1,14 +1,14 @@ .grant-side-cart { - background-color: white; - border-left: lightgray 2px solid; + background-color: white; + border-left: lightgray 2px solid; } @media only screen and (min-width: 768px) { - #side-cart { - position: fixed; - top: 0; - right: 0; - height: 100vh; - overflow-y: scroll; - } + #side-cart { + position: fixed; + top: 0; + right: 0; + height: 100vh; + overflow-y: scroll; + } } diff --git a/app/assets/v2/scss/jquery.select2.min.scss b/app/assets/v2/scss/jquery.select2.min.scss index 7c18ad59dfc..11b8ee5ae58 100755 --- a/app/assets/v2/scss/jquery.select2.min.scss +++ b/app/assets/v2/scss/jquery.select2.min.scss @@ -1 +1 @@ -.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} +.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results > .select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results > .select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} diff --git a/app/assets/v2/scss/kudos/____ALREADY_SCSS____range-slider.scss b/app/assets/v2/scss/kudos/____ALREADY_SCSS____range-slider.scss index edcf8f3fb7f..70fd8fc0448 100644 --- a/app/assets/v2/scss/kudos/____ALREADY_SCSS____range-slider.scss +++ b/app/assets/v2/scss/kudos/____ALREADY_SCSS____range-slider.scss @@ -1,12 +1,12 @@ $blue: #0D0764; [data-rangeslider] { - -webkit-appearance: none; - width: 100%; - height: 2px; - background: $blue; - outline: none; - margin: 1rem 0; + -webkit-appearance: none; + width: 100%; + height: 2px; + background: $blue; + outline: none; + margin: 1rem 0; &::-webkit-slider-thumb { -webkit-appearance: none; diff --git a/app/assets/v2/scss/kudos/____ALREADY_SCSS____select2.bootstrap4.scss b/app/assets/v2/scss/kudos/____ALREADY_SCSS____select2.bootstrap4.scss index cf676c426ae..8c445e45b59 100644 --- a/app/assets/v2/scss/kudos/____ALREADY_SCSS____select2.bootstrap4.scss +++ b/app/assets/v2/scss/kudos/____ALREADY_SCSS____select2.bootstrap4.scss @@ -2,67 +2,67 @@ $arrow-color: #6c757d; $border-grey: #ced4da; .select2 { - width: 100%; + width: 100%; } .select2-container--bootstrap4 { - border: 1px solid #ced4da; - padding: 0.25em; - border-radius: .25rem; + border: 1px solid #ced4da; + padding: 0.25em; + border-radius: .25rem; } .select2-container--bootstrap4.select2-container--disabled { - background-color: #e9ecef; - opacity: 1; + background-color: #e9ecef; + opacity: 1; } .select2-container--bootstrap4.select2-container--open .select2-selection .select2-selection__arrow b { - border-color: transparent transparent $arrow-color transparent; - border-width: 0 0.45rem 0.45rem 0.45rem; + border-color: transparent transparent $arrow-color transparent; + border-width: 0 0.45rem 0.45rem 0.45rem; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { - position: absolute; - bottom: 0; - right: 0.375rem; - top: 0; - width: 0.85rem; + position: absolute; + bottom: 0; + right: 0.375rem; + top: 0; + width: 0.85rem; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b { - border-color: $arrow-color transparent transparent transparent; - border-style: solid; - border-width: 0.45rem 0.45rem 0 0.45rem; - height: 0; - left: 0; - position: absolute; - top: 0; - bottom: 0; - width: 0; - border-radius: 4px; - margin: auto; - } + border-color: $arrow-color transparent transparent transparent; + border-style: solid; + border-width: 0.45rem 0.45rem 0 0.45rem; + height: 0; + left: 0; + position: absolute; + top: 0; + bottom: 0; + width: 0; + border-radius: 4px; + margin: auto; +} - .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field { - border-radius: 4px; - border: 1px solid #7777; - } +.select2-container--bootstrap4 .select2-search--dropdown .select2-search__field { + border-radius: 4px; + border: 1px solid #7777; +} .select2-container--open .select2-dropdown.select2-dropdown--below { - top: -3px; - left: -1px; - } + top: -3px; + left: -1px; +} .select2-container--open .select2-dropdown.select2-dropdown--above { - top: 1px; - left: -1px; - } + top: 1px; + left: -1px; +} - .select2-container--bootstrap4 .select2-dropdown { - border-color: $border-grey; - } +.select2-container--bootstrap4 .select2-dropdown { + border-color: $border-grey; +} - .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] { +.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } diff --git a/app/assets/v2/scss/kudos/____ALREADY_SCSS____styles.scss b/app/assets/v2/scss/kudos/____ALREADY_SCSS____styles.scss index 2dd873c80c7..a08d993526e 100644 --- a/app/assets/v2/scss/kudos/____ALREADY_SCSS____styles.scss +++ b/app/assets/v2/scss/kudos/____ALREADY_SCSS____styles.scss @@ -280,16 +280,16 @@ a:hover { animation-play-state: paused; } } - #shape-hexagon { - animation: rotation 5s linear infinite; - animation-fill-mode: none; - animation-direction: alternate; - animation-iteration-count: infinite; +#shape-hexagon { + animation: rotation 5s linear infinite; + animation-fill-mode: none; + animation-direction: alternate; + animation-iteration-count: infinite; - } - #svg-text { +} +#svg-text { - } +} @keyframes rotation { // stroke-dasharray: 300 @@ -635,7 +635,7 @@ a.cellarius-partner:before { .author-shape { -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); -clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); + clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); } // kudos detail animations @@ -728,7 +728,7 @@ clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background: white; border-radius: .25rem; z-index: 2; - transform: rotateY(0); + transform: rotateY(0); } diff --git a/app/assets/v2/scss/kudos/styles.scss b/app/assets/v2/scss/kudos/styles.scss index a9f5002addf..057f8ba2905 100644 --- a/app/assets/v2/scss/kudos/styles.scss +++ b/app/assets/v2/scss/kudos/styles.scss @@ -454,11 +454,11 @@ a:hover #shape-hexagon { margin-top: 4rem; top: 0; } - @media (max-width: 768px) { +@media (max-width: 768px) { #kudos-section .kudos_card_container { width: 50%; - } } +} @media (max-width: 768px) { .star-pulse { right: -10px; diff --git a/app/assets/v2/scss/lib/plyr.scss b/app/assets/v2/scss/lib/plyr.scss index ddf2189ee4e..3e81bc46c5a 100644 --- a/app/assets/v2/scss/lib/plyr.scss +++ b/app/assets/v2/scss/lib/plyr.scss @@ -1 +1 @@ -@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);height:100%;line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(var(--plyr-control-spacing,10px)/ 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/ 2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:calc(768px - 1)){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);margin-right:calc(var(--plyr-control-spacing,10px)/ 2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important} +@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);height:100%;line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(var(--plyr-control-spacing,10px)/ 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container > div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control > span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/ 2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time + .plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:calc(768px - 1)){.plyr__time + .plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls > .plyr__control:first-child .plyr__tooltip,.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls > .plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls > .plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);margin-right:calc(var(--plyr-control-spacing,10px)/ 2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads > div,.plyr__ads > div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important} diff --git a/app/assets/v2/scss/lib/typography.scss b/app/assets/v2/scss/lib/typography.scss index 4f3665861e9..32f0fe407dc 100644 --- a/app/assets/v2/scss/lib/typography.scss +++ b/app/assets/v2/scss/lib/typography.scss @@ -9,9 +9,9 @@ font-style: normal; font-weight: 200; src: local('Muli ExtraLight'), local('Muli-ExtraLight'), - url('/static/v2/fonts/muli/muli-v12-latin-200.woff2') format('woff2'), - url('/static/v2/fonts/muli/muli-vn-200.woff') format('woff'), - url('/static/v2/fonts/muli/muli-v12-latin-200.ttf') format('truetype'); + url('/static/v2/fonts/muli/muli-v12-latin-200.woff2') format('woff2'), + url('/static/v2/fonts/muli/muli-vn-200.woff') format('woff'), + url('/static/v2/fonts/muli/muli-v12-latin-200.ttf') format('truetype'); } /* muli-regular - latin */ @@ -20,9 +20,9 @@ font-style: normal; font-weight: 400; src: local('Muli Regular'), local('Muli-Regular'), - url('/static/v2/fonts/muli/muli-v12-latin-regular.woff2') format('woff2'), - url('/static/v2/fonts/muli/muli-vn-regular.woff') format('woff'), - url('/static/v2/fonts/muli/muli-v12-latin-regular.ttf') format('truetype'); + url('/static/v2/fonts/muli/muli-v12-latin-regular.woff2') format('woff2'), + url('/static/v2/fonts/muli/muli-vn-regular.woff') format('woff'), + url('/static/v2/fonts/muli/muli-v12-latin-regular.ttf') format('truetype'); } /* muli-600 - latin */ @@ -31,9 +31,9 @@ font-style: normal; font-weight: 600; src: local('Muli SemiBold'), local('Muli-SemiBold'), - url('/static/v2/fonts/muli/muli-v12-latin-600.woff2') format('woff2'), - url('/static/v2/fonts/muli/muli-vn-600.woff') format('woff'), - url('/static/v2/fonts/muli/muli-v12-latin-600.ttf') format('truetype'); + url('/static/v2/fonts/muli/muli-v12-latin-600.woff2') format('woff2'), + url('/static/v2/fonts/muli/muli-vn-600.woff') format('woff'), + url('/static/v2/fonts/muli/muli-v12-latin-600.ttf') format('truetype'); } /* muli-700 - latin */ @@ -42,9 +42,9 @@ font-style: normal; font-weight: 700; src: local('Muli Bold'), local('Muli-Bold'), - url('/static/v2/fonts/muli/muli-v12-latin-700.woff2') format('woff2'), - url('/static/v2/fonts/muli/muli-vn-700.woff') format('woff'), - url('/static/v2/fonts/muli/muli-v12-latin-700.ttf') format('truetype'); + url('/static/v2/fonts/muli/muli-v12-latin-700.woff2') format('woff2'), + url('/static/v2/fonts/muli/muli-vn-700.woff') format('woff'), + url('/static/v2/fonts/muli/muli-v12-latin-700.ttf') format('truetype'); } .g-font-futura { diff --git a/app/assets/v2/scss/quests.scss b/app/assets/v2/scss/quests.scss index 169a7e2381b..c73537d66e5 100644 --- a/app/assets/v2/scss/quests.scss +++ b/app/assets/v2/scss/quests.scss @@ -472,7 +472,7 @@ body.quest_battle p { } #header { - background-color: rgb(21, 0, 62, 0.8); + background-color: rgba(21, 0, 62, 0.8); border-radius: 2px; font-weight: bold; width: 60%; @@ -497,7 +497,7 @@ body.quest_battle p { } #desc { - background-color: rgb(21, 0, 62, 0.8); + background-color: rgba(21, 0, 62, 0.8); border-radius: 2px; width: 50%; text-align: center; @@ -638,7 +638,7 @@ body.quest_battle .bottom_notification { } .tl { - background-color: rgb(21, 0, 62, 0.5); + background-color: rgba(21, 0, 62, 0.5); position: absolute; top: 10px; left: 0px; @@ -646,7 +646,7 @@ body.quest_battle .bottom_notification { .br { border-radius: 2px; - background-color: rgb(21, 0, 62, 0.5); + background-color: rgba(21, 0, 62, 0.5); padding: 5px; position: absolute; bottom: 0px; @@ -1162,7 +1162,7 @@ body.blue #desc li.selected { body.green #desc li:hover, body.green #desc li.selected { - background-color: rgb(0, 203, 86, 1); + background-color: rgb(0, 203, 86); } #breadcrumbs, @@ -1189,77 +1189,77 @@ body.back1 #header, body.back1 #desc, body.back1 .br, body.back1 .tl { - background-color: rgb(15, 41, 70, 0.8); + background-color: rgba(15, 41, 70, 0.8); } body.back3 #header, body.back3 #desc, body.back3 .br, body.back3 .tl { - background-color: rgb(239, 72, 134, 0.6); + background-color: rgba(239, 72, 134, 0.6); } body.back14 #header, body.back14 #desc, body.back14 .br, body.back14 .tl { - background-color: rgb(239, 72, 134, 0.6); + background-color: rgba(239, 72, 134, 0.6); } body.back6 #header, body.back6 #desc, body.back6 .br, body.back6 .tl { - background-color: rgb(129, 166, 178, 0.6); + background-color: rgba(129, 166, 178, 0.6); } body.back7 #header, body.back7 #desc, body.back7 .br, body.back7 .tl { - background-color: rgb(14, 21, 30, 0.6); + background-color: rgba(14, 21, 30, 0.6); } body.back8 #header, body.back8 #desc, body.back8 .br, body.back8 .tl { - background-color: rgb(10, 6, 30, 0.6); + background-color: rgba(10, 6, 30, 0.6); } body.back9 #header, body.back9 #desc, body.back9 .br, body.back9 .tl { - background-color: rgb(28, 17, 53, 0.6); + background-color: rgba(28, 17, 53, 0.6); } body.red #header, body.red #desc, body.red .br, body.red .tl { - background-color: rgb(255, 0, 0, 0.6); + background-color: rgba(255, 0, 0, 0.6); } body.back20 #header, body.back20 #desc, body.back20 .br, body.back20 .tl { - background-color: rgb(156, 212, 244, 0.6); + background-color: rgba(156, 212, 244, 0.6); } body.back19 #header, body.back19 #desc, body.back19 .br, body.back19 .tl { - background-color: rgb(255, 0, 0, 0.6); + background-color: rgba(255, 0, 0, 0.6); } body.blue #header, body.blue #desc, body.blue .br, body.blue .tl { - background-color: rgb(0, 0, 255, 0.6); + background-color: rgba(0, 0, 255, 0.6); } body.green #header, diff --git a/app/assets/v2/scss/retail/tribes_landing.scss b/app/assets/v2/scss/retail/tribes_landing.scss index 85bce19b0f1..8070acd2a0e 100644 --- a/app/assets/v2/scss/retail/tribes_landing.scss +++ b/app/assets/v2/scss/retail/tribes_landing.scss @@ -8,7 +8,7 @@ } .features { - max-width: 20rem;; + max-width: 20rem; } .work-section { diff --git a/app/assets/v2/scss/submit_bounty.scss b/app/assets/v2/scss/submit_bounty.scss index 75537f53b4f..15b6fa6e835 100644 --- a/app/assets/v2/scss/submit_bounty.scss +++ b/app/assets/v2/scss/submit_bounty.scss @@ -258,10 +258,10 @@ input:read-only { .wallet-not-connected { color: #E49003; - background: rgb(228, 144, 3, 0.2); + background: rgba(228, 144, 3, 0.2); } .wallet-success { color: #0FCE7C; - background: rgb(15, 206, 124, 0.2); + background: rgba(15, 206, 124, 0.2); } diff --git a/app/assets/v2/scss/tabs.scss b/app/assets/v2/scss/tabs.scss index 11a16b63f16..534bd7c361d 100644 --- a/app/assets/v2/scss/tabs.scss +++ b/app/assets/v2/scss/tabs.scss @@ -56,7 +56,7 @@ .nav-badge { font-size: 9px; - color: rgba(62,0,255); + color: rgb(62,0,255); top: -8px; position: relative; font-weight: bold; diff --git a/app/assets/v2/scss/vue-innersearch.scss b/app/assets/v2/scss/vue-innersearch.scss index d0cc7603575..4acd720e176 100644 --- a/app/assets/v2/scss/vue-innersearch.scss +++ b/app/assets/v2/scss/vue-innersearch.scss @@ -3,19 +3,19 @@ */ * { - box-sizing : inherit; - margin : 0; - padding : 0; + box-sizing : inherit; + margin : 0; + padding : 0; } body, button, input, select, textarea { - font-family : BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family : BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { - margin-bottom : 6px; - font-size : 125%; - font-weight : 300; + margin-bottom : 6px; + font-size : 125%; + font-weight : 300; } @@ -24,33 +24,33 @@ h1, h2, h3, h4, h5, h6 { */ .is-columns { - display : flex; - width : 95%; - margin : 0 auto; + display : flex; + width : 95%; + margin : 0 auto; } .is-column.is-one-fifth { - flex : none; - width : 25%; + flex : none; + width : 25%; } .is-column { - display : block; - flex-basis : 0; - flex-grow : 1; - flex-shrink : 1; + display : block; + flex-basis : 0; + flex-grow : 1; + flex-shrink : 1; } .is-title { - font-size : 4em; - color : #3C434B; - font-family : Calibri, sans-serif; - margin : 20px 0 10px 5%; + font-size : 4em; + color : #3C434B; + font-family : Calibri, sans-serif; + margin : 20px 0 10px 5%; } .is-line { - width : 90%; - margin: auto; + width : 90%; + margin: auto; } @@ -59,32 +59,32 @@ h1, h2, h3, h4, h5, h6 { */ .is-component { - border : 1px solid #A9A9A9; - font-family : Calibri, sans-serif; + border : 1px solid #A9A9A9; + font-family : Calibri, sans-serif; } .is-icon { - background-repeat : no-repeat; - background-position : center center; - background-size : contain; + background-repeat : no-repeat; + background-position : center center; + background-size : contain; } .is-field { - font-size : 2em; - padding : 5px; + font-size : 2em; + padding : 5px; } .is-button { - padding : 15px; - border : 1px solid transparent; - border-radius : 4px; - font-size : 1.25em; - cursor : pointer; - user-select : none; + padding : 15px; + border : 1px solid transparent; + border-radius : 4px; + font-size : 1.25em; + cursor : pointer; + user-select : none; } .is-field:focus { - outline: none; + outline: none; } @@ -93,26 +93,26 @@ h1, h2, h3, h4, h5, h6 { */ .is-component.is-searchbox, .is-component.is-search-datalist, .is-component.is-paginate { - display : flex; - width : 90%; + display : flex; + width : 90%; } .is-component.is-searchbox { - margin : 20px auto; + margin : 20px auto; } .is-icon.is-searchbox, .is-icon.is-search-datalist { - width : 50px; - height : 50px; - margin : 5px; - background-image : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCgo8IS0tIFRoZSBpY29uIGNhbiBiZSB1c2VkIGZyZWVseSBpbiBib3RoIHBlcnNvbmFsIGFuZCBjb21tZXJjaWFsIHByb2plY3RzIHdpdGggbm8gYXR0cmlidXRpb24gcmVxdWlyZWQsIGJ1dCBhbHdheXMgYXBwcmVjaWF0ZWQuIApZb3UgbWF5IE5PVCBzdWItbGljZW5zZSwgcmVzZWxsLCByZW50LCByZWRpc3RyaWJ1dGUgb3Igb3RoZXJ3aXNlIHRyYW5zZmVyIHRoZSBpY29uIHdpdGhvdXQgZXhwcmVzcyB3cml0dGVuIHBlcm1pc3Npb24gZnJvbSBpY29ubW9uc3RyLmNvbSAtLT4KCgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgoKPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoKCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCjxwYXRoIGlkPSJtYWduaWZpZXItMi1pY29uIiBkPSJNNDYwLjM1NSw0MjEuNTlMMzUzLjg0NCwzMTUuMDc4YzIwLjA0MS0yNy41NTMsMzEuODg1LTYxLjQzNywzMS44ODUtOTguMDM3CgoJQzM4NS43MjksMTI0LjkzNCwzMTAuNzkzLDUwLDIxOC42ODYsNTBDMTI2LjU4LDUwLDUxLjY0NSwxMjQuOTM0LDUxLjY0NSwyMTcuMDQxYzAsOTIuMTA2LDc0LjkzNiwxNjcuMDQxLDE2Ny4wNDEsMTY3LjA0MQoKCWMzNC45MTIsMCw2Ny4zNTItMTAuNzczLDk0LjE4NC0yOS4xNThMNDE5Ljk0NSw0NjJMNDYwLjM1NSw0MjEuNTl6IE0xMDAuNjMxLDIxNy4wNDFjMC02NS4wOTYsNTIuOTU5LTExOC4wNTYsMTE4LjA1NS0xMTguMDU2CgoJYzY1LjA5OCwwLDExOC4wNTcsNTIuOTU5LDExOC4wNTcsMTE4LjA1NmMwLDY1LjA5Ni01Mi45NTksMTE4LjA1Ni0xMTguMDU3LDExOC4wNTZDMTUzLjU5LDMzNS4wOTcsMTAwLjYzMSwyODIuMTM3LDEwMC42MzEsMjE3LjA0MQoKCXoiLz4KCjwvc3ZnPgoK'); - opacity : .4; + width : 50px; + height : 50px; + margin : 5px; + background-image : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCgo8IS0tIFRoZSBpY29uIGNhbiBiZSB1c2VkIGZyZWVseSBpbiBib3RoIHBlcnNvbmFsIGFuZCBjb21tZXJjaWFsIHByb2plY3RzIHdpdGggbm8gYXR0cmlidXRpb24gcmVxdWlyZWQsIGJ1dCBhbHdheXMgYXBwcmVjaWF0ZWQuIApZb3UgbWF5IE5PVCBzdWItbGljZW5zZSwgcmVzZWxsLCByZW50LCByZWRpc3RyaWJ1dGUgb3Igb3RoZXJ3aXNlIHRyYW5zZmVyIHRoZSBpY29uIHdpdGhvdXQgZXhwcmVzcyB3cml0dGVuIHBlcm1pc3Npb24gZnJvbSBpY29ubW9uc3RyLmNvbSAtLT4KCgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgoKPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoKCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCjxwYXRoIGlkPSJtYWduaWZpZXItMi1pY29uIiBkPSJNNDYwLjM1NSw0MjEuNTlMMzUzLjg0NCwzMTUuMDc4YzIwLjA0MS0yNy41NTMsMzEuODg1LTYxLjQzNywzMS44ODUtOTguMDM3CgoJQzM4NS43MjksMTI0LjkzNCwzMTAuNzkzLDUwLDIxOC42ODYsNTBDMTI2LjU4LDUwLDUxLjY0NSwxMjQuOTM0LDUxLjY0NSwyMTcuMDQxYzAsOTIuMTA2LDc0LjkzNiwxNjcuMDQxLDE2Ny4wNDEsMTY3LjA0MQoKCWMzNC45MTIsMCw2Ny4zNTItMTAuNzczLDk0LjE4NC0yOS4xNThMNDE5Ljk0NSw0NjJMNDYwLjM1NSw0MjEuNTl6IE0xMDAuNjMxLDIxNy4wNDFjMC02NS4wOTYsNTIuOTU5LTExOC4wNTYsMTE4LjA1NS0xMTguMDU2CgoJYzY1LjA5OCwwLDExOC4wNTcsNTIuOTU5LDExOC4wNTcsMTE4LjA1NmMwLDY1LjA5Ni01Mi45NTksMTE4LjA1Ni0xMTguMDU3LDExOC4wNTZDMTUzLjU5LDMzNS4wOTcsMTAwLjYzMSwyODIuMTM3LDEwMC42MzEsMjE3LjA0MQoKCXoiLz4KCjwvc3ZnPgoK'); + opacity : .4; } .is-field.is-searchbox, .is-field.is-search-datalist { - width : 100%; - border : 0; - color : #2C2C2C; + width : 100%; + border : 0; + color : #2C2C2C; } @@ -121,88 +121,88 @@ h1, h2, h3, h4, h5, h6 { */ .is-component.is-search-datalist { - margin : 0 auto; + margin : 0 auto; } .is-search-datalist-items, .is-tag-filter { - width : 90%; - margin : 0 auto; + width : 90%; + margin : 0 auto; } .is-search-datalist-items li, .is-tag-filter li { - display : inline-block; - margin : 10px 5px; - padding : 5px 10px; - border-radius : 4px; - background-color : rgba(209, 209, 209, 0.8); - transition : all 0.3s ease; - cursor : pointer; + display : inline-block; + margin : 10px 5px; + padding : 5px 10px; + border-radius : 4px; + background-color : rgba(209, 209, 209, 0.8); + transition : all 0.3s ease; + cursor : pointer; } .is-search-datalist-items li:hover, .is-tag-filter li:hover { - background-color : rgba(209, 209, 209, 1); + background-color : rgba(209, 209, 209, 1); } .is-search-datalist-items li:first-child, .is-tag-filter li:first-child { - margin-left : 0 !important; + margin-left : 0 !important; } .is-search-datalist-items li:after, .is-tag-filter li:after { - content : 'x'; - margin-left : 5px; - color : rgba(129, 35, 35, 0.6); - font-family : Calibri, sans-serif; - font-weight : bolder; - transition : all 0.3s ease; + content : 'x'; + margin-left : 5px; + color : rgba(129, 35, 35, 0.6); + font-family : Calibri, sans-serif; + font-weight : bolder; + transition : all 0.3s ease; } .is-search-datalist-items li:hover:after, .is-tag-filter li:hover:after { - color : rgba(129, 35, 35, 0.8); + color : rgba(129, 35, 35, 0.8); } .is-search-datalist-suggestions { - width : 90%; - margin : 0 auto; - border-right : 1px solid #A9A9A9; - border-bottom : 1px solid #A9A9A9; - border-left : 1px solid #A9A9A9; + width : 90%; + margin : 0 auto; + border-right : 1px solid #A9A9A9; + border-bottom : 1px solid #A9A9A9; + border-left : 1px solid #A9A9A9; } .is-search-datalist-suggestions ul { - max-height : 250px; - overflow : auto; + max-height : 250px; + overflow : auto; } .is-search-datalist-suggestions li { - padding : 5px 10px; - font-family : Calibri, sans-serif; + padding : 5px 10px; + font-family : Calibri, sans-serif; } .is-search-datalist-suggestions li:not(.noresult) { - cursor : pointer; + cursor : pointer; } .is-search-datalist-suggestions li:not(.noresult):nth-child(odd) { - background-color : #EAEAEA; + background-color : #EAEAEA; } .is-search-datalist-suggestions li:not(.noresult):nth-child(even) { - background-color : #F9F9F9; + background-color : #F9F9F9; } .is-search-datalist-suggestions li.noresult { - font-style : oblique; - font-weight : bolder; + font-style : oblique; + font-weight : bolder; } .is-search-datalist-suggestions li:not(.noresult).selected { - background : #181818; - color : #F0F0F0; + background : #181818; + color : #F0F0F0; } .is-search-datalist-suggestions li em { - font-style : normal; - font-weight : bold; + font-style : normal; + font-weight : bold; } @@ -211,21 +211,21 @@ h1, h2, h3, h4, h5, h6 { */ .is-nlf-inputs { - margin : 0; - display: flex; + margin : 0; + display: flex; } .is-nlf { - margin: 20px auto; - width: 90%; + margin: 20px auto; + width: 90%; } .is-range{ - width: 50%; + width: 50%; } .is-nlf-title { - margin-bottom: 5px; + margin-bottom: 5px; } @@ -234,16 +234,16 @@ h1, h2, h3, h4, h5, h6 { */ .is-component.is-refinement-list { - width : 90%; - margin : 20px auto; - padding : 15px; - font-size : 1.25em; - box-sizing : border-box; + width : 90%; + margin : 20px auto; + padding : 15px; + font-size : 1.25em; + box-sizing : border-box; } .is-item.is-refinement-list { - display : inline-block; - width : 100%; + display : inline-block; + width : 100%; } @@ -252,27 +252,27 @@ h1, h2, h3, h4, h5, h6 { */ .is-component.is-search-button, .is-component.is-reset-button { - display : inline-block; - margin : 5px 10px 5px 0; - border : 0; + display : inline-block; + margin : 5px 10px 5px 0; + border : 0; } .is-button.is-search-button { - color : #fff; - background-color : #337ab7; - border-color : #2e6da4; + color : #fff; + background-color : #337ab7; + border-color : #2e6da4; } .is-button.is-search-button:hover, .is-button.is-search-button:active { - color : #fff; - background-color : #286090; - border-color : #204d74; + color : #fff; + background-color : #286090; + border-color : #204d74; } .is-button.is-search-button:focus { - color : #fff; - background-color : #286090; - border-color : #122b40; + color : #fff; + background-color : #286090; + border-color : #122b40; } @@ -281,21 +281,21 @@ h1, h2, h3, h4, h5, h6 { */ .is-button.is-reset-button { - color : #fff; - background-color : #B73337; - border-color : #A42E2E; + color : #fff; + background-color : #B73337; + border-color : #A42E2E; } .is-button.is-reset-button:hover, .is-button.is-reset-button:active { - color : #fff; - background-color : #902828; - border-color : #742020; + color : #fff; + background-color : #902828; + border-color : #742020; } .is-button.is-reset-button:focus { - color : #fff; - background-color : #902828; - border-color : #401212; + color : #fff; + background-color : #902828; + border-color : #401212; } @@ -304,29 +304,29 @@ h1, h2, h3, h4, h5, h6 { */ .is-component.is-hits { - width : 90%; - margin : 20px auto; - padding : 15px; - font-size : 1.25em; - box-sizing : border-box; + width : 90%; + margin : 20px auto; + padding : 15px; + font-size : 1.25em; + box-sizing : border-box; } .is-score.is-hits { - margin : 10px 0 20px 50px; - font-size : 1.75em; - font-weight : bolder; - font-variant : small-caps; + margin : 10px 0 20px 50px; + font-size : 1.75em; + font-weight : bolder; + font-variant : small-caps; } .is-item.is-hits { - width : 90%; - margin : 20px auto; - padding : 20px; - background : #EFEFEF; + width : 90%; + margin : 20px auto; + padding : 20px; + background : #EFEFEF; } .is-item.is-hits ul { - margin : 0; + margin : 0; } @@ -335,79 +335,79 @@ h1, h2, h3, h4, h5, h6 { */ .is-component.is-paginate { - margin : 20px auto; - align-items : center; - justify-content : center; - text-align : center; - border : 1px solid transparent; - user-select : none; + margin : 20px auto; + align-items : center; + justify-content : center; + text-align : center; + border : 1px solid transparent; + user-select : none; } .is-previous { - order: 1; + order: 1; } .is-list { - display : flex; - flex-grow : 1; - align-items : center; - justify-content : center; - text-align : center; - list-style : none; - list-style-type : none; - list-style-position : initial; - list-style-image : initial; - order : 2; + display : flex; + flex-grow : 1; + align-items : center; + justify-content : center; + text-align : center; + list-style : none; + list-style-type : none; + list-style-position : initial; + list-style-image : initial; + order : 2; } .is-next { - order: 3; + order: 3; } .is-next, .is-previous { - padding-left : .75em; - padding-right : .75em; - white-space : nowrap; + padding-left : .75em; + padding-right : .75em; + white-space : nowrap; } .is-page, .is-next, .is-previous { - min-width : 2.25em; - border-color : #dbdbdb; - color : #363636; - cursor : pointer; + min-width : 2.25em; + border-color : #dbdbdb; + color : #363636; + cursor : pointer; } .is-page.is-active { - background-color: #3273dc; - border-color: #3273dc; - color: #fff; + background-color: #3273dc; + border-color: #3273dc; + color: #fff; } .is-page:active:not(.is-active), .is-next:active, .is-previous:active { - box-shadow : inset 0 1px 2px rgba(10,10,10,.2); + box-shadow : inset 0 1px 2px rgba(10,10,10,.2); } .is-page:hover:not(.is-active), .is-next:hover, .is-previous:hover { - border-color : #b5b5b5; + border-color : #b5b5b5; } .is-page, .is-next, .is-previous, .is-ellipsis { - margin : .25rem; - justify-content : center; - text-align : center; + margin : .25rem; + justify-content : center; + text-align : center; } .is-page, .is-next, .is-previous, .is-ellipsis { - display : inline-flex; - align-items : center; - border : 1px solid transparent; - border-radius : 4px; - font-size : 1rem; - height : 2.25em; - padding-bottom : calc(.175em - 1px); - padding-left : calc(.325em - 1px); - padding-right : calc(.325em - 1px); - padding-top : calc(.175em - 1px); + display : inline-flex; + align-items : center; + border : 1px solid transparent; + border-radius : 4px; + font-size : 1rem; + height : 2.25em; + padding-bottom : calc(.175em - 1px); + padding-left : calc(.325em - 1px); + padding-right : calc(.325em - 1px); + padding-top : calc(.175em - 1px); } @@ -416,8 +416,8 @@ h1, h2, h3, h4, h5, h6 { */ .is-component.is-tag-filter { - display : inline-block; - width : initial; - border : none; - margin : 0 auto; + display : inline-block; + width : initial; + border : none; + margin : 0 auto; } \ No newline at end of file From 23ec5f05c0a8b33d973863b83124185802a290c0 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 16:27:20 +0000 Subject: [PATCH 126/279] Updates stylelint --- .stylelintrc | 1 + package.json | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/.stylelintrc b/.stylelintrc index 4dd1c50cc2e..cee35f15977 100644 --- a/.stylelintrc +++ b/.stylelintrc @@ -1,6 +1,7 @@ { "extends": "stylelint-config-recommended", "rules": { + "no-descending-specificity": null, "at-rule-no-unknown": [ true, { "ignoreAtRules": [ diff --git a/package.json b/package.json index b214203c18b..d9dd5c58915 100644 --- a/package.json +++ b/package.json @@ -6,8 +6,8 @@ "test": "echo \"Error: no test specified\" && exit 1", "eslint": "./node_modules/eslint/bin/eslint.js --quiet --config .eslintrc ./app/assets/v2/js/*.js ./app/assets/v2/js/**/*.js ./app/assets/onepager/js/*.js ./cypress/**/*.js", "eslint:fix": "./node_modules/eslint/bin/eslint.js --quiet --fix --config .eslintrc ./app/assets/v2/js/*.js ./app/assets/v2/js/**/*.js ./app/assets/onepager/js/*.js", - "stylelint": "stylelint ./app/assets/**/**/*.{css,scss}", - "stylelint:fix": "stylelint --fix ./app/assets/**/**/*.{css,scss}", + "stylelint": "stylelint './app/assets/**/**/*.scss'", + "stylelint:fix": "stylelint --fix './app/assets/**/**/*.scss'", "build": "webpack --config webpack.config.js --progress --colors" }, "repository": { From 86be0173c61bd0ea8a17c88b8b80249eec0bffa8 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 16:27:47 +0000 Subject: [PATCH 127/279] Drops preload --- app/retail/templates/shared/head.html | 6 ------ 1 file changed, 6 deletions(-) diff --git a/app/retail/templates/shared/head.html b/app/retail/templates/shared/head.html index 14f3629031d..fe209477080 100644 --- a/app/retail/templates/shared/head.html +++ b/app/retail/templates/shared/head.html @@ -18,12 +18,6 @@ {% include 'shared/tag_manager_1.html' %} - From 27a64aa9dfb1d8e525f18c044a1cdbc41af07068 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 16:28:09 +0000 Subject: [PATCH 128/279] Drops .css from test case --- ...t_sync_pull_request_with_bounty_fulfillments.py | 11 +++-------- .../tests/test_mail_funder_payout_reminder.py | 14 +++++--------- 2 files changed, 8 insertions(+), 17 deletions(-) diff --git a/app/marketing/tests/management/commands/test_sync_pull_request_with_bounty_fulfillments.py b/app/marketing/tests/management/commands/test_sync_pull_request_with_bounty_fulfillments.py index 33aa4f1559a..3a43fcdf62e 100644 --- a/app/marketing/tests/management/commands/test_sync_pull_request_with_bounty_fulfillments.py +++ b/app/marketing/tests/management/commands/test_sync_pull_request_with_bounty_fulfillments.py @@ -77,17 +77,12 @@ def setUp(self): ) @mock.patch('premailer.premailer.requests') - def test_handle_simple(self, mocked_requests): + def test_handle_simple(self): """Test command sync keywords.""" start_time = timezone.now() mock.patch('marketing.management.commands.sync_pull_request_with_bounty_fulfillments.get_gh_issue_state', lambda x, y, z: 'closed').start() mock.patch('marketing.management.commands.sync_pull_request_with_bounty_fulfillments.get_interested_actions', lambda x, y: GitHubTestAPI().get_interested_actions()).start() - with open(settings.BASE_DIR + '/assets/v2/css/lib/typography.css') as f: - mocked_requests.get.return_value.ok = True - mocked_requests.get.return_value.text = f.read() - mocked_requests.get.return_value.body = f.read() + marketing.management.commands.sync_pull_request_with_bounty_fulfillments.Command().handle(live=False) - marketing.management.commands.sync_pull_request_with_bounty_fulfillments.Command().handle(live=False) - - assert BountyFulfillment.objects.last().funder_last_notified_on >= start_time + assert BountyFulfillment.objects.last().funder_last_notified_on >= start_time diff --git a/app/marketing/tests/test_mail_funder_payout_reminder.py b/app/marketing/tests/test_mail_funder_payout_reminder.py index 8e74bac961b..e6239a2feee 100644 --- a/app/marketing/tests/test_mail_funder_payout_reminder.py +++ b/app/marketing/tests/test_mail_funder_payout_reminder.py @@ -72,12 +72,8 @@ def setUp(self): ) @mock.patch("premailer.premailer.requests") - def test_funder_payout_reminder(self, mocked_requests): - with open(settings.BASE_DIR + '/assets/v2/css/lib/typography.css') as f: - mocked_requests.get.return_value.ok = True - mocked_requests.get.return_value.body = f.read() - mocked_requests.get.return_value.text = f.read() - html = funder_payout_reminder("user1@gitcoin.co", bounty=Bounty.objects.last(), github_username="samplegitcoindeveloper1", live=False) - assert 'There is a currently pending claim against this funded issue.' in html - assert "Please make sure you process them!" in html - assert 'foo' in html + def test_funder_payout_reminder(self): + html = funder_payout_reminder("user1@gitcoin.co", bounty=Bounty.objects.last(), github_username="samplegitcoindeveloper1", live=False) + assert 'There is a currently pending claim against this funded issue.' in html + assert "Please make sure you process them!" in html + assert 'foo' in html From 640df4e7e05238b311a44c3e1a371b1ac86192b3 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 17:07:56 +0000 Subject: [PATCH 129/279] Inline typography.scss (but still exclude from premailer) --- app/retail/templates/emails/shared_template_head.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/retail/templates/emails/shared_template_head.html b/app/retail/templates/emails/shared_template_head.html index 2ff09aa2fa7..669984bdaff 100644 --- a/app/retail/templates/emails/shared_template_head.html +++ b/app/retail/templates/emails/shared_template_head.html @@ -15,7 +15,7 @@ along with this program. If not, see . {% endcomment %} {% load i18n static compress %} -{% compress css file typography %} +{% compress css inline %} {% endcompress %} From f14b7b9d73a84f1e09adac88b329bf27e95ceb5e Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 18:12:13 +0000 Subject: [PATCH 130/279] Restore mocked_requests param --- .../commands/test_sync_pull_request_with_bounty_fulfillments.py | 2 +- app/marketing/tests/test_mail_funder_payout_reminder.py | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/app/marketing/tests/management/commands/test_sync_pull_request_with_bounty_fulfillments.py b/app/marketing/tests/management/commands/test_sync_pull_request_with_bounty_fulfillments.py index 3a43fcdf62e..4fd9770ee87 100644 --- a/app/marketing/tests/management/commands/test_sync_pull_request_with_bounty_fulfillments.py +++ b/app/marketing/tests/management/commands/test_sync_pull_request_with_bounty_fulfillments.py @@ -77,7 +77,7 @@ def setUp(self): ) @mock.patch('premailer.premailer.requests') - def test_handle_simple(self): + def test_handle_simple(self, mocked_requests): """Test command sync keywords.""" start_time = timezone.now() mock.patch('marketing.management.commands.sync_pull_request_with_bounty_fulfillments.get_gh_issue_state', lambda x, y, z: 'closed').start() diff --git a/app/marketing/tests/test_mail_funder_payout_reminder.py b/app/marketing/tests/test_mail_funder_payout_reminder.py index e6239a2feee..ac4234dab98 100644 --- a/app/marketing/tests/test_mail_funder_payout_reminder.py +++ b/app/marketing/tests/test_mail_funder_payout_reminder.py @@ -72,7 +72,7 @@ def setUp(self): ) @mock.patch("premailer.premailer.requests") - def test_funder_payout_reminder(self): + def test_funder_payout_reminder(self, mocked_requests): html = funder_payout_reminder("user1@gitcoin.co", bounty=Bounty.objects.last(), github_username="samplegitcoindeveloper1", live=False) assert 'There is a currently pending claim against this funded issue.' in html assert "Please make sure you process them!" in html From 32f2fb40e6ae00ad145f55ac8f8f41e7d8f9267d Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 18:31:54 +0000 Subject: [PATCH 131/279] Drop .scss from admin --- app/assets/v2/scss/admin/autocomplete.scss | 260 ----- app/assets/v2/scss/admin/base.scss | 987 ------------------ app/assets/v2/scss/admin/changelists.scss | 344 ------- app/assets/v2/scss/admin/dashboard.scss | 27 - app/assets/v2/scss/admin/fonts.scss | 20 - app/assets/v2/scss/admin/forms.scss | 532 ---------- app/assets/v2/scss/admin/login.scss | 79 -- app/assets/v2/scss/admin/responsive.scss | 992 ------------------- app/assets/v2/scss/admin/responsive_rtl.scss | 84 -- app/assets/v2/scss/admin/rtl.scss | 269 ----- app/assets/v2/scss/admin/widgets.scss | 565 ----------- app/retail/templates/admin/base.html | 23 +- 12 files changed, 5 insertions(+), 4177 deletions(-) delete mode 100644 app/assets/v2/scss/admin/autocomplete.scss delete mode 100644 app/assets/v2/scss/admin/base.scss delete mode 100644 app/assets/v2/scss/admin/changelists.scss delete mode 100644 app/assets/v2/scss/admin/dashboard.scss delete mode 100644 app/assets/v2/scss/admin/fonts.scss delete mode 100644 app/assets/v2/scss/admin/forms.scss delete mode 100644 app/assets/v2/scss/admin/login.scss delete mode 100644 app/assets/v2/scss/admin/responsive.scss delete mode 100644 app/assets/v2/scss/admin/responsive_rtl.scss delete mode 100644 app/assets/v2/scss/admin/rtl.scss delete mode 100644 app/assets/v2/scss/admin/widgets.scss diff --git a/app/assets/v2/scss/admin/autocomplete.scss b/app/assets/v2/scss/admin/autocomplete.scss deleted file mode 100644 index 30bcdaac940..00000000000 --- a/app/assets/v2/scss/admin/autocomplete.scss +++ /dev/null @@ -1,260 +0,0 @@ -select.admin-autocomplete { - width: 20em; -} - -.select2-container--admin-autocomplete.select2-container { - min-height: 30px; -} - -.select2-container--admin-autocomplete .select2-selection--single, -.select2-container--admin-autocomplete .select2-selection--multiple { - min-height: 30px; - padding: 0; -} - -.select2-container--admin-autocomplete.select2-container--focus .select2-selection, -.select2-container--admin-autocomplete.select2-container--open .select2-selection { - border-color: #999; - min-height: 30px; -} - -.select2-container--admin-autocomplete.select2-container--focus .select2-selection.select2-selection--single, -.select2-container--admin-autocomplete.select2-container--open .select2-selection.select2-selection--single { - padding: 0; -} - -.select2-container--admin-autocomplete.select2-container--focus .select2-selection.select2-selection--multiple, -.select2-container--admin-autocomplete.select2-container--open .select2-selection.select2-selection--multiple { - padding: 0; -} - -.select2-container--admin-autocomplete .select2-selection--single { - background-color: #fff; - border: 1px solid #ccc; - border-radius: 4px; -} - -.select2-container--admin-autocomplete .select2-selection--single .select2-selection__rendered { - color: #444; - line-height: 30px; -} - -.select2-container--admin-autocomplete .select2-selection--single .select2-selection__clear { - cursor: pointer; - float: right; - font-weight: bold; -} - -.select2-container--admin-autocomplete .select2-selection--single .select2-selection__placeholder { - color: #999; -} - -.select2-container--admin-autocomplete .select2-selection--single .select2-selection__arrow { - height: 26px; - position: absolute; - top: 1px; - right: 1px; - width: 20px; -} - -.select2-container--admin-autocomplete .select2-selection--single .select2-selection__arrow b { - border-color: #888 transparent transparent transparent; - border-style: solid; - border-width: 5px 4px 0 4px; - height: 0; - left: 50%; - margin-left: -4px; - margin-top: -2px; - position: absolute; - top: 50%; - width: 0; -} - -.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--single .select2-selection__clear { - float: left; -} - -.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--single .select2-selection__arrow { - left: 1px; - right: auto; -} - -.select2-container--admin-autocomplete.select2-container--disabled .select2-selection--single { - background-color: #eee; - cursor: default; -} - -.select2-container--admin-autocomplete.select2-container--disabled .select2-selection--single .select2-selection__clear { - display: none; -} - -.select2-container--admin-autocomplete.select2-container--open .select2-selection--single .select2-selection__arrow b { - border-color: transparent transparent #888 transparent; - border-width: 0 4px 5px 4px; -} - -.select2-container--admin-autocomplete .select2-selection--multiple { - background-color: white; - border: 1px solid #ccc; - border-radius: 4px; - cursor: text; -} - -.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__rendered { - box-sizing: border-box; - list-style: none; - margin: 0; - padding: 0 5px; - width: 100%; -} - -.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__rendered li { - list-style: none; -} - -.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__placeholder { - color: #999; - margin-top: 5px; - float: left; -} - -.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__clear { - cursor: pointer; - float: right; - font-weight: bold; - margin: 5px; -} - -.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice { - background-color: #e4e4e4; - border: 1px solid #ccc; - border-radius: 4px; - cursor: default; - float: left; - margin-right: 5px; - margin-top: 5px; - padding: 0 5px; -} - -.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice__remove { - color: #999; - cursor: pointer; - display: inline-block; - font-weight: bold; - margin-right: 2px; -} - -.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #333; -} - -.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-search--inline { - float: right; -} - -.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice { - margin-left: 5px; - margin-right: auto; -} - -.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { - margin-left: 2px; - margin-right: auto; -} - -.select2-container--admin-autocomplete.select2-container--focus .select2-selection--multiple { - border: solid #999 1px; - outline: 0; -} - -.select2-container--admin-autocomplete.select2-container--disabled .select2-selection--multiple { - background-color: #eee; - cursor: default; -} - -.select2-container--admin-autocomplete.select2-container--disabled .select2-selection__choice__remove { - display: none; -} - -.select2-container--admin-autocomplete.select2-container--open.select2-container--above .select2-selection--single, .select2-container--admin-autocomplete.select2-container--open.select2-container--above .select2-selection--multiple { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.select2-container--admin-autocomplete.select2-container--open.select2-container--below .select2-selection--single, .select2-container--admin-autocomplete.select2-container--open.select2-container--below .select2-selection--multiple { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -.select2-container--admin-autocomplete .select2-search--dropdown .select2-search__field { - border: 1px solid #ccc; -} - -.select2-container--admin-autocomplete .select2-search--inline .select2-search__field { - background: transparent; - border: none; - outline: 0; - box-shadow: none; - -webkit-appearance: textfield; -} - -.select2-container--admin-autocomplete .select2-results > .select2-results__options { - max-height: 200px; - overflow-y: auto; -} - -.select2-container--admin-autocomplete .select2-results__option[role=group] { - padding: 0; -} - -.select2-container--admin-autocomplete .select2-results__option[aria-disabled=true] { - color: #999; -} - -.select2-container--admin-autocomplete .select2-results__option[aria-selected=true] { - background-color: #ddd; -} - -.select2-container--admin-autocomplete .select2-results__option .select2-results__option { - padding-left: 1em; -} - -.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__group { - padding-left: 0; -} - -.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option { - margin-left: -1em; - padding-left: 2em; -} - -.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -2em; - padding-left: 3em; -} - -.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -3em; - padding-left: 4em; -} - -.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -4em; - padding-left: 5em; -} - -.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -5em; - padding-left: 6em; -} - -.select2-container--admin-autocomplete .select2-results__option--highlighted[aria-selected] { - background-color: #79aec8; - color: white; -} - -.select2-container--admin-autocomplete .select2-results__group { - cursor: default; - display: block; - padding: 6px; -} diff --git a/app/assets/v2/scss/admin/base.scss b/app/assets/v2/scss/admin/base.scss deleted file mode 100644 index 40f5dbf74a6..00000000000 --- a/app/assets/v2/scss/admin/base.scss +++ /dev/null @@ -1,987 +0,0 @@ -/* - DJANGO Admin styles -*/ - -@import url(fonts.css); - -body { - margin: 0; - padding: 0; - font-size: 14px; - font-family: "Roboto","Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; - color: #333; - background: #fff; -} - -/* LINKS */ - -a:link, a:visited { - color: #447e9b; - text-decoration: none; -} - -a:focus, a:hover { - color: #036; -} - -a:focus { - text-decoration: underline; -} - -a img { - border: none; -} - -a.section:link, a.section:visited { - color: #fff; - text-decoration: none; -} - -a.section:focus, a.section:hover { - text-decoration: underline; -} - -/* GLOBAL DEFAULTS */ - -p, ol, ul, dl { - margin: .2em 0 .8em 0; -} - -p { - padding: 0; - line-height: 140%; -} - -h1,h2,h3,h4,h5 { - font-weight: bold; -} - -h1 { - margin: 0 0 20px; - font-weight: 300; - font-size: 20px; - color: #666; -} - -h2 { - font-size: 16px; - margin: 1em 0 .5em 0; -} - -h2.subhead { - font-weight: normal; - margin-top: 0; -} - -h3 { - font-size: 14px; - margin: .8em 0 .3em 0; - color: #666; - font-weight: bold; -} - -h4 { - font-size: 12px; - margin: 1em 0 .8em 0; - padding-bottom: 3px; -} - -h5 { - font-size: 10px; - margin: 1.5em 0 .5em 0; - color: #666; - text-transform: uppercase; - letter-spacing: 1px; -} - -ul li { - list-style-type: square; - padding: 1px 0; -} - -li ul { - margin-bottom: 0; -} - -li, dt, dd { - font-size: 13px; - line-height: 20px; -} - -dt { - font-weight: bold; - margin-top: 4px; -} - -dd { - margin-left: 0; -} - -form { - margin: 0; - padding: 0; -} - -fieldset { - margin: 0; - padding: 0; - border: none; - border-top: 1px solid #eee; -} - -blockquote { - font-size: 11px; - color: #777; - margin-left: 2px; - padding-left: 10px; - border-left: 5px solid #ddd; -} - -code, pre { - font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; - color: #666; - font-size: 12px; -} - -pre.literal-block { - margin: 10px; - background: #eee; - padding: 6px 8px; -} - -code strong { - color: #930; -} - -hr { - clear: both; - color: #eee; - background-color: #eee; - height: 1px; - border: none; - margin: 0; - padding: 0; - font-size: 1px; - line-height: 1px; -} - -/* TEXT STYLES & MODIFIERS */ - -.small { - font-size: 11px; -} - -.tiny { - font-size: 10px; -} - -p.tiny { - margin-top: -2px; -} - -.mini { - font-size: 10px; -} - -p.mini { - margin-top: -3px; -} - -.help, p.help, form p.help, div.help, form div.help, div.help li { - font-size: 11px; - color: #999; -} - -div.help ul { - margin-bottom: 0; -} - -.help-tooltip { - cursor: help; -} - -p img, h1 img, h2 img, h3 img, h4 img, td img { - vertical-align: middle; -} - -.quiet, a.quiet:link, a.quiet:visited { - color: #999; - font-weight: normal; -} - -.float-right { - float: right; -} - -.float-left { - float: left; -} - -.clear { - clear: both; -} - -.align-left { - text-align: left; -} - -.align-right { - text-align: right; -} - -.example { - margin: 10px 0; - padding: 5px 10px; - background: #efefef; -} - -.nowrap { - white-space: nowrap; -} - -/* TABLES */ - -table { - border-collapse: collapse; - border-color: #ccc; -} - -td, th { - font-size: 13px; - line-height: 16px; - border-bottom: 1px solid #eee; - vertical-align: top; - padding: 8px; - font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif; -} - -th { - font-weight: 600; - text-align: left; -} - -thead th, -tfoot td { - color: #666; - padding: 5px 10px; - font-size: 11px; - background: #fff; - border: none; - border-top: 1px solid #eee; - border-bottom: 1px solid #eee; -} - -tfoot td { - border-bottom: none; - border-top: 1px solid #eee; -} - -thead th.required { - color: #000; -} - -tr.alt { - background: #f6f6f6; -} - -.row1 { - background: #fff; -} - -.row2 { - background: #f9f9f9; -} - -/* SORTABLE TABLES */ - -thead th { - padding: 5px 10px; - line-height: normal; - text-transform: uppercase; - background: #f6f6f6; -} - -thead th a:link, thead th a:visited { - color: #666; -} - -thead th.sorted { - background: #eee; -} - -thead th.sorted .text { - padding-right: 42px; -} - -table thead th .text span { - padding: 8px 10px; - display: block; -} - -table thead th .text a { - display: block; - cursor: pointer; - padding: 8px 10px; -} - -table thead th .text a:focus, table thead th .text a:hover { - background: #eee; -} - -thead th.sorted a.sortremove { - visibility: hidden; -} - -table thead th.sorted:hover a.sortremove { - visibility: visible; -} - -table thead th.sorted .sortoptions { - display: block; - padding: 9px 5px 0 5px; - float: right; - text-align: right; -} - -table thead th.sorted .sortpriority { - font-size: .8em; - min-width: 12px; - text-align: center; - vertical-align: 3px; - margin-left: 2px; - margin-right: 2px; -} - -table thead th.sorted .sortoptions a { - position: relative; - width: 14px; - height: 14px; - display: inline-block; - background: url(../img/sorting-icons.svg) 0 0 no-repeat; - background-size: 14px auto; -} - -table thead th.sorted .sortoptions a.sortremove { - background-position: 0 0; -} - -table thead th.sorted .sortoptions a.sortremove:after { - content: '\\'; - position: absolute; - top: -6px; - left: 3px; - font-weight: 200; - font-size: 18px; - color: #999; -} - -table thead th.sorted .sortoptions a.sortremove:focus:after, -table thead th.sorted .sortoptions a.sortremove:hover:after { - color: #447e9b; -} - -table thead th.sorted .sortoptions a.sortremove:focus, -table thead th.sorted .sortoptions a.sortremove:hover { - background-position: 0 -14px; -} - -table thead th.sorted .sortoptions a.ascending { - background-position: 0 -28px; -} - -table thead th.sorted .sortoptions a.ascending:focus, -table thead th.sorted .sortoptions a.ascending:hover { - background-position: 0 -42px; -} - -table thead th.sorted .sortoptions a.descending { - top: 1px; - background-position: 0 -56px; -} - -table thead th.sorted .sortoptions a.descending:focus, -table thead th.sorted .sortoptions a.descending:hover { - background-position: 0 -70px; -} - -/* FORM DEFAULTS */ - -input, textarea, select, .form-row p, form .button { - margin: 2px 0; - padding: 2px 3px; - vertical-align: middle; - font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif; - font-weight: normal; - font-size: 13px; -} -.form-row div.help { - padding: 2px 3px; -} - -textarea { - vertical-align: top; -} - -input[type=text], input[type=password], input[type=email], input[type=url], -input[type=number], input[type=tel], textarea, select, .vTextField { - border: 1px solid #ccc; - border-radius: 4px; - padding: 5px 6px; - margin-top: 0; -} - -input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, -input[type=url]:focus, input[type=number]:focus, input[type=tel]:focus, -textarea:focus, select:focus, .vTextField:focus { - border-color: #999; -} - -select { - height: 30px; -} - -select[multiple] { - /* Allow HTML size attribute to override the height in the rule above. */ - height: auto; - min-height: 150px; -} - -/* FORM BUTTONS */ - -.button, input[type=submit], input[type=button], .submit-row input, a.button { - background: #79aec8; - padding: 10px 15px; - border: none; - border-radius: 4px; - color: #fff; - cursor: pointer; -} - -a.button { - padding: 4px 5px; -} - -.button:active, input[type=submit]:active, input[type=button]:active, -.button:focus, input[type=submit]:focus, input[type=button]:focus, -.button:hover, input[type=submit]:hover, input[type=button]:hover { - background: #609ab6; -} - -.button[disabled], input[type=submit][disabled], input[type=button][disabled] { - opacity: 0.4; -} - -.button.default, input[type=submit].default, .submit-row input.default { - float: right; - border: none; - font-weight: 400; - background: #417690; -} - -.button.default:active, input[type=submit].default:active, -.button.default:focus, input[type=submit].default:focus, -.button.default:hover, input[type=submit].default:hover { - background: #205067; -} - -.button[disabled].default, -input[type=submit][disabled].default, -input[type=button][disabled].default { - opacity: 0.4; -} - - -/* MODULES */ - -.module { - border: none; - margin-bottom: 30px; - background: #fff; -} - -.module p, .module ul, .module h3, .module h4, .module dl, .module pre { - padding-left: 10px; - padding-right: 10px; -} - -.module blockquote { - margin-left: 12px; -} - -.module ul, .module ol { - margin-left: 1.5em; -} - -.module h3 { - margin-top: .6em; -} - -.module h2, .module caption, .inline-group h2 { - margin: 0; - padding: 8px; - font-weight: 400; - font-size: 13px; - text-align: left; - background: #79aec8; - color: #fff; -} - -.module caption, -.inline-group h2 { - font-size: 12px; - letter-spacing: 0.5px; - text-transform: uppercase; -} - -.module table { - border-collapse: collapse; -} - -/* MESSAGES & ERRORS */ - -ul.messagelist { - padding: 0; - margin: 0; -} - -ul.messagelist li { - display: block; - font-weight: 400; - font-size: 13px; - padding: 10px 10px 10px 65px; - margin: 0 0 10px 0; - background: #dfd url(../img/icon-yes.svg) 40px 12px no-repeat; - background-size: 16px auto; - color: #333; -} - -ul.messagelist li.warning { - background: #ffc url(../img/icon-alert.svg) 40px 14px no-repeat; - background-size: 14px auto; -} - -ul.messagelist li.error { - background: #ffefef url(../img/icon-no.svg) 40px 12px no-repeat; - background-size: 16px auto; -} - -.errornote { - font-size: 14px; - font-weight: 700; - display: block; - padding: 10px 12px; - margin: 0 0 10px 0; - color: #ba2121; - border: 1px solid #ba2121; - border-radius: 4px; - background-color: #fff; - background-position: 5px 12px; -} - -ul.errorlist { - margin: 0 0 4px; - padding: 0; - color: #ba2121; - background: #fff; -} - -ul.errorlist li { - font-size: 13px; - display: block; - margin-bottom: 4px; -} - -ul.errorlist li:first-child { - margin-top: 0; -} - -ul.errorlist li a { - color: inherit; - text-decoration: underline; -} - -td ul.errorlist { - margin: 0; - padding: 0; -} - -td ul.errorlist li { - margin: 0; -} - -.form-row.errors { - margin: 0; - border: none; - border-bottom: 1px solid #eee; - background: none; -} - -.form-row.errors ul.errorlist li { - padding-left: 0; -} - -.errors input, .errors select, .errors textarea { - border: 1px solid #ba2121; -} - -div.system-message { - background: #ffc; - margin: 10px; - padding: 6px 8px; - font-size: .8em; -} - -div.system-message p.system-message-title { - padding: 4px 5px 4px 25px; - margin: 0; - color: #c11; - background: #ffefef url(../img/icon-no.svg) 5px 5px no-repeat; -} - -.description { - font-size: 12px; - padding: 5px 0 0 12px; -} - -/* BREADCRUMBS */ - -div.breadcrumbs { - background: #79aec8; - padding: 10px 40px; - border: none; - font-size: 14px; - color: #c4dce8; - text-align: left; -} - -div.breadcrumbs a { - color: #fff; -} - -div.breadcrumbs a:focus, div.breadcrumbs a:hover { - color: #c4dce8; -} - -/* ACTION ICONS */ - -.viewlink, .inlineviewlink { - padding-left: 16px; - background: url(../img/icon-viewlink.svg) 0 1px no-repeat; -} - -.addlink { - padding-left: 16px; - background: url(../img/icon-addlink.svg) 0 1px no-repeat; -} - -.changelink, .inlinechangelink { - padding-left: 16px; - background: url(../img/icon-changelink.svg) 0 1px no-repeat; -} - -.deletelink { - padding-left: 16px; - background: url(../img/icon-deletelink.svg) 0 1px no-repeat; -} - -a.deletelink:link, a.deletelink:visited { - color: #CC3434; -} - -a.deletelink:focus, a.deletelink:hover { - color: #993333; - text-decoration: none; -} - -/* OBJECT TOOLS */ - -.object-tools { - font-size: 10px; - font-weight: bold; - padding-left: 0; - float: right; - position: relative; - margin-top: -48px; -} - -.form-row .object-tools { - margin-top: 5px; - margin-bottom: 5px; - float: none; - height: 2em; - padding-left: 3.5em; -} - -.object-tools li { - display: block; - float: left; - margin-left: 5px; - height: 16px; -} - -.object-tools a { - border-radius: 15px; -} - -.object-tools a:link, .object-tools a:visited { - display: block; - float: left; - padding: 3px 12px; - background: #999; - font-weight: 400; - font-size: 11px; - text-transform: uppercase; - letter-spacing: 0.5px; - color: #fff; -} - -.object-tools a:focus, .object-tools a:hover { - background-color: #417690; -} - -.object-tools a:focus{ - text-decoration: none; -} - -.object-tools a.viewsitelink, .object-tools a.golink,.object-tools a.addlink { - background-repeat: no-repeat; - background-position: right 7px center; - padding-right: 26px; -} - -.object-tools a.viewsitelink, .object-tools a.golink { - background-image: url(../img/tooltag-arrowright.svg); -} - -.object-tools a.addlink { - background-image: url(../img/tooltag-add.svg); -} - -/* OBJECT HISTORY */ - -table#change-history { - width: 100%; -} - -table#change-history tbody th { - width: 16em; -} - -/* PAGE STRUCTURE */ - -#container { - position: relative; - width: 100%; - min-width: 980px; - padding: 0; -} - -#content { - padding: 20px 40px; -} - -.dashboard #content { - width: 600px; -} - -#content-main { - float: left; - width: 100%; -} - -#content-related { - float: right; - width: 260px; - position: relative; - margin-right: -300px; -} - -#footer { - clear: both; - padding: 10px; -} - -/* COLUMN TYPES */ - -.colMS { - margin-right: 300px; -} - -.colSM { - margin-left: 300px; -} - -.colSM #content-related { - float: left; - margin-right: 0; - margin-left: -300px; -} - -.colSM #content-main { - float: right; -} - -.popup .colM { - width: auto; -} - -/* HEADER */ - -#header { - width: auto; - height: auto; - display: flex; - justify-content: space-between; - align-items: center; - padding: 10px 40px; - background: #417690; - color: #ffc; - overflow: hidden; -} - -#header a:link, #header a:visited { - color: #fff; -} - -#header a:focus , #header a:hover { - text-decoration: underline; -} - -#branding { - float: left; -} - -#branding h1 { - padding: 0; - margin: 0 20px 0 0; - font-weight: 300; - font-size: 24px; - color: #f5dd5d; -} - -#branding h1, #branding h1 a:link, #branding h1 a:visited { - color: #f5dd5d; -} - -#branding h2 { - padding: 0 10px; - font-size: 14px; - margin: -8px 0 8px 0; - font-weight: normal; - color: #ffc; -} - -#branding a:hover { - text-decoration: none; -} - -#user-tools { - float: right; - padding: 0; - margin: 0 0 0 20px; - font-weight: 300; - font-size: 11px; - letter-spacing: 0.5px; - text-transform: uppercase; - text-align: right; -} - -#user-tools a { - border-bottom: 1px solid rgba(255, 255, 255, 0.25); -} - -#user-tools a:focus, #user-tools a:hover { - text-decoration: none; - border-bottom-color: #79aec8; - color: #79aec8; -} - -/* SIDEBAR */ - -#content-related { - background: #f8f8f8; -} - -#content-related .module { - background: none; -} - -#content-related h3 { - font-size: 14px; - color: #666; - padding: 0 16px; - margin: 0 0 16px; -} - -#content-related h4 { - font-size: 13px; -} - -#content-related p { - padding-left: 16px; - padding-right: 16px; -} - -#content-related .actionlist { - padding: 0; - margin: 16px; -} - -#content-related .actionlist li { - line-height: 1.2; - margin-bottom: 10px; - padding-left: 18px; -} - -#content-related .module h2 { - background: none; - padding: 16px; - margin-bottom: 16px; - border-bottom: 1px solid #eaeaea; - font-size: 18px; - color: #333; -} - -.delete-confirmation form input[type="submit"] { - background: #ba2121; - border-radius: 4px; - padding: 10px 15px; - color: #fff; -} - -.delete-confirmation form input[type="submit"]:active, -.delete-confirmation form input[type="submit"]:focus, -.delete-confirmation form input[type="submit"]:hover { - background: #a41515; -} - -.delete-confirmation form .cancel-link { - display: inline-block; - vertical-align: middle; - height: 15px; - line-height: 15px; - background: #ddd; - border-radius: 4px; - padding: 10px 15px; - color: #333; - margin: 0 0 0 10px; -} - -.delete-confirmation form .cancel-link:active, -.delete-confirmation form .cancel-link:focus, -.delete-confirmation form .cancel-link:hover { - background: #ccc; -} - -/* POPUP */ -.popup #content { - padding: 20px; -} - -.popup #container { - min-width: 0; -} - -.popup #header { - padding: 10px 20px; -} diff --git a/app/assets/v2/scss/admin/changelists.scss b/app/assets/v2/scss/admin/changelists.scss deleted file mode 100644 index f7b7c278a07..00000000000 --- a/app/assets/v2/scss/admin/changelists.scss +++ /dev/null @@ -1,344 +0,0 @@ -/* CHANGELISTS */ - -#changelist { - position: relative; - width: 100%; -} - -#changelist table { - width: 100%; -} - -.change-list .hiddenfields { display:none; } - -.change-list .filtered table { - border-right: none; -} - -.change-list .filtered { - min-height: 400px; -} - -.change-list .filtered .results, .change-list .filtered .paginator, -.filtered #toolbar, .filtered div.xfull { - margin-right: 280px; - width: auto; -} - -.change-list .filtered table tbody th { - padding-right: 1em; -} - -#changelist-form .results { - overflow-x: auto; -} - -#changelist .toplinks { - border-bottom: 1px solid #ddd; -} - -#changelist .paginator { - color: #666; - border-bottom: 1px solid #eee; - background: #fff; - overflow: hidden; -} - -/* CHANGELIST TABLES */ - -#changelist table thead th { - padding: 0; - white-space: nowrap; - vertical-align: middle; -} - -#changelist table thead th.action-checkbox-column { - width: 1.5em; - text-align: center; -} - -#changelist table tbody td.action-checkbox { - text-align: center; -} - -#changelist table tfoot { - color: #666; -} - -/* TOOLBAR */ - -#changelist #toolbar { - padding: 8px 10px; - margin-bottom: 15px; - border-top: 1px solid #eee; - border-bottom: 1px solid #eee; - background: #f8f8f8; - color: #666; -} - -#changelist #toolbar form input { - border-radius: 4px; - font-size: 14px; - padding: 5px; - color: #333; -} - -#changelist #toolbar form #searchbar { - height: 19px; - border: 1px solid #ccc; - padding: 2px 5px; - margin: 0; - vertical-align: top; - font-size: 13px; -} - -#changelist #toolbar form #searchbar:focus { - border-color: #999; -} - -#changelist #toolbar form input[type="submit"] { - border: 1px solid #ccc; - padding: 2px 10px; - margin: 0; - vertical-align: middle; - background: #fff; - box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.15) inset; - cursor: pointer; - color: #333; -} - -#changelist #toolbar form input[type="submit"]:focus, -#changelist #toolbar form input[type="submit"]:hover { - border-color: #999; -} - -#changelist #changelist-search img { - vertical-align: middle; - margin-right: 4px; -} - -/* FILTER COLUMN */ - -#changelist-filter { - position: absolute; - top: 0; - right: 0; - z-index: 1000; - width: 240px; - background: #f8f8f8; - border-left: none; - margin: 0; -} - -#changelist-filter h2 { - font-size: 14px; - text-transform: uppercase; - letter-spacing: 0.5px; - padding: 5px 15px; - margin-bottom: 12px; - border-bottom: none; -} - -#changelist-filter h3 { - font-weight: 400; - font-size: 14px; - padding: 0 15px; - margin-bottom: 10px; -} - -#changelist-filter ul { - margin: 5px 0; - padding: 0 15px 15px; - border-bottom: 1px solid #eaeaea; -} - -#changelist-filter ul:last-child { - border-bottom: none; - padding-bottom: none; -} - -#changelist-filter li { - list-style-type: none; - margin-left: 0; - padding-left: 0; -} - -#changelist-filter a { - display: block; - color: #999; - text-overflow: ellipsis; - overflow-x: hidden; -} - -#changelist-filter li.selected { - border-left: 5px solid #eaeaea; - padding-left: 10px; - margin-left: -15px; -} - -#changelist-filter li.selected a { - color: #5b80b2; -} - -#changelist-filter a:focus, #changelist-filter a:hover, -#changelist-filter li.selected a:focus, -#changelist-filter li.selected a:hover { - color: #036; -} - -/* DATE DRILLDOWN */ - -.change-list ul.toplinks { - display: block; - float: left; - padding: 0; - margin: 0; - width: 100%; -} - -.change-list ul.toplinks li { - padding: 3px 6px; - font-weight: bold; - list-style-type: none; - display: inline-block; -} - -.change-list ul.toplinks .date-back a { - color: #999; -} - -.change-list ul.toplinks .date-back a:focus, -.change-list ul.toplinks .date-back a:hover { - color: #036; -} - -/* PAGINATOR */ - -.paginator { - font-size: 13px; - padding-top: 10px; - padding-bottom: 10px; - line-height: 22px; - margin: 0; - border-top: 1px solid #ddd; -} - -.paginator a:link, .paginator a:visited { - padding: 2px 6px; - background: #79aec8; - text-decoration: none; - color: #fff; -} - -.paginator a.showall { - padding: 0; - border: none; - background: none; - color: #5b80b2; -} - -.paginator a.showall:focus, .paginator a.showall:hover { - background: none; - color: #036; -} - -.paginator .end { - margin-right: 6px; -} - -.paginator .this-page { - padding: 2px 6px; - font-weight: bold; - font-size: 13px; - vertical-align: top; -} - -.paginator a:focus, .paginator a:hover { - color: white; - background: #036; -} - -/* ACTIONS */ - -.filtered .actions { - margin-right: 280px; - border-right: none; -} - -#changelist table input { - margin: 0; - vertical-align: baseline; -} - -#changelist table tbody tr.selected { - background-color: #FFFFCC; -} - -#changelist .actions { - padding: 10px; - background: #fff; - border-top: none; - border-bottom: none; - line-height: 24px; - color: #999; -} - -#changelist .actions.selected { - background: #fffccf; - border-top: 1px solid #fffee8; - border-bottom: 1px solid #edecd6; -} - -#changelist .actions span.all, -#changelist .actions span.action-counter, -#changelist .actions span.clear, -#changelist .actions span.question { - font-size: 13px; - margin: 0 0.5em; - display: none; -} - -#changelist .actions:last-child { - border-bottom: none; -} - -#changelist .actions select { - vertical-align: top; - height: 24px; - background: none; - color: #000; - border: 1px solid #ccc; - border-radius: 4px; - font-size: 14px; - padding: 0 0 0 4px; - margin: 0; - margin-left: 10px; -} - -#changelist .actions select:focus { - border-color: #999; -} - -#changelist .actions label { - display: inline-block; - vertical-align: middle; - font-size: 13px; -} - -#changelist .actions .button { - font-size: 13px; - border: 1px solid #ccc; - border-radius: 4px; - background: #fff; - box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.15) inset; - cursor: pointer; - height: 24px; - line-height: 1; - padding: 4px 8px; - margin: 0; - color: #333; -} - -#changelist .actions .button:focus, #changelist .actions .button:hover { - border-color: #999; -} diff --git a/app/assets/v2/scss/admin/dashboard.scss b/app/assets/v2/scss/admin/dashboard.scss deleted file mode 100644 index 4a3c78a328e..00000000000 --- a/app/assets/v2/scss/admin/dashboard.scss +++ /dev/null @@ -1,27 +0,0 @@ -/* DASHBOARD */ - -.dashboard .module table th { - width: 100%; -} - -.dashboard .module table td { - white-space: nowrap; -} - -.dashboard .module table td a { - display: block; - padding-right: .6em; -} - -/* RECENT ACTIONS MODULE */ - -.module ul.actionlist { - margin-left: 0; -} - -ul.actionlist li { - list-style-type: none; - overflow: hidden; - text-overflow: ellipsis; - -o-text-overflow: ellipsis; -} diff --git a/app/assets/v2/scss/admin/fonts.scss b/app/assets/v2/scss/admin/fonts.scss deleted file mode 100644 index 7069bc7f913..00000000000 --- a/app/assets/v2/scss/admin/fonts.scss +++ /dev/null @@ -1,20 +0,0 @@ -@font-face { - font-family: 'Roboto'; - src: url('../fonts/Roboto-Bold-webfont.woff'); - font-weight: 700; - font-style: normal; -} - -@font-face { - font-family: 'Roboto'; - src: url('../fonts/Roboto-Regular-webfont.woff'); - font-weight: 400; - font-style: normal; -} - -@font-face { - font-family: 'Roboto'; - src: url('../fonts/Roboto-Light-webfont.woff'); - font-weight: 300; - font-style: normal; -} diff --git a/app/assets/v2/scss/admin/forms.scss b/app/assets/v2/scss/admin/forms.scss deleted file mode 100644 index 2d6f97314aa..00000000000 --- a/app/assets/v2/scss/admin/forms.scss +++ /dev/null @@ -1,532 +0,0 @@ -@import url('widgets.scss'); - -/* FORM ROWS */ - -.form-row { - overflow: hidden; - padding: 10px; - font-size: 13px; - border-bottom: 1px solid #eee; -} - -.form-row img, .form-row input { - vertical-align: middle; -} - -.form-row label input[type="checkbox"] { - margin-top: 0; - vertical-align: 0; -} - -form .form-row p { - padding-left: 0; -} - -.hidden { - display: none; -} - -/* FORM LABELS */ - -label { - font-weight: normal; - color: #666; - font-size: 13px; -} - -.required label, label.required { - font-weight: bold; - color: #333; -} - -/* RADIO BUTTONS */ - -form ul.radiolist li { - list-style-type: none; -} - -form ul.radiolist label { - float: none; - display: inline; -} - -form ul.radiolist input[type="radio"] { - margin: -2px 4px 0 0; - padding: 0; -} - -form ul.inline { - margin-left: 0; - padding: 0; -} - -form ul.inline li { - float: left; - padding-right: 7px; -} - -/* ALIGNED FIELDSETS */ - -.aligned label { - display: block; - padding: 4px 10px 0 0; - float: left; - width: 160px; - word-wrap: break-word; - line-height: 1; -} - -.aligned label:not(.vCheckboxLabel):after { - content: ''; - display: inline-block; - vertical-align: middle; - height: 26px; -} - -.aligned label + p, .aligned label + div.help, .aligned label + div.readonly { - padding: 6px 0; - margin-top: 0; - margin-bottom: 0; - margin-left: 170px; -} - -.aligned ul label { - display: inline; - float: none; - width: auto; -} - -.aligned .form-row input { - margin-bottom: 0; -} - -.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField { - width: 350px; -} - -form .aligned ul { - margin-left: 160px; - padding-left: 10px; -} - -form .aligned ul.radiolist { - display: inline-block; - margin: 0; - padding: 0; -} - -form .aligned p.help, -form .aligned div.help { - clear: left; - margin-top: 0; - margin-left: 160px; - padding-left: 10px; -} - -form .aligned label + p.help, -form .aligned label + div.help { - margin-left: 0; - padding-left: 0; -} - -form .aligned p.help:last-child, -form .aligned div.help:last-child { - margin-bottom: 0; - padding-bottom: 0; -} - -form .aligned input + p.help, -form .aligned textarea + p.help, -form .aligned select + p.help, -form .aligned input + div.help, -form .aligned textarea + div.help, -form .aligned select + div.help { - margin-left: 160px; - padding-left: 10px; -} - -form .aligned ul li { - list-style: none; -} - -form .aligned table p { - margin-left: 0; - padding-left: 0; -} - -.aligned .vCheckboxLabel { - float: none; - width: auto; - display: inline-block; - vertical-align: -3px; - padding: 0 0 5px 5px; -} - -.aligned .vCheckboxLabel + p.help, -.aligned .vCheckboxLabel + div.help { - margin-top: -4px; -} - -.colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField { - width: 610px; -} - -.checkbox-row p.help, -.checkbox-row div.help { - margin-left: 0; - padding-left: 0; -} - -fieldset .fieldBox { - float: left; - margin-right: 20px; -} - -/* WIDE FIELDSETS */ - -.wide label { - width: 200px; -} - -form .wide p, -form .wide input + p.help, -form .wide input + div.help { - margin-left: 200px; -} - -form .wide p.help, -form .wide div.help { - padding-left: 38px; -} - -form div.help ul { - padding-left: 0; - margin-left: 0; -} - -.colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField { - width: 450px; -} - -/* COLLAPSED FIELDSETS */ - -fieldset.collapsed * { - display: none; -} - -fieldset.collapsed h2, fieldset.collapsed { - display: block; -} - -fieldset.collapsed { - border: 1px solid #eee; - border-radius: 4px; - overflow: hidden; -} - -fieldset.collapsed h2 { - background: #f8f8f8; - color: #666; -} - -fieldset .collapse-toggle { - color: #fff; -} - -fieldset.collapsed .collapse-toggle { - background: transparent; - display: inline; - color: #447e9b; -} - -/* MONOSPACE TEXTAREAS */ - -fieldset.monospace textarea { - font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; -} - -/* SUBMIT ROW */ - -.submit-row { - padding: 12px 14px; - margin: 0 0 20px; - background: #f8f8f8; - border: 1px solid #eee; - border-radius: 4px; - text-align: right; - overflow: hidden; -} - -body.popup .submit-row { - overflow: auto; -} - -.submit-row input { - height: 35px; - line-height: 15px; - margin: 0 0 0 5px; -} - -.submit-row input.default { - margin: 0 0 0 8px; - text-transform: uppercase; -} - -.submit-row p { - margin: 0.3em; -} - -.submit-row p.deletelink-box { - float: left; - margin: 0; -} - -.submit-row a.deletelink { - display: block; - background: #ba2121; - border-radius: 4px; - padding: 10px 15px; - height: 15px; - line-height: 15px; - color: #fff; -} - -.submit-row a.closelink { - display: inline-block; - background: #bbbbbb; - border-radius: 4px; - padding: 10px 15px; - height: 15px; - line-height: 15px; - margin: 0 0 0 5px; - color: #fff; -} - -.submit-row a.deletelink:focus, -.submit-row a.deletelink:hover, -.submit-row a.deletelink:active { - background: #a41515; -} - -.submit-row a.closelink:focus, -.submit-row a.closelink:hover, -.submit-row a.closelink:active { - background: #aaaaaa; -} - -/* CUSTOM FORM FIELDS */ - -.vSelectMultipleField { - vertical-align: top; -} - -.vCheckboxField { - border: none; -} - -.vDateField, .vTimeField { - margin-right: 2px; - margin-bottom: 4px; -} - -.vDateField { - min-width: 6.85em; -} - -.vTimeField { - min-width: 4.7em; -} - -.vURLField { - width: 30em; -} - -.vLargeTextField, .vXMLLargeTextField { - width: 48em; -} - -.flatpages-flatpage #id_content { - height: 40.2em; -} - -.module table .vPositiveSmallIntegerField { - width: 2.2em; -} - -.vTextField, .vUUIDField { - width: 20em; -} - -.vIntegerField { - width: 5em; -} - -.vBigIntegerField { - width: 10em; -} - -.vForeignKeyRawIdAdminField { - width: 5em; -} - -/* INLINES */ - -.inline-group { - padding: 0; - margin: 0 0 30px; -} - -.inline-group thead th { - padding: 8px 10px; -} - -.inline-group .aligned label { - width: 160px; -} - -.inline-related { - position: relative; -} - -.inline-related h3 { - margin: 0; - color: #666; - padding: 5px; - font-size: 13px; - background: #f8f8f8; - border-top: 1px solid #eee; - border-bottom: 1px solid #eee; -} - -.inline-related h3 span.delete { - float: right; -} - -.inline-related h3 span.delete label { - margin-left: 2px; - font-size: 11px; -} - -.inline-related fieldset { - margin: 0; - background: #fff; - border: none; - width: 100%; -} - -.inline-related fieldset.module h3 { - margin: 0; - padding: 2px 5px 3px 5px; - font-size: 11px; - text-align: left; - font-weight: bold; - background: #bcd; - color: #fff; -} - -.inline-group .tabular fieldset.module { - border: none; -} - -.inline-related.tabular fieldset.module table { - width: 100%; -} - -.last-related fieldset { - border: none; -} - -.inline-group .tabular tr.has_original td { - padding-top: 2em; -} - -.inline-group .tabular tr td.original { - padding: 2px 0 0 0; - width: 0; - _position: relative; -} - -.inline-group .tabular th.original { - width: 0px; - padding: 0; -} - -.inline-group .tabular td.original p { - position: absolute; - left: 0; - height: 1.1em; - padding: 2px 9px; - overflow: hidden; - font-size: 9px; - font-weight: bold; - color: #666; - _width: 700px; -} - -.inline-group ul.tools { - padding: 0; - margin: 0; - list-style: none; -} - -.inline-group ul.tools li { - display: inline; - padding: 0 5px; -} - -.inline-group div.add-row, -.inline-group .tabular tr.add-row td { - color: #666; - background: #f8f8f8; - padding: 8px 10px; - border-bottom: 1px solid #eee; -} - -.inline-group .tabular tr.add-row td { - padding: 8px 10px; - border-bottom: 1px solid #eee; -} - -.inline-group ul.tools a.add, -.inline-group div.add-row a, -.inline-group .tabular tr.add-row td a { - background: url(../img/icon-addlink.svg) 0 1px no-repeat; - padding-left: 16px; - font-size: 12px; -} - -.empty-form { - display: none; -} - -/* RELATED FIELD ADD ONE / LOOKUP */ - -.add-another, .related-lookup { - margin-left: 5px; - display: inline-block; - vertical-align: middle; - background-repeat: no-repeat; - background-size: 14px; -} - -.add-another { - width: 16px; - height: 16px; - background-image: url(../img/icon-addlink.svg); -} - -.related-lookup { - width: 16px; - height: 16px; - background-image: url(../img/search.svg); -} - -form .related-widget-wrapper ul { - display: inline-block; - margin-left: 0; - padding-left: 0; -} - -.clearable-file-input input { - margin-top: 0; -} diff --git a/app/assets/v2/scss/admin/login.scss b/app/assets/v2/scss/admin/login.scss deleted file mode 100644 index f1eaf1ed95f..00000000000 --- a/app/assets/v2/scss/admin/login.scss +++ /dev/null @@ -1,79 +0,0 @@ -/* LOGIN FORM */ - -body.login { - background: #f8f8f8; -} - -.login #header { - height: auto; - padding: 15px 16px; - justify-content: center; -} - -.login #header h1 { - font-size: 18px; -} - -.login #header h1 a { - color: #fff; -} - -.login #content { - padding: 20px 20px 0; -} - -.login #container { - background: #fff; - border: 1px solid #eaeaea; - border-radius: 4px; - overflow: hidden; - width: 28em; - min-width: 300px; - margin: 100px auto; -} - -.login #content-main { - width: 100%; -} - -.login .form-row { - padding: 4px 0; - float: left; - width: 100%; - border-bottom: none; -} - -.login .form-row label { - padding-right: 0.5em; - line-height: 2em; - font-size: 1em; - clear: both; - color: #333; -} - -.login .form-row #id_username, .login .form-row #id_password { - clear: both; - padding: 8px; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.login span.help { - font-size: 10px; - display: block; -} - -.login .submit-row { - clear: both; - padding: 1em 0 0 9.4em; - margin: 0; - border: none; - background: none; - text-align: left; -} - -.login .password-reset-link { - text-align: center; -} diff --git a/app/assets/v2/scss/admin/responsive.scss b/app/assets/v2/scss/admin/responsive.scss deleted file mode 100644 index 023067de652..00000000000 --- a/app/assets/v2/scss/admin/responsive.scss +++ /dev/null @@ -1,992 +0,0 @@ -/* Tablets */ - -input[type="submit"], button { - -webkit-appearance: none; - appearance: none; -} - -@media (max-width: 1024px) { - /* Basic */ - - html { - -webkit-text-size-adjust: 100%; - } - - td, th { - padding: 10px; - font-size: 14px; - } - - .small { - font-size: 12px; - } - - /* Layout */ - - #container { - min-width: 0; - } - - #content { - padding: 20px 30px 30px; - } - - div.breadcrumbs { - padding: 10px 30px; - } - - /* Header */ - - #header { - flex-direction: column; - padding: 15px 30px; - justify-content: flex-start; - } - - #branding h1 { - margin: 0 0 8px; - font-size: 20px; - line-height: 1.2; - } - - #user-tools { - margin: 0; - font-weight: 400; - line-height: 1.85; - text-align: left; - } - - #user-tools a { - display: inline-block; - line-height: 1.4; - } - - /* Dashboard */ - - .dashboard #content { - width: auto; - } - - #content-related { - margin-right: -290px; - } - - .colSM #content-related { - margin-left: -290px; - } - - .colMS { - margin-right: 290px; - } - - .colSM { - margin-left: 290px; - } - - .dashboard .module table td a { - padding-right: 0; - } - - td .changelink, td .addlink { - font-size: 13px; - } - - /* Changelist */ - - #changelist #toolbar { - border: none; - padding: 15px; - } - - #changelist-search > div { - display: -webkit-flex; - display: flex; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 480px; - } - - #changelist-search label { - line-height: 22px; - } - - #changelist #toolbar form #searchbar { - -webkit-flex: 1 0 auto; - flex: 1 0 auto; - width: 0; - height: 22px; - margin: 0 10px 0 6px; - } - - #changelist-search .quiet { - width: 100%; - margin: 5px 0 0 25px; - } - - #changelist .actions { - display: flex; - flex-wrap: wrap; - padding: 15px 0; - } - - #changelist .actions.selected { - border: none; - } - - #changelist .actions label { - display: flex; - } - - #changelist .actions select { - background: #fff; - } - - #changelist .actions .button { - min-width: 48px; - margin: 0 10px; - } - - #changelist .actions span.all, - #changelist .actions span.clear, - #changelist .actions span.question, - #changelist .actions span.action-counter { - font-size: 11px; - margin: 0 10px 0 0; - } - - #changelist-filter { - width: 200px; - } - - .change-list .filtered .results, - .change-list .filtered .paginator, - .filtered #toolbar, - .filtered .actions, - .filtered div.xfull { - margin-right: 230px; - } - - #changelist .paginator { - border-top-color: #eee; - } - - #changelist .results + .paginator { - border-top: none; - } - - /* Forms */ - - label { - font-size: 14px; - } - - .form-row input[type=text], - .form-row input[type=password], - .form-row input[type=email], - .form-row input[type=url], - .form-row input[type=tel], - .form-row input[type=number], - .form-row textarea, - .form-row select, - .form-row .vTextField { - box-sizing: border-box; - margin: 0; - padding: 6px 8px; - min-height: 36px; - font-size: 14px; - } - - .form-row select { - height: 36px; - } - - .form-row select[multiple] { - height: auto; - min-height: 0; - } - - fieldset .fieldBox { - float: none; - margin: 0 -10px; - padding: 0 10px; - } - - fieldset .fieldBox + .fieldBox { - margin-top: 10px; - padding-top: 10px; - border-top: 1px solid #eee; - } - - textarea { - max-width: 518px; - max-height: 120px; - } - - .aligned label { - padding-top: 6px; - } - - .aligned .add-another, - .aligned .related-lookup, - .aligned .datetimeshortcuts, - .aligned .related-lookup + strong { - align-self: center; - margin-left: 15px; - } - - form .aligned ul.radiolist { - margin-left: 2px; - } - - /* Related widget */ - - .related-widget-wrapper { - float: none; - } - - .related-widget-wrapper-link + .selector { - max-width: calc(100% - 30px); - margin-right: 15px; - } - - select + .related-widget-wrapper-link, - .related-widget-wrapper-link + .related-widget-wrapper-link { - margin-left: 10px; - } - - /* Selector */ - - .selector { - display: flex; - width: 100%; - } - - .selector .selector-filter { - display: flex; - align-items: center; - } - - .selector .selector-filter label { - margin: 0 8px 0 0; - } - - .selector .selector-filter input { - width: auto; - min-height: 0; - flex: 1 1; - } - - .selector-available, .selector-chosen { - width: auto; - flex: 1 1; - display: flex; - flex-direction: column; - } - - .selector select { - width: 100%; - flex: 1 0 auto; - margin-bottom: 5px; - } - - .selector ul.selector-chooser { - width: 26px; - height: 52px; - padding: 2px 0; - margin: auto 15px; - border-radius: 20px; - transform: translateY(-10px); - } - - .selector-add, .selector-remove { - width: 20px; - height: 20px; - background-size: 20px auto; - } - - .selector-add { - background-position: 0 -120px; - } - - .selector-remove { - background-position: 0 -80px; - } - - a.selector-chooseall, a.selector-clearall { - align-self: center; - } - - .stacked { - flex-direction: column; - max-width: 480px; - } - - .stacked > * { - flex: 0 1 auto; - } - - .stacked select { - margin-bottom: 0; - } - - .stacked .selector-available, .stacked .selector-chosen { - width: auto; - } - - .stacked ul.selector-chooser { - width: 52px; - height: 26px; - padding: 0 2px; - margin: 15px auto; - transform: none; - } - - .stacked .selector-chooser li { - padding: 3px; - } - - .stacked .selector-add, .stacked .selector-remove { - background-size: 20px auto; - } - - .stacked .selector-add { - background-position: 0 -40px; - } - - .stacked .active.selector-add { - background-position: 0 -60px; - } - - .stacked .selector-remove { - background-position: 0 0; - } - - .stacked .active.selector-remove { - background-position: 0 -20px; - } - - .help-tooltip, .selector .help-icon { - display: none; - } - - form .form-row p.datetime { - width: 100%; - } - - .datetime input { - width: 50%; - max-width: 120px; - } - - .datetime span { - font-size: 13px; - } - - .datetime .timezonewarning { - display: block; - font-size: 11px; - color: #999; - } - - .datetimeshortcuts { - color: #ccc; - } - - .inline-group { - overflow: auto; - } - - /* Messages */ - - ul.messagelist li { - padding-left: 55px; - background-position: 30px 12px; - } - - ul.messagelist li.error { - background-position: 30px 12px; - } - - ul.messagelist li.warning { - background-position: 30px 14px; - } - - /* Login */ - - .login #header { - padding: 15px 20px; - } - - .login #branding h1 { - margin: 0; - } - - /* GIS */ - - div.olMap { - max-width: calc(100vw - 30px); - max-height: 300px; - } - - .olMap + .clear_features { - display: block; - margin-top: 10px; - } - - /* Docs */ - - .module table.xfull { - width: 100%; - } - - pre.literal-block { - overflow: auto; - } -} - -/* Mobile */ - -@media (max-width: 767px) { - /* Layout */ - - #header, #content, #footer { - padding: 15px; - } - - #footer:empty { - padding: 0; - } - - div.breadcrumbs { - padding: 10px 15px; - } - - /* Dashboard */ - - .colMS, .colSM { - margin: 0; - } - - #content-related, .colSM #content-related { - width: 100%; - margin: 0; - } - - #content-related .module { - margin-bottom: 0; - } - - #content-related .module h2 { - padding: 10px 15px; - font-size: 16px; - } - - /* Changelist */ - - #changelist { - display: flex; - flex-direction: column; - } - - #changelist #toolbar { - order: 1; - padding: 10px; - } - - #changelist .xfull { - order: 2; - } - - #changelist-form { - order: 3; - } - - #changelist-filter { - order: 4; - } - - #changelist .actions label { - flex: 1 1; - } - - #changelist .actions select { - flex: 1 0; - width: 100%; - } - - #changelist .actions span { - flex: 1 0 100%; - } - - .change-list .filtered .results, .change-list .filtered .paginator, - .filtered #toolbar, .filtered .actions, .filtered div.xfull { - margin-right: 0; - } - - #changelist-filter { - position: static; - width: auto; - margin-top: 30px; - } - - .object-tools { - float: none; - margin: 0 0 15px; - padding: 0; - overflow: hidden; - } - - .object-tools li { - height: auto; - margin-left: 0; - } - - .object-tools li + li { - margin-left: 15px; - } - - /* Forms */ - - .form-row { - padding: 15px 0; - } - - .aligned .form-row, - .aligned .form-row > div { - display: flex; - flex-wrap: wrap; - max-width: 100vw; - } - - .aligned .form-row > div { - width: calc(100vw - 30px); - } - - textarea { - max-width: none; - } - - .vURLField { - width: auto; - } - - fieldset .fieldBox + .fieldBox { - margin-top: 15px; - padding-top: 15px; - } - - fieldset.collapsed .form-row { - display: none; - } - - .aligned label { - width: 100%; - padding: 0 0 10px; - } - - .aligned label:after { - max-height: 0; - } - - .aligned .form-row input, - .aligned .form-row select, - .aligned .form-row textarea { - flex: 1 1 auto; - max-width: 100%; - } - - .aligned .checkbox-row { - align-items: center; - } - - .aligned .checkbox-row input { - flex: 0 1 auto; - margin: 0; - } - - .aligned .vCheckboxLabel { - flex: 1 0; - padding: 1px 0 0 5px; - } - - .aligned label + p, - .aligned label + div.help, - .aligned label + div.readonly { - padding: 0; - margin-left: 0; - } - - .aligned p.file-upload { - margin-left: 0; - font-size: 13px; - } - - span.clearable-file-input { - margin-left: 15px; - } - - span.clearable-file-input label { - font-size: 13px; - padding-bottom: 0; - } - - .aligned .timezonewarning { - flex: 1 0 100%; - margin-top: 5px; - } - - form .aligned .form-row div.help { - width: 100%; - margin: 5px 0 0; - padding: 0; - } - - form .aligned ul { - margin-left: 0; - padding-left: 0; - } - - form .aligned ul.radiolist { - margin-right: 15px; - margin-bottom: -3px; - } - - form .aligned ul.radiolist li + li { - margin-top: 5px; - } - - /* Related widget */ - - .related-widget-wrapper { - width: 100%; - display: flex; - align-items: flex-start; - } - - .related-widget-wrapper .selector { - order: 1; - } - - .related-widget-wrapper > a { - order: 2; - } - - .related-widget-wrapper .radiolist ~ a { - align-self: flex-end; - } - - .related-widget-wrapper > select ~ a { - align-self: center; - } - - select + .related-widget-wrapper-link, - .related-widget-wrapper-link + .related-widget-wrapper-link { - margin-left: 15px; - } - - /* Selector */ - - .selector { - flex-direction: column; - } - - .selector > * { - float: none; - } - - .selector-available, .selector-chosen { - margin-bottom: 0; - flex: 1 1 auto; - } - - .selector select { - max-height: 96px; - } - - .selector ul.selector-chooser { - display: block; - float: none; - width: 52px; - height: 26px; - padding: 0 2px; - margin: 15px auto 20px; - transform: none; - } - - .selector ul.selector-chooser li { - float: left; - } - - .selector-remove { - background-position: 0 0; - } - - .selector-add { - background-position: 0 -40px; - } - - /* Inlines */ - - .inline-group[data-inline-type="stacked"] .inline-related { - border: 2px solid #eee; - border-radius: 4px; - margin-top: 15px; - overflow: auto; - } - - .inline-group[data-inline-type="stacked"] .inline-related > * { - box-sizing: border-box; - } - - .inline-group[data-inline-type="stacked"] .inline-related + .inline-related { - margin-top: 30px; - } - - .inline-group[data-inline-type="stacked"] .inline-related .module { - padding: 0 10px; - } - - .inline-group[data-inline-type="stacked"] .inline-related .module .form-row:last-child { - border-bottom: none; - } - - .inline-group[data-inline-type="stacked"] .inline-related h3 { - padding: 10px; - border-top-width: 0; - border-bottom-width: 2px; - display: flex; - flex-wrap: wrap; - align-items: center; - } - - .inline-group[data-inline-type="stacked"] .inline-related h3 .inline_label { - margin-right: auto; - } - - .inline-group[data-inline-type="stacked"] .inline-related h3 span.delete { - float: none; - flex: 1 1 100%; - margin-top: 5px; - } - - .inline-group[data-inline-type="stacked"] .aligned .form-row > div:not([class]) { - width: 100%; - } - - .inline-group[data-inline-type="stacked"] .aligned label { - width: 100%; - } - - .inline-group[data-inline-type="stacked"] div.add-row { - margin-top: 15px; - border: 1px solid #eee; - border-radius: 4px; - } - - .inline-group div.add-row, - .inline-group .tabular tr.add-row td { - padding: 0; - } - - .inline-group div.add-row a, - .inline-group .tabular tr.add-row td a { - display: block; - padding: 8px 10px 8px 26px; - background-position: 8px 9px; - } - - /* Submit row */ - - .submit-row { - padding: 10px 10px 0; - margin: 0 0 15px; - display: flex; - flex-direction: column; - } - - .submit-row > * { - width: 100%; - } - - .submit-row input, .submit-row input.default, .submit-row a, .submit-row a.closelink { - float: none; - margin: 0 0 10px; - text-align: center; - } - - .submit-row a.closelink { - padding: 10px 0; - } - - .submit-row p.deletelink-box { - order: 4; - } - - /* Messages */ - - ul.messagelist li { - padding-left: 40px; - background-position: 15px 12px; - } - - ul.messagelist li.error { - background-position: 15px 12px; - } - - ul.messagelist li.warning { - background-position: 15px 14px; - } - - /* Paginator */ - - .paginator .this-page, .paginator a:link, .paginator a:visited { - padding: 4px 10px; - } - - /* Login */ - - body.login { - padding: 0 15px; - } - - .login #container { - width: auto; - max-width: 480px; - margin: 50px auto; - } - - .login #header, - .login #content { - padding: 15px; - } - - .login #content-main { - float: none; - } - - .login .form-row { - padding: 0; - } - - .login .form-row + .form-row { - margin-top: 15px; - } - - .login .form-row label { - display: block; - margin: 0 0 5px; - padding: 0; - line-height: 1.2; - } - - .login .submit-row { - padding: 15px 0 0; - } - - .login br, .login .submit-row label { - display: none; - } - - .login .submit-row input { - margin: 0; - text-transform: uppercase; - } - - .errornote { - margin: 0 0 20px; - padding: 8px 12px; - font-size: 13px; - } - - /* Calendar and clock */ - - .calendarbox, .clockbox { - position: fixed !important; - top: 50% !important; - left: 50% !important; - transform: translate(-50%, -50%); - margin: 0; - border: none; - overflow: visible; - } - - .calendarbox:before, .clockbox:before { - content: ''; - position: fixed; - top: 50%; - left: 50%; - width: 100vw; - height: 100vh; - background: rgba(0, 0, 0, 0.75); - transform: translate(-50%, -50%); - } - - .calendarbox > *, .clockbox > * { - position: relative; - z-index: 1; - } - - .calendarbox > div:first-child { - z-index: 2; - } - - .calendarbox .calendar, .clockbox h2 { - border-radius: 4px 4px 0 0; - overflow: hidden; - } - - .calendarbox .calendar-cancel, .clockbox .calendar-cancel { - border-radius: 0 0 4px 4px; - overflow: hidden; - } - - .calendar-shortcuts { - padding: 10px 0; - font-size: 12px; - line-height: 12px; - } - - .calendar-shortcuts a { - margin: 0 4px; - } - - .timelist a { - background: #fff; - padding: 4px; - } - - .calendar-cancel { - padding: 8px 10px; - } - - .clockbox h2 { - padding: 8px 15px; - } - - .calendar caption { - padding: 10px; - } - - .calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { - z-index: 1; - top: 10px; - } - - /* History */ - - table#change-history tbody th, table#change-history tbody td { - font-size: 13px; - word-break: break-word; - } - - table#change-history tbody th { - width: auto; - } - - /* Docs */ - - table.model tbody th, table.model tbody td { - font-size: 13px; - word-break: break-word; - } -} diff --git a/app/assets/v2/scss/admin/responsive_rtl.scss b/app/assets/v2/scss/admin/responsive_rtl.scss deleted file mode 100644 index 27dd82627e6..00000000000 --- a/app/assets/v2/scss/admin/responsive_rtl.scss +++ /dev/null @@ -1,84 +0,0 @@ -/* TABLETS */ - -@media (max-width: 1024px) { - [dir="rtl"] .colMS { - margin-right: 0; - } - - [dir="rtl"] #user-tools { - text-align: right; - } - - [dir="rtl"] #changelist .actions label { - padding-left: 10px; - padding-right: 0; - } - - [dir="rtl"] #changelist .actions select { - margin-left: 0; - margin-right: 15px; - } - - [dir="rtl"] .change-list .filtered .results, - [dir="rtl"] .change-list .filtered .paginator, - [dir="rtl"] .filtered #toolbar, - [dir="rtl"] .filtered div.xfull, - [dir="rtl"] .filtered .actions { - margin-right: 0; - margin-left: 230px; - } - - [dir="rtl"] .inline-group ul.tools a.add, - [dir="rtl"] .inline-group div.add-row a, - [dir="rtl"] .inline-group .tabular tr.add-row td a { - padding: 8px 26px 8px 10px; - background-position: calc(100% - 8px) 9px; - } - - [dir="rtl"] .related-widget-wrapper-link + .selector { - margin-right: 0; - margin-left: 15px; - } - - [dir="rtl"] .selector .selector-filter label { - margin-right: 0; - margin-left: 8px; - } - - [dir="rtl"] .object-tools li { - float: right; - } - - [dir="rtl"] .object-tools li + li { - margin-left: 0; - margin-right: 15px; - } - - [dir="rtl"] .dashboard .module table td a { - padding-left: 0; - padding-right: 16px; - } -} - -/* MOBILE */ - -@media (max-width: 767px) { - [dir="rtl"] .change-list .filtered .results, - [dir="rtl"] .change-list .filtered .paginator, - [dir="rtl"] .filtered #toolbar, - [dir="rtl"] .filtered div.xfull, - [dir="rtl"] .filtered .actions { - margin-left: 0; - } - - [dir="rtl"] .aligned .add-another, - [dir="rtl"] .aligned .related-lookup, - [dir="rtl"] .aligned .datetimeshortcuts { - margin-left: 0; - margin-right: 15px; - } - - [dir="rtl"] .aligned ul { - margin-right: 0; - } -} diff --git a/app/assets/v2/scss/admin/rtl.scss b/app/assets/v2/scss/admin/rtl.scss deleted file mode 100644 index 95e89e1d915..00000000000 --- a/app/assets/v2/scss/admin/rtl.scss +++ /dev/null @@ -1,269 +0,0 @@ -body { - direction: rtl; -} - -/* LOGIN */ - -.login .form-row { - float: right; -} - -.login .form-row label { - float: right; - padding-left: 0.5em; - padding-right: 0; - text-align: left; -} - -.login .submit-row { - clear: both; - padding: 1em 9.4em 0 0; -} - -/* GLOBAL */ - -th { - text-align: right; -} - -.module h2, .module caption { - text-align: right; -} - -.module ul, .module ol { - margin-left: 0; - margin-right: 1.5em; -} - -.viewlink, .addlink, .changelink { - padding-left: 0; - padding-right: 16px; - background-position: 100% 1px; -} - -.deletelink { - padding-left: 0; - padding-right: 16px; - background-position: 100% 1px; -} - -.object-tools { - float: left; -} - -thead th:first-child, -tfoot td:first-child { - border-left: none; -} - -/* LAYOUT */ - -#user-tools { - right: auto; - left: 0; - text-align: left; -} - -div.breadcrumbs { - text-align: right; -} - -#content-main { - float: right; -} - -#content-related { - float: left; - margin-left: -300px; - margin-right: auto; -} - -.colMS { - margin-left: 300px; - margin-right: 0; -} - -/* SORTABLE TABLES */ - -table thead th.sorted .sortoptions { - float: left; -} - -thead th.sorted .text { - padding-right: 0; - padding-left: 42px; -} - -/* dashboard styles */ - -.dashboard .module table td a { - padding-left: .6em; - padding-right: 16px; -} - -/* changelists styles */ - -.change-list .filtered table { - border-left: none; - border-right: 0px none; -} - -#changelist-filter { - right: auto; - left: 0; - border-left: none; - border-right: none; -} - -.change-list .filtered .results, .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull { - margin-right: 0; - margin-left: 280px; -} - -#changelist-filter li.selected { - border-left: none; - padding-left: 10px; - margin-left: 0; - border-right: 5px solid #eaeaea; - padding-right: 10px; - margin-right: -15px; -} - -.filtered .actions { - margin-left: 280px; - margin-right: 0; -} - -#changelist table tbody td:first-child, #changelist table tbody th:first-child { - border-right: none; - border-left: none; -} - -/* FORMS */ - -.aligned label { - padding: 0 0 3px 1em; - float: right; -} - -.submit-row { - text-align: left -} - -.submit-row p.deletelink-box { - float: right; -} - -.submit-row input.default { - margin-left: 0; -} - -.vDateField, .vTimeField { - margin-left: 2px; -} - -.aligned .form-row input { - margin-left: 5px; -} - -form .aligned p.help, form .aligned div.help { - clear: right; -} - -form .aligned ul { - margin-right: 163px; - margin-left: 0; -} - -form ul.inline li { - float: right; - padding-right: 0; - padding-left: 7px; -} - -input[type=submit].default, .submit-row input.default { - float: left; -} - -fieldset .fieldBox { - float: right; - margin-left: 20px; - margin-right: 0; -} - -.errorlist li { - background-position: 100% 12px; - padding: 0; -} - -.errornote { - background-position: 100% 12px; - padding: 10px 12px; -} - -/* WIDGETS */ - -.calendarnav-previous { - top: 0; - left: auto; - right: 10px; -} - -.calendarnav-next { - top: 0; - right: auto; - left: 10px; -} - -.calendar caption, .calendarbox h2 { - text-align: center; -} - -.selector { - float: right; -} - -.selector .selector-filter { - text-align: right; -} - -.inline-deletelink { - float: left; -} - -form .form-row p.datetime { - overflow: hidden; -} - -.related-widget-wrapper { - float: right; -} - -/* MISC */ - -.inline-related h2, .inline-group h2 { - text-align: right -} - -.inline-related h3 span.delete { - padding-right: 20px; - padding-left: inherit; - left: 10px; - right: inherit; - float:left; -} - -.inline-related h3 span.delete label { - margin-left: inherit; - margin-right: 2px; -} - -/* IE7 specific bug fixes */ - -div.colM { - position: relative; -} - -.submit-row input { - float: left; -} diff --git a/app/assets/v2/scss/admin/widgets.scss b/app/assets/v2/scss/admin/widgets.scss deleted file mode 100644 index 07ed47ad6db..00000000000 --- a/app/assets/v2/scss/admin/widgets.scss +++ /dev/null @@ -1,565 +0,0 @@ -/* SELECTOR (FILTER INTERFACE) */ - -.selector { - width: 800px; - float: left; -} - -.selector select { - width: 380px; - height: 17.2em; -} - -.selector-available, .selector-chosen { - float: left; - width: 380px; - text-align: center; - margin-bottom: 5px; -} - -.selector-chosen select { - border-top: none; -} - -.selector-available h2, .selector-chosen h2 { - border: 1px solid #ccc; - border-radius: 4px 4px 0 0; -} - -.selector-chosen h2 { - background: #79aec8; - color: #fff; -} - -.selector .selector-available h2 { - background: #f8f8f8; - color: #666; -} - -.selector .selector-filter { - background: white; - border: 1px solid #ccc; - border-width: 0 1px; - padding: 8px; - color: #999; - font-size: 10px; - margin: 0; - text-align: left; -} - -.selector .selector-filter label, -.inline-group .aligned .selector .selector-filter label { - float: left; - margin: 7px 0 0; - width: 18px; - height: 18px; - padding: 0; - overflow: hidden; - line-height: 1; -} - -.selector .selector-available input { - width: 320px; - margin-left: 8px; -} - -.selector ul.selector-chooser { - float: left; - width: 22px; - background-color: #eee; - border-radius: 10px; - margin: 10em 5px 0 5px; - padding: 0; -} - -.selector-chooser li { - margin: 0; - padding: 3px; - list-style-type: none; -} - -.selector select { - padding: 0 10px; - margin: 0 0 10px; - border-radius: 0 0 4px 4px; -} - -.selector-add, .selector-remove { - width: 16px; - height: 16px; - display: block; - text-indent: -3000px; - overflow: hidden; - cursor: default; - opacity: 0.3; -} - -.active.selector-add, .active.selector-remove { - opacity: 1; -} - -.active.selector-add:hover, .active.selector-remove:hover { - cursor: pointer; -} - -.selector-add { - background: url(../img/selector-icons.svg) 0 -96px no-repeat; -} - -.active.selector-add:focus, .active.selector-add:hover { - background-position: 0 -112px; -} - -.selector-remove { - background: url(../img/selector-icons.svg) 0 -64px no-repeat; -} - -.active.selector-remove:focus, .active.selector-remove:hover { - background-position: 0 -80px; -} - -a.selector-chooseall, a.selector-clearall { - display: inline-block; - height: 16px; - text-align: left; - margin: 1px auto 3px; - overflow: hidden; - font-weight: bold; - line-height: 16px; - color: #666; - text-decoration: none; - opacity: 0.3; -} - -a.active.selector-chooseall:focus, a.active.selector-clearall:focus, -a.active.selector-chooseall:hover, a.active.selector-clearall:hover { - color: #447e9b; -} - -a.active.selector-chooseall, a.active.selector-clearall { - opacity: 1; -} - -a.active.selector-chooseall:hover, a.active.selector-clearall:hover { - cursor: pointer; -} - -a.selector-chooseall { - padding: 0 18px 0 0; - background: url(../img/selector-icons.svg) right -160px no-repeat; - cursor: default; -} - -a.active.selector-chooseall:focus, a.active.selector-chooseall:hover { - background-position: 100% -176px; -} - -a.selector-clearall { - padding: 0 0 0 18px; - background: url(../img/selector-icons.svg) 0 -128px no-repeat; - cursor: default; -} - -a.active.selector-clearall:focus, a.active.selector-clearall:hover { - background-position: 0 -144px; -} - -/* STACKED SELECTORS */ - -.stacked { - float: left; - width: 490px; -} - -.stacked select { - width: 480px; - height: 10.1em; -} - -.stacked .selector-available, .stacked .selector-chosen { - width: 480px; -} - -.stacked .selector-available { - margin-bottom: 0; -} - -.stacked .selector-available input { - width: 422px; -} - -.stacked ul.selector-chooser { - height: 22px; - width: 50px; - margin: 0 0 10px 40%; - background-color: #eee; - border-radius: 10px; -} - -.stacked .selector-chooser li { - float: left; - padding: 3px 3px 3px 5px; -} - -.stacked .selector-chooseall, .stacked .selector-clearall { - display: none; -} - -.stacked .selector-add { - background: url(../img/selector-icons.svg) 0 -32px no-repeat; - cursor: default; -} - -.stacked .active.selector-add { - background-position: 0 -48px; - cursor: pointer; -} - -.stacked .selector-remove { - background: url(../img/selector-icons.svg) 0 0 no-repeat; - cursor: default; -} - -.stacked .active.selector-remove { - background-position: 0 -16px; - cursor: pointer; -} - -.selector .help-icon { - background: url(../img/icon-unknown.svg) 0 0 no-repeat; - display: inline-block; - vertical-align: middle; - margin: -2px 0 0 2px; - width: 13px; - height: 13px; -} - -.selector .selector-chosen .help-icon { - background: url(../img/icon-unknown-alt.svg) 0 0 no-repeat; -} - -.selector .search-label-icon { - background: url(../img/search.svg) 0 0 no-repeat; - display: inline-block; - height: 18px; - width: 18px; -} - -/* DATE AND TIME */ - -p.datetime { - line-height: 20px; - margin: 0; - padding: 0; - color: #666; - font-weight: bold; -} - -.datetime span { - white-space: nowrap; - font-weight: normal; - font-size: 11px; - color: #ccc; -} - -.datetime input, .form-row .datetime input.vDateField, .form-row .datetime input.vTimeField { - min-width: 0; - margin-left: 5px; - margin-bottom: 4px; -} - -table p.datetime { - font-size: 11px; - margin-left: 0; - padding-left: 0; -} - -.datetimeshortcuts .clock-icon, .datetimeshortcuts .date-icon { - position: relative; - display: inline-block; - vertical-align: middle; - height: 16px; - width: 16px; - overflow: hidden; -} - -.datetimeshortcuts .clock-icon { - background: url(../img/icon-clock.svg) 0 0 no-repeat; -} - -.datetimeshortcuts a:focus .clock-icon, -.datetimeshortcuts a:hover .clock-icon { - background-position: 0 -16px; -} - -.datetimeshortcuts .date-icon { - background: url(../img/icon-calendar.svg) 0 0 no-repeat; - top: -1px; -} - -.datetimeshortcuts a:focus .date-icon, -.datetimeshortcuts a:hover .date-icon { - background-position: 0 -16px; -} - -.timezonewarning { - font-size: 11px; - color: #999; -} - -/* URL */ - -p.url { - line-height: 20px; - margin: 0; - padding: 0; - color: #666; - font-size: 11px; - font-weight: bold; -} - -.url a { - font-weight: normal; -} - -/* FILE UPLOADS */ - -p.file-upload { - line-height: 20px; - margin: 0; - padding: 0; - color: #666; - font-size: 11px; - font-weight: bold; -} - -.aligned p.file-upload { - margin-left: 170px; -} - -.file-upload a { - font-weight: normal; -} - -.file-upload .deletelink { - margin-left: 5px; -} - -span.clearable-file-input label { - color: #333; - font-size: 11px; - display: inline; - float: none; -} - -/* CALENDARS & CLOCKS */ - -.calendarbox, .clockbox { - margin: 5px auto; - font-size: 12px; - width: 19em; - text-align: center; - background: white; - border: 1px solid #ddd; - border-radius: 4px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); - overflow: hidden; - position: relative; -} - -.clockbox { - width: auto; -} - -.calendar { - margin: 0; - padding: 0; -} - -.calendar table { - margin: 0; - padding: 0; - border-collapse: collapse; - background: white; - width: 100%; -} - -.calendar caption, .calendarbox h2 { - margin: 0; - text-align: center; - border-top: none; - background: #f5dd5d; - font-weight: 700; - font-size: 12px; - color: #333; -} - -.calendar th { - padding: 8px 5px; - background: #f8f8f8; - border-bottom: 1px solid #ddd; - font-weight: 400; - font-size: 12px; - text-align: center; - color: #666; -} - -.calendar td { - font-weight: 400; - font-size: 12px; - text-align: center; - padding: 0; - border-top: 1px solid #eee; - border-bottom: none; -} - -.calendar td.selected a { - background: #79aec8; - color: #fff; -} - -.calendar td.nonday { - background: #f8f8f8; -} - -.calendar td.today a { - font-weight: 700; -} - -.calendar td a, .timelist a { - display: block; - font-weight: 400; - padding: 6px; - text-decoration: none; - color: #444; -} - -.calendar td a:focus, .timelist a:focus, -.calendar td a:hover, .timelist a:hover { - background: #79aec8; - color: white; -} - -.calendar td a:active, .timelist a:active { - background: #417690; - color: white; -} - -.calendarnav { - font-size: 10px; - text-align: center; - color: #ccc; - margin: 0; - padding: 1px 3px; -} - -.calendarnav a:link, #calendarnav a:visited, -#calendarnav a:focus, #calendarnav a:hover { - color: #999; -} - -.calendar-shortcuts { - background: white; - font-size: 11px; - line-height: 11px; - border-top: 1px solid #eee; - padding: 8px 0; - color: #ccc; -} - -.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { - display: block; - position: absolute; - top: 8px; - width: 15px; - height: 15px; - text-indent: -9999px; - padding: 0; -} - -.calendarnav-previous { - left: 10px; - background: url(../img/calendar-icons.svg) 0 0 no-repeat; -} - -.calendarbox .calendarnav-previous:focus, -.calendarbox .calendarnav-previous:hover { - background-position: 0 -15px; -} - -.calendarnav-next { - right: 10px; - background: url(../img/calendar-icons.svg) 0 -30px no-repeat; -} - -.calendarbox .calendarnav-next:focus, -.calendarbox .calendarnav-next:hover { - background-position: 0 -45px; -} - -.calendar-cancel { - margin: 0; - padding: 4px 0; - font-size: 12px; - background: #eee; - border-top: 1px solid #ddd; - color: #333; -} - -.calendar-cancel:focus, .calendar-cancel:hover { - background: #ddd; -} - -.calendar-cancel a { - color: black; - display: block; -} - -ul.timelist, .timelist li { - list-style-type: none; - margin: 0; - padding: 0; -} - -.timelist a { - padding: 2px; -} - -/* EDIT INLINE */ - -.inline-deletelink { - float: right; - text-indent: -9999px; - background: url(../img/inline-delete.svg) 0 0 no-repeat; - width: 16px; - height: 16px; - border: 0px none; -} - -.inline-deletelink:focus, .inline-deletelink:hover { - cursor: pointer; -} - -/* RELATED WIDGET WRAPPER */ -.related-widget-wrapper { - float: left; /* display properly in form rows with multiple fields */ - overflow: hidden; /* clear floated contents */ -} - -.related-widget-wrapper-link { - opacity: 0.3; -} - -.related-widget-wrapper-link:link { - opacity: .8; -} - -.related-widget-wrapper-link:link:focus, -.related-widget-wrapper-link:link:hover { - opacity: 1; -} - -select + .related-widget-wrapper-link, -.related-widget-wrapper-link + .related-widget-wrapper-link { - margin-left: 7px; -} diff --git a/app/retail/templates/admin/base.html b/app/retail/templates/admin/base.html index 1192f429581..01496563e61 100644 --- a/app/retail/templates/admin/base.html +++ b/app/retail/templates/admin/base.html @@ -1,31 +1,18 @@ -{% load i18n static compress %} - +{% load i18n static %} {% get_current_language as LANGUAGE_CODE %}{% get_current_language_bidi as LANGUAGE_BIDI %} {% include 'shared/favicon.html' %} {% block title %}{% endblock %} -{% compress css file base %} - -{% endcompress %} + {% block extrastyle %}{% endblock %} -{% if LANGUAGE_BIDI %} - {% compress css file rtl %} - - {% endcompress %} -{% endif %} +{% if LANGUAGE_BIDI %}{% endif %} {% block extrahead %}{% endblock %} {% block responsive %} - {% compress css file responsive %} - - {% endcompress %} - {% if LANGUAGE_BIDI %} - {% compress css file responsive_rtl %} - - {% endcompress %} - {% endif %} + + {% if LANGUAGE_BIDI %}{% endif %} {% endblock %} {% block blockbots %}{% endblock %} From 6de3b8de2d50228469015ceb5cc22260a0cfc88d Mon Sep 17 00:00:00 2001 From: octavioamu Date: Wed, 10 Feb 2021 15:37:48 -0300 Subject: [PATCH 132/279] merge --- .stylelintrc | 3 +- .../landingpage/animation_floating.scss | 16 +- app/assets/landingpage/breakpoints.scss | 24 +- app/assets/landingpage/button.scss | 58 +- app/assets/landingpage/core.scss | 38 +- .../landingpage/fixed_signup_button.scss | 8 +- app/assets/landingpage/logo.scss | 28 +- .../landingpage/section_footerconsensys.scss | 12 +- .../landingpage/section_footernavigation.scss | 54 +- .../landingpage/section_footersocial.scss | 62 +- app/assets/landingpage/section_grid.scss | 120 +-- app/assets/landingpage/section_intro.scss | 72 +- .../landingpage/section_newsletter.scss | 102 +-- app/assets/landingpage/section_partners.scss | 52 +- app/assets/landingpage/section_trust.scss | 86 +- app/assets/landingpage/section_twitter.scss | 114 +-- app/assets/landingpage/town.scss | 38 +- app/assets/landingpage/txt-rotate.scss | 12 +- app/assets/landingpage/typography.scss | 58 +- .../v2/scss/external_bounties/checkboxes.scss | 5 +- app/assets/v2/scss/forms/button.scss | 1 - app/assets/v2/scss/forms/form.scss | 7 +- app/assets/v2/scss/grants/detail.scss | 2 +- app/assets/v2/scss/grants/fund.scss | 3 +- app/assets/v2/scss/grants/grant.scss | 29 +- .../____ALREADY_SCSS____range-slider.scss | 37 - ...___ALREADY_SCSS____select2.bootstrap4.scss | 68 -- .../kudos/____ALREADY_SCSS____styles.scss | 795 ------------------ .../____ALREADY_SCSS____transaction.scss | 57 -- app/assets/v2/scss/kudos/styles.scss | 10 +- app/assets/v2/scss/kudos/styles.scss.map | 7 - app/assets/v2/scss/landingpage/app.scss | 3 - 32 files changed, 487 insertions(+), 1494 deletions(-) delete mode 100644 app/assets/v2/scss/kudos/____ALREADY_SCSS____range-slider.scss delete mode 100644 app/assets/v2/scss/kudos/____ALREADY_SCSS____select2.bootstrap4.scss delete mode 100644 app/assets/v2/scss/kudos/____ALREADY_SCSS____styles.scss delete mode 100644 app/assets/v2/scss/kudos/____ALREADY_SCSS____transaction.scss delete mode 100644 app/assets/v2/scss/kudos/styles.scss.map diff --git a/.stylelintrc b/.stylelintrc index cee35f15977..9df715e4fca 100644 --- a/.stylelintrc +++ b/.stylelintrc @@ -26,7 +26,8 @@ "vh", "pt", "vmin", - "fr" + "fr", + "turn" ] }, "plugins": [ diff --git a/app/assets/landingpage/animation_floating.scss b/app/assets/landingpage/animation_floating.scss index b8709f63bba..9c9cf028818 100644 --- a/app/assets/landingpage/animation_floating.scss +++ b/app/assets/landingpage/animation_floating.scss @@ -1,20 +1,20 @@ .floating{ - animation: floating 3s ease-in-out infinite; + animation: floating 3s ease-in-out infinite; } .floating2{ - animation: floating2 3s ease-in-out infinite; + animation: floating2 3s ease-in-out infinite; } @keyframes floating { - 0% { transform: translate(0, 0px); } - 50% { transform: translate(0, 15px); } - 100% { transform: translate(0, 0px); } + 0% { transform: translate(0, 0px); } + 50% { transform: translate(0, 15px); } + 100% { transform: translate(0, 0px); } } @keyframes floating2 { - 0% { transform: translate(0, 15px); } - 50% { transform: translate(0, 0px); } - 100% { transform: translate(0, 15px); } + 0% { transform: translate(0, 15px); } + 50% { transform: translate(0, 0px); } + 100% { transform: translate(0, 15px); } } diff --git a/app/assets/landingpage/breakpoints.scss b/app/assets/landingpage/breakpoints.scss index 97278001269..2c1266fe959 100644 --- a/app/assets/landingpage/breakpoints.scss +++ b/app/assets/landingpage/breakpoints.scss @@ -5,27 +5,27 @@ $phone: "(max-width: 688px)"; @media #{$desktop} { - :root{ - --device: "desktop"; - } + :root{ + --device: "desktop"; + } } @media #{$laptop} { - :root{ - --device: "laptop"; - } + :root{ + --device: "laptop"; + } } @media #{$tablet} { - :root{ - --device: "tablet"; - } + :root{ + --device: "tablet"; + } } @media #{$phone} { - :root{ - --device: "phone"; - } + :root{ + --device: "phone"; + } } diff --git a/app/assets/landingpage/button.scss b/app/assets/landingpage/button.scss index fde600854bb..77e99666504 100644 --- a/app/assets/landingpage/button.scss +++ b/app/assets/landingpage/button.scss @@ -1,45 +1,45 @@ a.btn, button.btn{ - display: inline-grid; - grid-template-columns: auto; - grid-gap: 0.7em; + display: inline-grid; + grid-template-columns: auto; + grid-gap: 0.7em; - padding:1em 1.5em; - border-radius: 3px; - cursor: pointer; + padding:1em 1.5em; + border-radius: 3px; + cursor: pointer; - margin-bottom: 1rem; + margin-bottom: 1rem; - color: var(--starwhite); - background-color: var(--polarisblue); - text-decoration: none; + color: var(--starwhite); + background-color: var(--polarisblue); + text-decoration: none; - border: 0; - outline: 0; - font-size: 100%; + border: 0; + outline: 0; + font-size: 100%; - &:hover{ - filter: brightness(75%); - }; + &:hover{ + filter: brightness(75%); + } - span{ - margin: auto; - text-decoration: none; - } + span{ + margin: auto; + text-decoration: none; + } - /* enhance to a 2col grid for icon */ - &.icon { - grid-template-columns: auto auto; + /* enhance to a 2col grid for icon */ + &.icon { + grid-template-columns: auto auto; - img{ - width: 32px; - height: 32px; - margin: auto; - } + img{ + width: 32px; + height: 32px; + margin: auto; + } - } + } } diff --git a/app/assets/landingpage/core.scss b/app/assets/landingpage/core.scss index 8f90aac99c4..3d85f71cc6b 100644 --- a/app/assets/landingpage/core.scss +++ b/app/assets/landingpage/core.scss @@ -1,38 +1,38 @@ :root{ - --cosmicteal : #25E899; - --darkcosmicteal: #0FCE7C; - --stardustyellow: #FFCE08; - --polarisblue: #3E00FF; - --vinuspurple: #8E2ABE; - --regulusred: #F9006C; - --milkywayblue : #15003E; - --starwhite: #FFFFFF; - --athensgrey: #F8F9FA; - --alto: #DDDDDD; - --silver: #AAAAAA; + --cosmicteal : #25E899; + --darkcosmicteal: #0FCE7C; + --stardustyellow: #FFCE08; + --polarisblue: #3E00FF; + --vinuspurple: #8E2ABE; + --regulusred: #F9006C; + --milkywayblue : #15003E; + --starwhite: #FFFFFF; + --athensgrey: #F8F9FA; + --alto: #DDDDDD; + --silver: #AAAAAA; } *{ - margin:0; - padding:0; - box-sizing: border-box; + margin:0; + padding:0; + box-sizing: border-box; } img{ - display: block; - width: 100%; + display: block; + width: 100%; } html{ - font-family: 'Mulish', sans-serif; + font-family: 'Mulish', sans-serif; } body{ - background-color: var(--milkywayblue); - color : var(--starwhite); + background-color: var(--milkywayblue); + color : var(--starwhite); } diff --git a/app/assets/landingpage/fixed_signup_button.scss b/app/assets/landingpage/fixed_signup_button.scss index 7fa320a020f..fca042fb173 100644 --- a/app/assets/landingpage/fixed_signup_button.scss +++ b/app/assets/landingpage/fixed_signup_button.scss @@ -7,7 +7,7 @@ transition: all 1s ease; &.show{ - right: 2em; + right: 2em; } } @@ -15,9 +15,9 @@ @media #{$phone} { - #fixed-signup-button{ + #fixed-signup-button{ - display: none; + display: none; - } + } } diff --git a/app/assets/landingpage/logo.scss b/app/assets/landingpage/logo.scss index cb5125026e8..2d5c9550e03 100644 --- a/app/assets/landingpage/logo.scss +++ b/app/assets/landingpage/logo.scss @@ -1,26 +1,26 @@ #logo{ - position: absolute; - top: 3em; - left: 3em; + position: absolute; + top: 3em; + left: 3em; - img{ - //width: 150px; - width: 200px; - } + img{ + //width: 150px; + width: 200px; + } } @media #{$phone} { - #logo{ + #logo{ - top: 2em; - left: 2em; + top: 2em; + left: 2em; - img{ - width: 150px; - } - + img{ + width: 150px; } + + } } diff --git a/app/assets/landingpage/section_footerconsensys.scss b/app/assets/landingpage/section_footerconsensys.scss index 70d8ff3d838..98f9dbefe2b 100644 --- a/app/assets/landingpage/section_footerconsensys.scss +++ b/app/assets/landingpage/section_footerconsensys.scss @@ -1,14 +1,14 @@ section#footerconsensys{ - // background-color: var(--starwhite); + // background-color: var(--starwhite); - figure{ - width: 200px; - margin: auto; - padding: 3em 0em; - } + figure{ + width: 200px; + margin: auto; + padding: 3em 0em; + } diff --git a/app/assets/landingpage/section_footernavigation.scss b/app/assets/landingpage/section_footernavigation.scss index 2ed01b2f8d1..1e991389f16 100644 --- a/app/assets/landingpage/section_footernavigation.scss +++ b/app/assets/landingpage/section_footernavigation.scss @@ -1,36 +1,36 @@ section#footernavigation{ - margin: 0em 3em; - margin-top: 6em; + margin: 0em 3em; + margin-top: 6em; - display: grid; - grid-template-columns: repeat(4, 1fr); - margin-bottom: 3em; + display: grid; + grid-template-columns: repeat(4, 1fr); + margin-bottom: 3em; - // border-top: 2px solid var(--cosmicteal); + // border-top: 2px solid var(--cosmicteal); - div{ + div{ - h2{ - margin-bottom: 2em; - } + h2{ + margin-bottom: 2em; + } - a{ - display: block; - text-decoration: none; - color: var(--starwhite); - margin-bottom: 1em; + a{ + display: block; + text-decoration: none; + color: var(--starwhite); + margin-bottom: 1em; - &:hover{ - color: var(--cosmicteal); - }; - } + &:hover{ + color: var(--cosmicteal); + } + } - } + } @@ -38,16 +38,16 @@ section#footernavigation{ @media #{$phone} { - section#footernavigation{ + section#footernavigation{ - margin-left: 1.5em; - margin-right: 1.5em; + margin-left: 1.5em; + margin-right: 1.5em; - grid-template-columns: repeat(2, 1fr); - grid-row-gap: 3em; - grid-column-gap: 3em; + grid-template-columns: repeat(2, 1fr); + grid-row-gap: 3em; + grid-column-gap: 3em; - } + } } diff --git a/app/assets/landingpage/section_footersocial.scss b/app/assets/landingpage/section_footersocial.scss index 3f6312f6e2b..2fe540723b6 100644 --- a/app/assets/landingpage/section_footersocial.scss +++ b/app/assets/landingpage/section_footersocial.scss @@ -1,52 +1,52 @@ section#footersocial{ - margin-top: 0em; + margin-top: 0em; - margin-left: 3em; - margin-right: 3em; + margin-left: 3em; + margin-right: 3em; - display: grid; - grid-template-columns: repeat(7, 1fr); + display: grid; + grid-template-columns: repeat(7, 1fr); - justify-content: end; + justify-content: end; - padding: 1.5em 0em; + padding: 1.5em 0em; - background-color: var(--vinuspurple); + background-color: var(--vinuspurple); - figure{ + figure{ - margin: auto; + margin: auto; - svg{ - background-color: none; - stroke: var(--starwhite); - stroke-width: 2; - stroke-miterlimit: 5; - width: 64px; - height: 64px; - fill: none; + svg{ + background-color: none; + stroke: var(--starwhite); + stroke-width: 2; + stroke-miterlimit: 5; + width: 64px; + height: 64px; + fill: none; - transition: all 500ms ease; + transition: all 500ms ease; - &:hover{ - stroke: var(--milkywayblue); - stroke-width: 4; - }; - } + &:hover{ + stroke: var(--milkywayblue); + stroke-width: 4; + } + } - } + } } @@ -56,15 +56,15 @@ section#footersocial{ @media #{$phone} { - section#footersocial{ + section#footersocial{ - grid-template-columns: repeat(3, 1fr); - grid-row-gap: 3em; + grid-template-columns: repeat(3, 1fr); + grid-row-gap: 3em; - margin-left: 1.5em; - margin-right: 1.5em; + margin-left: 1.5em; + margin-right: 1.5em; - } + } } diff --git a/app/assets/landingpage/section_grid.scss b/app/assets/landingpage/section_grid.scss index c9992bb156e..11583f5ae9d 100644 --- a/app/assets/landingpage/section_grid.scss +++ b/app/assets/landingpage/section_grid.scss @@ -1,47 +1,47 @@ section.grid{ - margin-top: 12em; + margin-top: 12em; - h1{ - text-align: center; - margin-bottom: 3rem; - } + h1{ + text-align: center; + margin-bottom: 3rem; + } - div.grid{ + div.grid{ - display: grid; - grid-template-columns: repeat(2, 1fr); - margin-bottom: 3em; + display: grid; + grid-template-columns: repeat(2, 1fr); + margin-bottom: 3em; - div{ - align-self: center; - grid-column: 1; - grid-row: 1; - margin-left: 3em; - margin-right: 3em; + div{ + align-self: center; + grid-column: 1; + grid-row: 1; + margin-left: 3em; + margin-right: 3em; - max-width: 600px; - } + max-width: 600px; + } - figure{ - align-self: center; - grid-column: 2; - grid-row: 1; - } + figure{ + align-self: center; + grid-column: 2; + grid-row: 1; + } - &.reverse{ - div{ - grid-column: 2; - } - figure{ - grid-column: 1; - } - } + &.reverse{ + div{ + grid-column: 2; + } + figure{ + grid-column: 1; + } + } - } + } @@ -52,38 +52,38 @@ section.grid{ @media #{$phone} { - section.grid{ + section.grid{ - div.grid{ - grid-template-columns: 1fr; + div.grid{ + grid-template-columns: 1fr; - div{ - grid-column: 1; - grid-row: 2; + div{ + grid-column: 1; + grid-row: 2; - margin-left: 1.5em; - margin-right: 1.5em; - } - - figure{ - grid-column: 1; - grid-row: 1; - margin-bottom:2em; - } - - &.reverse{ - div{ - grid-column: 1; - grid-row: 2; - } - - figure{ - grid-column: 1; - grid-row: 1; - } - } - - } + margin-left: 1.5em; + margin-right: 1.5em; + } + + figure{ + grid-column: 1; + grid-row: 1; + margin-bottom:2em; + } + + &.reverse{ + div{ + grid-column: 1; + grid-row: 2; + } + + figure{ + grid-column: 1; + grid-row: 1; + } + } } + + } } \ No newline at end of file diff --git a/app/assets/landingpage/section_intro.scss b/app/assets/landingpage/section_intro.scss index 9efdde710a9..1bc238ca85e 100644 --- a/app/assets/landingpage/section_intro.scss +++ b/app/assets/landingpage/section_intro.scss @@ -1,36 +1,36 @@ section#intro{ - height: 100vh; - margin-left: 3em; + height: 100vh; + margin-left: 3em; - display: grid; - grid-template-columns: repeat(2, 1fr); - grid-gap: 3em; + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-gap: 3em; - div{ - align-self: center; - max-width: 700px; + div{ + align-self: center; + max-width: 700px; - p{ - max-width: 600px; + p{ + max-width: 600px; } .big{ font-size: 1.5em; } } - figure{ - align-self: center; - //align-self: end; + figure{ + align-self: center; + //align-self: end; - img{ - max-height: 100vh; - } + img{ + max-height: 100vh; + } - .hidden{ - display: none; - } - } + .hidden{ + display: none; + } + } } @@ -38,36 +38,36 @@ section#intro{ @media #{$tablet} { - section#intro{ + section#intro{ - height: inherit; - grid-template-columns: 1fr; + height: inherit; + grid-template-columns: 1fr; - margin: 0em 3em; + margin: 0em 3em; - div{ - grid-row: 2; + div{ + grid-row: 2; - } + } - figure{ - grid-row: 1; - margin-top:8em; - } + figure{ + grid-row: 1; + margin-top:8em; + } - } + } } @media #{$phone} { - section#intro{ + section#intro{ - margin-left: 1.5em; - margin-right: 1.5em; + margin-left: 1.5em; + margin-right: 1.5em; - } + } } diff --git a/app/assets/landingpage/section_newsletter.scss b/app/assets/landingpage/section_newsletter.scss index 2f3046fa752..71f9cf13f88 100644 --- a/app/assets/landingpage/section_newsletter.scss +++ b/app/assets/landingpage/section_newsletter.scss @@ -1,57 +1,57 @@ section#newsletter{ - margin: 0em 3em; - margin-top: 12em; + margin: 0em 3em; + margin-top: 12em; - text-align: center; + text-align: center; - border: 2px solid var(--vinuspurple); - padding-top: 1.5em; - padding-bottom: 1em; + border: 2px solid var(--vinuspurple); + padding-top: 1.5em; + padding-bottom: 1em; - h2{ - margin-bottom: 1.5em; - } + h2{ + margin-bottom: 1.5em; + } - div.options{ - margin-bottom: 1.5em; + div.options{ + margin-bottom: 1.5em; - } + } - span{ - padding-right: 0.3rem; - } + span{ + padding-right: 0.3rem; + } - label{ - padding: 0rem 0.3rem; - } + label{ + padding: 0rem 0.3rem; + } - input[type=email]{ - padding:1em 1.5em; - border-radius: 3px; - cursor: pointer; - margin-bottom: 1rem; - color: var(--polarisblue); - background-color: var(--starwhite); - border: 0; - outline: 0; - font-size: 100%; - } + input[type=email]{ + padding:1em 1.5em; + border-radius: 3px; + cursor: pointer; + margin-bottom: 1rem; + color: var(--polarisblue); + background-color: var(--starwhite); + border: 0; + outline: 0; + font-size: 100%; + } - form{ - margin:0; - padding:0; - display: block; - } + form{ + margin:0; + padding:0; + display: block; + } - button.btn{ - background-color: var(--vinuspurple); - } + button.btn{ + background-color: var(--vinuspurple); + } @@ -62,26 +62,26 @@ section#newsletter{ @media #{$phone} { - section#newsletter{ + section#newsletter{ - h2{ - padding: 0rem 1rem; - } + h2{ + padding: 0rem 1rem; + } - span{ - display: block; - margin-bottom: 1rem; - } + span{ + display: block; + margin-bottom: 1rem; + } - label{ - padding: 0rem 0rem; - } + label{ + padding: 0rem 0rem; + } - margin-left: 1.5em; - margin-right: 1.5em; + margin-left: 1.5em; + margin-right: 1.5em; - } + } } diff --git a/app/assets/landingpage/section_partners.scss b/app/assets/landingpage/section_partners.scss index c6f47fedf4d..2106205c33b 100644 --- a/app/assets/landingpage/section_partners.scss +++ b/app/assets/landingpage/section_partners.scss @@ -1,38 +1,38 @@ section#partners{ - margin: 0em 3em; - margin-top: 6em; + margin: 0em 3em; + margin-top: 6em; - h2{ - margin-bottom:2em; - text-align: center; - } + h2{ + margin-bottom:2em; + text-align: center; + } - div.grid{ + div.grid{ - display: grid; - grid-template-columns: repeat(6, 1fr); - grid-gap: 1rem; + display: grid; + grid-template-columns: repeat(6, 1fr); + grid-gap: 1rem; - margin-top: 2em; + margin-top: 2em; - figure{ + figure{ - background-color: var(--polarisblue); - border-radius: 3px; + background-color: var(--polarisblue); + border-radius: 3px; - img{ - width: 100%; - height: auto; - margin:auto; + img{ + width: 100%; + height: auto; + margin:auto; - } - } + } + } - } + } } @@ -44,13 +44,13 @@ section#partners{ @media #{$phone} { - section#partners{ - - div.grid{ - grid-template-columns: repeat(3, 1fr); - } + section#partners{ + div.grid{ + grid-template-columns: repeat(3, 1fr); } + + } } diff --git a/app/assets/landingpage/section_trust.scss b/app/assets/landingpage/section_trust.scss index d4f92211f43..5172c02ce6a 100644 --- a/app/assets/landingpage/section_trust.scss +++ b/app/assets/landingpage/section_trust.scss @@ -1,73 +1,73 @@ section#trust{ - margin: 0em 3em; - margin-top: 12em; + margin: 0em 3em; + margin-top: 12em; - text-align: center; + text-align: center; - h1{ - text-align: center; - margin-bottom: 2em; - } + h1{ + text-align: center; + margin-bottom: 2em; + } - div.grid{ - display: grid; - grid-template-columns: repeat(3, 1fr); - margin-bottom: 3em; + div.grid{ + display: grid; + grid-template-columns: repeat(3, 1fr); + margin-bottom: 3em; - div{ + div{ - border-left: 2px solid var(--polarisblue); + border-left: 2px solid var(--polarisblue); - &:first-child{ - border-left: none; - }; + &:first-child{ + border-left: none; + } - h1{ - color: var(--regulusred); + h1{ + color: var(--regulusred); - margin-bottom: 0.5em; - } + margin-bottom: 0.5em; + } - h2{ - color: var(--vinuspurple); + h2{ + color: var(--vinuspurple); - } - } + } + } - } + } } @media #{$phone} { - section#trust{ - - div.grid{ - grid-template-columns: 1fr; + section#trust{ - div{ - border: initial; - border-bottom: 2px solid var(--polarisblue); + div.grid{ + grid-template-columns: 1fr; - h1{ - margin-top: 1em; - } + div{ + border: initial; + border-bottom: 2px solid var(--polarisblue); - h2{ - margin-bottom: 2em; - } + h1{ + margin-top: 1em; + } - &:last-child{ - border-bottom: none; - }; + h2{ + margin-bottom: 2em; + } - } - } + &:last-child{ + border-bottom: none; + } + } } + + } } diff --git a/app/assets/landingpage/section_twitter.scss b/app/assets/landingpage/section_twitter.scss index a7738a45260..910e17cea05 100644 --- a/app/assets/landingpage/section_twitter.scss +++ b/app/assets/landingpage/section_twitter.scss @@ -1,66 +1,66 @@ section#twitter{ - margin: 0em 3em; - margin-top: 12em; - margin-bottom: 3em; + margin: 0em 3em; + margin-top: 12em; + margin-bottom: 3em; - h1{ - text-align: center; - margin-bottom:2.5em; - } + h1{ + text-align: center; + margin-bottom:2.5em; + } - div.grid{ - display: grid; - grid-template-columns: repeat(3, 1fr); + div.grid{ + display: grid; + grid-template-columns: repeat(3, 1fr); - grid-row-gap: 4em; - grid-column-gap: 2em; - } + grid-row-gap: 4em; + grid-column-gap: 2em; + } - svg.twitter-icon{ - position: absolute; - top:1rem; - right:1rem; - width: 46px; - height: 46px; - fill: var(--polarisblue); - stroke: none; - } + svg.twitter-icon{ + position: absolute; + top:1rem; + right:1rem; + width: 46px; + height: 46px; + fill: var(--polarisblue); + stroke: none; + } - figure{ + figure{ - //background-color: var(--polarisblue); + //background-color: var(--polarisblue); - border: 2px solid var(--polarisblue); + border: 2px solid var(--polarisblue); - position: relative; - padding: 2em; - padding-top: 0em; + position: relative; + padding: 2em; + padding-top: 0em; - img{ - width: 80px; - height: auto; - border-radius: 80px; - margin: auto; - position: relative; - top: - 40px; - } + img{ + width: 80px; + height: auto; + border-radius: 80px; + margin: auto; + position: relative; + top: - 40px; + } - figcaption{ - color: var(--starwhite); - } + figcaption{ + color: var(--starwhite); + } - a{ - text-decoration: none; - color: var(--cosmicteal); - font-weight: 800; - } + a{ + text-decoration: none; + color: var(--cosmicteal); + font-weight: 800; + } - } + } } @@ -69,28 +69,28 @@ section#twitter{ @media #{$tablet} { - section#twitter{ - - div.grid{ - grid-template-columns: repeat(2, 1fr); - } + section#twitter{ + div.grid{ + grid-template-columns: repeat(2, 1fr); } + + } } @media #{$phone} { - section#twitter{ + section#twitter{ - margin-left: 1.5em; - margin-right: 1.5em; + margin-left: 1.5em; + margin-right: 1.5em; - div.grid{ - grid-template-columns: 1fr; + div.grid{ + grid-template-columns: 1fr; - } - } + + } } diff --git a/app/assets/landingpage/town.scss b/app/assets/landingpage/town.scss index 532ba1abcbf..2ca69212a15 100644 --- a/app/assets/landingpage/town.scss +++ b/app/assets/landingpage/town.scss @@ -1,27 +1,27 @@ section#town{ - height:100vh; - width:100vw; - position: fixed; - z-index: -1; + height:100vh; + width:100vw; + position: fixed; + z-index: -1; - opacity: 1; + opacity: 1; - figure{ - position: absolute; - bottom: -50px; - height: 100vh; + figure{ + position: absolute; + bottom: -50px; + height: 100vh; - img{ - width: auto; - height: 100%; - display: block; - } - } + img{ + width: auto; + height: 100%; + display: block; + } + } - transition: all 1s ease; + transition: all 1s ease; - &.dim{ - opacity: 0.1; - } + &.dim{ + opacity: 0.1; + } } \ No newline at end of file diff --git a/app/assets/landingpage/txt-rotate.scss b/app/assets/landingpage/txt-rotate.scss index 1e5aa90e5c5..1df28867297 100644 --- a/app/assets/landingpage/txt-rotate.scss +++ b/app/assets/landingpage/txt-rotate.scss @@ -3,11 +3,7 @@ .wrap{ padding-right: 0.1rem; border-right: 3px solid var(--cosmicteal); - animation: cursor0 500ms infinite; - } - - - .wrap{ + animation: cursor0 500ms infinite; &.styleLearn{ color: var(--stardustyellow); @@ -20,13 +16,13 @@ } &.styleNetwork{ - color: var(--vinuspurple); + color: var(--vinuspurple); animation: cursorNetwork 500ms infinite; } &.styleBuild{ color: var(--cosmicteal); - animation: cursorBuild 500ms infinite; + animation: cursorBuild 500ms infinite; } @@ -87,4 +83,4 @@ 100% { border-color: var(--milkywayblue); } -} \ No newline at end of file +} diff --git a/app/assets/landingpage/typography.scss b/app/assets/landingpage/typography.scss index fd79b7fc0e6..f4e96e23256 100644 --- a/app/assets/landingpage/typography.scss +++ b/app/assets/landingpage/typography.scss @@ -1,32 +1,32 @@ html{ - font-family: 'Mulish', sans-serif; - font-kerning: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-rendering: optimizeLegibility; + font-family: 'Mulish', sans-serif; + font-kerning: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: optimizeLegibility; } h1{ - font-size: 250%; - font-weight: 800; - line-height: 1.3em; - margin-bottom: 1rem; + font-size: 250%; + font-weight: 800; + line-height: 1.3em; + margin-bottom: 1rem; } h2{ - font-size: 120%; - font-weight: 800; - line-height: 1.3em; - margin-bottom: 1rem; + font-size: 120%; + font-weight: 800; + line-height: 1.3em; + margin-bottom: 1rem; } p{ - font-size: 100%; - font-weight: 400; - line-height: 1.6em; - margin-bottom: 1.6rem; + font-size: 100%; + font-weight: 400; + line-height: 1.6em; + margin-bottom: 1.6rem; } @@ -37,27 +37,27 @@ p{ @media #{$desktop} { - html{ - font-size:130%; - } + html{ + font-size:130%; + } } @media #{$laptop} { - html{ - font-size: 120%; - } + html{ + font-size: 120%; + } } @media #{$tablet} { - html{ - font-size: 110%; - } + html{ + font-size: 110%; + } } @media #{$phone} { - html{ - font-size: 100%; - } + html{ + font-size: 100%; + } } diff --git a/app/assets/v2/scss/external_bounties/checkboxes.scss b/app/assets/v2/scss/external_bounties/checkboxes.scss index e80aef07cfb..a001958e449 100644 --- a/app/assets/v2/scss/external_bounties/checkboxes.scss +++ b/app/assets/v2/scss/external_bounties/checkboxes.scss @@ -20,6 +20,7 @@ -webkit-transform: rotate(45deg) translate(-0.7em, -1.25em); -ms-transform: rotate(45deg) translate(-0.7em, -1.25em); transform: rotate(45deg) translate(-0.7em, -1.25em); + display: none; } .checkbox_container input { @@ -46,10 +47,6 @@ margin-right: 0.5em; } -.checkbox_container label::after { - display: none; -} - .checkbox_container input:checked ~ label::before, .checkbox_container input:checked ~ * label::before { background-color:#3E00FF; diff --git a/app/assets/v2/scss/forms/button.scss b/app/assets/v2/scss/forms/button.scss index b062283ecf0..8b5bdfe830d 100644 --- a/app/assets/v2/scss/forms/button.scss +++ b/app/assets/v2/scss/forms/button.scss @@ -1,5 +1,4 @@ .button { - border: none; border-radius: 3px; color: #fff; cursor: pointer; diff --git a/app/assets/v2/scss/forms/form.scss b/app/assets/v2/scss/forms/form.scss index c8cee199647..3873b6ecbee 100644 --- a/app/assets/v2/scss/forms/form.scss +++ b/app/assets/v2/scss/forms/form.scss @@ -14,6 +14,8 @@ .form__group-item { height: 37px; + flex: 1; + position: relative; } .form__img { @@ -29,11 +31,6 @@ margin-right: 1rem; } -.form__group-item { - flex: 1; - position: relative; -} - .form__group-item:not(:last-of-type) { margin-right: 1rem; } diff --git a/app/assets/v2/scss/grants/detail.scss b/app/assets/v2/scss/grants/detail.scss index b4a7b7826de..6952b7ec5a8 100644 --- a/app/assets/v2/scss/grants/detail.scss +++ b/app/assets/v2/scss/grants/detail.scss @@ -32,7 +32,7 @@ } .ql-editor { - font-family: 'Muli'; + font-family: 'Muli', sans-serif; } .ql-editor[contenteditable="false"] { diff --git a/app/assets/v2/scss/grants/fund.scss b/app/assets/v2/scss/grants/fund.scss index cf1e81c878d..f2ff293c4df 100644 --- a/app/assets/v2/scss/grants/fund.scss +++ b/app/assets/v2/scss/grants/fund.scss @@ -219,7 +219,6 @@ .clr_estimate p { text-align: left; - color: #10cd7a; font-size: 12px; color: #959595; } @@ -249,4 +248,4 @@ .clr_estimate { display: none; } -} \ No newline at end of file +} diff --git a/app/assets/v2/scss/grants/grant.scss b/app/assets/v2/scss/grants/grant.scss index 9d38ab945fd..a09c39efc8f 100644 --- a/app/assets/v2/scss/grants/grant.scss +++ b/app/assets/v2/scss/grants/grant.scss @@ -44,11 +44,11 @@ width: 0; height: 0; border: 20px solid transparent; - border-bottom-color: #ccc; border-top: 0; border-left: 0; margin-left: -10px; margin-top: -20px; + border-bottom-color: #ccc !important; } .announce a { @@ -56,10 +56,6 @@ text-decoration:underline; } -.announce:after { - border-bottom-color: #ccc !important; -} - .announce h4 { border-bottom: 3px solid #c7c7c7; } @@ -76,10 +72,6 @@ background-color: #def390 !important; } -.announce5:hover a333 { - background-color: #cee370 !important; -} - .announce7:hover h4 { border-bottom: 3px solid #b59552 !important; } @@ -92,10 +84,6 @@ background-color: #bc9956 !important; } -.announce7:hover a333 { - background-color: #bc9956 !important; -} - .announce4:hover h4 { border-bottom: 3px solid #fce5ac !important; } @@ -108,9 +96,6 @@ background-color: #fce5ac !important; } -.announce4:hover a333 { - background-color: #dcc58c !important; -} .announce_container .announce{ cursor: text; } @@ -132,10 +117,6 @@ background-color: #d0f9f4 !important; } -.announce3:hover a333 { - text-decoration: underline; -} - .announce2:hover h4 { border-bottom: 3px solid #a4affc !important; } @@ -148,10 +129,6 @@ background-color: #a4affc !important; } -.announce2:hover a333 { - background-color: #849ffc !important; -} - .announce6:hover h4 { border-bottom: 3px solid #fde9ed !important; } @@ -459,10 +436,6 @@ font-size: 12px; } -#search_form .sort_container .select2-container { - -} - #top-filters .select2-network-container, #search_form .select2-network-container { width: 5rem !important; } diff --git a/app/assets/v2/scss/kudos/____ALREADY_SCSS____range-slider.scss b/app/assets/v2/scss/kudos/____ALREADY_SCSS____range-slider.scss deleted file mode 100644 index 70fd8fc0448..00000000000 --- a/app/assets/v2/scss/kudos/____ALREADY_SCSS____range-slider.scss +++ /dev/null @@ -1,37 +0,0 @@ -$blue: #0D0764; - -[data-rangeslider] { - -webkit-appearance: none; - width: 100%; - height: 2px; - background: $blue; - outline: none; - margin: 1rem 0; - - &::-webkit-slider-thumb { - -webkit-appearance: none; - appearance: none; - width: 18px; - height: 18px; - border-radius: 50px; - background: $blue; - cursor: pointer; - transition: .1s all linear; - } - - &:hover::-webkit-slider-thumb { - width: 22px; - height: 22px; - } - &:focus::-webkit-slider-thumb { - width: 26px; - height: 26px; - border-radius: 50px 50px 4px; - transform: rotate(45deg); - margin-bottom: 50px; - } - - &::-webkit-slider-runnable-track {} -} - - diff --git a/app/assets/v2/scss/kudos/____ALREADY_SCSS____select2.bootstrap4.scss b/app/assets/v2/scss/kudos/____ALREADY_SCSS____select2.bootstrap4.scss deleted file mode 100644 index 8c445e45b59..00000000000 --- a/app/assets/v2/scss/kudos/____ALREADY_SCSS____select2.bootstrap4.scss +++ /dev/null @@ -1,68 +0,0 @@ -$arrow-color: #6c757d; -$border-grey: #ced4da; - -.select2 { - width: 100%; -} - -.select2-container--bootstrap4 { - border: 1px solid #ced4da; - padding: 0.25em; - border-radius: .25rem; -} - -.select2-container--bootstrap4.select2-container--disabled { - background-color: #e9ecef; - opacity: 1; -} - -.select2-container--bootstrap4.select2-container--open .select2-selection .select2-selection__arrow b { - border-color: transparent transparent $arrow-color transparent; - border-width: 0 0.45rem 0.45rem 0.45rem; -} - -.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { - position: absolute; - bottom: 0; - right: 0.375rem; - top: 0; - width: 0.85rem; -} - -.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b { - border-color: $arrow-color transparent transparent transparent; - border-style: solid; - border-width: 0.45rem 0.45rem 0 0.45rem; - height: 0; - left: 0; - position: absolute; - top: 0; - bottom: 0; - width: 0; - border-radius: 4px; - margin: auto; -} - -.select2-container--bootstrap4 .select2-search--dropdown .select2-search__field { - border-radius: 4px; - border: 1px solid #7777; -} - -.select2-container--open .select2-dropdown.select2-dropdown--below { - top: -3px; - left: -1px; -} - -.select2-container--open .select2-dropdown.select2-dropdown--above { - top: 1px; - left: -1px; -} - -.select2-container--bootstrap4 .select2-dropdown { - border-color: $border-grey; -} - -.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] { - background-color: #5897fb; - color: white; -} diff --git a/app/assets/v2/scss/kudos/____ALREADY_SCSS____styles.scss b/app/assets/v2/scss/kudos/____ALREADY_SCSS____styles.scss deleted file mode 100644 index a08d993526e..00000000000 --- a/app/assets/v2/scss/kudos/____ALREADY_SCSS____styles.scss +++ /dev/null @@ -1,795 +0,0 @@ -// VARS -$dark-blue: #0d023b; -$gc-blue: #3e00ff; -$bg-cellarius: #4D5858; - -@import 'transaction'; -@import 'range-slider'; -@import 'select2.bootstrap4'; - -// MIXINS -@mixin square() { - display: flex; - width: 100%; - justify-content: center; - align-items: center; - &:after { - content: ' '; - padding-top: 100%; - display: table; - } -} - -// CODE -.kd-card { - position: relative; - - &.ghost { - -webkit-filter: grayscale(1); - filter: grayscale(1); - opacity: 0.4; - } - - &.gold .img-thumbnail { - border-image: linear-gradient(to bottom, rgba(255, 193, 7, 0.5) , rgba(169, 116, 21, .5)); - border-image-slice: 1; - } - - .img-thumbnail { - width: 100%; - padding: 1.25rem 2.14rem; - transition: all linear .15s; - - } - - a:hover { - .img-thumbnail { - border-color: $gc-blue; - box-shadow: inset 0 0 0px 2px $gc-blue; - } - } - - .kd-name { - font-weight: 300; - padding: 0.5em; - - header & { - color: white; - } - } - - .kd-price { - position: absolute; - top: 0; - right: 0; - padding: 0.5em; - } -} - -.kd-date { - font-size: 1.1rem; - color: #43484d; -} - -.kd-shadow { - box-shadow: 1px 1px 2px rgba(0,0,0, 0.1); -} - -.kd-extended { - background: #fff; - border-radius: .25rem; - height: 100%; - transition: all 0.5s ease-in-out; - - &:hover { - z-index: 2; - } - - > a { - position: relative; - display: block; - } - - .sender-avatar { - position: absolute; - width: 50px; - border-radius: 50%; - bottom: 1em; - left: 7%; - width: 18%; - - &.right { - left: auto; - right: 5%; - } - } - - .img-thumbnail { - padding: 1.25rem 3.05rem; - } - - .kd-title { - font-size: 1.25rem; - padding: 0; - } -} - -.kd-content { - font-size: 0.9rem; - padding: 1.3rem 1.3rem 0.7rem; - - a, - b { - color: #3e00ff; - } -} - -.content-hover { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: rgba($gc-blue,.8); - color: white; - padding: 1rem; - overflow-y:auto; - flex-direction: column; - - a { - color: white; - font-weight: 700; - font-size: 0.9rem; - } - - time { - font-size: 0.75rem; - } -} - -.listing-kudo { - - a { - color: #43484d; - } -} - -// GENERAL -.full-height { - min-height: 100vh; -} - -.bg-dark-blue { - background-color: $dark-blue; - color: white; -} -.bg-light-blue { - background-color: $gc-blue; - color: white; -} - -.bg-cellarius { - background-color: $bg-cellarius; -} - -.lh-3 { - line-height: 3rem; -} - -.cta-square { - @include square; - border-radius: .25rem; - color: #fff; - background-color: $gc-blue; - font-size: 2em; - - > div { - display: flex; - flex-direction: column; - padding: 0 0.6em 0; - line-height: 1.1; - align-self: stretch; - justify-content: space-evenly; - } - - &:hover { - color:rgba(255,255,255, 0.8) - } -} - -#carouselkudos .carousel-inner { - width: 90%; - margin: auto; -} -.carousel-control-kudos { - .carousel-control-next, - .carousel-control-prev { - width: 3.3rem; - height: 3.3rem; - background: #0d023b; - top: 0; - bottom: 0; - margin: auto; - border-radius: 40px; - } - - .carousel-control-next-icon, - .carousel-control-prev-icon { - height: 34px; - } - .carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%0A%3Csvg width='19px' height='34px' viewBox='0 0 19 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 50.2 %2855047%29 - http://www.bohemiancoding.com/sketch --%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Headers/Header-%239' transform='translate%28-101.000000, -638.000000%29' fill='%23C1C1C1'%3E%3Cpath d='M116.89675,671.709 L101.58275,656.405 C100.80575,655.629 100.80575,654.371 101.58275,653.595 L116.89675,638.291 C117.28475,637.903 117.91475,637.903 118.30275,638.291 L119.70875,639.696 C120.09675,640.084 120.09675,640.713 119.70875,641.101 L106.50275,654.297 C106.11475,654.685 106.11475,655.315 106.50275,655.702 L119.70875,668.899 C120.09675,669.287 120.09675,669.916 119.70875,670.304 L118.30275,671.709 C117.91475,672.097 117.28475,672.097 116.89675,671.709' id='Icon'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - } - .carousel-control-next-icon { - background-image: url("data:image/svg+xml,%0A%3Csvg width='19px' height='34px' viewBox='0 0 19 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 50.2 %2855047%29 - http://www.bohemiancoding.com/sketch --%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Headers/Header-%239' transform='translate%28-1320.000000, -638.000000%29' fill='%23C1C1C1'%3E%3Cpath d='M1335.89675,671.709 L1320.58275,656.405 C1319.80575,655.629 1319.80575,654.371 1320.58275,653.595 L1335.89675,638.291 C1336.28475,637.903 1336.91475,637.903 1337.30275,638.291 L1338.70875,639.696 C1339.09675,640.084 1339.09675,640.713 1338.70875,641.101 L1325.50275,654.297 C1325.11475,654.685 1325.11475,655.315 1325.50275,655.702 L1338.70875,668.899 C1339.09675,669.287 1339.09675,669.916 1338.70875,670.304 L1337.30275,671.709 C1336.91475,672.097 1336.28475,672.097 1335.89675,671.709' id='Icon' transform='translate%281329.499875, 655.000000%29 scale%28-1, 1%29 translate%28-1329.499875, -655.000000%29 '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - } -} - -.wallet-popover { - max-width: 490px; -} - -.wallets-list { - max-height: 140px; - overflow-y: auto; - // margin-top: 1rem; - background-color: #f3f3f3; -} - -.wallets-list:empty { - display: none; -} - -.btn-lightblue { - color: white; - background-color: var(--gc-blue); -} - -.btn-orange { - background-color: #d38971; - color: white; - padding: .75rem 1.5rem; - - &:hover { - color: white; - background-color: rgba(#d38971,0.9); - } -} - -.hexagon { - background: red; - width: 10rem; - display: block; - margin: auto; - height: 11.56rem; - display: flex; - align-content: center; - justify-content: center; - align-items: center; - -webkit-clip-path: polygon( - 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25% - ); - - clip-path: polygon( - 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25% - ); -} - -a:hover { - #shape-hexagon { - animation-play-state: paused; - } -} -#shape-hexagon { - animation: rotation 5s linear infinite; - animation-fill-mode: none; - animation-direction: alternate; - animation-iteration-count: infinite; - -} -#svg-text { - -} - -@keyframes rotation { - // stroke-dasharray: 300 - 0% { - stroke:#0cc67f; - fill:rgba(#0cc67f,0.6); - } - 15% { - stroke:#1e6ee2; - fill:rgba(#1e6ee2,0.6); - } - 30% { - stroke:#662d91; - fill:rgba(#662d91,0.6); - } - 50% { - stroke:#018cb2; - fill:rgba(#018cb2,0.6); - } - 65% { - stroke:#e57418; - fill:rgba(#e57418,0.6); - } - 85% { - stroke:#4d4d4d; - fill:rgba(#4d4d4d,0.6); - } - 100% { - stroke:#0044e0; - fill:rgba(#0044e0,0.6); - } -} - - - -.hexagon-group { - width: 100%; - display: flex; - flex-wrap: wrap; - justify-content: center; - margin: auto; - font-size: 16px; - padding-bottom: 3em; - - display: grid; - grid-template-columns: repeat(4, 1fr); - - - - svg { - height: 16.8em; - width: 14.4em; - - text { - font-size: 1.1em; - } - } - - - .paging-animation { - font-size: 14px; - margin: 0.8em; - margin-bottom: -3em; - perspective: 1000px; - position: relative; - height: 208px; - - .faces { - transform-style: preserve-3d; - transition: all 0.5s linear; - width: 100%; - height: 100%; - - } - - .face { - position: absolute; - width: 100%; - height: 100%; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - } - - .back { - display: block; - transform: rotateY(0.5turn); - box-sizing: border-box; - - } - - &:hover .faces{ - transform: rotateY(0.5turn); - } - - &:nth-child(1) { - color: #FF7200; - grid-column: 1/4; - } - - &:nth-child(2) { - color: #F9006C; - grid-column: 2/5; - } - - &:nth-child(3) { - color: #3E00FF; - grid-column: 1/4; - } - - &:nth-child(4) { - color: #0ECF7C; - grid-column: 2/5; - } - - &:nth-child(5) { - color: #7ED321; - grid-column: 1/4; - } - - &:nth-child(6) { - color: #8E2ABE; - grid-column: 2/5; - } - - &:nth-child(7) { - color: #43D0B0; - grid-column: 1/4; - } - } - - @media(min-width: 400px) { - - svg text { - font-size: 1.3em; - } - .paging-animation { - height: 260px; - font-size: 16px; - - &:nth-child(1) { - grid-column: 1/3; - } - - &:nth-child(2) { - grid-column: 2/4; - } - - &:nth-child(3) { - grid-column: 1/3; - } - - &:nth-child(4) { - grid-column: 3/5; - } - - &:nth-child(5) { - grid-column: 2/4; - } - - &:nth-child(6) { - grid-column: 1/3; - } - - &:nth-child(7) { - grid-column: 3/5; - } - } - } - - @media(min-width: 800px) { - grid-template-columns: repeat(8, 1fr); - .paging-animation { - &:nth-child(1) { - grid-column: 1/3; - } - - &:nth-child(2) { - grid-column: 3/5; - } - - &:nth-child(3) { - grid-column: 5/7; - } - - &:nth-child(4) { - grid-column: 7/9; - } - - &:nth-child(5) { - grid-column: 2/4; - } - - &:nth-child(6) { - grid-column: 4/6; - } - - &:nth-child(7) { - grid-column: 6/8; - } - } - } - -} - - -.star-pulse { - animation: pulse-shadow .5s ease-out infinite; - animation-direction: alternate; - margin-left: -60px; - margin-top: 4rem; - top: 0; - - @media (max-width: 768px) { - right: -10px; - margin-top: 0; - width: 5rem; - } -} -@keyframes pulse-shadow { - 0% { - transform: scale(0.98); - filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.9)); - } - - 100% { - transform: scale(1); - filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.5)); - } -} - -.bg-hexa { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.187946429'%3E%3Cg transform='translate(-227.000000, -1170.000000)' stroke='%233E00FF' stroke-width='10'%3E%3Cg id='Group-5-Copy-7' transform='translate(294.737804, 1248.626588) rotate(-330.000000) translate(-294.737804, -1248.626588) translate(223.737804, 1186.126588)'%3E%3Cpolygon opacity='0.334877232' points='105.943991 0 35.3139974 0 9.09494702e-13 62.3980694 35.3139974 124.7941 105.943991 124.7941 141.259988 62.3980694'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - background-position: 2rem 2rem; - background-repeat: no-repeat; -} - -.text-featured { - font-size: 1.7rem; -} - -.badge-kudos { - background-color: #D8EAFF; - color: #4A4A4A; - border-radius: 2px; - text-decoration: none; -} - -#world { - z-index: -1; -} - -a.cellarius-partner:before { - content: ''; - position: absolute; - right: 1rem; - bottom: 3rem; - width: 16%; - height: 16%; - background-size: cover; - background: url('/static/v2/images/kudos/assets/cellarius-logo.svg'); - background-repeat: no-repeat; -} - -.cellarius-badge { - right: 1rem; - bottom: 3rem; - width: 16%; - height: 16%; - background-size: cover; - background: url('/static/v2/images/kudos/assets/cellarius-logo.svg'); - background-repeat: no-repeat; - background-color: #fff; - border-radius:50px; -} - -// Kudos details -.kudos-details__title { - font-weight: 200; - font-size: 3.2rem; - margin-bottom: 0; -} - -.kudos-details__subtitle { - font-size: 1rem; - font-weight: 700; - color: #0D0764; - border-bottom: 1px solid #C8C8C8; - padding-bottom: 0.8rem; - margin-bottom: 1rem; - - img { - position: relative; - top: -2px; - } -} - -.kudos-details__price { - font-size: 1.5rem; - font-weight: 700; - - small { - font-size: 1.25rem; - font-weight: 600; - color: #4A4A4A; - } -} - -.kudos-details__address { - color: #3E00FF; -} - -.text-color_blue { - color: #0D0764; -} - -.text-weight_semibold { - font-weight: 600; -} - -.tooltip-kudos { - .title-tooltip { - text-align: left; - display: block; - font-size: 14px; - color: #0ECF7C; - font-weight: 600; - line-height: 1.5; - - } - .tooltip-inner { - width: 300px; - background-color: #0D0764; - font-size: 12px; - padding: 1rem; - max-width: 240px; - - table { - width: 100%; - } - - } -} - -.author-shape { - -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); - clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); -} - -// kudos detail animations -#kudos-image, .kudos_levitate_container{ - cursor: pointer; -} - -#kudos-image.shake{ - animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; - transform: translate3d(0, 0, 0); - backface-visibility: hidden; - perspective: 1000px; -} - -@keyframes shake { - 10%, 90% { - transform: translate3d(-1px, 0, 0); - } - - 20%, 80% { - transform: translate3d(2px, 0, 0); - } - - 30%, 50%, 70% { - transform: translate3d(-4px, 0, 0); - } - - 40%, 60% { - transform: translate3d(4px, 0, 0); - } -} - -.kudos_msg{ - margin-top: -90px; - display: none; - position: relative; - background-color: #3e00ff; - border-radius: 10px; - color: white; - padding: 3px 10px; - margin-bottom: 20px - -} - -.kudos_msg:after { - content: ''; - position: absolute; - bottom: 0; - left: 50%; - width: 0; - height: 0; - border: 20px solid transparent; - border-top-color: #3e00ff; - border-bottom: 0; - border-left: 0; - margin-left: -10px; - margin-bottom: -20px; -} - -.flip-card { - -webkit-perspective: 1000; - -moz-perspective: 1000; - -o-perspective: 1000; - perspective: 1000px; - position: relative; - outline: none; - background-color: transparent; - display: flex; - - &:focus .flip-card__flipper { - transform: rotateY(-10deg); - box-shadow: 2px 0px 7px 1px hsla(0, 0%, 0%, 0.1); - } - - &__hold { - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - } - &__flipper { - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; - transition: 0.6s; - position: relative; - display: flex; - cursor: pointer; - border-radius: 3px; - } - &__front { - position: relative; - background: white; - border-radius: .25rem; - z-index: 2; - transform: rotateY(0); - } - - - &__flipper:hover { - transform: rotateY(-10deg); - box-shadow: 2px 0px 7px 1px hsla(0, 0%, 0%, 0.1); - } - &.turn .flip-card__flipper { - transform: rotateY(-0.5turn); - } - - &__back { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - transform: rotateY(-0.5turn); - border-radius: .25rem; - } - - &__extra-data { - display: flex; - justify-content: space-between; - margin: .5rem 0 1.5rem; - - a { - font-size: 0.75rem; - } - } - - &__stack-img { - display: flex; - flex-direction: row-reverse; - align-items: flex-end; - - img { - border: 1px solid #fff; - height: 30px; - margin-left: -18px; - } - } - -} - -.bubble { - background: rgba(0,0,0,0.4); - padding: 0.7em; - position: relative; - border-radius: 3px; - margin-top: 1.3em; - line-height: 1.3em; - - p { - margin-bottom: 0; - } - - &:after { - content: ''; - border: 11px solid; - position: absolute; - border-color: transparent transparent rgba(0, 0, 0, 0.4) transparent; - border-width: 0px 0.5em 0.5em 0.5em; - top: -0.5em; - left: 1em; - } -} diff --git a/app/assets/v2/scss/kudos/____ALREADY_SCSS____transaction.scss b/app/assets/v2/scss/kudos/____ALREADY_SCSS____transaction.scss deleted file mode 100644 index 821b81f86bb..00000000000 --- a/app/assets/v2/scss/kudos/____ALREADY_SCSS____transaction.scss +++ /dev/null @@ -1,57 +0,0 @@ -.box-transaction { - max-width: 35rem; - margin: auto; - background: #fff; - z-index: 2; - position: relative; - padding: 1em 3em 3em 3em; -} - -.transaction { - background-color: #0d023b; - background-image: -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url('/static/v2/images/header-bg.png'); - background-image: -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url('/static/v2/images/header-bg.png'); - background-image: -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url('/static/v2/images/header-bg.png'); - background-image: linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url('/static/v2/images/header-bg.png'); - background-repeat: no-repeat; - background-size: cover; - background-position: center center; - background-attachment: fixed; -} - -.alert_msg { - top: 0px; - width: 100%; - z-index: 99999; - background-color: #f44336; - color: white; - position: fixed; - text-align: center; -} - -.alert_msg.info { - background-color: #2196F3; -} - -.line-back { - position: relative; - display: block; - - &:before { - content: ''; - display: block; - position: absolute; - top: 50%; - left: -3em; - width: calc(100% + 6em); - height: 1px; - z-index: -1; - background: #c8cccf; - } -} - -.copyright { - a { - color: white; - } -} \ No newline at end of file diff --git a/app/assets/v2/scss/kudos/styles.scss b/app/assets/v2/scss/kudos/styles.scss index 057f8ba2905..8295248c2af 100644 --- a/app/assets/v2/scss/kudos/styles.scss +++ b/app/assets/v2/scss/kudos/styles.scss @@ -179,11 +179,11 @@ header .kd-card .kd-name { display: block; } .kd-extended .sender-avatar { position: absolute; - width: 50px; border-radius: 50%; bottom: 1em; left: 7%; - width: 18%; } + width: 18%; +} .kd-extended .sender-avatar.right { left: auto; right: 5%; } @@ -308,7 +308,6 @@ header .kd-card .kd-name { .hexagon { background: red; width: 10rem; - display: block; margin: auto; height: 11.56rem; display: flex; @@ -351,7 +350,6 @@ a:hover #shape-hexagon { fill: rgba(0, 68, 224, 0.6); } } .hexagon-group { width: 100%; - display: flex; flex-wrap: wrap; justify-content: center; margin: auto; @@ -496,8 +494,8 @@ a.cellarius-partner:before { bottom: 3rem; width: 16%; height: 16%; - background-size: cover; background: url("/static/v2/images/kudos/assets/cellarius-logo.svg"); + background-size: cover; background-repeat: no-repeat; } .cellarius-badge { @@ -505,8 +503,8 @@ a.cellarius-partner:before { bottom: 3rem; width: 16%; height: 16%; - background-size: cover; background: url("/static/v2/images/kudos/assets/cellarius-logo.svg"); + background-size: cover; background-repeat: no-repeat; background-color: #fff; border-radius: 50px; } diff --git a/app/assets/v2/scss/kudos/styles.scss.map b/app/assets/v2/scss/kudos/styles.scss.map deleted file mode 100644 index 05705e2b0e7..00000000000 --- a/app/assets/v2/scss/kudos/styles.scss.map +++ /dev/null @@ -1,7 +0,0 @@ -{ -"version": 3, -"mappings": "AAAA,gBAAiB;EACf,SAAS,EAAE,KAAK;EAChB,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,CAAC;EACV,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,eAAe;;AAG1B,YAAa;EACX,gBAAgB,EAAE,OAAO;EACzB,gBAAgB,EAAG,yHAAyH;EAC5I,gBAAgB,EAAG,4HAA4H;EAC/I,gBAAgB,EAAG,wHAAwH;EAC3I,gBAAgB,EAAG,oHAAoH;EACvI,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,KAAK;EACtB,mBAAmB,EAAE,aAAa;EAClC,qBAAqB,EAAE,KAAK;;AAG9B,UAAW;EACT,GAAG,EAAE,GAAG;EACR,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,KAAK;EACd,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,KAAK;EACZ,QAAQ,EAAE,KAAK;EACf,UAAU,EAAE,MAAM;;AAGpB,eAAgB;EACd,gBAAgB,EAAE,OAAO;;AAG3B,UAAW;EACT,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,KAAK;EAEd,iBAAS;IACP,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,OAAO;;AAKrB,YAAE;EACA,KAAK,EAAE,KAAK;;ACpDhB,kBAAmB;EACf,kBAAkB,EAAE,IAAI;EACxB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,GAAG;EACX,UAAU,EANP,OAAO;EAOV,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,MAAM;EAEhB,wCAAwB;IACtB,kBAAkB,EAAE,IAAI;IACxB,UAAU,EAAE,IAAI;IAChB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,IAAI;IACnB,UAAU,EAhBP,OAAO;IAiBV,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,cAAc;EAG5B,8CAA8B;IAC5B,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;EAEd,8CAA8B;IAC5B,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,aAAa;IAC5B,SAAS,EAAE,aAAa;IACxB,aAAa,EAAE,IAAI;;AC3BvB,QAAS;EACL,KAAK,EAAE,IAAI;;AAGf,8BAA+B;EAC3B,MAAM,EAAE,iBAAiB;EACzB,OAAO,EAAE,MAAM;EACf,aAAa,EAAE,MAAM;;AAGzB,0DAA2D;EACvD,gBAAgB,EAAE,OAAO;EACzB,OAAO,EAAE,CAAC;;AAGd,qGAAsG;EAClG,YAAY,EAAE,2CAAgD;EAC9D,YAAY,EAAE,yBAAyB;;AAG3C,mFAAoF;EAChF,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,QAAQ;EACf,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,OAAO;;AAGlB,qFAAsF;EAClF,YAAY,EAAE,2CAAgD;EAC9D,YAAY,EAAE,KAAK;EACnB,YAAY,EAAE,yBAAyB;EACvC,MAAM,EAAE,CAAC;EACT,IAAI,EAAE,CAAC;EACP,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,CAAC;EACN,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,CAAC;EACR,aAAa,EAAE,GAAG;EAClB,MAAM,EAAE,IAAI;;AAGd,+EAAgF;EAC9E,aAAa,EAAE,GAAG;EAClB,MAAM,EAAE,eAAe;;AAG3B,kEAAmE;EAC9D,GAAG,EAAE,IAAI;EACT,IAAI,EAAE,IAAI;;AAGf,kEAAmE;EAC/D,GAAG,EAAE,GAAG;EACR,IAAI,EAAE,IAAI;;AAGb,gDAAiD;EAC7C,YAAY,EA5DH,OAAO;;AA+DpB,mFAAoF;EACnF,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,KAAK;;AC3Cd,QAAS;EACP,QAAQ,EAAE,QAAQ;EAElB,cAAQ;IACN,cAAc,EAAE,YAAY;IAC5B,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,GAAG;EAGd,4BAAsB;IACpB,YAAY,EAAE,2EAA2E;IACzF,kBAAkB,EAAE,CAAC;EAGvB,uBAAe;IACb,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,eAAe;IACxB,UAAU,EAAE,eAAe;EAK3B,+BAAe;IACb,YAAY,EA5CR,OAAO;IA6CX,UAAU,EAAE,yBAA0B;EAI1C,iBAAS;IACP,WAAW,EAAE,GAAG;IAChB,OAAO,EAAE,KAAK;IAEd,wBAAS;MACP,KAAK,EAAE,KAAK;EAIhB,kBAAU;IACR,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,KAAK;;AAIlB,QAAS;EACP,SAAS,EAAE,MAAM;EACjB,KAAK,EAAE,OAAO;;AAGhB,UAAW;EACT,UAAU,EAAE,8BAA4B;;AAG1C,YAAa;EACX,UAAU,EAAE,IAAI;EAChB,aAAa,EAAE,MAAM;EACrB,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,oBAAoB;EAEhC,kBAAQ;IACN,OAAO,EAAE,CAAC;EAGZ,gBAAI;IACF,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,KAAK;EAGhB,2BAAe;IACb,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,GAAG;IAClB,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,GAAG;IAEV,iCAAQ;MACN,IAAI,EAAE,IAAI;MACV,KAAK,EAAE,EAAE;EAIb,2BAAe;IACb,OAAO,EAAE,eAAe;EAG1B,sBAAU;IACR,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,CAAC;;AAId,WAAY;EACV,SAAS,EAAE,MAAM;EACjB,OAAO,EAAE,oBAAoB;EAE7B;eACE;IACA,KAAK,EAAE,OAAO;;AAIlB,cAAe;EACb,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,CAAC;EACN,MAAM,EAAE,CAAC;EACT,IAAI,EAAE,CAAC;EACP,KAAK,EAAE,CAAC;EACR,UAAU,EAAE,qBAAiB;EAC7B,KAAK,EAAE,KAAK;EACZ,OAAO,EAAE,IAAI;EACb,UAAU,EAAC,IAAI;EACf,cAAc,EAAE,MAAM;EAEtB,gBAAE;IACA,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,MAAM;EAGnB,mBAAK;IACH,SAAS,EAAE,OAAO;;AAMpB,eAAE;EACA,KAAK,EAAE,OAAO;;AAKlB,YAAa;EACX,UAAU,EAAE,KAAK;;AAGnB,aAAc;EACZ,gBAAgB,EAjKN,OAAO;EAkKjB,KAAK,EAAE,KAAK;;AAEd,cAAe;EACb,gBAAgB,EApKR,OAAO;EAqKf,KAAK,EAAE,KAAK;;AAGd,aAAc;EACZ,gBAAgB,EAxKH,OAAO;;AA2KtB,KAAM;EACJ,WAAW,EAAE,IAAI;;AAGnB,WAAY;EAvKV,OAAO,EAAE,IAAI;EACb,KAAK,EAAE,IAAI;EACX,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EAsKnB,aAAa,EAAE,MAAM;EACrB,KAAK,EAAE,IAAI;EACX,gBAAgB,EApLR,OAAO;EAqLf,SAAS,EAAE,GAAG;EAxKd,iBAAQ;IACN,OAAO,EAAE,GAAG;IACZ,WAAW,EAAE,IAAI;IACjB,OAAO,EAAE,KAAK;EAuKhB,iBAAM;IACJ,OAAO,EAAE,IAAI;IACb,cAAc,EAAE,MAAM;IACtB,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,GAAG;IAChB,UAAU,EAAE,OAAO;IACnB,eAAe,EAAE,YAAY;EAG/B,iBAAQ;IACN,KAAK,EAAC,wBACR;;AAGF,8BAA+B;EAC7B,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;;AAGZ;8CACuB;EACrB,KAAK,EAAE,MAAM;EACb,MAAM,EAAE,MAAM;EACd,UAAU,EAAE,OAAO;EACnB,GAAG,EAAE,CAAC;EACN,MAAM,EAAE,CAAC;EACT,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,IAAI;AAGrB;mDAC4B;EAC1B,MAAM,EAAE,IAAI;AAEd,mDAA4B;EAC1B,gBAAgB,EAAE,ygCAAygC;AAE7hC,mDAA4B;EAC1B,gBAAgB,EAAE,ipCAAipC;;AAIvqC,eAAgB;EACd,SAAS,EAAE,KAAK;;AAGlB,aAAc;EACZ,UAAU,EAAE,KAAK;EACjB,UAAU,EAAE,IAAI;EAEhB,gBAAgB,EAAE,OAAO;;AAG3B,mBAAoB;EAClB,OAAO,EAAE,IAAI;;AAGf,cAAe;EACb,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAAE,cAAc;;AAGlC,WAAY;EACV,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,KAAK;EACZ,OAAO,EAAE,aAAa;EAEtB,iBAAQ;IACN,KAAK,EAAE,KAAK;IACZ,gBAAgB,EAAE,wBAAiB;;AAIvC,QAAS;EACP,UAAU,EAAE,GAAG;EACf,KAAK,EAAE,KAAK;EACZ,OAAO,EAAE,KAAK;EACd,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,QAAQ;EAChB,OAAO,EAAE,IAAI;EACb,aAAa,EAAE,MAAM;EACrB,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EACnB,iBAAiB,EAAE,0DAElB;EAED,SAAS,EAAE,0DAEV;;AAID,sBAAe;EACb,oBAAoB,EAAE,MAAM;;AAG9B,cAAe;EACb,SAAS,EAAE,2BAA2B;EACtC,mBAAmB,EAAE,IAAI;EACzB,mBAAmB,EAAE,SAAS;EAC9B,yBAAyB,EAAE,QAAQ;;AAOvC,mBA8BC;EA5BC,EAAG;IACD,MAAM,EAAC,OAAO;IACd,IAAI,EAAC,uBAAiB;EAExB,GAAI;IACF,MAAM,EAAC,OAAO;IACd,IAAI,EAAC,uBAAiB;EAExB,GAAI;IACF,MAAM,EAAC,OAAO;IACd,IAAI,EAAC,uBAAiB;EAExB,GAAI;IACF,MAAM,EAAC,OAAO;IACd,IAAI,EAAC,sBAAiB;EAExB,GAAI;IACF,MAAM,EAAC,OAAO;IACd,IAAI,EAAC,uBAAiB;EAExB,GAAI;IACF,MAAM,EAAC,OAAO;IACd,IAAI,EAAC,qBAAiB;EAExB,IAAK;IACH,MAAM,EAAC,OAAO;IACd,IAAI,EAAC,qBAAiB;AAM1B,cAAe;EACb,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,IAAI;EACf,eAAe,EAAE,MAAM;EACvB,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,GAAG;EAEnB,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,cAAc;EAIrC,kBAAI;IACF,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IAEb,uBAAK;MACH,SAAS,EAAE,KAAK;EAKpB,gCAAkB;IAChB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,KAAK;IACb,aAAa,EAAE,IAAI;IACnB,WAAW,EAAE,MAAM;IACnB,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,KAAK;IAEb,uCAAO;MACL,eAAe,EAAE,WAAW;MAC5B,UAAU,EAAE,eAAe;MAC3B,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,IAAI;IAId,sCAAM;MACJ,QAAQ,EAAE,QAAQ;MAClB,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,IAAI;MACZ,2BAA2B,EAAE,MAAM;MACnC,mBAAmB,EAAE,MAAM;IAG7B,sCAAM;MACJ,OAAO,EAAE,KAAK;MACd,SAAS,EAAE,gBAAgB;MAC3B,UAAU,EAAE,UAAU;IAIxB,6CAAc;MACZ,SAAS,EAAE,gBAAgB;IAG7B,6CAAe;MACb,KAAK,EAAE,OAAO;MACd,WAAW,EAAE,GAAG;IAGlB,6CAAe;MACb,KAAK,EAAE,OAAO;MACd,WAAW,EAAE,GAAG;IAGlB,6CAAe;MACb,KAAK,EAAE,OAAO;MACd,WAAW,EAAE,GAAG;IAGlB,6CAAe;MACb,KAAK,EAAE,OAAO;MACd,WAAW,EAAE,GAAG;IAGlB,6CAAe;MACb,KAAK,EAAE,OAAO;MACd,WAAW,EAAE,GAAG;IAGlB,6CAAe;MACb,KAAK,EAAE,OAAO;MACd,WAAW,EAAE,GAAG;IAGlB,6CAAe;MACb,KAAK,EAAE,OAAO;MACd,WAAW,EAAE,GAAG;EAIpB,yBAAyB;IAEvB,uBAAS;MACP,SAAS,EAAE,KAAK;IAElB,gCAAkB;MAChB,MAAM,EAAE,KAAK;MACb,SAAS,EAAE,IAAI;MAEf,6CAAe;QACb,WAAW,EAAE,GAAG;MAGlB,6CAAe;QACb,WAAW,EAAE,GAAG;MAGlB,6CAAe;QACb,WAAW,EAAE,GAAG;MAGlB,6CAAe;QACb,WAAW,EAAE,GAAG;MAGlB,6CAAe;QACb,WAAW,EAAE,GAAG;MAGlB,6CAAe;QACb,WAAW,EAAE,GAAG;MAGlB,6CAAe;QACb,WAAW,EAAE,GAAG;EAKtB,yBAAyB;IAtI3B,cAAe;MAuIX,qBAAqB,EAAE,cAAc;MAEnC,6CAAe;QACb,WAAW,EAAE,GAAG;MAGlB,6CAAe;QACb,WAAW,EAAE,GAAG;MAGlB,6CAAe;QACb,WAAW,EAAE,GAAG;MAGlB,6CAAe;QACb,WAAW,EAAE,GAAG;MAGlB,6CAAe;QACb,WAAW,EAAE,GAAG;MAGlB,6CAAe;QACb,WAAW,EAAE,GAAG;MAGlB,6CAAe;QACb,WAAW,EAAE,GAAG;;AAQxB,WAAY;EACV,SAAS,EAAE,kCAAkC;EAC7C,mBAAmB,EAAE,SAAS;EAC9B,WAAW,EAAE,KAAK;EAClB,UAAU,EAAE,IAAI;EAChB,GAAG,EAAE,CAAC;EAEN,yBAA0B;IAP5B,WAAY;MAQR,KAAK,EAAE,KAAK;MACZ,UAAU,EAAE,CAAC;MACb,KAAK,EAAE,IAAI;;AAGf,uBAUC;EATC,EAAG;IACD,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,2CAAwC;EAGlD,IAAK;IACH,SAAS,EAAE,QAAQ;IACnB,MAAM,EAAE,2CAAwC;AAIpD,QAAS;EACP,gBAAgB,EAAE,mnBAAmnB;EACroB,mBAAmB,EAAE,SAAS;EAC9B,iBAAiB,EAAE,SAAS;;AAG9B,cAAe;EACb,SAAS,EAAE,MAAM;;AAGnB,YAAa;EACX,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,OAAO;EACd,aAAa,EAAE,GAAG;EAClB,eAAe,EAAE,IAAI;;AAGvB,MAAO;EACL,OAAO,EAAE,EAAE;;AAGb,0BAA2B;EACzB,OAAO,EAAE,EAAE;EACX,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,eAAe,EAAE,KAAK;EACtB,UAAU,EAAE,wDAAwD;EACpE,iBAAiB,EAAE,SAAS;;AAG9B,gBAAiB;EACf,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,eAAe,EAAE,KAAK;EACtB,UAAU,EAAE,wDAAwD;EACpE,iBAAiB,EAAE,SAAS;EAC5B,gBAAgB,EAAE,IAAI;EACtB,aAAa,EAAC,IAAI;;AAIpB,qBAAsB;EACpB,WAAW,EAAE,GAAG;EAChB,SAAS,EAAE,MAAM;EACjB,aAAa,EAAE,CAAC;;AAGlB,wBAAyB;EACvB,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,OAAO;EACd,aAAa,EAAE,iBAAiB;EAChC,cAAc,EAAE,MAAM;EACtB,aAAa,EAAE,IAAI;;AAGrB,qBAAsB;EACpB,SAAS,EAAE,MAAM;EACjB,WAAW,EAAE,GAAG;EAEhB,2BAAM;IACJ,SAAS,EAAE,OAAO;IAClB,WAAW,EAAE,GAAG;IAChB,KAAK,EAAE,OAAO;;AAIlB,uBAAwB;EACtB,KAAK,EAAE,OAAO;;AAGhB,gBAAiB;EACf,KAAK,EAAE,OAAO;;AAGhB,qBAAsB;EACpB,WAAW,EAAE,GAAG;;AAIhB,6BAAe;EACb,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,KAAK;EACd,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,OAAO;EACd,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,GAAG;AAGlB,6BAAe;EACb,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAAE,OAAO;EACzB,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,KAAK;EAEhB,mCAAM;IACJ,KAAK,EAAE,IAAI;;AAMjB,aAAc;EACZ,iBAAiB,EAAE,4DAA4D;EACjF,SAAS,EAAE,4DAA4D;;AAIvE,uCAAuC;EACrC,MAAM,EAAE,OAAO;;AAGjB,kBAAkB;EAChB,SAAS,EAAE,qDAA8C;EACzD,SAAS,EAAE,oBAAoB;EAC/B,mBAAmB,EAAE,MAAM;EAC3B,WAAW,EAAE,MAAM;;AAGrB,gBAgBC;EAfC,QAAS;IACP,SAAS,EAAE,uBAAuB;EAGpC,QAAS;IACP,SAAS,EAAE,sBAAsB;EAGnC,aAAc;IACZ,SAAS,EAAE,uBAAuB;EAGpC,QAAS;IACP,SAAS,EAAE,sBAAsB;AAIrC,UAAU;EACR,UAAU,EAAE,KAAK;EACjB,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;EAClB,gBAAgB,EAAE,OAAO;EACzB,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,KAAK;EACZ,OAAO,EAAE,QAAQ;EACjB,aAAa,EAAE,IAAI;;AAIrB,gBAAiB;EACf,OAAO,EAAE,EAAE;EACX,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,CAAC;EACT,IAAI,EAAE,GAAG;EACT,KAAK,EAAE,CAAC;EACR,MAAM,EAAE,CAAC;EACT,MAAM,EAAE,sBAAsB;EAC9B,gBAAgB,EAAE,OAAO;EACzB,aAAa,EAAE,CAAC;EAChB,WAAW,EAAE,CAAC;EACd,WAAW,EAAE,KAAK;EAClB,aAAa,EAAE,KAAK;;AAGtB,UAAW;EACT,mBAAmB,EAAE,IAAI;EACzB,gBAAgB,EAAE,IAAI;EACtB,cAAc,EAAE,IAAI;EACpB,WAAW,EAAE,MAAM;EACnB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,IAAI;EACb,gBAAgB,EAAE,WAAW;EAC7B,OAAO,EAAE,IAAI;EAEb,oCAA4B;IAC1B,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,kCAAoC;EAGlD,gBAAQ;IACN,mBAAmB,EAAE,MAAM;IAC3B,2BAA2B,EAAE,MAAM;EAErC,mBAAW;IACT,uBAAuB,EAAE,WAAW;IACpC,eAAe,EAAE,WAAW;IAC5B,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,OAAO;IACf,aAAa,EAAE,GAAG;EAEpB,iBAAS;IACP,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,MAAM;IACrB,OAAO,EAAE,CAAC;IACX,SAAS,EAAE,UAAU;EAItB,yBAAiB;IACf,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,kCAAoC;EAElD,mCAA2B;IACzB,SAAS,EAAE,iBAAiB;EAG9B,gBAAQ;IACN,2BAA2B,EAAE,MAAM;IACnC,mBAAmB,EAAE,MAAM;IAC3B,SAAS,EAAE,iBAAiB;IAC5B,aAAa,EAAE,MAAM;EAGvB,sBAAc;IACZ,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,cAAc;IAEtB,wBAAE;MACA,SAAS,EAAE,OAAO;EAItB,qBAAa;IACX,OAAO,EAAE,IAAI;IACb,cAAc,EAAE,WAAW;IAC3B,WAAW,EAAE,QAAQ;IAErB,yBAAI;MACF,MAAM,EAAE,cAAc;MACtB,MAAM,EAAE,IAAI;MACZ,WAAW,EAAE,KAAK;;AAMxB,OAAQ;EACN,UAAU,EAAE,kBAAe;EAC3B,OAAO,EAAE,KAAK;EACd,QAAQ,EAAE,QAAQ;EAClB,aAAa,EAAE,GAAG;EAClB,UAAU,EAAE,KAAK;EACjB,WAAW,EAAE,KAAK;EAElB,SAAE;IACA,aAAa,EAAE,CAAC;EAGlB,aAAQ;IACN,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,UAAU;IAClB,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,sDAAsD;IACpE,YAAY,EAAE,qBAAqB;IACnC,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,GAAG", -"sources": ["transaction.scss","range-slider.scss","select2.bootstrap4.scss","styles.scss"], -"names": [], -"file": "styles.css" -} diff --git a/app/assets/v2/scss/landingpage/app.scss b/app/assets/v2/scss/landingpage/app.scss index e44dd0926c0..7d0485e3b89 100644 --- a/app/assets/v2/scss/landingpage/app.scss +++ b/app/assets/v2/scss/landingpage/app.scss @@ -36,9 +36,6 @@ img { display: block; width: 100%; } -html { - font-family: 'Mulish', sans-serif; } - body { background-color: var(--milkywayblue); color: var(--starwhite); } From 8485ceac2cf7a10afe0819a33e5b6a471ef5e5b0 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 18:47:41 +0000 Subject: [PATCH 133/279] Adds collectstatic to travis --- .travis.yml | 1 + 1 file changed, 1 insertion(+) diff --git a/.travis.yml b/.travis.yml index 677ba8f244f..199ee54e943 100644 --- a/.travis.yml +++ b/.travis.yml @@ -47,6 +47,7 @@ jobs: - pip install -r requirements/test.txt - npm run eslint - npm run stylelint + - (cd app; python3 ./manage.py collectstatic --noinput) - pytest -p no:ethereum -p no:warnings # Generate Markdown documentation and static docs page. - pydocmd build From 35d131484229bfa423a909fd1d52b2551f5cae7d Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 19:08:17 +0000 Subject: [PATCH 134/279] Drop typography.scss from email templates --- .travis.yml | 1 - app/retail/templates/emails/shared_template_head.html | 4 ---- 2 files changed, 5 deletions(-) diff --git a/.travis.yml b/.travis.yml index 199ee54e943..677ba8f244f 100644 --- a/.travis.yml +++ b/.travis.yml @@ -47,7 +47,6 @@ jobs: - pip install -r requirements/test.txt - npm run eslint - npm run stylelint - - (cd app; python3 ./manage.py collectstatic --noinput) - pytest -p no:ethereum -p no:warnings # Generate Markdown documentation and static docs page. - pydocmd build diff --git a/app/retail/templates/emails/shared_template_head.html b/app/retail/templates/emails/shared_template_head.html index 669984bdaff..65ebb68bfc0 100644 --- a/app/retail/templates/emails/shared_template_head.html +++ b/app/retail/templates/emails/shared_template_head.html @@ -15,10 +15,6 @@ along with this program. If not, see . {% endcomment %} {% load i18n static compress %} -{% compress css inline %} - - -{% endcompress %} {% compress css inline %} From 2dc0c0838d3a734cff1e6332cdbd07224fd19943 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 19:28:00 +0000 Subject: [PATCH 135/279] Adds collectstatic again but with --disable-collectfast flag --- .travis.yml | 1 + 1 file changed, 1 insertion(+) diff --git a/.travis.yml b/.travis.yml index 677ba8f244f..6d88954adcc 100644 --- a/.travis.yml +++ b/.travis.yml @@ -47,6 +47,7 @@ jobs: - pip install -r requirements/test.txt - npm run eslint - npm run stylelint + - (cd app; python3 ./manage.py collectstatic --noinput --disable-collectfast) - pytest -p no:ethereum -p no:warnings # Generate Markdown documentation and static docs page. - pydocmd build From 521b98657f52c300dad17a878b92df769fbefeaa Mon Sep 17 00:00:00 2001 From: octavioamu Date: Wed, 10 Feb 2021 18:56:44 -0300 Subject: [PATCH 136/279] remove css files --- app/assets/v2/css/about.css | 224 -- app/assets/v2/css/actions.css | 171 -- app/assets/v2/css/activity_stream.css | 509 ----- app/assets/v2/css/avatar.css | 183 -- app/assets/v2/css/avatar_builder.css | 254 --- app/assets/v2/css/avatar_landing.css | 53 - app/assets/v2/css/base.css | 1777 --------------- app/assets/v2/css/board.css | 104 - app/assets/v2/css/bounty.css | 895 -------- app/assets/v2/css/box_redeem.css | 98 - app/assets/v2/css/bulk_payout_bounty.css | 172 -- app/assets/v2/css/buttons.css | 309 --- app/assets/v2/css/card.css | 74 - app/assets/v2/css/carousel.css | 55 - app/assets/v2/css/colors.css | 141 -- app/assets/v2/css/dashboard-hackathon.css | 351 --- app/assets/v2/css/dashboard-vue-hackathon.css | 293 --- app/assets/v2/css/dashboard.css | 314 --- app/assets/v2/css/explorer.css | 81 - .../v2/css/external_bounties/checkboxes.css | 165 -- app/assets/v2/css/faucet.css | 65 - app/assets/v2/css/featured-bounties.css | 110 - app/assets/v2/css/fontawesome-all.min.css | 6 - app/assets/v2/css/forms/button.css | 67 - app/assets/v2/css/forms/checkbox.css | 47 - app/assets/v2/css/forms/drop.css | 39 - app/assets/v2/css/forms/form.css | 86 - app/assets/v2/css/forms/input.css | 85 - app/assets/v2/css/forms/label.css | 9 - app/assets/v2/css/forms/radio.css | 43 - app/assets/v2/css/forms/select.css | 177 -- app/assets/v2/css/gitcoin.css | 1003 -------- app/assets/v2/css/grants/cancel.css | 17 - app/assets/v2/css/grants/card.css | 268 --- app/assets/v2/css/grants/cart.css | 146 -- app/assets/v2/css/grants/collection.css | 137 -- app/assets/v2/css/grants/detail.css | 333 --- app/assets/v2/css/grants/fund.css | 252 -- app/assets/v2/css/grants/grant.css | 745 ------ app/assets/v2/css/grants/new.css | 85 - app/assets/v2/css/grants/profile.css | 89 - app/assets/v2/css/grants/side-cart.css | 14 - app/assets/v2/css/guide.css | 76 - app/assets/v2/css/hackathons/explorer.css | 37 - app/assets/v2/css/hackathons/static.css | 194 -- app/assets/v2/css/help.css | 85 - app/assets/v2/css/home.css | 674 ------ app/assets/v2/css/howitworks.css | 196 -- app/assets/v2/css/jquery-ui.css | 2022 ----------------- app/assets/v2/css/jquery.modal.min.css | 1 - app/assets/v2/css/jquery.select2.min.css | 1 - app/assets/v2/css/kudos/styles.css | 725 ------ app/assets/v2/css/labs.css | 167 -- app/assets/v2/css/landing_page.css | 944 -------- app/assets/v2/css/leaderboard.css | 110 - app/assets/v2/css/lib/daterangepicker.css | 410 ---- app/assets/v2/css/lib/highlight_github.css | 1 - app/assets/v2/css/lib/plyr.css | 1 - app/assets/v2/css/lib/quill-snow.css | 966 -------- app/assets/v2/css/lib/slider.css | 46 - app/assets/v2/css/lib/typography.css | 72 - app/assets/v2/css/mission.css | 343 --- app/assets/v2/css/newsletter.css | 67 - app/assets/v2/css/notifications.css | 288 --- app/assets/v2/css/onboard.css | 418 ---- app/assets/v2/css/onboarding_v2.css | 115 - app/assets/v2/css/onepagesubmit.css | 23 - app/assets/v2/css/presskit.css | 46 - app/assets/v2/css/products.css | 215 -- app/assets/v2/css/profile.css | 611 ----- app/assets/v2/css/quests.css | 1767 -------------- app/assets/v2/css/quests.example.css | 9 - app/assets/v2/css/quickstart.css | 145 -- app/assets/v2/css/rating.css | 101 - app/assets/v2/css/results.css | 401 ---- app/assets/v2/css/retail/plans.css | 90 - app/assets/v2/css/retail/subscribe.css | 13 - app/assets/v2/css/retail/tribes_landing.css | 145 -- app/assets/v2/css/scroll-carousel.css | 58 - app/assets/v2/css/search.css | 73 - app/assets/v2/css/search_bar.css | 117 - app/assets/v2/css/select2-kudos.css | 140 -- app/assets/v2/css/sidebar_search.css | 115 - app/assets/v2/css/submit_bounty.css | 267 --- app/assets/v2/css/tabs.css | 71 - app/assets/v2/css/tag.css | 196 -- app/assets/v2/css/theme_switcher.css | 23 - app/assets/v2/css/timeline.css | 198 -- app/assets/v2/css/tooltip_hover.css | 44 - app/assets/v2/css/top-nav.css | 69 - app/assets/v2/css/town_square.css | 1397 ------------ app/assets/v2/css/unsubscribe_email.css | 18 - app/assets/v2/css/user_popover.css | 7 - app/assets/v2/css/users.css | 123 - app/assets/v2/css/vision.css | 166 -- app/assets/v2/css/vue-loader.css | 130 -- 96 files changed, 24783 deletions(-) delete mode 100644 app/assets/v2/css/about.css delete mode 100644 app/assets/v2/css/actions.css delete mode 100644 app/assets/v2/css/activity_stream.css delete mode 100644 app/assets/v2/css/avatar.css delete mode 100644 app/assets/v2/css/avatar_builder.css delete mode 100644 app/assets/v2/css/avatar_landing.css delete mode 100644 app/assets/v2/css/base.css delete mode 100644 app/assets/v2/css/board.css delete mode 100644 app/assets/v2/css/bounty.css delete mode 100644 app/assets/v2/css/box_redeem.css delete mode 100644 app/assets/v2/css/bulk_payout_bounty.css delete mode 100644 app/assets/v2/css/buttons.css delete mode 100644 app/assets/v2/css/card.css delete mode 100644 app/assets/v2/css/carousel.css delete mode 100644 app/assets/v2/css/colors.css delete mode 100644 app/assets/v2/css/dashboard-hackathon.css delete mode 100644 app/assets/v2/css/dashboard-vue-hackathon.css delete mode 100644 app/assets/v2/css/dashboard.css delete mode 100644 app/assets/v2/css/explorer.css delete mode 100644 app/assets/v2/css/external_bounties/checkboxes.css delete mode 100644 app/assets/v2/css/faucet.css delete mode 100644 app/assets/v2/css/featured-bounties.css delete mode 100644 app/assets/v2/css/fontawesome-all.min.css delete mode 100644 app/assets/v2/css/forms/button.css delete mode 100644 app/assets/v2/css/forms/checkbox.css delete mode 100644 app/assets/v2/css/forms/drop.css delete mode 100644 app/assets/v2/css/forms/form.css delete mode 100644 app/assets/v2/css/forms/input.css delete mode 100644 app/assets/v2/css/forms/label.css delete mode 100644 app/assets/v2/css/forms/radio.css delete mode 100644 app/assets/v2/css/forms/select.css delete mode 100644 app/assets/v2/css/gitcoin.css delete mode 100644 app/assets/v2/css/grants/cancel.css delete mode 100644 app/assets/v2/css/grants/card.css delete mode 100644 app/assets/v2/css/grants/cart.css delete mode 100644 app/assets/v2/css/grants/collection.css delete mode 100644 app/assets/v2/css/grants/detail.css delete mode 100644 app/assets/v2/css/grants/fund.css delete mode 100644 app/assets/v2/css/grants/grant.css delete mode 100644 app/assets/v2/css/grants/new.css delete mode 100644 app/assets/v2/css/grants/profile.css delete mode 100644 app/assets/v2/css/grants/side-cart.css delete mode 100644 app/assets/v2/css/guide.css delete mode 100644 app/assets/v2/css/hackathons/explorer.css delete mode 100644 app/assets/v2/css/hackathons/static.css delete mode 100644 app/assets/v2/css/help.css delete mode 100644 app/assets/v2/css/home.css delete mode 100644 app/assets/v2/css/howitworks.css delete mode 100644 app/assets/v2/css/jquery-ui.css delete mode 100644 app/assets/v2/css/jquery.modal.min.css delete mode 100755 app/assets/v2/css/jquery.select2.min.css delete mode 100644 app/assets/v2/css/kudos/styles.css delete mode 100644 app/assets/v2/css/labs.css delete mode 100644 app/assets/v2/css/landing_page.css delete mode 100644 app/assets/v2/css/leaderboard.css delete mode 100644 app/assets/v2/css/lib/daterangepicker.css delete mode 100644 app/assets/v2/css/lib/highlight_github.css delete mode 100644 app/assets/v2/css/lib/plyr.css delete mode 100644 app/assets/v2/css/lib/quill-snow.css delete mode 100644 app/assets/v2/css/lib/slider.css delete mode 100644 app/assets/v2/css/lib/typography.css delete mode 100644 app/assets/v2/css/mission.css delete mode 100644 app/assets/v2/css/newsletter.css delete mode 100644 app/assets/v2/css/notifications.css delete mode 100644 app/assets/v2/css/onboard.css delete mode 100644 app/assets/v2/css/onboarding_v2.css delete mode 100644 app/assets/v2/css/onepagesubmit.css delete mode 100644 app/assets/v2/css/presskit.css delete mode 100644 app/assets/v2/css/products.css delete mode 100644 app/assets/v2/css/profile.css delete mode 100644 app/assets/v2/css/quests.css delete mode 100644 app/assets/v2/css/quests.example.css delete mode 100644 app/assets/v2/css/quickstart.css delete mode 100644 app/assets/v2/css/rating.css delete mode 100644 app/assets/v2/css/results.css delete mode 100644 app/assets/v2/css/retail/plans.css delete mode 100644 app/assets/v2/css/retail/subscribe.css delete mode 100644 app/assets/v2/css/retail/tribes_landing.css delete mode 100644 app/assets/v2/css/scroll-carousel.css delete mode 100644 app/assets/v2/css/search.css delete mode 100644 app/assets/v2/css/search_bar.css delete mode 100644 app/assets/v2/css/select2-kudos.css delete mode 100644 app/assets/v2/css/sidebar_search.css delete mode 100644 app/assets/v2/css/submit_bounty.css delete mode 100644 app/assets/v2/css/tabs.css delete mode 100644 app/assets/v2/css/tag.css delete mode 100644 app/assets/v2/css/theme_switcher.css delete mode 100644 app/assets/v2/css/timeline.css delete mode 100644 app/assets/v2/css/tooltip_hover.css delete mode 100644 app/assets/v2/css/top-nav.css delete mode 100644 app/assets/v2/css/town_square.css delete mode 100644 app/assets/v2/css/unsubscribe_email.css delete mode 100644 app/assets/v2/css/user_popover.css delete mode 100644 app/assets/v2/css/users.css delete mode 100644 app/assets/v2/css/vision.css delete mode 100644 app/assets/v2/css/vue-loader.css diff --git a/app/assets/v2/css/about.css b/app/assets/v2/css/about.css deleted file mode 100644 index af71f35a16b..00000000000 --- a/app/assets/v2/css/about.css +++ /dev/null @@ -1,224 +0,0 @@ -.section { - margin: auto; -} - -#team, -#jobs { - background-color: #FFFFFF; -} - -#team .row { - margin: auto; -} - -h4 { - letter-spacing: 0; - text-transform: capitalize; -} - -.caption { - font-weight: bold; -} - - -#team p, -#jobs p, -#origin_story p { - text-align: center; -} - -.grow_hero img{ - width: 100%; - max-width: 400px; -} - -.problem img{ - filter: grayscale(90%); -} -.problem img:hover{ - filter: grayscale(20%); -} - -#origin_story img { - max-height: 200px; - max-width: 300px; - margin: auto; -} - -#team .card { - border-radius: 0; - font-size: 16px; - border: none; - background:#FFFFFF; - padding: 1.5rem 1.5rem 0; - margin: auto; - margin-top: 1em; - margin-bottom: 1em; - width: 100%; - text-align: center; -} -#team .card p { - font-size: 14px; - margin-bottom: 3px; -} -#team .card-small { - padding-left: .5rem; - padding-right: .5rem; - width: 10em; -} - -#team .organization, -#team .role, -#jobs .title, -#team .card .title { - color: #999; -} - -#team .role { - font-weight: 555; -} -#team .role span{ - font-weight: 888; -} - -#team .card .desc { - font-weight: bolder; -} - -#community .avatar { - border: 0.1rem solid #1AB56D; - width: 150px; - height: 150px; - border-radius: 50%; - margin: auto; - margin-bottom: 10px; -} - -#team .avatar { - width: 225px; - height: 285px; - margin: auto; - margin-bottom: 10px; - opacity: .9; -} - -#team .alt_avatar{ - border-radius: 150px; -} - -#team .avatar:hover { - width: 235px; - height: 295px; - opacity: 1; -} - -#team .avatar.nate { - height: 385px; - margin-bottom: -90px; -} - -#team .avatar.joe { - width: 255px; - margin-left: -15px; -} - -#team .avatar.joe:hover { - width: 265px; - margin-left: -15px; -} - -#team .avatar.jobs { - height: 275px; -} - -#team .name, #team .name a{ - color: #1AB56D; - margin-bottom: 5px; -} - -#team .social-links { - margin-bottom: 10px; -} - -#team .social-links a i { - font-size: 1.75em; - transition: all 0.3s; - color: black; -} - -#team .social-links a:hover i { - color: #1AB56D; - transform: scale(1.5) rotate(360deg); -} - -#team .card-small .social-links a i { - transition: none; -} - -#team .card-small .social-links a:hover i { - transition: none; - transform: none; - color: black; -} - -#team .social-links a { - display: inline-block; - padding-right: 1em; - padding-left: 1em; -} - -.gitcoin-svg { - background-size: cover !important; - background-image: url("/static/v2/images/helmet.svg"); - width: 1.5em; - height: 2.3em; - position: relative; - top: 4px; -} - -.card-small .gitcoin-svg { - left: -4px; -} - -#jobs, -#origin_story { - padding-bottom: 2em; -} - -#jobs .caption { - margin-bottom: 2em; -} - -#jobs .right p { - text-align: left; -} - -#jobs .left p { - text-align: right; -} - -#jobs .title.font-caption { - text-decoration: none; - font-weight: bold; - transition: all 0.3s; -} - -#jobs .title:hover { - color: #1AB56D; -} - -#jobs .right .font-heading, -#jobs .left .font-heading { - font-weight: bold; -} - -@media (max-width: 767.98px) { - #jobs .left p, - #jobs .right p { - text-align: center; - } - - #jobs .left { - margin-bottom: 2em; - } -} \ No newline at end of file diff --git a/app/assets/v2/css/actions.css b/app/assets/v2/css/actions.css deleted file mode 100644 index 101927da4d9..00000000000 --- a/app/assets/v2/css/actions.css +++ /dev/null @@ -1,171 +0,0 @@ - -.announce-bot { - margin-top: 10px; - text-align: center; -} - -.announce-bot img { - width: 200px; - max-width: 200px; -} - -.announce-bot2 img { - width: 250px; - max-width: 250px; -} - -.announce-bot3 img { - width: 250px; - max-width: 250px; -} - -.announce-bot4 img { - width: 250px; - max-width: 250px; -} - -.announce { - text-align: center; - border-radius: 5px; - background-color: #fdedee; - padding: 3px; - position: relative; - margin-top: 25px; - margin-bottom: 25px; - margin-left: auto; - margin-right: auto; - width: 90%; -} - -.announce:after { - content: ''; - position: absolute; - top: 0; - left: 50%; - width: 0; - height: 0; - border: 20px solid transparent; - border-bottom-color: #fdedee; - border-top: 0; - border-left: 0; - margin-left: -10px; - margin-top: -20px; -} - -.announce a { - color: black; -} -.announce a.btn { - background-color: #f2c3c4; -} -.announce a.decline { - font-style: italic; -} - -.announce h4 { - border-bottom: 3px solid #fdedee; -} - -.announce5 h4 { - border-bottom: 3px solid #def390 !important; -} - -.announce5:after { - border-bottom-color: #def390 !important; -} - -.announce5 { - background-color: #def390 !important; -} - -.announce5 a.btn { - background-color: #cee370 !important; -} - -.announce4 h4 { - border-bottom: 3px solid #fce5ac !important; -} - -.announce4:after { - border-bottom-color: #fce5ac !important; -} - -.announce4 { - background-color: #fce5ac !important; -} - -.announce4 a.btn { - background-color: #dcc58c !important; -} - -.announce3 h4 { - border-bottom: 3px solid #d0f9f4 !important; -} - -.announce3:after { - border-bottom-color: #d0f9f4 !important; -} - -.announce3 { - background-color: #d0f9f4 !important; -} - -.announce3 a.btn { - background-color: #b0d9d4 !important; -} - -.announce2 h4 { - border-bottom: 3px solid #a4affc !important; -} - -.announce2:after { - border-bottom-color: #a4affc !important; -} - -.announce2 { - background-color: #a4affc !important; -} - -.announce2 a.btn { - background-color: #849ffc !important; -} - -.announce6 h4 { - border-bottom: 3px solid #fde9ed !important; -} - -.announce6:after { - border-bottom-color: #fde9ed !important; -} - -.announce6 { - background-color: #fde9ed !important; -} - -.announce6 a.btn { - background-color: #ddb9bd !important; -} - -#announce { - width: 9%; - display: block; - background-color: #d9d8e7; - border-radius: 5px; - text-align: center; - margin-top: 5px; - padding-top: 0px; -} - -#announce img { - margin: 0px auto; - margin-top: -150px; - margin-bottom: -50px; - width: 200px; - height: 200px; -} - -.announce a.btn:hover { - color: black; - font-weight: bold; - background-color: #f5d3d4; -} diff --git a/app/assets/v2/css/activity_stream.css b/app/assets/v2/css/activity_stream.css deleted file mode 100644 index fa7edc0c36a..00000000000 --- a/app/assets/v2/css/activity_stream.css +++ /dev/null @@ -1,509 +0,0 @@ -#reflink { - cursor: pointer; - padding: 3px; - border: 0px solid; - color: var(--link-color); - background: var(--bg-shade-0); -} - -.click_here_to_join_video{ - width: 100%; - cursor: pointer; - min-height: 250px; -} -.click_here_to_join_video iframe{ - min-height: 250px; -} -.click_here_to_join_video img{ - width: 100%; -} -.after_copy{ - font-size: 12px; -} -.activity_stream{ - margin-bottom: 50px; -} -.activity_stream .content{ - cursor: pointer; -} -#new_activity_notifier { - text-align: center; - color: var(--link-color); - background: var(--bg-shade-0); - border-bottom: 1px solid var(--text-color); - cursor: pointer; - padding: 12px; - border-radius: 3px; - font-size: 0.8rem; - font-weight: bold; -} -#activities .row.show_more a{ - margin: 0px auto; -} -#activities .row .attachment{ - width: 100%; - object-fit: contain; - max-height: 200px; - cursor: pointer; -} -#activities .row .attachment.expanded{ - max-height: 450px; -} -#activities { - text-align: left; -} - -#bg-selector { - height: 4em; - width: 100%; - padding: 0.5em; - overflow: auto; - white-space: nowrap; -} - -.bg-thumbnail { - display: inline-block; - height: 2.35em; - width: 2em; - margin-left:0.2em; - margin-right: 0.2em; -} - -.bg-icon { - width:100%; - cursor: pointer; -} - -.status_background { - width:100%; -} - -.status_background_container { - margin-top: 1em; - position: relative; - min-width: 100%; -} - -.image-text-container { - padding:1.5em; - text-align: center; - width: 100%; - text-overflow: wrap; - color: white; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - font-size: 18pt; - font-weight: bold; -} - - -.selector-bar { - background-color: #3E00FF; - height: 0.15em; - width: 100%; - margin-top: 0.2em; - border-radius: 0.075em; -} - -.action { - padding: 3px; - border-radius: 5px; -} - -.sup { - vertical-align: super; - font-size: smaller; -} - -.activity_feed_kudos_image{ - max-width: 70px; -} - -a .sup { - color: black; -} - -.tip_activity, -.action:hover { - cursor: pointer; -} - -.action.open { - background-color: #eeeeee; -} - -.emoji-container { - width: 3.6em; - right: 0; - top: 0; -} - -.comment_container .row{ - max-width: 100%; -} - -.comment_container .action{ - cursor: pointer; -} - -.comment_container .action.open, -.comment_container .open .fa-heart{ - color: var(--gc-pink) !important; -} - -.activity_stream .activity_detail { - flex: 1; - font-size: 0.75rem; -} - -.comment_container { - background-color: var(--bg-comment-container); - - text-align: left; - width: 300px; - padding: .5rem; - border-radius: 5px; -} - -.comment_container:empty { - display: none; -} - -.comment_container img { - border-radius: 20px; - max-width: 40px; -} -.activity_stream .content img{ - max-height: 100px; -} - -.comment_container li{ - text-align: left; - list-style: none; - padding: 5px; -} - -.comment_container li .comment{ - padding-left: 25px; -} - -.comment_container li:nth-child(even){ - background-color: #fafafa; -} - -.activity_stream .like_activity .action.open i, -.activity_stream .like_activity .action.open + .num { - color: var(--gc-pink) !important; -} - -.activity_stream .activity_comments { - font-size: 0.75rem; -} - -.activity_stream .activity_comments .activity_comments_main { - text-align: initial; - flex: 1; -} - -.activity_stream .activity_comments .activity_comments_main_comment { - font-size: 0.875rem; -} - -.activity_stream .activity_comments .comment_container.filled { - width: 100%; - margin-top: 1rem; -} - - -.tip_activity { - color: black; -} - -.tip_activity:hover, -.like_activity:hover, -.flag_activity:hover, -.comment_activity:hover, -.copy_activity:hover, -.pin_activity:hover { - text-decoration: none; -} -.funder-avatar, -.activity-avatar { - text-align: center; -} -.activity_stream .activity-avatar{ - margin-top: -10px; -} -.activity_stream .avatar { - width: 4.5rem; - height: 4.5rem; - min-height: 2.5rem; - margin: 0px auto; - border-radius: 50px; - margin-top: 0px; -} - -.activity_stream .box { - padding: 0.75rem 1.2rem; - border-bottom: 1px solid #EFEFEF; - background-color: var(--bg-activity); -} - -#avatar_url .avatar { - width: 80px; - height: 80px; -} - -.activity .secondary_avatar { - top: -1.5rem; - position: absolute; - width: 2rem !important; - height: 2rem !important; - max-width: 2rem; - min-height: 2rem; -} - -.last-icon { - font-size: 1.25rem; - color: #0D0764; -} - -.tag { - display: inline-block; -} - -#video_container{ - background-color: white; - text-align: center; -} - -#video_container img{ - width: 75%; - margin: 0px auto; -} - -iframe.popout{ - position: fixed; - right: 0px; - bottom: 0px; - width: 25% !important; - height: 25% !important; - z-index: 1; -} - -#poll_container input { - display: block; - width: 100%; - padding-top: 1.2rem; - padding-bottom: 1.2rem; -} - -.poll_choices div.vote { - border: 1px solid black; - margin-top: 5px; - margin-bottom: 5px; - padding: 5px; - cursor: pointer; - font-size: 12px; - border-radius: 3px; -} - -.poll_choices.answered div.vote { - border: 1px solid #e9e9e9; - cursor: default; -} - -.poll_choices div span { - display: none; -} - -.poll_choices.answered div span { - display: inline-block; - font-style: italic; -} - -.poll_choices div p { - padding: 3px 10px; - margin: 0px; -} - -.poll_choices div.answer { - color: black; - border: 3px solid black; - background-color: #f0f0f0; -} - -.activity_stream .activity_detail .tag { - background-color: #e7f0fa; - color: var(--gc-blue); - font-size: 10px; - list-style: none; - padding: 5px; -} - -.staff_tag { - background-color: #eEbAEE; - border-radius: 5px; - color: #8E2ABE; - font-size: 10px; - list-style: none; - padding: 5px; -} - -.bounty_removed_by_funder .activity-tags .tag, -.bounty_removed_by_staff .activity-tags .tag, -.bounty_abandonment_escalation_to_mods .activity-tags .tag, -.bounty_abandonment_warning .activity-tags .tag, -.activity.new_kudos .activity-tags .tag { - display: none; -} - -.infinite-more-link { - position: absolute; - bottom: 10px; - text-align: center; - width: 50%; - border: 1px solid; - margin-left: 25%; -} - -.dark-mode .activity_stream .activity_detail .tag { - background-color: var(--gc-blue); - color: white; -} - -@media (min-width: 768px) { - .activity_feed_kudos_image{ - max-width: 110px; - } - .activity .secondary { - position: relative; - left: -10px; - } -} -@media (max-width: 767.98px) { - - .activity_stream .activity-avatar { - margin-top: 0px; - } - .activity_stream .avatar { - width: 2.5rem; - height: 2.5rem; - min-height: 2.5rem; - } - .comment_container.filled { - text-align: center; - margin: 0px auto; - } - - .activity-info { - text-align: center; - } - - #activities .organizations{ - text-align: center; - margin: 0px auto; - } -} - -.activity_pinned { - display: none; -} -.pinned .activity_pinned { - display: block; -} - - -.pinned-activity { - -webkit-box-shadow: 0px 0px 8px 0px var(--pinned-activity); - -moz-box-shadow: 0px 0px 8px 0px var(--pinned-activity); - box-shadow: 0px 0px 8px 0px var(--pinned-activity); -} - - -@media (max-width: 1100px) { - .activity_stream .avatar { - width: 3.5rem; - height: 3.5rem; - } -} - -@media (max-width: 1200px) { - .activity_stream .avatar { - width: 4rem; - height: 4rem; - } -} - -.activity_stream .dropdown-menu { - min-width: 7rem; -} - -textarea.enter-activity-comment { - height: 3em; - transition: .1s all linear; -} - -.enter-activity-comment:focus { - height: 6em; -} - -.activity_stream .comment_row .activity_comments_main { - margin-top: 1em; - padding-top: 5px; -} - -.activity_stream .comment_row:first-child .activity_comments_main { - border-top: none; -} - -.animate-sparkle { - position:relative; - --r: 9px; -} - -@keyframes sparkles { - 0% { - transform: translate(calc(var(--r) * -2.7), calc(var(--r) * -1.5)) scale(0); - opacity:0; - background-size:0 0; - } - 51% { - transform:translate(calc(var(--r) * -2.7), calc(var(--r) * -1.5)) scale(1.2); - opacity:1; - background-size:calc(var(--r) / 3) calc(var(--r) / 3); - - } - 100% { - transform:translate(calc(var(--r) * -2.7), calc(var(--r) * -1.5)) scale(0); - opacity:0; - background-size:0 0; - } -} - -.animate-sparkle i::after{ - content:""; - position:absolute; - width: calc(4 * var(--r)); - height:calc(4 * var(--r)); - --c1:radial-gradient(circle,red 50% ,transparent 60%); - --c2:radial-gradient(circle,orange 50%,transparent 60%); - background: - var(--c1),var(--c1),var(--c1),var(--c1), - var(--c2),var(--c2),var(--c2),var(--c2); - background-size:calc(var(--r) / 3) calc(var(--r) / 3); - background-position: - calc(50% - var(--r)) calc(50% - var(--r)), - calc(50% + var(--r)) calc(50% - var(--r)), - calc(50% - var(--r)) calc(50% + var(--r)), - calc(50% + var(--r)) calc(50% + var(--r)), - calc(50% + 0px) calc(50% + var(--r) * 1.414), - calc(50% + var(--r) * 1.414) calc(50% + 0px), - calc(50% - var(--r) * 1.414) calc(50% + 0px), - calc(50% + 0px) calc(50% - var(--r) * 1.414); - background-repeat:no-repeat; - transform: translate(calc(var(--r) * -2.7), calc(var(--r) * -1.5)) scale(0); - animation: sparkles .8s forwards; -} diff --git a/app/assets/v2/css/avatar.css b/app/assets/v2/css/avatar.css deleted file mode 100644 index df3f2ea3d61..00000000000 --- a/app/assets/v2/css/avatar.css +++ /dev/null @@ -1,183 +0,0 @@ -.avatars-container { - display: flex; - flex-wrap: wrap; -} - -.avatars-container img { - height: 235px; - width: 235px; -} - -.avatar-tile { - height:250px; - width: 250px; - position: relative; - cursor: pointer; -} - -.avatar-tile.active div::after { - position: absolute; - bottom: 25px; - right: 5px; - color: white; - width: 25px; - height: 25px; - border-radius: 50%; - font-size: 1.2rem; - line-height: 1.2rem; - content: url('/static/v2/images/check.svg'); - background-color: #150069; -} - -.avatar-tile:not(.active) img:hover { - border: 2px solid #00BB61; -} - -.avatar-tile:not(.active) div:hover::after { - content: '+'; - background-color: #00BB61; - z-index: 11; - position: absolute; - bottom: 25px; - right: 5px; - color: white; - width: 25px; - height: 25px; - border-radius: 50%; - font-size: 1.2rem; - line-height: 1.2rem; -} - -.action-buttons { - display:flex; - justify-content: flex-end; -} -#theme{ - width: 140%; - margin-left: -20%; -} -@media (max-width: 1000px) { - #theme{ - width: 120%; - margin-left: -10%; - } -} -#theme .selected{ - border: none !important; - border-top: 2px solid black !important; - background-color: #fafafa -} -#theme a.avatar_builder{ - display: inline-block; - width: 100px; - height: 150px; - margin: 10px 5px; - color: #9a9a9a; - padding: 5px; - border-radius: 25px; - vertical-align: top; -} -#theme a.avatar_builder:hover, -#theme a.avatar_builder.selected{ - background-color: #fafafa; - text-decoration: none; -} -#theme a.avatar_builder p.title{ - font-size: 12px; - display: block; -} -#theme a.avatar_builder p.desc{ - font-size: 10px; -} -#theme a.avatar_builder:hover p.title, -#theme a.avatar_builder.selected p.title{ - font-weight: bold; -} - -#theme a.avatar_builder:hover{ - border-bottom: 2px solid black !important; -} -#theme img{ - border-radius: 90px; - width: 90px; - height: 90px; - filter: grayscale(90%); -} -#theme a.avatar_builder:hover img, -#theme a.avatar_builder.selected img{ - filter: grayscale(0%); -} -#theme img.unisex{ - size: 25%; -} -#tdavatartarget{ - width: 400px; - height: 400px; - margin: 0px auto; - padding-left: 40px; -} -#tdavatartarget.unisex{ - width: 400px; - height: 400px; -} -#tdavatartarget.female, -#tdavatartarget.mage_snowglobe_female{ - width: 300px; - height: 300px; -} -#tdavatartarget.bufficorn{ - width: 500px; - height: 500px; -} - -.tdselection{ - height: 100px; - width: 100px; - vertical-align: none; - background-color: #eee; - border-radius: 5px; - margin: 10px; - cursor: pointer; -} -.tdselection:hover{ - background-color: #bbb; -} -.tdselection.selected{ - background-color: #aaa; -} -.select_avatar_type{ - color: #9a9a9a; - padding: 5px; - border-bottom: 1px solid #9a9a9a; - margin: 0px auto; -} -.select_avatar_type.base{ - display: none; -} -.select_avatar_type.frame{ - display: none; -} -.select_avatar_type:hover{ - color: #9a9a9a; - font-weight: bold; - border-bottom: 2px solid #9a9a9a; - text-decoration: none; -} -.select_avatar_type.active{ - color: #0D0764; - border-bottom: 1px solid #0D0764; -} -.tones{ - list-style: none; - margin: 5px; -} -.tones li{ - display: inline-block; - width: 30px; - height: 30px; - cursor: pointer -} - -.tones li.selected{ - border: 3px solid #aaa; -} \ No newline at end of file diff --git a/app/assets/v2/css/avatar_builder.css b/app/assets/v2/css/avatar_builder.css deleted file mode 100644 index a30b122fec7..00000000000 --- a/app/assets/v2/css/avatar_builder.css +++ /dev/null @@ -1,254 +0,0 @@ - -#avatar-builder { - display: flex; - flex-flow: row wrap; - align-items: flex-start; -} - -#avatar-builder__sections { - text-align: left; - list-style-type: square; - list-style-position: inside; - padding-left: 0; - flex-shrink: 0; - display: flex; - flex-wrap: wrap; - flex-basis: 100%; - justify-content: center; - margin-top: 2rem; -} - -#avatar-builder__sections li { - width: 10rem; - padding: 5px; - color: #15003e; - text-decoration: none; -} - -#avatar-builder__sections li.open { - text-decoration: underline; -} - -#avatar-builder__sections li.complete { - list-style-image: url('/static/v2/images/check-dark.svg'); -} - -#avatar-builder__editor { - flex-grow: 0; -} - -#section-title { - flex-basis: 100%; - text-align: center; - margin-bottom: 0.5rem; -} - -.section-title__content { - display: none; -} - -.section-title__content.open { - display: unset; -} - - -#avatar-preview { - width: 250px; - height: 256px; - background-color: #D8D8D8; - flex-shrink: 0; - position: relative; -} - -.preview-section { - width: 100%; - height: 100%; - background-size: contain; - background-position: center; - background-repeat: no-repeat; - position: absolute; - top: 0; - left: 0; -} - -.options-section { - height: min-content; - overflow: scroll; - display: none !important; - justify-content: center; -} - -.options-section.open { - display: flex !important; -} - -button.avatar-option { - border: none; - width: 80px; - height: 80px; - background-color: #D8E7FF; - margin: 0 0 8px 8px; - cursor: pointer; - padding: 0; - position: relative; - background-size: contain; - background-position: center; - background-repeat: no-repeat; -} - -.paid div { - background-color: #C8D7EF; -} -.not_paid div { - background-color: #D4EFC8; -} -.avatar-option div, #avatar-preview div { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - background-size: contain; - background-position: center; - background-repeat: no-repeat; -} - -.avatar-option::after { - position: absolute; - bottom: -8px; - right: -8px; - color: white; - width: 25px; - height: 25px; - border-radius: 50%; - font-size: 1.2rem; - line-height: 1.2rem; -} - - -.avatar-option:hover { - border: 2px solid #00BB61; -} - -.avatar-option:hover::before { - position: absolute; - content: ''; - left: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #00BB61; - opacity: .2; - z-index: 10; -} - -.avatar-option:hover::after { - content: '+'; - background-color: #00BB61; - z-index: 11; -} - -.avatar-option.selected:hover::before { - display: none; -} - -.avatar-option.selected::after { - content: url('/static/v2/images/check.svg'); - background-color: #150069; -} - -.optional .avatar-option.selected:hover { - border-color: #FFA400 !important; -} - -.optional .avatar-option.selected:hover::before { - display: unset; - background-color: #FFA400; -} - -.optional .avatar-option.selected:hover::after { - background-color: #FFA400; - content: '-'; -} - -.color-option { - width: 100%; - height: 100%; -} - -#avatar-builder__actions { - text-align: right; - margin-top: 2rem; - width: 100%; -} - -#color-picker { - text-align: center; - display: flex; - line-height: 1; -} - -.options-Background__option { - height: 28px; - border: 1px solid #C4C4C4; - cursor: pointer; - flex-grow: 1; -} - -.selected, .avatar-option:active, .options-Background__option:active { - border: 2px solid #150069 !important; -} - - -.avatar-option.payment_required.not_paid div::before { - content: attr(data-cost); - font-size: 10px; - float: right; -} -.avatar-option.payment_required.paid div::before { - content: "✅"; - font-size: 10px; - float: right; -} -.avatar-option.payment_required.not_paid:hover div::before { - color: black !important; - font-weight: bold; -} - - -@media (min-width: 500px) { - - #avatar-builder { - flex-wrap: nowrap !important; - } - - #avatar-builder__sections { - display: block; - flex-basis: 170px; - } -} - -@media (min-width: 845px) { - - #avatar-area { - flex-wrap: nowrap !important; - justify-content: flex-start !important; - max-width: 534px; - } - - #section-title { - text-align: left; - } - - .options-section { - overflow: auto; - max-height: 264px; - justify-content: flex-start; - } - - #color-picker { - text-align: left; - } -} - - diff --git a/app/assets/v2/css/avatar_landing.css b/app/assets/v2/css/avatar_landing.css deleted file mode 100644 index 0d87eeb9632..00000000000 --- a/app/assets/v2/css/avatar_landing.css +++ /dev/null @@ -1,53 +0,0 @@ -.products{ - background-color: #fafafa; - padding: 30px; - height: 330px; - border-top: 1px solid #ddd; -} -.products.bufficorn { - height: 430px; -} -.products:nth-child(even){ - background-color: #eee; -} - -.products img{ - margin-top: -20px; - width: 200px; - height: 200px; - border-radius: 100px; - float: right; -} -.products:nth-child(5n+1) img{ - border: 5px #0fce7c solid; -} -.products:nth-child(5n+2) img{ - border: 5px #FFCE08 solid; -} -.products:nth-child(5n+3) img{ - border: 5px #F9006C solid; -} -.products:nth-child(5n+4) img{ - border: 5px #8E2ABE solid; -} -.products:nth-child(5n+5) img{ - border: 5px #3E00FF solid; -} -.intro-sub-header{ - max-width: 900px; - display: block; - margin: 0px auto; -} -@media (max-width: 800px) { - .products { - height: 450px; - } -} -@media (max-width: 500px) { - .products { - height: 400px; - } - .products.bufficorn { - height: 550px; - } -} diff --git a/app/assets/v2/css/base.css b/app/assets/v2/css/base.css deleted file mode 100644 index 0039a44bb6e..00000000000 --- a/app/assets/v2/css/base.css +++ /dev/null @@ -1,1777 +0,0 @@ -/* stylelint-disable no-descending-specificity */ - -/* ...because sometimes descending-specificity is a PIA to clean up */ -html { - --profile-step-fill: #cfbfff; - --profile-step: var(--gc-blue); -} - -div.body { - min-height: 400px; -} - -body { - overflow-anchor: auto; -} - -.hidden { - display: none !important; -} - -div, -p, -a, -span { - word-wrap: break-word; -} - -a { - color: var(--link-color); -} - -.cursor-pointer { - cursor: pointer !important; -} - -.nav_avatar { - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 50%; - background-size: cover; -} - -.navbar-dark .navbar-nav .nav-link { - border-radius: 2px; - color: white; -} - -.navbar .interior .dropdown-item { - color: black !important; - font-size: 0.9rem; -} - -.navbar .interior .dropdown-item:hover { - color: white !important; -} - -.navbar .interior .dropdown-item:hover img{ - filter: invert(100%); -} -.navbar .interior .dropdown-item:hover i{ - color: white; -} - -#navbarSupportedContent { - padding-top: 2px; - padding-bottom: 2px; -} - -.navbar-nav .btn-gc-blue { - margin-right: 1rem; - font-size: 0.9rem; - padding-left: 1rem; - text-align: left; - margin-top: 5px; -} - -.navbar-nav .dropdown-menu { - min-width: 9rem; - overflow-y: auto; - max-height: 88vh; -} - -.nav_avatar, -.navbar__cta, -.nav-item.dropdown, -.navbar-nav .nav-link { - margin-top: auto; - margin-bottom: auto; -} - -.nav-link.login i { - font-size: 1.5em; - position: relative; - top: 3px; - margin-right: 10px; -} - -.navbar-nav .nav-link:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -.navbar-nav a.nav-link.selected { - color: #4aeaa7 !important; -} - -.navbar a.slack i { - margin-right: 3px; -} - -.navbar-network { - border: 1px solid #828282; - color: #fff; - border-radius: 25px; - font-size: 0.65rem; - text-align: center; -} - -.navbar-network i { - font-size: 7px; - position: relative; - top: -1px; -} - -.navbar-network a { - text-decoration: underline; -} - -.green { - color: #26cd7f; -} - -.red { - color: #ff3232; -} - -.modal-content { - border: none; -} - -.font-weight-semibold { - font-weight: 600; -} - -.text-through { - text-decoration-line: line-through; -} - -#tutorials li{ - list-style: none; -} -#tutorials img{ - max-width: 300px; - width: 100%; -} - -.tutorial_item{ - background-color: #fff; -} - -.tutorial_parent{ - background-color: #fff; - border-bottom: 1px solid #000; -} - -.tutorial_parent:nth-child(even){ - background-color: #fafafa; -} - -.tutorial_item img{ - max-width: 300px; -} - -.tutorial_item a{ - font-size: 28px; - color: #000; -} - -.faq_item { - margin: 0 auto; -} - -.faq_item h5 { - cursor: pointer; - text-transform: none; -} - -.interior .body { - background-color: white; -} - -.interior .body.loading { - display: block; - flex: none; - max-width: none; - margin-left: 0; -} - -/* .interior .container-fluid { - padding-left: 0; - padding-right: 0; -} */ - -.with-grey-background .body { - background-color: #eee !important; -} - -.index .container-fluid { - overflow-x: hidden; -} - -.interior .header { - background-size: cover; -} - -.tldr_container { - font-size: 4em; -} - -.tldr_container img { - max-width: 350px; - max-height: 350px; - padding-bottom: 20px; -} - -#feature_videos { - background: white; -} -#feature_videos .video { - text-align: center; -} -#feature_videos h6 { - padding-top: 10px; -} - -#origin_story .row .col p { - margin-left: 20px; - margin-right: 20px; -} - -.advisor { - float: left; - height: 170px; - width: 150px; -} - -.advisor img { - max-height: 100px; - max-width: 100px; -} - -p a { - color: #3E00FF; -} - -.modal a.close-modal { - display: none !important; -} - -.modal-close { - float:right; -} - -.btn-warning, -.btn-success, -.btn-info { - padding: 0.4rem 1.4rem; - font-size: 1.25rem; - border: 2px solid #15003e; - transition: none; -} - -.btn-warning:hover, -.btn-success:hover, -.btn-info { - cursor: pointer; -} - -.btn-info:hover { - background-color: #15003e; - border-color: #15003e; - color: #f9006c; -} - -.btn-warning { - color: #15003e; -} - -.btn { - cursor: pointer; -} - -.btn-warning:hover { - background-color: #15003e; - border-color: #15003e; - color: #ffce08; -} - -.btn-success { - color: #15003e; -} - -.btn-success:hover { - background-color: #15003e; - border-color: #15003e; - color: #25e899; -} - -.link-current { - color: currentColor; -} - -.link-current:hover { - color: currentColor; - text-decoration: none; -} - -.cta-green { - background-color: var(--gc-green); - text-align: center; - font-weight: bold; -} - -#hero_cta a.btn-warning { - padding: 0.6rem 1.05rem; - background-color: #ffce08; - border-color: #ffce08; - color: #15003e; -} - -#hero_cta a.btn-warning:hover { - background-color: #15003e; - color: #ffce08; -} - -#hero_cta a img { - margin-top: -3px; - height: 20px; - width: 20px; - margin-right: 5px; -} - -.dashboard .body { - padding-bottom: 50px; -} - -.dashboard .body .avatar { - max-height: 50px; - max-width: 50px; - border-radius: 100%; -} -.dashboard .body .avatar.Azure-Samples, -.rounded-circle.Azure-Samples { - border-radius: 0%!important; -} - -.body .nonefound { - margin-left: 100px; - margin-top: 100px; - text-align: center; -} - -.dashboard .body .bounty_row.local, -.dashboard .body .bounty_row.ropsten { - border-left: 1px solid red; -} - -.dashboard .body .experience { - border-radius: 6px; - width: 12px; - height: 12px; - background: grey; -} - -.dashboard .body .experience.beginner { - background: #37ea9c; -} - -.dashboard .body .experience.intermediate { - background: #fecf32; -} - -.dashboard .body .experience.advanced { - background: #f9006c; -} - -.dashboard .body .loading { - text-align: center; -} - -.loading_img img { - max-width: 100px; -} - -.grant .loading_img { - display: none; -} - -.grant .loading_img.waiting-state { - display: flex; -} - -.dashboard .body .experienence.unknown { - background: #eee; -} - -#mailchimp { - overflow: hidden; -} - -#mailchimp div, -#mailchimp p, -#mailchimp h5 { - z-index: 9; -} - -#mailchimp p { - margin-top: 0px; - margin-bottom: 0px; -} - -#mailchimp p.email { - margin-bottom: 2rem; -} - -body #mc_embed_signup { - background: transparent !important; -} - -body #mc_embed_signup label { - font-weight: normal; -} - -.form_container { - text-align: left; - background-color: white; - border-radius: 2px; - padding-top: 20px; - padding-bottom: 20px; - margin-bottom: 50px; -} - -textarea.loading, -input[type=text].loading { - background-image: url('/static/v2/images/loading_v2.gif'); - background-repeat: no-repeat; - background-position: right; - background-size: 30px; -} - -#primary_form { - max-width: 550px; /* TODO: REMOVE */ - margin: 0 auto; - padding: 0 2em; -} - -#bountyFulfillment { - height: 2rem; - outline: none; -} - -.submit_bounty #primary_form, -.fulfill_bounty #primary_form, -.increase_bounty #primary_form, -.payout_bounty #primary_form { - max-width: none; -} - -.submit_bounty .select2-search, -.fulfill_bounty .select2-search, -.submit_bounty .select2-results__option, -.fulfill_bounty .select2-results__option { - font-size: 0.875rem; -} - -.select2-results__option:empty { - padding: 1px; - border-bottom: solid 1px darkgray; -} - -.submit_bounty .select2-results__option, -.fulfill_bounty .select2-results__option { - padding-left: 0.625rem; - padding-right: 0.625rem; -} - -#primary_form img { - max-width: 100px; -} - -.bounty_nav { - border-bottom: 2px solid #212529; - padding: 0; - display: flex; - justify-content: space-around; -} - -.bounty_nav li { - display: inline; - padding: 5px; - border-top-right-radius: 5px; - border-top-left-radius: 5px; -} - -.bounty_nav li.active { - background-color: #212529; - color: white; -} - -.submit_bounty select[name=denomination] { - text-align: left; -} - -/* The alert message box */ - -.alert:not(.bs-alert) { - align-items: center; - background-color: #3E00FF; - border-radius: 0px; - box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.24); - color: white; - display: flex; - justify-content: space-between; - padding: 10px 20px; - margin-bottom: 1px; - position: fixed; - top: 0px; - width: 100%; - z-index: 999999; - font-weight: 600; - font-size: 14px; -} - -.alert .message { - align-items: center; - display: flex; -} - -.alert .message .content{ - display: inline; - word-break: break-all; -} - -.alert .message::before { - font-family: 'Font Awesome\ 5 Pro', sans-serif; - content: "\f06a"; - margin-right: 10px; - font-size: 1.25rem; - position: relative; - top: 1px; -} - -.alert:not('.bs-alert') a { - color: white; - text-decoration: underline; -} - -.alert.error { - background-color: #C70018; -} - -.alert.error .message::before { - content: "\f057"; -} - -.alert.success { - background-color: #00A652; -} - -.alert.success .message::before { - content: "\f058"; -} - -.alert.info { - background-color: #008EFF; -} - -.alert.info .message::before { - content: "\f05a"; -} - -.alert.warning { - background-color: #FF7F00; -} - -.alert.warning .message::before { - content: "\f071"; -} - -/* The close button */ - -.closebtn { - color: white; - cursor: pointer; - font-weight: bold; - float: right; - font-size: 22px; - line-height: 20px; - margin-left: 15px; - transition: 0.3s; -} - -.closebtn.purple { - content: url('/static/v2/images/close-purple.svg'); -} - -/* When moving the mouse over the close button */ - -.closebtn:hover { - color: black; -} - -.row.nonefound { - margin-right: 0px; -} - -.row.nonefound img { - max-width: 250px; -} - -.row.nonefound p { - margin-bottom: 0px; -} - -.bottom_notification { - padding: 10px 30px; - background: #3e00ff; - color: white; - width: 100%; - margin-left: 0px; -} - -.bottom_notification-beyond { - background: #000; - position: relative; - background-image: linear-gradient(90deg, #000, rgba(15, 206, 124, 0.7), #000), url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' opacity='1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='20' height='20' rx='3.5' stroke='rgba(15, 206, 124, 0.7)'/%3E%3C/svg%3E%0A"); - background-repeat: no-repeat, repeat-x; - background-size: 100%, 24px; - background-position: center, 100% center; - animation: bg-move 17s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite; -} -@keyframes bg-move { - 0% { - background-position: center, 0 center; - } - 100% { - background-position: center, 100% center; - } -} - -.bottom_notification-yellow { - background-color: #ffce08; - color: #000; -} - -.bottom_notification-pink { - background-color: #9f80ff; - color: #000; -} - -.bottom_notification a { - color: currentColor; - text-decoration: underline; - margin-left: 5px; -} - -#gitcoin_buttons #example img { - width: 500px; - max-width: 100% -} - -#gitcoin_buttons .flex-column { - border-radius: 5px; -} - -#gitcoin_buttons .btn.delta_1 { - background-color: #f9006c; - border: 1px solid white; -} - -#gitcoin_buttons .btn.delta_1 span { - color: #f9006c; - background-color: white; -} - -#gitcoin_buttons .btn.delta_2 { - background-color: #3e00ff; - border: 1px solid white; -} - -#gitcoin_buttons .btn.delta_2 span { - color: #3e00ff; - background-color: white; -} - -#gitcoin_buttons .btn.delta_3 { - background-color: white; - border: 1px solid black; - color: black; -} - -#gitcoin_buttons .btn.delta_3 img { - filter: invert(100%); -} - -#gitcoin_buttons .btn.delta_3 span { - color: white; - background-color: black; -} - -#gitcoin_buttons .btn { - font-weight: bold; - margin: 10px; -} - -#gitcoin_buttons .btn img { - width: 24px; - height: 24px; -} - -#gitcoin_buttons .btn span { - font-size: 10px; - text-transform: uppercase; - border-radius: 4px; - color: #100136; - padding: 2px 10px; - background-color: white; - margin-left: 5px; -} - -.terms_container a { - color: black; -} - -.body { - padding-bottom: 4em; -} - -#pull_gh { - font-size: 12px -} - -.dashboard .w-75 .github-comment { - background: url('/static/v2/images/icon-msg-16.png') no-repeat left; - padding-left: 18px; - margin-right: 10px; - display: inline-block; -} - -#interest_list { - margin-left: 0; - padding-left: 0; -} - -#interest_list li { - list-style: none; -} - -input.is-invalid { - border-color: red; -} - -.faucet_response { - display: none; -} - -.tooltip-info { - padding: 10px 20px; - margin: 0; -} - -.tooltip-sm, -.tooltip-xs { - padding: 2px; - width: auto; -} - -.tooltip-sm { - font-size: 0.75rem; -} - -.tooltip-xs { - font-size: 10px; -} - -.ui-widget-shadow, -.modal { - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important; -} - -.tooltip-info p { - margin-bottom: 10px; -} - -.tooltip-info .font-subheader { - margin-top: 10px; -} - -.tooltip-info .row { - margin-bottom: 15px; -} - -.tooltip-info .col-11 { - padding-left: 0; -} - - -#gitcoinTestimonials { - height: 288px; - width: 500px; -} - -#alpha { - color: #000000; - background-color: #ffce05; - border-radius: 4px; - text-transform: uppercase; - font-size: 14px; - padding: 4px 7px; - font-weight: 100; - letter-spacing: 0.15em; - margin: 5px; - vertical-align: top; - display: inline-block; -} - -#alpha.small { - font-size: 8px; - padding: 3px 5px; - margin: 2px; -} - -/* Dropdown styles */ - -.ui-selectmenu-button.ui-button { - line-height: 16px; - padding: .4em .75em; -} - -.ui-selectmenu-button.ui-button, -.ui-selectmenu-button.ui-button:hover, -.ui-selectmenu-button.ui-button:focus { - border: none !important; - background: #FFF !important; - color: #3E00FF; - outline: none; - font-weight: 600; -} - -.ui-selectmenu-icon.ui-icon { - background: url('/static/v2/images/caret-down.png') !important; - background-repeat: no-repeat; - background-position: 0 !important; - background-size: 10px 6px !important; - margin-top: 5px !important; - height: 6px; - width: 10px; -} - -.ui-widget.ui-widget-content { - border: none !important; - border-radius: 2px; - background: #FAFAFA; - box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); -} - -.ui-menu-item-wrapper { - font-size: 12px; - padding: .4em .75em !important; -} - -.ui-state-active, -.ui-widget-content .ui-state-active, -.ui-button.ui-state-active:hover { - border: 1px solid #3E00FF !important; - background: #3E00FF !important; -} - -.ui-button:hover, -.ui-button:focus { - border: 1px solid #0D0764 !important; - background: #FAFAFA !important; -} - -.submit-notification { - color: #fff; - font-size: 10px; - min-height: 100px; - padding: 0.6rem; -} - -.submit-notification h3 { - font-size: 20px; - text-transform: capitalize; -} - -.submit-notification a { - color: #FFF; - text-decoration: none; -} - -.submit-notification.metamask-error { - background-color: #FF6700; -} - -#zero_balance_error { - background-color: #FF6700; -} - -.submit-notification.metamask-error img { - max-width: 100px; -} - -.metamask-banner #upper_left { - height: 100%; -} - -.metamask-banner h3 { - letter-spacing: 0; - padding-bottom: 4px; - font-weight: 600; -} - -.metamask-links a { - text-decoration: none; - color: black; - font-size: 0.9rem; - margin: 0 0.5rem; -} - -.metamask-links a:hover { - text-decoration: underline; -} - -.metamask-links a:first-child { - margin-left: 0; -} - -.grant .metamask-error { - background: #f2f6f9; -} - -#robot_error { - margin: auto; -} - -#robot_error img { - max-height: 18rem; - width: auto; -} - -.bounty_box { - box-shadow: 0px 0px 0px 3px #15003e; - width: 100%; - display: block; - padding: 30px 30px; - background-color: white; - color: black; - text-decoration: none; - transition: all 100ms linear; -} - -.bounty_box.disabled, .bounty_box.disabled:hover { - cursor: not-allowed; - background-color: rgb(245, 245, 245); - text-decoration: none; -} - -.bounty_box:hover { - text-decoration: none; - transition: box-shadow 100ms ease-out; - box-shadow: 0px 0px 0px 6px #15003e; - color: #000; -} - -.morecontent span { - display: none; -} - -.alpha-warning { - background-color: #ada7d4; - color: white; - padding: 5px 10px; - border-radius: 2px; - margin-bottom: 15px; - display: block; - text-align: center; -} - -@media (max-width: 1350px) { - .profile_details .tips li div.details { - width: 300px; - } - - .profile_details .tips div.url, - .profile_details .tips li div.url { - width: 400px; - } -} - -@media (max-width: 1250px) { - .profile_details .tips li div.details { - width: 400px; - } -} - -@media (max-width: 1025px) { - #faq .col-4 { - max-width: 100%; - flex: 0 0 100%; - } - - .tldr_container img { - max-width: 300px; - max-height: 300px; - } - - #bounty_details { - margin: 15px; - } - - .profile_details .tips li div.details, - .profile_details .tips li .url { - display: none; - } - - .profile_details .tips li div.details, - .profile_details .repos li { - padding-left: 0; - width: 100%; - } - - .profile_details .repos li p.meta { - display: none; - } - - .advisor { - width: 130px; - } - - #mission_hero .font-bigger-4 { - font-size: 1.3rem; - } - - #mission_hero .mission-img-wrapper { - height: 175px; - } - - #mission_hero .mission-img-wrapper img { - max-height: 175px; - } -} - -@media (max-width: 769px) { - #gitcoinTestimonials { - height: 202px; - width: 350px; - } - - .tldr_container img { - max-width: 250px; - max-height: 250px; - } - - .email_settings .col-4 { - display: none; - } - - .email_settings .col-6 { - max-width: 100%; - flex: 0 0 100%; - } - - .profile_details #stats li { - width: 48%; - } - - .profile_details #hero { - height: 400px; - } - - body.bounty_details .right_details { - margin-left: 30px; - width: 100%; - max-width: 90%; - } - - body.slack .slack--brand-tree, body.newtoken .col-4 { - display: none; - } - - body.slack, body.newtoken .col-6 { - flex: 0 0 100%; - max-width: 100%; - } - - #team .row, - #team .row .d-flex { - display: block; - width: 100%; - } - - #team .row div { - text-align: center; - } - - #team .row img.img-fluid { - float: none !important; - } - - .advisor { - width: 100px; - float: none; - display: inline-block; - } - - .avatar-img-wrapper { - padding-left: 1rem !important; - padding-right: 1rem !important; - } - - .search_bar .sort_row { - display: none !important; - } - - #hero_cta a.btn { - padding: .5rem .75rem; - font-size: 1rem; - } - - #mission_hero .font-bigger-4 { - font-size: 1rem; - } - - #mission_hero .mission-img-wrapper { - height: 150px; - } - - #mission_hero .mission-img-wrapper img { - max-height: 150px; - } - - .tooltip-info { - display: none; - } - - .bounty_nav { - padding-left: 0; - } - - .bounty_nav li { - display: block; - } - - .metamask-banner ol { - margin-bottom: 0; - } - - .metamask-banner h3 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; - } - - .metamask-banner li { - text-align: left; - margin-top: 0.5rem; - } - - .metamask-banner img { - margin-bottom: 5px; - } - - .navbar-network { - display: none; - } -} - -@media (max-width: 576px) { - - .profile_details #stats { - padding-right: 10px; - } - - .profile_details .repos { - padding-right: 40px; - } - - .profile_details .repos li { - margin-bottom: 1em; - } - - .issue_details { - flex-direction: column; - } - - .issue_details div { - width: 100% !important; - } - - .profile_details .tips li div.url { - display: none; - } -} - -@media (max-width: 540px) { - #primary_form { - max-width: 100%; - } - - .no_issue_error ol { - padding-left: 1px; - padding-right: 1px; - } -} - -@media (max-width: 481px) { - #gitcoinTestimonials { - height: 144px; - width: 250px; - } - - .tldr_container img { - max-width: 150px; - max-height: 150px; - } - - .hide_min_viewport { - display: none !important; - } - - .header .row.ml-5 { - margin-left: 0 !important; - margin-right: 0; - } - - .header .header-line { - font-size: 2.5em; - } - - .header .subheader-line { - font-size: 1.5em; - } - - .dashboard .row.bounty_row .col-7 { - flex: 0 0 80%; - max-width: 80%; - } - - .dashboard .row.bounty_row .col-7 .w-75 { - width: 95% !important; - padding-left: 3%; - } - - .bounty_nav { - display: none; - } - - #mailchimp, - .why_gitcoin, - .why_gitcoin .row { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - } - - #features .row, - #features .row .d-flex, - #origin_story .row, - #origin_story .row .d-flex, - .why_gitcoin .row, - .why_gitcoin .row .d-flex { - display: block; - width: 100%; - text-align: center; - } - - .advisor { - margin-left: 10px; - } - - h4 { - padding-top: 20px; - } - - .interior .body { - width: 100%; - flex: 0 0 100%; - max-width: 100%; - } - - #hero_cta a.btn { - margin-top: 10px; - } - - #mission_hero .text { - margin-top: 1rem; - margin-left: 0; - } -} - -@media (max-width: 575.98px) { - .header .header-line { - font-size: 1.4em; - } - - .header .subheader-line { - font-size: 1em; - } -} - -.modal h2 { - letter-spacing: 0; -} - -.modal.delete_account { - max-width: 34rem; -} - -.box_1 { - color: #011f4b; - border: 10px solid #011f4b; -} - -.box_2 { - color: #03396c; - border: 10px solid #03396c; -} - -.box_3 { - color: #005b96; - border: 10px solid #005b96; -} - -.box_4 { - color: #6497b1; - border: 10px solid #6497b1; -} - -.box_5 { - color: #b3cde0; - border: 10px solid #b3cde0; -} - -.box_6 { - color: #d3ddf0; - border: 10px solid #d3ddf0; -} - - -@keyframes busyOverlay { - from { - opacity: 0.0; - } - to { - opacity: 1.0; - } -} - -div.busyOverlay { - position: fixed; - left: 0; - top: 0; - right: 0; - bottom: 0; - transform: translateZ(0); - z-index: 9; - background-color: rgba(240, 240, 240, 0.3); - box-shadow: 0 0 100em 0 inset var(--gc-purple); - animation: busyOverlay 0.3s ease-in; - animation-fill-mode: both; - background-repeat: no-repeat; - background-size: 12em; - background-position: center; - background-image: url('/static/v2/images/loading_v2.gif'); -} - -.expandable { - overflow: hidden; - max-height: 0; - opacity: 0.0; - transition: 0.3s ease-in-out; -} - -.expandable#expanded { - max-height: 100rem; - opacity: 1.0; -} - -.arrow { - display: inline-block; - margin: 0; - padding: 0; - vertical-align: baseline; - transition: 0.3s ease; -} - -#expanded > .arrow { - transform: rotateZ(180deg); -} - -.uppercase { - text-transform: uppercase; -} - -.middle { - vertical-align: middle; -} - -.g-bold { - font-weight: bold; -} - -.g-text-left { - text-align: left; -} - -/* Bubble */ - -.popover-bounty { - background-color: #FFF; - padding: 0; - width: 100%; - max-width: 35em; - font-size: 12px; -} -.popover-bounty.bs-popover-auto[x-placement^=top] > .arrow::after, -.popover-bounty.bs-popover-top > .arrow::after { - border-top-color: #F8F8F8; -} - -.popover-bounty__footer { - padding: 1.3em 1.3em 1.2em; - background-color: #F8F8F8; - border-radius: 0 0 .3rem .3rem; -} - -.popover-bounty__content { - padding: 1.4em 1.3em 1.3em; -} - -.popover-user-card { - background-color: #FFF; - padding: 0; - width: 100%; - max-width: 30em; - font-size: 12px; -} - -.user-card_donut-chart { - width: 56px; -} -.user-card_pie-chart { - width: 30px; -} - -.big-popover { - max-width: 482px; -} - -.popover_card { - border-radius: 5px; - border: 1px solid #E5E5E5; -} -/* Custom icons */ - -.g-icon { - width: 1em; - height: 1em; - vertical-align: middle; - line-height: 1; -} - -.g-icon:before { - content: ''; - width: 1em; - height: 1em; - display: inline-block; -} - -.g-icon__dot-circle:before { - border: 0.25em solid currentColor; - border-radius: 100px; -} - -.g-modal .modal-header, -.g-modal .modal-footer { - border: none; -} - -.inner-tooltip { - pointer-events: none; -} - -/* Gitcoin Updates */ -.dynamic-content img { - max-width: 100%; -} - -.dynamic-content h2 { - font-size: 1.8em; -} - -.dynamic-content h3 { - font-size: 1.6em; -} - -.dynamic-content h4 { - font-size: 1.4em; -} - -.dynamic-content h5 { - font-size: 1.3em; -} - -.dynamic-content h6 { - font-size: 1.2em; -} - -.daterangepicker td.active, -.daterangepicker td.active:hover { - background-color: #3E00FF !important; -} - -.daterangepicker .ranges li.active { - background-color: #5b24ff !important; -} - -.admin_only { - background-color: #f2f5ea !important; - border-radius: 3px; -} - -.only_visible_to_me_color { - background-color: #d3e3f7; -} - -.only_visible_to_me { - padding: 3px 5px; - border-radius: 3px; -} -.card-shadow { - box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, .1); -} - -/* Megamenu based on https://geedmo.github.io/yamm/ */ -.gc-megamenu .collapse, -.gc-megamenu .dropup, -.gc-megamenu .dropdown { - position: static; - overflow: auto; - max-height: 60vh; -} - -.gc-megamenu .container { - position: relative; -} - -.gc-megamenu .dropdown-menu { - left: auto; -} - -.gc-megamenu .gc-megamenu-content { - padding: 1rem; -} - -.gc-megamenu .dropdown.gc-megamenu-fw .dropdown-menu, -.gc-megamenu .dropup.gc-megamenu-fw .dropdown-menu { - left: 0; - right: 0; -} -.dropdown-menu .gc-megamenu-content .dropdown-item-small { - padding: 0.4em 0.7em!important; -} - -.gc-megamenu-active { - background: rgba(12, 3, 59, 0.1); - border-radius: 4px; -} - -.emoji-picker__tab { - font-size: 32px!important; -} - -.emoji-picker__emoji { - font-size: 1.6rem!important; -} -.online_now:hover { - font-weight: bold; -} - -.indie_chat_indicator{ - color: #0fce7c; - display: inline; -} -.indie_chat_indicator.offline{ - color: #aaa; -} - -.bg-shade-0 { - background: var(--bg-shade-0); -} -.bg-shade-1{ - background: var(--bg-shade-1); -} -.bg-shade-2{ - background: var(--bg-shade-2); -} -.dark-mode #CookielawBanner{ - background: var(--main-bg); - color: white; -} - -/* profile widget */ -.profile-widget { - display: flex; - flex-direction: row-reverse; - margin: auto auto; - width: 100%; - max-width: 100%; - z-index: 0; - position: relative; - padding-bottom: 2em; -} -.step-label { - position: absolute; - margin: auto; - left: 0; - right: 0; - text-align: center; - bottom: -26px; - font-size: 14px; - font-weight: 600; -} -.bar-view { - display: flex; - flex-grow: 1; - position: relative; -} - -.bar-view:after { - height: 2px; - top: calc(50% - 1px); - transition: transform 0.06s cubic-bezier(0, 0.72, 0.58, 1); - transform: scaleX(0); - background: var(--profile-step-fill); - transform-origin: left; - z-index: 1; -} -.bar-view:not(:last-child):before, -.bar-view:not(:last-child):after { - content: ""; - width: calc(100% - 26px); - position: absolute; - right: calc(50% + 13px); -} -.bar-view:not(:last-child):before { - height: 6px; - top: calc(50% - 3px); - border: 2px solid var(--profile-step); - background: white; - border-width: 2px 0; - z-index: 1; -} - -.bar-dot { - display: block; - width: 30px; - height: 30px; - margin: auto; - border-radius: 50%; - border: 2px solid var(--profile-step); - position: relative; - cursor: pointer; - z-index: -1; -} -.bar-dot:before, -.bar-dot:after { - content: ""; - position: absolute; - pointer-events: none; -} -.bar-dot:before { - width: 100%; - height: 100%; - border-radius: 50%; - /* // background: radial-gradient(circle at center, #FFDD4A, #FE9000); */ - background: var(--profile-step-fill); - transform: scale(0.3); - opacity: 0; - transition-property: transform, opacity; - transition-duration: 0.2s; - transition-timing-function: cubic-bezier(0, 0.72, 0.58, 1); -} -.complete .bar-dot:before { - transform: none; - opacity: 1; -} - -.bar-view.complete:after { - transform: scaleX(1); -} - -.bar-view:not(:last-child):nth-child(2):after { - -webkit-transition-delay: 0s; - transition-delay: 0s; -} -.bar-view:not(:last-child):nth-child(2) .bar-dot:before { - -webkit-transition-delay: 0.06s; - transition-delay: 0.06s; -} -.bar-view:not(:last-child):nth-child(4):after { - -webkit-transition-delay: 0.1s; - transition-delay: 0.1s; -} -.bar-view:not(:last-child):nth-child(4) .bar-dot:before { - -webkit-transition-delay: 0.16s; - transition-delay: 0.16s; -} -.bar-view:not(:last-child):nth-child(6):after { - -webkit-transition-delay: 0.2s; - transition-delay: 0.2s; -} -.bar-view:not(:last-child):nth-child(6) .bar-dot:before { - -webkit-transition-delay: 0.26s; - transition-delay: 0.26s; -} -.bar-view:not(:last-child):nth-child(8):after { - -webkit-transition-delay: 0.3s; - transition-delay: 0.3s; -} -.bar-view:not(:last-child):nth-child(8) .bar-dot:before { - -webkit-transition-delay: 0.36s; - transition-delay: 0.36s; -} -.bar-view:not(:last-child):nth-child(10):after { - -webkit-transition-delay: 0.4s; - transition-delay: 0.4s; -} -.bar-view:not(:last-child):nth-child(10) .bar-dot:before { - -webkit-transition-delay: 0.46s; - transition-delay: 0.46s; -} - -@-webkit-keyframes bouncing { - 0%, - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - 50% { - -webkit-transform: translateY(5px); - transform: translateY(5px); - } -} - -@keyframes bouncing { - 0%, - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - 50% { - -webkit-transform: translateY(5px); - transform: translateY(5px); - } -} -@-webkit-keyframes fade { - 50% { - opacity: 0.3; - } -} -@keyframes fade { - 50% { - opacity: 0.3; - } -} diff --git a/app/assets/v2/css/board.css b/app/assets/v2/css/board.css deleted file mode 100644 index d9d08ec1e59..00000000000 --- a/app/assets/v2/css/board.css +++ /dev/null @@ -1,104 +0,0 @@ -.line-deco:after { - content: ''; - position: absolute; - top: 4em; - border: 1px solid #F5F6F6; - bottom: 2em; - left: 2.25em; -} - -.list-bounty { - max-height: 100vh; - overflow-y: auto; - padding: 0; - position: relative; - z-index: 1; - background: #fff no-repeat; - background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); - background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); - background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); - background-position: 0 0, 0 100%; - background-size: 100% 14px; -} - -.list-bounty:before, -.list-bounty:after { - content: ""; - position: relative; - z-index: -1; - display: block; - height: 30px; - margin: 0 0 -30px; - background: -webkit-linear-gradient(top, #fff, #fff 30%, rgba(255, 255, 255, 0)); - background: -moz-linear-gradient(top, #fff, #fff 30%, rgba(255, 255, 255, 0)); - background: linear-gradient(to bottom, #fff, #fff 30%, rgba(255, 255, 255, 0)); -} - -.list-bounty:after { - margin: -30px 0 0; - background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 70%, #fff); - background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff 70%, #fff); - background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 70%, #fff); -} - -.list-bounty-item + .list-bounty-item { - border-top: 1px solid #dee2e6; -} - -.comment-plan { - color: #666666; - white-space: pre-line; - max-height: 100px; - overflow: hidden; - overflow-y: auto; - background: #F5F6F6; - padding: 1em; - margin-top: 1em; - border-radius: 5px; -} - -.head-number { - text-align: center; -} -.head-number_title { - font-size: 12px; - color: #666666; - letter-spacing: 1.5px; -} - -.head-number_value { - color: var(--gc-purple); - font-weight: 700; - display: block; - font-size: 2rem; -} - -.light-blue { - color: #008EFF; -} - -.list-bounty-item_content { - width: 100%; -} - -.hackathon-alt { - color: var(--gc-blue-hover); - display: block; - font-weight: 600; - text-transform: uppercase; - font-size: 12px; - letter-spacing: 1.6px; -} - -@media (min-width: 768px) { - .list-bounty-item_logo { - width: 40px; - height: 40px; - } -} - -@media (min-width: 992px) { - .list-bounty-item_content { - width: 75%; - } -} diff --git a/app/assets/v2/css/bounty.css b/app/assets/v2/css/bounty.css deleted file mode 100644 index b5bd3566897..00000000000 --- a/app/assets/v2/css/bounty.css +++ /dev/null @@ -1,895 +0,0 @@ -body { - background-color: #FFF; -} - -.none { - display: none; -} - -.explorer { - margin-top: 2em; - color: #3E00FF; -} - -.explorer i { - position: relative; - font-size: 10px; - top: -1px; -} - -#extended-expiration-date #extended-days { - border-bottom: 1px solid black; -} - -.progress-bar { - background-color: #D8D8D8; - display: block; - height: 2px; - overflow: hidden; -} - -.progress-bar .progress { - background-color: #0FCE7C; - height: 2px; - width: 50%; -} - -.progress-bar.expired .progress { - background-color: #f7981b; -} - -.bounty_details h4, -.bounty_details h5 { - letter-spacing: 0; - text-transform: capitalize; -} - -.avatar { - width: 50px; - height: 50px; - margin: 0px auto; - border-radius: 50px; -} - -.invite-user .avatar { - width: 5.5rem; - height: 5.5rem; -} - -#avatar_url .avatar { - width: 50px; - height: 50px; - border-radius: 50px; -} - -.quote-container { - width: 55%; - z-index: 2; -} - -.quote-container img { - top: 3rem; - left: -2rem; - position: relative; -} - -.quote-container .quote_text { - font-size: 1.1rem; - color: #4A4A4A; -} - -.quote-container .quote_author { - color: #4A4A4A; - font-size: 1rem; - font-style: italic; -} - -.bounty_details .avatar.Azure-Samples { - border-radius: 0px; -} - -.avatar-big { - width: 80px; - height: 80px; -} - -.avatar-small { - width: 25px; - height: 25px; -} - -#status { - color: #00A55E; - text-transform: uppercase; - margin-bottom: 5px; -} - -.stat-card { - background: #ecf0fa; - border-radius: 4px; -} - -.stat-card h2, -.stat-card p, -.related-bounties li .bounty-org, -.popover-bounty__content .summary { - color: #717171; -} - -.related-bounties { - list-style-type: none; -} - -.related-bounties .static-stars .far { - font-size: 0.8rem; -} - -.box { - padding: 14px; - border-bottom: 1px solid #DBDBDB; - border-radius: 3px; - margin: 0; -} - -.box .empty { - text-align: center; - font-size: 16px; - color: #7A7A7A; - font-weight: 600; -} - -.box .empty p { - margin: 1rem; -} - -#extended-expiration-date p { - font-size: 1rem; - font-weight: bold; -} - -.contributor-box .fa-minus { - font-size: 14px; - margin: 0; - color: #7A7A7A; -} - -.bounty-heading { - font-weight: 600; - margin-bottom: 1em; - margin-top: 2em; - font-size: 18px; - color: #333333; -} - -#description { - border-top: 1px solid #D4D4D4; - margin-bottom: 2em; -} - -.tooltip-sm { - font-size: 13px; - padding: 10px; -} - -.bounty-text { - font-size: 14px; - color: #3E00FF; -} - -.issue_description { - color: #000000; - font-size: 14px; -} - -.bounty-subheading { - font-weight: lighter; - font-size: 14px; -} - -.bounty-info div { - font-weight: 500; -} - -.bounty-info-heading { - color: #0D0764; - font-weight: 500; - text-transform: capitalize; -} - -.break-line { - white-space: pre-line; -} - -.bounty-info i { - font-size: 11px; - top: -1px; - position: relative; -} - -.bounty-info-text { - color: #717171; - text-transform: capitalize; -} - -.funder-avatar, -.activity div { - margin: auto; -} - -#timer { - display: inline-grid; -} - -#timer div { - width: 12em; - margin-right: 0; - display: inline-block; -} - -#timer .bounty-info-heading, -#timer .bounty-info-text { - font-size: 12px; -} - -#timer .bounty-info-text { - position: relative; - top: 2px; -} - -#bounty_details .activity-tag-first { - margin-right: 0.2em; -} - -#bounty_details .tag { - display: inline-block; -} - -.issue-url > a { - color: #ffffff; -} - -.transaction-status { - display: block; - position: relative; - width: 80%; - left: 10%; - top: 30px; - margin-bottom: 30px; - border-radius: 2px; - padding: 3vh 5vw; - text-align: center; -} - -.transaction-status a{ - color: white; - text-decoration: underline; -} - -.red_warning, -#network { - background-color: #fbe0d6; - color: #fb9470; - padding: 5px 10px; - border-radius: 2px; - margin-bottom: 15px; - display: block; -} - -.red_warning a, -#network a{ - color: #fb9470; - font-weight: bold; -} - -.bounty-actions { - display: inherit; -} - -.bounty-actions .tag.usd { - padding-left: 10px; - padding-right: 10px; -} - -.tag.keyword { - padding: 5px 10px; -} - -.contributor-box { - border-right: 1px solid #DBDBDB; -} - -.contributor-box:last-child { - border-right: none; -} - -.contributors-info { - margin: 0; - text-align: center; -} - -.contributor-box h6 { - font-size: 16px; - color: #333333; - letter-spacing: 0; - text-transform: capitalize; - font-weight: 600; -} - -.contributor-box i { - font-size: 24px; - margin-top: 15px; - margin-bottom: 10px; - color: #333333; -} - -#issue_keywords .keyword:first-child { - margin-left: 0; -} - -#bounty_owner_github_username a { - color: #0D0764; - margin-bottom: 5px; - font-weight: 600; -} - -a.btn { - border-radius: 0.2rem; -} - -.funder-avatar, -.activity-avatar { - text-align: center; -} - -.sticky { - position: fixed; - top: 0; - z-index: 1010; - text-align: center; -} - -#btn-white { - background-color: #FFFFFF; - border: 1px solid #979797; - color: #0D0764; - border-radius: 3px; - position: relative; -} - -.waiting-state { - position: relative; - top: -6rem; -} - -.loading_img::before { - content: ''; - width: 12rem; - height: 12rem; - background: #fff; - position: absolute; - border-radius: 50%; - top: 0; -} - -.loading_img img { - position: absolute; - max-width: 100%; - width: 13rem; - z-index: 2; - padding-right: 1rem; - top: 50%; - transform: translateY(-50%); -} - -.waiting-state img { - top: -2rem; - transform: none; -} - -.comment { - border-left: 1px solid #979797; - padding-right: 20px; - margin-left: 5px; -} - -.activity { - margin-bottom: 10px; - font-size: 13px; -} - -.fulfilled .bounty-text, -.activity-time { - color: #717171; -} - -.activity .activity-status i { - margin-left: 10px; - color: #0ECF7C; -} - -.activity-kudos { - width: 60px; - float: right; -} - -.activity .bounty-subheading, -.activity .bounty-text { - font-size: 12px; -} - -#extended-expiration-date i { - position: relative; - top: 2px; -} - -.transaction-header h2 { - color: #ffffff; - font-size: 2rem; -} - -#bounty_details { - display: none; - margin-bottom: 2em; -} - -.issue_description img { - max-height: 30rem; - max-width: 100%; - cursor: zoom-in; - display: block; - margin-top: 1rem; - margin-bottom: 1rem; -} - -.issue_description h1, -.issue_description h2, -.issue_description h3, -.issue_description h4, -.issue_description h5, -.issue_description h6 { - letter-spacing: 1px; - font-size: 16px; - margin-top: 15px; - text-transform: none; -} - -#bounty_reserved_for img { - vertical-align: top; - margin-left: 3px; - margin-top: -2px; -} - -#bounty_reserved_for a { - margin-left: 5px; - font-weight: bold; -} - -#funder_notif_info:empty { - display: none; -} - -#funder_notif_info .bounty-notification { - border: orange 2px solid; - border-radius: 3px; - padding: 0.5rem; -} - -.related-bounties .bounty-title, -#funder_notif_info #bounty_funded_by, -#funder_notif_info i { - color: #3E00FF; -} - -#funder_notif_info img { - width: 1.25rem; - position: relative; - top: -2px; -} - -#started_owners_username, -#fulfilled_owners_username, -#submitted_owners_username { - padding-left: 0; - margin: 10px; - display: flex; - justify-content: center; - flex-wrap: wrap; -} - -#started_owners_username a, -#fulfilled_owners_username a, -#submitted_owners_username a, -#started_owners_username i, -#fulfilled_owners_username i, -#submitted_owners_username i { - margin-left: 5px; - margin-right: 5px; -} - -#started_owners_username i, -#fulfilled_owners_username i, -#submitted_owners_username i { - margin-top: 5px; -} - -.uninterest-button { - margin: 5px; -} - -.stop-work-container { - position: absolute; - right: 0; - top: -1px; -} - -.stop-work { - float: right; - padding-left: 5px; -} - -#moderator-admin-actions:not(:empty) { - background: #F2F6F9; - padding: 16px 0 10px; - left: 0; -} - -@media (max-width: 767px) { - - #title { - padding-top: 1em; - } - - .loading_img img { - width: 10rem; - } - - #bounty_details .tags { - margin-top: 10px; - float: none; - } - - #bounty_details .row { - margin: 0px; - padding-left: 10px; - padding-right: 10px; - } - - .contributor-box, - #bounty_details .row.activity { - margin-bottom: 10px; - } - - .contributor-box { - border-right: 0; - border-bottom: 1px solid #DBDBDB; - } - - .contributor-box:last-child { - border-bottom: none; - } - - .actions { - margin-bottom: 20px; - } -} - -#add_interest form > div { - margin-top: 10px; -} - -.add-interest-modal { - height: auto; - width: 100%; -} - -#add_interest form { - padding: 1em; - width: 100%; -} - -#issue_message { - min-height: 12em; -} - -.add-interest-options { - display: flex; - flex-direction: row; - justify-content: flex-start; -} - -#add_interest .login { - display: flex; - flex-direction: column; - align-items: center; - margin: 1rem auto; -} - -#add_interest .login__text { - margin-bottom: 1rem; -} - -#add_interest .login__button .fa-github { - margin-right: 0.4rem; -} - -#add_interest .login__button span { - padding-left: 0.5rem; - border-left: 1px solid #fff; -} - -#add_interest form .filter-label { - display: inline; - margin-left: 0.625rem; -} - -.add-interest-options > .option { - width: auto; -} - -.btn-interested, -.btn-extend, -.btn-cancel { - float: right; - padding: 0.375rem 0.9375rem; - font-size: 12px; - text-align: center; -} - -.btn-cancel { - margin-right: 25px; -} - -.close:hover, .close:focus { - box-shadow: none; -} - -.modal.magnify, -.modal .magnify { - width: auto; - max-width: 100%; - overflow-y: scroll; -} - -.bg-container { - background-color: #3f24f9; - padding-left: 10px; - padding-right: 10px; - padding-bottom: 10rem; -} - -.transaction-header { - display: block; - position: relative; - width: 80%; - left: 10%; - top: 30px; - padding: 3vh 5vw; - text-align: center; -} - -.waiting_room_entertainment { - text-align: center; -} - -.ethereum-issue { - width:100%; - color: #ffffff; -} - -.ethereum-issue, -.issue-url { - font-size: 1.2rem; - text-align: center; -} - -.hackathon-alt { - font-size: 11px; - color: #0d0764; - font-weight: 600; - letter-spacing: 1.7px; -} - -.rocket { - position: absolute; - top: 10rem; - width: 4rem; - animation: MoveUpDown 3s infinite alternate; - -webkit-animation: MoveUpDown 3s infinite alternate; -} - -.circle, -.cross { - position: absolute; - width: 1.8rem; - z-index: 0; -} - -#c1 { - top: 25%; - right: 11%; -} - -#c2 { - top: 35%; - left: 10%; -} - -#c3 { - top: 22%; - left: 13%; -} - -#c4 { - top: 40%; - right: 10%; -} - -#cs1 { - top: 14%; - left: 10%; - transform: rotate(75deg) -} - -#cs2 { - top: 40%; - left: 25%; -} - -#cs3 { - top: 40%; - right: 35%; - transform: rotate(25deg) -} - -#cs4 { - top: 30%; - right: 20%; -} - -#cloud { - position: relative; - right: 2rem; - float: right; - top: 7rem; -} - -#bounty-options { - padding: 0 25px; -} - -.payout-input-amount-container input { - border-top: none; - border-left: none; - border-right: none; - max-width: 12rem; - outline: none; - color: #03B16B; -} - -.payout-input-amount-container input::-webkit-outer-spin-button, -.payout-input-amount-container input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; -} - -.bounty_details .tooltip-inner { - max-width: 500px !important; -} - -@media (max-width: 575.98px) { - - #timer { - margin-bottom: 10px; - } - - .loading .issue-url { - font-size: 1rem; - } - - .rocket { - width: 3.5rem; - } - - #bounty_actions { - margin-top: 10px; - margin-bottom: 1rem; - } -} - -@media (max-width: 768px) { - .issue-url { - margin-top: 15px; - } - - .left-rails { - display: none; - } - - #funder_notif_info { - text-align: center; - } - - .stop-work-container { - position: relative; - margin-bottom: 1rem !important; - } - - .stop-work { - float: none; - margin-top: 1rem !important; - } -} - -@media (max-width: 991.98px) { - .explorer { - display: none; - } - - #moderator-admin-actions span { - display: inline-block; - margin-bottom: 5px; - margin-top: 5px; - } - - .bounty-actions { - display: block; - } - - .bounty-actions .col-12 { - text-align: center; - } - - #right_actions .dropdown { - float: none !important; - text-align: center; - margin-bottom: 1rem; - } -} - -.payout-summary-container { - background: #F9F7FF; -} - -#submit_transaction .payout-tx-container { - border: 1px solid #D8D8D8; - border-radius: 3px; -} - -@media (min-width: 769px) { - .activity-time { - margin-left: 0.625rem !important; - } - - .rocket { - right: 11rem; - } -} - -@media (max-width: 1024px) { - #funder_notif_info .bounty-notification { - margin-top: 1rem; - display: inline-block; - margin-left: 0 !important; - } -} - -@media (min-width: 1441px) and (max-width: 2560px) { - - .bounty_details .quote-container { - margin-top: 1rem; - } -} - -@keyframes MoveUpDown { - 0% { transform: translateY(0); } - 100% { transform: translateY(-3rem); } -} - -@-webkit-keyframes MoveUpDown { - 0% { transform: translateY(0); } - 100% { transform: translateY(-3rem); } -} - -.qrcode { - display: inline-block; -} diff --git a/app/assets/v2/css/box_redeem.css b/app/assets/v2/css/box_redeem.css deleted file mode 100644 index 07e8c03b504..00000000000 --- a/app/assets/v2/css/box_redeem.css +++ /dev/null @@ -1,98 +0,0 @@ - -#main { - max-width: 440px; - padding: 4.5em 3em 3em 3em; - background: #ffffff; - border-radius: 4px; - cursor: default; - opacity: 0.95; - text-align: center; - -moz-transform-origin: 50% 50%; - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -moz-transform: rotateX(0deg); - -webkit-transform: rotateX(0deg); - -ms-transform: rotateX(0deg); - transform: rotateX(0deg); - -moz-transition: opacity 1s ease, -moz-transform 1s ease; - -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; - -ms-transition: opacity 1s ease, -ms-transform 1s ease; - transition: opacity 1s ease, transform 1s ease; - z-index: 1; - position: relative; - margin: 2rem auto; -} - -#main #ens_subdomain h1 { - letter-spacing: 0; -} - -#main #ens_subdomain h2 { - text-transform: none; -} - -#main #send_eth #advanced div { - padding-top: 10px; -} - -#main #send_eth input, -#main #send_eth select { - font-size: 12px; -} - -#main #advanced_toggle { - cursor: pointer; -} - -#main .avatar { - position: relative; - display: block; - margin-bottom: 1.5em; -} - -#register img { - width: 24px; - position: relative; - top: 7px; - right: 4px; -} - -#main .avatar img { - display: block; - margin: 0 auto; - box-shadow: 0 0 0 1.5em #ffffff; -} - -#main .avatar:before { - content: ''; - display: block; - position: absolute; - top: 50%; - left: -3em; - width: calc(100% + 6em); - height: 1px; - z-index: -1; - background: #c8cccf; -} - -@media screen and (max-width: 480px) { - #main { - min-width: 0; - width: 100%; - padding: 4em 2em 2.5em 2em; - } - - #main .avatar:before { - left: -2em; - width: calc(100% + 4em); - } -} - -body.is-loading #main { - opacity: 0; - -moz-transform: rotateX(15deg); - -webkit-transform: rotateX(15deg); - -ms-transform: rotateX(15deg); - transform: rotateX(15deg); -} diff --git a/app/assets/v2/css/bulk_payout_bounty.css b/app/assets/v2/css/bulk_payout_bounty.css deleted file mode 100644 index c6151ae9faf..00000000000 --- a/app/assets/v2/css/bulk_payout_bounty.css +++ /dev/null @@ -1,172 +0,0 @@ -.tooltip-inner { - max-width: 30rem !important; - text-align: left; -} - -tr div { - border-radius: 3px; - padding: 5px; -} - -.form__radio label > div { - top: 2px; -} - -.table-hover tbody tr:hover{ - background-color: #FAFAFA; -} - -.preview_payment { - background-color: #FAFAFA; - border-radius: 3px; -} - -.error { - border: 1px solid red !important; -} - -.entry.active { - background-color: #bbb; -} - -.paymentAlert { - background-color: #E66700; - color: #FFF; - border-radius: 5px; - margin-top: 15px; - margin-bottom: 5px; - display: none; - padding-left: 15px; -} - -.paymentAlert > div:first-child { - float: left; - position: relative; - top: 7px; -} - -.paymentAlert > div:last-child { - width: calc(100% - 40px); - float: left; - margin-left: 15px; - padding-right: 15px; - padding-top: 6.5px; -} - -.paymentAlert > div:first-child > img { - width: 17px; -} - -.overagePreview , .tipPreview { - color: #E66700; - padding-bottom: 5px; - display: none; -} - -.select2 { - width: 100% !important; -} - -#payout_table th { - border-bottom-width: 1px; -} - -#payout_table tr td { - border-top: none; - border-width: 1px; -} - -#payout_table .select2-selection, -#payout_table .input_amount, -#payout_table tr td .amount { - border-radius: 4px !important; - border: 2px solid #d3d3d3 !important; -} - -#payout_table tr td .input_amount { - min-width: 4.5rem; -} - -#payout_table tr td .amount { - min-width: 6rem; -} - -#payout_table tr td .input_amount, -#payout_table tr td .amount { - padding-top: 9px; - padding-bottom: 9px; - padding-left: 10px; - top: 5px; - left: 4px; -} - -#payout_table .rating > .rating-star { - font-size: 9px; -} - -#payout_table td a.remove { - top: 7px; - font-size: 1.1rem; -} - -#payout_table .label { - top: -1.52rem; - right: 8px; - color: #898989; -} - -#payout_table th:first-child { - padding-left: 0; -} - -.select2-selection.select2-selection--single { - height: 2.56rem !important; -} - -.ui-tooltip { - font-size: 12px; -} - -#transaction_registry tr td { - padding: 10px; - border: black solid 2px; -} - -#transaction_registry tr td:first-child { - padding-left: 3px; - padding-right: 3px; -} - -#transaction_registry .fa-minus, -#transaction_registry .fa-plus { - top: -1px; -} - -#transaction_registry .direction { - border-radius: 2px; -} - -#transaction_registry .direction.in { - color: #0FCE7C; - background-color: #E7FAF1; -} - -#transaction_registry .direction.out { - color: #E66700; - background-color: #FCEFE5; -} - -.badge-primary { - background-color: #3E00FF; - font-size: 0.75rem; -} - -.badge-primary i { - font-size: 10px; -} - -@media (min-width: 1120px) and (max-width: 1450px) { - .payout_bounty #primary_form { - flex: 0 0 70%; - } -} diff --git a/app/assets/v2/css/buttons.css b/app/assets/v2/css/buttons.css deleted file mode 100644 index 04f1d3a420a..00000000000 --- a/app/assets/v2/css/buttons.css +++ /dev/null @@ -1,309 +0,0 @@ -/* - https://developer.mozilla.org/en/docs/Web/CSS/box-shadow - box-shadow: [inset?] [top] [left] [blur] [size] [color]; - - Tips: - - We're setting all the blurs to 0 since we want a solid fill. - - Add the inset keyword so the box-shadow is on the inside of the element - - Animating the inset shadow on hover looks like the element is filling in from whatever side you specify ([top] and [left] accept negative values to become [bottom] and [right]) - - Multiple shadows can be stacked - - If you're animating multiple shadows, be sure to keep the same number of shadows so the animation is smooth. Otherwise, you'll get something choppy. -*/ - -.fill { - --color: #a972cb; - --hover: #cb72aa; -} - -.fill:hover, -.fill:focus { - box-shadow: inset 0 0 0 2em var(--hover); -} - -.pulseButton { - --color: #ef6eae; - --hover: #ef8f6e; -} - -.pulseClick, -.pulseButton:hover, -.pulseButton:focus { - -webkit-animation: pulse 1s; - animation: pulseButton 1s; - box-shadow: 0 0 0 2em rgba(255, 255, 255, 0); -} - -.close { - --color: #ff7f82; - --hover: #ffdc7f; -} - -.raise { - --color: #000; - --hover: #000; -} - -.raise:hover, -.raise:focus { - box-shadow: 0 0.5em 0.5em -0.4em var(--hover); - -webkit-transform: translateY(-0.25em); - transform: translateY(-0.25em); -} - -.up { - --color: #e4cb58; - --hover: #94e458; -} - -.up:hover, -.up:focus { - box-shadow: inset 0 -3.25em 0 0 var(--hover); -} - -.offset { - --color: #19bc8b; - --hover: #1973bc; - box-shadow: 0.3em 0.3em 0 0 var(--color), inset 0.3em 0.3em 0 0 var(--color); -} - -.offset:hover, -.offset:focus { - box-shadow: 0 0 0 0 var(--hover), inset 6em 3.5em 0 0 var(--hover); -} - -button { - color: var(--color); - -webkit-transition: 0.25s; - transition: 0.25s; -} - -button:hover, -button:focus { - outline: none; -} - -@-webkit-keyframes pulseButton { - 0% { - box-shadow: 0 0 0 0 var(--hover); - } -} - -@keyframes pulseButton { - 0% { - box-shadow: 0 0 0 0 var(--hover); - } -} - -.btn { - border-radius: 3px; -} - -.btn-gc-blue, -.btn-gc-green, -.btn-gc-dark-green, -.btn-gc-purple, -.btn-gc-pink { - color: white; -} - - -.btn-gc-dark-green { - background-color: var(--gc-dark-green); -} - -.btn-gc-dark-green:hover { - background-color: var(--gc-green); -} - -.btn-gc-blue { - background-color: var(--gc-blue); -} - -.btn-gc-blue:hover { - background-color: var(--gc-blue-hover); - color: white; -} - -.btn-gc-outline-red { - border-color: #dc3545; - color: #dc3545; - background: none; -} - -.btn-gc-outline-red:hover { - border-color: #dc3545; - color: #dc3545; - background: none; -} - -.btn-outline-gc-blue { - border-color: var(--gc-blue); - color: var(--gc-blue); -} - -.btn-outline-gc-blue:hover { - background-color: var(--gc-blue); - color: white; -} - -.btn-outline-white { - border-color: #ffffff; - color: #ffffff; - text-decoration: none; -} - -.btn-outline-white:hover { - background: #ffffff; - color: #3f00ff; -} - -.btn-gc-green { - background-color: var(--gc-green); -} - -.btn-gc-green:hover { - background-color: var(--gc-green-hover); - color: white; -} - -.btn-outline-gc-green { - border-color: var(--gc-green); - color: var(--gc-green); -} - -.btn-outline-gc-green:hover { - background-color: var(--gc-green); - color: white; -} - -.btn-outline-gc-green.btn-outline-gc-grey { - border-color: var(--text-dark); -} - -.btn-outline-gc-green.btn-outline-gc-grey:hover { - border-color: var(--gc-green--hover); -} - -.btn-gc-purple { - background-color: var(--gc-purple); -} - -.btn-outline-black { - border: 1px solid #000; - background: white; - color: #000; -} - -.btn-outline-green { - border: 1px solid var(--gc-green); - background: white; - color: var(--gc-green); -} - -.btn-outline-green:hover { - border: 1px solid var(--gc-green); - background: var(--gc-green); - color: #fff; -} - -.btn-gc-purple:hover { - background-color: var(--gc-purple-hover); - color: white; -} - -.btn-outline-gc-purple { - border-color: var(--gc-purple); - color: var(--gc-purple); -} - -.btn-outline-gc-purple:hover { - background-color: var(--gc-purple); - color: white; -} - -.btn-gc-pink { - background-color: var(--gc-pink); -} - -.btn-gc-pink:hover { - background-color: var(--gc-pink-hover); -} - -/* Icons in buttons */ -.btn > svg:first-child { - margin-right: .5rem; -} - -#metamask_connect { - background: none; - color: white; - border: 2px solid white; - border-radius: 4px; -} - -.btn.btn-circle { - border-radius: 50px; - line-height: 2em; -} - -.btn.btn-social:hover { - color: white; - filter: saturate(3); -} - -.btn-twitter { - color: white; - background-color: #1DA1F2; -} - -.btn-facebook { - color: white; - background-color: #4267B2; -} - -.btn-email { - color: white; - background-color: #F24283; -} - -.btn-metamask { - background: #FF7F00; - color: white; -} - -.btn-metamask:hover { - color: white; - background: #E17000; -} - -.btn-lg-padding { - padding: 0.6rem 2rem; -} - -.btn-radio { - border: 1px solid #D3D3D3; -} - -.btn-radio.active { - border-color: #3E00FF; -} - -.btn-radio i { - color: var(--button-radio-icon-color); -} - -.badge-greylight { - background-color: #F3F3F3; - color: #666666; - font-weight: 600; -} - -.btn-gc-grey { - color: #171717; - background-color: #EEE; -} - -.btn-gc-grey:not(:disabled):not(.disabled).active { - color: white; - background-color: #5300ff; -} diff --git a/app/assets/v2/css/card.css b/app/assets/v2/css/card.css deleted file mode 100644 index 0504e6b03dd..00000000000 --- a/app/assets/v2/css/card.css +++ /dev/null @@ -1,74 +0,0 @@ -.button_container{ - text-align: center; - position: absolute; - bottom: 0px; - left: 25%; -} - -.button_container a{ - font-size: 14px; -} - -.cards { - display: flex; - flex-wrap: wrap; -} - -.card { - background: #fff; - border-radius: 6px; - display: inline-block; - height: 340px; - margin: 1em 2em 1em 0; - position: relative; - width: 240px; - border: 1px solid #D3D3D3; -} - -.card .img { - height: 120px; - overflow: hidden; - display: flex; - align-items: center; - justify-content: center; - border-bottom: 1px solid #eee; -} - -.card img { - height: 115px; -} - -.card .content { - margin: 15px 20px; - min-height: 160px; - position: relative; -} - -.card .content .title { - margin-bottom: 10px; -} - -.card .content .description { - font-size: 0.75em; -} - -.card .content .description span a { - margin-top: 4px; - display: block; - text-decoration: none; - color: #6f43ff; -} - -#tools_hero img { - max-width: 200px; -} - -@media (max-width: 767px) { - .cards { - justify-content: center; - } - - .card { - margin: 1em; - } -} diff --git a/app/assets/v2/css/carousel.css b/app/assets/v2/css/carousel.css deleted file mode 100644 index 34f0fbfd980..00000000000 --- a/app/assets/v2/css/carousel.css +++ /dev/null @@ -1,55 +0,0 @@ -.carousel { - overflow: hidden; -} - -#slides { - transition: transform .75s ease-in-out; -} - -.carousel .avatar { - width: 120px; - height: 120px; - background-size: cover; - background-position: center; - flex-shrink: 0; - border-radius: 50%; -} - -.carousel .author, .carousel .org { - font-size: 0.9rem; -} - -.carousel .author a { - text-decoration: none; -} - -.carousel .org { - color: #999; -} - -.carousel .slide { - width: 100vw; - padding: 0 2rem; -} -.carousel .content { - max-width: 100%; -} - -.testimonial { - max-width: 40rem; -} - -.carousel .slide:hover { - box-shadow: none; -} - -.showing { - opacity: 1; -} - -.decorated-quote { - color: var(--gc-blue); - font-size: 6rem; - align-self: flex-start; - line-height: .6; -} \ No newline at end of file diff --git a/app/assets/v2/css/colors.css b/app/assets/v2/css/colors.css deleted file mode 100644 index 0d3f67beb79..00000000000 --- a/app/assets/v2/css/colors.css +++ /dev/null @@ -1,141 +0,0 @@ -html { - --gc-light-blue: #16a8d5; - --gc-blue: #3E00FF; - --gc-blue-hover: #5b24ff; - --gc-purple: #0D0764; - --gc-purple-hover: #0b0d9d; - --gc-green: #0FCE7C; - --gc-dark-green: #0ACE7C; - --gc-green-hover: #25E899; - --gc-light-green: rgb(211, 250, 235); - --gc-pink: #f9006c; - --gc-pink-hover: #f167a3; - --gc-yellow: #F5A623; - - --gc-white: #ffffff; - --gc-light-violet: #bbafd0; - --gc-dark-violet: #130b88; - --gc-black: #0d023a; - --t: #ccc; - - --gc-grey: #fafafa; - --gc-blue-grey: #f2f6f9; - --gc-dark-grey: #868789; - --gc-medium-dark-gray: #666666; - --gc-darker-grey: #3d3d3d; - - --text-light: #D8D8D8; - --text-dark: var(--gc-black); - - --bg-shade-0: white; - --bg-shade-1: #EFF3F6; - --bg-shade-2: #5f5c74; - --bg-activity: white; - --bg-comment-container: var(--bg-shade-1); - - --main-bg: #eff3f6; - --form-input-bg: white; - --form-input-color: rgba(0, 0, 0, 0.38); - --button-radio-icon-color: #3e00ff; - --link-color: #3e00ff; - --townsquare-link-color: black; - --townsquare-block-header-color: #626365; - --active-button-border-color: var(--link-color); - --default-text-color: var(--text-dark); - --pinned-activity: var(--gc-green); -} - -/* @media screen and (prefers-color-scheme: dark) { */ -html.dark-mode { - --gc-light-blue: #16a8d5; - --gc-blue: #3E00FF; - --gc-blue-hover: #5b24ff; - --gc-purple: #0D0764; - --gc-purple-hover: #0b0d9d; - --gc-green: #0FCE7C; - --gc-green-hover: #25E899; - --gc-light-green: transparent; - - --gc-pink: #f9006c; - --gc-pink-hover: #f167a3; - --gc-yellow: #F5A623; - - --gc-white: #ffffff; - --gc-light-violet: #bbafd0; - --gc-dark-violet: #130b88; - --gc-black: #0d023a; - --t: #ccc; - - --gc-grey: #fafafa; - --gc-blue-grey: #f2f6f9; - --gc-dark-grey: #868789; - --gc-darker-grey: #3d3d3d; - --gc-medium-dark-gray: #bbbbbb; - --gc-darker-grey: #3d3d3d; - - --text-light: #D8D8D8; - --text-dark: var(--gc-black); - - --bg-shade-0: #221D3E; - --bg-shade-1: #373351; - --bg-shade-2: #5F5C74; - --bg-activity: var(--bg-shade-1); - --bg-comment-container: var(--bg-shade-0); - - - - --main-bg: #0a0428; - --form-input-bg: #221D3E; - --form-input-color: white; - --button-radio-icon-color: white; - --link-color: #91b5ff; - --townsquare-link-color: white; - --townsquare-block-header-color: white; - --active-button-border-color: white; - --default-text-color: white; - --pinned-activity: white; -} - -.text-highlight-purple { - color: var(--gc-purple); -} - -.text-highlight-green { - color: var(--gc-green); -} - -.text-highlight-dark-blue { - color: var(--gc-blue); -} - -.text-highlight-gc-purple { - color: var(--gc-purple); -} - -.text-highlight-gc-blue { - color: var(--gc-blue); -} - -.text-highlight-light-blue { - color: var(--gc-light-blue); -} - -.text-highlight-pink { - color: var(--gc-pink); -} - -.text-highlight-yellow { - color: var(--gc-yellow); -} - -.text-medium-dark-grey { - color: var(--gc-medium-dark-gray); -} - -.text-black { - color: #000; -} - -.gc-alert-yellow { - background-color: #FFF4CB; -} \ No newline at end of file diff --git a/app/assets/v2/css/dashboard-hackathon.css b/app/assets/v2/css/dashboard-hackathon.css deleted file mode 100644 index 679e8a828d7..00000000000 --- a/app/assets/v2/css/dashboard-hackathon.css +++ /dev/null @@ -1,351 +0,0 @@ -body { - background: #FFFFFF; -} - -.invisible { - background: #FFFFFF !important; - visibility: hidden; - height: 0; -} - - -#left_sidebar .townsquare-org-filter { - cursor:pointer -} -#left_sidebar .townsquare-org-filter:active { - border-bottom: 4px solid #280076 !important; -} - -#onboard-dashboard { - background: #F2F6F9; - margin-bottom: 2em; -} - -#onboard-dashboard > div { - padding-top: 3.5rem; - padding-bottom: 2em; -} - -#onboard-dashboard .info i.circle, -.darkify { - font-weight: bolder; - color: #280076; -} - -#onboard-dashboard h2, -#onboard-dashboard h3 { - text-transform: capitalize; - letter-spacing: 0; -} - -.navigation a { - width:100% !important; - font-weight: 500 !important; - padding: 0 !important; -} - -#onboard-footer p a, -#onboard-dashboard .info p a { - color: #007BFF; - text-decoration: none; -} - -#onboard-dashboard .info #onboard-alert { - float: right; - padding: .3rem 1.7rem; -} - -#onboard-dashboard .info i { - font-size: 0.7rem; - margin-right: 1rem; -} - -#onboard-dashboard .tips .fa-circle { - font-size: 5.7px; - margin-right: 0.4rem; - top: -2px; - position: relative; -} - -#onboard-footer p { - margin: 0; - padding-left: 0.5rem; - padding-right: 0.5rem; -} - -#onboard-dashboard .tips .tips-info { - margin-top: 1rem; -} - -#onboard-dashboard .tips .tips-info p { - margin-bottom: 0.45rem; -} - -#onboard-dashboard .no-results { - background: #FFFFFF; -} - -.title-row { - display: flex; - float: right; - border-bottom: 2px solid #3E24FB; -} - -.bounty-info { - top: 4px; - text-align: right; -} - -#stats { - padding-left: 5px; - font-weight: 300; - color: #7A7A7A; -} - -.title { - text-transform: capitalize; - font-weight: 600; -} - -.bounty_row { - color: #000000; - text-decoration: none; - padding: 10px 3rem 10px 1rem; - display: flex; - flex-wrap: wrap; -} - -.bounty_row .avatar-container { - text-align: right; - margin-top: auto; - margin-bottom: auto; -} - -.bounty_row img { - margin-right: 20px; -} - -.bounty_row .title { - margin-bottom: 2px; -} - -.bounty_row:hover { - color: #000000; - text-decoration: none; - background-color: #F9F9F9; -} - -.bounty-detail { - margin-top: 10px; - margin-bottom: 10px; -} - -.bounty-summary { - display: inline-flex; -} - -.bounty-summary img { - position: absolute; - width: 20px; - margin: 0; - top: 2px; -} - -.bounty-summary .col-xs-1 { - margin-right: 2em; -} - -.bounty-summary .github-comment { - position: absolute; - text-align: center; - color: white; - width: 20px; - top: 0px; -} - -#onboard-dashboard .no-results img { - width: 15rem; -} - -.bounty-detail .info { - color: #666666; -} - -#onboard-dashboard .robot { - margin-top: auto; - margin-bottom: auto; -} - -#onboard-dashboard .robot img { - width: 12rem; -} - -.tags { - display: flex; - flex-wrap: wrap; -} - -.tags.fixed { - padding-bottom: 1rem; -} - -#onboard-footer { - text-align: center; - background: #F2F6F9; - padding-top: 2rem; - padding-bottom: 2rem; -} - -@media (min-width: 992px) { - - #onboard-dashboard .tips { - padding-left: 2rem; - border-left: 1.5px solid #dbdcdc; - } -} - -@media (max-width: 991.98px) { - .bounty_row { - padding-left: 1rem; - padding-right: 1rem; - } - - #onboard-dashboard .robot { - display: none; - } - - .bounty_row .avatar-container { - display: none !important; - } -} - -@media (max-width: 768px) { - - #onboard-dashboard .col-12 { - padding-left: 3em; - padding-right: 3em; - } - - .bounty-info { - top: 10px; - font-size: 10px; - text-align: left; - } - - #stats { - font-size: 10px; - } -} - -.hiring-alt { - font-size: 11px; - color: #4A90E2; - font-weight: 700; - letter-spacing: 1.7px; -} - -.hackathon-alt { - font-size: 11px; - color: #0d0764; - font-weight: 600; - letter-spacing: 1.7px; -} - -.hackathon-explorer { - background: rgb(242, 246, 249) !important; -} - -.hackathon-explorer .hackathon-alt { - display: none; -} - -.status-open { - color: #00A652; -} - -.status-reserved { - color: #d58512; -} - -.status-started { - color: #0D0764; -} - -.status-submitted { - color: #008EFF; -} - -.status-done { - color: #666666; -} - -.status-cancelled, -.status-expired { - color: #C70018; -} - -.separator-bull { - margin: 0 0.6em; -} - -.separator-bull:after { - content: '\2022' -} - -.btn-expand-token { - position: absolute; - line-height: 1.5rem; - border: 0; - background-color: transparent; - font-weight: 400; - color: #007bff; -} - -.btn-expand-token:focus { - color: #007bff; -} - -.expired-icon { - font-size: 15px; - padding-right: 0.5em; - vertical-align: text-bottom; -} - -.navigation { - height: 60px; - display: flex; - align-items: center; -} - -.navigation .nav-link, .navigation .nav-link:hover { - color: inherit; - border:0; -} - -.navigation .nav-link.active { - background-color: transparent !important; - font-weight: bold !important; - color: #4700FF !important; - border-bottom: 4px solid #4700FF !important; -} - -li.navigation > a.nav-link { - height: 100%; -} - - -.sponsor-top { - height: 60px; - display: flex; - background-color: #ffffff; - border-bottom: 1px solid #dee2e6; -} - -div.nav-tabs { - background-color:#ffffff; - border-left:0; -} - -.hackathon-explorer ul.nav-tabs { - border:0; -} diff --git a/app/assets/v2/css/dashboard-vue-hackathon.css b/app/assets/v2/css/dashboard-vue-hackathon.css deleted file mode 100644 index da09e0b6915..00000000000 --- a/app/assets/v2/css/dashboard-vue-hackathon.css +++ /dev/null @@ -1,293 +0,0 @@ -.ribbon { - width: 150px; - height: 150px; - overflow: hidden; - position: absolute; -} - -.ribbon::before, -.ribbon::after { - position: absolute; - z-index: -1; - content: ''; - display: block; - border: 5px solid #000; -} - -.ribbon span { - position: absolute; - display: block; - width: 225px; - padding: 8px 0; - background-color: #25E899; - box-shadow: 0 5px 10px rgba(0, 0, 0, .1); - color: #000; - font: 700 18px/1 'Lato', sans-serif; - text-shadow: 0 1px 1px rgba(0, 0, 0, .2); - text-transform: uppercase; - text-align: center; -} - -/* top left*/ -.ribbon-top-left { - top: -10px; - left: -10px; -} - -.ribbon-top-left::before, -.ribbon-top-left::after { - border-top-color: transparent; - border-left-color: transparent; -} - -.ribbon-top-left::before { - top: 0; - right: 0; -} - -.ribbon-top-left::after { - bottom: 0; - left: 0; -} - -.ribbon-top-left span { - right: -25px; - top: 30px; - transform: rotate(-45deg); -} - -/* top right*/ -.ribbon-top-right { - top: -10px; - right: -10px; -} - -.ribbon-top-right::before, -.ribbon-top-right::after { - border-top-color: transparent; - border-right-color: transparent; -} - -.ribbon-top-right::before { - top: 0; - left: 0; -} - -.ribbon-top-right::after { - bottom: 0; - right: 0; -} - -.ribbon-top-right span { - left: -25px; - top: 30px; - transform: rotate(45deg); -} - -/* bottom left*/ -.ribbon-bottom-left { - bottom: -10px; - left: -10px; -} - -.ribbon-bottom-left::before, -.ribbon-bottom-left::after { - border-bottom-color: transparent; - border-left-color: transparent; -} - -.ribbon-bottom-left::before { - bottom: 0; - right: 0; -} - -.ribbon-bottom-left::after { - top: 0; - left: 0; -} - -.ribbon-bottom-left span { - right: -25px; - bottom: 30px; - transform: rotate(225deg); -} - -/* bottom right*/ -.ribbon-bottom-right { - bottom: -10px; - right: -10px; -} - -.ribbon-bottom-right::before, -.ribbon-bottom-right::after { - border-bottom-color: transparent; - border-right-color: transparent; -} - -.ribbon-bottom-right::before { - bottom: 0; - left: 0; -} - -.ribbon-bottom-right::after { - top: 0; - right: 0; -} - -.ribbon-bottom-right span { - left: -25px; - bottom: 30px; - transform: rotate(-225deg); -} - - -.show > .btn-secondary.dropdown-toggle { - background-color: var(--gc-blue-hover) !important; -} - - -.card-bg { - background-color: #0C1A27; - padding: 1.8em; - background-size: cover; -} - -.card-project { - text-align: center; - box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); -} - -.card-badge { - right: 1em; - top: 1em; - filter: drop-shadow(0 0.3rem 0.2rem rgba(0, 0, 0, 0.25)); - width: 4em; -} - -.tribes-logo img { - height: 100%; - width: 100%; -} - -.tribes-logo.badge-secondary { - background-color: #fff; -} - -#sponsor_sidebar { - background-color: #F9F9F9; - height: 100%; -} - -.card-project-logo { - background-color: rgba(255, 255, 255, 0.30); - object-fit: contain; -} - -.project-grid { - display: grid; - grid-template-columns: repeat(1, 1fr); - grid-gap: 5rem 3rem; -} - -@media (min-width: 1200px) { - .project-grid { - grid-template-columns: repeat(2, 1fr); - } -} - -@media (min-width: 1800px) { - .project-grid { - grid-template-columns: repeat(3, 1fr); - } -} - -.page-link-gc { - color: #3e24fb; -} - -.page-item.active .page-link-gc { - background-color: #3e24fb; - border-color: #3e24fb; -} - -.nav-list-dashboard { - position: absolute; - bottom: 0; -} - - -.bounty_row img.avatar { - max-width: 50px; -} - -.hackathon-title { - font-size: 1.4rem; -} - -.hackathon-countdown { - font-size: 1rem; -} - -.bounty_row { - background-color: white; - margin-bottom: 15px; - border-radius: 4px; -} - -.hack-logo-wrapper { - position: absolute; - max-width: 240px; - top: -200px; - left: -32%; -} - -.townsquare_header { - width: 100%; - height: 100%; - overflow: hidden; -} - - -.hackathon-logo img { - height: 185px; - object-fit: contain; -} - -.register { - width: 100%; -} -.controls .form-control, .controls .btn, .controls label { - font-size: 0.7rem; -} - -.looking-team { - background-color: rgba(62, 0, 255, 0.05); - border-radius: 8px; - padding: 11px 15px; -} - -.info-card-title { - font-weight: bold; - font-size: 12px; - line-height: 22px; - letter-spacing: 1px; - color: #3E00FF; -} - -.info-card-desc { - font-style: italic; - font-weight: normal; - font-size: 12px; - line-height: 18px; - color: #666666; -} - -@media (max-width: 767.98px) { - .navbar-brand img, .navbar-brand svg { - height: 20px; - } - - li.navigation > a.nav-link { - font-size: 14px; - } -} diff --git a/app/assets/v2/css/dashboard.css b/app/assets/v2/css/dashboard.css deleted file mode 100644 index bfe18dd71a3..00000000000 --- a/app/assets/v2/css/dashboard.css +++ /dev/null @@ -1,314 +0,0 @@ -body { - background: #FFFFFF; -} - -.invisible { - background: #FFFFFF !important; - visibility: hidden; - height: 0; -} - -.navigation { - height: 60px; - display: flex; - align-items: center; -} - -.navigation a { - font-weight: 500; - padding: 0; -} - -.navigation a.active { - font-weight: bold; - color: #0b0d9d; - border-bottom: 4px solid #0b0d9d; -} - -#onboard-dashboard { - background: #F2F6F9; - margin-bottom: 2em; -} - -#onboard-dashboard > div { - padding-top: 3.5rem; - padding-bottom: 2em; -} - -#onboard-dashboard .info i.circle, -.darkify { - font-weight: bolder; - color: #280076; -} - -#onboard-dashboard h2, -#onboard-dashboard h3 { - text-transform: capitalize; - letter-spacing: 0; -} - -#onboard-footer p a, -#onboard-dashboard .info p a { - color: #007BFF; - text-decoration: none; -} - -#onboard-dashboard .info #onboard-alert { - float: right; - padding: .3rem 1.7rem; -} - -#onboard-dashboard .info i { - font-size: 0.7rem; - margin-right: 1rem; -} - -#onboard-dashboard .tips .fa-circle { - font-size: 5.7px; - margin-right: 0.4rem; - top: -2px; - position: relative; -} - -#onboard-footer p { - margin: 0; - padding-left: 0.5rem; - padding-right: 0.5rem; -} - -#onboard-dashboard .tips .tips-info { - margin-top: 1rem; -} - -#onboard-dashboard .tips .tips-info p { - margin-bottom: 0.45rem; -} - -#onboard-dashboard .no-results { - background: #FFFFFF; -} - -.title-row { - display: flex; - float: right; - border-bottom: 2px solid #3E24FB; -} - -.bounty-info { - top: 4px; - text-align: right; -} - -#stats { - padding-left: 5px; - font-weight: 300; - color: #7A7A7A; -} - -.title { - text-transform: capitalize; - font-weight: 600; -} - -.bounty_row { - color: #000000; - text-decoration: none; - padding: 10px 3rem 10px 1rem; - display: flex; - flex-wrap: wrap; -} - -.bounty_row .avatar-container { - text-align: right; - margin-top: auto; - margin-bottom: auto; -} - -.bounty_row img { - margin-right: 20px; -} - -.bounty_row .title { - margin-bottom: 2px; -} - -.bounty_row:hover { - color: #000000; - text-decoration: none; - background-color: #F9F9F9; -} - -.bounty-detail { - margin-top: 10px; - margin-bottom: 10px; -} - -.bounty-summary { - display: inline-flex; -} - -.bounty-summary img { - position: absolute; - width: 20px; - margin: 0; - top: 2px; -} - -.bounty-summary .col-xs-1 { - margin-right: 2em; -} - -.bounty-summary .github-comment { - position: absolute; - text-align: center; - color: white; - width: 20px; - top: 0px; -} - -#onboard-dashboard .no-results img { - width: 15rem; -} - -.bounty-detail .info { - color: #666666; -} - -#onboard-dashboard .robot { - margin-top: auto; - margin-bottom: auto; -} - -#onboard-dashboard .robot img { - width: 12rem; -} - -.tags { - display: flex; - flex-wrap: wrap; -} - -.tags.fixed { - padding-bottom: 1rem; -} - -#onboard-footer { - text-align: center; - background: #F2F6F9; - padding-top: 2rem; - padding-bottom: 2rem; -} - -@media (min-width: 992px) { - - #onboard-dashboard .tips { - padding-left: 2rem; - border-left: 1.5px solid #dbdcdc; - } -} - -@media (max-width: 991.98px) { - .bounty_row { - padding-left: 1rem; - padding-right: 1rem; - } - - #onboard-dashboard .robot { - display: none; - } - - .bounty_row .avatar-container { - display: none !important; - } -} - -@media (max-width: 768px) { - - #onboard-dashboard .col-12 { - padding-left: 3em; - padding-right: 3em; - } - - .bounty-info { - top: 10px; - font-size: 10px; - text-align: left; - } - - #stats { - font-size: 10px; - } -} - -.hiring-alt { - font-size: 11px; - color: #4A90E2; - font-weight: 700; - letter-spacing: 1.7px; -} - -.hackathon-alt { - font-size: 11px; - color: #0d0764; - font-weight: 600; - letter-spacing: 1.7px; -} -.hackathon-explorer { - background: rgb(242, 246, 249) !important; -} - -.hackathon-explorer .hackathon-alt { - display: none; -} - -.status-open { - color: #00A652; -} - -.status-reserved { - color: #d58512; -} - -.status-started { - color: #0D0764; -} - -.status-submitted { - color: #008EFF; -} - -.status-done { - color: #666666; -} - -.status-cancelled, -.status-expired { - color: #C70018; -} - -.separator-bull { - margin: 0 0.6em; -} - -.separator-bull:after { - content: '\2022' -} - -.btn-expand-token { - position: absolute; - line-height: 1.5rem; - border: 0; - background-color: transparent; - font-weight: 400; - color: #007bff; -} - -.btn-expand-token:focus { - color: #007bff; -} - -.expired-icon { - font-size: 15px; - padding-right: 0.5em; - vertical-align: text-bottom; -} diff --git a/app/assets/v2/css/explorer.css b/app/assets/v2/css/explorer.css deleted file mode 100644 index 6f175fcb84a..00000000000 --- a/app/assets/v2/css/explorer.css +++ /dev/null @@ -1,81 +0,0 @@ -.bounty_row { - color: #000000; - text-decoration: none; - padding: 10px 1rem; -} - -.bounty_row:hover { - color: #000000; - text-decoration: none; - background-color: #F9F9F9; -} - -.hiring-alt { - font-size: 11px; - color: #4A90E2; - font-weight: 700; - letter-spacing: 1.7px; -} - -.hackathon-alt { - font-size: 11px; - color: #0d0764; - font-weight: 600; - letter-spacing: 1.7px; -} - -.hackathon-explorer .hackathon-alt { - display: none; -} - -.status-open { - color: #00A652; -} - -.status-reserved { - color: #d58512; -} - -.status-started { - color: #0D0764; -} - -.status-submitted { - color: #008EFF; -} - -.status-done { - color: #666666; -} - -.status-cancelled, -.status-expired { - color: #C70018; -} - -.separator-bull { - margin: 0 0.6em; -} - -.separator-bull:after { - content: '\2022' -} - -.btn-expand-token { - position: absolute; - line-height: 1.5rem; - border: 0; - background-color: transparent; - font-weight: 400; - color: #007bff; -} - -.btn-expand-token:focus { - color: #007bff; -} - -.expired-icon { - font-size: 15px; - padding-right: 0.5em; - vertical-align: text-bottom; -} diff --git a/app/assets/v2/css/external_bounties/checkboxes.css b/app/assets/v2/css/external_bounties/checkboxes.css deleted file mode 100644 index e80aef07cfb..00000000000 --- a/app/assets/v2/css/external_bounties/checkboxes.css +++ /dev/null @@ -1,165 +0,0 @@ -/* Using checkbox -
- - -
-*/ - -.filter-label { - display: inline-block; - margin-left: 10px; -} - -.checkbox_container label::after { - content: ''; - position: absolute; - width: 0.5em; - height: 0.9em; - border: solid white; - border-width: 0 0.15em 0.15em 0; - -webkit-transform: rotate(45deg) translate(-0.7em, -1.25em); - -ms-transform: rotate(45deg) translate(-0.7em, -1.25em); - transform: rotate(45deg) translate(-0.7em, -1.25em); -} - -.checkbox_container input { - position: absolute; - clip: rect(1px, 1px, 1px, 1px); - padding: 0; - border: 0; - height: 1px; - width: 1px; - overflow: hidden; -} - -.checkbox_container label::before { - content: ''; - position: relative; - display: inline-block !important; - left: 0px; - top: 3px; - height: 1.25em; - width: 1.25em; - background-color: #FFF; - border: 1px solid #D3D3D3; - border-radius: 2px; - margin-right: 0.5em; -} - -.checkbox_container label::after { - display: none; -} - -.checkbox_container input:checked ~ label::before, -.checkbox_container input:checked ~ * label::before { - background-color:#3E00FF; - border: 1px solid #3E00FF; - display: block; -} - -.checkbox_container input:checked ~ label::after, -.checkbox_container input:checked ~ * label::after { - display: block; -} -.checkbox_container input:focus + label::before, -.checkbox_container input:focus ~ * label::before { - outline: auto; - outline-color: #619cf6; -} - -/* Below needs refactoring */ - -.checkbox .checkbox-label { - align-items: center; - cursor: pointer; - display: inline-flex; - margin-bottom: 0; - width: 100%; -} - -.checkbox .checkbox-label::before { - background-color: #fff; - border: 1px solid #0d023b; - content: ''; - display: inline-block; - height: 18px; - margin-right: 10px; - transition: all 0.04s linear; - vertical-align: text-top; - width: 18px; -} - -.checkbox .checkbox-input { - position: absolute; - opacity: 0; -} - -.checkbox .checkbox-input:checked + .checkbox-label::before { - background-color: #26cd7f; - border: 3px solid #36E69B; -} - -/* border checkbox */ - -.gc-checkbox { - display: flex; - align-items: center; -} - -.gc-checkbox input[type="checkbox"] { - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - margin-top: .75em; - opacity: .00001; - position: relative; - vertical-align: top; - z-index: 2; -} - -.gc-checkbox label { - position: relative; - display: inline-block; - padding-left: 22px; - min-height: 16px; - vertical-align: middle; -} - -.gc-checkbox label::before, -.gc-checkbox label::after { - position: absolute; - content: ""; - display: inline-block; -} - -.gc-checkbox label::before{ - height: 18px; - width: 18px; - border: 2px solid #9F9F9F; - border-radius: 3px; - left: 0px; - top: 3px; -} - -.gc-checkbox label::after { - height: 6px; - width: 10px; - border-left: 2px solid; - border-bottom: 2px solid; - transform: rotate(-45deg); - left: 4px; - top: 8px; -} - -.gc-checkbox input[type="checkbox"] + label::after { - content: none; -} - -.gc-checkbox input[type="checkbox"]:checked + label::after { - content: ""; -} - -.gc-checkbox input[type="checkbox"]:focus + label::before { - outline: rgb(59, 153, 252) auto 5px; -} - diff --git a/app/assets/v2/css/faucet.css b/app/assets/v2/css/faucet.css deleted file mode 100644 index dc2449c3adc..00000000000 --- a/app/assets/v2/css/faucet.css +++ /dev/null @@ -1,65 +0,0 @@ -.form-container { - text-align: center; - margin: 50px auto; - width: 50%; -} - -.faucet-form label { - margin-bottom: 5px; -} - -.faucet-input-group { - margin-bottom: 15px; -} - -.faucet-form-img { - margin: 0 auto; - max-width: 475px; -} - -.faucet-form-img img { - width: 100%; -} - -.faucet_response { - display: none; -} - -.hidden-desktop { - display: none; -} - -a#submitFaucet.disabled { - background-color: grey; -} - -@media (max-width: 481px) { - .form-container { - width: 90%; - } - - .faucet-form-img { - max-width: 150px; - margin-bottom: 20px; - } - - .faucet-form-submit { - width: 100%; - } - - .faucet-comment { - height: 100px; - } - - .faucet-input { - border-radius: 0; - } - - .hidden-mobile { - display: none; - } - - .hidden-desktop { - display: block; - } -} diff --git a/app/assets/v2/css/featured-bounties.css b/app/assets/v2/css/featured-bounties.css deleted file mode 100644 index 3044bd0530e..00000000000 --- a/app/assets/v2/css/featured-bounties.css +++ /dev/null @@ -1,110 +0,0 @@ -.featured-bounties { - color: #fff; - background-color: #0d003c; - padding: 0.7rem 1.5rem; - position: relative; -} - -.featured-bounties__arrow { - position: absolute; - top: 0; - bottom: 0; - opacity: 0; - z-index: 1; - color: #10ce7c; - background: transparent; - border: none; -} - -.featured-bounties__arrow:hover, -.featured-bounties__arrow:focus { - color: #57e6a8; - opacity: 1; -} - -.featured-bounties:hover .featured-bounties__arrow { - opacity: 1; -} - -.featured-bounties__arrow-left { - left: 0; -} - -.featured-bounties__arrow-right { - right: 10px; -} - -.featured-bounties__title { - font-size: 1.25em; - font-weight: 600; - margin-bottom: 0; -} - -.featured-bounties__title .status-open { - color: #00e996; - font-size: 0.7em; - margin-left: 1.5em; -} - -.featured-bounties .scroll-carousel { - -webkit-overflow-scrolling: touch; -} - -.bounty-card { - display: flex; - color: #0d003c; - background-color: #fff; - border-radius: 2px; - position: relative; - margin: 1rem 0.4rem; - scroll-snap-align: none start; - transition: .45s all ease-in-out; - flex-wrap: nowrap; - flex-direction: row; - flex: 0 0 20%; - max-width: 20%; - align-items: center; - border: 1px solid #cfcfcf; - padding: 1em .5em; - font-size: 12px; - min-width: 18rem; -} - -.bounty-card .tag.token:first-child { - margin-left: 0; -} - -.bounty-card__link { - color: #5100ff; - font-size: 0.9em; - font-weight: 600; -} - -.bounty-card__title { - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - text-overflow: ellipsis; - overflow: hidden; - margin-bottom: 0; - font-weight: 600; -} - -.bounty-card__avatar { - flex-shrink: 0; - width: 56px; - height: 56px; - margin-right: 0.5rem; -} - -.carousel-control-small .carousel-control-next, -.carousel-control-small .carousel-control-prev { - width: 2.3rem; - height: 2.3rem; - background: #d3d3d3; - top: 0; - bottom: 0; - margin: auto -0.3em; - border-radius: 40px; -} - diff --git a/app/assets/v2/css/fontawesome-all.min.css b/app/assets/v2/css/fontawesome-all.min.css deleted file mode 100644 index 4a05d3c771e..00000000000 --- a/app/assets/v2/css/fontawesome-all.min.css +++ /dev/null @@ -1,6 +0,0 @@ -/* stylelint-disable */ -/*! - * Font Awesome 5.12.1 by @fontawesome - https://fontawesome.com - * License - https://fontawesome.com/license (Commercial License) - */ -.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul > li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-abacus:before{content:"\f640"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acorn:before{content:"\f6ae"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-conditioner:before{content:"\f8f4"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-alarm-clock:before{content:"\f34e"}.fa-alarm-exclamation:before{content:"\f843"}.fa-alarm-plus:before{content:"\f844"}.fa-alarm-snooze:before{content:"\f845"}.fa-album:before{content:"\f89f"}.fa-album-collection:before{content:"\f8a0"}.fa-algolia:before{content:"\f36c"}.fa-alicorn:before{content:"\f6b0"}.fa-alien:before{content:"\f8f5"}.fa-alien-monster:before{content:"\f8f6"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-align-slash:before{content:"\f846"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-amp-guitar:before{content:"\f8a1"}.fa-analytics:before{content:"\f643"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angel:before{content:"\f779"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-crate:before{content:"\f6b1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-alt-down:before{content:"\f354"}.fa-arrow-alt-from-bottom:before{content:"\f346"}.fa-arrow-alt-from-left:before{content:"\f347"}.fa-arrow-alt-from-right:before{content:"\f348"}.fa-arrow-alt-from-top:before{content:"\f349"}.fa-arrow-alt-left:before{content:"\f355"}.fa-arrow-alt-right:before{content:"\f356"}.fa-arrow-alt-square-down:before{content:"\f350"}.fa-arrow-alt-square-left:before{content:"\f351"}.fa-arrow-alt-square-right:before{content:"\f352"}.fa-arrow-alt-square-up:before{content:"\f353"}.fa-arrow-alt-to-bottom:before{content:"\f34a"}.fa-arrow-alt-to-left:before{content:"\f34b"}.fa-arrow-alt-to-right:before{content:"\f34c"}.fa-arrow-alt-to-top:before{content:"\f34d"}.fa-arrow-alt-up:before{content:"\f357"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-from-bottom:before{content:"\f342"}.fa-arrow-from-left:before{content:"\f343"}.fa-arrow-from-right:before{content:"\f344"}.fa-arrow-from-top:before{content:"\f345"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-square-down:before{content:"\f339"}.fa-arrow-square-left:before{content:"\f33a"}.fa-arrow-square-right:before{content:"\f33b"}.fa-arrow-square-up:before{content:"\f33c"}.fa-arrow-to-bottom:before{content:"\f33d"}.fa-arrow-to-left:before{content:"\f33e"}.fa-arrow-to-right:before{content:"\f340"}.fa-arrow-to-top:before{content:"\f341"}.fa-arrow-up:before{content:"\f062"}.fa-arrows:before{content:"\f047"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-arrows-h:before{content:"\f07e"}.fa-arrows-v:before{content:"\f07d"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-atom-alt:before{content:"\f5d3"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-axe:before{content:"\f6b2"}.fa-axe-battle:before{content:"\f6b3"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backpack:before{content:"\f5d4"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-badge:before{content:"\f335"}.fa-badge-check:before{content:"\f336"}.fa-badge-dollar:before{content:"\f645"}.fa-badge-percent:before{content:"\f646"}.fa-badge-sheriff:before{content:"\f8a2"}.fa-badger-honey:before{content:"\f6b4"}.fa-bags-shopping:before{content:"\f847"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ball-pile:before{content:"\f77e"}.fa-ballot:before{content:"\f732"}.fa-ballot-check:before{content:"\f733"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-banjo:before{content:"\f8a3"}.fa-barcode:before{content:"\f02a"}.fa-barcode-alt:before{content:"\f463"}.fa-barcode-read:before{content:"\f464"}.fa-barcode-scan:before{content:"\f465"}.fa-bars:before{content:"\f0c9"}.fa-baseball:before{content:"\f432"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-basketball-hoop:before{content:"\f435"}.fa-bat:before{content:"\f6b5"}.fa-bath:before{content:"\f2cd"}.fa-battery-bolt:before{content:"\f376"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-slash:before{content:"\f377"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-bed-alt:before{content:"\f8f7"}.fa-bed-bunk:before{content:"\f8f8"}.fa-bed-empty:before{content:"\f8f9"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-exclamation:before{content:"\f848"}.fa-bell-on:before{content:"\f8fa"}.fa-bell-plus:before{content:"\f849"}.fa-bell-school:before{content:"\f5d5"}.fa-bell-school-slash:before{content:"\f5d6"}.fa-bell-slash:before{content:"\f1f6"}.fa-bells:before{content:"\f77f"}.fa-betamax:before{content:"\f8a4"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-biking-mountain:before{content:"\f84b"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blanket:before{content:"\f498"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blinds:before{content:"\f8fb"}.fa-blinds-open:before{content:"\f8fc"}.fa-blinds-raised:before{content:"\f8fd"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bone-break:before{content:"\f5d8"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-alt:before{content:"\f5d9"}.fa-book-dead:before{content:"\f6b7"}.fa-book-heart:before{content:"\f499"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-book-spells:before{content:"\f6b8"}.fa-book-user:before{content:"\f7e7"}.fa-bookmark:before{content:"\f02e"}.fa-books:before{content:"\f5db"}.fa-books-medical:before{content:"\f7e8"}.fa-boombox:before{content:"\f8a5"}.fa-boot:before{content:"\f782"}.fa-booth-curtain:before{content:"\f734"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-bottom:before{content:"\f84d"}.fa-border-center-h:before{content:"\f89c"}.fa-border-center-v:before{content:"\f89d"}.fa-border-inner:before{content:"\f84e"}.fa-border-left:before{content:"\f84f"}.fa-border-none:before{content:"\f850"}.fa-border-outer:before{content:"\f851"}.fa-border-right:before{content:"\f852"}.fa-border-style:before{content:"\f853"}.fa-border-style-alt:before{content:"\f854"}.fa-border-top:before{content:"\f855"}.fa-bow-arrow:before{content:"\f6b9"}.fa-bowling-ball:before{content:"\f436"}.fa-bowling-pins:before{content:"\f437"}.fa-box:before{content:"\f466"}.fa-box-alt:before{content:"\f49a"}.fa-box-ballot:before{content:"\f735"}.fa-box-check:before{content:"\f467"}.fa-box-fragile:before{content:"\f49b"}.fa-box-full:before{content:"\f49c"}.fa-box-heart:before{content:"\f49d"}.fa-box-open:before{content:"\f49e"}.fa-box-up:before{content:"\f49f"}.fa-box-usd:before{content:"\f4a0"}.fa-boxes:before{content:"\f468"}.fa-boxes-alt:before{content:"\f4a1"}.fa-boxing-glove:before{content:"\f438"}.fa-brackets:before{content:"\f7e9"}.fa-brackets-curly:before{content:"\f7ea"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-loaf:before{content:"\f7eb"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-bring-forward:before{content:"\f856"}.fa-bring-front:before{content:"\f857"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-browser:before{content:"\f37e"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-bullseye-arrow:before{content:"\f648"}.fa-bullseye-pointer:before{content:"\f649"}.fa-burger-soda:before{content:"\f858"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-burrito:before{content:"\f7ed"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-bus-school:before{content:"\f5dd"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-cabinet-filing:before{content:"\f64b"}.fa-cactus:before{content:"\f8a7"}.fa-calculator:before{content:"\f1ec"}.fa-calculator-alt:before{content:"\f64c"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-edit:before{content:"\f333"}.fa-calendar-exclamation:before{content:"\f334"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-star:before{content:"\f736"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camcorder:before{content:"\f8a8"}.fa-camera:before{content:"\f030"}.fa-camera-alt:before{content:"\f332"}.fa-camera-home:before{content:"\f8fe"}.fa-camera-movie:before{content:"\f8a9"}.fa-camera-polaroid:before{content:"\f8aa"}.fa-camera-retro:before{content:"\f083"}.fa-campfire:before{content:"\f6ba"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candle-holder:before{content:"\f6bc"}.fa-candy-cane:before{content:"\f786"}.fa-candy-corn:before{content:"\f6bd"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-building:before{content:"\f859"}.fa-car-bump:before{content:"\f5e0"}.fa-car-bus:before{content:"\f85a"}.fa-car-crash:before{content:"\f5e1"}.fa-car-garage:before{content:"\f5e2"}.fa-car-mechanic:before{content:"\f5e3"}.fa-car-side:before{content:"\f5e4"}.fa-car-tilt:before{content:"\f5e5"}.fa-car-wash:before{content:"\f5e6"}.fa-caravan:before{content:"\f8ff"}.fa-caravan-alt:before{content:"\f900"}.fa-caret-circle-down:before{content:"\f32d"}.fa-caret-circle-left:before{content:"\f32e"}.fa-caret-circle-right:before{content:"\f330"}.fa-caret-circle-up:before{content:"\f331"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cars:before{content:"\f85b"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cassette-tape:before{content:"\f8ab"}.fa-cat:before{content:"\f6be"}.fa-cat-space:before{content:"\f901"}.fa-cauldron:before{content:"\f6bf"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-cctv:before{content:"\f8ac"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chair-office:before{content:"\f6c1"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-line-down:before{content:"\f64d"}.fa-chart-network:before{content:"\f78a"}.fa-chart-pie:before{content:"\f200"}.fa-chart-pie-alt:before{content:"\f64e"}.fa-chart-scatter:before{content:"\f7ee"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-cheese-swiss:before{content:"\f7f0"}.fa-cheeseburger:before{content:"\f7f1"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-bishop-alt:before{content:"\f43b"}.fa-chess-board:before{content:"\f43c"}.fa-chess-clock:before{content:"\f43d"}.fa-chess-clock-alt:before{content:"\f43e"}.fa-chess-king:before{content:"\f43f"}.fa-chess-king-alt:before{content:"\f440"}.fa-chess-knight:before{content:"\f441"}.fa-chess-knight-alt:before{content:"\f442"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-pawn-alt:before{content:"\f444"}.fa-chess-queen:before{content:"\f445"}.fa-chess-queen-alt:before{content:"\f446"}.fa-chess-rook:before{content:"\f447"}.fa-chess-rook-alt:before{content:"\f448"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-double-down:before{content:"\f322"}.fa-chevron-double-left:before{content:"\f323"}.fa-chevron-double-right:before{content:"\f324"}.fa-chevron-double-up:before{content:"\f325"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-square-down:before{content:"\f329"}.fa-chevron-square-left:before{content:"\f32a"}.fa-chevron-square-right:before{content:"\f32b"}.fa-chevron-square-up:before{content:"\f32c"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chimney:before{content:"\f78b"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clarinet:before{content:"\f8ad"}.fa-claw-marks:before{content:"\f6c2"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clipboard-list-check:before{content:"\f737"}.fa-clipboard-prescription:before{content:"\f5e8"}.fa-clipboard-user:before{content:"\f7f3"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-drizzle:before{content:"\f738"}.fa-cloud-hail:before{content:"\f739"}.fa-cloud-hail-mixed:before{content:"\f73a"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-music:before{content:"\f8ae"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-rainbow:before{content:"\f73e"}.fa-cloud-showers:before{content:"\f73f"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sleet:before{content:"\f741"}.fa-cloud-snow:before{content:"\f742"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-clouds:before{content:"\f744"}.fa-clouds-moon:before{content:"\f745"}.fa-clouds-sun:before{content:"\f746"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-club:before{content:"\f327"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-merge:before{content:"\f387"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-coffee-pot:before{content:"\f902"}.fa-coffee-togo:before{content:"\f6c5"}.fa-coffin:before{content:"\f6c6"}.fa-coffin-cross:before{content:"\f951"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coin:before{content:"\f85c"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comet:before{content:"\f903"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-alt-check:before{content:"\f4a2"}.fa-comment-alt-dollar:before{content:"\f650"}.fa-comment-alt-dots:before{content:"\f4a3"}.fa-comment-alt-edit:before{content:"\f4a4"}.fa-comment-alt-exclamation:before{content:"\f4a5"}.fa-comment-alt-lines:before{content:"\f4a6"}.fa-comment-alt-medical:before{content:"\f7f4"}.fa-comment-alt-minus:before{content:"\f4a7"}.fa-comment-alt-music:before{content:"\f8af"}.fa-comment-alt-plus:before{content:"\f4a8"}.fa-comment-alt-slash:before{content:"\f4a9"}.fa-comment-alt-smile:before{content:"\f4aa"}.fa-comment-alt-times:before{content:"\f4ab"}.fa-comment-check:before{content:"\f4ac"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-edit:before{content:"\f4ae"}.fa-comment-exclamation:before{content:"\f4af"}.fa-comment-lines:before{content:"\f4b0"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-minus:before{content:"\f4b1"}.fa-comment-music:before{content:"\f8b0"}.fa-comment-plus:before{content:"\f4b2"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-smile:before{content:"\f4b4"}.fa-comment-times:before{content:"\f4b5"}.fa-comments:before{content:"\f086"}.fa-comments-alt:before{content:"\f4b6"}.fa-comments-alt-dollar:before{content:"\f652"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-slash:before{content:"\f5e9"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-compress-wide:before{content:"\f326"}.fa-computer-classic:before{content:"\f8b1"}.fa-computer-speaker:before{content:"\f8b2"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-construction:before{content:"\f85d"}.fa-container-storage:before{content:"\f4b7"}.fa-contao:before{content:"\f26d"}.fa-conveyor-belt:before{content:"\f46e"}.fa-conveyor-belt-alt:before{content:"\f46f"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-corn:before{content:"\f6c7"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cow:before{content:"\f6c8"}.fa-cowbell:before{content:"\f8b3"}.fa-cowbell-more:before{content:"\f8b4"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-credit-card-blank:before{content:"\f389"}.fa-credit-card-front:before{content:"\f38a"}.fa-cricket:before{content:"\f449"}.fa-critical-role:before{content:"\f6c9"}.fa-croissant:before{content:"\f7f6"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-crutches:before{content:"\f7f8"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-curling:before{content:"\f44a"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dagger:before{content:"\f6cb"}.fa-dailymotion:before{content:"\f952"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-debug:before{content:"\f7f9"}.fa-deer:before{content:"\f78e"}.fa-deer-rudolph:before{content:"\f78f"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-desktop-alt:before{content:"\f390"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dewpoint:before{content:"\f748"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diamond:before{content:"\f219"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d10:before{content:"\f6cd"}.fa-dice-d12:before{content:"\f6ce"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d4:before{content:"\f6d0"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-d8:before{content:"\f6d2"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digging:before{content:"\f85e"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-diploma:before{content:"\f5ea"}.fa-directions:before{content:"\f5eb"}.fa-disc-drive:before{content:"\f8b5"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-do-not-enter:before{content:"\f5ec"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dog-leashed:before{content:"\f6d4"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-empty:before{content:"\f473"}.fa-dolly-flatbed:before{content:"\f474"}.fa-dolly-flatbed-alt:before{content:"\f475"}.fa-dolly-flatbed-empty:before{content:"\f476"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-circle:before{content:"\f5ed"}.fa-draw-polygon:before{content:"\f5ee"}.fa-draw-square:before{content:"\f5ef"}.fa-dreidel:before{content:"\f792"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-drone:before{content:"\f85f"}.fa-drone-alt:before{content:"\f860"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick:before{content:"\f6d6"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dryer:before{content:"\f861"}.fa-dryer-alt:before{content:"\f862"}.fa-duck:before{content:"\f6d8"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-ear:before{content:"\f5f0"}.fa-ear-muffs:before{content:"\f795"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-eclipse:before{content:"\f749"}.fa-eclipse-alt:before{content:"\f74a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-egg-fried:before{content:"\f7fc"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-elephant:before{content:"\f6da"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-h-alt:before{content:"\f39b"}.fa-ellipsis-v:before{content:"\f142"}.fa-ellipsis-v-alt:before{content:"\f39c"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-empty-set:before{content:"\f656"}.fa-engine-warning:before{content:"\f5f2"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-dollar:before{content:"\f657"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange:before{content:"\f0ec"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-square:before{content:"\f321"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows:before{content:"\f31d"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expand-wide:before{content:"\f320"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link:before{content:"\f08e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square:before{content:"\f14c"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-evil:before{content:"\f6db"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fan-table:before{content:"\f904"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-farm:before{content:"\f864"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\f905"}.fa-faucet-drip:before{content:"\f906"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-field-hockey:before{content:"\f44c"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-certificate:before{content:"\f5f3"}.fa-file-chart-line:before{content:"\f659"}.fa-file-chart-pie:before{content:"\f65a"}.fa-file-check:before{content:"\f316"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-edit:before{content:"\f31c"}.fa-file-excel:before{content:"\f1c3"}.fa-file-exclamation:before{content:"\f31a"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-minus:before{content:"\f318"}.fa-file-music:before{content:"\f8b6"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-plus:before{content:"\f319"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-search:before{content:"\f865"}.fa-file-signature:before{content:"\f573"}.fa-file-spreadsheet:before{content:"\f65b"}.fa-file-times:before{content:"\f317"}.fa-file-upload:before{content:"\f574"}.fa-file-user:before{content:"\f65c"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-files-medical:before{content:"\f7fd"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-film-alt:before{content:"\f3a0"}.fa-film-canister:before{content:"\f8b7"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-smoke:before{content:"\f74b"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\f907"}.fa-fireplace:before{content:"\f79a"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fish-cooked:before{content:"\f7fe"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-alt:before{content:"\f74c"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flame:before{content:"\f6df"}.fa-flashlight:before{content:"\f8b8"}.fa-flask:before{content:"\f0c3"}.fa-flask-poison:before{content:"\f6e0"}.fa-flask-potion:before{content:"\f6e1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flower:before{content:"\f7ff"}.fa-flower-daffodil:before{content:"\f800"}.fa-flower-tulip:before{content:"\f801"}.fa-flushed:before{content:"\f579"}.fa-flute:before{content:"\f8b9"}.fa-flux-capacitor:before{content:"\f8ba"}.fa-fly:before{content:"\f417"}.fa-fog:before{content:"\f74e"}.fa-folder:before{content:"\f07b"}.fa-folder-download:before{content:"\f953"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-times:before{content:"\f65f"}.fa-folder-tree:before{content:"\f802"}.fa-folder-upload:before{content:"\f954"}.fa-folders:before{content:"\f660"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-font-case:before{content:"\f866"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-football-helmet:before{content:"\f44f"}.fa-forklift:before{content:"\f47a"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-fragile:before{content:"\f4bb"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-french-fries:before{content:"\f803"}.fa-frog:before{content:"\f52e"}.fa-frosty-head:before{content:"\f79b"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-function:before{content:"\f661"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-galaxy:before{content:"\f908"}.fa-game-board:before{content:"\f867"}.fa-game-board-alt:before{content:"\f868"}.fa-game-console-handheld:before{content:"\f8bb"}.fa-gamepad:before{content:"\f11b"}.fa-gamepad-alt:before{content:"\f8bc"}.fa-garage:before{content:"\f909"}.fa-garage-car:before{content:"\f90a"}.fa-garage-open:before{content:"\f90b"}.fa-gas-pump:before{content:"\f52f"}.fa-gas-pump-slash:before{content:"\f5f4"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gift-card:before{content:"\f663"}.fa-gifts:before{content:"\f79c"}.fa-gingerbread-man:before{content:"\f79d"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass:before{content:"\f804"}.fa-glass-champagne:before{content:"\f79e"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-citrus:before{content:"\f869"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glass-whiskey-rocks:before{content:"\f7a1"}.fa-glasses:before{content:"\f530"}.fa-glasses-alt:before{content:"\f5f5"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-globe-snow:before{content:"\f7a3"}.fa-globe-stand:before{content:"\f5f6"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-golf-club:before{content:"\f451"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gramophone:before{content:"\f8bd"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-guitar-electric:before{content:"\f8be"}.fa-guitars:before{content:"\f8bf"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-h1:before{content:"\f313"}.fa-h2:before{content:"\f314"}.fa-h3:before{content:"\f315"}.fa-h4:before{content:"\f86a"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hammer-war:before{content:"\f6e4"}.fa-hamsa:before{content:"\f665"}.fa-hand-heart:before{content:"\f4bc"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-box:before{content:"\f47b"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-magic:before{content:"\f6e5"}.fa-hand-holding-seedling:before{content:"\f4bf"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-receiving:before{content:"\f47c"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-heart:before{content:"\f4c3"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-usd:before{content:"\f4c5"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt:before{content:"\f4c6"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-chef:before{content:"\f86b"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-santa:before{content:"\f7a7"}.fa-hat-winter:before{content:"\f7a8"}.fa-hat-witch:before{content:"\f6e7"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side:before{content:"\f6e9"}.fa-head-side-brain:before{content:"\f808"}.fa-head-side-headphones:before{content:"\f8c2"}.fa-head-side-medical:before{content:"\f809"}.fa-head-vr:before{content:"\f6ea"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heart-circle:before{content:"\f4c7"}.fa-heart-rate:before{content:"\f5f8"}.fa-heart-square:before{content:"\f4c8"}.fa-heartbeat:before{content:"\f21e"}.fa-heat:before{content:"\f90c"}.fa-helicopter:before{content:"\f533"}.fa-helmet-battle:before{content:"\f6eb"}.fa-hexagon:before{content:"\f312"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-mask:before{content:"\f6ee"}.fa-hockey-puck:before{content:"\f453"}.fa-hockey-sticks:before{content:"\f454"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-home-alt:before{content:"\f80a"}.fa-home-heart:before{content:"\f4c9"}.fa-home-lg:before{content:"\f80b"}.fa-home-lg-alt:before{content:"\f80c"}.fa-hood-cloak:before{content:"\f6ef"}.fa-hooli:before{content:"\f427"}.fa-horizontal-rule:before{content:"\f86c"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-horse-saddle:before{content:"\f8c3"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hospitals:before{content:"\f80e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house:before{content:"\f90d"}.fa-house-damage:before{content:"\f6f1"}.fa-house-day:before{content:"\f90e"}.fa-house-flood:before{content:"\f74f"}.fa-house-leave:before{content:"\f90f"}.fa-house-night:before{content:"\f910"}.fa-house-return:before{content:"\f911"}.fa-house-signal:before{content:"\f912"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-humidity:before{content:"\f750"}.fa-hurricane:before{content:"\f751"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-ice-skate:before{content:"\f7ac"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-icons-alt:before{content:"\f86e"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\f913"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-image-polaroid:before{content:"\f8c4"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-inbox-in:before{content:"\f310"}.fa-inbox-out:before{content:"\f311"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-industry-alt:before{content:"\f3b3"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-info-square:before{content:"\f30f"}.fa-inhaler:before{content:"\f5f9"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\f955"}.fa-integral:before{content:"\f667"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-intersection:before{content:"\f668"}.fa-inventory:before{content:"\f480"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-island-tropical:before{content:"\f811"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jack-o-lantern:before{content:"\f30e"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-joystick:before{content:"\f8c5"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-jug:before{content:"\f8c6"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-kazoo:before{content:"\f8c7"}.fa-kerning:before{content:"\f86f"}.fa-key:before{content:"\f084"}.fa-key-skeleton:before{content:"\f6f3"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-keynote:before{content:"\f66c"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kidneys:before{content:"\f5fb"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kite:before{content:"\f6f4"}.fa-kiwi-bird:before{content:"\f535"}.fa-knife-kitchen:before{content:"\f6f5"}.fa-korvue:before{content:"\f42f"}.fa-lambda:before{content:"\f66e"}.fa-lamp:before{content:"\f4ca"}.fa-lamp-desk:before{content:"\f914"}.fa-lamp-floor:before{content:"\f915"}.fa-landmark:before{content:"\f66f"}.fa-landmark-alt:before{content:"\f752"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lasso:before{content:"\f8c8"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-layer-minus:before{content:"\f5fe"}.fa-layer-plus:before{content:"\f5ff"}.fa-leaf:before{content:"\f06c"}.fa-leaf-heart:before{content:"\f4cb"}.fa-leaf-maple:before{content:"\f6f6"}.fa-leaf-oak:before{content:"\f6f7"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down:before{content:"\f149"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up:before{content:"\f148"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-light-ceiling:before{content:"\f916"}.fa-light-switch:before{content:"\f917"}.fa-light-switch-off:before{content:"\f918"}.fa-light-switch-on:before{content:"\f919"}.fa-lightbulb:before{content:"\f0eb"}.fa-lightbulb-dollar:before{content:"\f670"}.fa-lightbulb-exclamation:before{content:"\f671"}.fa-lightbulb-on:before{content:"\f672"}.fa-lightbulb-slash:before{content:"\f673"}.fa-lights-holiday:before{content:"\f7b2"}.fa-line:before{content:"\f3c0"}.fa-line-columns:before{content:"\f870"}.fa-line-height:before{content:"\f871"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lips:before{content:"\f600"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-music:before{content:"\f8c9"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location:before{content:"\f601"}.fa-location-arrow:before{content:"\f124"}.fa-location-circle:before{content:"\f602"}.fa-location-slash:before{content:"\f603"}.fa-lock:before{content:"\f023"}.fa-lock-alt:before{content:"\f30d"}.fa-lock-open:before{content:"\f3c1"}.fa-lock-open-alt:before{content:"\f3c2"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-long-arrow-up:before{content:"\f176"}.fa-loveseat:before{content:"\f4cc"}.fa-low-vision:before{content:"\f2a8"}.fa-luchador:before{content:"\f455"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lyft:before{content:"\f3c3"}.fa-mace:before{content:"\f6f8"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailbox:before{content:"\f813"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-mandolin:before{content:"\f6f9"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-marker-alt-slash:before{content:"\f605"}.fa-map-marker-check:before{content:"\f606"}.fa-map-marker-edit:before{content:"\f607"}.fa-map-marker-exclamation:before{content:"\f608"}.fa-map-marker-minus:before{content:"\f609"}.fa-map-marker-plus:before{content:"\f60a"}.fa-map-marker-question:before{content:"\f60b"}.fa-map-marker-slash:before{content:"\f60c"}.fa-map-marker-smile:before{content:"\f60d"}.fa-map-marker-times:before{content:"\f60e"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-meat:before{content:"\f814"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaphone:before{content:"\f675"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\f91a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microphone-stand:before{content:"\f8cb"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-microwave:before{content:"\f91b"}.fa-mind-share:before{content:"\f677"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-hexagon:before{content:"\f307"}.fa-minus-octagon:before{content:"\f308"}.fa-minus-square:before{content:"\f146"}.fa-mistletoe:before{content:"\f7b4"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\f956"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-mobile-android:before{content:"\f3ce"}.fa-mobile-android-alt:before{content:"\f3cf"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-money-check-edit:before{content:"\f872"}.fa-money-check-edit-alt:before{content:"\f873"}.fa-monitor-heart-rate:before{content:"\f611"}.fa-monkey:before{content:"\f6fb"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-moon-cloud:before{content:"\f754"}.fa-moon-stars:before{content:"\f755"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mountains:before{content:"\f6fd"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-alt:before{content:"\f8cd"}.fa-mouse-pointer:before{content:"\f245"}.fa-mp3-player:before{content:"\f8ce"}.fa-mug:before{content:"\f874"}.fa-mug-hot:before{content:"\f7b6"}.fa-mug-marshmallows:before{content:"\f7b7"}.fa-mug-tea:before{content:"\f875"}.fa-music:before{content:"\f001"}.fa-music-alt:before{content:"\f8cf"}.fa-music-alt-slash:before{content:"\f8d0"}.fa-music-slash:before{content:"\f8d1"}.fa-napster:before{content:"\f3d2"}.fa-narwhal:before{content:"\f6fe"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octagon:before{content:"\f306"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-oil-temp:before{content:"\f614"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-omega:before{content:"\f67a"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-ornament:before{content:"\f7b8"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-outlet:before{content:"\f91c"}.fa-oven:before{content:"\f91d"}.fa-overline:before{content:"\f876"}.fa-page-break:before{content:"\f877"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-brush-alt:before{content:"\f5a9"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-pallet-alt:before{content:"\f483"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-paragraph-rtl:before{content:"\f878"}.fa-parking:before{content:"\f540"}.fa-parking-circle:before{content:"\f615"}.fa-parking-circle-slash:before{content:"\f616"}.fa-parking-slash:before{content:"\f617"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paw-alt:before{content:"\f701"}.fa-paw-claws:before{content:"\f702"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pegasus:before{content:"\f703"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil:before{content:"\f040"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-paintbrush:before{content:"\f618"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-pennant:before{content:"\f456"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-person-carry:before{content:"\f4cf"}.fa-person-dolly:before{content:"\f4d0"}.fa-person-dolly-empty:before{content:"\f4d1"}.fa-person-sign:before{content:"\f757"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-laptop:before{content:"\f87a"}.fa-phone-office:before{content:"\f67d"}.fa-phone-plus:before{content:"\f4d2"}.fa-phone-rotary:before{content:"\f8d3"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pi:before{content:"\f67e"}.fa-piano:before{content:"\f8d4"}.fa-piano-keyboard:before{content:"\f8d5"}.fa-pie:before{content:"\f705"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\f91e"}.fa-pig:before{content:"\f706"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza:before{content:"\f817"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-alt:before{content:"\f3de"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-planet-moon:before{content:"\f91f"}.fa-planet-ringed:before{content:"\f920"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-hexagon:before{content:"\f300"}.fa-plus-octagon:before{content:"\f301"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-podium:before{content:"\f680"}.fa-podium-star:before{content:"\f758"}.fa-police-box:before{content:"\f921"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poll-people:before{content:"\f759"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-popcorn:before{content:"\f819"}.fa-portal-enter:before{content:"\f922"}.fa-portal-exit:before{content:"\f923"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-presentation:before{content:"\f685"}.fa-print:before{content:"\f02f"}.fa-print-search:before{content:"\f81a"}.fa-print-slash:before{content:"\f686"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-projector:before{content:"\f8d6"}.fa-pumpkin:before{content:"\f707"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-question-square:before{content:"\f2fd"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rabbit:before{content:"\f708"}.fa-rabbit-fast:before{content:"\f709"}.fa-racquet:before{content:"\f45a"}.fa-radar:before{content:"\f924"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-radio:before{content:"\f8d7"}.fa-radio-alt:before{content:"\f8d8"}.fa-rainbow:before{content:"\f75b"}.fa-raindrops:before{content:"\f75c"}.fa-ram:before{content:"\f70a"}.fa-ramp-loading:before{content:"\f4d4"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-raygun:before{content:"\f925"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-rectangle-landscape:before{content:"\f2fa"}.fa-rectangle-portrait:before{content:"\f2fb"}.fa-rectangle-wide:before{content:"\f2fc"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-refrigerator:before{content:"\f926"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-repeat:before{content:"\f363"}.fa-repeat-1:before{content:"\f365"}.fa-repeat-1-alt:before{content:"\f366"}.fa-repeat-alt:before{content:"\f364"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-retweet-alt:before{content:"\f361"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-rings-wedding:before{content:"\f81b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocket-launch:before{content:"\f927"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-route-highway:before{content:"\f61a"}.fa-route-interstate:before{content:"\f61b"}.fa-router:before{content:"\f8da"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-triangle:before{content:"\f61c"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rv:before{content:"\f7be"}.fa-sack:before{content:"\f81c"}.fa-sack-dollar:before{content:"\f81d"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salad:before{content:"\f81e"}.fa-salesforce:before{content:"\f83b"}.fa-sandwich:before{content:"\f81f"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-sausage:before{content:"\f820"}.fa-save:before{content:"\f0c7"}.fa-sax-hot:before{content:"\f8db"}.fa-saxophone:before{content:"\f8dc"}.fa-scalpel:before{content:"\f61d"}.fa-scalpel-path:before{content:"\f61e"}.fa-scanner:before{content:"\f488"}.fa-scanner-image:before{content:"\f8f3"}.fa-scanner-keyboard:before{content:"\f489"}.fa-scanner-touchscreen:before{content:"\f48a"}.fa-scarecrow:before{content:"\f70d"}.fa-scarf:before{content:"\f7c1"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-scroll-old:before{content:"\f70f"}.fa-scrubber:before{content:"\f2f8"}.fa-scythe:before{content:"\f710"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-send-back:before{content:"\f87e"}.fa-send-backward:before{content:"\f87f"}.fa-sensor:before{content:"\f928"}.fa-sensor-alert:before{content:"\f929"}.fa-sensor-fire:before{content:"\f92a"}.fa-sensor-on:before{content:"\f92b"}.fa-sensor-smoke:before{content:"\f92c"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-all:before{content:"\f367"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-sheep:before{content:"\f711"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-check:before{content:"\f2f7"}.fa-shield-cross:before{content:"\f712"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shipping-timed:before{content:"\f48c"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shish-kebab:before{content:"\f821"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\f957"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shovel:before{content:"\f713"}.fa-shovel-snow:before{content:"\f7c3"}.fa-shower:before{content:"\f2cc"}.fa-shredder:before{content:"\f68a"}.fa-shuttle-van:before{content:"\f5b6"}.fa-shuttlecock:before{content:"\f45b"}.fa-sickle:before{content:"\f822"}.fa-sigma:before{content:"\f68b"}.fa-sign:before{content:"\f4d9"}.fa-sign-in:before{content:"\f090"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out:before{content:"\f08b"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signal-1:before{content:"\f68c"}.fa-signal-2:before{content:"\f68d"}.fa-signal-3:before{content:"\f68e"}.fa-signal-4:before{content:"\f68f"}.fa-signal-alt:before{content:"\f690"}.fa-signal-alt-1:before{content:"\f691"}.fa-signal-alt-2:before{content:"\f692"}.fa-signal-alt-3:before{content:"\f693"}.fa-signal-alt-slash:before{content:"\f694"}.fa-signal-slash:before{content:"\f695"}.fa-signal-stream:before{content:"\f8dd"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-siren:before{content:"\f92d"}.fa-siren-on:before{content:"\f92e"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-skeleton:before{content:"\f620"}.fa-sketch:before{content:"\f7c6"}.fa-ski-jump:before{content:"\f7c7"}.fa-ski-lift:before{content:"\f7c8"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-cow:before{content:"\f8de"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sledding:before{content:"\f7cb"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-sliders-h-square:before{content:"\f3f0"}.fa-sliders-v:before{content:"\f3f1"}.fa-sliders-v-square:before{content:"\f3f2"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-plus:before{content:"\f5b9"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoke:before{content:"\f760"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snake:before{content:"\f716"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snooze:before{content:"\f880"}.fa-snow-blowing:before{content:"\f761"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowflakes:before{content:"\f7cf"}.fa-snowman:before{content:"\f7d0"}.fa-snowmobile:before{content:"\f7d1"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-solar-system:before{content:"\f92f"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-alt:before{content:"\f883"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-circle:before{content:"\f930"}.fa-sort-circle-down:before{content:"\f931"}.fa-sort-circle-up:before{content:"\f932"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-shapes-down:before{content:"\f888"}.fa-sort-shapes-down-alt:before{content:"\f889"}.fa-sort-shapes-up:before{content:"\f88a"}.fa-sort-shapes-up-alt:before{content:"\f88b"}.fa-sort-size-down:before{content:"\f88c"}.fa-sort-size-down-alt:before{content:"\f88d"}.fa-sort-size-up:before{content:"\f88e"}.fa-sort-size-up-alt:before{content:"\f88f"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-soup:before{content:"\f823"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-space-station-moon:before{content:"\f933"}.fa-space-station-moon-alt:before{content:"\f934"}.fa-spade:before{content:"\f2f4"}.fa-sparkles:before{content:"\f890"}.fa-speakap:before{content:"\f3f3"}.fa-speaker:before{content:"\f8df"}.fa-speaker-deck:before{content:"\f83c"}.fa-speakers:before{content:"\f8e0"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spider-black-widow:before{content:"\f718"}.fa-spider-web:before{content:"\f719"}.fa-spinner:before{content:"\f110"}.fa-spinner-third:before{content:"\f3f4"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-sprinkler:before{content:"\f935"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root:before{content:"\f697"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-squirrel:before{content:"\f71a"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-staff:before{content:"\f71b"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-christmas:before{content:"\f7d4"}.fa-star-exclamation:before{content:"\f2f3"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-star-shooting:before{content:"\f936"}.fa-starfighter:before{content:"\f937"}.fa-starfighter-alt:before{content:"\f938"}.fa-stars:before{content:"\f762"}.fa-starship:before{content:"\f939"}.fa-starship-freighter:before{content:"\f93a"}.fa-staylinked:before{content:"\f3f5"}.fa-steak:before{content:"\f824"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-steering-wheel:before{content:"\f622"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stocking:before{content:"\f7d5"}.fa-stomach:before{content:"\f623"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-stretcher:before{content:"\f825"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-sun-cloud:before{content:"\f763"}.fa-sun-dust:before{content:"\f764"}.fa-sun-haze:before{content:"\f765"}.fa-sunglasses:before{content:"\f892"}.fa-sunrise:before{content:"\f766"}.fa-sunset:before{content:"\f767"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-sword:before{content:"\f71c"}.fa-sword-laser:before{content:"\f93b"}.fa-sword-laser-alt:before{content:"\f93c"}.fa-swords:before{content:"\f71d"}.fa-swords-laser:before{content:"\f93d"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablet-android:before{content:"\f3fb"}.fa-tablet-android-alt:before{content:"\f3fc"}.fa-tablet-rugged:before{content:"\f48f"}.fa-tablets:before{content:"\f490"}.fa-tachometer:before{content:"\f0e4"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tachometer-alt-average:before{content:"\f624"}.fa-tachometer-alt-fast:before{content:"\f625"}.fa-tachometer-alt-fastest:before{content:"\f626"}.fa-tachometer-alt-slow:before{content:"\f627"}.fa-tachometer-alt-slowest:before{content:"\f628"}.fa-tachometer-average:before{content:"\f629"}.fa-tachometer-fast:before{content:"\f62a"}.fa-tachometer-fastest:before{content:"\f62b"}.fa-tachometer-slow:before{content:"\f62c"}.fa-tachometer-slowest:before{content:"\f62d"}.fa-taco:before{content:"\f826"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tally:before{content:"\f69c"}.fa-tanakh:before{content:"\f827"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-tasks-alt:before{content:"\f828"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-telescope:before{content:"\f93e"}.fa-temperature-down:before{content:"\f93f"}.fa-temperature-frigid:before{content:"\f768"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-hot:before{content:"\f76a"}.fa-temperature-low:before{content:"\f76b"}.fa-temperature-up:before{content:"\f940"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-tennis-ball:before{content:"\f45e"}.fa-terminal:before{content:"\f120"}.fa-text:before{content:"\f893"}.fa-text-height:before{content:"\f034"}.fa-text-size:before{content:"\f894"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-theta:before{content:"\f69e"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-thunderstorm:before{content:"\f76c"}.fa-thunderstorm-moon:before{content:"\f76d"}.fa-thunderstorm-sun:before{content:"\f76e"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tilde:before{content:"\f69f"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-times-hexagon:before{content:"\f2ee"}.fa-times-octagon:before{content:"\f2f0"}.fa-times-square:before{content:"\f2d3"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tire:before{content:"\f631"}.fa-tire-flat:before{content:"\f632"}.fa-tire-pressure-warning:before{content:"\f633"}.fa-tire-rugged:before{content:"\f634"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-alt:before{content:"\f71f"}.fa-tombstone:before{content:"\f720"}.fa-tombstone-alt:before{content:"\f721"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-toothbrush:before{content:"\f635"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tornado:before{content:"\f76f"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-cone:before{content:"\f636"}.fa-traffic-light:before{content:"\f637"}.fa-traffic-light-go:before{content:"\f638"}.fa-traffic-light-slow:before{content:"\f639"}.fa-traffic-light-stop:before{content:"\f63a"}.fa-trailer:before{content:"\f941"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-transporter:before{content:"\f942"}.fa-transporter-1:before{content:"\f943"}.fa-transporter-2:before{content:"\f944"}.fa-transporter-3:before{content:"\f945"}.fa-transporter-empty:before{content:"\f946"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-trash-undo:before{content:"\f895"}.fa-trash-undo-alt:before{content:"\f896"}.fa-treasure-chest:before{content:"\f723"}.fa-tree:before{content:"\f1bb"}.fa-tree-alt:before{content:"\f400"}.fa-tree-christmas:before{content:"\f7db"}.fa-tree-decorated:before{content:"\f7dc"}.fa-tree-large:before{content:"\f7dd"}.fa-tree-palm:before{content:"\f82b"}.fa-trees:before{content:"\f724"}.fa-trello:before{content:"\f181"}.fa-triangle:before{content:"\f2ec"}.fa-triangle-music:before{content:"\f8e2"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-trophy-alt:before{content:"\f2eb"}.fa-truck:before{content:"\f0d1"}.fa-truck-container:before{content:"\f4dc"}.fa-truck-couch:before{content:"\f4dd"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-plow:before{content:"\f7de"}.fa-truck-ramp:before{content:"\f4e0"}.fa-trumpet:before{content:"\f8e3"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-turkey:before{content:"\f725"}.fa-turntable:before{content:"\f8e4"}.fa-turtle:before{content:"\f726"}.fa-tv:before{content:"\f26c"}.fa-tv-alt:before{content:"\f8e5"}.fa-tv-music:before{content:"\f8e6"}.fa-tv-retro:before{content:"\f401"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typewriter:before{content:"\f8e7"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-ufo:before{content:"\f947"}.fa-ufo-beam:before{content:"\f948"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-unicorn:before{content:"\f727"}.fa-union:before{content:"\f6a2"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\f949"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-usb-drive:before{content:"\f8e9"}.fa-usd-circle:before{content:"\f2e8"}.fa-usd-square:before{content:"\f2e9"}.fa-user:before{content:"\f007"}.fa-user-alien:before{content:"\f94a"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-chart:before{content:"\f6a3"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-cowboy:before{content:"\f8ea"}.fa-user-crown:before{content:"\f6a4"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-hard-hat:before{content:"\f82c"}.fa-user-headset:before{content:"\f82d"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-md-chat:before{content:"\f82e"}.fa-user-minus:before{content:"\f503"}.fa-user-music:before{content:"\f8eb"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-robot:before{content:"\f94b"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-user-unlock:before{content:"\f958"}.fa-user-visor:before{content:"\f94c"}.fa-users:before{content:"\f0c0"}.fa-users-class:before{content:"\f63d"}.fa-users-cog:before{content:"\f509"}.fa-users-crown:before{content:"\f6a5"}.fa-users-medical:before{content:"\f830"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-fork:before{content:"\f2e3"}.fa-utensil-knife:before{content:"\f2e4"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-utensils-alt:before{content:"\f2e6"}.fa-vaadin:before{content:"\f408"}.fa-vacuum:before{content:"\f94d"}.fa-vacuum-robot:before{content:"\f94e"}.fa-value-absolute:before{content:"\f6a6"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vhs:before{content:"\f8ec"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-plus:before{content:"\f4e1"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-violin:before{content:"\f8ed"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volcano:before{content:"\f770"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume:before{content:"\f6a8"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-slash:before{content:"\f2e2"}.fa-volume-up:before{content:"\f028"}.fa-vote-nay:before{content:"\f771"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-wagon-covered:before{content:"\f8ee"}.fa-walker:before{content:"\f831"}.fa-walkie-talkie:before{content:"\f8ef"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-wand:before{content:"\f72a"}.fa-wand-magic:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-warehouse-alt:before{content:"\f495"}.fa-washer:before{content:"\f898"}.fa-watch:before{content:"\f2e1"}.fa-watch-calculator:before{content:"\f8f0"}.fa-watch-fitness:before{content:"\f63e"}.fa-water:before{content:"\f773"}.fa-water-lower:before{content:"\f774"}.fa-water-rise:before{content:"\f775"}.fa-wave-sine:before{content:"\f899"}.fa-wave-square:before{content:"\f83e"}.fa-wave-triangle:before{content:"\f89a"}.fa-waveform:before{content:"\f8f1"}.fa-waveform-path:before{content:"\f8f2"}.fa-waze:before{content:"\f83f"}.fa-webcam:before{content:"\f832"}.fa-webcam-slash:before{content:"\f833"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whale:before{content:"\f72c"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheat:before{content:"\f72d"}.fa-wheelchair:before{content:"\f193"}.fa-whistle:before{content:"\f460"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wifi-1:before{content:"\f6aa"}.fa-wifi-2:before{content:"\f6ab"}.fa-wifi-slash:before{content:"\f6ac"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-wind-turbine:before{content:"\f89b"}.fa-wind-warning:before{content:"\f776"}.fa-window:before{content:"\f40e"}.fa-window-alt:before{content:"\f40f"}.fa-window-close:before{content:"\f410"}.fa-window-frame:before{content:"\f94f"}.fa-window-frame-open:before{content:"\f950"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-windsock:before{content:"\f777"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wreath:before{content:"\f7e2"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:auto;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}@font-face{font-family:"Font Awesome 5 Duotone";font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-duotone-900.eot);src:url(../webfonts/fa-duotone-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-duotone-900.woff2) format("woff2"),url(../webfonts/fa-duotone-900.woff) format("woff"),url(../webfonts/fa-duotone-900.ttf) format("truetype"),url(../webfonts/fa-duotone-900.svg#fontawesome) format("svg")}.fad{position:relative;font-family:"Font Awesome 5 Duotone";font-weight:900}.fad:before{position:absolute;color:var(--fa-primary-color,inherit);opacity:1;opacity:var(--fa-primary-opacity,1)}.fad:after{color:var(--fa-secondary-color,inherit)}.fa-swap-opacity .fad:before,.fad.fa-swap-opacity:before,.fad:after{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.fa-swap-opacity .fad:after,.fad.fa-swap-opacity:after{opacity:1;opacity:var(--fa-primary-opacity,1)}.fad.fa-inverse{color:#fff}.fad.fa-stack-1x,.fad.fa-stack-2x{position:absolute}.fad.fa-fw:before,.fad.fa-stack-1x:before,.fad.fa-stack-2x:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fad.fa-abacus:after{content:"\10f640"}.fad.fa-acorn:after{content:"\10f6ae"}.fad.fa-ad:after{content:"\10f641"}.fad.fa-address-book:after{content:"\10f2b9"}.fad.fa-address-card:after{content:"\10f2bb"}.fad.fa-adjust:after{content:"\10f042"}.fad.fa-air-conditioner:after{content:"\10f8f4"}.fad.fa-air-freshener:after{content:"\10f5d0"}.fad.fa-alarm-clock:after{content:"\10f34e"}.fad.fa-alarm-exclamation:after{content:"\10f843"}.fad.fa-alarm-plus:after{content:"\10f844"}.fad.fa-alarm-snooze:after{content:"\10f845"}.fad.fa-album:after{content:"\10f89f"}.fad.fa-album-collection:after{content:"\10f8a0"}.fad.fa-alicorn:after{content:"\10f6b0"}.fad.fa-alien:after{content:"\10f8f5"}.fad.fa-alien-monster:after{content:"\10f8f6"}.fad.fa-align-center:after{content:"\10f037"}.fad.fa-align-justify:after{content:"\10f039"}.fad.fa-align-left:after{content:"\10f036"}.fad.fa-align-right:after{content:"\10f038"}.fad.fa-align-slash:after{content:"\10f846"}.fad.fa-allergies:after{content:"\10f461"}.fad.fa-ambulance:after{content:"\10f0f9"}.fad.fa-american-sign-language-interpreting:after{content:"\10f2a3"}.fad.fa-amp-guitar:after{content:"\10f8a1"}.fad.fa-analytics:after{content:"\10f643"}.fad.fa-anchor:after{content:"\10f13d"}.fad.fa-angel:after{content:"\10f779"}.fad.fa-angle-double-down:after{content:"\10f103"}.fad.fa-angle-double-left:after{content:"\10f100"}.fad.fa-angle-double-right:after{content:"\10f101"}.fad.fa-angle-double-up:after{content:"\10f102"}.fad.fa-angle-down:after{content:"\10f107"}.fad.fa-angle-left:after{content:"\10f104"}.fad.fa-angle-right:after{content:"\10f105"}.fad.fa-angle-up:after{content:"\10f106"}.fad.fa-angry:after{content:"\10f556"}.fad.fa-ankh:after{content:"\10f644"}.fad.fa-apple-alt:after{content:"\10f5d1"}.fad.fa-apple-crate:after{content:"\10f6b1"}.fad.fa-archive:after{content:"\10f187"}.fad.fa-archway:after{content:"\10f557"}.fad.fa-arrow-alt-circle-down:after{content:"\10f358"}.fad.fa-arrow-alt-circle-left:after{content:"\10f359"}.fad.fa-arrow-alt-circle-right:after{content:"\10f35a"}.fad.fa-arrow-alt-circle-up:after{content:"\10f35b"}.fad.fa-arrow-alt-down:after{content:"\10f354"}.fad.fa-arrow-alt-from-bottom:after{content:"\10f346"}.fad.fa-arrow-alt-from-left:after{content:"\10f347"}.fad.fa-arrow-alt-from-right:after{content:"\10f348"}.fad.fa-arrow-alt-from-top:after{content:"\10f349"}.fad.fa-arrow-alt-left:after{content:"\10f355"}.fad.fa-arrow-alt-right:after{content:"\10f356"}.fad.fa-arrow-alt-square-down:after{content:"\10f350"}.fad.fa-arrow-alt-square-left:after{content:"\10f351"}.fad.fa-arrow-alt-square-right:after{content:"\10f352"}.fad.fa-arrow-alt-square-up:after{content:"\10f353"}.fad.fa-arrow-alt-to-bottom:after{content:"\10f34a"}.fad.fa-arrow-alt-to-left:after{content:"\10f34b"}.fad.fa-arrow-alt-to-right:after{content:"\10f34c"}.fad.fa-arrow-alt-to-top:after{content:"\10f34d"}.fad.fa-arrow-alt-up:after{content:"\10f357"}.fad.fa-arrow-circle-down:after{content:"\10f0ab"}.fad.fa-arrow-circle-left:after{content:"\10f0a8"}.fad.fa-arrow-circle-right:after{content:"\10f0a9"}.fad.fa-arrow-circle-up:after{content:"\10f0aa"}.fad.fa-arrow-down:after{content:"\10f063"}.fad.fa-arrow-from-bottom:after{content:"\10f342"}.fad.fa-arrow-from-left:after{content:"\10f343"}.fad.fa-arrow-from-right:after{content:"\10f344"}.fad.fa-arrow-from-top:after{content:"\10f345"}.fad.fa-arrow-left:after{content:"\10f060"}.fad.fa-arrow-right:after{content:"\10f061"}.fad.fa-arrow-square-down:after{content:"\10f339"}.fad.fa-arrow-square-left:after{content:"\10f33a"}.fad.fa-arrow-square-right:after{content:"\10f33b"}.fad.fa-arrow-square-up:after{content:"\10f33c"}.fad.fa-arrow-to-bottom:after{content:"\10f33d"}.fad.fa-arrow-to-left:after{content:"\10f33e"}.fad.fa-arrow-to-right:after{content:"\10f340"}.fad.fa-arrow-to-top:after{content:"\10f341"}.fad.fa-arrow-up:after{content:"\10f062"}.fad.fa-arrows:after{content:"\10f047"}.fad.fa-arrows-alt:after{content:"\10f0b2"}.fad.fa-arrows-alt-h:after{content:"\10f337"}.fad.fa-arrows-alt-v:after{content:"\10f338"}.fad.fa-arrows-h:after{content:"\10f07e"}.fad.fa-arrows-v:after{content:"\10f07d"}.fad.fa-assistive-listening-systems:after{content:"\10f2a2"}.fad.fa-asterisk:after{content:"\10f069"}.fad.fa-at:after{content:"\10f1fa"}.fad.fa-atlas:after{content:"\10f558"}.fad.fa-atom:after{content:"\10f5d2"}.fad.fa-atom-alt:after{content:"\10f5d3"}.fad.fa-audio-description:after{content:"\10f29e"}.fad.fa-award:after{content:"\10f559"}.fad.fa-axe:after{content:"\10f6b2"}.fad.fa-axe-battle:after{content:"\10f6b3"}.fad.fa-baby:after{content:"\10f77c"}.fad.fa-baby-carriage:after{content:"\10f77d"}.fad.fa-backpack:after{content:"\10f5d4"}.fad.fa-backspace:after{content:"\10f55a"}.fad.fa-backward:after{content:"\10f04a"}.fad.fa-bacon:after{content:"\10f7e5"}.fad.fa-badge:after{content:"\10f335"}.fad.fa-badge-check:after{content:"\10f336"}.fad.fa-badge-dollar:after{content:"\10f645"}.fad.fa-badge-percent:after{content:"\10f646"}.fad.fa-badge-sheriff:after{content:"\10f8a2"}.fad.fa-badger-honey:after{content:"\10f6b4"}.fad.fa-bags-shopping:after{content:"\10f847"}.fad.fa-bahai:after{content:"\10f666"}.fad.fa-balance-scale:after{content:"\10f24e"}.fad.fa-balance-scale-left:after{content:"\10f515"}.fad.fa-balance-scale-right:after{content:"\10f516"}.fad.fa-ball-pile:after{content:"\10f77e"}.fad.fa-ballot:after{content:"\10f732"}.fad.fa-ballot-check:after{content:"\10f733"}.fad.fa-ban:after{content:"\10f05e"}.fad.fa-band-aid:after{content:"\10f462"}.fad.fa-banjo:after{content:"\10f8a3"}.fad.fa-barcode:after{content:"\10f02a"}.fad.fa-barcode-alt:after{content:"\10f463"}.fad.fa-barcode-read:after{content:"\10f464"}.fad.fa-barcode-scan:after{content:"\10f465"}.fad.fa-bars:after{content:"\10f0c9"}.fad.fa-baseball:after{content:"\10f432"}.fad.fa-baseball-ball:after{content:"\10f433"}.fad.fa-basketball-ball:after{content:"\10f434"}.fad.fa-basketball-hoop:after{content:"\10f435"}.fad.fa-bat:after{content:"\10f6b5"}.fad.fa-bath:after{content:"\10f2cd"}.fad.fa-battery-bolt:after{content:"\10f376"}.fad.fa-battery-empty:after{content:"\10f244"}.fad.fa-battery-full:after{content:"\10f240"}.fad.fa-battery-half:after{content:"\10f242"}.fad.fa-battery-quarter:after{content:"\10f243"}.fad.fa-battery-slash:after{content:"\10f377"}.fad.fa-battery-three-quarters:after{content:"\10f241"}.fad.fa-bed:after{content:"\10f236"}.fad.fa-bed-alt:after{content:"\10f8f7"}.fad.fa-bed-bunk:after{content:"\10f8f8"}.fad.fa-bed-empty:after{content:"\10f8f9"}.fad.fa-beer:after{content:"\10f0fc"}.fad.fa-bell:after{content:"\10f0f3"}.fad.fa-bell-exclamation:after{content:"\10f848"}.fad.fa-bell-on:after{content:"\10f8fa"}.fad.fa-bell-plus:after{content:"\10f849"}.fad.fa-bell-school:after{content:"\10f5d5"}.fad.fa-bell-school-slash:after{content:"\10f5d6"}.fad.fa-bell-slash:after{content:"\10f1f6"}.fad.fa-bells:after{content:"\10f77f"}.fad.fa-betamax:after{content:"\10f8a4"}.fad.fa-bezier-curve:after{content:"\10f55b"}.fad.fa-bible:after{content:"\10f647"}.fad.fa-bicycle:after{content:"\10f206"}.fad.fa-biking:after{content:"\10f84a"}.fad.fa-biking-mountain:after{content:"\10f84b"}.fad.fa-binoculars:after{content:"\10f1e5"}.fad.fa-biohazard:after{content:"\10f780"}.fad.fa-birthday-cake:after{content:"\10f1fd"}.fad.fa-blanket:after{content:"\10f498"}.fad.fa-blender:after{content:"\10f517"}.fad.fa-blender-phone:after{content:"\10f6b6"}.fad.fa-blind:after{content:"\10f29d"}.fad.fa-blinds:after{content:"\10f8fb"}.fad.fa-blinds-open:after{content:"\10f8fc"}.fad.fa-blinds-raised:after{content:"\10f8fd"}.fad.fa-blog:after{content:"\10f781"}.fad.fa-bold:after{content:"\10f032"}.fad.fa-bolt:after{content:"\10f0e7"}.fad.fa-bomb:after{content:"\10f1e2"}.fad.fa-bone:after{content:"\10f5d7"}.fad.fa-bone-break:after{content:"\10f5d8"}.fad.fa-bong:after{content:"\10f55c"}.fad.fa-book:after{content:"\10f02d"}.fad.fa-book-alt:after{content:"\10f5d9"}.fad.fa-book-dead:after{content:"\10f6b7"}.fad.fa-book-heart:after{content:"\10f499"}.fad.fa-book-medical:after{content:"\10f7e6"}.fad.fa-book-open:after{content:"\10f518"}.fad.fa-book-reader:after{content:"\10f5da"}.fad.fa-book-spells:after{content:"\10f6b8"}.fad.fa-book-user:after{content:"\10f7e7"}.fad.fa-bookmark:after{content:"\10f02e"}.fad.fa-books:after{content:"\10f5db"}.fad.fa-books-medical:after{content:"\10f7e8"}.fad.fa-boombox:after{content:"\10f8a5"}.fad.fa-boot:after{content:"\10f782"}.fad.fa-booth-curtain:after{content:"\10f734"}.fad.fa-border-all:after{content:"\10f84c"}.fad.fa-border-bottom:after{content:"\10f84d"}.fad.fa-border-center-h:after{content:"\10f89c"}.fad.fa-border-center-v:after{content:"\10f89d"}.fad.fa-border-inner:after{content:"\10f84e"}.fad.fa-border-left:after{content:"\10f84f"}.fad.fa-border-none:after{content:"\10f850"}.fad.fa-border-outer:after{content:"\10f851"}.fad.fa-border-right:after{content:"\10f852"}.fad.fa-border-style:after{content:"\10f853"}.fad.fa-border-style-alt:after{content:"\10f854"}.fad.fa-border-top:after{content:"\10f855"}.fad.fa-bow-arrow:after{content:"\10f6b9"}.fad.fa-bowling-ball:after{content:"\10f436"}.fad.fa-bowling-pins:after{content:"\10f437"}.fad.fa-box:after{content:"\10f466"}.fad.fa-box-alt:after{content:"\10f49a"}.fad.fa-box-ballot:after{content:"\10f735"}.fad.fa-box-check:after{content:"\10f467"}.fad.fa-box-fragile:after{content:"\10f49b"}.fad.fa-box-full:after{content:"\10f49c"}.fad.fa-box-heart:after{content:"\10f49d"}.fad.fa-box-open:after{content:"\10f49e"}.fad.fa-box-up:after{content:"\10f49f"}.fad.fa-box-usd:after{content:"\10f4a0"}.fad.fa-boxes:after{content:"\10f468"}.fad.fa-boxes-alt:after{content:"\10f4a1"}.fad.fa-boxing-glove:after{content:"\10f438"}.fad.fa-brackets:after{content:"\10f7e9"}.fad.fa-brackets-curly:after{content:"\10f7ea"}.fad.fa-braille:after{content:"\10f2a1"}.fad.fa-brain:after{content:"\10f5dc"}.fad.fa-bread-loaf:after{content:"\10f7eb"}.fad.fa-bread-slice:after{content:"\10f7ec"}.fad.fa-briefcase:after{content:"\10f0b1"}.fad.fa-briefcase-medical:after{content:"\10f469"}.fad.fa-bring-forward:after{content:"\10f856"}.fad.fa-bring-front:after{content:"\10f857"}.fad.fa-broadcast-tower:after{content:"\10f519"}.fad.fa-broom:after{content:"\10f51a"}.fad.fa-browser:after{content:"\10f37e"}.fad.fa-brush:after{content:"\10f55d"}.fad.fa-bug:after{content:"\10f188"}.fad.fa-building:after{content:"\10f1ad"}.fad.fa-bullhorn:after{content:"\10f0a1"}.fad.fa-bullseye:after{content:"\10f140"}.fad.fa-bullseye-arrow:after{content:"\10f648"}.fad.fa-bullseye-pointer:after{content:"\10f649"}.fad.fa-burger-soda:after{content:"\10f858"}.fad.fa-burn:after{content:"\10f46a"}.fad.fa-burrito:after{content:"\10f7ed"}.fad.fa-bus:after{content:"\10f207"}.fad.fa-bus-alt:after{content:"\10f55e"}.fad.fa-bus-school:after{content:"\10f5dd"}.fad.fa-business-time:after{content:"\10f64a"}.fad.fa-cabinet-filing:after{content:"\10f64b"}.fad.fa-cactus:after{content:"\10f8a7"}.fad.fa-calculator:after{content:"\10f1ec"}.fad.fa-calculator-alt:after{content:"\10f64c"}.fad.fa-calendar:after{content:"\10f133"}.fad.fa-calendar-alt:after{content:"\10f073"}.fad.fa-calendar-check:after{content:"\10f274"}.fad.fa-calendar-day:after{content:"\10f783"}.fad.fa-calendar-edit:after{content:"\10f333"}.fad.fa-calendar-exclamation:after{content:"\10f334"}.fad.fa-calendar-minus:after{content:"\10f272"}.fad.fa-calendar-plus:after{content:"\10f271"}.fad.fa-calendar-star:after{content:"\10f736"}.fad.fa-calendar-times:after{content:"\10f273"}.fad.fa-calendar-week:after{content:"\10f784"}.fad.fa-camcorder:after{content:"\10f8a8"}.fad.fa-camera:after{content:"\10f030"}.fad.fa-camera-alt:after{content:"\10f332"}.fad.fa-camera-home:after{content:"\10f8fe"}.fad.fa-camera-movie:after{content:"\10f8a9"}.fad.fa-camera-polaroid:after{content:"\10f8aa"}.fad.fa-camera-retro:after{content:"\10f083"}.fad.fa-campfire:after{content:"\10f6ba"}.fad.fa-campground:after{content:"\10f6bb"}.fad.fa-candle-holder:after{content:"\10f6bc"}.fad.fa-candy-cane:after{content:"\10f786"}.fad.fa-candy-corn:after{content:"\10f6bd"}.fad.fa-cannabis:after{content:"\10f55f"}.fad.fa-capsules:after{content:"\10f46b"}.fad.fa-car:after{content:"\10f1b9"}.fad.fa-car-alt:after{content:"\10f5de"}.fad.fa-car-battery:after{content:"\10f5df"}.fad.fa-car-building:after{content:"\10f859"}.fad.fa-car-bump:after{content:"\10f5e0"}.fad.fa-car-bus:after{content:"\10f85a"}.fad.fa-car-crash:after{content:"\10f5e1"}.fad.fa-car-garage:after{content:"\10f5e2"}.fad.fa-car-mechanic:after{content:"\10f5e3"}.fad.fa-car-side:after{content:"\10f5e4"}.fad.fa-car-tilt:after{content:"\10f5e5"}.fad.fa-car-wash:after{content:"\10f5e6"}.fad.fa-caravan:after{content:"\10f8ff"}.fad.fa-caravan-alt:after{content:"\10f900"}.fad.fa-caret-circle-down:after{content:"\10f32d"}.fad.fa-caret-circle-left:after{content:"\10f32e"}.fad.fa-caret-circle-right:after{content:"\10f330"}.fad.fa-caret-circle-up:after{content:"\10f331"}.fad.fa-caret-down:after{content:"\10f0d7"}.fad.fa-caret-left:after{content:"\10f0d9"}.fad.fa-caret-right:after{content:"\10f0da"}.fad.fa-caret-square-down:after{content:"\10f150"}.fad.fa-caret-square-left:after{content:"\10f191"}.fad.fa-caret-square-right:after{content:"\10f152"}.fad.fa-caret-square-up:after{content:"\10f151"}.fad.fa-caret-up:after{content:"\10f0d8"}.fad.fa-carrot:after{content:"\10f787"}.fad.fa-cars:after{content:"\10f85b"}.fad.fa-cart-arrow-down:after{content:"\10f218"}.fad.fa-cart-plus:after{content:"\10f217"}.fad.fa-cash-register:after{content:"\10f788"}.fad.fa-cassette-tape:after{content:"\10f8ab"}.fad.fa-cat:after{content:"\10f6be"}.fad.fa-cat-space:after{content:"\10f901"}.fad.fa-cauldron:after{content:"\10f6bf"}.fad.fa-cctv:after{content:"\10f8ac"}.fad.fa-certificate:after{content:"\10f0a3"}.fad.fa-chair:after{content:"\10f6c0"}.fad.fa-chair-office:after{content:"\10f6c1"}.fad.fa-chalkboard:after{content:"\10f51b"}.fad.fa-chalkboard-teacher:after{content:"\10f51c"}.fad.fa-charging-station:after{content:"\10f5e7"}.fad.fa-chart-area:after{content:"\10f1fe"}.fad.fa-chart-bar:after{content:"\10f080"}.fad.fa-chart-line:after{content:"\10f201"}.fad.fa-chart-line-down:after{content:"\10f64d"}.fad.fa-chart-network:after{content:"\10f78a"}.fad.fa-chart-pie:after{content:"\10f200"}.fad.fa-chart-pie-alt:after{content:"\10f64e"}.fad.fa-chart-scatter:after{content:"\10f7ee"}.fad.fa-check:after{content:"\10f00c"}.fad.fa-check-circle:after{content:"\10f058"}.fad.fa-check-double:after{content:"\10f560"}.fad.fa-check-square:after{content:"\10f14a"}.fad.fa-cheese:after{content:"\10f7ef"}.fad.fa-cheese-swiss:after{content:"\10f7f0"}.fad.fa-cheeseburger:after{content:"\10f7f1"}.fad.fa-chess:after{content:"\10f439"}.fad.fa-chess-bishop:after{content:"\10f43a"}.fad.fa-chess-bishop-alt:after{content:"\10f43b"}.fad.fa-chess-board:after{content:"\10f43c"}.fad.fa-chess-clock:after{content:"\10f43d"}.fad.fa-chess-clock-alt:after{content:"\10f43e"}.fad.fa-chess-king:after{content:"\10f43f"}.fad.fa-chess-king-alt:after{content:"\10f440"}.fad.fa-chess-knight:after{content:"\10f441"}.fad.fa-chess-knight-alt:after{content:"\10f442"}.fad.fa-chess-pawn:after{content:"\10f443"}.fad.fa-chess-pawn-alt:after{content:"\10f444"}.fad.fa-chess-queen:after{content:"\10f445"}.fad.fa-chess-queen-alt:after{content:"\10f446"}.fad.fa-chess-rook:after{content:"\10f447"}.fad.fa-chess-rook-alt:after{content:"\10f448"}.fad.fa-chevron-circle-down:after{content:"\10f13a"}.fad.fa-chevron-circle-left:after{content:"\10f137"}.fad.fa-chevron-circle-right:after{content:"\10f138"}.fad.fa-chevron-circle-up:after{content:"\10f139"}.fad.fa-chevron-double-down:after{content:"\10f322"}.fad.fa-chevron-double-left:after{content:"\10f323"}.fad.fa-chevron-double-right:after{content:"\10f324"}.fad.fa-chevron-double-up:after{content:"\10f325"}.fad.fa-chevron-down:after{content:"\10f078"}.fad.fa-chevron-left:after{content:"\10f053"}.fad.fa-chevron-right:after{content:"\10f054"}.fad.fa-chevron-square-down:after{content:"\10f329"}.fad.fa-chevron-square-left:after{content:"\10f32a"}.fad.fa-chevron-square-right:after{content:"\10f32b"}.fad.fa-chevron-square-up:after{content:"\10f32c"}.fad.fa-chevron-up:after{content:"\10f077"}.fad.fa-child:after{content:"\10f1ae"}.fad.fa-chimney:after{content:"\10f78b"}.fad.fa-church:after{content:"\10f51d"}.fad.fa-circle:after{content:"\10f111"}.fad.fa-circle-notch:after{content:"\10f1ce"}.fad.fa-city:after{content:"\10f64f"}.fad.fa-clarinet:after{content:"\10f8ad"}.fad.fa-claw-marks:after{content:"\10f6c2"}.fad.fa-clinic-medical:after{content:"\10f7f2"}.fad.fa-clipboard:after{content:"\10f328"}.fad.fa-clipboard-check:after{content:"\10f46c"}.fad.fa-clipboard-list:after{content:"\10f46d"}.fad.fa-clipboard-list-check:after{content:"\10f737"}.fad.fa-clipboard-prescription:after{content:"\10f5e8"}.fad.fa-clipboard-user:after{content:"\10f7f3"}.fad.fa-clock:after{content:"\10f017"}.fad.fa-clone:after{content:"\10f24d"}.fad.fa-closed-captioning:after{content:"\10f20a"}.fad.fa-cloud:after{content:"\10f0c2"}.fad.fa-cloud-download:after{content:"\10f0ed"}.fad.fa-cloud-download-alt:after{content:"\10f381"}.fad.fa-cloud-drizzle:after{content:"\10f738"}.fad.fa-cloud-hail:after{content:"\10f739"}.fad.fa-cloud-hail-mixed:after{content:"\10f73a"}.fad.fa-cloud-meatball:after{content:"\10f73b"}.fad.fa-cloud-moon:after{content:"\10f6c3"}.fad.fa-cloud-moon-rain:after{content:"\10f73c"}.fad.fa-cloud-music:after{content:"\10f8ae"}.fad.fa-cloud-rain:after{content:"\10f73d"}.fad.fa-cloud-rainbow:after{content:"\10f73e"}.fad.fa-cloud-showers:after{content:"\10f73f"}.fad.fa-cloud-showers-heavy:after{content:"\10f740"}.fad.fa-cloud-sleet:after{content:"\10f741"}.fad.fa-cloud-snow:after{content:"\10f742"}.fad.fa-cloud-sun:after{content:"\10f6c4"}.fad.fa-cloud-sun-rain:after{content:"\10f743"}.fad.fa-cloud-upload:after{content:"\10f0ee"}.fad.fa-cloud-upload-alt:after{content:"\10f382"}.fad.fa-clouds:after{content:"\10f744"}.fad.fa-clouds-moon:after{content:"\10f745"}.fad.fa-clouds-sun:after{content:"\10f746"}.fad.fa-club:after{content:"\10f327"}.fad.fa-cocktail:after{content:"\10f561"}.fad.fa-code:after{content:"\10f121"}.fad.fa-code-branch:after{content:"\10f126"}.fad.fa-code-commit:after{content:"\10f386"}.fad.fa-code-merge:after{content:"\10f387"}.fad.fa-coffee:after{content:"\10f0f4"}.fad.fa-coffee-pot:after{content:"\10f902"}.fad.fa-coffee-togo:after{content:"\10f6c5"}.fad.fa-coffin:after{content:"\10f6c6"}.fad.fa-coffin-cross:after{content:"\10f951"}.fad.fa-cog:after{content:"\10f013"}.fad.fa-cogs:after{content:"\10f085"}.fad.fa-coin:after{content:"\10f85c"}.fad.fa-coins:after{content:"\10f51e"}.fad.fa-columns:after{content:"\10f0db"}.fad.fa-comet:after{content:"\10f903"}.fad.fa-comment:after{content:"\10f075"}.fad.fa-comment-alt:after{content:"\10f27a"}.fad.fa-comment-alt-check:after{content:"\10f4a2"}.fad.fa-comment-alt-dollar:after{content:"\10f650"}.fad.fa-comment-alt-dots:after{content:"\10f4a3"}.fad.fa-comment-alt-edit:after{content:"\10f4a4"}.fad.fa-comment-alt-exclamation:after{content:"\10f4a5"}.fad.fa-comment-alt-lines:after{content:"\10f4a6"}.fad.fa-comment-alt-medical:after{content:"\10f7f4"}.fad.fa-comment-alt-minus:after{content:"\10f4a7"}.fad.fa-comment-alt-music:after{content:"\10f8af"}.fad.fa-comment-alt-plus:after{content:"\10f4a8"}.fad.fa-comment-alt-slash:after{content:"\10f4a9"}.fad.fa-comment-alt-smile:after{content:"\10f4aa"}.fad.fa-comment-alt-times:after{content:"\10f4ab"}.fad.fa-comment-check:after{content:"\10f4ac"}.fad.fa-comment-dollar:after{content:"\10f651"}.fad.fa-comment-dots:after{content:"\10f4ad"}.fad.fa-comment-edit:after{content:"\10f4ae"}.fad.fa-comment-exclamation:after{content:"\10f4af"}.fad.fa-comment-lines:after{content:"\10f4b0"}.fad.fa-comment-medical:after{content:"\10f7f5"}.fad.fa-comment-minus:after{content:"\10f4b1"}.fad.fa-comment-music:after{content:"\10f8b0"}.fad.fa-comment-plus:after{content:"\10f4b2"}.fad.fa-comment-slash:after{content:"\10f4b3"}.fad.fa-comment-smile:after{content:"\10f4b4"}.fad.fa-comment-times:after{content:"\10f4b5"}.fad.fa-comments:after{content:"\10f086"}.fad.fa-comments-alt:after{content:"\10f4b6"}.fad.fa-comments-alt-dollar:after{content:"\10f652"}.fad.fa-comments-dollar:after{content:"\10f653"}.fad.fa-compact-disc:after{content:"\10f51f"}.fad.fa-compass:after{content:"\10f14e"}.fad.fa-compass-slash:after{content:"\10f5e9"}.fad.fa-compress:after{content:"\10f066"}.fad.fa-compress-alt:after{content:"\10f422"}.fad.fa-compress-arrows-alt:after{content:"\10f78c"}.fad.fa-compress-wide:after{content:"\10f326"}.fad.fa-computer-classic:after{content:"\10f8b1"}.fad.fa-computer-speaker:after{content:"\10f8b2"}.fad.fa-concierge-bell:after{content:"\10f562"}.fad.fa-construction:after{content:"\10f85d"}.fad.fa-container-storage:after{content:"\10f4b7"}.fad.fa-conveyor-belt:after{content:"\10f46e"}.fad.fa-conveyor-belt-alt:after{content:"\10f46f"}.fad.fa-cookie:after{content:"\10f563"}.fad.fa-cookie-bite:after{content:"\10f564"}.fad.fa-copy:after{content:"\10f0c5"}.fad.fa-copyright:after{content:"\10f1f9"}.fad.fa-corn:after{content:"\10f6c7"}.fad.fa-couch:after{content:"\10f4b8"}.fad.fa-cow:after{content:"\10f6c8"}.fad.fa-cowbell:after{content:"\10f8b3"}.fad.fa-cowbell-more:after{content:"\10f8b4"}.fad.fa-credit-card:after{content:"\10f09d"}.fad.fa-credit-card-blank:after{content:"\10f389"}.fad.fa-credit-card-front:after{content:"\10f38a"}.fad.fa-cricket:after{content:"\10f449"}.fad.fa-croissant:after{content:"\10f7f6"}.fad.fa-crop:after{content:"\10f125"}.fad.fa-crop-alt:after{content:"\10f565"}.fad.fa-cross:after{content:"\10f654"}.fad.fa-crosshairs:after{content:"\10f05b"}.fad.fa-crow:after{content:"\10f520"}.fad.fa-crown:after{content:"\10f521"}.fad.fa-crutch:after{content:"\10f7f7"}.fad.fa-crutches:after{content:"\10f7f8"}.fad.fa-cube:after{content:"\10f1b2"}.fad.fa-cubes:after{content:"\10f1b3"}.fad.fa-curling:after{content:"\10f44a"}.fad.fa-cut:after{content:"\10f0c4"}.fad.fa-dagger:after{content:"\10f6cb"}.fad.fa-database:after{content:"\10f1c0"}.fad.fa-deaf:after{content:"\10f2a4"}.fad.fa-debug:after{content:"\10f7f9"}.fad.fa-deer:after{content:"\10f78e"}.fad.fa-deer-rudolph:after{content:"\10f78f"}.fad.fa-democrat:after{content:"\10f747"}.fad.fa-desktop:after{content:"\10f108"}.fad.fa-desktop-alt:after{content:"\10f390"}.fad.fa-dewpoint:after{content:"\10f748"}.fad.fa-dharmachakra:after{content:"\10f655"}.fad.fa-diagnoses:after{content:"\10f470"}.fad.fa-diamond:after{content:"\10f219"}.fad.fa-dice:after{content:"\10f522"}.fad.fa-dice-d10:after{content:"\10f6cd"}.fad.fa-dice-d12:after{content:"\10f6ce"}.fad.fa-dice-d20:after{content:"\10f6cf"}.fad.fa-dice-d4:after{content:"\10f6d0"}.fad.fa-dice-d6:after{content:"\10f6d1"}.fad.fa-dice-d8:after{content:"\10f6d2"}.fad.fa-dice-five:after{content:"\10f523"}.fad.fa-dice-four:after{content:"\10f524"}.fad.fa-dice-one:after{content:"\10f525"}.fad.fa-dice-six:after{content:"\10f526"}.fad.fa-dice-three:after{content:"\10f527"}.fad.fa-dice-two:after{content:"\10f528"}.fad.fa-digging:after{content:"\10f85e"}.fad.fa-digital-tachograph:after{content:"\10f566"}.fad.fa-diploma:after{content:"\10f5ea"}.fad.fa-directions:after{content:"\10f5eb"}.fad.fa-disc-drive:after{content:"\10f8b5"}.fad.fa-disease:after{content:"\10f7fa"}.fad.fa-divide:after{content:"\10f529"}.fad.fa-dizzy:after{content:"\10f567"}.fad.fa-dna:after{content:"\10f471"}.fad.fa-do-not-enter:after{content:"\10f5ec"}.fad.fa-dog:after{content:"\10f6d3"}.fad.fa-dog-leashed:after{content:"\10f6d4"}.fad.fa-dollar-sign:after{content:"\10f155"}.fad.fa-dolly:after{content:"\10f472"}.fad.fa-dolly-empty:after{content:"\10f473"}.fad.fa-dolly-flatbed:after{content:"\10f474"}.fad.fa-dolly-flatbed-alt:after{content:"\10f475"}.fad.fa-dolly-flatbed-empty:after{content:"\10f476"}.fad.fa-donate:after{content:"\10f4b9"}.fad.fa-door-closed:after{content:"\10f52a"}.fad.fa-door-open:after{content:"\10f52b"}.fad.fa-dot-circle:after{content:"\10f192"}.fad.fa-dove:after{content:"\10f4ba"}.fad.fa-download:after{content:"\10f019"}.fad.fa-drafting-compass:after{content:"\10f568"}.fad.fa-dragon:after{content:"\10f6d5"}.fad.fa-draw-circle:after{content:"\10f5ed"}.fad.fa-draw-polygon:after{content:"\10f5ee"}.fad.fa-draw-square:after{content:"\10f5ef"}.fad.fa-dreidel:after{content:"\10f792"}.fad.fa-drone:after{content:"\10f85f"}.fad.fa-drone-alt:after{content:"\10f860"}.fad.fa-drum:after{content:"\10f569"}.fad.fa-drum-steelpan:after{content:"\10f56a"}.fad.fa-drumstick:after{content:"\10f6d6"}.fad.fa-drumstick-bite:after{content:"\10f6d7"}.fad.fa-dryer:after{content:"\10f861"}.fad.fa-dryer-alt:after{content:"\10f862"}.fad.fa-duck:after{content:"\10f6d8"}.fad.fa-dumbbell:after{content:"\10f44b"}.fad.fa-dumpster:after{content:"\10f793"}.fad.fa-dumpster-fire:after{content:"\10f794"}.fad.fa-dungeon:after{content:"\10f6d9"}.fad.fa-ear:after{content:"\10f5f0"}.fad.fa-ear-muffs:after{content:"\10f795"}.fad.fa-eclipse:after{content:"\10f749"}.fad.fa-eclipse-alt:after{content:"\10f74a"}.fad.fa-edit:after{content:"\10f044"}.fad.fa-egg:after{content:"\10f7fb"}.fad.fa-egg-fried:after{content:"\10f7fc"}.fad.fa-eject:after{content:"\10f052"}.fad.fa-elephant:after{content:"\10f6da"}.fad.fa-ellipsis-h:after{content:"\10f141"}.fad.fa-ellipsis-h-alt:after{content:"\10f39b"}.fad.fa-ellipsis-v:after{content:"\10f142"}.fad.fa-ellipsis-v-alt:after{content:"\10f39c"}.fad.fa-empty-set:after{content:"\10f656"}.fad.fa-engine-warning:after{content:"\10f5f2"}.fad.fa-envelope:after{content:"\10f0e0"}.fad.fa-envelope-open:after{content:"\10f2b6"}.fad.fa-envelope-open-dollar:after{content:"\10f657"}.fad.fa-envelope-open-text:after{content:"\10f658"}.fad.fa-envelope-square:after{content:"\10f199"}.fad.fa-equals:after{content:"\10f52c"}.fad.fa-eraser:after{content:"\10f12d"}.fad.fa-ethernet:after{content:"\10f796"}.fad.fa-euro-sign:after{content:"\10f153"}.fad.fa-exchange:after{content:"\10f0ec"}.fad.fa-exchange-alt:after{content:"\10f362"}.fad.fa-exclamation:after{content:"\10f12a"}.fad.fa-exclamation-circle:after{content:"\10f06a"}.fad.fa-exclamation-square:after{content:"\10f321"}.fad.fa-exclamation-triangle:after{content:"\10f071"}.fad.fa-expand:after{content:"\10f065"}.fad.fa-expand-alt:after{content:"\10f424"}.fad.fa-expand-arrows:after{content:"\10f31d"}.fad.fa-expand-arrows-alt:after{content:"\10f31e"}.fad.fa-expand-wide:after{content:"\10f320"}.fad.fa-external-link:after{content:"\10f08e"}.fad.fa-external-link-alt:after{content:"\10f35d"}.fad.fa-external-link-square:after{content:"\10f14c"}.fad.fa-external-link-square-alt:after{content:"\10f360"}.fad.fa-eye:after{content:"\10f06e"}.fad.fa-eye-dropper:after{content:"\10f1fb"}.fad.fa-eye-evil:after{content:"\10f6db"}.fad.fa-eye-slash:after{content:"\10f070"}.fad.fa-fan:after{content:"\10f863"}.fad.fa-fan-table:after{content:"\10f904"}.fad.fa-farm:after{content:"\10f864"}.fad.fa-fast-backward:after{content:"\10f049"}.fad.fa-fast-forward:after{content:"\10f050"}.fad.fa-faucet:after{content:"\10f905"}.fad.fa-faucet-drip:after{content:"\10f906"}.fad.fa-fax:after{content:"\10f1ac"}.fad.fa-feather:after{content:"\10f52d"}.fad.fa-feather-alt:after{content:"\10f56b"}.fad.fa-female:after{content:"\10f182"}.fad.fa-field-hockey:after{content:"\10f44c"}.fad.fa-fighter-jet:after{content:"\10f0fb"}.fad.fa-file:after{content:"\10f15b"}.fad.fa-file-alt:after{content:"\10f15c"}.fad.fa-file-archive:after{content:"\10f1c6"}.fad.fa-file-audio:after{content:"\10f1c7"}.fad.fa-file-certificate:after{content:"\10f5f3"}.fad.fa-file-chart-line:after{content:"\10f659"}.fad.fa-file-chart-pie:after{content:"\10f65a"}.fad.fa-file-check:after{content:"\10f316"}.fad.fa-file-code:after{content:"\10f1c9"}.fad.fa-file-contract:after{content:"\10f56c"}.fad.fa-file-csv:after{content:"\10f6dd"}.fad.fa-file-download:after{content:"\10f56d"}.fad.fa-file-edit:after{content:"\10f31c"}.fad.fa-file-excel:after{content:"\10f1c3"}.fad.fa-file-exclamation:after{content:"\10f31a"}.fad.fa-file-export:after{content:"\10f56e"}.fad.fa-file-image:after{content:"\10f1c5"}.fad.fa-file-import:after{content:"\10f56f"}.fad.fa-file-invoice:after{content:"\10f570"}.fad.fa-file-invoice-dollar:after{content:"\10f571"}.fad.fa-file-medical:after{content:"\10f477"}.fad.fa-file-medical-alt:after{content:"\10f478"}.fad.fa-file-minus:after{content:"\10f318"}.fad.fa-file-music:after{content:"\10f8b6"}.fad.fa-file-pdf:after{content:"\10f1c1"}.fad.fa-file-plus:after{content:"\10f319"}.fad.fa-file-powerpoint:after{content:"\10f1c4"}.fad.fa-file-prescription:after{content:"\10f572"}.fad.fa-file-search:after{content:"\10f865"}.fad.fa-file-signature:after{content:"\10f573"}.fad.fa-file-spreadsheet:after{content:"\10f65b"}.fad.fa-file-times:after{content:"\10f317"}.fad.fa-file-upload:after{content:"\10f574"}.fad.fa-file-user:after{content:"\10f65c"}.fad.fa-file-video:after{content:"\10f1c8"}.fad.fa-file-word:after{content:"\10f1c2"}.fad.fa-files-medical:after{content:"\10f7fd"}.fad.fa-fill:after{content:"\10f575"}.fad.fa-fill-drip:after{content:"\10f576"}.fad.fa-film:after{content:"\10f008"}.fad.fa-film-alt:after{content:"\10f3a0"}.fad.fa-film-canister:after{content:"\10f8b7"}.fad.fa-filter:after{content:"\10f0b0"}.fad.fa-fingerprint:after{content:"\10f577"}.fad.fa-fire:after{content:"\10f06d"}.fad.fa-fire-alt:after{content:"\10f7e4"}.fad.fa-fire-extinguisher:after{content:"\10f134"}.fad.fa-fire-smoke:after{content:"\10f74b"}.fad.fa-fireplace:after{content:"\10f79a"}.fad.fa-first-aid:after{content:"\10f479"}.fad.fa-fish:after{content:"\10f578"}.fad.fa-fish-cooked:after{content:"\10f7fe"}.fad.fa-fist-raised:after{content:"\10f6de"}.fad.fa-flag:after{content:"\10f024"}.fad.fa-flag-alt:after{content:"\10f74c"}.fad.fa-flag-checkered:after{content:"\10f11e"}.fad.fa-flag-usa:after{content:"\10f74d"}.fad.fa-flame:after{content:"\10f6df"}.fad.fa-flashlight:after{content:"\10f8b8"}.fad.fa-flask:after{content:"\10f0c3"}.fad.fa-flask-poison:after{content:"\10f6e0"}.fad.fa-flask-potion:after{content:"\10f6e1"}.fad.fa-flower:after{content:"\10f7ff"}.fad.fa-flower-daffodil:after{content:"\10f800"}.fad.fa-flower-tulip:after{content:"\10f801"}.fad.fa-flushed:after{content:"\10f579"}.fad.fa-flute:after{content:"\10f8b9"}.fad.fa-flux-capacitor:after{content:"\10f8ba"}.fad.fa-fog:after{content:"\10f74e"}.fad.fa-folder:after{content:"\10f07b"}.fad.fa-folder-download:after{content:"\10f953"}.fad.fa-folder-minus:after{content:"\10f65d"}.fad.fa-folder-open:after{content:"\10f07c"}.fad.fa-folder-plus:after{content:"\10f65e"}.fad.fa-folder-times:after{content:"\10f65f"}.fad.fa-folder-tree:after{content:"\10f802"}.fad.fa-folder-upload:after{content:"\10f954"}.fad.fa-folders:after{content:"\10f660"}.fad.fa-font:after{content:"\10f031"}.fad.fa-font-awesome-logo-full:after{content:"\10f4e6"}.fad.fa-font-case:after{content:"\10f866"}.fad.fa-football-ball:after{content:"\10f44e"}.fad.fa-football-helmet:after{content:"\10f44f"}.fad.fa-forklift:after{content:"\10f47a"}.fad.fa-forward:after{content:"\10f04e"}.fad.fa-fragile:after{content:"\10f4bb"}.fad.fa-french-fries:after{content:"\10f803"}.fad.fa-frog:after{content:"\10f52e"}.fad.fa-frosty-head:after{content:"\10f79b"}.fad.fa-frown:after{content:"\10f119"}.fad.fa-frown-open:after{content:"\10f57a"}.fad.fa-function:after{content:"\10f661"}.fad.fa-funnel-dollar:after{content:"\10f662"}.fad.fa-futbol:after{content:"\10f1e3"}.fad.fa-galaxy:after{content:"\10f908"}.fad.fa-game-board:after{content:"\10f867"}.fad.fa-game-board-alt:after{content:"\10f868"}.fad.fa-game-console-handheld:after{content:"\10f8bb"}.fad.fa-gamepad:after{content:"\10f11b"}.fad.fa-gamepad-alt:after{content:"\10f8bc"}.fad.fa-garage:after{content:"\10f909"}.fad.fa-garage-car:after{content:"\10f90a"}.fad.fa-garage-open:after{content:"\10f90b"}.fad.fa-gas-pump:after{content:"\10f52f"}.fad.fa-gas-pump-slash:after{content:"\10f5f4"}.fad.fa-gavel:after{content:"\10f0e3"}.fad.fa-gem:after{content:"\10f3a5"}.fad.fa-genderless:after{content:"\10f22d"}.fad.fa-ghost:after{content:"\10f6e2"}.fad.fa-gift:after{content:"\10f06b"}.fad.fa-gift-card:after{content:"\10f663"}.fad.fa-gifts:after{content:"\10f79c"}.fad.fa-gingerbread-man:after{content:"\10f79d"}.fad.fa-glass:after{content:"\10f804"}.fad.fa-glass-champagne:after{content:"\10f79e"}.fad.fa-glass-cheers:after{content:"\10f79f"}.fad.fa-glass-citrus:after{content:"\10f869"}.fad.fa-glass-martini:after{content:"\10f000"}.fad.fa-glass-martini-alt:after{content:"\10f57b"}.fad.fa-glass-whiskey:after{content:"\10f7a0"}.fad.fa-glass-whiskey-rocks:after{content:"\10f7a1"}.fad.fa-glasses:after{content:"\10f530"}.fad.fa-glasses-alt:after{content:"\10f5f5"}.fad.fa-globe:after{content:"\10f0ac"}.fad.fa-globe-africa:after{content:"\10f57c"}.fad.fa-globe-americas:after{content:"\10f57d"}.fad.fa-globe-asia:after{content:"\10f57e"}.fad.fa-globe-europe:after{content:"\10f7a2"}.fad.fa-globe-snow:after{content:"\10f7a3"}.fad.fa-globe-stand:after{content:"\10f5f6"}.fad.fa-golf-ball:after{content:"\10f450"}.fad.fa-golf-club:after{content:"\10f451"}.fad.fa-gopuram:after{content:"\10f664"}.fad.fa-graduation-cap:after{content:"\10f19d"}.fad.fa-gramophone:after{content:"\10f8bd"}.fad.fa-greater-than:after{content:"\10f531"}.fad.fa-greater-than-equal:after{content:"\10f532"}.fad.fa-grimace:after{content:"\10f57f"}.fad.fa-grin:after{content:"\10f580"}.fad.fa-grin-alt:after{content:"\10f581"}.fad.fa-grin-beam:after{content:"\10f582"}.fad.fa-grin-beam-sweat:after{content:"\10f583"}.fad.fa-grin-hearts:after{content:"\10f584"}.fad.fa-grin-squint:after{content:"\10f585"}.fad.fa-grin-squint-tears:after{content:"\10f586"}.fad.fa-grin-stars:after{content:"\10f587"}.fad.fa-grin-tears:after{content:"\10f588"}.fad.fa-grin-tongue:after{content:"\10f589"}.fad.fa-grin-tongue-squint:after{content:"\10f58a"}.fad.fa-grin-tongue-wink:after{content:"\10f58b"}.fad.fa-grin-wink:after{content:"\10f58c"}.fad.fa-grip-horizontal:after{content:"\10f58d"}.fad.fa-grip-lines:after{content:"\10f7a4"}.fad.fa-grip-lines-vertical:after{content:"\10f7a5"}.fad.fa-grip-vertical:after{content:"\10f58e"}.fad.fa-guitar:after{content:"\10f7a6"}.fad.fa-guitar-electric:after{content:"\10f8be"}.fad.fa-guitars:after{content:"\10f8bf"}.fad.fa-h-square:after{content:"\10f0fd"}.fad.fa-h1:after{content:"\10f313"}.fad.fa-h2:after{content:"\10f314"}.fad.fa-h3:after{content:"\10f315"}.fad.fa-h4:after{content:"\10f86a"}.fad.fa-hamburger:after{content:"\10f805"}.fad.fa-hammer:after{content:"\10f6e3"}.fad.fa-hammer-war:after{content:"\10f6e4"}.fad.fa-hamsa:after{content:"\10f665"}.fad.fa-hand-heart:after{content:"\10f4bc"}.fad.fa-hand-holding:after{content:"\10f4bd"}.fad.fa-hand-holding-box:after{content:"\10f47b"}.fad.fa-hand-holding-heart:after{content:"\10f4be"}.fad.fa-hand-holding-magic:after{content:"\10f6e5"}.fad.fa-hand-holding-seedling:after{content:"\10f4bf"}.fad.fa-hand-holding-usd:after{content:"\10f4c0"}.fad.fa-hand-holding-water:after{content:"\10f4c1"}.fad.fa-hand-lizard:after{content:"\10f258"}.fad.fa-hand-middle-finger:after{content:"\10f806"}.fad.fa-hand-paper:after{content:"\10f256"}.fad.fa-hand-peace:after{content:"\10f25b"}.fad.fa-hand-point-down:after{content:"\10f0a7"}.fad.fa-hand-point-left:after{content:"\10f0a5"}.fad.fa-hand-point-right:after{content:"\10f0a4"}.fad.fa-hand-point-up:after{content:"\10f0a6"}.fad.fa-hand-pointer:after{content:"\10f25a"}.fad.fa-hand-receiving:after{content:"\10f47c"}.fad.fa-hand-rock:after{content:"\10f255"}.fad.fa-hand-scissors:after{content:"\10f257"}.fad.fa-hand-spock:after{content:"\10f259"}.fad.fa-hands:after{content:"\10f4c2"}.fad.fa-hands-heart:after{content:"\10f4c3"}.fad.fa-hands-helping:after{content:"\10f4c4"}.fad.fa-hands-usd:after{content:"\10f4c5"}.fad.fa-handshake:after{content:"\10f2b5"}.fad.fa-handshake-alt:after{content:"\10f4c6"}.fad.fa-hanukiah:after{content:"\10f6e6"}.fad.fa-hard-hat:after{content:"\10f807"}.fad.fa-hashtag:after{content:"\10f292"}.fad.fa-hat-chef:after{content:"\10f86b"}.fad.fa-hat-cowboy:after{content:"\10f8c0"}.fad.fa-hat-cowboy-side:after{content:"\10f8c1"}.fad.fa-hat-santa:after{content:"\10f7a7"}.fad.fa-hat-winter:after{content:"\10f7a8"}.fad.fa-hat-witch:after{content:"\10f6e7"}.fad.fa-hat-wizard:after{content:"\10f6e8"}.fad.fa-hdd:after{content:"\10f0a0"}.fad.fa-head-side:after{content:"\10f6e9"}.fad.fa-head-side-brain:after{content:"\10f808"}.fad.fa-head-side-headphones:after{content:"\10f8c2"}.fad.fa-head-side-medical:after{content:"\10f809"}.fad.fa-head-vr:after{content:"\10f6ea"}.fad.fa-heading:after{content:"\10f1dc"}.fad.fa-headphones:after{content:"\10f025"}.fad.fa-headphones-alt:after{content:"\10f58f"}.fad.fa-headset:after{content:"\10f590"}.fad.fa-heart:after{content:"\10f004"}.fad.fa-heart-broken:after{content:"\10f7a9"}.fad.fa-heart-circle:after{content:"\10f4c7"}.fad.fa-heart-rate:after{content:"\10f5f8"}.fad.fa-heart-square:after{content:"\10f4c8"}.fad.fa-heartbeat:after{content:"\10f21e"}.fad.fa-heat:after{content:"\10f90c"}.fad.fa-helicopter:after{content:"\10f533"}.fad.fa-helmet-battle:after{content:"\10f6eb"}.fad.fa-hexagon:after{content:"\10f312"}.fad.fa-highlighter:after{content:"\10f591"}.fad.fa-hiking:after{content:"\10f6ec"}.fad.fa-hippo:after{content:"\10f6ed"}.fad.fa-history:after{content:"\10f1da"}.fad.fa-hockey-mask:after{content:"\10f6ee"}.fad.fa-hockey-puck:after{content:"\10f453"}.fad.fa-hockey-sticks:after{content:"\10f454"}.fad.fa-holly-berry:after{content:"\10f7aa"}.fad.fa-home:after{content:"\10f015"}.fad.fa-home-alt:after{content:"\10f80a"}.fad.fa-home-heart:after{content:"\10f4c9"}.fad.fa-home-lg:after{content:"\10f80b"}.fad.fa-home-lg-alt:after{content:"\10f80c"}.fad.fa-hood-cloak:after{content:"\10f6ef"}.fad.fa-horizontal-rule:after{content:"\10f86c"}.fad.fa-horse:after{content:"\10f6f0"}.fad.fa-horse-head:after{content:"\10f7ab"}.fad.fa-horse-saddle:after{content:"\10f8c3"}.fad.fa-hospital:after{content:"\10f0f8"}.fad.fa-hospital-alt:after{content:"\10f47d"}.fad.fa-hospital-symbol:after{content:"\10f47e"}.fad.fa-hospital-user:after{content:"\10f80d"}.fad.fa-hospitals:after{content:"\10f80e"}.fad.fa-hot-tub:after{content:"\10f593"}.fad.fa-hotdog:after{content:"\10f80f"}.fad.fa-hotel:after{content:"\10f594"}.fad.fa-hourglass:after{content:"\10f254"}.fad.fa-hourglass-end:after{content:"\10f253"}.fad.fa-hourglass-half:after{content:"\10f252"}.fad.fa-hourglass-start:after{content:"\10f251"}.fad.fa-house:after{content:"\10f90d"}.fad.fa-house-damage:after{content:"\10f6f1"}.fad.fa-house-day:after{content:"\10f90e"}.fad.fa-house-flood:after{content:"\10f74f"}.fad.fa-house-leave:after{content:"\10f90f"}.fad.fa-house-night:after{content:"\10f910"}.fad.fa-house-return:after{content:"\10f911"}.fad.fa-house-signal:after{content:"\10f912"}.fad.fa-hryvnia:after{content:"\10f6f2"}.fad.fa-humidity:after{content:"\10f750"}.fad.fa-hurricane:after{content:"\10f751"}.fad.fa-i-cursor:after{content:"\10f246"}.fad.fa-ice-cream:after{content:"\10f810"}.fad.fa-ice-skate:after{content:"\10f7ac"}.fad.fa-icicles:after{content:"\10f7ad"}.fad.fa-icons:after{content:"\10f86d"}.fad.fa-icons-alt:after{content:"\10f86e"}.fad.fa-id-badge:after{content:"\10f2c1"}.fad.fa-id-card:after{content:"\10f2c2"}.fad.fa-id-card-alt:after{content:"\10f47f"}.fad.fa-igloo:after{content:"\10f7ae"}.fad.fa-image:after{content:"\10f03e"}.fad.fa-image-polaroid:after{content:"\10f8c4"}.fad.fa-images:after{content:"\10f302"}.fad.fa-inbox:after{content:"\10f01c"}.fad.fa-inbox-in:after{content:"\10f310"}.fad.fa-inbox-out:after{content:"\10f311"}.fad.fa-indent:after{content:"\10f03c"}.fad.fa-industry:after{content:"\10f275"}.fad.fa-industry-alt:after{content:"\10f3b3"}.fad.fa-infinity:after{content:"\10f534"}.fad.fa-info:after{content:"\10f129"}.fad.fa-info-circle:after{content:"\10f05a"}.fad.fa-info-square:after{content:"\10f30f"}.fad.fa-inhaler:after{content:"\10f5f9"}.fad.fa-integral:after{content:"\10f667"}.fad.fa-intersection:after{content:"\10f668"}.fad.fa-inventory:after{content:"\10f480"}.fad.fa-island-tropical:after{content:"\10f811"}.fad.fa-italic:after{content:"\10f033"}.fad.fa-jack-o-lantern:after{content:"\10f30e"}.fad.fa-jedi:after{content:"\10f669"}.fad.fa-joint:after{content:"\10f595"}.fad.fa-journal-whills:after{content:"\10f66a"}.fad.fa-joystick:after{content:"\10f8c5"}.fad.fa-jug:after{content:"\10f8c6"}.fad.fa-kaaba:after{content:"\10f66b"}.fad.fa-kazoo:after{content:"\10f8c7"}.fad.fa-kerning:after{content:"\10f86f"}.fad.fa-key:after{content:"\10f084"}.fad.fa-key-skeleton:after{content:"\10f6f3"}.fad.fa-keyboard:after{content:"\10f11c"}.fad.fa-keynote:after{content:"\10f66c"}.fad.fa-khanda:after{content:"\10f66d"}.fad.fa-kidneys:after{content:"\10f5fb"}.fad.fa-kiss:after{content:"\10f596"}.fad.fa-kiss-beam:after{content:"\10f597"}.fad.fa-kiss-wink-heart:after{content:"\10f598"}.fad.fa-kite:after{content:"\10f6f4"}.fad.fa-kiwi-bird:after{content:"\10f535"}.fad.fa-knife-kitchen:after{content:"\10f6f5"}.fad.fa-lambda:after{content:"\10f66e"}.fad.fa-lamp:after{content:"\10f4ca"}.fad.fa-lamp-desk:after{content:"\10f914"}.fad.fa-lamp-floor:after{content:"\10f915"}.fad.fa-landmark:after{content:"\10f66f"}.fad.fa-landmark-alt:after{content:"\10f752"}.fad.fa-language:after{content:"\10f1ab"}.fad.fa-laptop:after{content:"\10f109"}.fad.fa-laptop-code:after{content:"\10f5fc"}.fad.fa-laptop-medical:after{content:"\10f812"}.fad.fa-lasso:after{content:"\10f8c8"}.fad.fa-laugh:after{content:"\10f599"}.fad.fa-laugh-beam:after{content:"\10f59a"}.fad.fa-laugh-squint:after{content:"\10f59b"}.fad.fa-laugh-wink:after{content:"\10f59c"}.fad.fa-layer-group:after{content:"\10f5fd"}.fad.fa-layer-minus:after{content:"\10f5fe"}.fad.fa-layer-plus:after{content:"\10f5ff"}.fad.fa-leaf:after{content:"\10f06c"}.fad.fa-leaf-heart:after{content:"\10f4cb"}.fad.fa-leaf-maple:after{content:"\10f6f6"}.fad.fa-leaf-oak:after{content:"\10f6f7"}.fad.fa-lemon:after{content:"\10f094"}.fad.fa-less-than:after{content:"\10f536"}.fad.fa-less-than-equal:after{content:"\10f537"}.fad.fa-level-down:after{content:"\10f149"}.fad.fa-level-down-alt:after{content:"\10f3be"}.fad.fa-level-up:after{content:"\10f148"}.fad.fa-level-up-alt:after{content:"\10f3bf"}.fad.fa-life-ring:after{content:"\10f1cd"}.fad.fa-light-ceiling:after{content:"\10f916"}.fad.fa-light-switch:after{content:"\10f917"}.fad.fa-light-switch-off:after{content:"\10f918"}.fad.fa-light-switch-on:after{content:"\10f919"}.fad.fa-lightbulb:after{content:"\10f0eb"}.fad.fa-lightbulb-dollar:after{content:"\10f670"}.fad.fa-lightbulb-exclamation:after{content:"\10f671"}.fad.fa-lightbulb-on:after{content:"\10f672"}.fad.fa-lightbulb-slash:after{content:"\10f673"}.fad.fa-lights-holiday:after{content:"\10f7b2"}.fad.fa-line-columns:after{content:"\10f870"}.fad.fa-line-height:after{content:"\10f871"}.fad.fa-link:after{content:"\10f0c1"}.fad.fa-lips:after{content:"\10f600"}.fad.fa-lira-sign:after{content:"\10f195"}.fad.fa-list:after{content:"\10f03a"}.fad.fa-list-alt:after{content:"\10f022"}.fad.fa-list-music:after{content:"\10f8c9"}.fad.fa-list-ol:after{content:"\10f0cb"}.fad.fa-list-ul:after{content:"\10f0ca"}.fad.fa-location:after{content:"\10f601"}.fad.fa-location-arrow:after{content:"\10f124"}.fad.fa-location-circle:after{content:"\10f602"}.fad.fa-location-slash:after{content:"\10f603"}.fad.fa-lock:after{content:"\10f023"}.fad.fa-lock-alt:after{content:"\10f30d"}.fad.fa-lock-open:after{content:"\10f3c1"}.fad.fa-lock-open-alt:after{content:"\10f3c2"}.fad.fa-long-arrow-alt-down:after{content:"\10f309"}.fad.fa-long-arrow-alt-left:after{content:"\10f30a"}.fad.fa-long-arrow-alt-right:after{content:"\10f30b"}.fad.fa-long-arrow-alt-up:after{content:"\10f30c"}.fad.fa-long-arrow-down:after{content:"\10f175"}.fad.fa-long-arrow-left:after{content:"\10f177"}.fad.fa-long-arrow-right:after{content:"\10f178"}.fad.fa-long-arrow-up:after{content:"\10f176"}.fad.fa-loveseat:after{content:"\10f4cc"}.fad.fa-low-vision:after{content:"\10f2a8"}.fad.fa-luchador:after{content:"\10f455"}.fad.fa-luggage-cart:after{content:"\10f59d"}.fad.fa-lungs:after{content:"\10f604"}.fad.fa-mace:after{content:"\10f6f8"}.fad.fa-magic:after{content:"\10f0d0"}.fad.fa-magnet:after{content:"\10f076"}.fad.fa-mail-bulk:after{content:"\10f674"}.fad.fa-mailbox:after{content:"\10f813"}.fad.fa-male:after{content:"\10f183"}.fad.fa-mandolin:after{content:"\10f6f9"}.fad.fa-map:after{content:"\10f279"}.fad.fa-map-marked:after{content:"\10f59f"}.fad.fa-map-marked-alt:after{content:"\10f5a0"}.fad.fa-map-marker:after{content:"\10f041"}.fad.fa-map-marker-alt:after{content:"\10f3c5"}.fad.fa-map-marker-alt-slash:after{content:"\10f605"}.fad.fa-map-marker-check:after{content:"\10f606"}.fad.fa-map-marker-edit:after{content:"\10f607"}.fad.fa-map-marker-exclamation:after{content:"\10f608"}.fad.fa-map-marker-minus:after{content:"\10f609"}.fad.fa-map-marker-plus:after{content:"\10f60a"}.fad.fa-map-marker-question:after{content:"\10f60b"}.fad.fa-map-marker-slash:after{content:"\10f60c"}.fad.fa-map-marker-smile:after{content:"\10f60d"}.fad.fa-map-marker-times:after{content:"\10f60e"}.fad.fa-map-pin:after{content:"\10f276"}.fad.fa-map-signs:after{content:"\10f277"}.fad.fa-marker:after{content:"\10f5a1"}.fad.fa-mars:after{content:"\10f222"}.fad.fa-mars-double:after{content:"\10f227"}.fad.fa-mars-stroke:after{content:"\10f229"}.fad.fa-mars-stroke-h:after{content:"\10f22b"}.fad.fa-mars-stroke-v:after{content:"\10f22a"}.fad.fa-mask:after{content:"\10f6fa"}.fad.fa-meat:after{content:"\10f814"}.fad.fa-medal:after{content:"\10f5a2"}.fad.fa-medkit:after{content:"\10f0fa"}.fad.fa-megaphone:after{content:"\10f675"}.fad.fa-meh:after{content:"\10f11a"}.fad.fa-meh-blank:after{content:"\10f5a4"}.fad.fa-meh-rolling-eyes:after{content:"\10f5a5"}.fad.fa-memory:after{content:"\10f538"}.fad.fa-menorah:after{content:"\10f676"}.fad.fa-mercury:after{content:"\10f223"}.fad.fa-meteor:after{content:"\10f753"}.fad.fa-microchip:after{content:"\10f2db"}.fad.fa-microphone:after{content:"\10f130"}.fad.fa-microphone-alt:after{content:"\10f3c9"}.fad.fa-microphone-alt-slash:after{content:"\10f539"}.fad.fa-microphone-slash:after{content:"\10f131"}.fad.fa-microphone-stand:after{content:"\10f8cb"}.fad.fa-microscope:after{content:"\10f610"}.fad.fa-microwave:after{content:"\10f91b"}.fad.fa-mind-share:after{content:"\10f677"}.fad.fa-minus:after{content:"\10f068"}.fad.fa-minus-circle:after{content:"\10f056"}.fad.fa-minus-hexagon:after{content:"\10f307"}.fad.fa-minus-octagon:after{content:"\10f308"}.fad.fa-minus-square:after{content:"\10f146"}.fad.fa-mistletoe:after{content:"\10f7b4"}.fad.fa-mitten:after{content:"\10f7b5"}.fad.fa-mobile:after{content:"\10f10b"}.fad.fa-mobile-alt:after{content:"\10f3cd"}.fad.fa-mobile-android:after{content:"\10f3ce"}.fad.fa-mobile-android-alt:after{content:"\10f3cf"}.fad.fa-money-bill:after{content:"\10f0d6"}.fad.fa-money-bill-alt:after{content:"\10f3d1"}.fad.fa-money-bill-wave:after{content:"\10f53a"}.fad.fa-money-bill-wave-alt:after{content:"\10f53b"}.fad.fa-money-check:after{content:"\10f53c"}.fad.fa-money-check-alt:after{content:"\10f53d"}.fad.fa-money-check-edit:after{content:"\10f872"}.fad.fa-money-check-edit-alt:after{content:"\10f873"}.fad.fa-monitor-heart-rate:after{content:"\10f611"}.fad.fa-monkey:after{content:"\10f6fb"}.fad.fa-monument:after{content:"\10f5a6"}.fad.fa-moon:after{content:"\10f186"}.fad.fa-moon-cloud:after{content:"\10f754"}.fad.fa-moon-stars:after{content:"\10f755"}.fad.fa-mortar-pestle:after{content:"\10f5a7"}.fad.fa-mosque:after{content:"\10f678"}.fad.fa-motorcycle:after{content:"\10f21c"}.fad.fa-mountain:after{content:"\10f6fc"}.fad.fa-mountains:after{content:"\10f6fd"}.fad.fa-mouse:after{content:"\10f8cc"}.fad.fa-mouse-alt:after{content:"\10f8cd"}.fad.fa-mouse-pointer:after{content:"\10f245"}.fad.fa-mp3-player:after{content:"\10f8ce"}.fad.fa-mug:after{content:"\10f874"}.fad.fa-mug-hot:after{content:"\10f7b6"}.fad.fa-mug-marshmallows:after{content:"\10f7b7"}.fad.fa-mug-tea:after{content:"\10f875"}.fad.fa-music:after{content:"\10f001"}.fad.fa-music-alt:after{content:"\10f8cf"}.fad.fa-music-alt-slash:after{content:"\10f8d0"}.fad.fa-music-slash:after{content:"\10f8d1"}.fad.fa-narwhal:after{content:"\10f6fe"}.fad.fa-network-wired:after{content:"\10f6ff"}.fad.fa-neuter:after{content:"\10f22c"}.fad.fa-newspaper:after{content:"\10f1ea"}.fad.fa-not-equal:after{content:"\10f53e"}.fad.fa-notes-medical:after{content:"\10f481"}.fad.fa-object-group:after{content:"\10f247"}.fad.fa-object-ungroup:after{content:"\10f248"}.fad.fa-octagon:after{content:"\10f306"}.fad.fa-oil-can:after{content:"\10f613"}.fad.fa-oil-temp:after{content:"\10f614"}.fad.fa-om:after{content:"\10f679"}.fad.fa-omega:after{content:"\10f67a"}.fad.fa-ornament:after{content:"\10f7b8"}.fad.fa-otter:after{content:"\10f700"}.fad.fa-outdent:after{content:"\10f03b"}.fad.fa-outlet:after{content:"\10f91c"}.fad.fa-oven:after{content:"\10f91d"}.fad.fa-overline:after{content:"\10f876"}.fad.fa-page-break:after{content:"\10f877"}.fad.fa-pager:after{content:"\10f815"}.fad.fa-paint-brush:after{content:"\10f1fc"}.fad.fa-paint-brush-alt:after{content:"\10f5a9"}.fad.fa-paint-roller:after{content:"\10f5aa"}.fad.fa-palette:after{content:"\10f53f"}.fad.fa-pallet:after{content:"\10f482"}.fad.fa-pallet-alt:after{content:"\10f483"}.fad.fa-paper-plane:after{content:"\10f1d8"}.fad.fa-paperclip:after{content:"\10f0c6"}.fad.fa-parachute-box:after{content:"\10f4cd"}.fad.fa-paragraph:after{content:"\10f1dd"}.fad.fa-paragraph-rtl:after{content:"\10f878"}.fad.fa-parking:after{content:"\10f540"}.fad.fa-parking-circle:after{content:"\10f615"}.fad.fa-parking-circle-slash:after{content:"\10f616"}.fad.fa-parking-slash:after{content:"\10f617"}.fad.fa-passport:after{content:"\10f5ab"}.fad.fa-pastafarianism:after{content:"\10f67b"}.fad.fa-paste:after{content:"\10f0ea"}.fad.fa-pause:after{content:"\10f04c"}.fad.fa-pause-circle:after{content:"\10f28b"}.fad.fa-paw:after{content:"\10f1b0"}.fad.fa-paw-alt:after{content:"\10f701"}.fad.fa-paw-claws:after{content:"\10f702"}.fad.fa-peace:after{content:"\10f67c"}.fad.fa-pegasus:after{content:"\10f703"}.fad.fa-pen:after{content:"\10f304"}.fad.fa-pen-alt:after{content:"\10f305"}.fad.fa-pen-fancy:after{content:"\10f5ac"}.fad.fa-pen-nib:after{content:"\10f5ad"}.fad.fa-pen-square:after{content:"\10f14b"}.fad.fa-pencil:after{content:"\10f040"}.fad.fa-pencil-alt:after{content:"\10f303"}.fad.fa-pencil-paintbrush:after{content:"\10f618"}.fad.fa-pencil-ruler:after{content:"\10f5ae"}.fad.fa-pennant:after{content:"\10f456"}.fad.fa-people-carry:after{content:"\10f4ce"}.fad.fa-pepper-hot:after{content:"\10f816"}.fad.fa-percent:after{content:"\10f295"}.fad.fa-percentage:after{content:"\10f541"}.fad.fa-person-booth:after{content:"\10f756"}.fad.fa-person-carry:after{content:"\10f4cf"}.fad.fa-person-dolly:after{content:"\10f4d0"}.fad.fa-person-dolly-empty:after{content:"\10f4d1"}.fad.fa-person-sign:after{content:"\10f757"}.fad.fa-phone:after{content:"\10f095"}.fad.fa-phone-alt:after{content:"\10f879"}.fad.fa-phone-laptop:after{content:"\10f87a"}.fad.fa-phone-office:after{content:"\10f67d"}.fad.fa-phone-plus:after{content:"\10f4d2"}.fad.fa-phone-rotary:after{content:"\10f8d3"}.fad.fa-phone-slash:after{content:"\10f3dd"}.fad.fa-phone-square:after{content:"\10f098"}.fad.fa-phone-square-alt:after{content:"\10f87b"}.fad.fa-phone-volume:after{content:"\10f2a0"}.fad.fa-photo-video:after{content:"\10f87c"}.fad.fa-pi:after{content:"\10f67e"}.fad.fa-piano:after{content:"\10f8d4"}.fad.fa-piano-keyboard:after{content:"\10f8d5"}.fad.fa-pie:after{content:"\10f705"}.fad.fa-pig:after{content:"\10f706"}.fad.fa-piggy-bank:after{content:"\10f4d3"}.fad.fa-pills:after{content:"\10f484"}.fad.fa-pizza:after{content:"\10f817"}.fad.fa-pizza-slice:after{content:"\10f818"}.fad.fa-place-of-worship:after{content:"\10f67f"}.fad.fa-plane:after{content:"\10f072"}.fad.fa-plane-alt:after{content:"\10f3de"}.fad.fa-plane-arrival:after{content:"\10f5af"}.fad.fa-plane-departure:after{content:"\10f5b0"}.fad.fa-planet-moon:after{content:"\10f91f"}.fad.fa-planet-ringed:after{content:"\10f920"}.fad.fa-play:after{content:"\10f04b"}.fad.fa-play-circle:after{content:"\10f144"}.fad.fa-plug:after{content:"\10f1e6"}.fad.fa-plus:after{content:"\10f067"}.fad.fa-plus-circle:after{content:"\10f055"}.fad.fa-plus-hexagon:after{content:"\10f300"}.fad.fa-plus-octagon:after{content:"\10f301"}.fad.fa-plus-square:after{content:"\10f0fe"}.fad.fa-podcast:after{content:"\10f2ce"}.fad.fa-podium:after{content:"\10f680"}.fad.fa-podium-star:after{content:"\10f758"}.fad.fa-police-box:after{content:"\10f921"}.fad.fa-poll:after{content:"\10f681"}.fad.fa-poll-h:after{content:"\10f682"}.fad.fa-poll-people:after{content:"\10f759"}.fad.fa-poo:after{content:"\10f2fe"}.fad.fa-poo-storm:after{content:"\10f75a"}.fad.fa-poop:after{content:"\10f619"}.fad.fa-popcorn:after{content:"\10f819"}.fad.fa-portal-enter:after{content:"\10f922"}.fad.fa-portal-exit:after{content:"\10f923"}.fad.fa-portrait:after{content:"\10f3e0"}.fad.fa-pound-sign:after{content:"\10f154"}.fad.fa-power-off:after{content:"\10f011"}.fad.fa-pray:after{content:"\10f683"}.fad.fa-praying-hands:after{content:"\10f684"}.fad.fa-prescription:after{content:"\10f5b1"}.fad.fa-prescription-bottle:after{content:"\10f485"}.fad.fa-prescription-bottle-alt:after{content:"\10f486"}.fad.fa-presentation:after{content:"\10f685"}.fad.fa-print:after{content:"\10f02f"}.fad.fa-print-search:after{content:"\10f81a"}.fad.fa-print-slash:after{content:"\10f686"}.fad.fa-procedures:after{content:"\10f487"}.fad.fa-project-diagram:after{content:"\10f542"}.fad.fa-projector:after{content:"\10f8d6"}.fad.fa-pumpkin:after{content:"\10f707"}.fad.fa-puzzle-piece:after{content:"\10f12e"}.fad.fa-qrcode:after{content:"\10f029"}.fad.fa-question:after{content:"\10f128"}.fad.fa-question-circle:after{content:"\10f059"}.fad.fa-question-square:after{content:"\10f2fd"}.fad.fa-quidditch:after{content:"\10f458"}.fad.fa-quote-left:after{content:"\10f10d"}.fad.fa-quote-right:after{content:"\10f10e"}.fad.fa-quran:after{content:"\10f687"}.fad.fa-rabbit:after{content:"\10f708"}.fad.fa-rabbit-fast:after{content:"\10f709"}.fad.fa-racquet:after{content:"\10f45a"}.fad.fa-radar:after{content:"\10f924"}.fad.fa-radiation:after{content:"\10f7b9"}.fad.fa-radiation-alt:after{content:"\10f7ba"}.fad.fa-radio:after{content:"\10f8d7"}.fad.fa-radio-alt:after{content:"\10f8d8"}.fad.fa-rainbow:after{content:"\10f75b"}.fad.fa-raindrops:after{content:"\10f75c"}.fad.fa-ram:after{content:"\10f70a"}.fad.fa-ramp-loading:after{content:"\10f4d4"}.fad.fa-random:after{content:"\10f074"}.fad.fa-raygun:after{content:"\10f925"}.fad.fa-receipt:after{content:"\10f543"}.fad.fa-record-vinyl:after{content:"\10f8d9"}.fad.fa-rectangle-landscape:after{content:"\10f2fa"}.fad.fa-rectangle-portrait:after{content:"\10f2fb"}.fad.fa-rectangle-wide:after{content:"\10f2fc"}.fad.fa-recycle:after{content:"\10f1b8"}.fad.fa-redo:after{content:"\10f01e"}.fad.fa-redo-alt:after{content:"\10f2f9"}.fad.fa-refrigerator:after{content:"\10f926"}.fad.fa-registered:after{content:"\10f25d"}.fad.fa-remove-format:after{content:"\10f87d"}.fad.fa-repeat:after{content:"\10f363"}.fad.fa-repeat-1:after{content:"\10f365"}.fad.fa-repeat-1-alt:after{content:"\10f366"}.fad.fa-repeat-alt:after{content:"\10f364"}.fad.fa-reply:after{content:"\10f3e5"}.fad.fa-reply-all:after{content:"\10f122"}.fad.fa-republican:after{content:"\10f75e"}.fad.fa-restroom:after{content:"\10f7bd"}.fad.fa-retweet:after{content:"\10f079"}.fad.fa-retweet-alt:after{content:"\10f361"}.fad.fa-ribbon:after{content:"\10f4d6"}.fad.fa-ring:after{content:"\10f70b"}.fad.fa-rings-wedding:after{content:"\10f81b"}.fad.fa-road:after{content:"\10f018"}.fad.fa-robot:after{content:"\10f544"}.fad.fa-rocket:after{content:"\10f135"}.fad.fa-rocket-launch:after{content:"\10f927"}.fad.fa-route:after{content:"\10f4d7"}.fad.fa-route-highway:after{content:"\10f61a"}.fad.fa-route-interstate:after{content:"\10f61b"}.fad.fa-router:after{content:"\10f8da"}.fad.fa-rss:after{content:"\10f09e"}.fad.fa-rss-square:after{content:"\10f143"}.fad.fa-ruble-sign:after{content:"\10f158"}.fad.fa-ruler:after{content:"\10f545"}.fad.fa-ruler-combined:after{content:"\10f546"}.fad.fa-ruler-horizontal:after{content:"\10f547"}.fad.fa-ruler-triangle:after{content:"\10f61c"}.fad.fa-ruler-vertical:after{content:"\10f548"}.fad.fa-running:after{content:"\10f70c"}.fad.fa-rupee-sign:after{content:"\10f156"}.fad.fa-rv:after{content:"\10f7be"}.fad.fa-sack:after{content:"\10f81c"}.fad.fa-sack-dollar:after{content:"\10f81d"}.fad.fa-sad-cry:after{content:"\10f5b3"}.fad.fa-sad-tear:after{content:"\10f5b4"}.fad.fa-salad:after{content:"\10f81e"}.fad.fa-sandwich:after{content:"\10f81f"}.fad.fa-satellite:after{content:"\10f7bf"}.fad.fa-satellite-dish:after{content:"\10f7c0"}.fad.fa-sausage:after{content:"\10f820"}.fad.fa-save:after{content:"\10f0c7"}.fad.fa-sax-hot:after{content:"\10f8db"}.fad.fa-saxophone:after{content:"\10f8dc"}.fad.fa-scalpel:after{content:"\10f61d"}.fad.fa-scalpel-path:after{content:"\10f61e"}.fad.fa-scanner:after{content:"\10f488"}.fad.fa-scanner-image:after{content:"\10f8f3"}.fad.fa-scanner-keyboard:after{content:"\10f489"}.fad.fa-scanner-touchscreen:after{content:"\10f48a"}.fad.fa-scarecrow:after{content:"\10f70d"}.fad.fa-scarf:after{content:"\10f7c1"}.fad.fa-school:after{content:"\10f549"}.fad.fa-screwdriver:after{content:"\10f54a"}.fad.fa-scroll:after{content:"\10f70e"}.fad.fa-scroll-old:after{content:"\10f70f"}.fad.fa-scrubber:after{content:"\10f2f8"}.fad.fa-scythe:after{content:"\10f710"}.fad.fa-sd-card:after{content:"\10f7c2"}.fad.fa-search:after{content:"\10f002"}.fad.fa-search-dollar:after{content:"\10f688"}.fad.fa-search-location:after{content:"\10f689"}.fad.fa-search-minus:after{content:"\10f010"}.fad.fa-search-plus:after{content:"\10f00e"}.fad.fa-seedling:after{content:"\10f4d8"}.fad.fa-send-back:after{content:"\10f87e"}.fad.fa-send-backward:after{content:"\10f87f"}.fad.fa-sensor:after{content:"\10f928"}.fad.fa-sensor-alert:after{content:"\10f929"}.fad.fa-sensor-fire:after{content:"\10f92a"}.fad.fa-sensor-on:after{content:"\10f92b"}.fad.fa-sensor-smoke:after{content:"\10f92c"}.fad.fa-server:after{content:"\10f233"}.fad.fa-shapes:after{content:"\10f61f"}.fad.fa-share:after{content:"\10f064"}.fad.fa-share-all:after{content:"\10f367"}.fad.fa-share-alt:after{content:"\10f1e0"}.fad.fa-share-alt-square:after{content:"\10f1e1"}.fad.fa-share-square:after{content:"\10f14d"}.fad.fa-sheep:after{content:"\10f711"}.fad.fa-shekel-sign:after{content:"\10f20b"}.fad.fa-shield:after{content:"\10f132"}.fad.fa-shield-alt:after{content:"\10f3ed"}.fad.fa-shield-check:after{content:"\10f2f7"}.fad.fa-shield-cross:after{content:"\10f712"}.fad.fa-ship:after{content:"\10f21a"}.fad.fa-shipping-fast:after{content:"\10f48b"}.fad.fa-shipping-timed:after{content:"\10f48c"}.fad.fa-shish-kebab:after{content:"\10f821"}.fad.fa-shoe-prints:after{content:"\10f54b"}.fad.fa-shopping-bag:after{content:"\10f290"}.fad.fa-shopping-basket:after{content:"\10f291"}.fad.fa-shopping-cart:after{content:"\10f07a"}.fad.fa-shovel:after{content:"\10f713"}.fad.fa-shovel-snow:after{content:"\10f7c3"}.fad.fa-shower:after{content:"\10f2cc"}.fad.fa-shredder:after{content:"\10f68a"}.fad.fa-shuttle-van:after{content:"\10f5b6"}.fad.fa-shuttlecock:after{content:"\10f45b"}.fad.fa-sickle:after{content:"\10f822"}.fad.fa-sigma:after{content:"\10f68b"}.fad.fa-sign:after{content:"\10f4d9"}.fad.fa-sign-in:after{content:"\10f090"}.fad.fa-sign-in-alt:after{content:"\10f2f6"}.fad.fa-sign-language:after{content:"\10f2a7"}.fad.fa-sign-out:after{content:"\10f08b"}.fad.fa-sign-out-alt:after{content:"\10f2f5"}.fad.fa-signal:after{content:"\10f012"}.fad.fa-signal-1:after{content:"\10f68c"}.fad.fa-signal-2:after{content:"\10f68d"}.fad.fa-signal-3:after{content:"\10f68e"}.fad.fa-signal-4:after{content:"\10f68f"}.fad.fa-signal-alt:after{content:"\10f690"}.fad.fa-signal-alt-1:after{content:"\10f691"}.fad.fa-signal-alt-2:after{content:"\10f692"}.fad.fa-signal-alt-3:after{content:"\10f693"}.fad.fa-signal-alt-slash:after{content:"\10f694"}.fad.fa-signal-slash:after{content:"\10f695"}.fad.fa-signal-stream:after{content:"\10f8dd"}.fad.fa-signature:after{content:"\10f5b7"}.fad.fa-sim-card:after{content:"\10f7c4"}.fad.fa-siren:after{content:"\10f92d"}.fad.fa-siren-on:after{content:"\10f92e"}.fad.fa-sitemap:after{content:"\10f0e8"}.fad.fa-skating:after{content:"\10f7c5"}.fad.fa-skeleton:after{content:"\10f620"}.fad.fa-ski-jump:after{content:"\10f7c7"}.fad.fa-ski-lift:after{content:"\10f7c8"}.fad.fa-skiing:after{content:"\10f7c9"}.fad.fa-skiing-nordic:after{content:"\10f7ca"}.fad.fa-skull:after{content:"\10f54c"}.fad.fa-skull-cow:after{content:"\10f8de"}.fad.fa-skull-crossbones:after{content:"\10f714"}.fad.fa-slash:after{content:"\10f715"}.fad.fa-sledding:after{content:"\10f7cb"}.fad.fa-sleigh:after{content:"\10f7cc"}.fad.fa-sliders-h:after{content:"\10f1de"}.fad.fa-sliders-h-square:after{content:"\10f3f0"}.fad.fa-sliders-v:after{content:"\10f3f1"}.fad.fa-sliders-v-square:after{content:"\10f3f2"}.fad.fa-smile:after{content:"\10f118"}.fad.fa-smile-beam:after{content:"\10f5b8"}.fad.fa-smile-plus:after{content:"\10f5b9"}.fad.fa-smile-wink:after{content:"\10f4da"}.fad.fa-smog:after{content:"\10f75f"}.fad.fa-smoke:after{content:"\10f760"}.fad.fa-smoking:after{content:"\10f48d"}.fad.fa-smoking-ban:after{content:"\10f54d"}.fad.fa-sms:after{content:"\10f7cd"}.fad.fa-snake:after{content:"\10f716"}.fad.fa-snooze:after{content:"\10f880"}.fad.fa-snow-blowing:after{content:"\10f761"}.fad.fa-snowboarding:after{content:"\10f7ce"}.fad.fa-snowflake:after{content:"\10f2dc"}.fad.fa-snowflakes:after{content:"\10f7cf"}.fad.fa-snowman:after{content:"\10f7d0"}.fad.fa-snowmobile:after{content:"\10f7d1"}.fad.fa-snowplow:after{content:"\10f7d2"}.fad.fa-socks:after{content:"\10f696"}.fad.fa-solar-panel:after{content:"\10f5ba"}.fad.fa-solar-system:after{content:"\10f92f"}.fad.fa-sort:after{content:"\10f0dc"}.fad.fa-sort-alpha-down:after{content:"\10f15d"}.fad.fa-sort-alpha-down-alt:after{content:"\10f881"}.fad.fa-sort-alpha-up:after{content:"\10f15e"}.fad.fa-sort-alpha-up-alt:after{content:"\10f882"}.fad.fa-sort-alt:after{content:"\10f883"}.fad.fa-sort-amount-down:after{content:"\10f160"}.fad.fa-sort-amount-down-alt:after{content:"\10f884"}.fad.fa-sort-amount-up:after{content:"\10f161"}.fad.fa-sort-amount-up-alt:after{content:"\10f885"}.fad.fa-sort-circle:after{content:"\10f930"}.fad.fa-sort-circle-down:after{content:"\10f931"}.fad.fa-sort-circle-up:after{content:"\10f932"}.fad.fa-sort-down:after{content:"\10f0dd"}.fad.fa-sort-numeric-down:after{content:"\10f162"}.fad.fa-sort-numeric-down-alt:after{content:"\10f886"}.fad.fa-sort-numeric-up:after{content:"\10f163"}.fad.fa-sort-numeric-up-alt:after{content:"\10f887"}.fad.fa-sort-shapes-down:after{content:"\10f888"}.fad.fa-sort-shapes-down-alt:after{content:"\10f889"}.fad.fa-sort-shapes-up:after{content:"\10f88a"}.fad.fa-sort-shapes-up-alt:after{content:"\10f88b"}.fad.fa-sort-size-down:after{content:"\10f88c"}.fad.fa-sort-size-down-alt:after{content:"\10f88d"}.fad.fa-sort-size-up:after{content:"\10f88e"}.fad.fa-sort-size-up-alt:after{content:"\10f88f"}.fad.fa-sort-up:after{content:"\10f0de"}.fad.fa-soup:after{content:"\10f823"}.fad.fa-spa:after{content:"\10f5bb"}.fad.fa-space-shuttle:after{content:"\10f197"}.fad.fa-space-station-moon:after{content:"\10f933"}.fad.fa-space-station-moon-alt:after{content:"\10f934"}.fad.fa-spade:after{content:"\10f2f4"}.fad.fa-sparkles:after{content:"\10f890"}.fad.fa-speaker:after{content:"\10f8df"}.fad.fa-speakers:after{content:"\10f8e0"}.fad.fa-spell-check:after{content:"\10f891"}.fad.fa-spider:after{content:"\10f717"}.fad.fa-spider-black-widow:after{content:"\10f718"}.fad.fa-spider-web:after{content:"\10f719"}.fad.fa-spinner:after{content:"\10f110"}.fad.fa-spinner-third:after{content:"\10f3f4"}.fad.fa-splotch:after{content:"\10f5bc"}.fad.fa-spray-can:after{content:"\10f5bd"}.fad.fa-sprinkler:after{content:"\10f935"}.fad.fa-square:after{content:"\10f0c8"}.fad.fa-square-full:after{content:"\10f45c"}.fad.fa-square-root:after{content:"\10f697"}.fad.fa-square-root-alt:after{content:"\10f698"}.fad.fa-squirrel:after{content:"\10f71a"}.fad.fa-staff:after{content:"\10f71b"}.fad.fa-stamp:after{content:"\10f5bf"}.fad.fa-star:after{content:"\10f005"}.fad.fa-star-and-crescent:after{content:"\10f699"}.fad.fa-star-christmas:after{content:"\10f7d4"}.fad.fa-star-exclamation:after{content:"\10f2f3"}.fad.fa-star-half:after{content:"\10f089"}.fad.fa-star-half-alt:after{content:"\10f5c0"}.fad.fa-star-of-david:after{content:"\10f69a"}.fad.fa-star-of-life:after{content:"\10f621"}.fad.fa-star-shooting:after{content:"\10f936"}.fad.fa-starfighter:after{content:"\10f937"}.fad.fa-starfighter-alt:after{content:"\10f938"}.fad.fa-stars:after{content:"\10f762"}.fad.fa-starship:after{content:"\10f939"}.fad.fa-starship-freighter:after{content:"\10f93a"}.fad.fa-steak:after{content:"\10f824"}.fad.fa-steering-wheel:after{content:"\10f622"}.fad.fa-step-backward:after{content:"\10f048"}.fad.fa-step-forward:after{content:"\10f051"}.fad.fa-stethoscope:after{content:"\10f0f1"}.fad.fa-sticky-note:after{content:"\10f249"}.fad.fa-stocking:after{content:"\10f7d5"}.fad.fa-stomach:after{content:"\10f623"}.fad.fa-stop:after{content:"\10f04d"}.fad.fa-stop-circle:after{content:"\10f28d"}.fad.fa-stopwatch:after{content:"\10f2f2"}.fad.fa-store:after{content:"\10f54e"}.fad.fa-store-alt:after{content:"\10f54f"}.fad.fa-stream:after{content:"\10f550"}.fad.fa-street-view:after{content:"\10f21d"}.fad.fa-stretcher:after{content:"\10f825"}.fad.fa-strikethrough:after{content:"\10f0cc"}.fad.fa-stroopwafel:after{content:"\10f551"}.fad.fa-subscript:after{content:"\10f12c"}.fad.fa-subway:after{content:"\10f239"}.fad.fa-suitcase:after{content:"\10f0f2"}.fad.fa-suitcase-rolling:after{content:"\10f5c1"}.fad.fa-sun:after{content:"\10f185"}.fad.fa-sun-cloud:after{content:"\10f763"}.fad.fa-sun-dust:after{content:"\10f764"}.fad.fa-sun-haze:after{content:"\10f765"}.fad.fa-sunglasses:after{content:"\10f892"}.fad.fa-sunrise:after{content:"\10f766"}.fad.fa-sunset:after{content:"\10f767"}.fad.fa-superscript:after{content:"\10f12b"}.fad.fa-surprise:after{content:"\10f5c2"}.fad.fa-swatchbook:after{content:"\10f5c3"}.fad.fa-swimmer:after{content:"\10f5c4"}.fad.fa-swimming-pool:after{content:"\10f5c5"}.fad.fa-sword:after{content:"\10f71c"}.fad.fa-sword-laser:after{content:"\10f93b"}.fad.fa-sword-laser-alt:after{content:"\10f93c"}.fad.fa-swords:after{content:"\10f71d"}.fad.fa-swords-laser:after{content:"\10f93d"}.fad.fa-synagogue:after{content:"\10f69b"}.fad.fa-sync:after{content:"\10f021"}.fad.fa-sync-alt:after{content:"\10f2f1"}.fad.fa-syringe:after{content:"\10f48e"}.fad.fa-table:after{content:"\10f0ce"}.fad.fa-table-tennis:after{content:"\10f45d"}.fad.fa-tablet:after{content:"\10f10a"}.fad.fa-tablet-alt:after{content:"\10f3fa"}.fad.fa-tablet-android:after{content:"\10f3fb"}.fad.fa-tablet-android-alt:after{content:"\10f3fc"}.fad.fa-tablet-rugged:after{content:"\10f48f"}.fad.fa-tablets:after{content:"\10f490"}.fad.fa-tachometer:after{content:"\10f0e4"}.fad.fa-tachometer-alt:after{content:"\10f3fd"}.fad.fa-tachometer-alt-average:after{content:"\10f624"}.fad.fa-tachometer-alt-fast:after{content:"\10f625"}.fad.fa-tachometer-alt-fastest:after{content:"\10f626"}.fad.fa-tachometer-alt-slow:after{content:"\10f627"}.fad.fa-tachometer-alt-slowest:after{content:"\10f628"}.fad.fa-tachometer-average:after{content:"\10f629"}.fad.fa-tachometer-fast:after{content:"\10f62a"}.fad.fa-tachometer-fastest:after{content:"\10f62b"}.fad.fa-tachometer-slow:after{content:"\10f62c"}.fad.fa-tachometer-slowest:after{content:"\10f62d"}.fad.fa-taco:after{content:"\10f826"}.fad.fa-tag:after{content:"\10f02b"}.fad.fa-tags:after{content:"\10f02c"}.fad.fa-tally:after{content:"\10f69c"}.fad.fa-tanakh:after{content:"\10f827"}.fad.fa-tape:after{content:"\10f4db"}.fad.fa-tasks:after{content:"\10f0ae"}.fad.fa-tasks-alt:after{content:"\10f828"}.fad.fa-taxi:after{content:"\10f1ba"}.fad.fa-teeth:after{content:"\10f62e"}.fad.fa-teeth-open:after{content:"\10f62f"}.fad.fa-telescope:after{content:"\10f93e"}.fad.fa-temperature-down:after{content:"\10f93f"}.fad.fa-temperature-frigid:after{content:"\10f768"}.fad.fa-temperature-high:after{content:"\10f769"}.fad.fa-temperature-hot:after{content:"\10f76a"}.fad.fa-temperature-low:after{content:"\10f76b"}.fad.fa-temperature-up:after{content:"\10f940"}.fad.fa-tenge:after{content:"\10f7d7"}.fad.fa-tennis-ball:after{content:"\10f45e"}.fad.fa-terminal:after{content:"\10f120"}.fad.fa-text:after{content:"\10f893"}.fad.fa-text-height:after{content:"\10f034"}.fad.fa-text-size:after{content:"\10f894"}.fad.fa-text-width:after{content:"\10f035"}.fad.fa-th:after{content:"\10f00a"}.fad.fa-th-large:after{content:"\10f009"}.fad.fa-th-list:after{content:"\10f00b"}.fad.fa-theater-masks:after{content:"\10f630"}.fad.fa-thermometer:after{content:"\10f491"}.fad.fa-thermometer-empty:after{content:"\10f2cb"}.fad.fa-thermometer-full:after{content:"\10f2c7"}.fad.fa-thermometer-half:after{content:"\10f2c9"}.fad.fa-thermometer-quarter:after{content:"\10f2ca"}.fad.fa-thermometer-three-quarters:after{content:"\10f2c8"}.fad.fa-theta:after{content:"\10f69e"}.fad.fa-thumbs-down:after{content:"\10f165"}.fad.fa-thumbs-up:after{content:"\10f164"}.fad.fa-thumbtack:after{content:"\10f08d"}.fad.fa-thunderstorm:after{content:"\10f76c"}.fad.fa-thunderstorm-moon:after{content:"\10f76d"}.fad.fa-thunderstorm-sun:after{content:"\10f76e"}.fad.fa-ticket:after{content:"\10f145"}.fad.fa-ticket-alt:after{content:"\10f3ff"}.fad.fa-tilde:after{content:"\10f69f"}.fad.fa-times:after{content:"\10f00d"}.fad.fa-times-circle:after{content:"\10f057"}.fad.fa-times-hexagon:after{content:"\10f2ee"}.fad.fa-times-octagon:after{content:"\10f2f0"}.fad.fa-times-square:after{content:"\10f2d3"}.fad.fa-tint:after{content:"\10f043"}.fad.fa-tint-slash:after{content:"\10f5c7"}.fad.fa-tire:after{content:"\10f631"}.fad.fa-tire-flat:after{content:"\10f632"}.fad.fa-tire-pressure-warning:after{content:"\10f633"}.fad.fa-tire-rugged:after{content:"\10f634"}.fad.fa-tired:after{content:"\10f5c8"}.fad.fa-toggle-off:after{content:"\10f204"}.fad.fa-toggle-on:after{content:"\10f205"}.fad.fa-toilet:after{content:"\10f7d8"}.fad.fa-toilet-paper:after{content:"\10f71e"}.fad.fa-toilet-paper-alt:after{content:"\10f71f"}.fad.fa-tombstone:after{content:"\10f720"}.fad.fa-tombstone-alt:after{content:"\10f721"}.fad.fa-toolbox:after{content:"\10f552"}.fad.fa-tools:after{content:"\10f7d9"}.fad.fa-tooth:after{content:"\10f5c9"}.fad.fa-toothbrush:after{content:"\10f635"}.fad.fa-torah:after{content:"\10f6a0"}.fad.fa-torii-gate:after{content:"\10f6a1"}.fad.fa-tornado:after{content:"\10f76f"}.fad.fa-tractor:after{content:"\10f722"}.fad.fa-trademark:after{content:"\10f25c"}.fad.fa-traffic-cone:after{content:"\10f636"}.fad.fa-traffic-light:after{content:"\10f637"}.fad.fa-traffic-light-go:after{content:"\10f638"}.fad.fa-traffic-light-slow:after{content:"\10f639"}.fad.fa-traffic-light-stop:after{content:"\10f63a"}.fad.fa-trailer:after{content:"\10f941"}.fad.fa-train:after{content:"\10f238"}.fad.fa-tram:after{content:"\10f7da"}.fad.fa-transgender:after{content:"\10f224"}.fad.fa-transgender-alt:after{content:"\10f225"}.fad.fa-transporter:after{content:"\10f942"}.fad.fa-transporter-1:after{content:"\10f943"}.fad.fa-transporter-2:after{content:"\10f944"}.fad.fa-transporter-3:after{content:"\10f945"}.fad.fa-transporter-empty:after{content:"\10f946"}.fad.fa-trash:after{content:"\10f1f8"}.fad.fa-trash-alt:after{content:"\10f2ed"}.fad.fa-trash-restore:after{content:"\10f829"}.fad.fa-trash-restore-alt:after{content:"\10f82a"}.fad.fa-trash-undo:after{content:"\10f895"}.fad.fa-trash-undo-alt:after{content:"\10f896"}.fad.fa-treasure-chest:after{content:"\10f723"}.fad.fa-tree:after{content:"\10f1bb"}.fad.fa-tree-alt:after{content:"\10f400"}.fad.fa-tree-christmas:after{content:"\10f7db"}.fad.fa-tree-decorated:after{content:"\10f7dc"}.fad.fa-tree-large:after{content:"\10f7dd"}.fad.fa-tree-palm:after{content:"\10f82b"}.fad.fa-trees:after{content:"\10f724"}.fad.fa-triangle:after{content:"\10f2ec"}.fad.fa-triangle-music:after{content:"\10f8e2"}.fad.fa-trophy:after{content:"\10f091"}.fad.fa-trophy-alt:after{content:"\10f2eb"}.fad.fa-truck:after{content:"\10f0d1"}.fad.fa-truck-container:after{content:"\10f4dc"}.fad.fa-truck-couch:after{content:"\10f4dd"}.fad.fa-truck-loading:after{content:"\10f4de"}.fad.fa-truck-monster:after{content:"\10f63b"}.fad.fa-truck-moving:after{content:"\10f4df"}.fad.fa-truck-pickup:after{content:"\10f63c"}.fad.fa-truck-plow:after{content:"\10f7de"}.fad.fa-truck-ramp:after{content:"\10f4e0"}.fad.fa-trumpet:after{content:"\10f8e3"}.fad.fa-tshirt:after{content:"\10f553"}.fad.fa-tty:after{content:"\10f1e4"}.fad.fa-turkey:after{content:"\10f725"}.fad.fa-turntable:after{content:"\10f8e4"}.fad.fa-turtle:after{content:"\10f726"}.fad.fa-tv:after{content:"\10f26c"}.fad.fa-tv-alt:after{content:"\10f8e5"}.fad.fa-tv-music:after{content:"\10f8e6"}.fad.fa-tv-retro:after{content:"\10f401"}.fad.fa-typewriter:after{content:"\10f8e7"}.fad.fa-ufo:after{content:"\10f947"}.fad.fa-ufo-beam:after{content:"\10f948"}.fad.fa-umbrella:after{content:"\10f0e9"}.fad.fa-umbrella-beach:after{content:"\10f5ca"}.fad.fa-underline:after{content:"\10f0cd"}.fad.fa-undo:after{content:"\10f0e2"}.fad.fa-undo-alt:after{content:"\10f2ea"}.fad.fa-unicorn:after{content:"\10f727"}.fad.fa-union:after{content:"\10f6a2"}.fad.fa-universal-access:after{content:"\10f29a"}.fad.fa-university:after{content:"\10f19c"}.fad.fa-unlink:after{content:"\10f127"}.fad.fa-unlock:after{content:"\10f09c"}.fad.fa-unlock-alt:after{content:"\10f13e"}.fad.fa-upload:after{content:"\10f093"}.fad.fa-usb-drive:after{content:"\10f8e9"}.fad.fa-usd-circle:after{content:"\10f2e8"}.fad.fa-usd-square:after{content:"\10f2e9"}.fad.fa-user:after{content:"\10f007"}.fad.fa-user-alien:after{content:"\10f94a"}.fad.fa-user-alt:after{content:"\10f406"}.fad.fa-user-alt-slash:after{content:"\10f4fa"}.fad.fa-user-astronaut:after{content:"\10f4fb"}.fad.fa-user-chart:after{content:"\10f6a3"}.fad.fa-user-check:after{content:"\10f4fc"}.fad.fa-user-circle:after{content:"\10f2bd"}.fad.fa-user-clock:after{content:"\10f4fd"}.fad.fa-user-cog:after{content:"\10f4fe"}.fad.fa-user-cowboy:after{content:"\10f8ea"}.fad.fa-user-crown:after{content:"\10f6a4"}.fad.fa-user-edit:after{content:"\10f4ff"}.fad.fa-user-friends:after{content:"\10f500"}.fad.fa-user-graduate:after{content:"\10f501"}.fad.fa-user-hard-hat:after{content:"\10f82c"}.fad.fa-user-headset:after{content:"\10f82d"}.fad.fa-user-injured:after{content:"\10f728"}.fad.fa-user-lock:after{content:"\10f502"}.fad.fa-user-md:after{content:"\10f0f0"}.fad.fa-user-md-chat:after{content:"\10f82e"}.fad.fa-user-minus:after{content:"\10f503"}.fad.fa-user-music:after{content:"\10f8eb"}.fad.fa-user-ninja:after{content:"\10f504"}.fad.fa-user-nurse:after{content:"\10f82f"}.fad.fa-user-plus:after{content:"\10f234"}.fad.fa-user-robot:after{content:"\10f94b"}.fad.fa-user-secret:after{content:"\10f21b"}.fad.fa-user-shield:after{content:"\10f505"}.fad.fa-user-slash:after{content:"\10f506"}.fad.fa-user-tag:after{content:"\10f507"}.fad.fa-user-tie:after{content:"\10f508"}.fad.fa-user-times:after{content:"\10f235"}.fad.fa-user-unlock:after{content:"\10f958"}.fad.fa-user-visor:after{content:"\10f94c"}.fad.fa-users:after{content:"\10f0c0"}.fad.fa-users-class:after{content:"\10f63d"}.fad.fa-users-cog:after{content:"\10f509"}.fad.fa-users-crown:after{content:"\10f6a5"}.fad.fa-users-medical:after{content:"\10f830"}.fad.fa-utensil-fork:after{content:"\10f2e3"}.fad.fa-utensil-knife:after{content:"\10f2e4"}.fad.fa-utensil-spoon:after{content:"\10f2e5"}.fad.fa-utensils:after{content:"\10f2e7"}.fad.fa-utensils-alt:after{content:"\10f2e6"}.fad.fa-vacuum:after{content:"\10f94d"}.fad.fa-vacuum-robot:after{content:"\10f94e"}.fad.fa-value-absolute:after{content:"\10f6a6"}.fad.fa-vector-square:after{content:"\10f5cb"}.fad.fa-venus:after{content:"\10f221"}.fad.fa-venus-double:after{content:"\10f226"}.fad.fa-venus-mars:after{content:"\10f228"}.fad.fa-vhs:after{content:"\10f8ec"}.fad.fa-vial:after{content:"\10f492"}.fad.fa-vials:after{content:"\10f493"}.fad.fa-video:after{content:"\10f03d"}.fad.fa-video-plus:after{content:"\10f4e1"}.fad.fa-video-slash:after{content:"\10f4e2"}.fad.fa-vihara:after{content:"\10f6a7"}.fad.fa-violin:after{content:"\10f8ed"}.fad.fa-voicemail:after{content:"\10f897"}.fad.fa-volcano:after{content:"\10f770"}.fad.fa-volleyball-ball:after{content:"\10f45f"}.fad.fa-volume:after{content:"\10f6a8"}.fad.fa-volume-down:after{content:"\10f027"}.fad.fa-volume-mute:after{content:"\10f6a9"}.fad.fa-volume-off:after{content:"\10f026"}.fad.fa-volume-slash:after{content:"\10f2e2"}.fad.fa-volume-up:after{content:"\10f028"}.fad.fa-vote-nay:after{content:"\10f771"}.fad.fa-vote-yea:after{content:"\10f772"}.fad.fa-vr-cardboard:after{content:"\10f729"}.fad.fa-wagon-covered:after{content:"\10f8ee"}.fad.fa-walker:after{content:"\10f831"}.fad.fa-walkie-talkie:after{content:"\10f8ef"}.fad.fa-walking:after{content:"\10f554"}.fad.fa-wallet:after{content:"\10f555"}.fad.fa-wand:after{content:"\10f72a"}.fad.fa-wand-magic:after{content:"\10f72b"}.fad.fa-warehouse:after{content:"\10f494"}.fad.fa-warehouse-alt:after{content:"\10f495"}.fad.fa-washer:after{content:"\10f898"}.fad.fa-watch:after{content:"\10f2e1"}.fad.fa-watch-calculator:after{content:"\10f8f0"}.fad.fa-watch-fitness:after{content:"\10f63e"}.fad.fa-water:after{content:"\10f773"}.fad.fa-water-lower:after{content:"\10f774"}.fad.fa-water-rise:after{content:"\10f775"}.fad.fa-wave-sine:after{content:"\10f899"}.fad.fa-wave-square:after{content:"\10f83e"}.fad.fa-wave-triangle:after{content:"\10f89a"}.fad.fa-waveform:after{content:"\10f8f1"}.fad.fa-waveform-path:after{content:"\10f8f2"}.fad.fa-webcam:after{content:"\10f832"}.fad.fa-webcam-slash:after{content:"\10f833"}.fad.fa-weight:after{content:"\10f496"}.fad.fa-weight-hanging:after{content:"\10f5cd"}.fad.fa-whale:after{content:"\10f72c"}.fad.fa-wheat:after{content:"\10f72d"}.fad.fa-wheelchair:after{content:"\10f193"}.fad.fa-whistle:after{content:"\10f460"}.fad.fa-wifi:after{content:"\10f1eb"}.fad.fa-wifi-1:after{content:"\10f6aa"}.fad.fa-wifi-2:after{content:"\10f6ab"}.fad.fa-wifi-slash:after{content:"\10f6ac"}.fad.fa-wind:after{content:"\10f72e"}.fad.fa-wind-turbine:after{content:"\10f89b"}.fad.fa-wind-warning:after{content:"\10f776"}.fad.fa-window:after{content:"\10f40e"}.fad.fa-window-alt:after{content:"\10f40f"}.fad.fa-window-close:after{content:"\10f410"}.fad.fa-window-frame:after{content:"\10f94f"}.fad.fa-window-frame-open:after{content:"\10f950"}.fad.fa-window-maximize:after{content:"\10f2d0"}.fad.fa-window-minimize:after{content:"\10f2d1"}.fad.fa-window-restore:after{content:"\10f2d2"}.fad.fa-windsock:after{content:"\10f777"}.fad.fa-wine-bottle:after{content:"\10f72f"}.fad.fa-wine-glass:after{content:"\10f4e3"}.fad.fa-wine-glass-alt:after{content:"\10f5ce"}.fad.fa-won-sign:after{content:"\10f159"}.fad.fa-wreath:after{content:"\10f7e2"}.fad.fa-wrench:after{content:"\10f0ad"}.fad.fa-x-ray:after{content:"\10f497"}.fad.fa-yen-sign:after{content:"\10f157"}.fad.fa-yin-yang:after{content:"\10f6ad"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:auto;src:url(../webfonts/fa-light-300.eot);src:url(../webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-light-300.woff2) format("woff2"),url(../webfonts/fa-light-300.woff) format("woff"),url(../webfonts/fa-light-300.ttf) format("truetype"),url(../webfonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-weight:300}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:auto;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fal,.far{font-family:"Font Awesome 5 Pro"}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900} \ No newline at end of file diff --git a/app/assets/v2/css/forms/button.css b/app/assets/v2/css/forms/button.css deleted file mode 100644 index b062283ecf0..00000000000 --- a/app/assets/v2/css/forms/button.css +++ /dev/null @@ -1,67 +0,0 @@ -.button { - border: none; - border-radius: 3px; - color: #fff; - cursor: pointer; - font-size: 14px; - padding: 5px 20px; - border: 1px solid transparent; -} - -.button:hover { - color: #fff; - text-decoration: none; -} - -.button--primary.button.disabled, -.button--primary.button.disabled:hover { - background-color: #D8D8D8; - color: #666666; - box-shadow: none; -} - -.button--primary { - background-color: #3E00FF; -} - -.button--primary:hover { - background-color: var(--gc-blue-hover); -} - -.button--secondary { - color: var(--gc-blue); - border: 1px solid var(--gc-blue); -} - -.button--secondary:hover { - color: var(--gc-blue-hover); - border-color: var(--gc-blue-hover); -} - -.button--primary-o { - background-color: #fff; - border: 1px solid #0D0764; - color: #0D0764; - padding: 9px 18px; -} - -.button--primary-o:hover { - color: #0D0764; -} - -.button--warning { - background-color: #ca001a; -} - -.button--full { - width: 100%; -} - -.button--warning:hover { - background-color: #d43247; -} - -.button__small { - padding: 5px 10px; - font-size: 12px; -} diff --git a/app/assets/v2/css/forms/checkbox.css b/app/assets/v2/css/forms/checkbox.css deleted file mode 100644 index 0971f0c241b..00000000000 --- a/app/assets/v2/css/forms/checkbox.css +++ /dev/null @@ -1,47 +0,0 @@ -.form__checkbox { - display: flex; - position: relative; -} - -.form__checkbox input { - position: absolute; - opacity: 0; -} - -.form__checkbox .form__label { - cursor: pointer; -} - -.form__checkbox .form__label::before { - background: #fff; - border: 1px solid #dbdbdb; - border-radius: 2px; - content: ''; - display: inline-flex; - justify-content: center; - height: 18px; - margin-right: 10px; - vertical-align: text-top; - width: 18px; -} - -.form__checkbox input.error ~ .form__label, -.form__checkbox input.error ~ .form__label a { - color: #D50000; -} - -.form__checkbox input:disabled ~ .form__label::before { - background-color: #d0d0d0 !important; - border-color: #d0d0d0 !important; - cursor: not-allowed; -} - -.form__checkbox label.error { - display: none !important; -} - -.form__checkbox input:checked ~ .form__label::before { - background-color: #3E00FF; - border-color: #3E00FF; - content: url('/static/v2/images/check.svg'); -} diff --git a/app/assets/v2/css/forms/drop.css b/app/assets/v2/css/forms/drop.css deleted file mode 100644 index 327cf57735b..00000000000 --- a/app/assets/v2/css/forms/drop.css +++ /dev/null @@ -1,39 +0,0 @@ -.form__drop { - align-items: center; - background-color: #F2F6F9; - border: 1px dashed #9B9B9B; - border-radius: 3px; - cursor: pointer; - display: flex; - margin-top: 35px; - justify-content: center; - padding: 24px; - position: relative; -} - -.form__drop.is-dragging { - border: 1px dashed #0D0764; -} - -.form__drop:hover { - cursor: pointer; -} - -.form__drop span { - color: #9B9B9B; - cursor: pointer; - font-size: 14px; - pointer-events: none; -} - -.form__drop input[type="file"] { - cursor: pointer; - height: 100%; - font-size: 0; - margin: 0; - padding: 0; - opacity: 0; - outline: none; - position: absolute; - width: 100%; -} diff --git a/app/assets/v2/css/forms/form.css b/app/assets/v2/css/forms/form.css deleted file mode 100644 index c8cee199647..00000000000 --- a/app/assets/v2/css/forms/form.css +++ /dev/null @@ -1,86 +0,0 @@ -.form__intro { - margin: 40px 0; -} - -.form__intro h1 { - font-size: 24px; - letter-spacing: 0; - text-transform: none; -} - -.form__group { - display: flex; -} - -.form__group-item { - height: 37px; -} - -.form__img { - margin-top: 70px; -} - -.form__group-horizontal { - width: 100%; - margin-bottom: 12px; -} - -.form__amount-wrapper { - margin-right: 1rem; -} - -.form__group-item { - flex: 1; - position: relative; -} - -.form__group-item:not(:last-of-type) { - margin-right: 1rem; -} - -.form__flex-group { - display: flex; -} - -.form__flex-item { - flex: 1; -} - -.form__footer { - padding-top: 1.5rem; - margin-bottom: 3rem; -} - -.form__footer a { - font-weight: 500; -} - -.form__footer button { - margin-bottom: .5rem; -} - -.form__footer--right { - text-align: right; -} - -@media (max-width: 540px) { - .form__group { - flex-direction: column; - } - - .form__group-item { - margin-bottom: 1em; - width: 100%; - } -} - -@media (min-width: 992px) { - .form__footer a { - position: relative; - top: 10px; - } - - .form__footer button { - float: right - } -} diff --git a/app/assets/v2/css/forms/input.css b/app/assets/v2/css/forms/input.css deleted file mode 100644 index d2c765677a9..00000000000 --- a/app/assets/v2/css/forms/input.css +++ /dev/null @@ -1,85 +0,0 @@ -.form__input { - background-color: var(--form-input-bg); - border-radius: 2px; - border: 1px solid #D8D8D8; - padding: 5px 7px; - width: 100%; - letter-spacing: -0.09px; - outline: none; - height: 40px; -} - -textarea.form__input { - height: auto; -} - -.form__input-lg { - font-size: 1rem; -} - -.form__input_lg { - padding: 8px; -} - -.form__input + label.error, -.cat-error .error, -.form__select2 .error { - color: #D50000; - margin-bottom: 0; - display: block; - font-size: 12px; -} - -.form__input.error { - padding-right: 2.8rem; - color: #D50000; - background-image: url('/static/v2/images/close-red.png'); - background-repeat: no-repeat; - background-size: auto 1.313rem; - background-position: top 0.5rem right 0.5rem; -} - -.form__input.valid { - padding-right: 2.8rem; - background-image: url('/static/v2/images/success.png'); - background-repeat: no-repeat; - background-size: auto 1.313rem; - background-position: top 0.5rem right 0.5rem; -} - -.dark-mode .form__input, -.form__input::-webkit-input-placeholder { - color: var(--form-input-color); -} - -.form__input:disabled { - background-color: #EAEAEA; - color: #9B9B9B; - border-color: #EAEAEA; -} - -.form__input-help { - color: #868e96; - font-size: 12px; -} - -.form__input-help--dynamic { - margin-top: 5px; - display: block; -} - -.amount_container{ - height: 100px; -} - -.dark-mode .form-control, -.dark-mode .form__input, -.dark-mode .border, -.dark-mode .activity_stream .box { - border-color:transparent!important; -} - -.dark-mode .form-control.bg-lightblue:focus { - background: var(--main-bg) !important; - color: white; -} diff --git a/app/assets/v2/css/forms/label.css b/app/assets/v2/css/forms/label.css deleted file mode 100644 index a13b59d0d4d..00000000000 --- a/app/assets/v2/css/forms/label.css +++ /dev/null @@ -1,9 +0,0 @@ -.form__label { - font-size: 12px; - margin: .5rem 0; -} - -.form__label-lg { - font-size: 1rem; - margin: .7rem 0; -} diff --git a/app/assets/v2/css/forms/radio.css b/app/assets/v2/css/forms/radio.css deleted file mode 100644 index 016fc6d99fc..00000000000 --- a/app/assets/v2/css/forms/radio.css +++ /dev/null @@ -1,43 +0,0 @@ -.form__radio { - position: relative; - width: 100%; -} - -.form__radio input { - position: absolute; - opacity: 0; -} - -.form__radio label { - cursor: pointer; - padding-left: 30px; - width: 100%; -} - -.form__radio label::before, -.form__radio label::after { - align-items: center; - position: absolute; - background: #fff; - border: 2px solid #D2D2D2; - border-radius: 100%; - content: ''; - display: inline-flex; - left: 0; - justify-content: center; - height: 18px; - transition: background 0.25s linear; - top: 2px; - width: 18px; -} - -.form__radio label::before { - background-color: #3E00FF; - border: 2px solid #3E00FF; -} - -.form__radio input:checked + label::after { - background-color: #3E00FF; - border: 2px solid #fff; - transform: scale(0.7); -} \ No newline at end of file diff --git a/app/assets/v2/css/forms/select.css b/app/assets/v2/css/forms/select.css deleted file mode 100644 index 9f034e9bbd7..00000000000 --- a/app/assets/v2/css/forms/select.css +++ /dev/null @@ -1,177 +0,0 @@ -.form__select, -.form__select2 { - position: relative; - outline: none; -} - -.form__select2 { - display: flex; -} - -.form__select__icon { - align-items: center; - background: #fff; - border-radius: 0 3px 3px 0; - border: 1px solid #0D0764; - border-left: none; - display: flex; - height: 100%; - justify-content: center; - position: absolute; - pointer-events: none; - right: 0; - top: 0; - width: 40px; -} - -.form__select select { - background-color: #fff; - border: 1px solid #0D0764; - border-radius: 3px; - display: inline-block; - font-size: 14px; - height: 37px; - outline: none; - width: 100%; -} - -.form__select select[multiple] { - height: auto; -} - -.form__select select:disabled { - background-color: #D2D2D2; - border: 1px solid #D2D2D2; - color: #9B9B9B; -} - -.form__select2 .select2-container { - display: inline-block !important; - min-width: 100%; - height: 100%; - font-size: 14px; -} - -.form__select2 .select2-container--default .select2-selection--single .select2-selection__arrow { - align-items: center; - display: flex; - justify-content: center; - width: 33px; - height: 100%; -} - -.form__select2 .select2-container--default .select2-selection--single { - align-items: center; - border: 1px solid #0D0764; - display: flex; - height: 100%; - min-height: 37px; - border-radius: 2px; -} - -/* Multi-select */ -.g-multiselect .select2-container--default .select2-selection--multiple .select2-selection__rendered li:not(.select2-search), -li.select2-available__choice, -li.select2-tag__choice { - align-items: center; - border: 1px solid #3E00FF; - background-color: #3E00FF; - display: flex; - color: #ffffff; - height: 100%; - min-height: 25px; - border-radius: 3px; -} - -li.select2-available__choice, -li.select2-tag__choice { - margin-right: 5px; - margin-top: 5px; - padding: 0 5px; - cursor: pointer; -} - -.g-multiselect .select2 { - font-size: 12px; -} - -.select2-container--default .select2-results__option[aria-selected=true] { - background: #fff; - color: #000; -} - -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: #3E00FF; - color: #fff; -} - -.select2-selection.select2-selection--multiple, -.select2-selection.select2-selection--single, -.select2-container--default.select2-selection--single, -.form__select2.select2-container--default.select2-selection--single { - border-radius: 2px !important; - border: 1px solid #D3D3D3 !important; - min-height: 2.5rem !important; -} - -.g-multiselect .select2-container--default .select2-selection--multiple .select2-selection__clear { - position: absolute; - right: 0; - margin-top: 8px; -} - -.select2-container--open .select2-dropdown--below { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; - border: 1px solid #D3D3D3 !important -} -/* End multi-select */ - -.form__select2 .select2-container--default .select2-selection--single .select2-selection__rendered { - line-height: normal; -} - -.form__select2 .select2-container--default.select2-container--disabled .select2-selection--single { - background-color: #EAEAEA; - border: 1px solid #EAEAEA; -} - -.form__select2 .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered { - color: #9B9B9B; -} - -.form__select2 .select2-container--disabled + .form__select__icon { - background-color: #EAEAEA; - border: 1px solid #EAEAEA; -} - -.form__select2 .select2-container--default .select2-selection--single .select2-selection__arrow::after { - background-image: url('/static/v2/images/arrow-down.png'); - background-size: contain; - content: ''; - display: block; - height: 7px; - width: 10px; -} - -.form__select2 .select2-container--default .select2-selection--single .select2-selection__arrow b { - display: none; -} - -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove, -.select2-available__choice__remove, -.select2-tag__choice__remove { - color: #ffffff; - margin-right: 10px; -} - -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; -} - - -.select2-container--default -.select2-selection--multiple -.select2-selection__rendered { - line-height: 2.4em !important; -} diff --git a/app/assets/v2/css/gitcoin.css b/app/assets/v2/css/gitcoin.css deleted file mode 100644 index 9bb86e1ee1f..00000000000 --- a/app/assets/v2/css/gitcoin.css +++ /dev/null @@ -1,1003 +0,0 @@ -body { - overflow-x: hidden; - width: 100%; - background-color: #fff; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -h4, -.h4 { - padding-top: 40px; -} - -#indicate-popup { - position: fixed; - top: 0.25rem; - right: 2rem; - z-index: 9999999999999; -} - -.sticky-top { - position: sticky!important; - top: 0; - z-index: 1; -} - -.lighter { - font-weight: lighter; -} - -.no-gutter { - margin-right: 0; - margin-left: 0; -} - -.no-gutter .col { - padding-right: 0; - padding-left: 0; -} - -.no-gutter div[class*='col-'] { - padding-right: 0; - padding-left: 0; -} - -.no-gutter .carousel div[class*='col-'] { - padding-right: 15px; - padding-left: 15px; -} - -.white { - color: #eff4ee !important; -} - -.blue { - color: #3e24fb -} - -.text-darkblue { - color: var(--gc-purple); -} - -.gitcoin-gray { - color: lightgray !important; -} - -.header { - background-image: url('/static/v2/images/header-bg.png'); - background-color: #0d023b; - background-size: cover; - background-position: 0px 0px; - background-repeat: no-repeat; - position: relative; -} - -.index .header { - overflow: hidden; -} - -.minihero { - overflow: hidden; - position: relative; -} - -.minihero__title{ - font-weight: var(--fw-light); - font-size: var(--fs-title-xl); - color: var(--gc-green); -} - -.header.dash { - overflow: visible; -} - -.header-contributor { - background-image: url('/static/v2/images/landing/contributor/hero_header_bg.jpg'); - background-color: #3f00ff; -} - -.gitcoin-background { - background: url("/static/v2/images/header-bg.png") #0d023b; - background-attachment: fixed; - background-position: center 0; -} - -.dropdown-toggle::after { - position: relative; - top: 2px; - right: -4px; -} - -.text-white { - color: #ffffff; -} - -.gc-text-blue { - color: #3E00FF; -} - -.gc-text-darkblue { - color: var(--gc-purple); -} - -.gc-text-green { - color: #0FCE7C; -} - -.gc-text-yellow { - color: #FFCE08; -} - -.text-black-60 { - color: rgba(0, 0, 0, 0.6)!important; -} - -.text-black-70 { - color: rgba(0, 0, 0, 0.7)!important; -} - -.text-current { - color: currentColor !important; -} - -.underline { - text-decoration: underline; -} - -.light { - font-weight: 200; -} - -.font-title-xl { - font-size: var(--fs-title-xl); -} - -.font-title-lg { - font-size: var(--fs-title-lg); -} - -.font-title { - font-size: var(--fs-title); -} - -.font-header { - font-size: var(--fs-header); -} - -.font-subheader { - font-size: var(--fs-subheader); -} - -.font-body { - font-size: var(--fs-body); -} - -.font-caption { - font-size: 0.75rem; -} - -.footer-link { - font-size: 0.9rem; - margin-top: 0.5rem; - cursor: pointer; - color: #eff4ee; - text-decoration: none; -} - -.footer-link:visited { - color: #eff4ee; -} - -.gc-letter-spacing { - letter-spacing: 0.5rem; -} - -div.button-pink { - display: inline-flex; - align-items: center; - justify-content: center; - cursor: pointer; - color: #f9006c; - font-size: 0.95rem; - font-weight: bold; - line-height: 42px; - text-transform: uppercase; - background: none; - width: 130px; - height: 39px; - border-radius: 19px; - border: 3px solid #f9006c; - letter-spacing: 0.1em; -} - -.git-pill { - background-color: #0d023b; - border-radius: 1.2rem; - padding-left: 0.95rem; - padding-right: 0.95rem; - height: 2rem; -} - -.git-pill span { - position: relative; - top: 2px; - left: 2px; -} - -.header-line { - color: #12c971; - font-size: 2rem; - font-weight: 500; -} - -.header-line h1 { - font-size: 1.8rem; - font-weight: bolder; - color: #FFFFFF; -} - -.header-line-contributors { - font-weight: 500; - color: #fff; -} - -.subheader-line { - color: #fff; - font-size: 1.5em; - font-weight: 500; -} - -.subheader-line-contributors { - color: #ffffff; - margin-top: 0.6em; - font-weight: 400; -} - -.subheader-line p { - font-size: 1.1rem; -} - -.font-weight-300 { - font-weight: 300; -} - -.light-bg { - background-color: rgba(239, 243, 238, 0.7); - background-image: url('/static/v2/images/light-bg.png'); - background-size: contain; - background-position: bottom; - background-repeat: no-repeat; -} - - -.bg-lightblue { - background-color: var(--main-bg); -} - -.bg-lightpurple { - background-color: #F5F2FF; -} - -.white-light-bg { - background-color: white; - background-image: url('/static/v2/images/light-bg.png'); - background-size: contain; - background-position: bottom; - background-repeat: no-repeat; -} - -.font-bigger-1 { - font-size: 1.2rem; -} - -.font-bigger-2 { - font-size: 1.5rem; -} - -.font-bigger-3 { - font-size: 1.6rem; - line-height: 1.8rem; -} - -.font-bigger-4 { - font-size: 1.7rem; -} - -.font-smaller-1 { - font-size: 0.9rem; -} - -.font-smaller-2 { - font-size: 0.8rem; -} - -.font-smaller-3 { - font-size: 0.75rem; -} - -.font-smaller-4 { - font-size: 0.7rem; -} - -.font-smaller-5 { - font-size: 0.65rem; -} - -.font-smaller-6 { - font-size: 0.6rem; -} - -.font-smaller-7 { - font-size: 0.55rem; -} - -.font-smallest { - font-size: 0.1rem; -} - -.center-block { - margin-left: auto; - margin-right: auto; - display: block; -} - -.how-it-works-video { - width: 100%; - height: 600px; -} - -.mission-img-wrapper { - height: 250px; -} - -.mission-img-wrapper img { - max-height: 250px; -} - -.avatar-img-wrapper { - height: 200px; -} - -.avatar-img-wrapper img { - max-height: 200px; -} - -.dash-filter-header { - align-items: center; - display: flex; - font-size: 1.2rem; - letter-spacing: 0.1em; - margin-bottom: 1.2rem; - text-transform: uppercase -} - -.dash-filter-header img { - margin-left: .5rem; -} - -.dash-filter-label { - font-weight: var(--fw-light); - font-size: 0.9rem; - letter-spacing: 0.1em; -} - -.footer__main { - background-color: #0d023b; - background-size: contain; - background-position: bottom; - background-repeat: no-repeat; - min-height: 20rem; -} - -.footer__text, -.footer__text a { - color: white; -} - -.footer__text a { - text-decoration: underline; -} - -.footer { - background-color: #0d023b; - padding-top: 4rem; -} - -.footer .nav-link { - font-size: 0.8rem !important; - margin-right: 0.5rem; -} - -#tabs .nav-link span { - position: relative; - font-size: 8px; - font-weight: bold; - border-radius: 10px; - padding: 2px 5px; - top: -10px -} - -.nav-link:visited { - color: #eff4ee; -} - -.navbar-expand-md .navbar-nav .nav-link { - color: #eff4ee; - text-decoration: none; - padding-right: 1rem; - padding-left: 1rem; - font-size: 0.9rem; -} - -.footer .nav-link:hover { - border-radius: 2px; - background-color: rgba(255, 255, 255, 0.2); -} - -.footer .nav-link img { - width: 25px; - height: 25px; - filter: invert(100%); -} - -.footer__consensys { - border-top: 1px solid var(--gc-green); - background: black; -} - -.sitenav { - display: flex; - flex-direction: column; - height: 100%; - color: white; - margin: 0 1rem; - width: 7rem; - margin-bottom: 1rem; -} - -.sitenav a { - color: var(--text-light); - margin-bottom: 0.5rem; -} - -.network-banner--warning { - background: #ff3232; - width: 100%; - color: white; - text-align: center; -} - -.network-banner--warning a { - color: white; - text-decoration: none; -} - -.network-banner--warning a:hover { - text-decoration: underline; -} - -.lil-white-button { - height: 1rem; - width: 1rem; - cursor: pointer; -} - -.gc-round-text-input { - height: 32px; - border: 1px solid #eee; - outline: none; - padding-left: 10px; - font-weight: var(--fw-light); -} - -.gc-border-black { - border: 1px solid black !important; -} - -.gc-border-green { - border: 1px solid #37ea9c !important; -} - -.gc-border-blue { - border-color: #0D0764; -} - -.gc-selected { - border: 1px solid #4ef6ad !important; -} - -.gc-round-text-form { - border-radius: 16px; - height: 160px; - border: 1px solid #eee; - outline: none; - padding-left: 10px; - font-weight: var(--fw-light); -} - -.dash-link { - font-size: 0.7rem; - margin-top: 8px; - letter-spacing: 0.1em; -} - -*::-webkit-input-placeholder { - color: lightgray; -} - -*::-moz-placeholder { - color: lightgray; -} - -*:-moz-placeholder { - color: lightgray; -} - -*:-ms-input-placeholder { - color: lightgray; -} - -[v-cloak] > * { display:none!important;} - -.accordion { - cursor: pointer; - width: 100%; - outline: none; - transition: 0.4s; -} - -.panel { - max-height: 0; - overflow: hidden; - transition: max-height 0.2s ease-out; -} - -.panel-active { - max-height: 100%; - overflow: hidden; - transition: max-height 0.2s ease-out; -} - -.accordion:after { - /* stylelint-disable-next-line */ - font-family: 'Font Awesome 5 Pro'; - content: '\f107'; - font-size: 1em; - margin-right: auto; - margin-top: auto; - float: right; - font-weight: 600; - top: 1px; - position: relative; -} - -.accordion.active:after { - content: '\f106'; -} - -.dropdown-menu { - background-color: #FAFAFA; - border-radius: 0px; - padding: 0; - border: none; -} - -.dropdown-menu .dropdown-divider { - margin: 0; -} - -.dropdown-menu .dropdown-item { - padding: 12px 25px; -} - -.dropdown-menu .dropdown-item:hover { - background-color: #3E00FF; - color: #FFFFFF !important; -} - -#why-gitcoin .dropdown-item { - padding-left: 15px; -} - -.dropdown-menu .dropdown-item i { - text-align: center; - margin-left: 0px; - margin-right: 20px; - width: 15px; -} - -.g-fadein { - opacity: 0; -} - -.g-fadein[data-fade-direction="left"] { - left: -5rem; -} - -.g-fadein[data-fade-direction="mid"] { - bottom: -5em; -} - -.g-fadein[data-fade-direction="right"] { - left: 5rem; -} - -@media (max-width: 389.9px) { - - .footer__main { - padding-left: 1em !important; - padding-right: 1em !important; - } -} - -@media (max-width: 767.98px) { - .navbar-collapse { - margin-top: 1.5rem; - } - - #indicate-popup { - display: none; - } -} - -@media (max-width: 820px) { - .navbar-nav .nav_avatar { - display: none !important; - } -} - -@media (min-width: 768px) and (max-width: 991.98px) { - - .navbar-brand #logo { - width: 6.5rem; - height: auto; - } - - .navbar-expand-md .navbar-nav .nav-link { - padding-left: 0.7rem; - padding-right: 0.7rem; - } -} - -@media (min-width: 768px) and (max-width: 1240px) { - .navbar-expand-md .navbar-nav .nav-link, - .navbar-nav .btn-gc-blue.button--fund { - font-size: 0.8rem; - } - - .nav-link__text { - display: none; - } -} - -@media (min-width: 768px) and (max-width: 1028px) { - - .nav-link { - text-align: center; - } - - .navbar-expand-md .navbar-nav .nav-link, - .navbar-nav .btn-gc-blue.button--fund { - font-size: 0.7rem; - } - - .nav-link__icon.hidden { - display: inline !important; - } - - .navbar-brand img { - width: 140px; - height: 47.6px; - } - - .nav-link.login i { - font-size: 1.3em !important; - } -} - -.nav-tabs .nav-line { - color: rgb(25, 15, 175); - border-width: 0px 0px 3px 0; -} -.nav-tabs .nav-line.active { - color: rgb(25, 15, 175); - border-color: rgb(25, 15, 175); - background-color: transparent; -} - -.border-transparent { - border-color: transparent; -} - -#codefund .cf-wrapper { - font-family: 'Muli', sans-serif !important; - text-align: center !important; -} - -#codefund a { - float: none !important; - text-align: center !important; -} - -#codefund.contributor, -#codefund.contributor .cf-wrapper { - background: white; - background-color: white !important; - margin: 0 !important; - padding: 20px 11px !important; -} - -/* AutoComplete */ - -.select2-results__option, -.select2-search--dropdown .select2-search__field { - font-size: 0.8rem -} - -.select2-container--default .select2-selection--single { - height: 2.5rem !important; - border-radius: 2px !important; - border-color: black !important; -} - -.select2-container--default .select2-selection--single .select2-selection__arrow { - height: 3.15em !important; -} - -.select2-container--default .select2-selection--single .select2-selection__rendered { - line-height: 2.4rem !important; -} - -#select2-username-container .rounded-circle { - height: 1.8rem; - width: auto; -} - -@media (min-width: 768px) { - - .d-md-block { - display: block!important; - } - .d-md-flex { - display: -ms-flexbox!important; - display: flex!important; - } - .d-md-none { - display: none!important; - } -} - -/* dropdown animation */ -.animation { - -webkit-animation-duration: 80ms; - animation-duration: 80ms; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; -} - -.slideDownIn { - -webkit-animation-name: slideDownIn; - animation-name: slideDownIn; -} - -@keyframes slideDownIn { - 0% { - -webkit-transform: translateY(-20px) scale(0.9, 0.7); - } - 100% { - -webkit-transform: translateY(0) scale(1, 1); - } -} - - - -/* loading */ -.rhombus-spinner { - height: 65px; - width: 65px; - position: relative; - transform: rotate(45deg); - margin: auto; - color: #25E899; - top: 0; - bottom: 0; - left: 0; - right: 0; -} - -.rhombus-spinner .rhombus { - height: calc(65px / 7.5); - width: calc(65px / 7.5); - animation-duration: 2000ms; - top: calc(65px / 2.3077); - left: calc(65px / 2.3077); - border-radius: 30px; - background-color: currentColor; - position: absolute; - animation-iteration-count: infinite; -} - -.rhombus-spinner .rhombus:nth-child(2n+0) { - margin-right: 0; -} - -.rhombus-spinner .rhombus.child-1 { - animation-name: rhombus-spinner-animation-child-1; - animation-delay: calc(100ms * 1); -} - -.rhombus-spinner .rhombus.child-2 { - animation-name: rhombus-spinner-animation-child-2; - animation-delay: calc(100ms * 2); -} - -.rhombus-spinner .rhombus.child-3 { - animation-name: rhombus-spinner-animation-child-3; - animation-delay: calc(100ms * 3); -} - -.rhombus-spinner .rhombus.child-4 { - animation-name: rhombus-spinner-animation-child-4; - animation-delay: calc(100ms * 4); -} - -.rhombus-spinner .rhombus.child-5 { - animation-name: rhombus-spinner-animation-child-5; - animation-delay: calc(100ms * 5); -} - -.rhombus-spinner .rhombus.child-6 { - animation-name: rhombus-spinner-animation-child-6; - animation-delay: calc(100ms * 6); -} - -.rhombus-spinner .rhombus.child-7 { - animation-name: rhombus-spinner-animation-child-7; - animation-delay: calc(100ms * 7); -} - -.rhombus-spinner .rhombus.child-8 { - animation-name: rhombus-spinner-animation-child-8; - animation-delay: calc(100ms * 8); -} - -.rhombus-spinner .rhombus.big { - height: calc(65px / 3); - width: calc(65px / 3); - top: calc(65px / 3); - left: calc(65px / 3); - background-color: #3E00FF; - animation: rhombus-spinner-animation-child-big 2s infinite; - animation-duration: 2000ms; - animation-delay: 0.5s; -} - -@keyframes rhombus-spinner-animation-child-1 { - 50% { - transform: translate(-325%, -325%); - } -} - -@keyframes rhombus-spinner-animation-child-2 { - 50% { - transform: translate(0, -325%); - } -} - -@keyframes rhombus-spinner-animation-child-3 { - 50% { - transform: translate(325%, -325%); - } -} - -@keyframes rhombus-spinner-animation-child-4 { - 50% { - transform: translate(325%, 0); - } -} - -@keyframes rhombus-spinner-animation-child-5 { - 50% { - transform: translate(325%, 325%); - } -} - -@keyframes rhombus-spinner-animation-child-6 { - 50% { - transform: translate(0, 325%); - } -} - -@keyframes rhombus-spinner-animation-child-7 { - 50% { - transform: translate(-325%, 325%); - } -} - -@keyframes rhombus-spinner-animation-child-8 { - 50% { - transform: translate(-325%, 0); - } -} - -@keyframes rhombus-spinner-animation-child-big { - 50% { - transform: scale(0.5); - } -} - -textarea.status-textarea { - padding-right: 4em; - min-height: 100px; -} - -.status-menu button { - color: var(--gc-dark-grey); -} - -.status-menu button.selected, -.status-menu button:hover { - color: var(--townsquare-link-color); -} - -.dark-mode .bg-light { - background-color: var(--bg-shade-0)!important; -} - -.image-provider { - width: 24px; - max-height: 24px; - vertical-align: top; -} - -.wallet-network { - margin-top: -14px; - position: absolute; - display: block; - margin-left: 17px; - color: red; -} - -.wallet-network.mainnet { - color: #0fce7c; -} - -.wallet-network.rinkeby { - color: orange; -} - -.wallet-option, -.selected-account { - cursor: pointer; -} - -.info-box { - background: rgba(62, 0, 255, 0.05); - border: 1px solid rgba(62, 0, 255, 0.5); - box-sizing: border-box; - border-radius: 4px; - line-height: 16px; -} - -.info-box.large { - width: 95%; -} - -.cart-btn { - border-radius: 4px !important; -} - -.cart-btn.large { - width: 100%; - padding: 10px 0; -} - -input[type="search"]::-webkit-search-cancel-button { - z-index: 100; -} - -.svg-animated-logo { - height: 42px; - max-width: 100%; -} diff --git a/app/assets/v2/css/grants/cancel.css b/app/assets/v2/css/grants/cancel.css deleted file mode 100644 index d9a7cae1ccb..00000000000 --- a/app/assets/v2/css/grants/cancel.css +++ /dev/null @@ -1,17 +0,0 @@ -.button--cancel, .button--cancel:hover, .button--cancel:focus { - background: #F1F1F2; - color: #0D0764; -} - -.grant__progress.cancel { - padding-top: 50px; -} - -.dates { - font-size: 14px; - color: #43484D; -} - -.progress-bar--cancel span { - color: #D0021B; -} diff --git a/app/assets/v2/css/grants/card.css b/app/assets/v2/css/grants/card.css deleted file mode 100644 index 0d7a083347e..00000000000 --- a/app/assets/v2/css/grants/card.css +++ /dev/null @@ -1,268 +0,0 @@ -.grant-item { - border-radius: 5px; - display: flex; - flex-direction: column; - border: 1px solid #D3D3D3; -} - -.grant-item__content { - margin-top: 1.0625rem; -} - -.grant-item--list { - padding-bottom: 10px; -} - -.grant-item--list:hover { - background-color: #EFEAFD; -} - -.flip-card__flipper { - border: 1px solid #D3D3D3; -} - -.grant-item--list .grant-item__content { - margin-top: 0.938rem; -} - -.grant-item__title { - line-height: 24px; - overflow-y: hidden; - font-weight: bold; - margin-bottom: 15px; -} - -.grant-item__title a { - color: #454545; -} - -.grant-item--list .grant-item__title { - font-size: 1rem; - margin-bottom: 2px; -} - -.grant-item__pitch { - color: #666666; - height: 3.8rem; - overflow: hidden; - font-size: 0.875rem; - line-height: 22px; - text-overflow: ellipsis; -} - -.grant-item__owner { - align-items: center; - display: flex; -} - -.grant-item__img { - height: 11rem; - overflow: hidden; -} - -.grant-item__img img { - width: 100%; - object-fit: contain; - height: 100%; -} - -.grant-item__logo { - background-color: white; - border-radius: 10px; - display: inline-block; - margin-top: -35px; -} - -.grant-item__logo img { - width: 65px; - height: 65px; - object-fit: cover; - border-radius: 50%; - margin: 13px; -} - -.grant-item--list .grant-item__img { - height: 3.1rem; - overflow: hidden; - margin: 10px 12px; -} - -.grant-item__owner-image, -.flip-card__flipper .grant__stakeholders-item { - height: 35px; - width: 35px; -} - -.grant-item__owner-image img { - width: 100%; - border-radius: 50%; -} - -.flip-card__flipper .grant__stakeholders-item img { - border-radius: 50%; - height: 50px; - width: 50px; - margin-bottom: 1rem; -} - -.grant-item__footer { - margin-top: auto; - background-color: rgba(156, 255, 213, 0.06); -} - -.grant-item__funding { - display: flex; - justify-content: space-between; -} - -.grant-item__funding-number { - color: #0D0764; -} - -.grant-item--list .grant-item__owner-image { - height: 20px; - width: 20px; -} - -.grant-item__funding-label { - color: #BBBDBF; -} - -.grant-item__state-active, -.grant-item__state-completed { - width: 12px; - height: 12px; - border-radius: 50%; - display: inline-block; - position: relative; - top: 1px; -} - -.grant-item__state-active { - background-color: #0FCE7C; -} - -.grant-item__state-completed { - background-color: #1A91EB; -} - -.inner { - margin-top: 2px; - margin-left: 2px; - position: absolute; - width: 8px; - height: 8px; - background-color: white; - border-radius: 50% -} - -.grant-item__footer #CLR_banner { - font-size: 0.8rem; -} - -.grant-item__footer #CLR_banner img { - margin-top: 6px; -} - -#CLR_banner .logo { - float: right; -} - -.grant-item__info a { - border-color: white; - background-color: #6144FF; - color: white; -} - -.grant-item__info a:hover { - color: white; - text-decoration: underline; -} - -.h-90 { - height: 90% !important; -} - - -.progress-container { - color: #000000; -} -.progress-container .sub-title { - line-height: 22px; - letter-spacing: 1px; -} - -.progress-container .font-title { - line-height: 25px; - margin-bottom: 5px; -} - -.progress-container .font-caption{ - color: #000000; - line-height: 15px; -} - -.match__round { - font-size: 12px; - line-height: 22px; - letter-spacing: 1px; - color: #069953; - background-color: rgba(88, 254, 183, 0.1); -} - -.clr-prediction.arrow_box { - background: transparent !important; -} - -.clr .font-title { - font-size: 20px; - line-height: 25px; - color: #069953; -} - -.clr .font-caption, .clr-prediction .amount { - line-height: 15px; - color: #069953; -} - -.progress-container .contribution-overview { - color: #666666; -} - -.clr-prediction .predict-label, .clr-prediction .title { - font-size: 12px; - line-height: 15px; - color: #040404; -} - -.match__round--inline { - color: #069953; -} -.clr-prediction .amount { - margin-top: 7px; -} - -.star-action:hover { - color: var(--gc-blue-hover) !important; -} - -@media (max-width: 500px) { - .grant-item--list .grant-item__owner { - align-items: baseline; - display: flex; - flex-direction: column; - } - .grant-item--list .match, .grant-item--list .star-action { - margin-top: 5px !important; - margin-left: 0 !important; - } - - .grant-item--list .match { - flex-direction: column; - } - - .grant-item--list .grant-action { - padding-top: 5px !important; - padding-bottom: 5px !important; - } -} diff --git a/app/assets/v2/css/grants/cart.css b/app/assets/v2/css/grants/cart.css deleted file mode 100644 index 03a59ba261a..00000000000 --- a/app/assets/v2/css/grants/cart.css +++ /dev/null @@ -1,146 +0,0 @@ -.container { - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; - max-width: 800px; -} - -.separator { - border-top-color: var(--text-light); - border-top-style: solid; - border-top-width: 1px; - display: block; - margin: 1rem 0 2rem; -} - -.flex-container { - width: 100%; - display: -webkit-flex; - display: flex; - justify-content: space-between; - -webkit-justify-content: space-between; - align-items: center; -} - -.flex-container-left { - width: 100%; - display: -webkit-flex; - display: flex; - justify-content: start; - -webkit-justify-content: start; - align-items: left; -} - -.grant-header-row { - padding: 1rem 0rem; - width: 100%; -} - -.grant-row { - width: 100%; -} - -.grant-row-style { - background-color: var(--gc-grey); - border-color: var(--text-light); - border-radius: 5px; - border-style: solid; - border-width: 1px; - margin-bottom: 1rem; - padding: 1rem; -} - -.cart-section { - padding: 0rem 1rem; -} - -.grant-name a{ - font-weight: bold; - color: black; - /* margin-left: 0.5rem; */ -} - -.clr-match-box { - background-color: rgba(15, 206, 124, 0.1); - border: 1px rgba(15, 206, 124, 0.1) solid; - border-radius: 5px; - padding: 0.5rem 1rem; -} - -.disabled-btn-address { - opacity: 0.8; - border-color: #eee; -} - -.black { - color: black; -} - -.medium-dark-gray { - color: var(--gc-medium-dark-gray); -} - -.darker-grey { - color: var(--gc-darker-grey); -} - -.hyperlink { - color: var(--link-color); - cursor: pointer; -} - -.modal-backdrop { - background-color: rgba(0, 0, 0, 0.8); -} - -.vti__dropdown-item { - height: 50px; - display: flex; - align-items: center; -} - -.vti__dropdown { - height: 50px; - outline: none; -} - -.vti__dropdown-list.below { - top: 50px !important; -} - -.comment-option { - cursor:pointer !important; - padding-left: 7px; - padding-right: 7px; -} - -.comment-option .radio-input { - display: none; -} - -.comment-option .radio-label { - color: #9a96ac; - font-weight: 600; - background: white; -} - -.comment-option .radio-input:checked + .radio-label, -.comment-option .radio-label:hover { - cursor: pointer; - background-color: #9a96ac; - color: white !important; -} - -.middle-line { - width: 100%; - text-align: center; - border-bottom: 1px solid #ccc; - line-height: 0.1em; - margin: 10px 0 20px; -} - -.middle-line span { - background-color: white; - padding:0 10px; -} diff --git a/app/assets/v2/css/grants/collection.css b/app/assets/v2/css/grants/collection.css deleted file mode 100644 index d4dcb579950..00000000000 --- a/app/assets/v2/css/grants/collection.css +++ /dev/null @@ -1,137 +0,0 @@ -.collection-item { - border-radius: 5px; - display: flex; - flex-direction: column; - border: 1px solid #D3D3D3; - background-color: var(--bg-shade-0); -} - -.collection-item__content { - margin-top: 1.0625rem; -} - -.collection-item__title { - line-height: 24px; - overflow-y: hidden; - font-weight: bold; - margin-bottom: 15px; - font-size: var(--fs-header); -} - -.collection-item__title a { - color: #454545; -} - -.collection-item__pitch { - color: #666666; - height: 3.8rem; - overflow: hidden; - line-height: 22px; - text-overflow: ellipsis; -} - -.collection-item__owner { - align-items: center; - display: flex; -} - -.collection-item__img--grid { - display: grid; - grid-template-columns: repeat(2, 1fr); -} - -.collection-item__img--small-grid { - display: grid; - grid-template-columns: repeat(3, 1fr); -} - -.collection-item__img { - background-color: #0D023B; - overflow: hidden; - padding: 10px 18px; -} - -.collection-item__img__cover { - background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF; - border-radius: 2px; - height: 75px; - width: 96%; - margin: 2px; -} - -.collection-item__img__cover--small { - background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF; - border-radius: 2px; - height: 55px; - width: 84%; - place-self: center; - margin: 2px; -} - -.collection-item__img img { - width: 100%; - object-fit: cover; - height: 100%; -} - -.collection-item__logo { - background-color: white; - border-radius: 10px; - display: inline-block; - margin-top: -35px; -} - -.collection-item__logo img { - width: 65px; - height: 65px; - object-fit: cover; - border-radius: 50%; - margin: 13px; -} - -.collection-item__owner-image--cover { - height: 60px; - width: 60px; - position: absolute; - top: calc(50% - 30px); - left: calc(50% - 30px); -} - -.collection-item__owner-image { - height: 20px; - width: 20px; -} - -.collection-item__owner-image--large { - height: 45px; - width: 45px; -} - -.collection-item__owner-image img, .collection-item__owner-image--cover img, .collection-item__owner-image--large img { - width: 100%; - border-radius: 50%; -} - -.grant-item__footer { - margin-top: auto; - background-color: rgba(156, 255, 213, 0.06); -} - -.collection-item__info a { - border-color: white; - background-color: #6144FF; - color: white; -} - -.collection-item__info a:hover { - color: white; - text-decoration: underline; -} - - -.vertica-scroll { - flex-direction: row; - overflow-x: auto; - flex-wrap: nowrap; - margin-bottom: 25px; -} diff --git a/app/assets/v2/css/grants/detail.css b/app/assets/v2/css/grants/detail.css deleted file mode 100644 index b4a7b7826de..00000000000 --- a/app/assets/v2/css/grants/detail.css +++ /dev/null @@ -1,333 +0,0 @@ -.grant-detail #status{ - color: black; -} -.grant_details span.box { - width: 20px; - height: 20px; - margin-right: 10px; - padding: 0px; -} - -#section-nav-description .ql-toolbar { - display: none; -} - -#section-nav-description .ql-container { - border-color: transparent; -} - -.grant-detail .container { - max-width: 85vw; - display: block; -} - -@media (min-width: 1200px) { - #editor.ql-bubble .ql-editor[contenteditable='false'] { - padding: 0; - } - - #editor .ql-editor p { - font-size: 1rem; - } -} - -.ql-editor { - font-family: 'Muli'; -} - -.ql-editor[contenteditable="false"] { - padding: 12px 15px !important; -} - -.grant_details, -#section-nav-description .ql-container { - background-color: #F8FAFC; -} - -.grant-item__owner-image, -.grant-item__owner-handle { - display: inline; -} - -.grant__header .grant-item__owner-image img { - width: 50px; - height: 50px; -} - -.grant-item__owner .select2-selection, -.grant-item-multiselect .select2-selection { - font-size: 0.75rem; - outline: none; - border-color: #e2eaf2 !important; - background: #fff !important; - color: #000 !important; -} - -.grant-item-multiselect .select2-container--default .select2-selection--multiple .select2-selection__rendered { - padding: 2px 5px; -} - -.grant-item-multiselect .select2-container--default .select2-selection--multiple .select2-selection__choice { - border-radius: 2px; - background-color: #fff; - border-color: #e2eaf2 !important; -} - -.grant-item-multiselect .select2-selection__clear { - display: none; -} - -.grant-item__members { - text-align: center; -} - -#grant-profile-tabs .section-tab { - letter-spacing: 1.5px; -} - -.grant__header { - position: relative; -} - -.summary-info i { - color: #666666; -} - -.inline-edit { - border: none; -} - -.button__small { - font-weight: 500; -} - -#change-logo { - cursor: pointer; -} - -#change-logo i { - position: absolute; - padding: 0.25rem 0.5rem; - background: white; - font-size: 1.2rem; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; - opacity: 0.6; -} - -#js-drop span { - position: relative; - left: 30%; - width: 100%; -} - -.grant__description textarea, -#contract_owner_address.editable { - background: white !important; -} - -input:disabled, -textarea:disabled { - background: white; - color: #000; -} - -input.editable, -textarea.editable { - margin-top: 6px !important; - border: 1px solid #e2eaf2; - background: white; - padding: 7px 14px !important; - border-radius: 3px; -} - -.form__select2 .select2-container--default .select2-selection--single { - border: 1px solid #e2eaf2; -} - -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove, -.select2-available__choice__remove, -.select2-tag__choice__remove { - color: #000; -} - -#form--input__description, -#form--input__reference-url, -#form--twitter__account, -#form--input__github-project-url, -#form--input__title, -#contract_owner_address { - width: 100%; - resize: none; -} - -#form--input__description:disabled { - background: #F8FAFC; -} - -.article-title, -.article-description { - color: #43484D; -} - -.grant__description span { - white-space: pre-wrap; -} - -.article-description { - text-align:justify; -} - -.no-subscriptions a { - text-decoration: none; - color: #007bff; -} - -.article-date { - color: #999; -} - -.form__input { - border-radius: 2px; -} - -.grant__header button { - font-weight: 500; -} - -.sub-title { - color: #666; - letter-spacing: 1.5px; -} - -.grant-banner img { - height: auto; - width: 100%; -} - -.grant-logo img { - height: auto; - width: 100%; - max-width: 25rem; - box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15); -} - -.grant-banner { - overflow : hidden; - max-height: 22rem; -} - -.grant-side-cart { - background-color: white; - border-left: lightgray 2px solid; -} - -.wallet-address { - font-size: 0.85rem; -} - -.grant__stakeholders-list img, -.grant-item__members img, -.grant-item__owner-image img, -.grant-item__owner img { - border-radius: 50%; - width: 50px; - height: 50px; -} - -.grant__header .fa-save { - animation: rotation 0.1s linear; -} - -.grant__header .fa-edit { - animation: rotation2 0.1s linear; -} - -.update { - border-bottom: 1px solid #D8D8D8; -} - -.update:first-child { - padding-top: 0 !important; -} - -.disable-tooltip { - pointer-events: none; -} - -.disable-btn { - border: none; - background-color: whitesmoke; - color: #999; -} - -@keyframes rotation { - from { - transform: rotate(0deg); - } - to { - transform: rotate(359deg); - } -} - -@keyframes rotation2 { - from { - transform: rotate(0deg); - } - to { - transform: rotate(359deg); - } -} - -@media (max-width: 991.98px) { - .summary, - .summary textarea, - .summary input { - text-align: center; - } - - .summary-info i { - position: relative; - top: 2px; - } - - .logo { - width: 100%; - } -} - -@media (min-width:767.98px) and (max-width: 991.98px) { - .summary-info i { - float: left; - } -} - -@media (max-width: 767.98px) { - - #tabs ul { - list-style-type: none; - padding-left: 0; - } - - #tabs ul li { - margin-bottom: 2rem; - } - - #tabs > .ui-widget-header { - display: flex; - justify-content: center; - } - - #cancelModal .modal-cancel-grants { - margin-top: 1rem; - } - - #grant-profile-tabs { - text-align: center; - border-bottom: none; - } - - .logo { - display: none; - } -} diff --git a/app/assets/v2/css/grants/fund.css b/app/assets/v2/css/grants/fund.css deleted file mode 100644 index 171e47d8966..00000000000 --- a/app/assets/v2/css/grants/fund.css +++ /dev/null @@ -1,252 +0,0 @@ -@media (min-width: 1200px) { - #gitcoin-grant-section .row { - border-bottom: 1px solid #515151; - } -} -#intercept_overlay{ - background-color: rgba(0,0,0, 0.1); - position: fixed; - width: 100%; - height: 100%; - z-index: 99999999; - top: 0px; - left: 0px; -} -.est_direction{ - font-weight: 900; -} - -.admin_profile a, -#grant-link { - color: #0D0764; -} - -.tab_target{ - width: 100%; -} - -#grants_form .nav-link { - border-top-left-radius: 4px; - border-top-right-radius: 4px; - color: #000; -} -#grants_form .nav-link.active { - background-color: #eee; -} -#grants_form .form__input.valid, -#grants_form .form__input.error { - background-position: top 0.5rem right 0.5rem; -} - -#grants_form input.form__input { - height: 2.5rem; -} - -.select2-container--default .select2-selection--single, -#grants_form input { - border-color: #0D0764 !important; -} - -.grant-banner { - background-color: #F2F6F9; - width: 100%; -} - -.grant-banner .grant-title { - font-weight: 600; -} - -.grant-banner .grant-title a { - color: #000; -} - -.summary p { - margin: 0 0 4px; -} - -.summary i { - font-size: 6px; - position: relative; - bottom: 2px; -} - -#gitcoin-grant-section .custom { - width: 4.25rem; - position: relative; - top: -10px; -} - -#gitcoin-grant-section input.form__input { - height: 46px; - font-size: var(--fs-title); -} - -#gitcoin-grant-section input.form__input.form__input.valid { - padding: 0; - background-image: none; -} - -#gitcoin-grant-input-amount-error { - position: absolute; - top: 4rem -} - -#gitcoin-grant-section .form__input.error { - background-position: top 0.75rem right 0.5rem; - background-size: auto 1.013rem; - padding-right: 1.8rem; -} - -#gitcoin-grant-section input.form__input[type=number]::-webkit-inner-spin-button, -#gitcoin-grant-section input.form__input[type=number]::-webkit-outer-spin-button { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - margin: 0; -} - -#gitcoin-grant-input-error { - position: absolute; - top: 4rem; -} - -#gitcoin-grant-section .badge { - padding: 16px 24px; - cursor: pointer; -} - -#gitcoin-grant-section .badge-active { - background-color: #72AAEB; - color: white; -} - -#gitcoin-grant-section .badge-inactive { - background: #ffffff; - border-color: #D8D8D8; - color: #666666; -} - -.inactive { - background-color: #E5E5E5 !important; - color: #9B9B9B !important; -} - -#gitcoin-grant-section .gitcoin-grant-summary p { - position: relative; - top: 10px; -} - -#gitcoin-grant-section .gitcoin-grant-summary i { - position: relative; - top: -2px; -} - -#gitcoin-grant-section .gitcoin-grant-summary p:last-child { - top: 1.2rem; - left: 1rem; -} - -.helper-text { - position: absolute; - left: 0; - right: 0; - bottom: -1.2rem; -} - -.clr_estimate { - background-color: white; - border-radius: 5px; - border: 2px solid #10cd7a; - text-align: left; - width: 265px; - padding: 1rem 15px; - position: absolute; - top: 0px; - left: 130px; -} - -.clr_estimate.extraleft { - left: -270px; -} - -.clr_estimate:after { - content: ''; - position: absolute; - right: 0; - top: 30%; - width: 0; - height: 0; - border: 20px solid transparent; - border-left-color: #10cd7a; - border-right: 0; - border-bottom: 0; - margin-top: -10px; - margin-right: -20px; -} - -.clr_estimate img { - float: right; - width: 50px; -} - -.clr_estimate h3 { - text-align: left; - color: white; - font-size: 12px; - text-transform: uppercase; - width: 150px; - font-weight: bold; -} - -.clr_estimate h3 span { - background-color: #10cd7a; - border-radius: 3px; - padding: 4px 6px; - -} - -.clr_estimate h4 { - padding-top: 0px; - text-align: left; - color: #10cd7a; - font-size: 10px; - font-weight: bold; -} - -.clr_estimate h4 span { - font-size: 16px; -} - -.clr_estimate p { - text-align: left; - color: #10cd7a; - font-size: 12px; - color: #959595; -} - -#phantom_fund .description i { - font-size: 10px; - position: relative; - top: -1px; -} - -@media (min-width:1140px) and (max-width: 1600px) { - - #gitcoin-grant-section .fee-slider, - #gitcoin-grant-section .fee-slider-summary { - width: 100%; - max-width: 100%; - flex: 100%; - text-align: center !important; - } - - #gitcoin-grant-section .fee-slider-summary { - margin-bottom: 1rem !important; - } -} - -@media (max-width: 1199.98px) { - .clr_estimate { - display: none; - } -} \ No newline at end of file diff --git a/app/assets/v2/css/grants/grant.css b/app/assets/v2/css/grants/grant.css deleted file mode 100644 index a533a5a7224..00000000000 --- a/app/assets/v2/css/grants/grant.css +++ /dev/null @@ -1,745 +0,0 @@ -.infinite-more-link{ - display: none; -} -#negative_fund, -#flag{ - background-color: #F9006C; - color:white; - border-radius: 3px; - padding: 5px; -} - -#stats_history td{ - padding: 5px; - border: 1px #ddd solid; -} -#stats_history tr.table_header{ - background-color: #ddd; - font-weight: bold; -} - -#negative_fund:hover, -#flag:hover{ - background-color: #F9309C; - font-weight: bold; - text-decoration: none; -} -.announce { - text-align: center; - border-radius: 5px; - background-color: #ccc; - padding: 3px; - position: relative; - margin-top: 25px; - margin-bottom: 25px; - margin-left: auto; - margin-right: auto; -} - -.announce:after { - content: ''; - position: absolute; - top: 0; - left: 50%; - width: 0; - height: 0; - border: 20px solid transparent; - border-bottom-color: #ccc; - border-top: 0; - border-left: 0; - margin-left: -10px; - margin-top: -20px; -} - -.announce a { - color: black; - text-decoration:underline; -} - -.announce:after { - border-bottom-color: #ccc !important; -} - -.announce h4 { - border-bottom: 3px solid #c7c7c7; -} - -.announce5:hover h4 { - border-bottom: 3px solid #ccc !important; -} - -.announce5:hover:after { - border-bottom-color: #def390 !important; -} - -.announce5:hover { - background-color: #def390 !important; -} - -.announce5:hover a333 { - background-color: #cee370 !important; -} - -.announce7:hover h4 { - border-bottom: 3px solid #b59552 !important; -} - -.announce7:hover:after { - border-bottom-color: #bc9956 !important; -} - -.announce7:hover { - background-color: #bc9956 !important; -} - -.announce7:hover a333 { - background-color: #bc9956 !important; -} - -.announce4:hover h4 { - border-bottom: 3px solid #fce5ac !important; -} - -.announce4:hover:after { - border-bottom-color: #fce5ac !important; -} - -.announce4:hover { - background-color: #fce5ac !important; -} - -.announce4:hover a333 { - background-color: #dcc58c !important; -} -.announce_container .announce{ - cursor: text; -} -.announce_container img{ - filter: grayscale(100%); -} -.announce_container:hover img{ - filter: grayscale(0%); -} -.announce3:hover h4 { - border-bottom: 3px solid #d0f9f4 !important; -} - -.announce3:hover:after { - border-bottom-color: #d0f9f4 !important; -} - -.announce3:hover { - background-color: #d0f9f4 !important; -} - -.announce3:hover a333 { - text-decoration: underline; -} - -.announce2:hover h4 { - border-bottom: 3px solid #a4affc !important; -} - -.announce2:hover:after { - border-bottom-color: #a4affc !important; -} - -.announce2:hover { - background-color: #a4affc !important; -} - -.announce2:hover a333 { - background-color: #849ffc !important; -} - -.announce6:hover h4 { - border-bottom: 3px solid #fde9ed !important; -} - -.announce6:hover:after { - border-bottom-color: #fde9ed !important; -} - -.announce6:hover { - background-color: #fde9ed !important; -} - - -.announcea a{ - color: black; - font-weight: bold; -} -.mininavcategory a{ - color: black; -} -#skip{ - position: fixed; - bottom: 50px; - right: 50px; - cursor: pointer; - font-size: 50px; - color: #bbb; - z-index: 99999; -} - -#skip:hover{ - color: #aaa; -} -.announcea p{ - background-color: #ccc; -} -.right-announce2 { - margin-top: 5px; - padding-top: 0px; - text-align: right; -} - -.right-announce2 img { - width: 100px; -} - -.right-announce2 p { - border-radius: 5px; - padding: 5px; - margin-top: 10px; -} -.right-announce2:hover p { - background-color: #d9d8e7; -} - -.right-announce4 { - margin-top: 5px; - padding-top: 0px; - text-align: right; -} -.right-announce4:hover p { - background-color: #d9d8e7; -} - -.right-announce4 img { - width: 100px; -} - -.right-announce4 p { - border-radius: 5px; - background-color: #da7474; - padding: 5px; - margin-top: 10px; -} - -.right-announce3 { - text-align: left; -} - -.right-announce3:hover p { - background-color: #ffde55; -} - -.clr .label, .clr-label { - background: #0FCE7C; - color: #fff; - border-radius: 3px; -} - -.clr .amount { - color: #0FCE7C; -} - -.clr-prediction img { - height: 1.5rem; - position: relative; - top: -3px; -} - -.predict-label, -.clr-prediction .title { - color: #666666; - font-size: 13px; -} - -.clr-prediction .amount { - font-size: 13px; -} - -.clr-prediction .title { - border-bottom: 1px solid #0FCE7C; - padding: 0.65rem 1rem; -} - -.header { - background-size: cover; -} - -.header .embed-responsive { - border-radius: 3px; -} - -.white-icon { - width: 14px; - height: 20px; -} - -.button { - font-weight: 500; -} - -#search_form button { - border: none; - background: transparent; - right: 1rem; - top: 0.5rem -} - -#keyword { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.token_symbol { - font-weight: 600; -} - -.progress { - background-color: #D8D8D8; - border-radius: 5px; - height: 0.5rem; -} - -.ui-tooltip { - padding: 0 !important; - border-radius: 0.25rem !important; -} - -.progress-container { - color: #0D0764; -} - -.progress .progress-bar { - background-color: #0D0764; - height: auto; -} - -.progress-bar.progress-bar--cancel { - background-color: #D0021B; - position: relative; -} - -.progress--small { - height: 7px; -} - -.progress--small .progress-bar { - background-color: #0ECF7C; -} - -.grant-item__owner-handle { - color: #9B9B9B; - line-height: 18px; -} - -.grant-item__member-handle span, -.grant__stakeholders-item span { - color: #000; -} - -.grant-item__owner-handle span, -.grant-item__owner-handle a, -.progress-text span { - color: #3E00FF; -} - -.progress-text p { - font-size: 14px; -} - -/* Grants Contribution */ -.contribution { - position: absolute; - top: -50px; - left: 100%; - text-align: left; - padding: 0 10px; -} - -.contribution:before { - content: ""; - position: absolute; - left: 0; - z-index: 100; - top: 0; - width: 1px; - height: 100%; - background: #979797; -} - -.contribution span { - font-size: 18px; -} - -.contribution p { - font-size: 14px; - color: #BBBDBF; -} - -.grants_landing .grants-results{ - text-align: center; -} -.grant-item { - background-color: #fff; -} - -.grants-hero.white a { - color: white; -} - -.title-round{ - color: #25E899 !important; -} - -.grants-hero .font-header, -.grants-hero h1, -.explore_grants { - padding: 10px; - background-color: rgba(16,16,34, 0.8); -} - -.health_grants .grants-hero .font-header, -.health_grants .grants-hero h1, -.health_grants .explore_grants { - background-color: rgba(131, 189, 180, 0.8); -} -.health_grants .grants-hero.white a.btn { - background-color: rgba(101, 153, 152, 1); -} -.health_grants .grants-hero.white a.btn:hover { - background-color: #0c9a43; -} - -/* Tabs */ -.ui-widget.ui-widget-content.ui-tabs { - background: transparent !important; - box-shadow: none; -} - -.ui-tabs-nav { - background: transparent; - border: none; -} - -.ui-tabs .ui-tabs-nav li { - background: transparent; - border: none; - border-bottom: 1px solid #BBBDBF; - margin: 0; - width: 25%; -} - -.ui-tabs .ui-tabs-nav li .ui-tabs-anchor { - color: #BBBDBF; - padding: 0.75em 2.5em; - width: 100%; - text-align: center; -} - -.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { - border-bottom: 3px solid #0D0764; - color: #0D0764; -} - -.ui-state-active, .ui-widget-content .ui-state-active { - border: none !important; - background: transparent !important; -} - -#top-filters .select2-container, #search_form .select2-container { - width: auto !important; - font-weight: normal; - text-align: left; - min-width: 9rem; - font-size: 12px; -} - -#search_form .sort_container .select2-container { - -} - -#top-filters .select2-network-container, #search_form .select2-network-container { - width: 5rem !important; -} - -#top-filters .select2-container, #search_form .network-container .select2-container { - min-width: 5rem; -} - -#top-filters .select2-selection, #search_form .select2-selection { - background: none; - outline: none; - border: none !important; - color: var(--gc-blue); -} - -#top-filters .select2-selection span, #search_form .select2-selection span { - color: #3E00FF; - font-weight: bold; -} - -.grants_type_nav { - border-bottom: none; - line-height: 37px; -} - -.grants_type_nav a.selected { - font-weight: bold; - border-bottom: none; - padding-bottom: 6px; -} - -.grants_keyword_nav a:hover { - border-bottom: 1.5px solid black; - padding-bottom: 4px; -} - -.grants_keyword_nav a.selected:hover { - border-color: #3E00FF; -} - -.grants_nav a { - color: #333333; - margin-right: 30px; - cursor: pointer; -} - -.grants_nav a:hover { - text-shadow: 0 0 .01px black, 0 0 .01px black, 0 0 .01px black; - text-decoration: none; -} - -.grants-search .select2-selection__arrow { - top: 0 !important; -} - -.grants_nav .selected { - font-weight: 1000; - color: #3f24f9 !important; -} - -.arrow_box { - position: relative; - border: 1px solid #0FCE7C; - border-radius: 3px; -} - -.arrow_box:after, .arrow_box:before { - bottom: 100%; - left: 15%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; -} - -.arrow_box:after { - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #fff; - border-width: 9px; - margin-left: -31px; -} - -.arrow_box:before { - border-color: rgba(16, 205, 122, 0); - border-bottom-color: #0FCE7C; - border-width: 11px; - margin-left: -33px; -} - -.grant-partners { -background: linear-gradient(140deg, #659998 0%,#659998 0%,#659998 0%,#97dbca 37%,#97dbca 37%,#cbf3e0 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - animation: gradient 40s ease infinite; - border-radius: 3px; -} - -.media_grants .grant-partners { -background: linear-gradient(11deg, #e99907 0%,#207cca 63%,#2989d8 99%,#110f22 100%,#2989d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -} -.tech_grants .grant-partners { -background: linear-gradient(85.75deg, #03008D -17.8%, #000000 139.56%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -} -.grant-partners h2 { - letter-spacing: 3px; -} - -.grant-partners img { - border-radius: 50px; - width: 2rem; -} - -.grant-partners .nav-tabs { - border: none; - -} - -.grant-partners .nav-link, -.grant-partners .nav-tabs .nav-line.active { - color: white; - cursor: pointer; -} - -.grant-partners .nav-link, -.grant-partners .nav-link:hover { - border: none; -} - -.grant-partners .nav-tabs .nav-line.active { - font-weight: 700; -} - -.grant-partners .partner-details-container { - padding: 10px; - display: inline-block; -} - -.grant-partners .partner-details { - display: inline-block; - vertical-align: middle; -} - -.grant-partners .partner-amount { - width: max-content; -} - -.grant-partners .tab-content>.active { - display: inline-block; -} - -.total_active_fund p { - color: #25E899; - font-size: 3rem; - font-weight: 650; -} - -/* sidebar_search.css */ -.accordion:after { - float: none; -} - -.subheading { - margin-bottom: 0 !important; - letter-spacing: 2px; -} - -.grants_hero_img{ - background-position-x: 50%; - background-color: #030118; -} -.grants_hero_img .container{ - min-height: 400px; -} - -#container_bar{ - background-color: #030118; -} - -.grant-description h1{ - font-size: 1.5rem; -} - -.grant-description h2{ - font-size: 1.3rem; -} - -.grant-description h3{ - font-size: 1.2rem; -} - -.grant-description h4{ - font-size: 1.1rem; -} - -.grant-description h5{ - font-size: 1rem; -} - -.grant-description h6{ - font-size: 1rem; -} - -@media (max-width: 1100px) { - .grants_hero_img .container{ - min-height: 350px; - } -} - -@media (max-width: 991.98px) { - .grants_hero_img .container{ - min-height: 270px; - } - .hide_filters { - height: 0; - display: none; - } - - #sidebar_container form#search_form { - display: inline-block; - width: 95%; - } -} - -/* sidebar_search.css */ - -@media (min-width: 1200px) { - .header .container { - max-width: 1240px; - } - - .sort_container { - top: 0; - } -} - -@media (max-width: 700px) { - .grants_hero_img .container{ - min-height: 220px; - } -} - - -@media (max-width: 540px) { - .grants_hero_img .container{ - min-height: 150px; - } -} - - -@media (max-width: 390px) { - .grants_hero_img .container{ - min-height: 130px; - } - #search_form .sort_container .select2-container { - width: 200px !important; - } -} - -@-webkit-keyframes gradient { - 0%{background-position:0% 50%} - 50%{background-position:100% 50%} - 100%{background-position:0% 50%} -} - -@-moz-keyframes gradient { - 0%{background-position:0% 50%} - 50%{background-position:100% 50%} - 100%{background-position:0% 50%} -} - -@keyframes gradient { - 0%{background-position:0% 50%} - 50%{background-position:100% 50%} - 100%{background-position:0% 50%} -} - -.collapsed > .when-open, -.not-collapsed > .when-closed { - display: none; -} diff --git a/app/assets/v2/css/grants/new.css b/app/assets/v2/css/grants/new.css deleted file mode 100644 index 06162751bcb..00000000000 --- a/app/assets/v2/css/grants/new.css +++ /dev/null @@ -1,85 +0,0 @@ -.grant-container { - background-color: #f2f6f9; -} - -.primary-form { - background-color: #FFFFFF; -} - -#create-grant label { - color: #666; - font-weight: 600; -} - -.new-grant .form__drop { - margin-top: 15px; -} - -.new-grant #grants_form img { - max-width: none; -} - -.new-grant .form__select2 { - height: 33px; -} - -.new-grant .form__select2 .select2-container--default .select2-selection--single { - max-height: 100%; -} - -.frequency .select2-container .select2-selection--single { - height: 2.05rem !important; -} - -.frequency .select2-container--default .select2-selection--single .select2-selection__rendered { - position: relative; - font-size: 1rem; -} - -.frequency .select2-container--default .select2-selection--single .select2-selection__rendered, -.select2-container--default .select2-selection--single .select2-selection__arrow { - top: -3px; -} - -.select2-container--default .select2-selection--multiple, -.new-grant .form__select2 .select2-container--default .select2-selection--single { - border-color: #D3D3D3 !important; - border-radius: 2px !important; - font-size: 1rem; -} - -.select2-results__option, .select2-search--dropdown .select2-search__field { - font-size: 1rem; -} - -.select2-container--default .select2-selection--multiple { - height: 2rem; -} - -.select2-container--default .select2-selection--multiple .select2-selection__choice { - padding: 2px 5px; - background-color: #fff; - border-radius: 2px; - height: 30px !important; -} - -.select2-container .select2-search--inline .select2-search__field { - margin-top: 0; - font-size: 1rem; -} - -.ql-editor p { - font-size: 1rem; -} - -.select2-selection__rendered .select2-selection__choice { - font-size: 14px; -} - -.vs__open-indicator { - transform: scale(0.8); -} - -.ql-editor{ - min-height: 7rem; -} \ No newline at end of file diff --git a/app/assets/v2/css/grants/profile.css b/app/assets/v2/css/grants/profile.css deleted file mode 100644 index 26717e09265..00000000000 --- a/app/assets/v2/css/grants/profile.css +++ /dev/null @@ -1,89 +0,0 @@ -.header-line { - color: #fff; - font-style: normal; -} - -h2.title { - border-bottom: 1px solid #D0D0D0; -} - -.avatar { - max-width: 3.125rem; - max-height: 3.125rem; - margin-right: auto; - margin-left: auto; -} - -.transaction-history:hover { - background-color: #F9F9F9; -} - -.grants-container .info { - color: #9B9B9B; -} - -.grants-container .txn-link a { - color: #7F8FA4; - text-decoration: none; -} - -.tags { - text-align: right; -} - -.no-profile-button { - background-color: #3E00FF; - color: #FFFFFF; - font-size: 0.875rem; -} - -.no-profile-textcolor { - color: #666666; -} - -.none-img { - height: 5rem; -} - -#cancelled-subscriptions .subtitle { - color: #C70018; -} - -#active-subscriptions .subtitle { - color: #008EFF; -} - -#contributions .subtitle { - color: #00A652; -} - -@media (max-width: 767.98px) { - .txn-link, - .special_tag { - text-align: center; - } - - .tags { - justify-content: center; - } - - .title { - padding-left: 10px; - } -} - -.verification__warning { - background-color: #f8f8f0; - border: 2px solid #ffce08; - color: #b88b16; - font-weight: bold; -} - -.verification__warning__icon { - font-size: 1.8rem; - margin-top: 7px; -} - -.error { - color: var(--gc-pink); -} diff --git a/app/assets/v2/css/grants/side-cart.css b/app/assets/v2/css/grants/side-cart.css deleted file mode 100644 index 814a5884093..00000000000 --- a/app/assets/v2/css/grants/side-cart.css +++ /dev/null @@ -1,14 +0,0 @@ -.grant-side-cart { - background-color: white; - border-left: lightgray 2px solid; -} - -@media only screen and (min-width: 768px) { - #side-cart { - position: fixed; - top: 0; - right: 0; - height: 100vh; - overflow-y: scroll; - } -} diff --git a/app/assets/v2/css/guide.css b/app/assets/v2/css/guide.css deleted file mode 100644 index 8d16b061f41..00000000000 --- a/app/assets/v2/css/guide.css +++ /dev/null @@ -1,76 +0,0 @@ -p { - margin: 0.1rem; -} - -h1 { - margin: 1rem auto; -} - -.responsive-object, -iframe { - max-width: 100%; - padding: 0 !important; -} - -.richtext-image.left { - float: left; -} - -.richtext-image.right { - float: right; -} - -.body { - margin: 0; -} - -.center { - margin: 0 auto; -} - -.intro { - margin: 0 auto; - padding: 3rem; -} - -.intro img { - margin: 1rem; - max-height: 18rem; - width: auto; - vertical-align: top; - bottom: 0; -} - -#toc { - position: sticky; - position: -webkit-sticky; - top: 1em; - float: right; -} - -#toc a { - display: block; - margin: 0.3rem; -} - -#toc a.active { - padding-left: 6px; - margin-left: -9px; - border-left: 3px solid var(--gc-green-hover); -} - -@media (max-width: 800px) { - .col-4, - .col-6, - .col-8 { - flex: 0 0 100%; - max-width: 100%; - } - .intro { - padding: 3rem 3rem 0 3rem; - } - .intro img { - position: relative; - right: 0; - } -} diff --git a/app/assets/v2/css/hackathons/explorer.css b/app/assets/v2/css/hackathons/explorer.css deleted file mode 100644 index 714ef3a2d43..00000000000 --- a/app/assets/v2/css/hackathons/explorer.css +++ /dev/null @@ -1,37 +0,0 @@ - -.banner { - background: linear-gradient(161deg, rgba(55,27,181,1) 37%, rgba(255,51,117,1) 100%); -} - -.banner .sponsors-gold img { - height: 6rem; - margin: 1em; -} - -.banner .sponsors-silver img { - height: 3.5rem; - margin: 0.8em; -} - -.banner .sponsors-gold { - margin-bottom: 1rem; -} - -/* ETH Hack 2019 */ -#ethhack_2019 .hackathon-name { - font-size: 3rem; -} - -/* Beyond Blockchain 2019 */ -#beyondblockchain_2019 { - background: #121315; -} - -/* Grow Ethereum 2019 */ -#grow-ethereum-2019 { - border-bottom: solid 0.5px #eee; -} - -#grow-ethereum-2019 .text-white { - color: black !important; /* TODO: REMOVE */ -} diff --git a/app/assets/v2/css/hackathons/static.css b/app/assets/v2/css/hackathons/static.css deleted file mode 100644 index 96c7ddcb0f0..00000000000 --- a/app/assets/v2/css/hackathons/static.css +++ /dev/null @@ -1,194 +0,0 @@ -h1 { - font-size: 4rem; - letter-spacing: 12px; - line-height: 72px; -} - -h2 { - font-size: 3rem; - letter-spacing: 0; - line-height: 4rem; -} - -h3 { - font-size: 2.5rem; - letter-spacing: 0; - line-height: 4rem; - font-weight: normal; -} - -h4 { - font-size: 2rem; - letter-spacing: 0; - line-height: 4rem; - font-weight: normal; -} - -.hackathon footer { - background: #000; -} - -.hackathon footer img { - min-height: 3.5rem; -} - -.info-links a { - text-decoration: underline; - color: inherit; - word-spacing: 0; -} - -.powered-by img { - height: 3.5rem; -} - -.hackathon .button { - border-radius: 55px; - font-size: var(--fs-title); - padding: 1.2rem 4rem; - font-weight: 700; - letter-spacing: 0.2rem; -} - -.hackathon .banner-logo { - max-height: 18rem; - width: auto !important; -} - -.hackathon .sponsors_gold img { - height: 6rem; -} - -.hackathon .sponsors_silver img { - height: 3rem; -} - -.hackathon .sponsors img, -.hackathon footer img { - transition: all .2s ease-in-out; -} - -.hackathon .sponsors img:hover, -.hackathon footer img:hover { - transform: scale(1.1); -} - -.hackathon .btn { - text-transform: uppercase; - letter-spacing: 6.4px; - font-size: 2rem; - border-radius: 52px; -} - -.hackathon .section img { - max-height: 25rem; -} - -.hackathon .section .border { - height: 0.55rem; - width: 15rem; -} - -.hackathon .section p { - word-spacing: 5px; -} - -/* color schema */ - -.hk-white-bg { - background-color: #fff; -} - -.hk-white-bg .border { - background-color: #121315; -} - -.hk-black-bg { - background-color: #121315; - color: #fff; -} - -.hk-blue-bg { - background-color: #0F0330; - color: #fff; -} - -.hk-black-bg .border, -.hk-blue-bg .border { - background-color: #fff; -} - -.hk-white-f { - color: #fff -} - -.hk-black-f { - color: #121315; -} - -/* Eth Hack */ - -.ethhk-banner-bg { - background-color: #180944; -} - -.ethhk-pink-bg { - background-color: #F9016C; - color: #fff; -} - -/* Beyond Blocks */ - -.beyond_blocks .powered_by img:last-child { - min-height: 5.5rem; -} - -.beyond_blocks footer a:last-child img { - min-height: 5.5rem; - height: 100%; -} - -.beyond_blocks .sponsors_silver img { - height: 3.5rem; -} - -.bb-banner-bg { - background-color: #121315; - text-align: center; -} - -.bb-green-bg { - background-color: var(--gc-green); - color: #fff; -} - -@media (min-width: 992px) { - .hackathon .sponsors-container { - padding-left: 8rem !important; - padding-right: 8rem !important; - } -} - - -@media (max-width: 575.98px) { - - h1 { - font-size: 2.5rem; - } - - h3 { - font-size: 2.25rem; - } - - h2 { - font-size: 2rem; - } - - .hackathon .section p { - font-size: 1.5rem - } - - .hackathon .sponsors img { - display: inline-block; - } -} diff --git a/app/assets/v2/css/help.css b/app/assets/v2/css/help.css deleted file mode 100644 index 7a891054620..00000000000 --- a/app/assets/v2/css/help.css +++ /dev/null @@ -1,85 +0,0 @@ -h3 { - font-size: 1.4em; -} - -#gitcoin_buttons .btn { - font-weight: normal; -} - -.heading { - text-transform: uppercase; - font-weight: bolder; - font-size: 1.3em; - text-align: center; - margin-top: 1em; - margin-bottom: 1em; - padding-top: 10px; -} - -.sub-heading { - margin-bottom: 2em; - text-transform: capitalize; - text-align: center; - font-size: 1em; -} - -.video-row { - display: flex; -} - -.video-row .video { - flex-basis: 29%; - margin: 0 2%; -} - -.video-row .video iframe { - max-width: 100%; -} - -.answer { - font-size: 15px; -} - -.question { - font-size: 18px; - cursor: pointer; -} - -.question:hover { - color: #3E00FF; -} - -.show { - animation: .2s accordionIn; -} - -.animated a { - font-size: 1em; -} - -@keyframes accordionIn { - 0% { - opacity: 0; - transform: scale(0.9) rotateX(-60deg); - transform-origin: 50% 0; - } - - 100% { - opacity: 1; - transform: scale(1); - } -} - -@media (max-width: 1180px) { - .video-row { - flex-direction: column; - align-items: center; - } -} - - -@media (max-width: 991px) { - .heading { - margin-top: 1em; - } -} diff --git a/app/assets/v2/css/home.css b/app/assets/v2/css/home.css deleted file mode 100644 index f1f227811bb..00000000000 --- a/app/assets/v2/css/home.css +++ /dev/null @@ -1,674 +0,0 @@ -.navbar { - background-color: #0d023b; -} - -.banner { - background-image: url(/static/v2/images/tribes-bg.png); - background-size: contain; - padding: 0; - height: 98vh; - width: 100%; - background-position: center; - background-color: #0C0B1B; - overflow: hidden; -} - -.dark-section { - background-color: #170640; - color: white; -} - -.section-title { - color: #121315; - font-size: 2.5rem; - border-bottom: 0.68rem solid #121315; -} - -.dark-section .section-title { - color: white; - border-bottom: 0.68rem solid white; -} - -.testimonial-card { - border: 4px solid #3E00FF; - width: 32rem; -} - -.testimonial-card:first-child { - /* margin-left: -25%; */ -} - -.testimonial-card:last-child { - /* margin-right: -25%; */ -} - -.card-description { - font-size: 18px; - line-height: 24px; - text-align: center; - position: relative; - margin-top: 1em; -} - -.card-description::before, -.card-description::after { - font-weight: bold; - font-size: 64px; - position: absolute; - text-align: center; - color: #000000; -} - -.card-description::before { - content: '“'; - top: -10px; - left: -20px; -} - -.card-description::after { - content: '„'; - bottom: 0; -} - -.overlap-line { - margin-top: -4rem; -} - -.testimonial-avatar { - background-color: white; - width: 6rem; - height: 6rem; - border-radius: 50%; - border: 3px solid #3E00FF; - object-fit: contain; -} - -.tribe-points { - list-style: none; - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-gap: 3rem 2rem; - text-align: left; -} - -.tribe-points img { - height: 3rem; -} - -.tribe-points h4 { - font-size: 2rem; -} - -.tribe-points p { - font-size: 1.5rem; -} - -.tribe-points li { - padding-left: 30px; - padding-right: 30px; -} - -.tribes { - background-color: #EFF3F6 !important; -} - -.issue span { - color: #3E00FF; -} - -.navbar .interior .dropdown-item span { - color: #9B9B9B; - font-size: 12px; -} - -.navbar .interior .dropdown-item:hover span { - color: #fff; -} - -.navbar .nav-link:hover, -.navbar .nav-link:active { - border-bottom: 3px solid #fff; - border-radius: 0; - background-color: transparent; -} - -.banner__h2 { - font-size: 2.4rem; - line-height: 3rem; -} - -.homepage .banner #fund-issue { - border: 2px solid #3E00FF; -} - -.optimize_oss p, -.realign p { - color: #4A4A4A; -} - -.homepage .btn-gc-green { - color: white; -} - -.homepage .newsletter { - border-top: none; -} - -.watch a { - color: #0D0764; -} - -.watch div { - cursor: pointer; -} - -#playVideo .modal-content { - background-color: transparent; -} - -.homepage #tree-svg svg { - max-width: 19rem; -} - -.articles .article { - text-decoration: none; -} - -.articles img { - max-width: 100%; -} - -.articles h3 { - font-weight: bold; - font-size: 1.3rem; - min-height: 3rem; - color: #000; -} - -.articles p { - color: rgba(0, 0, 0, .54); -} - -.press img { - height: 4.25rem; - padding: 0.5rem; - filter: grayscale(100%); - transition: filter 0.3s; -} - -.press img:hover { - filter: grayscale(0%); -} - -.press a { - margin: auto; -} - -img.play { - max-height: 3rem; -} - -.button__home, -.products .btn { - width: 20rem; -} - -.button__home { - border: 3px solid #3E00FF; - color: #3E00FF; - font-weight: 600; - text-align: left; - padding: 1rem 1.8rem; - margin-bottom: 1.9rem; - max-width: 100%; -} - -.button__home i { - float: right; - position: relative; - top: 4px; -} - -.button__home:hover { - background-color: #3E00FF; - color: #fff !important; - border-radius: 3px; -} - -.products { - background-color: #3E00FF; - margin-top: 10rem; - text-align: center; - color: #fff; -} - -.realign, -.know_us { - background-color: #F8F9FA; -} - -.products .bot-circle { - margin-top: -8rem; -} - -.products .product { - border: 3px solid #ffff; - margin-bottom: 1rem; - font-weight: 600; - text-align: left; - padding: 1.5rem 5rem 1.5rem 2rem; - border-radius: 3px; -} - -.products .product h2 { - margin-bottom: 1.5rem; - font-size: 1.25rem; - font-weight: bold; -} - -.products .product h2 img { - height: 2rem; - position: relative; - top: -4px; - margin-right: 0.2rem; -} - -.products .product p { - margin-bottom: 0.5rem; -} - -.products .product i { - font-size: 0.8rem; -} - -.products .product a { - color: #fff; - text-decoration: none; -} - -.products .product a:hover { - border-bottom: 1px solid #fff; -} - -.video-row { - display: grid; - grid-gap: 16px; - grid-template-columns: repeat(2, 1fr); - width: 100%; -} - -.video-preview { - cursor: pointer; - --padding: 40px; - background-color: var(--gc-green-hover); - background-position: 15% -20%; - background-size: 150% 150%; - background-repeat: no-repeat; - color: #fff; - padding: var(--padding); - display: flex; - flex-direction: column; - justify-content: space-between; - align-items: flex-start; - position: relative; - min-height: 300px; -} - -.video-preview--video { - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - position: relative; - line-height: 0; -} - -p.video-preview__index { - font-size: 64px; - margin-bottom: 1em; - line-height: 1; - font-weight: bold; - color: #fff; -} - -.video-preview__title { - font-size: 32px; - font-weight: 600; - color: #fff; - max-width: 14em; - line-height: 1.35; -} - -.video-preview__icon { - position: absolute; - top: var(--padding); - right: var(--padding); - width: auto; - height: 60px; -} - -.video-frame { - position: relative; - height: 100%; - width: 100%; - min-height: 300px; -} - - -.button__blue { - background-color: #3E00FF; - color: #fff !important; - font-weight: 600; -} - -.button__blue:hover { - background-color: #fff; - color: #3E00FF !important; -} - -.button__green { - border: 3px solid #0ECF7C; - background-color: #0ECF7C; - color: #fff !important; - font-weight: 600; -} - -figure { - position: relative; - overflow: hidden; -} - -figure::before { - position: absolute; - top: 0; - left: -75%; - z-index: 2; - display: block; - content: ''; - width: 50%; - height: 100%; - -webkit-transform: skewX(-25deg); - transform: skewX(-25deg); -} - -figure:hover::before { - -webkit-animation: shine .75s; - animation: shine .75s; - background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -} - -.compass { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - height: 100%; - min-height: 300px; -} - -.compass__dashes, -.compass__inner, -.compass__outer, -.compass__arrow { - position: absolute; -} - -.compass__dashes { - width: 50%; -} - -.compass__inner { - width: 120%; - animation: rock_small ease-in-out 6s infinite; -} - -.compass__outer { - width: 80%; - animation: rock_big ease-in-out 7s infinite; -} - -.compass__arrow { - width: 20%; - animation: rock_arrow ease-in-out 4s infinite; -} - -.hide_on_mobile { - display: block; -} - -.show_on_mobile { - display: none; -} - - -@-webkit-keyframes shine { - 100% { - left: 125%; - } -} - -@keyframes shine { - 100% { - left: 125%; - } -} - -@keyframes rock_small { - 0%, 100% { - transform: rotate(-5deg); - } - 50%{ - transform: rotate(5deg); - } -} - -@keyframes rock_big { - 0%, 100% { - transform: rotate(-4deg); - } - 50%{ - transform: rotate(4deg); - } -} - -@keyframes rock_arrow { - 0%, 100% { - transform: rotate(35deg); - } - 50%{ - transform: rotate(50deg); - } -} - -@media (min-width: 992px) { - .mx-auto .nav-item { - margin-left: 0.75rem; - margin-right: 0.75rem; - } -} - - -@media (max-width: 1024px) { - .realign-img, - .optimize-img { - max-width: 15rem; - } - - .optimize-img { - margin-top: 4rem; - } - - - .articles .article { - margin-bottom: 3rem; - } -} - -@media (max-width: 768px) { - .row h2 { - margin-bottom: 1.5rem; - } - - .video-row { - grid-template-columns: 1fr; - } - - .box-cta { - margin: 0 !important; - } - - .work-internet { - width: 17rem; - } -} - -@media (max-width: 768px) { - .compass { - height: 300px; - } - - .compass__dashes { - width: auto; - } - .compass__inner { - width: auto; - } - - .compass__outer { - width: auto; - } - - .compass__arrow { - width: auto; - } -} - -@media (max-width: 375px) { - .video-preview { - --padding: 2rem; - } - - .video-preview__title { - font-size: 24px; - } -} - -.box-cta { - background: #0D0764; - margin: 2em; - padding: 3em; -} - -.box-cta__left { - box-shadow: 33px 33px 0 -20px #3E00FF; - -} - -.box-cta__right { - box-shadow: -33px 33px 0 -20px #3E00FF; -} - -.box-cta__title { - font-size: 24px; - border-bottom: 4px solid var(--gc-green); - font-weight: 700; -} - -@media screen and (max-width: 780px){ - .banner { - background-size: cover; - } - - .banner__h2 { - font-size: 1.4rem; - line-height: 2rem !important; - margin-bottom: 1.5rem; - margin-left: 2rem; - margin-right: 2rem; - } - - .section-title { - font-size: 1.5rem; - border-bottom: 0.375rem solid #121315; - } - - .how-it-works img { - margin: 0 auto !important; - } - - .hide_on_mobile { - display: none; - } - - .show_on_mobile { - display: block; - } - - .dark-section .section-title { - border-bottom: 0.375rem solid white; - } - - .dark-section { - padding: 0 !important; - } - - .tribe-points { - list-style: none; - display: grid; - grid-template-columns: repeat(2, 1fr); - grid-gap: 3rem 1rem; - text-align: left; - padding-left: 0 !important; - margin-top: 0 !important; - } - - .tribe-points li { - padding-left: 0; - padding-right: 0; - } - - .tribe-points img { - height: 2rem; - } - - .tribe-points h4 { - font-size: 1.2rem; - } - - .tribe-points p { - font-size: 0.875rem; - } - - .tribes .tribes-grid { - display: grid !important; - grid-gap: 16px; - grid-template-columns: repeat(2, 1fr); - } - - .card-description { - font-size: 14px; - line-height: 20px; - text-align: center; - } - - .card-description::before { - font-size: 32px; - } - - .card-description::after { - font-size: 32px; - - } - - .overlap-line { - margin-top: -30px; - } - - .avatar { - max-width: 60px; - max-height: 60px; - } - - .press-mobile { - padding-left: 35px; - padding-right: 35px; - } -} diff --git a/app/assets/v2/css/howitworks.css b/app/assets/v2/css/howitworks.css deleted file mode 100644 index 65d5aa08b47..00000000000 --- a/app/assets/v2/css/howitworks.css +++ /dev/null @@ -1,196 +0,0 @@ -.how-it-works { - display: flex; -} - -.howworks-section h1, -.howworks-section h2 { - color: #0D0764; -} - -.howworks-section h2 { - font-weight: bold; -} - -.how-it-works__step { - display: flex; - flex-wrap: wrap; - margin-bottom: 2em; -} - - -.howworks-container ul { - text-align: left; -} - -.howworks-container li { - list-style-type: none; - margin-right: 1rem; - display: inline; -} - -.howworks-container li a { - text-decoration: none; - color: #3E00FF; -} - -.howworks-container li a:hover { - border-bottom: 2px solid #3E00FF; -} - -.how-it-works__step:nth-child(even) { - flex-direction: row-reverse; -} -.how-it-works__step-inverse .how-it-works__step:nth-child(odd) { - flex-direction: row-reverse; -} -.how-it-works__step-inverse .how-it-works__step:nth-child(even) { - flex-direction: row; -} - -.how-it-works__step-description { - position: relative; - display: flex; - flex-direction: column; - align-items: center; -} - -.how-it-works__vert-line { - position: absolute; - background-color:rgba(0, 0, 0, 0.05); - width: 6px; - margin-left: 11px; - z-index: 0; - top: 1em; - bottom: -4em; -} - -.how-it-works__step-number, -.how-it-works__step-exclamation, -.how-it-works__step-wait { - margin-top: 1em; - z-index: 1; - width: 30px; - height: 30px; - line-height: 26px; - border-radius: 100%; - position: relative; - left: -1px; -} - -.how-it-works__step-number { - background: #05B66A; - color: #333333; -} - -.how-it-works__text-grey { - color: #86939E; -} - -.how-it-works__step-exclamation { - background: #F9006C; - color: #FFFFFF; -} - -.how-it-works__step-wait { - background-color: #EBC629; -} - -.how-it-works__step-title { - font-weight: bold; - min-width: 10px; -} - -.how-it-works__step-title, -.how-it-works__step-text { - padding-top: 0.4em; - background: white; - z-index: 2; -} - -.how-it-works__step-text { - padding-bottom: 6px; -} - -.how-it-works__step-icon { - position: absolute; - top: -1em; -} - -.how-it-works__step:nth-child(odd) > .how-it-works__step-description > .how-it-works__step-icon { - right: 5em; -} - -.how-it-works__step:nth-child(even) > .how-it-works__step-description > .how-it-works__step-icon { - left: 5em; -} - -.how-it-works__screenshot { - width: 300px; -} - -.how-it-works__screenshot img { - max-width: 100%; - max-height: 100%; -} - -.how-it-works__step-icon img { - max-width: 5rem; -} - -.in-some-cases-container img { - height: 7rem; -} - -#permissions h2 img { - position: relative; - top: -3px; - height: 1.6rem; -} - -.grey-border { - border-bottom: 1px solid #979797; - padding-bottom: 1.5rem; -} - -@media (max-width: 767.98px) { - - .in-some-cases-container img { - margin-top: 2.2rem; - } - - #payment img { - width: 100%; - } - - #project-types img { - width: 20rem; - margin-right: 1rem; - margin-left: 1rem; - } - - .howworks-container ul { - margin-left: 1rem; - margin-right: 1rem; - } -} - -@media (min-width: 992px) { - .how-it-works__step:nth-child(even) { - padding-left: 0; - padding-right: 0; - } -} - -@media (max-width: 991px) { - .how-it-works__step { - margin-bottom: 4em; - } - - .how-it-works__step:nth-child(even) { - flex-direction: row; - } - - .how-it-works__screenshot { - height: 200px; - } -} diff --git a/app/assets/v2/css/jquery-ui.css b/app/assets/v2/css/jquery-ui.css deleted file mode 100644 index b1f3d5ff09b..00000000000 --- a/app/assets/v2/css/jquery-ui.css +++ /dev/null @@ -1,2022 +0,0 @@ -/* stylelint-disable no-descending-specificity */ - -/* ...because sometimes descending-specificity is a PIA to clean up */ - -/*! jQuery UI - v1.12.1 - 2016-09-14 -* http://jqueryui.com -* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css -* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px -* Copyright jQuery Foundation and other contributors; Licensed MIT */ - -/* Layout helpers -----------------------------------*/ - -.ui-helper-hidden { - display: none; -} - -.ui-helper-hidden-accessible { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.ui-helper-reset { - margin: 0; - padding: 0; - border: 0; - outline: 0; - line-height: 1.3; - text-decoration: none; - font-size: 100%; - list-style: none; -} - -.ui-helper-clearfix:before, -.ui-helper-clearfix:after { - content: ''; - display: table; - border-collapse: collapse; -} - -.ui-helper-clearfix:after { - clear: both; -} - -.ui-helper-zfix { - width: 100%; - height: 100%; - top: 0; - left: 0; - position: absolute; - opacity: 0; - filter: Alpha(Opacity=0); - /* support: IE8 */ -} - -.ui-front { - z-index: 100; -} - -/* Interaction Cues -----------------------------------*/ - -.ui-state-disabled { - cursor: default !important; - pointer-events: none; -} - -/* Overlays */ - -.ui-accordion .ui-accordion-header { - display: block; - cursor: pointer; - position: relative; - margin: 2px 0 0 0; - padding: .5em .5em .5em .7em; - font-size: 100%; -} - -.ui-accordion .ui-accordion-content { - padding: 1em 2.2em; - border-top: 0; - overflow: auto; -} - -.ui-autocomplete { - position: absolute; - top: 0; - left: 0; - cursor: default; -} - -.ui-menu { - list-style: none; - padding: 0; - margin: 0; - display: block; - outline: 0; -} - -.ui-menu .ui-menu { - position: absolute; -} - -.ui-menu .ui-menu-item { - margin: 0; - cursor: pointer; - /* support: IE10, see #8844 */ - list-style-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); -} - -.ui-menu .ui-menu-item-wrapper { - position: relative; - padding: 3px 1em 3px .4em; -} - -.ui-menu .ui-menu-divider { - margin: 5px 0; - height: 0; - font-size: 0; - line-height: 0; - border-width: 1px 0 0 0; -} - -.ui-menu .ui-state-focus, -.ui-menu .ui-state-active { - margin: -1px; -} - -/* icon support */ - -.ui-menu-icons { - position: relative; -} - -.ui-menu-icons .ui-menu-item-wrapper { - padding-left: 2em; -} - -/* left-aligned */ - -.ui-menu .ui-icon { - position: absolute; - top: 0; - bottom: 0; - left: .2em; - margin: auto 0; -} - -/* right-aligned */ - -.ui-menu .ui-menu-icon { - left: auto; - right: 0; -} - -.ui-button { - padding: .4em 1em; - display: inline-block; - position: relative; - line-height: normal; - margin-right: .1em; - cursor: pointer; - vertical-align: middle; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - /* Support: IE <= 11 */ - overflow: visible; -} - -.ui-button, -.ui-button:link, -.ui-button:visited, -.ui-button:hover, -.ui-button:active { - text-decoration: none; -} - -/* to make room for the icon, a width needs to be set here */ - -.ui-button-icon-only { - width: 2em; - box-sizing: border-box; - text-indent: -9999px; - white-space: nowrap; -} - -/* no icon support for input elements */ - -input.ui-button.ui-button-icon-only { - text-indent: 0; -} - -/* button icon element(s) */ - -.ui-button-icon-only .ui-icon { - position: absolute; - top: 50%; - left: 50%; - margin-top: -8px; - margin-left: -8px; -} - -.ui-button.ui-icon-notext .ui-icon { - padding: 0; - width: 2.1em; - height: 2.1em; - text-indent: -9999px; - white-space: nowrap; -} - -input.ui-button.ui-icon-notext .ui-icon { - width: auto; - height: auto; - text-indent: 0; - white-space: normal; - padding: .4em 1em; -} - -/* workarounds */ - -/* Support: Firefox 5 - 40 */ - -input.ui-button::-moz-focus-inner, -button.ui-button::-moz-focus-inner { - border: 0; - padding: 0; -} - -.ui-controlgroup { - vertical-align: middle; - display: inline-block; -} - -.ui-controlgroup > .ui-controlgroup-item { - float: left; - margin-left: 0; - margin-right: 0; -} - -.ui-controlgroup > .ui-controlgroup-item:focus, -.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { - z-index: 9999; -} - -.ui-controlgroup-vertical > .ui-controlgroup-item { - display: block; - float: none; - width: 100%; - margin-top: 0; - margin-bottom: 0; - text-align: left; -} - -.ui-controlgroup-vertical .ui-controlgroup-item { - box-sizing: border-box; -} - -.ui-controlgroup .ui-controlgroup-label { - padding: .4em 1em; -} - -.ui-controlgroup .ui-controlgroup-label span { - font-size: 80%; -} - -.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { - border-left: none; -} - -.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { - border-top: none; -} - -.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { - border-right: none; -} - -.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { - border-bottom: none; -} - -/* Spinner specific style fixes */ - -.ui-controlgroup-vertical .ui-spinner-input { - /* Support: IE8 only, Android < 4.4 only */ - width: 75%; - width: calc( 100% - 2.4em); -} - -.ui-controlgroup-vertical .ui-spinner .ui-spinner-up { - border-top-style: solid; -} - -.ui-checkboxradio-label .ui-icon-background { - box-shadow: inset 1px 1px 1px #ccc; - border-radius: .12em; - border: none; -} - -.ui-checkboxradio-radio-label .ui-icon-background { - width: 16px; - height: 16px; - border-radius: 1em; - overflow: visible; - border: none; -} - -.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, -.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { - background-image: none; - width: 8px; - height: 8px; - border-width: 4px; - border-style: solid; -} - -.ui-checkboxradio-disabled { - pointer-events: none; -} - -.ui-datepicker { - width: 17em; - padding: .2em .2em 0; - display: none; -} - -.ui-datepicker .ui-datepicker-header { - position: relative; - padding: .2em 0; -} - -.ui-datepicker .ui-datepicker-prev, -.ui-datepicker .ui-datepicker-next { - position: absolute; - top: 2px; - width: 1.8em; - height: 1.8em; -} - -.ui-datepicker .ui-datepicker-prev-hover, -.ui-datepicker .ui-datepicker-next-hover { - top: 1px; -} - -.ui-datepicker .ui-datepicker-prev { - left: 2px; -} - -.ui-datepicker .ui-datepicker-next { - right: 2px; -} - -.ui-datepicker .ui-datepicker-prev-hover { - left: 1px; -} - -.ui-datepicker .ui-datepicker-next-hover { - right: 1px; -} - -.ui-datepicker .ui-datepicker-prev span, -.ui-datepicker .ui-datepicker-next span { - display: block; - position: absolute; - left: 50%; - margin-left: -8px; - top: 50%; - margin-top: -8px; -} - -.ui-datepicker .ui-datepicker-title { - margin: 0 2.3em; - line-height: 1.8em; - text-align: center; -} - -.ui-datepicker .ui-datepicker-title select { - font-size: 1em; - margin: 1px 0; -} - -.ui-datepicker select.ui-datepicker-month, -.ui-datepicker select.ui-datepicker-year { - width: 45%; -} - -.ui-datepicker table { - width: 100%; - font-size: .9em; - border-collapse: collapse; - margin: 0 0 .4em; -} - -.ui-datepicker th { - padding: .7em .3em; - text-align: center; - font-weight: bold; - border: 0; -} - -.ui-datepicker td { - border: 0; - padding: 1px; -} - -.ui-datepicker td span, -.ui-datepicker td a { - display: block; - padding: .2em; - text-align: right; - text-decoration: none; -} - -.ui-datepicker .ui-datepicker-buttonpane { - background-image: none; - margin: .7em 0 0 0; - padding: 0 .2em; - border-left: 0; - border-right: 0; - border-bottom: 0; -} - -.ui-datepicker .ui-datepicker-buttonpane button { - float: right; - margin: .5em .2em .4em; - cursor: pointer; - padding: .2em .6em .3em .6em; - width: auto; - overflow: visible; -} - -.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { - float: left; -} - -/* with multiple calendars */ - -.ui-datepicker.ui-datepicker-multi { - width: auto; -} - -.ui-datepicker-multi .ui-datepicker-group { - float: left; -} - -.ui-datepicker-multi .ui-datepicker-group table { - width: 95%; - margin: 0 auto .4em; -} - -.ui-datepicker-multi-2 .ui-datepicker-group { - width: 50%; -} - -.ui-datepicker-multi-3 .ui-datepicker-group { - width: 33.3%; -} - -.ui-datepicker-multi-4 .ui-datepicker-group { - width: 25%; -} - -.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, -.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { - border-left-width: 0; -} - -.ui-datepicker-multi .ui-datepicker-buttonpane { - clear: left; -} - -.ui-datepicker-row-break { - clear: both; - width: 100%; - font-size: 0; -} - -/* RTL support */ - -.ui-datepicker-rtl { - direction: rtl; -} - -.ui-datepicker-rtl .ui-datepicker-prev { - right: 2px; - left: auto; -} - -.ui-datepicker-rtl .ui-datepicker-next { - left: 2px; - right: auto; -} - -.ui-datepicker-rtl .ui-datepicker-prev:hover { - right: 1px; - left: auto; -} - -.ui-datepicker-rtl .ui-datepicker-next:hover { - left: 1px; - right: auto; -} - -.ui-datepicker-rtl .ui-datepicker-buttonpane { - clear: right; -} - -.ui-datepicker-rtl .ui-datepicker-buttonpane button { - float: left; -} - -.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, -.ui-datepicker-rtl .ui-datepicker-group { - float: right; -} - -.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, -.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { - border-right-width: 0; - border-left-width: 1px; -} - -/* Icons */ - -.ui-datepicker .ui-icon { - display: block; - text-indent: -99999px; - overflow: hidden; - background-repeat: no-repeat; - left: .5em; - top: .3em; -} - -.ui-dialog { - position: absolute; - top: 0; - left: 0; - padding: .2em; - outline: 0; -} - -.ui-dialog .ui-dialog-titlebar { - padding: .4em 1em; - position: relative; -} - -.ui-dialog .ui-dialog-title { - float: left; - margin: .1em 0; - white-space: nowrap; - width: 90%; - overflow: hidden; - text-overflow: ellipsis; -} - -.ui-dialog .ui-dialog-titlebar-close { - position: absolute; - right: .3em; - top: 50%; - width: 20px; - margin: -10px 0 0 0; - padding: 1px; - height: 20px; -} - -.ui-dialog .ui-dialog-content { - position: relative; - border: 0; - padding: .5em 1em; - background: none; - overflow: auto; -} - -.ui-dialog .ui-dialog-buttonpane { - text-align: left; - border-width: 1px 0 0 0; - background-image: none; - margin-top: .5em; - padding: .3em 1em .5em .4em; -} - -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { - float: right; -} - -.ui-dialog .ui-dialog-buttonpane button { - margin: .5em .4em .5em 0; - cursor: pointer; -} - -.ui-dialog .ui-resizable-n { - height: 2px; - top: 0; -} - -.ui-dialog .ui-resizable-e { - width: 2px; - right: 0; -} - -.ui-dialog .ui-resizable-s { - height: 2px; - bottom: 0; -} - -.ui-dialog .ui-resizable-w { - width: 2px; - left: 0; -} - -.ui-dialog .ui-resizable-se, -.ui-dialog .ui-resizable-sw, -.ui-dialog .ui-resizable-ne, -.ui-dialog .ui-resizable-nw { - width: 7px; - height: 7px; -} - -.ui-dialog .ui-resizable-se { - right: 0; - bottom: 0; -} - -.ui-dialog .ui-resizable-sw { - left: 0; - bottom: 0; -} - -.ui-dialog .ui-resizable-ne { - right: 0; - top: 0; -} - -.ui-dialog .ui-resizable-nw { - left: 0; - top: 0; -} - -.ui-draggable .ui-dialog-titlebar { - cursor: move; -} - -.ui-draggable-handle { - -ms-touch-action: none; - touch-action: none; -} - -.ui-resizable { - position: relative; -} - -.ui-resizable-handle { - position: absolute; - font-size: 0.1px; - display: block; - -ms-touch-action: none; - touch-action: none; -} - -.ui-resizable-disabled .ui-resizable-handle, -.ui-resizable-autohide .ui-resizable-handle { - display: none; -} - -.ui-resizable-n { - cursor: n-resize; - height: 7px; - width: 100%; - top: -5px; - left: 0; -} - -.ui-resizable-s { - cursor: s-resize; - height: 7px; - width: 100%; - bottom: -5px; - left: 0; -} - -.ui-resizable-e { - cursor: e-resize; - width: 7px; - right: -5px; - top: 0; - height: 100%; -} - -.ui-resizable-w { - cursor: w-resize; - width: 7px; - left: -5px; - top: 0; - height: 100%; -} - -.ui-resizable-se { - cursor: se-resize; - width: 12px; - height: 12px; - right: 1px; - bottom: 1px; -} - -.ui-resizable-sw { - cursor: sw-resize; - width: 9px; - height: 9px; - left: -5px; - bottom: -5px; -} - -.ui-resizable-nw { - cursor: nw-resize; - width: 9px; - height: 9px; - left: -5px; - top: -5px; -} - -.ui-resizable-ne { - cursor: ne-resize; - width: 9px; - height: 9px; - right: -5px; - top: -5px; -} - -.ui-progressbar { - height: 2em; - text-align: left; - overflow: hidden; -} - -.ui-progressbar .ui-progressbar-value { - margin: -1px; - height: 100%; -} - -.ui-progressbar .ui-progressbar-overlay { - background: url('data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=='); - height: 100%; - filter: alpha(opacity=25); - /* support: IE8 */ - opacity: 0.25; -} - -.ui-progressbar-indeterminate .ui-progressbar-value { - background-image: none; -} - -.ui-selectable { - -ms-touch-action: none; - touch-action: none; -} - -.ui-selectable-helper { - position: absolute; - z-index: 100; - border: 1px dotted black; -} - -.ui-selectmenu-menu { - padding: 0; - margin: 0; - position: absolute; - top: 0; - left: 0; - display: none; -} - -.ui-selectmenu-menu .ui-menu { - overflow: auto; - overflow-x: hidden; - padding-bottom: 1px; -} - -.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { - font-size: 1em; - font-weight: bold; - line-height: 1.5; - padding: 2px 0.4em; - margin: 0.5em 0 0 0; - height: auto; - border: 0; -} - -.ui-selectmenu-open { - display: block; -} - -.ui-selectmenu-text { - display: block; - margin-right: 20px; - overflow: hidden; - text-overflow: ellipsis; -} - -.ui-selectmenu-button.ui-button { - text-align: left; - white-space: nowrap; - width: 14em; -} - -.ui-selectmenu-icon.ui-icon { - float: right; - margin-top: 0; -} - -.ui-slider { - position: relative; - text-align: left; -} - -.ui-slider .ui-slider-handle { - position: absolute; - z-index: 2; - width: 1.2em; - height: 1.2em; - cursor: default; - -ms-touch-action: none; - touch-action: none; -} - -.ui-slider .ui-slider-range { - position: absolute; - z-index: 1; - font-size: .7em; - display: block; - border: 0; - background-position: 0 0; -} - -/* support: IE8 - See #6727 */ - -.ui-slider.ui-state-disabled .ui-slider-handle, -.ui-slider.ui-state-disabled .ui-slider-range { - filter: inherit; -} - -.ui-slider-horizontal { - height: .8em; -} - -.ui-slider-horizontal .ui-slider-handle { - top: -.3em; - margin-left: -.6em; -} - -.ui-slider-horizontal .ui-slider-range { - top: 0; - height: 100%; -} - -.ui-slider-horizontal .ui-slider-range-min { - left: 0; -} - -.ui-slider-horizontal .ui-slider-range-max { - right: 0; -} - -.ui-slider-vertical { - width: .8em; - height: 100px; -} - -.ui-slider-vertical .ui-slider-handle { - left: -.3em; - margin-left: 0; - margin-bottom: -.6em; -} - -.ui-slider-vertical .ui-slider-range { - left: 0; - width: 100%; -} - -.ui-slider-vertical .ui-slider-range-min { - bottom: 0; -} - -.ui-slider-vertical .ui-slider-range-max { - top: 0; -} - -.ui-sortable-handle { - -ms-touch-action: none; - touch-action: none; -} - -.ui-spinner { - position: relative; - display: inline-block; - overflow: hidden; - padding: 0; - vertical-align: middle; -} - -.ui-spinner-input { - border: none; - background: none; - color: inherit; - padding: .222em 0; - margin: .2em 0; - vertical-align: middle; - margin-left: .4em; - margin-right: 2em; -} - -.ui-spinner-button { - width: 1.6em; - height: 50%; - font-size: .5em; - padding: 0; - margin: 0; - text-align: center; - position: absolute; - cursor: default; - display: block; - overflow: hidden; - right: 0; -} - -/* more specificity required here to override default borders */ - -.ui-spinner a.ui-spinner-button { - border-top-style: none; - border-bottom-style: none; - border-right-style: none; -} - -.ui-spinner-up { - top: 0; -} - -.ui-spinner-down { - bottom: 0; -} - -.ui-tabs { - position: relative; - /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as 'fixed') */ - padding: .2em; -} - -.ui-tabs .ui-tabs-nav { - margin: 0; - padding: .2em .2em 0; -} - -.ui-tabs .ui-tabs-nav li { - list-style: none; - float: left; - position: relative; - top: 0; - margin: 1px .2em 0 0; - border-bottom-width: 0; - padding: 0; - white-space: nowrap; -} - -.ui-tabs .ui-tabs-nav .ui-tabs-anchor { - float: left; - padding: .5em 1em; - text-decoration: none; -} - -.ui-tabs .ui-tabs-nav li.ui-tabs-active { - margin-bottom: -1px; - padding-bottom: 1px; -} - -.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, -.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, -.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { - cursor: text; -} - -.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { - cursor: pointer; -} - -.ui-tabs .ui-tabs-panel { - display: block; - border-width: 0; - padding: 1em 1.4em; - background: none; -} - -.ui-tooltip { - padding: 8px; - position: absolute; - z-index: 9999; - max-width: 500px; -} - -body .ui-tooltip { - border-width: 2px; -} - -/* Component containers -----------------------------------*/ - -.ui-widget { - font-size: 1em; -} - -.ui-widget .ui-widget { - font-size: 1em; -} - -.ui-widget input, -.ui-widget select, -.ui-widget textarea, -.ui-widget button { - font-size: 1em; -} - -.ui-widget.ui-widget-content { - border: 1px solid #c5c5c5; -} - -.ui-widget-content { - border: 1px solid #dddddd; - background: #ffffff; - color: #333333; -} - -.ui-widget-content a { - color: #333333; -} - -.ui-widget-header { - border: 1px solid #dddddd; - background: #e9e9e9; - color: #333333; - font-weight: bold; -} - -.ui-widget-header a { - color: #333333; -} - -/* Interaction states -----------------------------------*/ - -.ui-state-default, -.ui-widget-content .ui-state-default, -.ui-widget-header .ui-state-default, -.ui-button, -/* We use html here because we need a greater specificity to make sure disabled -works properly when clicked or hovered */ - -html .ui-button.ui-state-disabled:hover, -html .ui-button.ui-state-disabled:active { - border: 1px solid #c5c5c5; - background: #f6f6f6; - font-weight: normal; - color: #454545; -} - -.ui-state-default a, -.ui-state-default a:link, -.ui-state-default a:visited, -a.ui-button, -a:link.ui-button, -a:visited.ui-button, -.ui-button { - color: #454545; - text-decoration: none; -} - -.ui-state-hover, -.ui-widget-content .ui-state-hover, -.ui-widget-header .ui-state-hover, -.ui-state-focus, -.ui-widget-content .ui-state-focus, -.ui-widget-header .ui-state-focus, -.ui-button:hover, -.ui-button:focus { - border: 1px solid #cccccc; - background: #ededed; - font-weight: normal; - color: #2b2b2b; -} - -.ui-state-hover a, -.ui-state-hover a:hover, -.ui-state-hover a:link, -.ui-state-hover a:visited, -.ui-state-focus a, -.ui-state-focus a:hover, -.ui-state-focus a:link, -.ui-state-focus a:visited, -a.ui-button:hover, -a.ui-button:focus { - color: #2b2b2b; - text-decoration: none; -} - -.ui-visual-focus { - box-shadow: 0 0 3px 1px rgb(94, 158, 214); -} - -.ui-state-active, -.ui-widget-content .ui-state-active, -.ui-widget-header .ui-state-active, -a.ui-button:active, -.ui-button:active, -.ui-button.ui-state-active:hover { - border: 1px solid #003eff; - background: #007fff; - font-weight: normal; - color: #ffffff; -} - -.ui-icon-background, -.ui-state-active .ui-icon-background { - border: #003eff; - background-color: #ffffff; -} - -.ui-state-active a, -.ui-state-active a:link, -.ui-state-active a:visited { - color: #ffffff; - text-decoration: none; -} - -/* Interaction Cues -----------------------------------*/ - -.ui-state-highlight, -.ui-widget-content .ui-state-highlight, -.ui-widget-header .ui-state-highlight { - border: 1px solid #dad55e; - background: #fffa90; - color: #777620; -} - -.ui-state-checked { - border: 1px solid #dad55e; - background: #fffa90; -} - -.ui-state-highlight a, -.ui-widget-content .ui-state-highlight a, -.ui-widget-header .ui-state-highlight a { - color: #777620; -} - -.ui-state-error, -.ui-widget-content .ui-state-error, -.ui-widget-header .ui-state-error { - border: 1px solid #f1a899; - background: #fddfdf; - color: #5f3f3f; -} - -.ui-state-error a, -.ui-widget-content .ui-state-error a, -.ui-widget-header .ui-state-error a { - color: #5f3f3f; -} - -.ui-state-error-text, -.ui-widget-content .ui-state-error-text, -.ui-widget-header .ui-state-error-text { - color: #5f3f3f; -} - -.ui-priority-primary, -.ui-widget-content .ui-priority-primary, -.ui-widget-header .ui-priority-primary { - font-weight: bold; -} - -.ui-priority-secondary, -.ui-widget-content .ui-priority-secondary, -.ui-widget-header .ui-priority-secondary { - opacity: .7; - filter: Alpha(Opacity=70); - /* support: IE8 */ - font-weight: normal; -} - -.ui-state-disabled, -.ui-widget-content .ui-state-disabled, -.ui-widget-header .ui-state-disabled { - opacity: .35; - filter: Alpha(Opacity=35); - /* support: IE8 */ - background-image: none; -} - -.ui-state-disabled .ui-icon { - filter: Alpha(Opacity=35); - /* support: IE8 - See #6059 */ -} - -/* Icons -----------------------------------*/ - -.ui-icon { - width: 16px; - height: 16px; - display: inline-block; - vertical-align: middle; - margin-top: -.25em; - position: relative; - text-indent: -99999px; - overflow: hidden; - background-repeat: no-repeat; -} - -.ui-widget-icon-block { - left: 50%; - margin-left: -8px; - display: block; -} - -/* states and images */ - -.ui-icon, -.ui-widget-content .ui-icon { - background-image: url('images/ui-icons_444444_256x240.png'); -} - -.ui-widget-header .ui-icon { - background-image: url('images/ui-icons_444444_256x240.png'); -} - -.ui-state-hover .ui-icon, -.ui-state-focus .ui-icon, -.ui-button:hover .ui-icon, -.ui-button:focus .ui-icon { - background-image: url('images/ui-icons_555555_256x240.png'); -} - -.ui-state-active .ui-icon, -.ui-button:active .ui-icon { - background-image: url('images/ui-icons_ffffff_256x240.png'); -} - -.ui-state-highlight .ui-icon, -.ui-button .ui-state-highlight.ui-icon { - background-image: url('images/ui-icons_777620_256x240.png'); -} - -.ui-state-error .ui-icon, -.ui-state-error-text .ui-icon { - background-image: url('images/ui-icons_cc0000_256x240.png'); -} - -.ui-button .ui-icon { - background-image: url('images/ui-icons_777777_256x240.png'); -} - -/* positioning */ - -.ui-icon-blank { - background-position: 16px 16px; -} - -.ui-icon-caret-1-n { - background-position: 0 0; -} - -.ui-icon-caret-1-ne { - background-position: -16px 0; -} - -.ui-icon-caret-1-e { - background-position: -32px 0; -} - -.ui-icon-caret-1-se { - background-position: -48px 0; -} - -.ui-icon-caret-1-s { - background-position: -65px 0; -} - -.ui-icon-caret-1-sw { - background-position: -80px 0; -} - -.ui-icon-caret-1-w { - background-position: -96px 0; -} - -.ui-icon-caret-1-nw { - background-position: -112px 0; -} - -.ui-icon-caret-2-n-s { - background-position: -128px 0; -} - -.ui-icon-caret-2-e-w { - background-position: -144px 0; -} - -.ui-icon-triangle-1-n { - background-position: 0 -16px; -} - -.ui-icon-triangle-1-ne { - background-position: -16px -16px; -} - -.ui-icon-triangle-1-e { - background-position: -32px -16px; -} - -.ui-icon-triangle-1-se { - background-position: -48px -16px; -} - -.ui-icon-triangle-1-s { - background-position: -65px -16px; -} - -.ui-icon-triangle-1-sw { - background-position: -80px -16px; -} - -.ui-icon-triangle-1-w { - background-position: -96px -16px; -} - -.ui-icon-triangle-1-nw { - background-position: -112px -16px; -} - -.ui-icon-triangle-2-n-s { - background-position: -128px -16px; -} - -.ui-icon-triangle-2-e-w { - background-position: -144px -16px; -} - -.ui-icon-arrow-1-n { - background-position: 0 -32px; -} - -.ui-icon-arrow-1-ne { - background-position: -16px -32px; -} - -.ui-icon-arrow-1-e { - background-position: -32px -32px; -} - -.ui-icon-arrow-1-se { - background-position: -48px -32px; -} - -.ui-icon-arrow-1-s { - background-position: -65px -32px; -} - -.ui-icon-arrow-1-sw { - background-position: -80px -32px; -} - -.ui-icon-arrow-1-w { - background-position: -96px -32px; -} - -.ui-icon-arrow-1-nw { - background-position: -112px -32px; -} - -.ui-icon-arrow-2-n-s { - background-position: -128px -32px; -} - -.ui-icon-arrow-2-ne-sw { - background-position: -144px -32px; -} - -.ui-icon-arrow-2-e-w { - background-position: -160px -32px; -} - -.ui-icon-arrow-2-se-nw { - background-position: -176px -32px; -} - -.ui-icon-arrowstop-1-n { - background-position: -192px -32px; -} - -.ui-icon-arrowstop-1-e { - background-position: -208px -32px; -} - -.ui-icon-arrowstop-1-s { - background-position: -224px -32px; -} - -.ui-icon-arrowstop-1-w { - background-position: -240px -32px; -} - -.ui-icon-arrowthick-1-n { - background-position: 1px -48px; -} - -.ui-icon-arrowthick-1-ne { - background-position: -16px -48px; -} - -.ui-icon-arrowthick-1-e { - background-position: -32px -48px; -} - -.ui-icon-arrowthick-1-se { - background-position: -48px -48px; -} - -.ui-icon-arrowthick-1-s { - background-position: -64px -48px; -} - -.ui-icon-arrowthick-1-sw { - background-position: -80px -48px; -} - -.ui-icon-arrowthick-1-w { - background-position: -96px -48px; -} - -.ui-icon-arrowthick-1-nw { - background-position: -112px -48px; -} - -.ui-icon-arrowthick-2-n-s { - background-position: -128px -48px; -} - -.ui-icon-arrowthick-2-ne-sw { - background-position: -144px -48px; -} - -.ui-icon-arrowthick-2-e-w { - background-position: -160px -48px; -} - -.ui-icon-arrowthick-2-se-nw { - background-position: -176px -48px; -} - -.ui-icon-arrowthickstop-1-n { - background-position: -192px -48px; -} - -.ui-icon-arrowthickstop-1-e { - background-position: -208px -48px; -} - -.ui-icon-arrowthickstop-1-s { - background-position: -224px -48px; -} - -.ui-icon-arrowthickstop-1-w { - background-position: -240px -48px; -} - -.ui-icon-arrowreturnthick-1-w { - background-position: 0 -64px; -} - -.ui-icon-arrowreturnthick-1-n { - background-position: -16px -64px; -} - -.ui-icon-arrowreturnthick-1-e { - background-position: -32px -64px; -} - -.ui-icon-arrowreturnthick-1-s { - background-position: -48px -64px; -} - -.ui-icon-arrowreturn-1-w { - background-position: -64px -64px; -} - -.ui-icon-arrowreturn-1-n { - background-position: -80px -64px; -} - -.ui-icon-arrowreturn-1-e { - background-position: -96px -64px; -} - -.ui-icon-arrowreturn-1-s { - background-position: -112px -64px; -} - -.ui-icon-arrowrefresh-1-w { - background-position: -128px -64px; -} - -.ui-icon-arrowrefresh-1-n { - background-position: -144px -64px; -} - -.ui-icon-arrowrefresh-1-e { - background-position: -160px -64px; -} - -.ui-icon-arrowrefresh-1-s { - background-position: -176px -64px; -} - -.ui-icon-arrow-4 { - background-position: 0 -80px; -} - -.ui-icon-arrow-4-diag { - background-position: -16px -80px; -} - -.ui-icon-extlink { - background-position: -32px -80px; -} - -.ui-icon-newwin { - background-position: -48px -80px; -} - -.ui-icon-refresh { - background-position: -64px -80px; -} - -.ui-icon-shuffle { - background-position: -80px -80px; -} - -.ui-icon-transfer-e-w { - background-position: -96px -80px; -} - -.ui-icon-transferthick-e-w { - background-position: -112px -80px; -} - -.ui-icon-folder-collapsed { - background-position: 0 -96px; -} - -.ui-icon-folder-open { - background-position: -16px -96px; -} - -.ui-icon-document { - background-position: -32px -96px; -} - -.ui-icon-document-b { - background-position: -48px -96px; -} - -.ui-icon-note { - background-position: -64px -96px; -} - -.ui-icon-mail-closed { - background-position: -80px -96px; -} - -.ui-icon-mail-open { - background-position: -96px -96px; -} - -.ui-icon-suitcase { - background-position: -112px -96px; -} - -.ui-icon-comment { - background-position: -128px -96px; -} - -.ui-icon-person { - background-position: -144px -96px; -} - -.ui-icon-print { - background-position: -160px -96px; -} - -.ui-icon-trash { - background-position: -176px -96px; -} - -.ui-icon-locked { - background-position: -192px -96px; -} - -.ui-icon-unlocked { - background-position: -208px -96px; -} - -.ui-icon-bookmark { - background-position: -224px -96px; -} - -.ui-icon-tag { - background-position: -240px -96px; -} - -.ui-icon-home { - background-position: 0 -112px; -} - -.ui-icon-flag { - background-position: -16px -112px; -} - -.ui-icon-calendar { - background-position: -32px -112px; -} - -.ui-icon-cart { - background-position: -48px -112px; -} - -.ui-icon-pencil { - background-position: -64px -112px; -} - -.ui-icon-clock { - background-position: -80px -112px; -} - -.ui-icon-disk { - background-position: -96px -112px; -} - -.ui-icon-calculator { - background-position: -112px -112px; -} - -.ui-icon-zoomin { - background-position: -128px -112px; -} - -.ui-icon-zoomout { - background-position: -144px -112px; -} - -.ui-icon-search { - background-position: -160px -112px; -} - -.ui-icon-wrench { - background-position: -176px -112px; -} - -.ui-icon-gear { - background-position: -192px -112px; -} - -.ui-icon-heart { - background-position: -208px -112px; -} - -.ui-icon-star { - background-position: -224px -112px; -} - -.ui-icon-link { - background-position: -240px -112px; -} - -.ui-icon-cancel { - background-position: 0 -128px; -} - -.ui-icon-plus { - background-position: -16px -128px; -} - -.ui-icon-plusthick { - background-position: -32px -128px; -} - -.ui-icon-minus { - background-position: -48px -128px; -} - -.ui-icon-minusthick { - background-position: -64px -128px; -} - -.ui-icon-close { - background-position: -80px -128px; -} - -.ui-icon-closethick { - background-position: -96px -128px; -} - -.ui-icon-key { - background-position: -112px -128px; -} - -.ui-icon-lightbulb { - background-position: -128px -128px; -} - -.ui-icon-scissors { - background-position: -144px -128px; -} - -.ui-icon-clipboard { - background-position: -160px -128px; -} - -.ui-icon-copy { - background-position: -176px -128px; -} - -.ui-icon-contact { - background-position: -192px -128px; -} - -.ui-icon-image { - background-position: -208px -128px; -} - -.ui-icon-video { - background-position: -224px -128px; -} - -.ui-icon-script { - background-position: -240px -128px; -} - -.ui-icon-alert { - background-position: 0 -144px; -} - -.ui-icon-info { - background-position: -16px -144px; -} - -.ui-icon-notice { - background-position: -32px -144px; -} - -.ui-icon-help { - background-position: -48px -144px; -} - -.ui-icon-check { - background-position: -64px -144px; -} - -.ui-icon-bullet { - background-position: -80px -144px; -} - -.ui-icon-radio-on { - background-position: -96px -144px; -} - -.ui-icon-radio-off { - background-position: -112px -144px; -} - -.ui-icon-pin-w { - background-position: -128px -144px; -} - -.ui-icon-pin-s { - background-position: -144px -144px; -} - -.ui-icon-play { - background-position: 0 -160px; -} - -.ui-icon-pause { - background-position: -16px -160px; -} - -.ui-icon-seek-next { - background-position: -32px -160px; -} - -.ui-icon-seek-prev { - background-position: -48px -160px; -} - -.ui-icon-seek-end { - background-position: -64px -160px; -} - -.ui-icon-seek-start { - background-position: -80px -160px; -} - -/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ - -.ui-icon-seek-first { - background-position: -80px -160px; -} - -.ui-icon-stop { - background-position: -96px -160px; -} - -.ui-icon-eject { - background-position: -112px -160px; -} - -.ui-icon-volume-off { - background-position: -128px -160px; -} - -.ui-icon-volume-on { - background-position: -144px -160px; -} - -.ui-icon-power { - background-position: 0 -176px; -} - -.ui-icon-signal-diag { - background-position: -16px -176px; -} - -.ui-icon-signal { - background-position: -32px -176px; -} - -.ui-icon-battery-0 { - background-position: -48px -176px; -} - -.ui-icon-battery-1 { - background-position: -64px -176px; -} - -.ui-icon-battery-2 { - background-position: -80px -176px; -} - -.ui-icon-battery-3 { - background-position: -96px -176px; -} - -.ui-icon-circle-plus { - background-position: 0 -192px; -} - -.ui-icon-circle-minus { - background-position: -16px -192px; -} - -.ui-icon-circle-close { - background-position: -32px -192px; -} - -.ui-icon-circle-triangle-e { - background-position: -48px -192px; -} - -.ui-icon-circle-triangle-s { - background-position: -64px -192px; -} - -.ui-icon-circle-triangle-w { - background-position: -80px -192px; -} - -.ui-icon-circle-triangle-n { - background-position: -96px -192px; -} - -.ui-icon-circle-arrow-e { - background-position: -112px -192px; -} - -.ui-icon-circle-arrow-s { - background-position: -128px -192px; -} - -.ui-icon-circle-arrow-w { - background-position: -144px -192px; -} - -.ui-icon-circle-arrow-n { - background-position: -160px -192px; -} - -.ui-icon-circle-zoomin { - background-position: -176px -192px; -} - -.ui-icon-circle-zoomout { - background-position: -192px -192px; -} - -.ui-icon-circle-check { - background-position: -208px -192px; -} - -.ui-icon-circlesmall-plus { - background-position: 0 -208px; -} - -.ui-icon-circlesmall-minus { - background-position: -16px -208px; -} - -.ui-icon-circlesmall-close { - background-position: -32px -208px; -} - -.ui-icon-squaresmall-plus { - background-position: -48px -208px; -} - -.ui-icon-squaresmall-minus { - background-position: -64px -208px; -} - -.ui-icon-squaresmall-close { - background-position: -80px -208px; -} - -.ui-icon-grip-dotted-vertical { - background-position: 0 -224px; -} - -.ui-icon-grip-dotted-horizontal { - background-position: -16px -224px; -} - -.ui-icon-grip-solid-vertical { - background-position: -32px -224px; -} - -.ui-icon-grip-solid-horizontal { - background-position: -48px -224px; -} - -.ui-icon-gripsmall-diagonal-se { - background-position: -64px -224px; -} - -.ui-icon-grip-diagonal-se { - background-position: -80px -224px; -} - -/* Misc visuals -----------------------------------*/ - -/* Corner radius */ - -.ui-corner-all, -.ui-corner-top, -.ui-corner-left, -.ui-corner-tl { - border-top-left-radius: 3px; -} - -.ui-corner-all, -.ui-corner-top, -.ui-corner-right, -.ui-corner-tr { - border-top-right-radius: 3px; -} - -.ui-corner-all, -.ui-corner-bottom, -.ui-corner-left, -.ui-corner-bl { - border-bottom-left-radius: 3px; -} - -.ui-corner-all, -.ui-corner-bottom, -.ui-corner-right, -.ui-corner-br { - border-bottom-right-radius: 3px; -} - -/* Overlays */ - -.ui-widget-overlay { - background: #aaaaaa; - opacity: .3; - filter: Alpha(Opacity=30); - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -.ui-widget-shadow { - -webkit-box-shadow: 0px 0px 5px #666666; - box-shadow: 0px 0px 5px #666666; -} diff --git a/app/assets/v2/css/jquery.modal.min.css b/app/assets/v2/css/jquery.modal.min.css deleted file mode 100644 index fb9f0ebc36c..00000000000 --- a/app/assets/v2/css/jquery.modal.min.css +++ /dev/null @@ -1 +0,0 @@ -.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:99;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.jquery-modal .modal{display:inline-block;vertical-align:middle;position:relative;z-index:2;max-width:900px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.jquery-modal .modal a.close-modal{position:absolute;top:-2.5px;right:-4.5px;display:block;width:30px;height:30px;text-indent:-9999px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lgwYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=") no-repeat 0 0}.modal-spinner{display:none;width:64px;height:64px;position:fixed;top:50%;left:50%;margin-right:-32px;margin-top:-32px;background:url("data:image/gif;base64,R0lGODlhIAAgAPMAABEREf///0VFRYKCglRUVG5ubsvLy62trTQ0NCkpKU5OTuLi4vr6+gAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==") #111 no-repeat center center;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px} diff --git a/app/assets/v2/css/jquery.select2.min.css b/app/assets/v2/css/jquery.select2.min.css deleted file mode 100755 index 7c18ad59dfc..00000000000 --- a/app/assets/v2/css/jquery.select2.min.css +++ /dev/null @@ -1 +0,0 @@ -.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} diff --git a/app/assets/v2/css/kudos/styles.css b/app/assets/v2/css/kudos/styles.css deleted file mode 100644 index a9f5002addf..00000000000 --- a/app/assets/v2/css/kudos/styles.css +++ /dev/null @@ -1,725 +0,0 @@ -.box-transaction { - max-width: 35rem; - margin: auto; - background: #fff; - z-index: 2; - position: relative; - padding: 1em 3em 3em 3em; } - -.transaction { - background-color: #0d023b; - background-image: -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("/static/v2/images/header-bg.png"); - background-image: -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("/static/v2/images/header-bg.png"); - background-image: -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("/static/v2/images/header-bg.png"); - background-image: linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("/static/v2/images/header-bg.png"); - background-repeat: no-repeat; - background-size: cover; - background-position: center center; - background-attachment: fixed; } - -.alert_msg { - top: 0px; - width: 100%; - z-index: 99999; - background-color: #f44336; - color: white; - position: fixed; - text-align: center; } - -.alert_msg.info { - background-color: #2196F3; } - -.line-back { - position: relative; - display: block; } -.line-back:before { - content: ''; - display: block; - position: absolute; - top: 50%; - left: -3em; - width: calc(100% + 6em); - height: 1px; - z-index: -1; - background: #c8cccf; } - -.copyright a { - color: white; } - -[data-rangeslider] { - -webkit-appearance: none; - width: 100%; - height: 2px; - background: #0D0764; - outline: none; - margin: 1rem 0; } -[data-rangeslider]::-webkit-slider-thumb { - -webkit-appearance: none; - appearance: none; - width: 18px; - height: 18px; - border-radius: 50px; - background: #0D0764; - cursor: pointer; - transition: .1s all linear; } -[data-rangeslider]:hover::-webkit-slider-thumb { - width: 22px; - height: 22px; } -[data-rangeslider]:focus::-webkit-slider-thumb { - width: 26px; - height: 26px; - border-radius: 50px 50px 4px; - transform: rotate(45deg); - margin-bottom: 50px; } - -.select2 { - width: 100%; - max-width: 100%; -} - -.select2-container--bootstrap4 { - border: 1px solid #ced4da; - padding: 0.25em; - border-radius: .25rem; } - -.select2-container--bootstrap4.select2-container--disabled { - background-color: #e9ecef; - opacity: 1; } - -.select2-container--bootstrap4.select2-container--open .select2-selection .select2-selection__arrow b { - border-color: transparent transparent #6c757d transparent; - border-width: 0 0.45rem 0.45rem 0.45rem; } - -.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { - position: absolute; - bottom: 0; - right: 0.375rem; - top: 0; - width: 0.85rem; } - -.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b { - border-color: #6c757d transparent transparent transparent; - border-style: solid; - border-width: 0.45rem 0.45rem 0 0.45rem; - height: 0; - left: 0; - position: absolute; - top: 0; - bottom: 0; - width: 0; - border-radius: 4px; - margin: auto; } - -.select2-container--bootstrap4 .select2-search--dropdown .select2-search__field { - border-radius: 4px; - border: 1px solid #7777; } - -.select2-container--open .select2-dropdown.select2-dropdown--below { - top: -3px; - left: -1px; } - -.select2-container--open .select2-dropdown.select2-dropdown--above { - top: 1px; - left: -1px; } - -.select2-container--bootstrap4 .select2-dropdown { - border-color: #ced4da; } - -.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] { - background-color: #5897fb; - color: white; } - -.kd-card { - position: relative; } -.kd-card.ghost { - -webkit-filter: grayscale(1); - filter: grayscale(1); - opacity: 0.4; } -.kd-card.gold .img-thumbnail { - border-image: linear-gradient(to bottom, rgba(255, 193, 7, 0.5), rgba(169, 116, 21, 0.5)); - border-image-slice: 1; } -.kd-card .img-thumbnail { - width: 100%; - padding: 1.25rem 2.14rem; - transition: all linear .15s; - background-image: url(data:image/gif;base64,R0lGODlhHgAeAKUAAAQCBISGhMTGxERCROTm5GRmZKyurCQmJNTW1FRSVJyanPT29HR2dLy6vDQ2NIyOjMzOzExKTOzu7GxubNze3FxaXLS2tDQyNKSipPz+/Hx+fMTCxDw+PBwaHIyKjMzKzERGROzq7GxqbLSytCwqLNza3FRWVJyenPz6/Hx6fLy+vDw6PJSSlNTS1ExOTPTy9HRydOTi5FxeXP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAzACwAAAAAHgAeAAAG/sCZcEgcLmCwRXHJFKJexFbEVSJKlE0iSjOJDVuuCOLLqaCyxknBkxFKXeNZRnbhYNGzUaHwcYfjIxcXJ3hDKAwFKUpvYwsgFy53SyhnQx97IzNgEVUsgipEC5UzKCwBG5UZHgUTLxICG64rFwVtMy8PBwNYCwEaGiwIZxQsIUsUE1UoBg4dHQdQQjEKGikaJwRyTW0QJs4dLhBFGRAPvxi22xXOFwajRSgNAcZ4CAcB0WiSaPTwIQT//r1DQ0CAQYMfXhhQwLAhhUJCDACYSNGBARYNMT6EKJHiRAcoCIgUGWJflhAHEebTAnGGyUkILKxs8sJCiYFDMsRoMGLEjod0TDIIGGGgQQygMyRsIDpCgARtQW9tsEDUqSGqI1QQaCMh4ZIXAqDo5DnCQiUUKmymWmp2gUgUC6gKsIUipop0Gd4R6DlGQs+nCHpmM4RUS4OiZ/yOeBrPwN2WMUcMDmFgsbSeVQqhkGsrBNGncjYYsFB4SYa0oJP+HSKhwWPN7zwbSE2qNES0AnAyCQIAIfkECQkANAAsAAAAAB4AHgCFBAIEhIKExMLEREJE5OLkpKakZGJkJCIk1NLU9PL0lJKUVFZUtLa0dHJ0FBIUjIqMzMrMTEpM7OrsrK6sbGpsNDI03Nrc/Pr8nJqcXF5cvL68HBocDA4MhIaExMbEREZE5ObkrKqsZGZkLC4s1NbU9Pb0XFpcvLq8fH58jI6MzM7MTE5M7O7stLK0bG5sPD483N7c/P78nJ6cHB4c////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv5AmnBIHJY6j1JxyRRelEOLQQQjJqDN4UXRAUVFhqrQsqBcssYOShYbT8WXRmRxRgsFqIBqLKIKTysRIXZGKSgpZ1JhNCUZESJYSzF1Qgh5JzQWfVUygR5EJZQXITIqdTEYKB0lCSoQCSwmESh1JRgvJlAlMhgYBTBtBAUSSwQoFjQxJxEjFS8JQxITCr0txG1MbQgiFc0GJEUxFgW9DNhNMRTdK+ZNJR4yLIQWLxiR7oRC8ksXLP7+V/LRYAHBlcEEAlooXOglH4MNDjZI3BBBg8IJLTA2JPRwYsQV/f7BomRHgkEPKlRA4yeQmJ0LJBisRIOAA4qZ4QicUAjhXJK2DwAAzChAcmBCjB7k+STSBsKLoABeQNDCQKEGEG0I4hSSwAO0CwVmBOWw74IGBhZOJWTwBASIJ1U9YEuAgkMFLJOIgFAIjoVCeSQUbqQRsMmFExNOnPHbQt7hCRqWZonZoqG0xkIIKERG6EJcbBIy7oshYEI7OzHO7hv4dwiLE5HzXSAZesJqGhckCzTroWiTIAAh+QQJCQA3ACwAAAAAHgAeAIUEAgSEgoTEwsREQkTk4uSkoqRkYmQkIiTU0tRUUlT08vS0srQ0MjSUkpR0dnQUEhTMysxMSkzs6uysqqwsKizc2txcWlz8+vy8uryMjoxsbmw8Ojycmpx8fnwMDgyEhoTExsRERkTk5uSkpqRkZmQkJiTU1tRUVlT09vS0trQ0NjR8enwcGhzMzsxMTkzs7uysrqwsLizc3txcXlz8/vy8vrycnpz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/sCbcEgcojgcVHHJFF6UQ0KnQyCiLs3iZWKTDGWdQFUo0wSwWaeNA6MJCSuq80PSoNM3CLJCno5BJCQYeEMXIxwjWGByKA4GK3dLNJEVHA0tN1JiNzCBmEZ3FzUpFWg0MBw2KAoICKsaBg1oKBMJdk4pCws1Im4SKQpLIg1VFwIGES4nwUIvAjC6IMFuTG4VDi4uEQ58RDQEGNAg1E00KxERMwLkWibAhAQnI1BpkWkvTBcv+/z2WS+tWrQyoUCAroMLRBASUoNBDBUxGDCYUUMXjFwJF95oKFFiDAP6+O3z1wSgwBYmXOXT6AXPBXfM0pgokSFmkW8YdEFgJ8kClosHKtoUcbZAHD6eQ9y0SMCiaYJPNy5g5OXmBQSbQkxEwHQBhooHLEowE0XKlMEUT0SIuCDiAYAQ1BRkKDGA3iQiInSZuPFCF74VAABMIKKApJNwGLD0XYDvBQsAB+jhcZfxhgRo+G7YCPxhodQF44RIKJr5ggoAHiSXG5WZr98hEDwwUN3kQqTRMFpbxqoxag0QhosEAQAh+QQJCQAwACwAAAAAHgAeAIUEAgSEgoTEwsREQkTk4uSkoqRkZmTU0tT08vQkJiSUkpS0srR0dnRUVlQ0NjSMiozMyszs6uzc2tz8+vy8urxMSkysqqxsbmycmpx8fnw8PjwcGhyEhoTExsTk5uTU1tT09vQ0MjSUlpS0trR8enxcWlw8OjyMjozMzszs7uzc3tz8/vy8vrxMTkysrqx0cnT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/kCYcEgcTlyuSXHJFE6UQw8G4yGCoM3hijVCREXUIYEjWmWNo4XADJOGYStMhoM9S1wLglAqighRGQECZ0QTLAsUSm5VEyckJ3VFK3UECy4SbWB+FBkZH4VYhiMSUCsdCyMTICoqIAgcGQVsEwsXASBOaQssHmYpEF5FEQVVKxAMBgYXwTApAngLHV5sS2YqD8kGDyqSBBR4HdRMKwrJLxCRRh9dhDAEFwu4hOlNzIUp+Pn0TCkSHx/+JIAQsKCgwSrtYHSo0KICwwovDlnShbBdh4YtML6YkE9fwmYB/wlksm9JinYT1tlrIkEDBnnVvBWEIK7ahRAhKoyo6cxShrSTNbXAOGAAZwgDn3IV5OUL2BIJJQ7AmDCiAk4NwUSRErKCYCoPSCJESLChARsQIjQ0wDKJiIeCnwQAANABBocNGxZYKTnhWyIYLObWRRBigwOYhNYtQCiXrhALeE8kpBqNTWDHUytsSIC4yZYRJ4U0rvsnwYCSoIiMJpKi88dmIRysbBIEACH5BAkJADQALAAAAAAeAB4AhQQCBISChMTCxERGRKSipOTi5GRmZCwqLJSSlNTS1LSytPTy9FRWVBQSFHx6fIyKjMzKzKyqrOzq7JyanNza3Ly6vPz6/FxeXExOTGxubDw+PBwaHAwODISGhMTGxExKTKSmpOTm5GxqbDQyNJSWlNTW1LS2tPT29FxaXHx+fIyOjMzOzKyurOzu7JyenNze3Ly+vPz+/GRiZBweHP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+QJpwSBxaBAJLcckUWpRDCcvUIp6gzWEMZloMWwpFVShxRWJZo0khQNOkYmGMNXFh0xSWoiAEx2kUExMraUQWMAoVSmAsVRYEJCB3RTF3BQosFG8KVDQQJBMvhliHJhRQMR6cFichIRYLLhMKbocdJFAWawowIWgtEF5FLSYSNDEJKikBHSdfAnoKHl5uS2ghLinLE3xEMQUVeh7VTDEEDgEPCZNGJV2FbwEwzoXsTcJFFi37/PZMCy8oBHzx4oSAMAgVhIAnZIUMAwYeyniACNOuhQxXQNxo4IE+fvv8LVlAoWTJgkxEDoNnwR2+LC8YSGryrUIYCOSsBfiAQQaVjJwtDoqrklMLIAcfeDrQ5GRXLzQQMDAl8iKDpkMGkjKgV+qUEw0AOLSQYIKKBA0jREA5AYKBWi13QAAAkMLThg0QaCAYMQKGFZELZgCY4cVDgw2EFgwYgYEevABzQQjxcJcQDQV8XTBswQGABiiUG1i2cGGEBsdZLBzgkHdy5SErNDBQOWTBGNeiiSxAzfALz5dZggAAIfkECQkANwAsAAAAAB4AHgCFBAIEhIKExMLEREJE5OLkpKKkZGJkJCIk1NLU9PL0tLK0lJKUdHJ0NDI0VFJUHBocjIqMzMrM7OrsrKqs3Nrc/Pr8vLq8fHp8PDo8TEpMbG5sLCosnJqcXF5cDA4MhIaExMbE5ObkpKakZGZkJCYk1NbU9Pb0tLa0dHZ0NDY0VFZUHB4cjI6MzM7M7O7srK6s3N7c/P78vL68fH58PD48TE5MnJ6c////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv7Am3BIHFYEgkpxyRRWlEPJ6+QiVmLNYkx2SgxdCkVV6DoJsFnnSXEWSsXCmEBxgqZvlJeCQA6PCWEUd0YyChZKYC9VFRYvMnZLMZCAL4ISdFUlYSFWaDcVXBRQMSB0FSYhIaeNIGgVLRwTUBVrCjIhWC4RXkUJIF4xFCIcCzZ2LgJ6Cr83nlo3l8QcJxJaBI3LzpEKxCIw2kYlXYMuNi2QTehZJkwVLu/w6k0JBPX2JnNh+pyDNyUzAANyKKRgyqZ+/gIEDHCBgzt47+QxoWevHrsl1frxSpPggocSg0JoUHBxSYUCDwAAqAGOSIwFBkagiKANBAaVAAa0aNYEC5YBCCNGGIAAI4oHlStk3WjRoWgRAjMExYiAIigDXgk2eAhwsYKDByTeybDgIoGDDDNmKdCQdoiJjTdePHgAYWmDBghu2MhQQwARExJvJEjxoAG7Fnd3muiQYUTgIizmvhDSYgNeITIyZJigkcSDGlAQX/6EIoOKx0JM0CCxk3LiISVUaECdGm6Eu3mHJCiJULeKDryzBAEAIfkECQkALgAsAAAAAB4AHgCFBAIEhIKExMLETEpM5OLkpKKkZGZk1NLU9PL0lJKUtLK0JCYkdHZ0zMrMVFZU7Ors3Nrc/Pr8nJqcvLq8NDY0jI6MrKqsbG5sfH58HBochIaExMbETE5M5Obk1NbU9Pb0lJaUtLa0NDI0fHp8zM7MXF5c7O7s3N7c/P78nJ6cvL68PD48rK6sdHJ0////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv5Al3BIHEYEgkhxyRRGlMMHK2QiRlDNIkoVQgxNCkVVaAoJsFlnSHEWSsVClEARgqZdEJaCQA6PCWEQd0YqChNKYCxVERMsKnZLKJCALIIPdFUeYR1WaC4RXBBQKBt0ER8dHaeNG2gREGZQEWsKKh1YJg1eRQgbXigEhVN2JgJ6Cr4unlouJqVhG2NDwI3Iy5ENCiwTBNdGHl2DCAoe3kuQaR9MvRvt7Q+DQh8PHfQPDxEiAPv8CvEuJySAECiQhT5++/zFCziQoCJ37uDFQ0WvniomEgepu4NAw4ITgx5oeNQkggURGTKUMGekAAYMFQ5cI8EhZQYHB5Q1wUIgRZWAERhScCKzICUFBUoOXOBTpEMCPhEOVMAQQMNGBCsWVNgYwYCIFQic+TJxwUAFVyoCgLATYZeQECJEgHBxYMAADy5YGDBAwgo6Ih84iBig7gCHu59aGBjxt4mEuCGEGOYgyIWAvZHFrRCxUrJdvMo0GGixMZ2DFaDpcqA8BMKFAI2XfHBL125lIQhK/xuC4AID3VmCAAAh+QQJCQAzACwAAAAAHgAeAIUEAgSEgoTEwsRERkTk4uSkoqRkZmQkIiSUkpTU0tT08vS0srRUVlR8enw0MjQcGhyMiozMyszs6uycmpzc2tz8+vy8urxMTkysqqx0cnRkYmQ8OjwMDgyEhoTExsRMSkzk5uSkpqRsamwsKiyUlpTU1tT09vS0trRcWlx8fnwcHhyMjozMzszs7uycnpzc3tz8/vy8vrw8Pjz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/sCZcEgcVgSCSnHJFFaUQ8li0SJWYM0iLHZSRKdVYesUw2adp4XA3AILYYLFCXqeUaYEsXtGmFLqRicnFkptVDMVaTF0SxVeQyBTJTOGVSVTIFZmMwojHB2PcHIVJiAEJokLHmYVJSdJQhIcAAAHGFgtHiZLCh5VMCAWU3NDHhu0AAMRM5tanHFTvkUVLg+0H81LMB7DINlDCg0ck3UKJyXfSxKAQru8LCwR8SxhgBUt+PkVAw/9/hbsZkSaQlAAP3/9TgQcSHBBDAURPEhkIY3dvXz40tWr4+6MCRIbXgBq4SICIysLPjhwkCHdEBgWJpAIQSFbAg0rHRiY5BKLkRSZExasEyNj5YUTWCgEyFREQoFMMCiEkOkCigkGMia4g5HhAooWCuApUNAhRQEoFVi4wECHFBEBFz6EsGPAgEgLKVKQc+JyhgkNHzTsoqDBLiIIKRCczBIibgwhFOqKnMEirwB2Vz80gBJZw+QKE1J0WNxIBIM/QkpIHkKgAwnSS0w8gmzAMxFUAWN3gNDxTBAAIfkECQkAMwAsAAAAAB4AHgCFBAIEhIKExMLETEpM5OLkpKKkZGZkJCYk1NLU9PL0tLK0lJKUdHZ0FBIUVFZUNDY0zMrM7OrsrKqs3Nrc/Pr8vLq8jIqMbG5sNDI0nJqcfH58HBocXF5cDA4MhIaExMbETE5M5ObkpKakbGpsLCos1NbU9Pb0tLa0fHp8XFpcPD48zM7M7O7srK6s3N7c/P78vL68nJ6cHB4c////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv7AmXBIHFIEAkpxyRSaIkSWosUiUl7NoonUgAwjilNVyDoJsFlhogNQKWeslmL8EoTf6ZkGABAJwXNCBAoKE3lDCTIAMglwclUUFS0weEsUJkQifBpwhFUlhCFWaDMmKgcLmDMUKgAdLBQhIZcnCh9oFBNmbywHGw0qCkoQA4ZFCR+NLwQwUyd4ECC/Gw4IM6RFWCwfU7aNViIPGxsp2Esv3AoVBOaIHgfGaQknJZVNUIelTAkICCv9K74dMsGioMEXKTAoXAgj3wxAhAgJcLCQocMQhORITLCiY8cSYw5RMGjQnhqHqtKYKOCAwKEyE0wKoQCDwwAQAdoReQGB0Jc6cxMYDLiJwpDOa3A+yGnxIWQCB0MNJJnhYgG+KCegvAhRgdAzJyMcSFD1woKBCyYSlCiRNkYGBbhKnIBB6hIRCAYMKKAaAIVLCBkyuBiVhQIDAygwEUChweXKBSKOLlGQ1wtVDY2FTHC7Ip+JCwYsoHGB2eW1FhliyCxCQcMF03z9DgkRQ4JkKwJnLM48xMTqgYFTpgkCACH5BAkJADEALAAAAAAeAB4AhQQCBISGhMTGxExKTKSmpOTm5GRmZCQmJNTW1LS2tJSWlPT29HR2dDQ2NFRWVIyOjMzOzKyurOzu7Nze3Ly+vFRSVGxubDQyNJyenPz+/Hx+fDw+PBwaHIyKjMzKzExOTKyqrOzq7GxqbCwqLNza3Ly6vJyanPz6/Hx6fDw6PFxeXJSSlNTS1LSytPTy9OTi5MTCxP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+wJhwSBxKLilXcckULiREGAAgIJ4yzeJiM4IMpVRjAobNCl0HzqcMrsYyglbiZB52OJyIsC18tVokdUMuDRwXCzEUU1UZJREUdE0niEMReB0xfAh/BVZlMQsOGxiUJx8cBxIFICAhJwktAmUnJGOREikXFx8lWBAqgUUuAkoZLxQtEXNDLCq6FwaBkUtYEnERsUpWLQO6Fp9MGR7YJS/gRC4KKROCLgkk01lQgjHxQwskCAj5JPOCJxICCjxhYcAHgwMGeKAXo8Cfhy1gWDhI8cNCeg6TwYqIb59HbYKeCAxo7wzDkksWtLDQqY47eE3gMDBgYMW5IuKSlTs3oQOMTQMdXryJGUMCjD8RBPhzYYEmCg9YXhAIsWRYsQIl/iwDpcFCi0gnMGgIsGDBhAmTYMkScgJBAgqfTsRjoUEDjIYmTHQiwclTlgUPUKxAVCBvp1ctIDGEUZeFkMIKqMbwA4jeggAoMJSBLDkDDGUoi5xYEUCokBAKTEguOuYmk0lEOFsJ/Q9EBNpEggAAIfkECQkAMQAsAAAAAB4AHgCFBAIEhIKExMLEREZE5OLkpKKkZGZkJCIk1NLU9PL0tLK0lJKUdHZ0VFZUNDI0zMrM7OrsrKqs3Nrc/Pr8vLq8HBocjI6MTE5MbG5snJqcfH58PDo8DA4MhIaExMbETEpM5ObkpKakbGpsLC4s1NbU9Pb0tLa0fHp8XF5czM7M7O7srK6s3N7c/P78vL68nJ6cPD48////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv7AmHBIHCYGl0RxyRSWlENPpZIiqqDN4aQBIw0f06rQw3FMssaNw3COSSsP4WQD4JTQw8zIYRqHhS8AAB14QyUXDh93b1UqFQAHd00TkkIUexlufyeCEUQTLYYiDRGSEwYOMCoQCisqIBwAA20TJCYCbQkNHxcGAqEIGARLJB9VLSAUCgombTEkDLwfJywxoUxnKh7LKx4qRRMuKBcfGtdNLQ+tFCDnRSUFDcN4KiYSzllYeJVEJSwsEgCy0IdmgoqDCCcEMMCwIYJCQkAsm6hAwMKGDB9ClLiC2y1/EkKGJJilxBWEKvAZghhDJTYKHSAUSmDPpZAWKSxo0BDC3ZCSFttWUCDgk0CGnQFegLCGLkYCASZaeTPUQUMACwhCQTBBMoEHJS0IKGNGa0EAXHIUZHhBCQQISlE9XKtlwsU5SkRYLMhQhZWCbySWLdXi81OIDCGytfo2gcIKuyxTZMggQQiEjt9iEFhWudCEFwtWXFOxLHMLAWQ9R3ghUwhpV0PqQfbMj/TfT4VZhkNbKAgAIfkECQkANwAsAAAAAB4AHgCFBAIEhIKExMLEREJE5OLkpKakZGJkJCIk1NLU9PL0lJKUVFZUtLa0dHZ0NDI0FBIUzMrMTEpM7OrsrK6sbGps3Nrc/Pr8nJqcjI6MLC4sXF5cvL68fH58PDo8HBocDA4MhIaExMbEREZE5ObkrKqsZGZkJCYk1NbU9Pb0lJaUXFpcvLq8fHp8zM7MTE5M7O7stLK0bG5s3N7c/P78nJ6cPD48HB4c////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv7Am3BIHCY0hkRxyRRalMOWI3MivlDNoqWkqkQdDsQQYhpYskPUItKYCaUZ8Q3l8piwaGHB5RK8wXIkHh4YeUMWBhEGWHBVLxkeHXhMFpM3AhEuBTdSYTcggxNEKGdCKAExDKUWDREqCRIbKy8SJg8LbjcJAR8ZeAkxJSUsLW4VHCNLFRpVFgU2AAAPL0MyICUGJRgEN7lLbhA10QAdEFohDdkK3pQD0TYFlkQWEzEShi0fHFBo/Hn3S1AQGEhQXhYLLxIqtHCBg8OHXgzdGAGjokUBKR5ClDgRxoSKExgIsECwIEcULxIofFGqiMEmLQ9CoEEtTwIGFWISmVGhQJaKCwzYfYNQcQUBoRIm/AR6T+gQNy8EfJwQouYcGhcuFKgAFYI/IQlCKJkxYkNFVU5I0GhRaoYAGKpQjBhRiQGMELksnGCwwduMmAQ8enlRkdqJiskOOT20YsKGM4QnULPQuC/HvTC43XjxsWZgGBHzWLCLV4iEwkLcwtXJZMYGBlYJw4jNd/ESCzGTzp5n25AFASMlBgEAOw==); - background-repeat: no-repeat; - background-position: center; -} -.kd-card a:hover .img-thumbnail { - border-color: #3e00ff; - box-shadow: inset 0 0 0px 2px #3e00ff; } -.kd-card .kd-name { - font-weight: 300; - padding: 0.5em; } -header .kd-card .kd-name { - color: white; } -.kd-card .kd-price { - position: absolute; - top: 0; - right: 0; - padding: 0.5em; } - -.kd-date { - font-size: 1.1rem; - color: #43484d; } - -.kd-shadow { - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); } - -.kd-extended { - background: #fff; - border-radius: .25rem; - height: 100%; - transition: all 0.5s ease-in-out; } -.kd-extended:hover { - z-index: 2; } -.kd-extended > a { - position: relative; - display: block; } -.kd-extended .sender-avatar { - position: absolute; - width: 50px; - border-radius: 50%; - bottom: 1em; - left: 7%; - width: 18%; } -.kd-extended .sender-avatar.right { - left: auto; - right: 5%; } -.kd-extended .img-thumbnail { - padding: 1.25rem 3.05rem; } -.kd-extended .kd-title { - font-size: 1.25rem; - padding: 0; } - -.kd-content { - font-size: 0.9rem; - padding: 1.3rem 1.3rem 0.7rem; } -.kd-content a, -.kd-content b { - color: #3e00ff; } - -.content-hover { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: rgba(62, 0, 255, 0.8); - color: white; - padding: 1rem; - overflow-y: auto; - flex-direction: column; } -.content-hover a { - color: white; - font-weight: 700; - font-size: 0.9rem; } -.content-hover time { - font-size: 0.75rem; } - -.listing-kudo a { - color: #43484d; } - -.full-height { - min-height: 100vh; } - -.bg-dark-blue { - background-color: #0d023b; - color: white; } - -.bg-light-blue { - background-color: #3e00ff; - color: white; } - -.bg-cellarius { - background-color: #4D5858; } - -.lh-3 { - line-height: 3rem; } - -.cta-square { - display: flex; - width: 100%; - justify-content: center; - align-items: center; - border-radius: .25rem; - color: #fff; - background-color: #3e00ff; - font-size: 2em; } -.cta-square:after { - content: ' '; - padding-top: 100%; - display: table; } -.cta-square > div { - display: flex; - flex-direction: column; - padding: 0 0.6em 0; - line-height: 1.1; - align-self: stretch; - justify-content: space-evenly; } -.cta-square:hover { - color: rgba(255, 255, 255, 0.8); } - -#carouselkudos .carousel-inner { - width: 90%; - margin: auto; } - -.carousel-control-kudos .carousel-control-next, -.carousel-control-kudos .carousel-control-prev { - width: 3.3rem; - height: 3.3rem; - background: #0d023b; - top: 0; - bottom: 0; - margin: auto; - border-radius: 40px; } -.carousel-control-kudos .carousel-control-next-icon, -.carousel-control-kudos .carousel-control-prev-icon { - height: 34px; } -.carousel-control-kudos .carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%0A%3Csvg width='19px' height='34px' viewBox='0 0 19 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 50.2 %2855047%29 - http://www.bohemiancoding.com/sketch --%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Headers/Header-%239' transform='translate%28-101.000000, -638.000000%29' fill='%23C1C1C1'%3E%3Cpath d='M116.89675,671.709 L101.58275,656.405 C100.80575,655.629 100.80575,654.371 101.58275,653.595 L116.89675,638.291 C117.28475,637.903 117.91475,637.903 118.30275,638.291 L119.70875,639.696 C120.09675,640.084 120.09675,640.713 119.70875,641.101 L106.50275,654.297 C106.11475,654.685 106.11475,655.315 106.50275,655.702 L119.70875,668.899 C120.09675,669.287 120.09675,669.916 119.70875,670.304 L118.30275,671.709 C117.91475,672.097 117.28475,672.097 116.89675,671.709' id='Icon'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } -.carousel-control-kudos .carousel-control-next-icon { - background-image: url("data:image/svg+xml,%0A%3Csvg width='19px' height='34px' viewBox='0 0 19 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 50.2 %2855047%29 - http://www.bohemiancoding.com/sketch --%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Headers/Header-%239' transform='translate%28-1320.000000, -638.000000%29' fill='%23C1C1C1'%3E%3Cpath d='M1335.89675,671.709 L1320.58275,656.405 C1319.80575,655.629 1319.80575,654.371 1320.58275,653.595 L1335.89675,638.291 C1336.28475,637.903 1336.91475,637.903 1337.30275,638.291 L1338.70875,639.696 C1339.09675,640.084 1339.09675,640.713 1338.70875,641.101 L1325.50275,654.297 C1325.11475,654.685 1325.11475,655.315 1325.50275,655.702 L1338.70875,668.899 C1339.09675,669.287 1339.09675,669.916 1338.70875,670.304 L1337.30275,671.709 C1336.91475,672.097 1336.28475,672.097 1335.89675,671.709' id='Icon' transform='translate%281329.499875, 655.000000%29 scale%28-1, 1%29 translate%28-1329.499875, -655.000000%29 '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } - -.wallet-popover { - max-width: 490px; } - -.wallets-list { - max-height: 140px; - overflow-y: auto; - background-color: #f3f3f3; } - -.wallets-list:empty { - display: none; } - -.btn-lightblue { - color: white; - background-color: var(--gc-blue); } - -.btn-orange { - background-color: #d38971; - color: white; - padding: .75rem 1.5rem; } -.btn-orange:hover { - color: white; - background-color: rgba(211, 137, 113, 0.9); } - -.hexagon { - background: red; - width: 10rem; - display: block; - margin: auto; - height: 11.56rem; - display: flex; - align-content: center; - justify-content: center; - align-items: center; - -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); - clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); } - -a:hover #shape-hexagon { - animation-play-state: paused; } - -#shape-hexagon { - animation: rotation 5s linear infinite; - animation-fill-mode: none; - animation-direction: alternate; - animation-iteration-count: infinite; } - -@keyframes rotation { - 0% { - stroke: #0cc67f; - fill: rgba(12, 198, 127, 0.6); } - 15% { - stroke: #1e6ee2; - fill: rgba(30, 110, 226, 0.6); } - 30% { - stroke: #662d91; - fill: rgba(102, 45, 145, 0.6); } - 50% { - stroke: #018cb2; - fill: rgba(1, 140, 178, 0.6); } - 65% { - stroke: #e57418; - fill: rgba(229, 116, 24, 0.6); } - 85% { - stroke: #4d4d4d; - fill: rgba(77, 77, 77, 0.6); } - 100% { - stroke: #0044e0; - fill: rgba(0, 68, 224, 0.6); } } -.hexagon-group { - width: 100%; - display: flex; - flex-wrap: wrap; - justify-content: center; - margin: auto; - font-size: 16px; - padding-bottom: 3em; - display: grid; - grid-template-columns: repeat(4, 1fr); } -.hexagon-group svg { - height: 16.8em; - width: 14.4em; } -.hexagon-group svg text { - font-size: 1.1em; } -.hexagon-group .paging-animation { - font-size: 14px; - margin: 0.8em; - margin-bottom: -3em; - perspective: 1000px; - position: relative; - height: 208px; } -.hexagon-group .paging-animation .faces { - transform-style: preserve-3d; - transition: all 0.5s linear; - width: 100%; - height: 100%; } -.hexagon-group .paging-animation .face { - position: absolute; - width: 100%; - height: 100%; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } -.hexagon-group .paging-animation .back { - display: block; - transform: rotateY(0.5turn); - box-sizing: border-box; } -.hexagon-group .paging-animation:hover .faces { - transform: rotateY(0.5turn); } -.hexagon-group .paging-animation:nth-child(1) { - color: #FF7200; - grid-column: 1/4; } -.hexagon-group .paging-animation:nth-child(2) { - color: #F9006C; - grid-column: 2/5; } -.hexagon-group .paging-animation:nth-child(3) { - color: #3E00FF; - grid-column: 1/4; } -.hexagon-group .paging-animation:nth-child(4) { - color: #0ECF7C; - grid-column: 2/5; } -.hexagon-group .paging-animation:nth-child(5) { - color: #7ED321; - grid-column: 1/4; } -.hexagon-group .paging-animation:nth-child(6) { - color: #8E2ABE; - grid-column: 2/5; } -.hexagon-group .paging-animation:nth-child(7) { - color: #43D0B0; - grid-column: 1/4; } -@media (min-width: 400px) { - .hexagon-group svg text { - font-size: 1.3em; } - .hexagon-group .paging-animation { - height: 260px; - font-size: 16px; } - .hexagon-group .paging-animation:nth-child(1) { - grid-column: 1/3; } - .hexagon-group .paging-animation:nth-child(2) { - grid-column: 2/4; } - .hexagon-group .paging-animation:nth-child(3) { - grid-column: 1/3; } - .hexagon-group .paging-animation:nth-child(4) { - grid-column: 3/5; } - .hexagon-group .paging-animation:nth-child(5) { - grid-column: 2/4; } - .hexagon-group .paging-animation:nth-child(6) { - grid-column: 1/3; } - .hexagon-group .paging-animation:nth-child(7) { - grid-column: 3/5; } } -@media (min-width: 800px) { - .hexagon-group { - grid-template-columns: repeat(8, 1fr); } - .hexagon-group .paging-animation:nth-child(1) { - grid-column: 1/3; } - .hexagon-group .paging-animation:nth-child(2) { - grid-column: 3/5; } - .hexagon-group .paging-animation:nth-child(3) { - grid-column: 5/7; } - .hexagon-group .paging-animation:nth-child(4) { - grid-column: 7/9; } - .hexagon-group .paging-animation:nth-child(5) { - grid-column: 2/4; } - .hexagon-group .paging-animation:nth-child(6) { - grid-column: 4/6; } - .hexagon-group .paging-animation:nth-child(7) { - grid-column: 6/8; } } - -.star-pulse { - animation: pulse-shadow .5s ease-out infinite; - animation-direction: alternate; - margin-left: -60px; - margin-top: 4rem; - top: 0; } - - @media (max-width: 768px) { - #kudos-section .kudos_card_container { - width: 50%; - } - } -@media (max-width: 768px) { - .star-pulse { - right: -10px; - margin-top: 0; - width: 5rem; } } - -@keyframes pulse-shadow { - 0% { - transform: scale(0.98); - filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.9)); } - 100% { - transform: scale(1); - filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.5)); } } -.bg-hexa { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.187946429'%3E%3Cg transform='translate(-227.000000, -1170.000000)' stroke='%233E00FF' stroke-width='10'%3E%3Cg id='Group-5-Copy-7' transform='translate(294.737804, 1248.626588) rotate(-330.000000) translate(-294.737804, -1248.626588) translate(223.737804, 1186.126588)'%3E%3Cpolygon opacity='0.334877232' points='105.943991 0 35.3139974 0 9.09494702e-13 62.3980694 35.3139974 124.7941 105.943991 124.7941 141.259988 62.3980694'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - background-position: 2rem 2rem; - background-repeat: no-repeat; } - -.text-featured { - font-size: 1.7rem; } - -.badge-kudos { - background-color: #D8EAFF; - color: #4A4A4A; - border-radius: 2px; - text-decoration: none; } - -#world { - z-index: -1; } - -a.cellarius-partner:before { - content: ''; - position: absolute; - right: 1rem; - bottom: 3rem; - width: 16%; - height: 16%; - background-size: cover; - background: url("/static/v2/images/kudos/assets/cellarius-logo.svg"); - background-repeat: no-repeat; } - -.cellarius-badge { - right: 1rem; - bottom: 3rem; - width: 16%; - height: 16%; - background-size: cover; - background: url("/static/v2/images/kudos/assets/cellarius-logo.svg"); - background-repeat: no-repeat; - background-color: #fff; - border-radius: 50px; } - -.kudos-details__title { - font-weight: 200; - font-size: 3.2rem; - margin-bottom: 0; } - -.kudos-details__subtitle { - font-size: 1rem; - font-weight: 700; - color: #0D0764; - border-bottom: 1px solid #C8C8C8; - padding-bottom: 0.8rem; - margin-bottom: 1rem; } -.kudos-details__subtitle img { - position: relative; - top: -2px; } - -.kudos-details__price { - font-size: 1.5rem; - font-weight: 700; } -.kudos-details__price small { - font-size: 1.25rem; - font-weight: 600; - color: #4A4A4A; } - -.kudos-details__address { - color: #3E00FF; } - -.text-color_blue { - color: #0D0764; } - -.text-weight_semibold { - font-weight: 600; } - -.tooltip-kudos .title-tooltip { - text-align: left; - display: block; - font-size: 14px; - color: #0ECF7C; - font-weight: 600; - line-height: 1.5; } -.tooltip-kudos .tooltip-inner { - width: 300px; - background-color: #0D0764; - font-size: 12px; - padding: 1rem; - max-width: 240px; } -.tooltip-kudos .tooltip-inner table { - width: 100%; } - -.author-shape { - -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); - clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); } - -#kudos-image, .kudos_levitate_container { - cursor: pointer; } - -#kudos-image.shake { - animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; - transform: translate3d(0, 0, 0); - backface-visibility: hidden; - perspective: 1000px; } - -@keyframes shake { - 10%, 90% { - transform: translate3d(-1px, 0, 0); } - 20%, 80% { - transform: translate3d(2px, 0, 0); } - 30%, 50%, 70% { - transform: translate3d(-4px, 0, 0); } - 40%, 60% { - transform: translate3d(4px, 0, 0); } } -.kudos_msg { - margin-top: -90px; - display: none; - position: relative; - background-color: #3e00ff; - border-radius: 10px; - color: white; - padding: 3px 10px; - margin-bottom: 20px; } - -.kudos_msg:after { - content: ''; - position: absolute; - bottom: 0; - left: 50%; - width: 0; - height: 0; - border: 20px solid transparent; - border-top-color: #3e00ff; - border-bottom: 0; - border-left: 0; - margin-left: -10px; - margin-bottom: -20px; } - -.flip-card { - -webkit-perspective: 1000; - -moz-perspective: 1000; - -o-perspective: 1000; - perspective: 1000px; - position: relative; - outline: none; - background-color: transparent; - display: flex; } -.flip-card:focus .flip-card__flipper { - transform: rotateY(-10deg); - box-shadow: 2px 0px 7px 1px rgba(0, 0, 0, 0.1); } -.flip-card__hold { - backface-visibility: hidden; - -webkit-backface-visibility: hidden; } -.flip-card__flipper { - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; - transition: 0.6s; - position: relative; - display: flex; - cursor: pointer; - border-radius: 3px; } -.flip-card__front { - position: relative; - background: white; - border-radius: .25rem; - z-index: 2; - transform: rotateY(0); } -.flip-card__flipper:hover { - transform: rotateY(-10deg); - box-shadow: 2px 0px 7px 1px rgba(0, 0, 0, 0.1); } -.flip-card.turn .flip-card__flipper { - transform: rotateY(-0.5turn); } -.flip-card__back { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - transform: rotateY(-0.5turn); - border-radius: .25rem; } -.flip-card__extra-data { - display: flex; - justify-content: space-between; - margin: .5rem 0 1.5rem; } -.flip-card__extra-data a { - font-size: 0.75rem; } -.flip-card__stack-img { - display: flex; - flex-direction: row-reverse; - align-items: flex-end; } -.flip-card__stack-img img { - border: 1px solid #fff; - height: 30px; - margin-left: -18px; } - -.bubble { - background: rgba(0, 0, 0, 0.4); - padding: 0.7em; - position: relative; - border-radius: 3px; - margin-top: 1.3em; - line-height: 1.3em; } -.bubble p { - margin-bottom: 0; } -.bubble:after { - content: ''; - border: 11px solid; - position: absolute; - border-color: transparent transparent rgba(0, 0, 0, 0.4) transparent; - border-width: 0px 0.5em 0.5em 0.5em; - top: -0.5em; - left: 1em; } - -.faq-item { - border-bottom: 1px solid #eee; - padding: 10px 15px; - transition: 0.1s ease-in-out; -} - -.faq-item > h5 { - font-weight: 600; -} - -.faq-item > h5:after { - color: #0D0764; -} - -/* CK Enggagement */ -body.ck{ - background-image: url("/static/v2/images/ck.png") !important; -} -body.ck .top-nav{ - display: none !important; -} -body.ck img.mw-100{ - display: none !important; -} -#tip_nav { - padding-left: 0px; - margin-bottom: 0px; -} -#tip_nav li { - list-style: none; - display: inline-block; - background-color: #eeeeee; - border-top: solid 1px black; - border-right: solid 1px black; - border-left: solid 1px black; - padding: 3px 5px; - cursor: pointer; - border-radius: 3px 3px 0px 0px; -} -#tip_nav li:hover { - text-decoration: underline; -} -#tip_nav li.selected { - font-weight: bold; -} diff --git a/app/assets/v2/css/labs.css b/app/assets/v2/css/labs.css deleted file mode 100644 index aaf56dca562..00000000000 --- a/app/assets/v2/css/labs.css +++ /dev/null @@ -1,167 +0,0 @@ -body { - color: var(--default-text-color); -} - -.navbar { - flex-shrink: 0; -} - -.lab-hero-bg { - position: relative; - align-content: center; - height: 200px; -} - -.lab-hero-bg-container{ - position: absolute; - top: 20px; - height: 500px; - width: 500px; -} - -.lab-hero-container { - position: relative; - overflow-y: hidden; -} - -.header-line-lab { - color: antiquewhite; - font-style: normal; -} - -.subheader-line-lab { - color: antiquewhite; - font-style: normal; -} - -.header-labs { - background-image: url('/static/v2/images/labs/lab_background.png'); - background-color: rgb(165, 53, 138); - will-change: transform; - overflow-y: hidden; - overflow-x: hidden; -} - -.grey-bg { - background-color: #f8f9fb; -} - -.dark-text { - color: rgba(7, 7, 7, 0.993); -} - -.roadmap { - margin-top: 1.5rem; -} - -.roadmap a { - margin: 0 2rem 0 0; -} - -.profile-img { - width: 100px; -} - -.profile-icon { - margin-right: 1.5rem; -} - -.card { - height: 19rem; -} - -.card .content { - min-height: 5rem; -} - -.card .content .title { - margin-top: 2rem; - margin-bottom: 1rem; -} - -.card img { - height: 115px; -} - -.lab-cards { - display: flex; - flex-wrap: wrap; -} - -.lab-card { - background: #fff; - border-radius: 6px; - display: inline-block; - margin: 1em 2em 1em 0; - position: relative; - border: 1px solid #D3D3D3; -} - -.lab-card .content { - margin: 15px 20px; - min-height: 170px; - position: relative; -} - -.lab-card .content .title { - color: rgb(7, 7, 7); -} - -.lab-card .img { - overflow-y: hidden; - text-align: center; -} - -.lab-card img { - width: 100%; -} - -.magenta-link { - color: #a12f77; -} - -.read-more { - float: left; -} - -.row { - padding: 1rem; -} - -@media (max-width: 991px) { - .labs-hero-bg { - display: none; - } - - .row { - padding: 1rem; - justify-content: center; - } - - .sub-title { - align-content: center; - text-align: center; - } - - .landing_page_wrapper { - margin-left: 1em !important; - } -} - -@media (max-width: 767px) { - .landing_page_wrapper { - margin-left: 1em !important; - } - - .social { - margin-top: 0.2rem; - } - - .lab-cards { - justify-content: center; - } - - .lab-card { - margin: 1em; - } -} diff --git a/app/assets/v2/css/landing_page.css b/app/assets/v2/css/landing_page.css deleted file mode 100644 index 16cf2ec388d..00000000000 --- a/app/assets/v2/css/landing_page.css +++ /dev/null @@ -1,944 +0,0 @@ -body { - color: #43484d; -} - -body.funder-page { - height: 100vh; -} - -.navbar { - flex-shrink: 0; -} - -.banner--green { - background-color:#25E899; - color: #000000; -} - -.banner--green .btn-green { - background: transparent; - box-shadow: none; - color: #0D0764; - border: 1px solid #0D0764; -} - -.banner--green p, -.banner--green a { - font-weight: 600; -} - -.carousel-inner .content { - display: inline-block; - position: relative; - top: 1rem; -} - -.carousel-inner img { - max-height: 7.5rem; - position: relative; - top: -1rem; -} - -.carousel-control-prev, -.carousel-control-prev:hover, -.carousel-control-prev:focus, -.carousel-control-next, -.carousel-control-next:hover, -.carousel-control-next:focus { - color: #000000; - font-size: 1.5rem; -} - -.youtube iframe { - max-width: 100%; -} - -#landing_page_wrapper { - overflow-y: scroll; - background-color: #F9F9F9; -} - -.case-studies-container { - background: white; - text-align: center; - position: relative; - overflow: visible !important; -} - -.case-studies-list { - font-size: 1.5rem; - list-style-type: none; - text-align: left; - margin-bottom: 4rem; - padding-left: 0; - margin-left: calc(20vw - 100px); -} - -.case-studies-list li { - margin-bottom: 1rem; -} - -.case-studies-list a { - color: var(--gc-blue); - text-decoration: none; -} - -#gc-robot { - position: absolute; - top: -50px; - right: calc(5vw - 50px); - max-width: 25vw; - will-change: transform; -} - -.howworks-container { - background-color: #ffffff; - text-align: center; - color: #43484d; -} - -.howworks-container-contributors { - background: #ffffff; -} - -.howworks-steps { - display: grid; - grid-template-columns: repeat(3, 1fr); -} - -.howworks-toggle-container { - position: relative; - display: grid; - grid-template-columns: repeat(2, min-content); - grid-gap: 0 20px; - grid-template-rows: min-content 5px; - justify-content: center; -} - -.howworks-section-toggle { - background: transparent; - outline: none; - border: none; - cursor: pointer; - color: var(--gc-purple); - padding: 0; -} - -#howworks-toggle-indicator { - background: var(--gc-blue); - transition: transform .3s, left .3s; - left: 0; - transform-origin: left; - grid-column: 1; - position: relative; -} - -.howworks-section-toggle:hover, .howworks-section-toggle:active, .howworks-section-toggle:focus { - color: var(--gc-blue) !important; -} - -.howworks-section-toggle.active { - color: var(--gc-blue); -} - -.howworks-sections { - width: 100%; - position: relative; - left: 0; - transition: left .3s; -} - -.howworks-sections.contributor-section { - left: -100%; -} - -.howworks-section { - width: 100%; - flex-shrink: 0; - padding: 0 2rem; - margin: 0 1rem; -} - -.howworks-step { - position: relative; - border-top: 1px solid #E1E8EE; - padding: 2rem 1rem; -} - -.howworks-step h5 { - color: var(--gc-purple); - margin-top: 1rem; - margin-bottom: 1rem; -} - -.howworks-step i { - font-size: 2rem; - padding: 0.5rem 0; -} - -.funder-container .howworks-step i { - color: #FFCE08; -} - -.contributor-container .howworks-step i { - color: #25E899; -} - -.howworks-step__label { - border-radius: 50%; - height: 2rem; - width: 2rem; - line-height: 1.75rem; - border: 1px solid #E1E8EE; - position: absolute; - top: -1rem; - left: calc(50% - 1rem); - background: #ffffff; - color: var(--gc-purple); -} - -.whatisit_container { - background-color: var(--gc-blue); - color: #fff; -} - -.benefits_container, -.landing__newsletter { - background-color: #F9F9F9; - justify-items: center; -} - -.benefits-list { - grid-gap: 1rem; - max-width: 70rem; - display: grid; - grid-template-columns: repeat(3, 1fr); - margin: 0 auto; -} - -.benefit { - background-color: white; - text-align: center; - padding: 3rem 1rem; - display: flex; - flex-flow: column nowrap; - align-items: center; -} - -.benefit > p { - flex-grow: 1; -} - -.benefit > h4 { - padding-top: 2rem; - padding-bottom: 1rem; - height: 6rem; -} - -.activity-info { - position: relative; - top: 7px; -} - -.landing__newsletter { - width: 100%; - margin: auto; -} - -.landing__newsletter .newsletter { - border-top: none; - margin-top: 0; -} - -.contributor-page .landing__newsletter, -.open-bounties, -.pilot-container, -.story_container { - background: white; -} - -.pilot-container img { - margin: 1.5rem; -} - -.pilot-container img, -.project { - height: 5rem; - width: 5rem; -} - -.project { - margin: 1.5rem 3rem; -} - -.project img { - width: auto; - margin: 0 -} - -.pilot-container .image--rounded { - border-radius: 100%; -} - -.contributors-cta { - background: #3E00FF; -} - -.contributors-cta__robot { - max-height: 16rem; -} - -.join-gitcoin-heading { - font-size: 2.5rem; - color: var(--light) -} - -.contributors-cta-text { - font-size: 1.2rem; - font-weight: 100; -} - -.pricing_container { - background-color: #F9F9F9; - padding-bottom: 50rem; -} - -.story img { - width: 28rem; - max-width: 100%; -} - -.press_container { - background: #F9F9F9; -} - -.press { - display: grid; - grid-template-columns: repeat(auto-fill, 150px); - grid-auto-rows: 150px; - grid-gap: 5px; - justify-content: center; -} - -.explain-img-wrapper { - height: 100%; - background: white; - display: flex; - align-items: center; - justify-content: center; -} - -.press_container img { - max-width: 90%; - max-height: 100px; - filter: grayscale(100%); - transition: filter 0.3s; - -moz-filter: grayscale(100%); - -ms-filter: grayscale(100%); - -o-filter: grayscale(100%); -} - -.press_container img:hover { - filter: grayscale(0%); - -moz-filter: grayscale(0%); - -ms-filter: grayscale(0%); - -o-filter: grayscale(0%); -} - -#gc-tree { - text-align: center; -} - -#gc-tree .lines { - animation-play-state: running; -} - -#gc-tree .cls-4 { - animation-play-state: running; -} - -.pause-animation { - animation-play-state: paused !important; - -webkit-animation-play-state: paused !important; -} - -.pricing-tiers-container { - background: #F9F9F9; - box-shadow: 4px 5px 10px 3px rgba(0, 0, 0, 0.1); - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-template-rows: repeat(5, min-content); - grid-auto-flow: column; - grid-gap: 0 2px; - border-radius: 5px; - overflow: hidden; - text-align: center; -} - -.pricing-tier__title { - padding-top: 2rem !important; -} - -.pricing-tiers-container > * { - padding: 1rem 2rem; - background: white; -} - -.pricing-tier__subtitle { - padding-top: 0; -} - -.emphasis { - background: var(--gc-blue); - color: white; -} - -.pricing-tier__features { - text-align: left; - padding-left: 4rem; - margin-bottom: 0; - list-style-image: url("/static/v2/images/check_green.svg"); -} - -.pricing-tier__features li { - margin-bottom: 1em; -} - -.pricing-tier__price { - font-size: 3rem; - line-height: 1em; - padding: 3rem 0; - border-top: 1px solid #E1E8EE; - border-bottom: 1px solid #E1E8EE; -} - -.projects-container { - border-top: 1px solid #E1E8EE; -} - -.testimonial-container, -.activity { - background-color: #f8f8f8; -} - -.in-some-cases-container { - background-color: #FAFCFD; -} - -.in-some-cases-container .flex-row div { - max-width: 12rem; - margin-left: auto; - margin-right: auto; -} - -.how-it-works-footer { - background-color: #0D0764; -} - -.tree_container { - background: #f9f9f9; - text-align: center; - overflow: hidden; -} - -.whatisit { - height: min-content; -} - -.whatisit-title { - color: var(--light); -} - -.whatisit .youtube { - height: 100%; - max-width: 550px; - margin-bottom: auto; - margin-top: 2rem; -} - -.whatisit_container iframe { - min-height: 280px; - width: 100%; - height: 100%; -} - - -/* Landing Page Animations */ -#WindmillBlades { - animation: rotate-blades 8s linear infinite; - transform-origin: 48.5px 56px; -} - -.globe-longitude { - animation: rotate-globe 6s linear infinite; - transform-origin: center; -} - -#long-1 { - animation-delay: 2s; -} - -#long-2 { - animation-delay: 4s; -} - -#globe-center-fill { - animation: globe-center-fill 2s linear infinite; - transform-origin: center; - animation-delay: 2s; - transform: scaleX(0); -} - -#pot-leaves { - animation: swaying-leaves 8s ease-in-out infinite; - transform-origin: center 60%; -} - -#binary-numbers .odd { - opacity: 0 ; - animation: opacity-1 1s infinite alternate; -} - -#binary-numbers .even { - opacity: 1 ; - animation: opacity-1 1s 1s infinite alternate; -} - -#community * { - animation: 3s cubic-bezier(0, 0, 1, 1) infinite; -} - -#members-wrapper { - stroke: none; - stroke-width: 1; - fill: none; -} - -#members-container { - transform: translate(-532.000000px, -912.000000px); - fill: #FFFFFF; - stroke: #000000; - stroke-width: 2.2; -} - -#members { - transform: translate(-112.000000px, 757.000000px); -} - -#members-inner1 { - transform: translate(527.000000px, 87.000000px); -} - -#members-inner2 { - transform: translate(119.000000px, 70.000000px); -} - -#member2-inner { - transform: translate(27.000000px, 0.000000px); -} - -#member3-inner { - transform: translate(13.000000px, 4.000000px); -} - -#member1 { - animation-name: member1-animation; - transform-origin: 50% 50%; - transform-box: fill-box; - transform: scale(0.8, 0.8); -} - -#member2 { - transform-origin: 50% 50%; - transform-box: fill-box; - transform: scale(0.8, 0.8); - animation-name: member2-animation; -} - -#member3 { - transform-origin: 50% 50%; - transform-box: fill-box; - transform: scale(0.8, 0.8); - animation-name: member3-animation; -} - -.navbar__cta { - color: white; - opacity: 0; - display: none; - transition: opacity .3s; - padding-right: 1rem; -} - -.navbar.following .navbar__cta { - opacity: 1; - display: inline; -} - -.navbar:not(.following) .btn { - background: transparent; -} -.navbar:not(.following) .btn:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -@keyframes rotate-blades { - from { - transform: rotate(0) translate(27px, 28px); - } - to { - transform: rotate(360deg) translate(27px, 28px); - } -} - -@keyframes rotate-globe { - from { - transform: rotateY(0); - } - to { - transform: rotateY(180deg); - } -} - -@keyframes globe-center-fill { - 0%, 39% { - transform: scaleX(0) translateX(-7px); - } - 50% { - transform: scaleX(0.4) translateX(0); - } - 61%, 100% { - transform: scaleX(0) translateX(7px); - } -} - -@keyframes swaying-leaves { - 0%, 100% { - transform: rotate(-10deg); - } - 50% { - transform: rotate(10deg); - } -} - -@keyframes opacity-1 { - 0% { - opacity: 0; - } - 49.99% { - opacity: 0; - } - 50% { - opacity: 1; - } - 100% { - opacity: 1; - } -} - -@keyframes member1-animation { - 0% { - transform: scale(0.8, 0.8); - } - 18.89% { - transform: scale(1, 1); - } - 60% { - transform: scale(1, 0.87); - } - 81.11% { - transform: scale(0.8, 0.8); - } - 100% { - transform: scale(0.8, 0.8); - } -} - -@keyframes member2-animation{ - 0% { - transform: scale(0.8, 0.8); - } - 6.67% { - transform: scale(0.8, 0.8); - } - 24.44% { - transform: scale(1, 1); - } - 65.56% { - transform: scale(1, 1); - } - 90% { - transform: scale(0.8, 0.8); - } - 100% { - transform: scale(0.8, 0.8); - } -} - -@keyframes member3-animation { - 0% { - transform: scale(0.8, 0.8); - } - 12.22% { - transform: scale(0.8, 0.8); - } - 30% { - transform: scale(1, 1); - } - 75.56% { - transform: scale(1, 1); - } - 98.89% { - transform: scale(0.8, 0.8); - } - 100% { - transform: scale(0.8, 0.8); - } -} - -@media (max-width: 1300px) { - .whatisit_container iframe { - min-height: 250px; - } -} - -@media (max-width: 869px) { - .benefits-list { - grid-template-columns: 1fr; - } - - .story { - text-align: center; - } - - .story img { - margin-bottom: 2rem; - } - - .story img:not(:first-child) { - margin-top: 2rem; - } -} - -@media (min-width: 768px) and (max-width: 991.98px) { - .banner--green a { - display: inherit; - } - - .banner--green a:first-child { - margin-bottom: 0.5rem; - } -} - - -@media (max-width: 768px) { - - .howworks-section { - padding: 0 3rem; - } - - #hero_cta > div { - margin-left: auto !important; - margin-right: auto !important; - } - - #hero_cta > div .btn { - margin-left: 0 !important; - } - - #gc-robot { - right: 10px; - } - - #start .carousel-control-prev, - #start .carousel-control-next { - display: none; - } - - .pricing-tiers-container { - grid-template-columns: 1fr; - grid-template-rows: repeat(15, min-content); - } - - .case-studies-list { - margin-left: 0; - } - - .howworks-steps { - grid-template-columns: 1fr; - } - - .activity { - text-align: center; - } - - .activity-status a { - margin-top: 1rem; - } - - .activity-status span { - display: block; - margin-top: 4px; - margin-bottom: 4px; - } - - .activity div.activity-tags { - margin-top: 4px; - margin-bottom: 1rem; - } - - .activity div.activity-tags p { - margin-bottom: 0; - } -} - -@media (min-width: 768px) and (max-width: 991.98px) { - - .howworks-steps { - margin-left: 6rem; - margin-right: 6rem; - } -} - -@media (min-width: 992px) { - - .howworks-steps { - margin-left: 10rem; - margin-right: 10rem; - } - - .feat-3 { - position: relative; - left: -0.7rem; - } - - .newsletter #newsletter-input { - padding: 14px 16px !important; - min-width: 18rem !important; - border: 1px solid #888; - border-radius: 2px !important; - } - - #newsletter-subscribe { - height: 48px; - top: -2px; - border-radius: 2px; - position: relative; - box-shadow: none; - font-weight: 600; - } -} - -@media (max-width: 575.98px) { - - h1 { - font-size: 2rem; - } - - h3 { - font-size: 1.5rem; - } - - .pricing-tier__price { - font-size: 2.5rem; - } - - .case-studies-list { - font-size: 1.25rem; - } - - #gc-robot { - display: none; - } - - .feature_container img { - margin-bottom: 2rem; - min-width: 5rem; - } - - #start img { - top: 1rem; - } - - #start .carousel-item { - min-height: 17rem; - } - - .carousel-item .content { - margin-bottom: 1rem; - margin-top: 1rem; - } - - .howworks-container { - padding-left: .5rem !important; - padding-right: .5rem !important; - } - - .howworks-section { - padding: 0 .5rem; - margin-left: auto; - margin-right: auto; - } - - .whatisit_container iframe { - min-height: 0; - } -} - -/** Contributor landing page **/ - -.explore-bounties-link { - text-align: left; -} - -.contributor-page .profile-bounties .bounty_row { - background: #FFFFFF; - box-shadow: 0 1px 4px 1px rgba(0,0,0,0.10); - border-radius: 5px; - margin-bottom: 1.2rem; - padding-top: 1rem; - padding-bottom: 1rem; -} - -.contributor-page .tags-container { - margin-top: auto; - margin-bottom: auto; -} - -.contributor-page .tags-container .tags.fixed { - padding-bottom: 0; -} - -.text-purple { - color: #3f00ff; -} - -@media (max-width: 767px) { - .contributors-hero-container iframe { - max-width: 100%; - height: 100%; - } - - .story p { - text-align: center; - } - - .join-slack-btn { - margin-left: 0 !important; - } - - .join-gitcoin-heading { - margin-top: 2em; - font-size: 2rem; - } -} - -@media (max-width: 440px) { - .join-slack-btn { - margin-top: 1em; - } - - .explore-bounties-link { - text-align: center; - } -} diff --git a/app/assets/v2/css/leaderboard.css b/app/assets/v2/css/leaderboard.css deleted file mode 100644 index 44dcf788561..00000000000 --- a/app/assets/v2/css/leaderboard.css +++ /dev/null @@ -1,110 +0,0 @@ - -.interior .body.leaderboard-container { - background-color: #fff; -} - -.leaderboard .card-body { - border-radius: 3px; -} - -.leaderboard .podium-items { - background-color: #150069; -} - -.key-title { - display: inline; -} - -.key { - max-width: 12rem; - display: inline; -} - -.table-hover tbody tr:hover { - background-color: whitesmoke; -} - -.leaderboard .podium { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; - background: #150069; - justify-content: space-evenly; -} - -.leaderboard .winner { - position: relative; - padding: 0px; - text-align: center; -} - -.interior .body { - background-color: #140069; -} - -.leaderboard .clickable-row { - cursor: pointer; -} - -.leaderboard .winner img { - max-height: 10rem; - border-radius: 50%; -} - -.leaderboard .leaderboard_entry img { - max-height: 4rem; - border-radius: 50%; -} - -tbody, a { - color: #5C5D5F -} - -.leaderboard .winner a { - color: #fff; -} - -.leaderboard .leaderboard_entry { - padding: 10px 0px; - text-decoration: none; -} - -.item-count-bounties { - display: block; -} - -.hidemobile { - visibility: hidden; -} - -@media (min-width: 700px) { - .podium { - justify-content: space-between; - } - - .leaderboard .select { - display: block ; - } - - .leaderboard .leaderboard_entry div { - width: 100%; - } - - .leaderboard .leaderboard_entry div:nth-child(2) { - width: 30%; - } - - .leaderboard .leaderboard_entry div.progress { - width: 100%; - } - - .hidemobile { - visibility: visible; - } -} - -@media (min-width: 1000px) { - .leaderboard .leaderboard_entry { - padding: 10px 0px; - text-decoration: none; - } -} \ No newline at end of file diff --git a/app/assets/v2/css/lib/daterangepicker.css b/app/assets/v2/css/lib/daterangepicker.css deleted file mode 100644 index 72f7acdfb39..00000000000 --- a/app/assets/v2/css/lib/daterangepicker.css +++ /dev/null @@ -1,410 +0,0 @@ -.daterangepicker { - position: absolute; - color: inherit; - background-color: #fff; - border-radius: 4px; - border: 1px solid #ddd; - width: 278px; - max-width: none; - padding: 0; - margin-top: 7px; - top: 100px; - left: 20px; - z-index: 3001; - display: none; - font-family: arial; - font-size: 15px; - line-height: 1em; -} - -.daterangepicker:before, .daterangepicker:after { - position: absolute; - display: inline-block; - border-bottom-color: rgba(0, 0, 0, 0.2); - content: ''; -} - -.daterangepicker:before { - top: -7px; - border-right: 7px solid transparent; - border-left: 7px solid transparent; - border-bottom: 7px solid #ccc; -} - -.daterangepicker:after { - top: -6px; - border-right: 6px solid transparent; - border-bottom: 6px solid #fff; - border-left: 6px solid transparent; -} - -.daterangepicker.opensleft:before { - right: 9px; -} - -.daterangepicker.opensleft:after { - right: 10px; -} - -.daterangepicker.openscenter:before { - left: 0; - right: 0; - width: 0; - margin-left: auto; - margin-right: auto; -} - -.daterangepicker.openscenter:after { - left: 0; - right: 0; - width: 0; - margin-left: auto; - margin-right: auto; -} - -.daterangepicker.opensright:before { - left: 9px; -} - -.daterangepicker.opensright:after { - left: 10px; -} - -.daterangepicker.drop-up { - margin-top: -7px; -} - -.daterangepicker.drop-up:before { - top: initial; - bottom: -7px; - border-bottom: initial; - border-top: 7px solid #ccc; -} - -.daterangepicker.drop-up:after { - top: initial; - bottom: -6px; - border-bottom: initial; - border-top: 6px solid #fff; -} - -.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { - float: none; -} - -.daterangepicker.single .drp-selected { - display: none; -} - -.daterangepicker.show-calendar .drp-calendar { - display: block; -} - -.daterangepicker.show-calendar .drp-buttons { - display: block; -} - -.daterangepicker.auto-apply .drp-buttons { - display: none; -} - -.daterangepicker .drp-calendar { - display: none; - max-width: 270px; -} - -.daterangepicker .drp-calendar.left { - padding: 8px 0 8px 8px; -} - -.daterangepicker .drp-calendar.right { - padding: 8px; -} - -.daterangepicker .drp-calendar.single .calendar-table { - border: none; -} - -.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { - color: #fff; - border: solid black; - border-width: 0 2px 2px 0; - border-radius: 0; - display: inline-block; - padding: 3px; -} - -.daterangepicker .calendar-table .next span { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); -} - -.daterangepicker .calendar-table .prev span { - transform: rotate(135deg); - -webkit-transform: rotate(135deg); -} - -.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { - white-space: nowrap; - text-align: center; - vertical-align: middle; - min-width: 32px; - width: 32px; - height: 24px; - line-height: 24px; - font-size: 12px; - border-radius: 4px; - border: 1px solid transparent; - white-space: nowrap; - cursor: pointer; -} - -.daterangepicker .calendar-table { - border: 1px solid #fff; - border-radius: 4px; - background-color: #fff; -} - -.daterangepicker .calendar-table table { - width: 100%; - margin: 0; - border-spacing: 0; - border-collapse: collapse; -} - -.daterangepicker td.available:hover, .daterangepicker th.available:hover { - background-color: #eee; - border-color: transparent; - color: inherit; -} - -.daterangepicker td.week, .daterangepicker th.week { - font-size: 80%; - color: #ccc; -} - -.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { - background-color: #fff; - border-color: transparent; - color: #999; -} - -.daterangepicker td.in-range { - background-color: #ebf4f8; - border-color: transparent; - color: #000; - border-radius: 0; -} - -.daterangepicker td.start-date { - border-radius: 4px 0 0 4px; -} - -.daterangepicker td.end-date { - border-radius: 0 4px 4px 0; -} - -.daterangepicker td.start-date.end-date { - border-radius: 4px; -} - -.daterangepicker td.active, .daterangepicker td.active:hover { - background-color: #357ebd; - border-color: transparent; - color: #fff; -} - -.daterangepicker th.month { - width: auto; -} - -.daterangepicker td.disabled, .daterangepicker option.disabled { - color: #999; - cursor: not-allowed; - text-decoration: line-through; -} - -.daterangepicker select.monthselect, .daterangepicker select.yearselect { - font-size: 12px; - padding: 1px; - height: auto; - margin: 0; - cursor: default; -} - -.daterangepicker select.monthselect { - margin-right: 2%; - width: 56%; -} - -.daterangepicker select.yearselect { - width: 40%; -} - -.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { - width: 50px; - margin: 0 auto; - background: #eee; - border: 1px solid #eee; - padding: 2px; - outline: 0; - font-size: 12px; -} - -.daterangepicker .calendar-time { - text-align: center; - margin: 4px auto 0 auto; - line-height: 30px; - position: relative; -} - -.daterangepicker .calendar-time select.disabled { - color: #ccc; - cursor: not-allowed; -} - -.daterangepicker .drp-buttons { - clear: both; - text-align: right; - padding: 8px; - border-top: 1px solid #ddd; - display: none; - line-height: 12px; - vertical-align: middle; -} - -.daterangepicker .drp-selected { - display: inline-block; - font-size: 12px; - padding-right: 8px; -} - -.daterangepicker .drp-buttons .btn { - margin-left: 8px; - font-size: 12px; - font-weight: bold; - padding: 4px 8px; -} - -.daterangepicker.show-ranges.single.rtl .drp-calendar.left { - border-right: 1px solid #ddd; -} - -.daterangepicker.show-ranges.single.ltr .drp-calendar.left { - border-left: 1px solid #ddd; -} - -.daterangepicker.show-ranges.rtl .drp-calendar.right { - border-right: 1px solid #ddd; -} - -.daterangepicker.show-ranges.ltr .drp-calendar.left { - border-left: 1px solid #ddd; -} - -.daterangepicker .ranges { - float: none; - text-align: left; - margin: 0; -} - -.daterangepicker.show-calendar .ranges { - margin-top: 8px; -} - -.daterangepicker .ranges ul { - list-style: none; - margin: 0 auto; - padding: 0; - width: 100%; -} - -.daterangepicker .ranges li { - font-size: 12px; - padding: 8px 12px; - cursor: pointer; -} - -.daterangepicker .ranges li:hover { - background-color: #eee; -} - -.daterangepicker .ranges li.active { - background-color: #08c; - color: #fff; -} - -/* Larger Screen Styling */ -@media (min-width: 564px) { - .daterangepicker { - width: auto; - } - - .daterangepicker .ranges ul { - width: 140px; - } - - .daterangepicker.single .ranges ul { - width: 100%; - } - - .daterangepicker.single .drp-calendar.left { - clear: none; - } - - .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { - float: left; - } - - .daterangepicker { - direction: ltr; - text-align: left; - } - - .daterangepicker .drp-calendar.left { - clear: left; - margin-right: 0; - } - - .daterangepicker .drp-calendar.left .calendar-table { - border-right: none; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - .daterangepicker .drp-calendar.right { - margin-left: 0; - } - - .daterangepicker .drp-calendar.right .calendar-table { - border-left: none; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .daterangepicker .drp-calendar.left .calendar-table { - padding-right: 8px; - } - - .daterangepicker .ranges, .daterangepicker .drp-calendar { - float: left; - } -} - -@media (min-width: 730px) { - .daterangepicker .ranges { - width: auto; - } - - .daterangepicker .ranges { - float: left; - } - - .daterangepicker.rtl .ranges { - float: right; - } - - .daterangepicker .drp-calendar.left { - clear: none !important; - } -} diff --git a/app/assets/v2/css/lib/highlight_github.css b/app/assets/v2/css/lib/highlight_github.css deleted file mode 100644 index ae8b1b5f569..00000000000 --- a/app/assets/v2/css/lib/highlight_github.css +++ /dev/null @@ -1 +0,0 @@ -.hljs{display:block;overflow-x:auto;padding:.5em;color:#333;background:#f8f8f8}.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333;font-weight:bold}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color:#008080}.hljs-string,.hljs-doctag{color:#d14}.hljs-title,.hljs-section,.hljs-selector-id{color:#900;font-weight:bold}.hljs-subst{font-weight:normal}.hljs-type,.hljs-class .hljs-title{color:#458;font-weight:bold}.hljs-tag,.hljs-name,.hljs-attribute{color:#000080;font-weight:normal}.hljs-regexp,.hljs-link{color:#009926}.hljs-symbol,.hljs-bullet{color:#990073}.hljs-built_in,.hljs-builtin-name{color:#0086b3}.hljs-meta{color:#999;font-weight:bold}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold} \ No newline at end of file diff --git a/app/assets/v2/css/lib/plyr.css b/app/assets/v2/css/lib/plyr.css deleted file mode 100644 index ddf2189ee4e..00000000000 --- a/app/assets/v2/css/lib/plyr.css +++ /dev/null @@ -1 +0,0 @@ -@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);height:100%;line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(var(--plyr-control-spacing,10px)/ 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/ 2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:calc(768px - 1)){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);margin-right:calc(var(--plyr-control-spacing,10px)/ 2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important} diff --git a/app/assets/v2/css/lib/quill-snow.css b/app/assets/v2/css/lib/quill-snow.css deleted file mode 100644 index b963584fef7..00000000000 --- a/app/assets/v2/css/lib/quill-snow.css +++ /dev/null @@ -1,966 +0,0 @@ -/*! - * Quill Editor v1.3.6 - * https://quilljs.com/ - * Copyright (c) 2014, Jason Chen - * Copyright (c) 2013, salesforce.com - */ - .ql-container { - box-sizing: border-box; - /* font-family: Helvetica, Arial, sans-serif; */ - /* font-size: 13px; */ - height: 100%; - margin: 0px; - position: relative; -} -.ql-container.ql-disabled .ql-tooltip { - visibility: hidden; -} -.ql-container.ql-disabled .gc-editor ul[data-checked] > li::before { - pointer-events: none; -} -.ql-clipboard { - left: -100000px; - height: 1px; - overflow-y: hidden; - position: absolute; - top: 50%; -} -.ql-clipboard p { - margin: 0; - padding: 0; -} -.ql-editor { - box-sizing: border-box; - /* line-height: 1.42; */ - height: 100%; - outline: none; - overflow-y: auto; - padding: 12px 15px; - tab-size: 4; - -moz-tab-size: 4; - text-align: left; - white-space: pre-wrap; - word-wrap: break-word; -} -.ql-editor > * { - cursor: text; -} -.gc-editor p, -.gc-editor ol, -.gc-editor ul, -.gc-editor pre, -.gc-editor blockquote, -.gc-editor h1, -.gc-editor h2, -.gc-editor h3, -.gc-editor h4, -.gc-editor h5, -.gc-editor h6 { - /* margin: 0; - padding: 0; */ - counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; -} -.gc-editor ol, .gc-editor ul, .gc-editor ul, .gc-editor ol { - padding-left: 1.5em; -} -.gc-editor ol > li, -.gc-editor ul > li, -.gc-editor ol > li, -.gc-editor ul > li { - list-style-type: none; -} -.gc-editor ul > li::before, .gc-editor ul > li::before { - content: '\2022'; -} -.gc-editor ul[data-checked=true], -.gc-editor ul[data-checked=false] { - pointer-events: none; -} -.gc-editor ul[data-checked=true] > li *, -.gc-editor ul[data-checked=false] > li * { - pointer-events: all; -} -.gc-editor ul[data-checked=true] > li::before, -.gc-editor ul[data-checked=false] > li::before { - color: #777; - cursor: pointer; - pointer-events: all; -} -.gc-editor ul[data-checked=true] > li::before { - content: '\2611'; -} -.gc-editor ul[data-checked=false] > li::before { - content: '\2610'; -} -.gc-editor li::before { - display: inline-block; - white-space: nowrap; - width: 1.2em; -} -.gc-editor li:not(.ql-direction-rtl)::before { - margin-left: -1.5em; - margin-right: 0.3em; - text-align: right; -} -.gc-editor li.ql-direction-rtl::before { - margin-left: 0.3em; - margin-right: -1.5em; -} -.gc-editor ol li:not(.ql-direction-rtl), -.gc-editor ul li:not(.ql-direction-rtl) { - padding-left: 1.5em; -} -.gc-editor ol li.ql-direction-rtl, -.gc-editor ul li.ql-direction-rtl { - padding-right: 1.5em; -} -.gc-editor ol li { - counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; - counter-increment: list-0; -} -.gc-editor ol li:before { - content: counter(list-0, decimal) '. '; -} -.gc-editor ol li.ql-indent-1 { - counter-increment: list-1; -} -.gc-editor ol li.ql-indent-1:before { - content: counter(list-1, lower-alpha) '. '; -} -.gc-editor ol li.ql-indent-1 { - counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; -} -.gc-editor ol li.ql-indent-2 { - counter-increment: list-2; -} -.gc-editor ol li.ql-indent-2:before { - content: counter(list-2, lower-roman) '. '; -} -.gc-editor ol li.ql-indent-2 { - counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; -} -.gc-editor ol li.ql-indent-3 { - counter-increment: list-3; -} -.gc-editor ol li.ql-indent-3:before { - content: counter(list-3, decimal) '. '; -} -.gc-editor ol li.ql-indent-3 { - counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; -} -.gc-editor ol li.ql-indent-4 { - counter-increment: list-4; -} -.gc-editor ol li.ql-indent-4:before { - content: counter(list-4, lower-alpha) '. '; -} -.gc-editor ol li.ql-indent-4 { - counter-reset: list-5 list-6 list-7 list-8 list-9; -} -.gc-editor ol li.ql-indent-5 { - counter-increment: list-5; -} -.gc-editor ol li.ql-indent-5:before { - content: counter(list-5, lower-roman) '. '; -} -.gc-editor ol li.ql-indent-5 { - counter-reset: list-6 list-7 list-8 list-9; -} -.gc-editor ol li.ql-indent-6 { - counter-increment: list-6; -} -.gc-editor ol li.ql-indent-6:before { - content: counter(list-6, decimal) '. '; -} -.gc-editor ol li.ql-indent-6 { - counter-reset: list-7 list-8 list-9; -} -.gc-editor ol li.ql-indent-7 { - counter-increment: list-7; -} -.gc-editor ol li.ql-indent-7:before { - content: counter(list-7, lower-alpha) '. '; -} -.gc-editor ol li.ql-indent-7 { - counter-reset: list-8 list-9; -} -.gc-editor ol li.ql-indent-8 { - counter-increment: list-8; -} -.gc-editor ol li.ql-indent-8:before { - content: counter(list-8, lower-roman) '. '; -} -.gc-editor ol li.ql-indent-8 { - counter-reset: list-9; -} -.gc-editor ol li.ql-indent-9 { - counter-increment: list-9; -} -.gc-editor ol li.ql-indent-9:before { - content: counter(list-9, decimal) '. '; -} -.gc-editor .ql-indent-1:not(.ql-direction-rtl) { - padding-left: 3em; -} -.gc-editor li.ql-indent-1:not(.ql-direction-rtl) { - padding-left: 4.5em; -} -.gc-editor .ql-indent-1.ql-direction-rtl.ql-align-right { - padding-right: 3em; -} -.gc-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { - padding-right: 4.5em; -} -.gc-editor .ql-indent-2:not(.ql-direction-rtl) { - padding-left: 6em; -} -.gc-editor li.ql-indent-2:not(.ql-direction-rtl) { - padding-left: 7.5em; -} -.gc-editor .ql-indent-2.ql-direction-rtl.ql-align-right { - padding-right: 6em; -} -.gc-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { - padding-right: 7.5em; -} -.gc-editor .ql-indent-3:not(.ql-direction-rtl) { - padding-left: 9em; -} -.gc-editor li.ql-indent-3:not(.ql-direction-rtl) { - padding-left: 10.5em; -} -.gc-editor .ql-indent-3.ql-direction-rtl.ql-align-right { - padding-right: 9em; -} -.gc-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { - padding-right: 10.5em; -} -.gc-editor .ql-indent-4:not(.ql-direction-rtl) { - padding-left: 12em; -} -.gc-editor li.ql-indent-4:not(.ql-direction-rtl) { - padding-left: 13.5em; -} -.gc-editor .ql-indent-4.ql-direction-rtl.ql-align-right { - padding-right: 12em; -} -.gc-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { - padding-right: 13.5em; -} -.gc-editor .ql-indent-5:not(.ql-direction-rtl) { - padding-left: 15em; -} -.gc-editor li.ql-indent-5:not(.ql-direction-rtl) { - padding-left: 16.5em; -} -.gc-editor .ql-indent-5.ql-direction-rtl.ql-align-right { - padding-right: 15em; -} -.gc-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { - padding-right: 16.5em; -} -.gc-editor .ql-indent-6:not(.ql-direction-rtl) { - padding-left: 18em; -} -.gc-editor li.ql-indent-6:not(.ql-direction-rtl) { - padding-left: 19.5em; -} -.gc-editor .ql-indent-6.ql-direction-rtl.ql-align-right { - padding-right: 18em; -} -.gc-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { - padding-right: 19.5em; -} -.gc-editor .ql-indent-7:not(.ql-direction-rtl) { - padding-left: 21em; -} -.gc-editor li.ql-indent-7:not(.ql-direction-rtl) { - padding-left: 22.5em; -} -.gc-editor .ql-indent-7.ql-direction-rtl.ql-align-right { - padding-right: 21em; -} -.gc-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { - padding-right: 22.5em; -} -.gc-editor .ql-indent-8:not(.ql-direction-rtl) { - padding-left: 24em; -} -.gc-editor li.ql-indent-8:not(.ql-direction-rtl) { - padding-left: 25.5em; -} -.gc-editor .ql-indent-8.ql-direction-rtl.ql-align-right { - padding-right: 24em; -} -.gc-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { - padding-right: 25.5em; -} -.gc-editor .ql-indent-9:not(.ql-direction-rtl) { - padding-left: 27em; -} -.gc-editor li.ql-indent-9:not(.ql-direction-rtl) { - padding-left: 28.5em; -} -.gc-editor .ql-indent-9.ql-direction-rtl.ql-align-right { - padding-right: 27em; -} -.gc-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { - padding-right: 28.5em; -} -.gc-editor .ql-video { - display: block; - max-width: 100%; - min-width: 600px; - min-height: 336px; -} -.gc-editor .ql-video.ql-align-center { - margin: 0 auto; -} -.gc-editor .ql-video.ql-align-right { - margin: 0 0 0 auto; -} -.gc-editor .ql-bg-black { - background-color: #000; -} -.gc-editor .ql-bg-red { - background-color: #e60000; -} -.gc-editor .ql-bg-orange { - background-color: #f90; -} -.gc-editor .ql-bg-yellow { - background-color: #ff0; -} -.gc-editor .ql-bg-green { - background-color: #008a00; -} -.gc-editor .ql-bg-blue { - background-color: #06c; -} -.gc-editor .ql-bg-purple { - background-color: #93f; -} -.gc-editor .ql-color-white { - color: #fff; -} -.gc-editor .ql-color-red { - color: #e60000; -} -.gc-editor .ql-color-orange { - color: #f90; -} -.gc-editor .ql-color-yellow { - color: #ff0; -} -.gc-editor .ql-color-green { - color: #008a00; -} -.gc-editor .ql-color-blue { - color: #06c; -} -.gc-editor .ql-color-purple { - color: #93f; -} -.gc-editor .ql-font-serif { - font-family: Georgia, Times New Roman, serif; -} -.gc-editor .ql-font-monospace { - font-family: Monaco, Courier New, monospace; -} -.gc-editor .ql-size-small { - font-size: 0.75em; -} -.gc-editor .ql-size-large { - font-size: 1.5em; -} -.gc-editor .ql-size-huge { - font-size: 2.5em; -} -.gc-editor .ql-direction-rtl { - direction: rtl; - text-align: inherit; -} -.gc-editor .ql-align-center { - text-align: center; -} -.gc-editor .ql-align-justify { - text-align: justify; -} -.gc-editor .ql-align-right { - text-align: right; -} -.gc-editor.ql-blank::before { - color: rgba(0,0,0,0.6); - content: attr(data-placeholder); - font-style: italic; - left: 15px; - pointer-events: none; - position: absolute; - right: 15px; -} - -/* Toolbar styles */ -.ql-snow.ql-toolbar:after, -.ql-snow .ql-toolbar:after { - clear: both; - content: ''; - display: table; -} -.ql-snow.ql-toolbar button, -.ql-snow .ql-toolbar button { - background: none; - border: none; - cursor: pointer; - display: inline-block; - float: left; - height: 24px; - padding: 3px 5px; - width: 28px; -} -.ql-snow.ql-toolbar button svg, -.ql-snow .ql-toolbar button svg { - float: left; - height: 100%; -} -.ql-snow.ql-toolbar button:active:hover, -.ql-snow .ql-toolbar button:active:hover { - outline: none; -} -.ql-snow.ql-toolbar input.ql-image[type=file], -.ql-snow .ql-toolbar input.ql-image[type=file] { - display: none; -} -.ql-snow.ql-toolbar button:hover, -.ql-snow .ql-toolbar button:hover, -.ql-snow.ql-toolbar button:focus, -.ql-snow .ql-toolbar button:focus, -.ql-snow.ql-toolbar button.ql-active, -.ql-snow .ql-toolbar button.ql-active, -.ql-snow.ql-toolbar .ql-picker-label:hover, -.ql-snow .ql-toolbar .ql-picker-label:hover, -.ql-snow.ql-toolbar .ql-picker-label.ql-active, -.ql-snow .ql-toolbar .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker-item:hover, -.ql-snow .ql-toolbar .ql-picker-item:hover, -.ql-snow.ql-toolbar .ql-picker-item.ql-selected, -.ql-snow .ql-toolbar .ql-picker-item.ql-selected { - color: #06c; -} -.ql-snow.ql-toolbar button:hover .ql-fill, -.ql-snow .ql-toolbar button:hover .ql-fill, -.ql-snow.ql-toolbar button:focus .ql-fill, -.ql-snow .ql-toolbar button:focus .ql-fill, -.ql-snow.ql-toolbar button.ql-active .ql-fill, -.ql-snow .ql-toolbar button.ql-active .ql-fill, -.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, -.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, -.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, -.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, -.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, -.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, -.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, -.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, -.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, -.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, -.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, -.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, -.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, -.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, -.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, -.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, -.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, -.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, -.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, -.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, -.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { - fill: #06c; -} -.ql-snow.ql-toolbar button:hover .ql-stroke, -.ql-snow .ql-toolbar button:hover .ql-stroke, -.ql-snow.ql-toolbar button:focus .ql-stroke, -.ql-snow .ql-toolbar button:focus .ql-stroke, -.ql-snow.ql-toolbar button.ql-active .ql-stroke, -.ql-snow .ql-toolbar button.ql-active .ql-stroke, -.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, -.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, -.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, -.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, -.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, -.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, -.ql-snow.ql-toolbar button:hover .ql-stroke-miter, -.ql-snow .ql-toolbar button:hover .ql-stroke-miter, -.ql-snow.ql-toolbar button:focus .ql-stroke-miter, -.ql-snow .ql-toolbar button:focus .ql-stroke-miter, -.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, -.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, -.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, -.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, -.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, -.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, -.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, -.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, -.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, -.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { - stroke: #06c; -} -@media (pointer: coarse) { - .ql-snow.ql-toolbar button:hover:not(.ql-active), - .ql-snow .ql-toolbar button:hover:not(.ql-active) { - color: #444; - } - .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, - .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, - .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, - .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { - fill: #444; - } - .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, - .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, - .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, - .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { - stroke: #444; - } -} -.ql-snow { - box-sizing: border-box; -} -.ql-snow * { - box-sizing: border-box; -} -.ql-snow .ql-hidden { - display: none; -} -.ql-snow .ql-out-bottom, -.ql-snow .ql-out-top { - visibility: hidden; -} -.ql-snow .ql-tooltip { - position: absolute; - transform: translateY(10px); -} -.ql-snow .ql-tooltip a { - cursor: pointer; - text-decoration: none; -} -.ql-snow .ql-tooltip.ql-flip { - transform: translateY(-10px); -} -.ql-snow .ql-formats { - display: inline-block; - vertical-align: middle; -} -.ql-snow .ql-formats:after { - clear: both; - content: ''; - display: table; -} -.ql-snow svg { - vertical-align: inherit; -} -.ql-snow .ql-stroke { - fill: none; - stroke: #444; - stroke-linecap: round; - stroke-linejoin: round; - stroke-width: 2; -} -.ql-snow .ql-stroke-miter { - fill: none; - stroke: #444; - stroke-miterlimit: 10; - stroke-width: 2; -} -.ql-snow .ql-fill, -.ql-snow .ql-stroke.ql-fill { - fill: #444; -} -.ql-snow .ql-empty { - fill: none; -} -.ql-snow .ql-even { - fill-rule: evenodd; -} -.ql-snow .ql-thin, -.ql-snow .ql-stroke.ql-thin { - stroke-width: 1; -} -.ql-snow .ql-transparent { - opacity: 0.4; -} -.ql-snow .ql-direction svg:last-child { - display: none; -} -.ql-snow .ql-direction.ql-active svg:last-child { - display: inline; -} -.ql-snow .ql-direction.ql-active svg:first-child { - display: none; -} -.ql-snow .gc-editor h1 { - font-size: 2em; -} -.ql-snow .gc-editor h2 { - /* font-size: 1.5em; */ -} -.ql-snow .gc-editor h3 { - font-size: 1.17em; -} -.ql-snow .gc-editor h4 { - font-size: 1em; -} -.ql-snow .gc-editor h5 { - font-size: 0.83em; -} -.ql-snow .gc-editor h6 { - font-size: 0.67em; -} -.ql-snow .gc-editor a { - text-decoration: underline; -} -.gc-editor blockquote { - border-left: 4px solid #ccc; - margin-bottom: 5px; - margin-top: 5px; - padding-left: 16px; -} -.gc-editor code, -.gc-editor pre { - background-color: #f0f0f0; - border-radius: 3px; -} -.gc-editor pre { - white-space: pre-wrap; - margin-bottom: 5px; - margin-top: 5px; - padding: 5px 10px; -} -.gc-editor code { - font-size: 85%; - padding: 2px 4px; -} -.gc-editor pre.ql-syntax { - background-color: #23241f; - color: #f8f8f2; - overflow: visible; -} -.gc-editor img { - max-width: 100%; -} -.ql-snow .ql-picker { - color: #444; - display: inline-block; - float: left; - font-size: 14px; - font-weight: 500; - height: 24px; - position: relative; - vertical-align: middle; -} -.ql-snow .ql-picker-label { - cursor: pointer; - display: inline-block; - height: 100%; - padding-left: 8px; - padding-right: 2px; - position: relative; - width: 100%; -} -.ql-snow .ql-picker-label::before { - display: inline-block; - line-height: 22px; -} -.ql-snow .ql-picker-options { - background-color: #fff; - display: none; - min-width: 100%; - padding: 4px 8px; - position: absolute; - white-space: nowrap; -} -.ql-snow .ql-picker-options .ql-picker-item { - cursor: pointer; - display: block; - padding-bottom: 5px; - padding-top: 5px; -} -.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #ccc; - z-index: 2; -} -.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #ccc; -} -.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #ccc; -} -.ql-snow .ql-picker.ql-expanded .ql-picker-options { - display: block; - margin-top: -1px; - top: 100%; - z-index: 1; -} -.ql-snow .ql-color-picker, -.ql-snow .ql-icon-picker { - width: 28px; -} -.ql-snow .ql-color-picker .ql-picker-label, -.ql-snow .ql-icon-picker .ql-picker-label { - padding: 2px 4px; -} -.ql-snow .ql-color-picker .ql-picker-label svg, -.ql-snow .ql-icon-picker .ql-picker-label svg { - right: 4px; -} -.ql-snow .ql-icon-picker .ql-picker-options { - padding: 4px 0px; -} -.ql-snow .ql-icon-picker .ql-picker-item { - height: 24px; - width: 24px; - padding: 2px 4px; -} -.ql-snow .ql-color-picker .ql-picker-options { - padding: 3px 5px; - width: 152px; -} -.ql-snow .ql-color-picker .ql-picker-item { - border: 1px solid transparent; - float: left; - height: 16px; - margin: 2px; - padding: 0px; - width: 16px; -} -.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { - position: absolute; - margin-top: -9px; - right: 0; - top: 50%; - width: 18px; -} -.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, -.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, -.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, -.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, -.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, -.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { - content: attr(data-label); -} -.ql-snow .ql-picker.ql-header { - width: 98px; -} -.ql-snow .ql-picker.ql-header .ql-picker-label::before, -.ql-snow .ql-picker.ql-header .ql-picker-item::before { - content: 'Normal'; -} -.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { - content: 'Heading 1'; -} -.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { - content: 'Heading 2'; -} -.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { - content: 'Heading 3'; -} -.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { - content: 'Heading 4'; -} -.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { - content: 'Heading 5'; -} -.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { - content: 'Heading 6'; -} -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { - font-size: 2em; -} -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { - font-size: 1.5em; -} -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { - font-size: 1.17em; -} -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { - font-size: 1em; -} -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { - font-size: 0.83em; -} -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { - font-size: 0.67em; -} -.ql-snow .ql-picker.ql-font { - width: 108px; -} -.ql-snow .ql-picker.ql-font .ql-picker-label::before, -.ql-snow .ql-picker.ql-font .ql-picker-item::before { - content: 'Sans Serif'; -} -.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, -.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { - content: 'Serif'; -} -.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, -.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { - content: 'Monospace'; -} -.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { - font-family: Georgia, Times New Roman, serif; -} -.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { - font-family: Monaco, Courier New, monospace; -} -.ql-snow .ql-picker.ql-size { - width: 98px; -} -.ql-snow .ql-picker.ql-size .ql-picker-label::before, -.ql-snow .ql-picker.ql-size .ql-picker-item::before { - content: 'Normal'; -} -.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, -.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { - content: 'Small'; -} -.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, -.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { - content: 'Large'; -} -.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, -.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { - content: 'Huge'; -} -.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { - font-size: 10px; -} -.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { - font-size: 18px; -} -.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { - font-size: 32px; -} -.ql-snow .ql-color-picker.ql-background .ql-picker-item { - background-color: #fff; -} -.ql-snow .ql-color-picker.ql-color .ql-picker-item { - background-color: #000; -} -.ql-toolbar.ql-snow { - border: 1px solid #ccc; - box-sizing: border-box; - font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; - padding: 8px; -} -.ql-toolbar.ql-snow .ql-formats { - margin-right: 15px; -} -.ql-toolbar.ql-snow .ql-picker-label { - border: 1px solid transparent; -} -.ql-toolbar.ql-snow .ql-picker-options { - border: 1px solid transparent; - box-shadow: rgba(0,0,0,0.2) 0 2px 8px; -} -.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - border-color: #ccc; -} -.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - border-color: #ccc; -} -.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, -.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { - border-color: #000; -} -.ql-toolbar.ql-snow + .ql-container.ql-snow { - border-top: 0px; -} -.ql-snow .ql-tooltip { - background-color: #fff; - border: 1px solid #ccc; - box-shadow: 0px 0px 5px #ddd; - color: #444; - padding: 5px 12px; - white-space: nowrap; -} -.ql-snow .ql-tooltip::before { - content: "Visit URL:"; - line-height: 26px; - margin-right: 8px; -} -.ql-snow .ql-tooltip input[type=text] { - display: none; - border: 1px solid #ccc; - font-size: 13px; - height: 26px; - margin: 0px; - padding: 3px 5px; - width: 170px; -} -.ql-snow .ql-tooltip a.ql-preview { - display: inline-block; - max-width: 200px; - overflow-x: hidden; - text-overflow: ellipsis; - vertical-align: top; -} -.ql-snow .ql-tooltip a.ql-action::after { - border-right: 1px solid #ccc; - content: 'Edit'; - margin-left: 16px; - padding-right: 8px; -} -.ql-snow .ql-tooltip a.ql-remove::before { - content: 'Remove'; - margin-left: 8px; -} -.ql-snow .ql-tooltip a { - line-height: 26px; -} -.ql-snow .ql-tooltip.ql-editing a.ql-preview, -.ql-snow .ql-tooltip.ql-editing a.ql-remove { - display: none; -} -.ql-snow .ql-tooltip.ql-editing input[type=text] { - display: inline-block; -} -.ql-snow .ql-tooltip.ql-editing a.ql-action::after { - border-right: 0px; - content: 'Save'; - padding-right: 0px; -} -.ql-snow .ql-tooltip[data-mode=link]::before { - content: "Enter link:"; -} -.ql-snow .ql-tooltip[data-mode=formula]::before { - content: "Enter formula:"; -} -.ql-snow .ql-tooltip[data-mode=video]::before { - content: "Enter video:"; -} -.ql-snow a { - color: #06c; -} -.ql-container.ql-snow { - border: 1px solid #ccc; -} - -.inactive .ql-editor { - padding:0; - line-height:inherit; -} - -.inactive .ql-toolbar { - display:none; -} - -.inactive .ql-container.ql-snow { - border:none; -} diff --git a/app/assets/v2/css/lib/slider.css b/app/assets/v2/css/lib/slider.css deleted file mode 100644 index 6ec223843f5..00000000000 --- a/app/assets/v2/css/lib/slider.css +++ /dev/null @@ -1,46 +0,0 @@ -.g-switch input { - display: none; -} - -.g-switch { - display: inline-block; - width: 60px; - height: 30px; - margin: 8px; - transform: translateY(50%); - position: relative; -} - -.g-switch .slider { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - border-radius: 30px; - box-shadow: 0 0 0 2px #0D0764, 0 0 4px #0D0764; - cursor: pointer; - border: 4px solid transparent; - overflow: hidden; - transition: .4s; -} - -.g-switch .slider:before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - background: #0D0764; - border-radius: 30px; - transform: translateX(-30px); - transition: .4s; -} - -.g-switch input:checked + .slider:before { - transform: translateX(30px); - background: limegreen; -} - -.g-switch input:checked + .slider { - box-shadow: 0 0 0 2px limegreen,0 0 2px limegreen; -} diff --git a/app/assets/v2/css/lib/typography.css b/app/assets/v2/css/lib/typography.css deleted file mode 100644 index 4f3665861e9..00000000000 --- a/app/assets/v2/css/lib/typography.css +++ /dev/null @@ -1,72 +0,0 @@ -@font-face { - font-family: 'futura-pt'; - src: url('/static/v2/fonts/futura/font4.ttf')/* TTF file for CSS3 browsers */ -} - -/* muli-200 - latin */ -@font-face { - font-family: 'Muli'; - font-style: normal; - font-weight: 200; - src: local('Muli ExtraLight'), local('Muli-ExtraLight'), - url('/static/v2/fonts/muli/muli-v12-latin-200.woff2') format('woff2'), - url('/static/v2/fonts/muli/muli-vn-200.woff') format('woff'), - url('/static/v2/fonts/muli/muli-v12-latin-200.ttf') format('truetype'); -} - -/* muli-regular - latin */ -@font-face { - font-family: 'Muli'; - font-style: normal; - font-weight: 400; - src: local('Muli Regular'), local('Muli-Regular'), - url('/static/v2/fonts/muli/muli-v12-latin-regular.woff2') format('woff2'), - url('/static/v2/fonts/muli/muli-vn-regular.woff') format('woff'), - url('/static/v2/fonts/muli/muli-v12-latin-regular.ttf') format('truetype'); -} - -/* muli-600 - latin */ -@font-face { - font-family: 'Muli'; - font-style: normal; - font-weight: 600; - src: local('Muli SemiBold'), local('Muli-SemiBold'), - url('/static/v2/fonts/muli/muli-v12-latin-600.woff2') format('woff2'), - url('/static/v2/fonts/muli/muli-vn-600.woff') format('woff'), - url('/static/v2/fonts/muli/muli-v12-latin-600.ttf') format('truetype'); -} - -/* muli-700 - latin */ -@font-face { - font-family: 'Muli'; - font-style: normal; - font-weight: 700; - src: local('Muli Bold'), local('Muli-Bold'), - url('/static/v2/fonts/muli/muli-v12-latin-700.woff2') format('woff2'), - url('/static/v2/fonts/muli/muli-vn-700.woff') format('woff'), - url('/static/v2/fonts/muli/muli-v12-latin-700.ttf') format('truetype'); -} - -.g-font-futura { - font-family: 'futura-pt', sans-serif; -} - -.g-font-muli { - font-family: 'Muli', sans-serif; -} - -/* Font variables - fs -> font size - fw -> font weight - */ -:root{ - --fs-title-xl: 1.8rem; - --fs-title-lg: 1.4rem; - --fs-title: 1.25rem; - --fs-header: 1.125rem; - --fs-subheader: 1rem; - --fs-body: 0.875rem; - - --fw-light: 300; - --fw-bold: 700; -} diff --git a/app/assets/v2/css/mission.css b/app/assets/v2/css/mission.css deleted file mode 100644 index 2f09553fe63..00000000000 --- a/app/assets/v2/css/mission.css +++ /dev/null @@ -1,343 +0,0 @@ -/* General Page Styles */ - -/* Font */ -/* The Titles */ -.section-title { - font-family: 'Muli', sans-serif; - font-style: normal; - font-weight: normal; - font-size: 30px; - line-height: 38px; - letter-spacing: 0.02em; -} - -/* Section Specific Styles */ - -/* We Want Section */ -@media (min-width: 319px) { - /* The Background Image. */ - #we-want-section { - background-image: url('/static/v2/images/bg/we_want_bg_mobile.svg'); - background-repeat: no-repeat; - background-size: contain; - height: 70rem; - } - .mt-320-22 { - margin-top: 22rem; - } - .card-text-container { - background: linear-gradient(270deg, #74F7FF -11.02%, #FFFFFF 103.41%); - } - .card-text-container p { - color: #3E00FF; - } -} -@media (min-width: 374px) { - .mt-375-27 { - margin-top: 27rem; - } - .ml-374-n5, .mx-374-n5 { - margin-left: -3rem!important; - } - - .mr-374-n5, .mx-374-n5 { - margin-right: -3rem!important; - } -} -@media (min-width: 319px) and (max-width: 376px) { - .pr-320-to-375-3 { - padding-right: 1rem!important; - } -} -@media (min-width: 424px) { - .mt-425-30 { - margin-top: 30rem; - } - .justify-content-425-center { - -ms-flex-pack: center!important; - justify-content: center!important; - } -} -@media (min-width: 767px) { - #we-want-section { - height: 100em; - } - .mt-768-60 { - margin-top: 60rem; - } - -} -@media (min-width: 959px) { - #we-want-section { - background-image: url('/static/v2/images/bg/we_want_bg.svg'); - background-size: cover; - background-position: 0px -136px; - height: 39.5rem; - } - .card-text-container { - background: #18003F; - } - .card-text-container p { - color: #FFFFFF; - } - .col-lg-33 { - -ms-flex: 0 0 33.4211%; - flex: 0 0 33.4211%; - max-width: 33.4211%; - } - .ml-lg-n6, .mx-lg-n6 { - margin-left: -4rem!important; - } - - .mr-lg-n6, .mx-lg-n6 { - margin-right: -4rem!important; - } -} -@media (min-width: 976px) and (max-width: 1025px){ - #we-want-section { - height: 41.5rem; - } -} -@media (min-width: 1199px) { - .ml-xl-n7, .mx-xl-n7 { - margin-left: -5rem!important; - } - - .mr-xl-n7, .mx-xl-n7 { - margin-right: -5rem!important; - } -} -@media (min-width: 1439px) { - #we-want-section { - height: 59rem; - } -} -@media (min-width: 1530px) { - #we-want-section { - height: 62.7rem; - } -} -@media (min-width: 2500px) { - #we-want-section { - background-position: 0px -232px; - height: 105.7rem; - } -} - -/* We Believe Section */ -@media (min-width: 319px) { - #we-believe-media { - width: 290px; - height: 242px; - } - #we-believe-title { - margin-left: 10%; - } -} -@media (min-width: 374px) { - #we-believe-media { - width: 345px; - height: 285px; - } - #we-believe-title { - margin-left: 15%; - } -} -@media (min-width: 424px) { - #we-believe-media { - width: 391px; - height: 323px; - } - #we-believe-title { - margin-left: 17%; - } -} -@media (min-width: 767px) { - #we-believe-media { - width: 700px; - height: 620px; - } - #we-believe-title { - margin-left: 8%; - } - - .ml-md-6 { - margin-left: 6rem; - } -} -@media (min-width: 1023px) { - #we-believe-media { - width: 480px; - height: 400px; - } -} -@media (min-width: 1439px) { - #we-believe-media { - width: 680px; - height: 600px; - } -} -@media (min-width: 1535px) { - #we-believe-media { - width: 700px; - height: 620px; - } -} - -/* We Value Section */ -#we-value { - font-family: 'Muli', sans-serif; - font-style: normal; - font-weight: normal; - font-size: 19px; - line-height: 24px; - letter-spacing: 0.02em; - color: #000000; -} -#vote-text { - font-family: 'Muli', sans-serif; - font-style: normal; - font-weight: bold; - font-size: 12px; - line-height: 15px; - letter-spacing: 0.02em; - text-transform: capitalize; - color: #FFFFFF; -} -.col-we-value-buttons { - -ms-flex: 0 0 11.5%; - flex: 0 0 11.5%; - max-width: 11.5%; -} -.we-value-text { - font-family: 'Muli', sans-serif; - font-style: normal; - font-weight: bold; - font-size: 21px; - line-height: 26px; - text-align: center; - letter-spacing: 0.02em; - - color: #42E8E0; -} -@media (max-width: 321px) { - .col-320-12 { - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - } -} -@media (min-width: 319px) { - #we-value-bg_mobile { - background-image: url('/static/v2/images/bg/we_value_bg_mobile.svg'); - background-repeat: no-repeat; - background-size: contain; - background-position: 0 350px; - height: 75rem; - } -} -@media (min-width: 374px) { - #we-value-bg_mobile { - background-position: 0 240px; - height: 70rem; - } -} -@media (min-width: 767px) { - #we-value-bg_mobile { - background-position: 0 160px; - height: 60rem; - } -} -@media (min-width: 319px) and (max-width: 769px) { - #we-value { - color: #3E00FF; - } -} -@media (min-width: 959px) { - #we-value-bg_mobile { - background-image: url('/static/v2/images/bg/we_value_bg.svg'); - background-size: 90% 80%; - background-position: 40px -4px; - height: 75rem; - } - .mt-959-20 { - margin-top: 20rem; - } - .h-959-35 { - height: 35%; - } -} -@media (min-width: 1439px) { - #we-value-bg_mobile { - background-size: 77% 80%; - background-position: 160px 120px; - height: 58rem; - } - .mt-xl-7 { - margin-top: 7rem!important; - } -} -@media (min-width: 1535px) { - #we-value-bg_mobile { - background-size: 72% 80%; - background-position: 205px 120px; - } -} -@media (min-width: 2500px) { - #we-value-bg_mobile { - background-size: 44% 80%; - background-position: 719px 120px; - } -} - - -/* We Interact - Section */ -@media (min-width: 319px) { - #we-interact-section { - background-image: url('/static/v2/images/bg/we_interact_bg_mobile.svg'); - background-repeat: no-repeat; - background-size: cover; - } - .we-interact-card-text { - width: 213px; - height: 108px; - font-family: 'Muli', sans-serif; - font-style: normal; - font-weight: normal; - font-size: 16px; - line-height: 20px; - text-align: center; - letter-spacing: 0.02em; - color: #3E00FF; - } -} -@media (min-width: 767px) { - #we-interact-section { - background-image: url('/static/v2/images/bg/we_interact_bg.svg'); - height: 105rem; - } -} -@media (min-width: 960px) { - #we-interact-section { - height: 63rem; - } -} -@media (min-width: 1023px) { - #we-interact-section { - height: 72rem; - } - .we-interact-card-text { - color: #000000; - } -} -@media (min-width: 1439px) { - #we-interact-section { - background-size: contain; - height: 70rem; - } -} -@media (min-width: 2500px) { - #we-interact-section { - background-size: cover; - } -} diff --git a/app/assets/v2/css/newsletter.css b/app/assets/v2/css/newsletter.css deleted file mode 100644 index 573b6c94737..00000000000 --- a/app/assets/v2/css/newsletter.css +++ /dev/null @@ -1,67 +0,0 @@ -.newsletter { - margin-top: 1em; - border-top: 1px solid #eee; -} - -.newsletter h4 { - letter-spacing: 0; - font-size: 20px; - text-transform: none; -} - -#landing_page_wrapper .newsletter h4 { - color: black; -} - -.newsletter label { - width: 100%; - font-size: 10px; - color: #888; -} - -.newsletter #newsletter-input { - font-size: 14px; - padding: 10px 40px; - border: 1px solid #eee; - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; - width: 18rem; - text-align: center; - outline: none; -} - -.newsletter .addon { - display: inline-block; - position: relative; - cursor: pointer; - top: 2px; - left: -4px; - width: 44px; - height: 40px; - color: #FFFFFF; - background: linear-gradient(200deg, #8E2ABE 0%, #37EA9C 100%); - border: none; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; -} - -.newsletter .addon i { - position: relative; - color: #fff; -} - -::-webkit-input-placeholder { - color: #999; -} - -::-moz-placeholder { - color: #999; -} - -:-ms-input-placeholder { - color: #999; -} - -:-moz-placeholder { - color: #999; -} diff --git a/app/assets/v2/css/notifications.css b/app/assets/v2/css/notifications.css deleted file mode 100644 index 8afc2d3f0e6..00000000000 --- a/app/assets/v2/css/notifications.css +++ /dev/null @@ -1,288 +0,0 @@ -html { - --color-notification: 37, 232, 153; - --badge-bg: #D6FBEB; - --badge-text: #00A55E; - --badge-blue-bg: #E7F0FA; - --badge-blue-text: #6587AE; -} - -/* @media screen and (prefers-color-scheme: dark) { */ -html.dark-mode { - --color-notification: 37, 232, 153; - --badge-bg: #D6FBEB; - --badge-text: #00A55E; - --badge-blue-bg: #5f5c74; - --badge-blue-text: white; -} - -.navbar-nav .nav-link.notification__icon { - position: relative; - font-size: 18px; - color: white; -} - -.notification__icon.dropdown-toggle::after { - content: none; -} - -.notification__dot { - background: red; - display: none; - min-width: 17px; - height: 17px; - border-radius: 8.5px; - box-shadow: 0 0 0 rgba(var(--color-notification), .4); - position: absolute; - top: 0; - left: 2.5em; - font-size: 10px; - text-align: center; - font-weight: bold; - padding: 2px; - font-family: 'Font Awesome\ 5 Pro', sans-serif; - line-height: initial; -} - -.notification__dot_active { - display: block; - animation: BadgePulse 1.8s infinite; -} - -.notification__dot-small { - background: rgba(var(--color-notification), 1); - display: block; - width: 7px; - height: 7px; - border-radius: 50%; - opacity: 0; -} - -.notification__dot-small_active { - opacity: 1; -} - -.badge--greenlight { - background-color: var(--badge-bg); - color: var(--badge-text); -} - -.badge--bluelight { - background-color: var(--badge-blue-bg); - color: var(--badge-blue-text); -} - -.notifications__box { - width: 430px; - border-radius: 3px; - padding: 1em; - max-width: calc(100vw - 2em); -} - -.notifications__link { - color: var(--link-color); - font-size: 0.75rem; -} - -.notifications__header { - display: flex; - justify-content: space-between; - border-bottom: 1px solid #D8D8D8; - padding-bottom: 0.8em; -} - -.notifications__title { - font-size: 0.87rem; - font-weight: 600; -} - -.notifications__list { - max-height: 328px; - overflow-y: auto; - padding: 0; - position: relative; - z-index: 1; - background: #fafafa no-repeat; - background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); - background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); - background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); - background-position: 0 0, 0 100%; - background-size: 100% 14px; -} - -.notifications__list:before, -.notifications__list:after { - content: ""; - position: relative; - z-index: -1; - display: block; - height: 30px; - margin: 0 0 -30px; - background: -webkit-linear-gradient(top, #fafafa, #fafafa 30%, rgba(255, 255, 255, 0)); - background: -moz-linear-gradient(top, #fafafa, #fafafa 30%, rgba(255, 255, 255, 0)); - background: linear-gradient(to bottom, #fafafa, #fafafa 30%, rgba(255, 255, 255, 0)); -} - -.notifications__list:after { - margin: -30px 0 0; - background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fafafa 70%, #fafafa); - background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fafafa 70%, #fafafa); - background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fafafa 70%, #fafafa); -} - -.notifications__item { - font-size: 12px; - display: flex; - align-items: center; - border-bottom: 1px solid #D8D8D8; - padding: 1em 0; - animation: animateElement linear .3s; - animation-iteration-count: 1; -} - -.notifications__item-readed { - padding: 0.6em 0.8em 0.6em 0; -} - -.notifications__time { - flex: 1 0 68px; - text-align: right; -} - -.notifications_content { - color: #212529; - display: flex; - align-items: center; -} - -.notifications_content:hover { - color: #5d666f; - text-decoration: none; -} - -.notifications_content p { - margin-bottom: 0; -} - -.notifications__avatar { - flex-shrink: 0; - border-radius:50px; - width: 28px; - height: 28px; - margin-right: 1em; -} - -.notifications__button-all { - display: block; - text-align: center; - font-weight: 700; -} - -@keyframes BadgePulse{ - 0% { - -moz-box-shadow:0 0 0 0 rgba(37, 232, 153, .4); - -webkit-box-shadow:0 0 0 0 rgba(37, 232, 153, .4); - box-shadow: 0 0 0 0 rgba(37, 232, 153, .4); - } - - 70% { - -moz-box-shadow: 0 0 0 10px rgba(37, 232, 153, 0); - -webkit-box-shadow: 0 0 0 10px rgba(37, 232, 153, 0); - box-shadow: 0 0 0 10px rgba(37, 232, 153, 0); - } - - 100% { - -moz-box-shadow: 0 0 0 20px rgba(37, 232, 153, 0); - -webkit-box-shadow: 0 0 0 20px rgba(37, 232, 153, 0); - box-shadow: 0 0 0 20px rgba(37, 232, 153, 0); - } -} - -@keyframes animateElement{ - 0% { - opacity: 0; - transform: translate(0px,-10px); - } - 100% { - opacity: 1; - transform: translate(0px,0px); - } -} - - -.line-clamp { - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - text-overflow: ellipsis; - overflow: hidden; -} - -.inbox__notifications { - background: white; - padding-bottom: 1rem; - margin-bottom: 3rem; - margin-top: -3em; - z-index: 0; - position: relative; - border-radius: 4px; -} - -.inbox__list { - overflow-y: scroll; - max-height: 600px; -} - -.notifications__no-results { - text-align: center; - margin: 3em 0; -} - -.notifications__no-results img { - max-width: 80%; - margin: auto; - display: block; - height: auto; -} - -[v-cloak] { - display: none; -} - -.notifications_button-group { - font-size: 12px; - display: flex; - justify-content: space-between; - padding: 1.4rem 3rem; - border-bottom: 1px solid #E6EAEE; - user-select: none; -} - -.inbox__item { - padding: 1rem 3rem; -} - -.btn-clean { - color: #666666; - border: none; - background-color: transparent; - user-select: none; -} - -.btn-clean:hover { - color: #000; -} - -.btn-clean:focus { - outline: rgb(59, 153, 252) auto 5px; -} -.btn-clean + .btn-clean { - margin-left: 1em; -} - -.btn-clean > i { - margin-right: 0.4em; -} - -.btn-clean--danger { - color: #F9006C; -} diff --git a/app/assets/v2/css/onboard.css b/app/assets/v2/css/onboard.css deleted file mode 100644 index a938620d610..00000000000 --- a/app/assets/v2/css/onboard.css +++ /dev/null @@ -1,418 +0,0 @@ -body { - background-color: #fff; -} - -h2, h3 { - letter-spacing: 0; -} - -h2 { - font-size: 22px; - margin-bottom: 2em; -} - -h3 { - font-size: 14px; - margin-bottom: 2em; - font-weight: lighter; - margin-top: 10px; - line-height: 1.5em; - text-align: left; - text-transform: none; -} - -#onboarding { - text-align:center; - margin-top: 1em; - padding: 30px 10px 0; - border-radius: 2px; - max-width: 50rem; - margin-left: auto; - margin-right: auto; -} - -.show { - opacity: 1 !important; -} - -.block { - display: block !important; - transition: opacity 200ms linear; -} - -.step { - margin: 10px 0 20px; - opacity: 0; - display: none; -} - -.step iframe, -.step .icons div { - margin: auto; -} - -.form__select2, -.select2-results, -.select2-search, -.step .icons p, -.suggested-tag .text, -.step .filter-tag, -.step a span, -.step .label, -.button--controls { - font-size: 12px; -} - -#onboarding .controls { - float: right; - margin-right: 4rem; - overflow: auto; - position: relative; -} - -.step i { - font-size: 1.8em; -} - -.step a i { - font-size: 16px; -} - -.step .button { - margin-top: 5px; - padding-left: 25px; - padding-right: 25px; - font-size: 12px; - box-shadow: none; -} - -.step a span { - margin-left: 5px; - padding-left: 8px; - border-left: 1px solid #FFF; -} - -.step .logged-in p { - margin-bottom: 2px; -} - -.step .logged-in h3 { - text-align: center; - margin-bottom: 10px; -} - -.step .logged-in i, -.step .unlocked i { - font-size: 1em -} - -.step .logged-in a { - display: block; -} - -#navbarSupportedContent .nav-link, -#navbarSupportedContent img { - visibility: hidden; -} - -.button--controls { - display: inline-block; - margin: 5px 0 5px 5px; - text-transform: capitalize; - border-radius: 3px; - cursor: pointer; - box-shadow: none; -} - -#next-btn { - margin-left: 0; -} - -.step #metamask { - margin-bottom: 20px; - margin-top: 10px; -} - -.step #metamask .locked { - margin-top: 1.8em; -} - -.step #metamask img { - width: 24px; - position: relative; - top: -1px; - right: 2px; -} - -.step #metamask .unlocked img { - width: 3.2em; - margin-right: 10px; -} - -.step #metamask .unlocked span { - font-size: 14px; - font-weight: bolder; -} - -.step-state { - height: 5px; - width: 2.8em; - margin: 20px 2px; - background-color: #CACACA; - border: none; - display: inline-block; - opacity: 0.5; -} - -.step-state.active { - opacity: 1; -} - -.step-state.finish { - opacity: 1; - background-color: #1AB56D; -} - -.github-avatar { - border-radius: 50%; - width: 50px; - height: 50px; - border: 0.1rem solid #1AB56D; -} - -.fa-check-circle { - color: #1AB56D; -} - -#onboarding .fa-wrench { - animation: turn 1s; -} - -#onboarding .fa-ethereum { - animation: wiggle 1s; -} - -#onboarding .fa-connectdevelop { - animation: rotate 1s; -} - -#suggested-tags { - display: inline; -} - -#suggested-tags input { - display: none; - position: absolute; -} - -.suggested-tag .text, -.step .filter-tag { - font-weight: bolder; - border-radius: 3px; - padding: 2px 10px 5px; - color: #FFFFFF; - cursor: pointer; - transition: .2s; -} - -.suggested-tag .text { - background-color: #0D0764; -} - -.suggested-tag input:checked + .text { - background-color: #1AB56D; -} - -#suggested-tags .suggested-tag { - position: relative; - display: inline-block; - width: auto; - height: auto; - margin: 5px; -} - -.suggested-tag .text i, -.step .filter-tag i { - font-size: 9px; - margin-right: 8px; -} - -.step .label { - text-align: left; - font-weight: bolder; - margin-bottom: 5px; -} - -.step .search { - margin-top: 20px; - margin-bottom: 15px; -} - -.search-area { - padding-left: 0; - padding-right: 0; -} - -#selected-skills { - display: none; -} - -.select2 { - height: 37px !important; -} - -.experienceLabel { - margin-top: 8px; -} - -:focus{ - outline: none; -} - -.focus-effect { - padding: 7px 14px 9px; - transition: 0.2s; -} - -.focus-effect ~ .focus-border:before, -.focus-effect ~ .focus-border:after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 0; - height: 2px; - background-color: #3599FF; - transition: 0.2s; -} - -.focus-effect ~ .focus-border:after { - top: auto; - bottom: 0; - left: auto; - right: 0; -} - -.focus-effect ~ .focus-border i:before, -.focus-effect ~ .focus-border i:after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 2px; - height: 0; - background-color: #3599FF; transition: 0.2s; -} - -.focus-effect ~ .focus-border i:after { - left: auto; - right: 0; - top: auto; - bottom: 0; -} - -.focus-effect:focus ~ .focus-border:before, -.focus-effect:focus ~ .focus-border:after { - width: 100%; - transition: 0.3s; -} - -.focus-effect:focus ~ .focus-border i:before, -.focus-effect:focus ~ .focus-border i:after { - height: 100%; - transition: 0.4s; -} - -.step .filter-tags, -.locations-tags { - color: white; - margin-bottom: 15px; - text-align: left; -} - -.step .filter-tag { - display: inline-block; - background-color: #1AB56D; - margin: 5px; - border-radius: 3px; -} - -.completed { - background-color: #0D0764; - color: #FFFFFF; - border-color: #0D0764; -} - -@keyframes turn { - 0% { transform: rotate(0deg); } - 50% { transform: rotate(-50deg); } - 100% { transform: rotate(0deg); } -} - -@keyframes wiggle { - 0% {-webkit-transform: rotate(10deg);} - 25% {-webkit-transform: rotate(-10deg);} - 50% {-webkit-transform: rotate(20deg);} - 75% {-webkit-transform: rotate(-5deg);} - 100% {-webkit-transform: rotate(0deg);} -} - -@keyframes rotate { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(360deg); } -} - -@media (max-width: 767.98px) { - iframe { - max-width: 100%; - } - - #onboarding { - margin-top: 0; - } - - #onboarding .controls { - float: none; - margin-right: 0; - } - - h3 { - text-align: center; - } - - #skills div.pl-0 { - padding-left: 15px !important; - padding-right: 15px !important; - } - - #skills { - margin-left: 0; - margin-right: 0; - } - - #navbarSupportedContent .nav-link, - #navbarSupportedContent img { - visibility: visible; - } -} - -@media (min-width: 1200px) { - h3 { - font-size: 1rem; - } - - .step .label { - font-size: 0.8rem; - } - - .step a { - font-size: 0.9rem; - } -} - -@media (min-width: 1400px) { - .suggested-tag .text, - .step .filter-tag { - font-size: 0.8rem; - } -} diff --git a/app/assets/v2/css/onboarding_v2.css b/app/assets/v2/css/onboarding_v2.css deleted file mode 100644 index 2abfaab6a9c..00000000000 --- a/app/assets/v2/css/onboarding_v2.css +++ /dev/null @@ -1,115 +0,0 @@ -.testimonial { - display: flex; - flex-wrap: wrap; - gap: 0 16px; - max-height: 92px; - align-items: center; -} - -.testimonial > * > * { - display: block; -} - -.benefits { - margin: 16px 0 24px; -} - -.benefits p > * { - display: block; - margin: auto; - text-align: center; -} - -.benefits > div { - border-bottom: 1px solid #ccc; - padding: 16px 6px 8px; -} - -.benefits > div:nth-child(2n) { - border-left: 1px solid #ccc; -} - -.benefits > div:nth-child(5), -.benefits > div:nth-child(6) { - border-bottom: 0; -} - -.benefits .fa { - width: 48px; -} - -#onboarding_v2.modal { - overflow: visible; -} -#onboarding_v2 .modal-content { - margin-top: 256px; -} - -.no-bg { - background: none !important; -} - -.achievement-img, -.achievement-img-sm{ - position: absolute; - top: -286px; - width: 170%; - right: -35%; - z-index: -1; -} - -.achievement-img-sm { - top: -430px; - height: 600px; - width: 110vw; - right: calc(50% - 55vw); -} - -.height-auto { - height: auto; -} - -@media only screen and (max-width:992px) { - .testimonial img { - height: 64px; - width: 64px; - } - - #onboarding_v2 .modal-content { - margin-top: 356px; - } -} - -@media only screen and (min-width: 992px) { - .border-lg-0 { - border: 0; - } - - .benefits p, - .benefits p > * { - display: flex; - text-align: left; - } - - .text-lg-center { - text-align: center !important; - } - - .benefits p > * { - margin: 0; - } - - .benefits .fa { - display: inherit; - width: 48px; - } - - .benefits > div { - border: 0 !important; - } - - .testimonial img { - height: 100px; - width: 100px; - } -} diff --git a/app/assets/v2/css/onepagesubmit.css b/app/assets/v2/css/onepagesubmit.css deleted file mode 100644 index 03127f32989..00000000000 --- a/app/assets/v2/css/onepagesubmit.css +++ /dev/null @@ -1,23 +0,0 @@ -.slack--brand-tree { - max-width:80%; - margin: 0px auto; -} - - -h4 p { - background-color: #fee856; - padding: 5px 10px; -} - -@media (max-width: 768px) { - .form_container { - padding-left: 1.6rem !important; - padding-right: 1.6rem !important; - } -} - -@media (max-width: 992px) { - .slack--brand-tree { - max-width: 100%; - } -} \ No newline at end of file diff --git a/app/assets/v2/css/presskit.css b/app/assets/v2/css/presskit.css deleted file mode 100644 index 42142676b8e..00000000000 --- a/app/assets/v2/css/presskit.css +++ /dev/null @@ -1,46 +0,0 @@ -.presskit { - color: #4a4a4a; -} - -.presskit .presskit_section:nth-of-type(even) { - background-color: #f9f9f9; -} - -.presskit h2 { - color: #43484d; -} - -.color-card > .card-header { - height: 10rem; -} - -.color-card p { - font-size: 75%; - color: #4a4a4a; -} - -.color-card span { - font-size: 75%; -} - -.usage_caption { - text-transform: uppercase; - font-size: 75%; - color: #4a4a4a; -} - -.usage_caption > span { - color: #f9006c; -} - -.presskit__resources .card-text { - font-size: 80%; -} - -.presskit_svg { - width: 100%; - height: auto; - object-fit: contain; - max-height: 15rem; - padding: 2rem; -} diff --git a/app/assets/v2/css/products.css b/app/assets/v2/css/products.css deleted file mode 100644 index 598356e9e8a..00000000000 --- a/app/assets/v2/css/products.css +++ /dev/null @@ -1,215 +0,0 @@ - -.intro { - background-color: #0c023c; - color: #ffffff; -} - -.bounties { - background-color: #29086a; - color: #ffffff; -} - -.kudos{ - background-color: #3e00ff; - color: #ffffff; - overflow-x:hidden; -} - -.grants{ - background-color: #00a55e; - color: #ffffff; -} - -.hackathons{ - background-color: #ff92be; - color: #ffffff; -} - -.Town img{ - max-height: 400px; - margin: 0px 60px; -} -.Town{ - background-color: #666; - color: #ffffff; -} -.Square-logo{ - max-height: 30px; -} - -.Chat img{ - max-height: 500px; - margin: 0px 60px; -} -.Chat{ - background-color: #3E00FF; - color: #ffffff; -} -.Chat-logo{ - max-height: 30px; -} - -.quests{ - background-color: #55508e; - color: #ffffff; -} - -.kernel{ - background-color: #4c008f; - color: #ffffff; -} - -.matching{ - background-color: #444; - color: #ffffff; -} - -.matching img, -.hackathons img{ - max-width: 500px; -} -.quests span img{ - max-width: 50px; -} - -.labs{ - background-color: #bf2781; - color: #ffffff; -} - -.tag -{ - background-color: #e7f0fa; - color: var(--gc-blue); - font-size: 10px; - display: block; - list-style: none; - padding: 5px; - width: 66px; -} - -.kernel .tag -{ - width: 140px; -} -@media(min-width: 1200px) { - .intro-header{ - font-size:76px; - font-weight:700; - } - .intro-sub-header{ - font-size:24px; - } - .product-name{ - font-size:20px; - font-weight:500; - } - .product-heading{ - font-size: 32px; - font-weight: 700; - } - .product-desc{ - font-size:20px; - } -} - -@media(min-width: 768px) and (max-width:1199px) { - .intro-header{ - font-size:52px; - font-weight:700; - } - .intro-sub-header{ - font-size:18px; - } - .product-name{ - font-size:16px; - font-weight:500; - } - .product-heading{ - font-size: 22px; - font-weight: 700; - } - .product-desc{ - font-size:16px; - } -} - -@media (min-width: 0px) and (max-width:767px) { - .intro-header{ - font-size:40px; - font-weight:700; - } - .intro-sub-header{ - font-size:14px; - } - .product-name{ - font-size:16px; - font-weight:500; - } - .product-heading{ - font-size: 22px; - font-weight: 700; - } - .product-desc{ - font-size:16px; - } -} - -.product-left{ - padding: 0 10vw; -} - -.button { - border: none; - border-radius: 2px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); - cursor: pointer; - font-weight: 500; - padding: 10px 20px; - height:45px; - width:180px; -} - -.button-kernel{ - background-color: #8e2abe; - color: #fff; -} - -.button-kudos{ - background-color: #ffffff; - color: #000000; -} -.button-bounties{ - background-color: #3e00ff; - color: #fff; -} -.button-quests{ - background-color: #4b0f8d; - color: #fff; -} - -.button-grants{ - background-color: #25e899; - color: #000; -} - -.button-hackathons{ - background-color: #ffa2de; - color: white; -} - -.button-matching{ - background-color: #222; - color: white; -} - -.button-labs{ - background-color: #782456; - color: #fff; -} - -.button:hover { - opacity:0.8; - color:#808080; -} - diff --git a/app/assets/v2/css/profile.css b/app/assets/v2/css/profile.css deleted file mode 100644 index fb582394591..00000000000 --- a/app/assets/v2/css/profile.css +++ /dev/null @@ -1,611 +0,0 @@ -/* stylelint-disable no-descending-specificity */ - -@media (min-width: 1200px) { - .leaderboard .earning { - float: right; - top: 2px; - right: 2rem; - position: relative; - } -} - -.tab-projects__item img { - width: 50px; - height: 50px; -} - -.tag-list .tag-list__item { - background: #E8F0FA; - padding: 4px; - border-radius: 2px; - font-size: 11px; - color: #6487AE; - display: inline-block; - margin-bottom: 2px; - margin-top: 2px; -} - -.review-comment { - background: #E4E6E7; - border-radius: 5px; - padding: 5px 7px; - font-size: 12px; - color: #666666; -} - -.mh-150{ - min-height: 150px; -} - -.overflow-visible { - overflow: visible; -} - -.profile-card { - background: white; - border-radius: 5px; - position: relative; - padding: 2rem; -} - -.profile-header__avatar { - float: left; - width: 7.25rem; - height: 7.25rem; - border-radius: 50%; -} - -.profile-header { - position: relative; - min-height: 450px; -} - -.profile-header.basic { - min-height: 250px; -} - -.profile-header__handle { - padding-top: 0.8rem; - margin-bottom: 0; - line-height: 1; - font-weight: 700; - font-size: 1.7rem; -} - -.profile-header__handle small { - text-transform: none; -} - -.profile-header__bio { - clear: both; -} - -.profile-bounties__group-title > i { - color: #25E899; -} - -.profile-header__links { - margin: 0; - padding: 0; -} - -.profile-header__links a { - margin-left: 2px; - margin-right: 2px; - font-size: 1.2rem; - transition: all 0.3s; - color: #000; - text-decoration: none; -} - -.profile-header__links a:hover i { - color: #1AB56D; -} - -.profile-header__links img { - width: 1.5rem; - height: 1.5rem; - margin-right: 0.5em; - filter: invert(100%); -} - -.float_avatar_image { - margin-top: -140px; - position: relative; -} - -.float_avatar_image img { - height: 186px; - width: 186px; -} - -.avatar_edit { - text-align: center; - background: #000; - opacity: 0.7; - border-radius: 0% 0% 50% 50% / 0% 0% 100% 100%; - height: 71px; - width: 173px; - position: absolute; - top: 113px; - margin: auto; - right: 0; - left: 0; - transition: .2s all linear; -} - -.avatar_edit_text { - position: absolute; - top: 40%; - color: #ffffff; - font-weight: bold; - font-size: 14px; - margin: auto; - width: 100%; - height: 40px; -} - -.odd{ - background-color: #f9f9f9; -} -.profile_details .nav-tabs .nav-link { - padding: 0.5rem; - padding-bottom: 0.2rem; -} - -.is_editable{ - cursor: pointer; -} - -.picky img { - width: 100%; - height: auto; - vertical-align: middle; -} - -.profile-organizations .organization { - display: inline-block; -} - -.profile-bounties--activities{ - min-height: 200px; -} - -.profile-organizations .organization img { - max-height: 4rem; - max-width: 4rem; - margin-right: 0.5rem; - margin-bottom: 0.5rem; - border-radius: 50%; -} - -@media (max-width: 1200px) { - .profile-header{ - min-height: 350px; - } -} - -@media (max-width: 767.98px) { - .profile_details #section-all-activity .container .row, - .profile_details .profile-bounties, - .profile_details #all-activity, - .profile_details .activity{ - padding: 0px!important; - } - .profile_details #section-all-activity{ - margin-top: 10px; - } - - .profile-header__main-infos { - text-align: center; - } - - .profile-header{ - min-height: 200px; - } - - .profile-header__avatar { - float: none; - margin-right: 0!important; - width: 81px; - height: 81px; - } - - .profile-header__handle { - display: block; - padding-top: 0; - } - - .profile-header__links li { - text-align: center; - float: none; - margin-right: 0; - } - - .row.bottom_notification{ - display: none; - } - - .transaction-history.bounty_row .avatar { - max-width: 100% !important; - } - -} - -.profile-header__stats { - border: none; -} - -.profile-header__stats .card-header { - padding: 0.1rem 0.7rem; - color: #666; - border-radius: 0; - border-bottom: none; - font-size: 1.2rem; -} - -.profile-header__stats .card-header b { - color: #000; - font-size: 1.7rem; -} - -.profile-header__stats .card-body { - padding: 0.7rem; -} - - -.bounty_row { - border-bottom: 1px solid #EFEFEF; -} - -.bounty_row:hover { - background: none; -} - -#earn_dataviz { - max-width: 100%; -} - -@media (min-width: 992px) and (max-width: 1199.98px) { - - .profile-header__stats .card-header { - padding: 0 0.5rem; - font-size: 1.2rem; - } - - .profile-header__stats .card-body { - padding: 0.5rem; - font-size: 1rem; - } -} - -.profile-header__stats ul { - list-style-type: none; - padding: 0; - margin: 0; -} - -.profile-header__stats li { - margin: 0.15rem 0 0; -} - -.profile-header__stats li:first-child { - margin-top: 0; -} - -.profile-header__stats--contributor .card-header { - background-color: transparent; -} - -.card-header::after { - content: ''; - position: relative; - height: 4px; - width: 100%; - display: block; - border-radius: 6px; - animation: grow 1s ease-in-out; -} - -.animate-verify { - animation: verify 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); -} - -@keyframes grow { - 0% { - width: 2%; - } - 50% { - width: 2%; - } - 100% { - width: 100%; - } -} - -@keyframes verify { - 0% { - transform: scale(1.5, 1.3); - } - 100% { - transform: scale(1); - } -} - -.profile-header__links .chat{ - padding: 0px 0px 6px 0px; -} - -.profile-header__stats--contributor .card-header::after { - background: #00eb93; -} - -.profile-header__stats--funder .card-header::after { - background: #FFCE08; -} - -.profile-header__stats--funder .card-header { - background-color: transparent; -} - -.profile-section-title { - border-bottom: 2px solid #3E24FB; -} - -.profile-bounties--loading { - background-image: url('/static/v2/images/loading_v2.gif'); - background-repeat: no-repeat; - background-position: 0 -1rem; - background-size: 4rem; - height: 3rem; -} - -.profile-bounties .avatar { - width: 3.125rem; - height: 3.125rem; - margin-right: auto; - margin-left: auto; - border-radius: 100%; - min-height: 3.125rem; -} - -.profile-bounties .bounty_row { - padding-left: 0; - padding-right: 0; -} - -.profile-bounties .bounty_row--hidden { - display: none; -} - -.profile-bounties .bounty-summary { - padding-left: 0; - padding-right: 0; -} - -.profile-bounties .profile-bounties__btn-show-all { - border-color: #D3D3D3; - font-size: 0.875rem; - font-weight: 300; -} - -.profile-bounties .profile-bounties__btn-show-all:hover, -.profile-bounties .profile-bounties__btn-show-all:focus, -.profile-bounties .profile-bounties__btn-show-all:active { - border-color: #D3D3D3; - color: #6c757d; - background-color: #F9F9F9; -} - -.profile-bounties__group-title { - color: #0D0764; - font-size: 1rem; - padding: 0.5rem 0 5px 0; - border-bottom: 2px solid #3E24FB; -} - -.profile-bounties__sort_label { - color: #3E24FB; -} - -.profile_details .bounty_row:first-child { - border-top: none; -} - -.profile_details .works_with_list span { - font-weight: bolder; - display: block; - margin-top: 6px; - margin-bottom: 6px; -} - -.profile_details .works_with_list img { - max-width: 30px; - border-radius: 50%; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.20); -} - -.profile_details .works_with_list .plus-img { - color: #3E00FF; - width: 30px; - height: 30px; - display: inline-flex; - background: #F8F9FA; - border-radius: 30px; - align-items: center; - vertical-align: middle; - font-size: 10px; - justify-content: center; -} - -.profile_details .works_with_list a:hover { - text-decoration: none; - transform: scale(1.1); -} - -#follow_header, -#kudos_header { - position: absolute; - top: -95px; - right: 0px; - background-color: rgba(255, 255, 255, 0.2); - border-radius: 5px; - padding: 5px; -} -#follow_header{ - top: -165px; - color: white; - font-size: 12px; -} -#follow_header.lower{ - top: -75px; -} -#kudos_header img{ - box-shadow: none; - background: none; -} - -.no-profile-button { - background-color: #3E00FF; - color: #FFFFFF; - font-size: 0.875rem; -} - -.no-profile-textcolor { - color: #666666; -} - -.profile-banner { - display: flex; - top: 0; - color: #ffffff; - z-index: 1; - width: 100vw; - cursor: pointer; -} - -.profile-banner-cta { - background-color: transparent; - padding: 6px 10px; - border-radius: 2px; - cursor: pointer; -} - -.picky { - cursor: pointer; -} - -.picky:active, .picky:focus { - border: 2px solid #007bff; -} - -.selected { - border: 5px solid #007bff; -} - -nav.navbar.navbar-dark{ - background-image: url(/static/v2/images/header-bg.png); -} - -#rank_link{ - font-size: 12px; - color: black; - text-decoration: underline; -} - -.tribe-members { - display: grid; - grid-template-columns: repeat(1, 1fr); - grid-gap: 3rem 1rem; -} - -@media (min-width: 768px) { - .tribe-members { - grid-template-columns: repeat(2, 1fr); - } -} - -@media (min-width: 992px) { - .tribe-members { - grid-template-columns: repeat(4, 1fr); - } -} - -@media (min-width: 1200px) { - .tribe-members { - grid-template-columns: repeat(5, 1fr); - } -} - -.badge-tribe { - position: absolute; - top: 33px; - left: 60%; - border-radius: 50%; - width: 25px; - height: 25px; - border: 2px solid white; - box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); - background: #fff; - font-size: 14px; -} - -.badge-tribe_leader { - background: linear-gradient(180deg,rgb(222,165,91), rgb(243,203,82)); -} - -.ql-picker-label svg { - vertical-align: inherit; -} - -.description-tribes.ql-container { - height: auto; -} - -.description-tribes, -.description-tribes.ql-container { - font-size: 13px; - font-family: inherit; -} - -.description-tribes p { - margin: 0; - padding: 0; -} - -.description-tribes img { - max-width: 100%; -} - -.description-tribes h1 { - font-size: 2em; -} - -.description-tribes h2 { - font-size: 1.5em; -} - -.inactive .ql-editor { - padding:0; - line-height:inherit; -} - -.inactive .ql-toolbar { - display:none; -} - -.inactive .ql-container.ql-snow { - border:none; -} - -.ql-align-center { - text-align: center; -} - -.ql-align-right { - text-align: right; -} - -.ql-align-justify { - text-align: justify; -} diff --git a/app/assets/v2/css/quests.css b/app/assets/v2/css/quests.css deleted file mode 100644 index 169a7e2381b..00000000000 --- a/app/assets/v2/css/quests.css +++ /dev/null @@ -1,1767 +0,0 @@ -/* table properties */ - -.table td, -.table th { - padding: 4px; - border: none; -} - -.table { - width: 100%; - text-align: center; -} - -#info_button { - cursor: default; -} - -#explore_quests { - width: auto; -} - -#quest_creator { - position: relative; - width: 30px; - height: 30px; - border-radius: 15px; - bottom: -5px; -} - -.btn { - width: 100px; - position: relative; - border: none; - padding: 5px; - text-align: center; - display: inline-block; - top: 5px; - font-size: 16px; -} - -.btn-secondary { - background-color: white; - color: grey; -} - -.show_on_mobile { - display: none; -} - -.announce-bot { - margin-top: 10px; - text-align: center; -} - -.announce-bot img { - width: 200px; - max-width: 200px; -} - -.announce-bot2 img { - width: 250px; - max-width: 250px; -} - -.announce-bot3 img { - width: 250px; - max-width: 250px; -} - -.announce-bot4 img { - width: 250px; - max-width: 250px; -} - -.announce { - text-align: center; - border-radius: 5px; - background-color: #fdedee; - padding: 3px; - position: relative; - margin-top: 25px; - margin-bottom: 25px; - margin-left: auto; - margin-right: auto; -} - -.announce:after { - content: ''; - position: absolute; - top: 0; - left: 50%; - width: 0; - height: 0; - border: 20px solid transparent; - border-bottom-color: #fdedee; - border-top: 0; - border-left: 0; - margin-left: -10px; - margin-top: -20px; -} - -.announce a { - background-color: #f2c3c4; - color: black; - width: auto; -} - -.announce h4 { - border-bottom: 3px solid #fdedee; -} - -.announce5 h4 { - border-bottom: 3px solid #def390 !important; -} - -.announce5:after { - border-bottom-color: #def390 !important; -} - -.announce5 { - background-color: #def390 !important; -} - -.announce5 a { - background-color: #cee370 !important; - width: auto; -} - -.announce4 h4 { - border-bottom: 3px solid #fce5ac !important; -} - -.announce4:after { - border-bottom-color: #fce5ac !important; -} - -.announce4 { - background-color: #fce5ac !important; -} - -.announce4 a { - background-color: #dcc58c !important; - width: auto; -} - -.announce3 h4 { - border-bottom: 3px solid #d0f9f4 !important; -} - -.announce3:after { - border-bottom-color: #d0f9f4 !important; -} - -.announce3 { - background-color: #d0f9f4 !important; -} - -.announce3 a { - background-color: #b0d9d4 !important; - width: auto; -} - -.announce2 h4 { - border-bottom: 3px solid #a4affc !important; -} - -.announce2:after { - border-bottom-color: #a4affc !important; -} - -.announce2 { - background-color: #a4affc !important; -} - -.announce2 a { - background-color: #849ffc !important; - width: auto; -} - -.announce6 h4 { - border-bottom: 3px solid #fde9ed !important; -} - -.announce6:after { - border-bottom-color: #fde9ed !important; -} - -.announce6 { - background-color: #fde9ed !important; -} - -.announce6 a { - background-color: #ddb9bd !important; - width: auto; -} - -.referrals img { - width: 50px; - height: 50px; - border-radius: 25px; -} - -.referrals a { - color: #3E00FF; - font-size: 14px; -} - -#announce { - width: 100%; - display: block; - background-color: #d9d8e7; - border-radius: 5px; - text-align: center; - margin-top: 5px; - padding-top: 0px; -} - -.right-announce2 { - margin-top: 5px; - padding-top: 0px; - text-align: right; -} - -.right-announce2 img { - width: 100px; -} - -.right-announce2 p { - border-radius: 5px; - background-color: #d9d8e7; - padding: 5px; - margin-top: 10px; -} - -.right-announce4 { - margin-top: 5px; - padding-top: 0px; - text-align: right; -} - -.right-announce4 img { - width: 100px; -} - -.right-announce4 p { - border-radius: 5px; - background-color: #da7474; - padding: 5px; - margin-top: 10px; -} - -.right-announce3 { - text-align: left; -} - -.right-announce3 p { - background-color: #ffde55; -} - -.demo { - max-width: 100%; - border: 1px solid #0b57a6; -} - -.difficulty_tab { - display: block; - width: 100%; -} - -.tags { - text-align: center; - margin-left: 0px; - padding-left: 0px; -} - -#you, .tag, .tags li { - background-color: #e7f0fa; - color: var(--gc-blue); - font-size: 10px; - display: inline-block; - list-style: none; - padding: 5px; -} - -#quests_logo { - margin-top: 10px; - margin-left: -30px; - max-width: 300px; -} - -.character { - text-align: center; -} - -.character img.item { - border: none !important; - position: absolute; -} - -.character img.orb { - width: 70px; - height: 70px; - bottom: 160px; - left: 63px; -} - -.character img.staff { - width: 59px; - height: 122px; - bottom: 60px; - left: 106px; -} - -.character h3 { - font-weight: 900; - background-color: #666; - max-width: 90%; - display: inline-block; -} - -.character p { - background-color: #444; - width: 65%; -} - -.character .info { - margin-top: -60px; - z-index: 999; - position: absolute; - width: 240px; - padding: 10px; - text-align: left; - bottom: 10px; - left: 120px; -} - -.character .info h3 { - font-size: 16px; - padding: 5px 10px; - text-transform: uppercase; -} - -.flair div { - position: absolute; - top: 50px; - left: -70px; - font-size: 48px; -} - -.answer a { - color: white; -} - -body.quest_battle .footer { - display: none; -} - -#CookielawBanner, -body.quest_battle .modal, -body.quest_battle .modal-backdrop { - display: none !important; -} - -.br a { - display: inline-block; - padding: 5px 5px; - margin: 4px 4px; - background-color: rgba(256,256,256,0.3); -} - -body.quest_battle a, -body.quest_battle div, -body.quest_battle p { - color: white; -} - -.br a:hover { - background-color: rgba(256,256,256,0.7); - text-decoration: none; -} - -#_hj_poll_container { - display: none; -} - -.character .info p { - padding: 5px 10px; -} - -.character img { - width: 150px; - height: 150px; - border-radius: 70px; - border: 5px solid #ccc; -} - -.prize img { - height: 140px; - width: 125px; - margin: 5px 10px; -} - -.character.harm img { - border: 5px solid #F9006C; -} - -.character.heal img { - border: 5px solid #0fce7c; -} - -#announce img { - margin: 0px auto; - margin-top: -150px; - margin-bottom: -50px; - width: 200px; - height: 200px; -} - -#leaderboard img { - height: 40px; - width: 40px; - border-radius: 50px; -} - -#enemy img, -#helpful_guide img { - border: none !important; -} - -#enemy.character img { - width: 250px; - height: 250px; - margin-left: -75px; -} - -.reward_schedule tr { - border-radius: 5px; -} - -.reward_schedule tr td { - padding: 3px 5px; -} - -.character.harm h3, -.character.harm p { - background-color: #F9006C; - color: white; -} - -.character.heal h3, -.character.heal p { - background-color: #0fce7c; - color: white; -} - -.prize { - margin-top: 60px; - margin-left: 20px; - border-radius: 2px; - padding: 10px; -} - -.prize span { - display: block; -} - -.damage, -.heal { - z-index: 99999; - position: absolute; - margin: 0px auto; -} - -#header { - background-color: rgb(21, 0, 62, 0.8); - border-radius: 2px; - font-weight: bold; - width: 60%; - text-align: center; - font-style: italic; - padding: 10px; - z-index: 9999; - font-size: 20px; - text-transform: uppercase; - top: 28%; -} - -#header.fail { - color: #F9006C; - padding: 20px; - margin-top: 5% !important; -} - -#header.success { - color: #0fce7c; - padding: 20px; -} - -#desc { - background-color: rgb(21, 0, 62, 0.8); - border-radius: 2px; - width: 50%; - text-align: center; - color: white; - padding: 10px; - margin-top: 100px; - z-index: 9999; - right: 25%; -} - -.announce a:hover { - color: black; - font-weight: bold; - background-color: #f5d3d4; -} - -.back_gradient { - background: linear-gradient(to right top, #0fce7c, #00a5a1, #0077b5, #0046a1, #0d0764) no-repeat; - animation: gradient 40s ease infinite; - background-size: 100% 400px !important; -} - -#cta_button { - margin-top: 10%; - width: 60%; - text-align: center; -} - -#cta_button a { - margin-top: 10%; - text-transform: uppercase; - line-height: 66px; -} - -a.button { - line-height: 66px; -} - -body.stage_1 #cta_button { - margin-top: 25%; -} - -body.stage_2 #cta_button { - margin-top: 20%; -} - -body.stage_1 #header { - margin-top: -10%; -} - -body.stage_1 #desc { - margin-top: -5%; -} - -body.stage_3 #desc { - margin-top: 0%; -} - -body.stage_3 #cta_button { - margin-top: 15%; -} - -body.stage_3 #header { - margin-top: -5%; -} - -body.back0.stage_4 { - background: url('/static/v2/images/quests/backs/1.gif') repeat !important; -} - -body.back0.stage_4.question_number_1 { - background: url('/static/v2/images/quests/backs/2.gif') repeat !important; -} - -body.back0.stage_4.question_number_2 { - background: url('/static/v2/images/quests/backs/3.gif') repeat !important; -} - -body.stage_4 #header { - margin-top: -12%; -} - -body.stage_4 #cta_button { - margin-top: 25%; -} - -body.winner #cta_button { - margin-top: 5%; -} - -body.stage_4 #desc { - margin-top: -2%; -} - -body.quest_battle .top-nav, body.quest_battle .header.dash { - display: none !important; -} - -body.quest_battle .bottom_notification { - display: none; -} - -.button { - font-weight: bold; - color: white; - background-color: #3E00FF; - border: 2px solid white; - padding: 20px; -} - -.button.button_sm { - font-weight: normal; - border: 0px solid white; - padding: 5px; - background-color: none; -} - -.button.button_sm.off { - color: #aaa; -} - -#cta_button p { - margin-top: 20px; - font-weight: normal; - color: white; -} - -.cen { - position: absolute; - top: 35%; - right: 20%; -} - -.tr { - position: absolute; - top: 80px; - right: 150px; -} - -.tl { - background-color: rgb(21, 0, 62, 0.5); - position: absolute; - top: 10px; - left: 0px; -} - -.br { - border-radius: 2px; - background-color: rgb(21, 0, 62, 0.5); - padding: 5px; - position: absolute; - bottom: 0px; - right: 10px; -} - -.bl { - position: absolute; - bottom: 20px; - left: 20px; -} - -#timer { - bottom: 93px; - font-size: 30px; - color: #888; -} - -#timer.yellow { - color: yellow; -} - -#timer.orange { - color: orange; -} - -#timer.red { - color: red; -} - -#protagonist .flair div { - top: 35px; -} - -#gameboard { - width: 100%; - height: 95%; -} - -body.quest_battle { - font-family: 'Press Start 2P', cursive !important; - font-size: 0.7em; -} - -.new_quest_background { - width: 130px; - max-width: 149px; - max-height: 149px; - margin: 10px; - background-repeat: none !important; - cursor: pointer; - display: inline-block; - border: 2px solid white; - height: 75px; -} - -.new_quest_background.selected { - border: 2px solid #F9006C; -} - -div.back0, -body.back0.quest_battle { - background: url('/static/v2/images/quests/backs/0.gif') repeat; - background-size: 150%; -} - -div.back1, -body.back1.quest_battle { - background: url('/static/v2/images/quests/backs/back1.jpeg') repeat; - background-size: 100%; -} - -div.back2, -body.back2.quest_battle { - background: url('/static/v2/images/quests/backs/back2.jpeg') repeat; - background-size: 170%; -} - -div.back3, -body.back3.quest_battle { - background: url('/static/v2/images/quests/backs/back3.jpeg') repeat; - background-size: 160%; -} - -div.back4, -body.back4.quest_battle { - background: url('/static/v2/images/quests/backs/back4.jpeg') repeat; - background-size: 160%; -} - -div.back5, -body.back5.quest_battle { - background: url('/static/v2/images/quests/backs/back5.jpeg') repeat; - background-size: 160%; -} - -div.back6, -body.back6.quest_battle { - background: url('/static/v2/images/quests/backs/back6.jpg') repeat; - background-size: 110%; -} - -div.back7, -body.back7.quest_battle { - background: url('/static/v2/images/quests/backs/back7.jpeg') repeat; - background-size: 110%; -} - -div.back8, -body.back8.quest_battle { - background: url('/static/v2/images/quests/backs/back8.jpeg') repeat; - background-size: 100%; -} - -div.back9, -body.back9.quest_battle { - background: url('/static/v2/images/quests/backs/back9.jpeg') repeat; - background-size: 110%; -} - -div.back10, -body.back10.quest_battle { - background: url('/static/v2/images/quests/backs/back10.jpeg') repeat; - background-size: 120%; -} - -div.back11, -body.back11.quest_battle { - background: url('/static/v2/images/quests/backs/back11.jpeg') repeat; - background-size: 105%; -} - -div.back12, -body.back12.quest_battle { - background: url('/static/v2/images/quests/backs/back12.jpeg') repeat; - background-size: 120%; -} - -div.back13, -body.back13.quest_battle { - background: url('/static/v2/images/quests/backs/back13.jpeg') repeat; - background-size: 100%; -} - -div.back14, -body.back14.quest_battle { - background: url('/static/v2/images/quests/backs/back14.jpeg') repeat; - background-size: 100%; -} - -div.back15, -body.back15.quest_battle { - background: url('/static/v2/images/quests/backs/back15.jpeg') repeat; - background-size: 100%; -} - -div.back16, -body.back16.quest_battle { - background: url('/static/v2/images/quests/backs/back16.jpeg') repeat; - background-size: 100%; -} - -div.back19, -body.back19.quest_battle { - background: url('/static/v2/images/quests/backs/back19.jpeg') repeat; - background-size: 100%; -} - -div.back17, -body.back17.quest_battle { - background: url('/static/v2/images/quests/backs/back17.jpeg') repeat; - background-size: 100%; -} - -div.back18, -body.back18.quest_battle { - background: url('/static/v2/images/quests/backs/back18.jpeg') repeat; - background-size: 100%; -} - -div.back20, -body.back20.quest_battle { - background: url('/static/v2/images/quests/backs/back20.jpeg') repeat; - background-size: 120%; -} - -div.back21, -body.back21.quest_battle { - background: url('/static/v2/images/quests/backs/back21.jpeg') repeat; - background-size: 120%; -} - -div.back22, -body.back22.quest_battle { - background: url('/static/v2/images/quests/backs/back22.jpeg') repeat; - background-size: 120%; -} - -.video-background{ - width: 100%; - height: 100%; - position: absolute; - object-fit: fill; - top: 30px; - left: 0px; -} - -div.back23, -body.back23.quest_battle { - background: url('/static/v2/images/quests/backs/back23.jpeg') repeat; - background-size: 120%; -} -div.back24, -body.back24.quest_battle { - background: url('/static/v2/images/quests/backs/back24.jpeg') repeat; - background-size: 120%; -} -div.back25, -body.back25.quest_battle { - background: url('/static/v2/images/quests/backs/back25.jpeg') repeat; - background-size: 120%; -} -div.back26, -body.back26.quest_battle { - background: url('/static/v2/images/quests/backs/back26.jpeg') repeat; - background-size: 120%; -} -div.back27, -body.back27.quest_battle { - background: url('/static/v2/images/quests/backs/back27.jpeg') repeat; - background-size: 120%; -} -div.back28, -body.back28.quest_battle { - background: url('/static/v2/images/quests/backs/back28.jpeg') repeat; - background-size: 120%; -} -div.back29, -body.back29.quest_battle { - background: url('/static/v2/images/quests/backs/back29.jpeg') repeat; - background-size: 120%; -} -div.back30, -body.back30.quest_battle { - background: url('/static/v2/images/quests/backs/back30.jpeg') repeat; - background-size: 120%; -} -div.back31, -body.back31.quest_battle { - background: url('/static/v2/images/quests/backs/back31.jpeg') repeat; - background-size: 120%; -} -div.back32, -body.back32.quest_battle { - background: url('/static/v2/images/quests/backs/back32.jpeg') repeat; - background-size: 120%; -} -div.back33, -body.back33.quest_battle { - background: url('/static/v2/images/quests/backs/back33.jpeg') repeat; - background-size: 120%; -} -div.back34, -body.back34.quest_battle { - background: url('/static/v2/images/quests/backs/back34.jpeg') repeat; - background-size: 100%; -} - -div.red, -body.red.quest_battle { - background-image: linear-gradient(90deg, #ff6161, #ff0000); - background-size: 100% !important; -} - -div.blue, -body.blue.quest_battle { - background-image: linear-gradient(90deg, #6161ff, #0000ff); - background-size: 100% !important; -} - -div.green, -body.green.quest_battle { - background-image: linear-gradient(90deg, #3CB371, #2E8B57); - background-size: 100% !important; -} - -#background { - position: absolute; - z-index: -999999; - width: 100%; - height: 100%; -} - -.leaderboard_hero { - width: 100%; - background-color: #d9d8e7; - background-size: 100%; - background-position-y: -220px; - margin-top: 20px; - background-repeat: no-repeat; -} - -.leaderboard_hero .inner_row { - width: 32%; - margin: 0; - display: inline-block; - height: 100%; - padding-bottom: 3rem; - vertical-align: top; - text-align: center; - position: relative; - padding-top: 10px; - overflow-y: hidden; -} - -.leaderboard_hero .inner_row img.avatar { - width: 30%; - max-width: 7rem; - margin: 0px auto; - border-radius: 50%; - left: 35%; - position: relative; - margin-bottom: 10px; -} - -.leaderboard_hero .inner_row.one img.avatar { - border: 5px solid rgba(255, 215, 0, 0.5); -} - -.leaderboard_hero .inner_row.two img.avatar { - border: 3px solid rgba(192, 192, 192, 0.5); -} - -.leaderboard_hero .inner_row.three img.avatar { - border: 2px solid rgba(205, 127, 50, 0.5); -} - -.leaderboard_hero .inner_row img.kudii { - width: 100%; - margin: 0px auto; -} - -.leaderboard_hero .inner_row .package { - width: 100%; -} - -.leaderboard_hero .kudos_container, -.leaderboard_hero .handle_container { - position: relative; - text-align: left; -} - -.leaderboard_hero .handle_container { - width: 100%; -} - -.leaderboard_hero .kudos_container { - position: relative; - width: 25%; - margin: 5px auto 15px; -} - -.leaderboard_hero .inner_row .trophy_case { - text-align: center; - bottom: 3px; - border-radius: 5px; - padding: 5px; - width: 80%; - margin: 20px auto 0px; -} - -.leaderboard_hero .inner_row.one .trophy_case { - filter: drop-shadow(7px -7px 7px rgba(255, 215, 0, 0.5)); - border-left: 2px solid #ecbe6d; - border-top: 4px solid #ecbe6d; - background-color: #dcae5d; -} - -.leaderboard_hero .inner_row.two .trophy_case { - filter: drop-shadow(-5px -5px 5px rgba(192, 192, 192, 0.5)); - border-left: 2px solid #e1e1e2; - border-top: 4px solid #e1e1e2; - background-color: #d1d1d2; -} - -.leaderboard_hero .inner_row.three .trophy_case { - filter: drop-shadow(3px -3px 3px rgba(205, 127, 50, 0.5)); - border-left: 2px solid #e18f6d; - border-top: 4px solid #e18f6d; - background-color: #c18e4d; -} - -.leaderboard_hero .inner_row.three .handle_container { - margin-top: 60px; -} - -.leaderboard_hero .inner_row.one .kudos_container { - width: 35%; -} - -.leaderboard_hero .inner_row.two .handle_container { - margin-top: 30px; -} - -.leaderboard_hero .inner_row .tag { - transform: rotate(-15deg); - vertical-align: top; - z-index: 9999; - position: absolute; - left: 30%; -} - -#leaderboard { - font-size: 25px; - width: 100%; -} - -#leaderboard .inner_row { - height: 70px; - padding: 10px; - width: 100%; -} - -#desc li { - text-decoration: underline; - list-style: none; - background-color: transparent; - border: 1px solid white; - padding: 10px; - cursor: pointer; - width: 75%; - margin: 10px auto; - text-transform: uppercase; -} - -#desc li:hover { - background-color: #0c0861; -} - -#desc li.selected { - background-color: #3E00FF; -} - -body.back1 #desc li:hover, -body.back1 #desc li.selected { - background-color: rgba(0, 119, 255, 0.8); -} - -body.back2 #desc li:hover, -body.back2 #desc li.selected { - background-color: rgba(60, 0, 180, 0.8); -} - -body.back3 #desc li:hover, -body.back3 #desc li.selected { - background-color: rgb(204, 0, 94); -} - -body.back14 #desc li:hover, -body.back14 #desc li.selected { - background-color: rgb(204, 0, 94); -} - -body.back4 #desc li:hover, -body.back4 #desc li.selected { - background-color: #17366d; -} - -body.back5 #desc li:hover, -body.back5 #desc li.selected { - background-color: #0808a0; -} - -body.back6 #desc li:hover, -body.back6 #desc li.selected { - background-color: rgba(0, 85, 114, 0.6); -} - -body.back7 #desc li:hover, -body.back7 #desc li.selected { - background-color: rgb(0, 110, 255); -} - -body.back8 #desc li:hover, -body.back8 #desc li.selected { - background-color: rgba(43, 0, 255, 0.6); -} - -body.back9 #desc li:hover, -body.back9 #desc li.selected { - background-color: rgb(86, 35, 208); -} - -body.red #desc li:hover, -body.red #desc li.selected { - background-color: rgb(206, 3, 0); -} - -body.back19 #desc li:hover, -body.back19 #desc li.selected { - background-color: rgb(197, 0, 0); -} - -body.back20 #desc li:hover, -body.back20 #desc li.selected { - background-color: rgba(0, 162, 255, 0.97); -} - -body.blue #desc li:hover, -body.blue #desc li.selected { - background-color: rgba(0, 0, 121, 0.6); -} - -body.green #desc li:hover, -body.green #desc li.selected { - background-color: rgb(0, 203, 86, 1); -} - -#breadcrumbs, -#breadcrumbs a { - color: color; -} - -#breadcrumbs { - position: absolute; - top: 0px; - left: 10px; -} - -.alpha-warning { - background-color: black; -} - -.refer_friend .top_img { - max-width: 200px; - margin-top: -170px; -} - -body.back1 #header, -body.back1 #desc, -body.back1 .br, -body.back1 .tl { - background-color: rgb(15, 41, 70, 0.8); -} - -body.back3 #header, -body.back3 #desc, -body.back3 .br, -body.back3 .tl { - background-color: rgb(239, 72, 134, 0.6); -} - -body.back14 #header, -body.back14 #desc, -body.back14 .br, -body.back14 .tl { - background-color: rgb(239, 72, 134, 0.6); -} - -body.back6 #header, -body.back6 #desc, -body.back6 .br, -body.back6 .tl { - background-color: rgb(129, 166, 178, 0.6); -} - -body.back7 #header, -body.back7 #desc, -body.back7 .br, -body.back7 .tl { - background-color: rgb(14, 21, 30, 0.6); -} - -body.back8 #header, -body.back8 #desc, -body.back8 .br, -body.back8 .tl { - background-color: rgb(10, 6, 30, 0.6); -} - -body.back9 #header, -body.back9 #desc, -body.back9 .br, -body.back9 .tl { - background-color: rgb(28, 17, 53, 0.6); -} - -body.red #header, -body.red #desc, -body.red .br, -body.red .tl { - background-color: rgb(255, 0, 0, 0.6); -} - -body.back20 #header, -body.back20 #desc, -body.back20 .br, -body.back20 .tl { - background-color: rgb(156, 212, 244, 0.6); -} - -body.back19 #header, -body.back19 #desc, -body.back19 .br, -body.back19 .tl { - background-color: rgb(255, 0, 0, 0.6); -} - -body.blue #header, -body.blue #desc, -body.blue .br, -body.blue .tl { - background-color: rgb(0, 0, 255, 0.6); -} - -body.green #header, -body.green #desc, -body.green .br, -body.green .tl { - background-color: rgb(46, 139, 87); -} - - -@media (max-width: 1110px) { - - .btn { - right: auto; - } - - body.quest_battle { - background-size: 250% !important; - } - - body.back6.quest_battle, - body.back7.quest_battle, - body.back8.quest_battle, - body.back9.quest_battle { - background-size: 120% !important; - } - - body.back19.quest_battle, - body.back18.quest_battle, - body.back17.quest_battle, - body.back14.quest_battle, - body.back15.quest_battle, - body.back16.quest_battle, - body.back13.quest_battle, - body.back11.quest_battle { - background-size: 100% !important; - } - - #cta_button a, - a.button { - line-height: 46px; - padding: 10px; - } - - .refer_friend .top_img { - margin-top: -230px; - } - - .demo { - max-width: 400px; - } - - .tr { - position: absolute; - top: 20px; - } - - .tl { - position: absolute; - top: 00px; - left: 0px; - } - - .bl { - position: absolute; - bottom: 20px; - left: 20px; - } - - #cta_button { - margin-top: 20%; - } - - #enemy img { - margin-top: 40px; - margin-right: 50px; - max-height: 150px; - max-width: 150px; - border-radius: 30px; - } - - #enemy.character .info { - left: 0px; - bottom: 50px; - } - - #desc { - margin-top: 10%; - height: 210px; - overflow-y: auto; - } - - #desc img { - max-width: 80px; - max-height: 80px; - } - - body.stage_2 #cta_button { - margin-top: 35%; - } - - body.stage_3 #cta_button { - margin-top: 28%; - } - - body.stage_4 #header { - margin-top: -6%; - font-size: 12px; - } - - body.stage_4 #cta_button { - margin-top: 38%; - } - - body.winner #cta_button { - margin-top: 10%; - } - - body.stage_4 #desc { - margin-top: 5%; - font-size: 12px; - width: 80%; - right: 10%; - height: 150px; - } - - body.stage_4 #desc li { - padding: 3px; - font-size: 9px; - } - - #timer { - font-size: 18px; - color: #888; - } - - .back_gradient { - background-size: 100% 400px !important; - } -} - -@media (max-width: 991.98px) { - - .table { - border: auto; - } - - #quest_creator { - top: 0.4rem; - } - - .btn { - width: -webkit-fill-available; - top: 0.4rem; - border: none; - - } - - .table td, - .table th { - padding: 0.55rem; - border: none; - position: relative; - } - - body.quest_battle { - background-size: 250% !important; - } - - body.back6.quest_battle, - body.back7.quest_battle, - body.back8.quest_battle, - body.back9.quest_battle { - background-size: 140% !important; - } - - body.back11.quest_battle { - background-size: 220% !important; - } - - .leaderboard_hero .inner_row { - width: 32%; - height: 350px; - } - - .tr { - right: 70px; - } - - .prize img { - height: 100px; - width: 90px; - margin: 5px 10px; - } - - .character .info h3 { - font-size: 12px; - } - - .character .info p { - font-size: 8px; - width: 40%; - } - - #header { - font-size: 12px; - } - - #desc { - height: 180px; - font-size: 10px; - } - - .refer_friend .w-50 { - width: 100% !important; - } - - .button { - padding: 10px; - font-size: 12px; - } - - .demo { - max-width: 300px; - } - - .back_gradient { - background-size: 100% 400px !important; - } -} - -@media (max-width: 767.98px) { - - .table { - text-align: center; - border-collapse: collapse; - border: auto; - } - - .btn { - width: -webkit-fill-available; - top: 0.6rem; - border: none; - } - - .table td, - .table th { - padding: 0.25rem; - } - - #quest_creator { - top: 10px; - right: 1px; - } - - #explore_quests { - top: -1px; - } - - body.quest_battle { - background-size: 350% !important; - } - - body.back6.quest_battle, - body.back7.quest_battle, - body.back8.quest_battle, - body.back9.quest_battle { - background-size: 200% !important; - } - - body.back11.quest_battle { - background-size: 250% !important; - } - - .hide_on_mobile { - display: none; - } - - .show_on_mobile { - display: block; - } - - .leaderboard_hero { - background-image: none !important; - } - - .leaderboard_hero .inner_row { - width: 100% !important; - padding-top: 0px !important; - height: 400px; - } - - .leaderboard_hero .kudos_container, - .leaderboard_hero .handle_container { - width: 30%; - } - - .character img { - width: 110px; - height: 110px; - border-radius: 70px; - border: 5px solid #ccc; - } - - .character img.orb { - left: 23px; - } - - .character img.staff { - left: 66px; - } - - .character .info { - left: 80px; - } - - .demo { - max-width: 500px; - } - - .row.indent_on_mobile { - margin-left: 5%; - } - .quests-hero .hero-p-mobile { - margin-left: 20px; - } - .button { - padding: 10px; - font-size: 5px; - } - - #desc { - width: 80%; - right: 10%; - margin-top: 10%; - height: 120px; - overflow-y: auto; - } - - .character .info h3 { - max-width: 100px; - } - - .back_gradient { - background-size: 100% 650px !important; - } - - .flair div { - font-size: 36px; - } -} - -@media (max-width: 575.98px) { - - .table { - border: none; - } - - .table td { - padding: 5.5px; - } - - .table th { - padding: 5.5px; - } - - .btn { - right: auto; - top: 0.6rem; - } - - #quest_creator { - top: 0.8rem; - } - - body.quest_battle { - background-size: 250% !important; - } - - body.back6.quest_battle, - body.back7.quest_battle, - body.back8.quest_battle, - body.back9.quest_battle { - background-size: 120% !important; - } - - body.back19.quest_battle, - body.back18.quest_battle, - body.back17.quest_battle, - body.back14.quest_battle, - body.back15.quest_battle, - body.back16.quest_battle, - body.back13.quest_battle, - body.back11.quest_battle { - background-size: 100% !important; - } - - .hide_on_mobile { - display: none; - } - - #cta_button a, - a.button { - line-height: 150px; - padding: 10px; - } - - .refer_friend .top_img { - margin-top: -230px; - } - - .demo { - max-width: 400px; - } - - .tr { - position: absolute; - top: 30px; - left: 279px; - right: 70px; - } - - .tl { - position: absolute; - top: -2em; - left: 0px; - } - - .bl { - position: absolute; - bottom: 20px; - left: 20px; - } - - #cta_button { - margin-top: 20%; - } - - #enemy img { - margin-top: 40px; - margin-right: 50px; - max-height: 130px; - max-width: 130px; - border-radius: 30px; - } - - #enemy.character .info { - left: 0px; - bottom: 50px; - } - - #desc { - margin-top: 10%; - height: 210px; - overflow-y: auto; - } - - #desc img { - max-width: 80px; - max-height: 80px; - } - - body.stage_2 #cta_button { - margin-top: 35%; - } - - body.stage_3 #cta_button { - margin-top: 28%; - } - - body.stage_4 #header { - margin-top: -2%; - font-size: 8px; - } - - body.stage_4 #cta_button { - margin-top: 38%; - } - - body.winner #cta_button { - margin-top: 10%; - } - - body.stage_4 #desc { - margin-top: 2%; - font-size: 12px; - width: 80%; - right: 10%; - height: 150px; - } - - body.stage_4 #desc li { - padding: 3px; - font-size: 9px; - } - - #timer { - font-size: 18px; - color: #888; - } - - .back_gradient { - background-size: 100% 400px !important; - } -} diff --git a/app/assets/v2/css/quests.example.css b/app/assets/v2/css/quests.example.css deleted file mode 100644 index 0f6c64c0de7..00000000000 --- a/app/assets/v2/css/quests.example.css +++ /dev/null @@ -1,9 +0,0 @@ -body.quest_battle .footer, -body.quest_battle .header, -body.quest_battle .bottom_notification, -body.quest_battle .top-nav{ - display: none !important; -} -body{ - padding: 40px; -} diff --git a/app/assets/v2/css/quickstart.css b/app/assets/v2/css/quickstart.css deleted file mode 100644 index 8fa2ab88d08..00000000000 --- a/app/assets/v2/css/quickstart.css +++ /dev/null @@ -1,145 +0,0 @@ -.quickstart .title { - color: #0d0764; - letter-spacing: 0; -} - -.quickstart h4.title { - font-size: 2.75rem; -} - -.quickstart .dont-show { - color: #4a4a4a; -} - -.quickstart ol, -.quickstart ul { - padding: 0; -} - -.quickstart .modal#video { - padding: 0; - line-height: 0; -} - -.quickstart iframe { - width: 100%; - min-height: 450px; -} - - -.steps-container { - background-color: #fff; -} - -.steps-container .image-container { - margin-top: 10rem; -} - -.steps-container a { - color: #3e00ff; -} - -.steps-list { - padding-left: 1.5rem !important; -} - -.steps-list p { - color: #4a4a4a -} - -.steps-list ol li { - color: #3d3d46; - list-style-type: none; - line-height: 2.5rem; - font-weight: 600; -} - -.issuetypes-container .subheading { - width: 100%; - color: #15003e; - text-transform: none; - letter-spacing: 0; -} - -.issuetypes-container h5 { - font-size: 1.2rem; - margin-top: 0.5rem; - flex: 1; - letter-spacing: 0; -} - -.issuetypes-container p { - line-height: 0.9rem; -} - -.bounty-tips { - background: #0D0764; -} - -.bounty-tips h4 { - color: #fff; -} - -.red-text { - color: #D0021B; -} - -.first-bounty { - background: #D6FBEB; - border-radius: 4px; - color: #00A55E; - padding: 5px 10px; -} - -.bounty-tips .card { - height: 7.5rem; -} - -.bounty-tips .card .title { - margin-top: 1rem; -} - -.bounty-activity { - border-top: 1px solid #D8D8D8; - border-bottom: 1px solid #D8D8D8; -} - -.bounty-activity .box { - border-bottom: none; -} - -#dontshow { - width: 10rem; -} - -@media screen and (max-width: 500px) { - iframe { - min-height: 200px; - } - - .notsuggested-container ol { - padding: 1rem 0; - } - -} - -@media (max-width: 767.98px) { - .bounty-tips .card { - height: auto; - } - - .steps-list ol li { - line-height: 2rem; - } -} - - -@media (min-width: 992px) and (max-width: 1199.98px) { - .bounty-tips .card { - height: 9rem; - } -} - -.flex-column img { - margin: auto; -} diff --git a/app/assets/v2/css/rating.css b/app/assets/v2/css/rating.css deleted file mode 100644 index 36953588a59..00000000000 --- a/app/assets/v2/css/rating.css +++ /dev/null @@ -1,101 +0,0 @@ -/* stylelint-disable no-descending-specificity */ -.card-rating { - color: #0d003c; - background-color: #fff; - border-radius: 4px; - position: relative; - margin: 1rem 0.6rem; - scroll-snap-align: none start; - transition: .45s all ease-in-out; - flex-wrap: nowrap; - flex-direction: row; - flex: 0 0 24.2%; - max-width: 24.2%; - align-items: center; - font-size: 12px; - min-width: 230px; - box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1); -} -.card-rating .tag { - font-weight: 700; -} -.card-rating__title { - color: #000; - font-weight: 600; - font-size: 0.9rem; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - text-overflow: ellipsis; - overflow: hidden; - margin-bottom: 6px; -} - -.card-rating__avatar { - flex-shrink: 0; -} - -.card-rating__header { - display: flex; - background-color: #F8F9FA; - padding: 1rem .5em; - border-radius: 4px 4px 0 0; -} - -.rating { - direction: rtl; -} - -.rating--small .rating-star { - font-size: 0.6rem; -} - -.rating > input { display: none; } -.rating > .rating-star:before { - margin: 1px; - font-size: 2.35em; - font-family: 'Font Awesome\ 5 Pro', sans-serif; - display: inline-block; - content: "\f005"; -} - -.rating > .half:before { - content: "\f089"; - position: absolute; -} - -.rating > .rating-star { - color: #ddd; - margin-bottom: 0; -} - -.rating > input:checked ~ .rating-star, -fieldset:not(:disabled) .rating:not(:checked) > .rating-star:hover, -fieldset:not(:disabled) .rating:not(:checked) > .rating-star:hover ~ .rating-star { - color: #25E899; - font-weight: 800; -} - -fieldset:not(:disabled) .rating > input:checked + .rating-star:hover, -fieldset:not(:disabled) .rating > input:checked ~ .rating-star:hover, -fieldset:not(:disabled) .rating > .rating-star:hover ~ input:checked ~ .rating-star, -fieldset:not(:disabled) .rating > input:checked ~ .rating-star:hover ~ .rating-star { - color: rgb(11, 253, 156); -} - -fieldset:disabled .rating { - filter: saturate(0.4); -} - -.static-stars .far { - font-size: 23px; - color: #CCCED0; -} - -.static-stars .fas { - color: #25E899; -} - -.static-stars.rating--small > i { - font-size: 1em; -} diff --git a/app/assets/v2/css/results.css b/app/assets/v2/css/results.css deleted file mode 100644 index 79e2a24be35..00000000000 --- a/app/assets/v2/css/results.css +++ /dev/null @@ -1,401 +0,0 @@ -..box { - width: 20px; - height: 20px; - margin-right: 10px; -} - -.navbar { - background-color: #0d023b; -} -.infinite-more-link{ - display: none; -} -.loading.unveil-loaded{ - display: none !important; -} -.mega-founder { - height: 150px; - margin: 16px; - display: inline-block; - border-radius: 100px; - overflow: hidden; -} - -.mega-founder img { - width: auto; - height: 100%; -} - -.repo-icon { - width: 100px; - margin: 8px; - display: inline-block; - border-radius: 50px; - overflow: hidden; -} - -.repo-icon img { - width: 100%; - height: auto; -} - -.content-block { - padding: 3rem 1rem; - text-align: center; -} - -.content-block--white { - background-color: var(--gc-white); -} - -.content-block--grey { - background-color: var(--gc-grey); -} - -.content-block--blue-grey { - background-color: var(--gc-blue-grey); -} - -.content-block__title { - color: var(--gc-black); - font-size: 32px; - font-weight: var(--fw-bold); - margin-bottom: 1em; -} - -.content-block__title--small-margin { - margin-bottom: 0.25em; -} - -.content-block__subtitle { - color: var(--gc-dark-violet); - font-size: 18px; -} - -.title-text { - color: var(--gc-black); - text-align: center; - font-size: 32px; - margin-bottom: 1em; -} - -.value-container { - display: flex; - justify-content: center; -} - -.chart_container { - display: flex; - flex-direction: column; - align-items: center; -} - -#gmv .container{ - width: 100%; - max-width: 100%; -} -.chart_container__content { - flex: 1; -} - -#gmv .chart_container__content{ - margin-top: -100px; -} -.chart_container--big { - width: 92%; -} -.chart_container--flex { - display: flex; - align-items: center; -} - -.chart_container__title { - color: var(--gc-light-violet); - font-size: 20px; - margin-bottom: 10px; - font-weight: var(--fw-bold); -} - -.promo-text { - margin: 0; - font-size: 1.6rem; - line-height: 1.4; -} - -.platform-stats-container { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; - --stat-container-width: 350px; -} - -.single-stat { - --image-size: 9rem; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - width: var(--stat-container-width); - margin-bottom: 20px; -} - -.single-stat p, -.single-stat h3 { - margin: 0; - text-align: center; -} - -.single-stat img { - width: var(--image-size); - height: auto; - margin-bottom: 0; -} - -h3.single-stat__title { - color: var(--gc-black); - font-size: var(--fs-title-xl); - font-weight: bold; - margin: 0; - margin-bottom: 4px; -} - -p.single-stat__subtitle { - font-size: var(--fs-title); - color: var(--gc-darker-grey); - margin-bottom: 4px; -} - -p.single-stat__fineprint { - font-size: var(--fs-body); - color: var(--gc-dark-grey); -} - -.bounty-status-breakdown { - display: flex; - align-items: center; - justify-content: center; -} - -.bounty-status-list { - text-align: left; - margin-right: 2rem; -} - -.bounty-status-list p { - display: flex; - align-items: center; - margin: 0 24px 10px 0; - font-size: 16px; - color: var(--gc-dark-violet); -} - -.bounty-list-title { - font-size: 32px; - font-weight: var(--fw-bold); - margin-bottom: 1em; -} - -.bounty-grid { - display: flex; - max-width: 960px; - margin: 0 auto; - justify-content: center; - flex-wrap: wrap; - margin-bottom: 2rem; -} - -.single-bounty { - padding: 20px 20px 16px; - margin: 10px; - text-align: center; - border: 1px solid var(--gc-light-violet); -} - -.single-bounty__title { - font-weight: var(--fw-bold); - font-size: 18px; - margin-bottom: 4px; - color: var(--gc-dark-violet); -} - -.single-bounty__label { - font-size: 14px; - text-transform: lowercase; - margin-bottom: 4px; - color: var(--gc-dark-grey); -} - -.single-bounty__payout { - font-weight: var(--fw-bold); - font-size: 20px; - color: var(--gc-blue); -} - -.about-pink-logo { - max-width: 400px; - width: 75%; - height: auto; -} - -.hackathon-breakdown div { - width: 250px; - display: inline-block; - vertical-align: top; -} - -.hackathon-breakdown div img { - max-width: 250px; - background-color: black; - max-height: 100px; - border-radius: 10px; - padding: 19px; -} -#leaderboard_nav a:first-child{ - margin-left: auto; -} -#leaderboard_nav a:last-child{ - margin-right: auto; -} -#general_leaderboard img{ - height: 30px; - width: 30px; - border-radius: 15px; -} - -@media screen and (max-width: 768px) { - #gmv .chart_container__content{ - margin-top: 0px; - } - - .content-block { - padding: 3rem 0.5rem; - } - - .value-container { - flex-direction: column; - } - - .chart_container:not(:last-of-type) { - margin-bottom: 32px; - } - - .chart_container--big { - width: 100%; - } - - .chart_container__title { - margin-bottom: 32px; - } - - .platform-stats-container { - --stat-container-width: 50%; - } - - .bounty-status-list { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: center; - margin-left: 0; - } - - .bounty-status-breakdown { - flex-direction: column; - } - - .repo-icon { - width: 75px; - } - - .mega-founder { - height: 140px; - } - #general_leaderboard .col-6{ - max-width: 50%; - overflow-y: scroll; - } - #general_leaderboard .col-2:first-child{ - max-width: 10%; - } - -} - -@media screen and (max-width: 475px) { - .content-block { - padding: 2rem 0.5rem; - } - - .platform-stats-container { - --stat-container-width: 100%; - } - - .repo-icon { - width: 4rem; - } - - .mega-founder { - height: 8rem; - } - - .single-stat { - --image-size: 8rem; - } - - .bounty-status-list { - justify-content: flex-start; - align-items: flex-start; - } - - .bounty-status-list p { - width: 40%; - align-items: flex-start; - } - - .bounty-list-title { - font-size: 28px; - } - - .single-bounty { - margin: 5px; - padding: 20px; - } - - .box { - position: relative; - top: 2px; - } - #general_leaderboard .col-6{ - max-width: 30%; - overflow-y: scroll; - } - -} - -@media screen and (max-width: 375px) { - - .bounty-list-title { - font-size: 24px; - } - - .single-bounty { - margin: 0; - padding: 10px; - margin-bottom: 8px; - width: 100%; - } - - .bounty-status-list p { - width: 100%; - display: flex; - align-items: flex-start; - } - - .repo-icon { - width: 25%; - } - - .mega-founder { - height: 6rem; - } -} diff --git a/app/assets/v2/css/retail/plans.css b/app/assets/v2/css/retail/plans.css deleted file mode 100644 index b3e51e3caad..00000000000 --- a/app/assets/v2/css/retail/plans.css +++ /dev/null @@ -1,90 +0,0 @@ -.plan { - border-radius: 3px; - transition: box-shadow .25s ease-out,border-color .25s ease-out; - box-shadow: 0 0 0 1px rgba(56,60,67,.05), 0 1px 3px 0 rgba(56,60,67,.15); -} - -.plan:hover { - cursor: pointer; - box-shadow: 0 0 0 1px rgba(56,60,67,.07), 0 8px 14px 1px rgba(56,60,67,.15); -} - -.plan-header h3, -.plan-header h2 { - color: #4A4A4A; -} - -.plan-header h2 span.month, -.plan-header p { - font-size: 1rem; - color: #9B9B9B -} - -.plan-header h2 { - font-size: 2rem; -} - -.discount { - color: limegreen; - font-weight: 600; -} - -.features { - max-width: 12rem; - margin-left: auto; - margin-right: auto; -} - -.features-available i { - color: #05B66A; -} - -.features-available a { - text-decoration: none; - color: #4A90E2; -} - -.features-available-na { - color: #cacaca; -} - -.plan-button .button--full { - color: #fff !important; - padding: .75rem 1.5rem; - font-weight: 600; -} - -.ribbon { - height: 100px; - width: 125px; - overflow: hidden; - position: absolute; -} - -.ribbon span { - position: absolute; - display: block; - width: 201px; - padding: 3px 0; - background-color: #3E00FF; - color: #fff; - text-shadow: 0 1px 1px rgba(0,0,0,.2); - text-align: center; -} - -.ribbon-top-right { - top: 0px; - right: 15px; -} - -.ribbon-top-right span { - left: -18px; - top: 28px; - transform: rotate(45deg); -} - -@media (max-width: 576px) { - .plan-info { - text-align: center !important; - } -} \ No newline at end of file diff --git a/app/assets/v2/css/retail/subscribe.css b/app/assets/v2/css/retail/subscribe.css deleted file mode 100644 index ccb152a4ed3..00000000000 --- a/app/assets/v2/css/retail/subscribe.css +++ /dev/null @@ -1,13 +0,0 @@ -.step h2 { - font-size: 1.5rem; -} - -.summary p { - margin: 0 0 4px; -} - -.summary i { - font-size: 6px; - position: relative; - bottom: 2px; -} \ No newline at end of file diff --git a/app/assets/v2/css/retail/tribes_landing.css b/app/assets/v2/css/retail/tribes_landing.css deleted file mode 100644 index 85bce19b0f1..00000000000 --- a/app/assets/v2/css/retail/tribes_landing.css +++ /dev/null @@ -1,145 +0,0 @@ -.bg-blue { - background-color: #170640; - color: white; -} - -.tribes-landing .title { - border-bottom: 7px solid; -} - -.features { - max-width: 20rem;; -} - -.work-section { - background: #170640; - color: #fff; -} - -.white-line { - border-bottom: 5px solid white; - max-width: 10rem; -} - -.strip { - position: relative; - top: 1px; -} - -.plan { - min-height: 3rem; -} - -.plan-header img { - height: 120px; -} - -.why-section { - background: #170640; - color: #fff; -} - -.why-section .square-1 { - top: -9rem; - right: 0; - opacity: 0.2; -} - -.why-section .square-2 { - height: 25rem; - top: 25rem; - opacity: 0.3; -} - -.why-section .reasons img { - height: 2.2rem; -} - -.zoom-on-hover { - transition: all .3s; -} - -.zoom-on-hover:hover { - transform: scale(1.15); -} - -.testimonial-section { - background: #F0F2F8; -} - -.testimonial-section .testimonial-box { - border: 3px solid #3E00FF; - border-radius: 5px; -} - -.testimonial-section .testimonial-box .img-container { - border: 2px solid #3E00FF; - height: 5rem; - width: 5rem; - top: -7px; - position: relative; - background: #fff; -} - -.testimonial-section .testimonial-box .img-container.org-container { - left: -1rem; -} - -.testimonial-section .testimonial-box .img-container.org-container img { - left: -2px; - top: 6px; -} - -.testimonial-section .quote-container { - min-height: 9.8rem; -} - -.testimonial-section .quote-text { - font-size: 1.2rem; -} - -.testimonial-section img { - max-width: 5rem; - top: -5px; - background: white; -} - -.testimonial-section .testimonial-photo-container { - top: -2rem; - left: 0; - right: 0; -} - -#pro, -#pro h3, -#pro h2, -#pro .plan-header span { - background-color: #170640; - color: white; -} - -.ribbon-green span { - background: #0FCE7C; -} - -.tribes-section img { - height: 5rem; -} - -@media (min-width:1200px) and (max-width: 1500px) { - #plans-container { - min-width: 100% !important; - } -} - -@media screen and (max-width: 780px) { - .testimonial-card { - margin: 45px 0 !important; - width: 100% !important; - height: auto !important; - } -} - -.newsletter { - border-top: none !important; -} \ No newline at end of file diff --git a/app/assets/v2/css/scroll-carousel.css b/app/assets/v2/css/scroll-carousel.css deleted file mode 100644 index d999e0d3afc..00000000000 --- a/app/assets/v2/css/scroll-carousel.css +++ /dev/null @@ -1,58 +0,0 @@ -#kudos-holder { - max-width: 498px; -} - -.scroll-carousel { - display: flex; - overflow-x: auto; - scroll-snap-type: x mandatory; - flex: 1 1 50%; - flex-direction: row; -} - -.scroll-carousel__item { - position: relative; - margin: 1rem 0.4rem; - scroll-snap-align: none start; - transition: .45s all ease-in-out; - display: flex; - flex-direction: row; - flex: 0 0 30%; - max-width: 30%; - align-items: center; - border: 1px solid #cfcfcf; - padding: .5em; - border-radius: 5px; - font-size: 11px; -} - -.scroll-carousel__item:hover, -.scroll-carousel__item.selected { - border-color: #3e00ff; - box-shadow: inset 0 0 0px 2px #3e00ff; -} - -.scroll-carousel__btn { - position: absolute; - bottom: 0; - right: 0; - background: #00bb5d; - color: white; - border: 0; - border-radius: 3px; - font-weight: 600; - cursor: pointer; -} - -.scroll-carousel__btn:hover { - background-color: #009c4e; -} - -.scroll-carousel__img { - width: 60px; -} - -.scroll-carousel__text { - padding: 0.6em; - word-break: break-word; -} diff --git a/app/assets/v2/css/search.css b/app/assets/v2/css/search.css deleted file mode 100644 index dd15dbe9f90..00000000000 --- a/app/assets/v2/css/search.css +++ /dev/null @@ -1,73 +0,0 @@ -.gc-search-tab__title { - font-size: 12px !important; -} - -.navbar-nav .nav-link.gc-search__icon { - position: relative; - font-size: 18px; - color: white; -} - -.gc-search__icon.dropdown-toggle::after { - content: none; -} - -.gc-search-nav.nav-tabs .nav-line { - color: #666666 !important; -} - -.gc-search-nav.nav-tabs .nav-line.active { - color: #3E00FF !important; - border-color: #3E00FF; -} - -.gc-search-box.dropdown-menu { - width: 520px; - background-color: #ffffff; - border-radius: 4px; - top: 2.3rem; -} - -.gc-search__header { - display: flex; - justify-content: space-between; - border-bottom: 1px solid #d8d8d8; - padding-bottom: 0.8em; -} - -.gc-search-result { - max-height: 328px; - overflow-y: auto; - padding: 0; - position: relative; - z-index: 1; -} - -.gc-search-result__content:nth-child(even) { - background: #F9F9F9; -} - -.gc-search-result__title { - color: #000000; -} - -.gc-search-result__description { - color: #666666; -} - -.gc-search__avatar { - border-radius: 50px; - width: 47px; - height: auto; -} - -.gc-search__tag { - background-color: #e7f0fa; - color: #6700ff; -} - -@media (max-width: 768px) { - .gc-search-box.dropdown-menu { - width: 100%; - } -} diff --git a/app/assets/v2/css/search_bar.css b/app/assets/v2/css/search_bar.css deleted file mode 100644 index 18509b7264b..00000000000 --- a/app/assets/v2/css/search_bar.css +++ /dev/null @@ -1,117 +0,0 @@ -.order_by { - color: #000; - font-weight: 600; - position: relative; - bottom: 2px; - text-align: right; -} - -.search-area, -.order_by { - display: inline-block; -} - -.search-area { - position: relative; - margin-top: 15px; -} - -.order_by .heading { - color: #5B5C5C; -} - -.order_by .sort_option { - cursor: pointer; - padding: 5px; - margin-left: 2px; - margin-right: 2px; -} - -.order_by .sort_option:last-child { - margin-right: 10px; -} - -.order_by div:first-child { - display: inline; -} - -.ui-selectmenu-button.ui-button { - width: 9rem; -} - -.order_by .sort_option.selected { - border-bottom: 2px solid #000; -} - -.filter-tags { - margin-top: 9px; - margin-bottom: 9px; -} - -.filter-tag { - margin: 2px; - text-transform: lowercase; - background-color: #3E00FF; - color: white !important; - border-radius: 2px; - font-size: 12px; - padding: 4px 5px; - display: inline-block; -} - -.filter-tag i { - margin-left: 7px; - font-size: 9px; -} - -.ui-autocomplete { - height: 33.33%; - overflow-y: scroll; -} - -#results-count { - color: #666666; -} - -.search_bar { - border-bottom: 1px solid #D8D8D8; -} - -/* Remove IE default X */ -#keywords::-ms-clear { - display: none; - width: 0; - height: 0; -} - -@media (max-width: 767.98px) { - - .title-row { - display: inline-block; - } - - .title-row .bounty-info { - margin-bottom: 10px; - } - - .title-row .bounty-info #modifiers { - padding-left: 20px; - } - - .search-area { - margin-bottom: 10px; - margin-left: 0; - } - - .order_by { - margin-top: 0; - } - - .order_by .sort_option:last-child { - margin-right: 0; - } - - .search_bar div { - padding-right: 15px; - } -} diff --git a/app/assets/v2/css/select2-kudos.css b/app/assets/v2/css/select2-kudos.css deleted file mode 100644 index 4340a144bdd..00000000000 --- a/app/assets/v2/css/select2-kudos.css +++ /dev/null @@ -1,140 +0,0 @@ -:root { - --arrow-color: #6c757d; - --border-grey: #ced4da; - --border-blue: #0D0764; -} - -.select2 { - width: 100%; -} - -.select2-container--kudos { - border: 1px solid #ced4da; - padding: 0.25em; - border-radius: .25rem; -} - -.select2-container--kudos.select2-container--disabled { - background-color: #e9ecef; - opacity: 1; -} - -.select2-container--kudos .select2-selection--single .select2-selection__arrow b { - border-color: var(--arrow-color) transparent transparent transparent; - border-style: solid; - border-width: 0.45rem 0.45rem 0 0.45rem; - height: 0; - left: 0; - /* margin-top: -0.125rem; */ - position: absolute; - top: 0; - bottom: 0; - width: 0; - border-radius: 4px; - margin: auto; -} - -.select2-container--kudos.select2-container--open .select2-selection .select2-selection__arrow b { - border-color: transparent transparent var(--arrow-color) transparent; - border-width: 0 0.45rem 0.45rem 0.45rem; -} - -.select2-container--kudos .select2-selection--single { - min-height: 28px; - height: auto; - display: flex; -} - -.select2-container--kudos .select2-selection__placeholder { - vertical-align: middle; -} - -.select2-container--kudos .select2-selection--single .select2-selection__arrow { - position: absolute; - bottom: 0; - right: 0.375rem; - top: 0; - width: 0.85rem; -} - -.select2-container--kudos .select2-search--dropdown .select2-search__field { - border-radius: 4px; - border: 1px solid #7777; -} - -.select2-container--open .select2-dropdown.select2-dropdown--below { - top: -3px; - left: -1px; -} - -.select2-container--open .select2-dropdown.select2-dropdown--above { - top: 1px; - left: -1px; -} - -.select2-container--kudos .select2-dropdown { - /* border-color: var(--border-grey); */ -} - -.select2-container--kudos .select2-results__options { - max-height: 300px; - overflow-y: auto; -} - -.select2-container--kudos .select2-results__option { - font-size: 12px; - padding: 9px 6px; -} - -.select2-container--kudos .select2-results__option--highlighted[aria-selected] { - background-color: #F2F6F9; -} - -.select2-container--kudos .select2-selection--single .select2-selection__rendered { - /* display: flex; - justify-content: space-between; - align-items: center; - flex-basis: 100%; */ -} - -.select2-container--kudos .select2-selection--single .select2-selection__clear { - /* order: 1; - font-size: 20px; - line-height: 1; */ - - position: absolute; - bottom: 0; - right: 0.375rem; - top: 0; - width: 0.85rem; - font-size: 20px; - z-index: 100; -} - -.gc-border-blue + .select2-container--kudos, -.select2-container--kudos > .select2-dropdown { - border-color: var(--border-blue); -} - - -.kudos-name { - font-weight: 600; - font-size: 14px; -} - -.kudos-description { - color: #9B9B9B; -} - -.kudos-search-result a.more{ - float: right; -} -.kudos-search-result img{ - /* width: 50px; */ - height: 50px; -} -.kudos-search-result.kudos-search-result-large img{ - /* width: 100px; */ - height: 100px; -} - diff --git a/app/assets/v2/css/sidebar_search.css b/app/assets/v2/css/sidebar_search.css deleted file mode 100644 index 9ec2a4e425d..00000000000 --- a/app/assets/v2/css/sidebar_search.css +++ /dev/null @@ -1,115 +0,0 @@ -.sidebar_search { - padding: 20px 20px 10px 40px; -} - -.subheading { - color: #5B5C5C; - margin-top: 1rem; - margin-bottom: 1rem; - font-weight: 600; -} - -.subheading i { - position: relative; - top: -1px; - font-size: 0.8rem; -} - -#expand, -#minimize { - display: none; -} - -.close-icon { - position: absolute; - top: 13px; - right: 25px; - width: 15px; - display: none; - cursor: pointer; -} - -.sidebar_search .options .option { - margin-bottom: 2px; -} - -.sidebar_search .option.Azure-Samples img { - border-radius: 0px !important; -} - -.option label:before, -.option label:after { - width: 16px; - height: 16px; - top: 3px; -} - -.option label { - padding-left: 20px; -} - -.option label:after { - border: 1px solid #D3D3D3; - background: #FFF; -} - -.sidebar_search label, -.sidebar_search #clear { - cursor: pointer; -} - -.sidebar_search #clear { - margin-top: 2px; - color: #3E00FF; -} - -#new_search { - color: #3E00FF; - position: absolute; - right: 10px; - top: 11px; -} - -.filter-label { - display: inline-block; - margin-left: 10px; -} - -.sidebar_search .col { - border-top: 1px solid #D3D3D3; -} - -.accordion:after { - color: #5B5C5C; -} - -.panel .col { - margin-bottom: 1rem; -} - -.panel .col:first-child { - border-top: none; -} - -@media (max-width: 991.98px) { - #expand { - display: inherit; - } - - .search_bar div { - padding-right: 15px !important; - } -} - -@media (max-width: 1199.98px) { - .sidebar_search { - margin-left: 10px; - margin-right: 10px; - padding: 20px 20px 10px; - } -} - -.left-ribbon { - border-left: 3px solid var(--gc-blue); - padding-left: 6px !important; -} diff --git a/app/assets/v2/css/submit_bounty.css b/app/assets/v2/css/submit_bounty.css deleted file mode 100644 index 75537f53b4f..00000000000 --- a/app/assets/v2/css/submit_bounty.css +++ /dev/null @@ -1,267 +0,0 @@ -/* stylelint-disable selector-pseudo-class-no-unknown */ - -.submit_bounty .submit_bounty_content, -.fulfill_bounty .submit_bounty_content, -.increase_bounty .submit_bounty_content { - background-color: #f2f6f9; -} - -.submit_bounty .submit_bounty_form, -.fulfill_bounty .submit_bounty_form { - background-color: #FFFFFF; -} - -.submit_bounty_form textarea[name=description] { - height: 20rem; -} - -h1, h2, h3, h4, h5 { - letter-spacing: 0; -} - -input { - outline: none; -} - -textarea:-moz-read-only, -input:-moz-read-only, -textarea:read-only, -input:read-only { - background-color: #eaeaea94; -} - -#primary_form .revisions { - min-height: 37px; - padding: 0; - width: 30%; - justify-content: space-around; - text-align: center; - align-items: center; -} - -#primary_form .title { - text-transform: none; -} - -#primary_form #fee-section .font-subheader { - color: #666666; - font-weight: bold; -} - -#primary_form .form__input-help { - font-size: 13px; -} - -#keyword-suggestion-container, -#contributor-suggestion-container { - display: flex; - align-items: center; -} - -#keyword-suggestions, -#contributor-suggestions { - display: flex; - margin-left: 15px; - flex-wrap: wrap; -} - -.revisions input { - width: 35%; - height: 35px; - text-align: center; - border-left: 1px solid #0D0764; - border-top: 0; - border-bottom: 0; - border-right: 1px solid #0D0764; -} - -.revisions .form__input-action { - width: 30%; - cursor: pointer; -} - -.select2-container--default .select2-selection--single { - border-color:#D3D3D3 !important; - font-size: 14px; -} - -#no-issue-banner img { - max-width: 100%; - border-top: 1px solid #d1d1d1; - border-bottom: 1px solid #d1d1d1; -} - -#no-issue-banner { - text-align: center; -} - -#issue-details, -#issue-details-edit { - display: none; -} - -.issue-details-public { - padding: 1em; -} - -.issue-details-public input, -.issue-details-public textarea { - border: none; - background-color: transparent; - padding-left: 0; - padding-right: 0; -} - -.issue-details-public textarea::-webkit-scrollbar { - width:9px; -} - -.issue-details-public textarea::-webkit-scrollbar-track { - -webkit-border-radius:5px; - border-radius:5px; - background:rgba(0,0,0,0.1); -} - -.issue-details-public textarea::-webkit-scrollbar-thumb { - -webkit-border-radius:5px; - border-radius:5px; - background:rgba(0,0,0,0.2); -} - -.issue-details-public textarea::-webkit-scrollbar-thumb:hover { - background:rgba(0,0,0,0.4); -} - -.issue-details-public textarea::-webkit-scrollbar-thumb:window-inactive { - background:rgba(0,0,0,0.05); -} - -#sync-issue, -#issue-details-edit a { - font-size: 0.75rem; - padding: 5px 14px; -} - -#issue-details-edit label { - display: block; -} - -#issue-details .form__input.valid, -#issue-details .form__input.error { - background-image: none; -} - -#last-synced { - display: inline; - margin-right: .5rem; -} - -#reservedForDiv .select2-selection__arrow { - height: 2.5rem !important; - right: 6px; -} - -.fee-circle::before { - content: '-'; - background-color: #5B3AF0; - border-radius: 50%; - padding: 3.5rem 4rem; - position: relative; - opacity: 0.12; - top: 2.2rem; -} - -.fee-circle p { - color: #3E00FF; -} - -@media (max-width: 767.98px) { - .select2-container { - max-width: 100%; - } -} - -#featured-bounty-add .featured-example { - border: 1px solid #E8E8E8; - padding: 8px 0 8px 8px; - max-width: 100%; -} - -.featured-text { - font-size: 0.8em; -} - -.featured-price { - display: block; - text-indent: 2.3em; -} - -.new { - color: #0FCE7C; -} - -.collapse-header { - color: #7c7e81; - display: flex; - align-items: center; - justify-content: space-between; - padding: 1em 0; - border-bottom: 1px solid #e5e5e5; - transition: all .3s linear; -} - -.collapse-header:hover { - text-decoration: none; -} - -.collapse-header.collapsed { - border-bottom-color: transparent; -} - -.collapse-header .fa:before { - content: "\f077"; -} - -.collapse-header.collapsed .fa:before { - content: "\f078"; -} - -.letter-spacing { - letter-spacing: 0.1em; -} - -.release-after-form-group { - display: none; - margin-top: 0.75em; -} - -.release-after-form-group-required { - border: none; - padding: 5px; -} - -.fulfill_bounty .rating-container { - padding-left: 0 !important; - padding-right: 0 !important; -} - -.fulfill_bounty .rating-container .rating { - font-size: 12px; - display: inline-block; - top: 3px; - position: relative; -} - -.wallet-alert { - border-radius: 4px; -} - -.wallet-not-connected { - color: #E49003; - background: rgb(228, 144, 3, 0.2); -} - -.wallet-success { - color: #0FCE7C; - background: rgb(15, 206, 124, 0.2); -} diff --git a/app/assets/v2/css/tabs.css b/app/assets/v2/css/tabs.css deleted file mode 100644 index 11a16b63f16..00000000000 --- a/app/assets/v2/css/tabs.css +++ /dev/null @@ -1,71 +0,0 @@ - -.tab-container { - position: relative; - display: block; - text-align: left; - border-bottom: 1px #dfdfdf solid; - width: 100%; -} - -.tab-container > button { - margin: .5rem 3rem 0 0; - transition: none; -} - -.tab-container > button:first-child { - margin-left: 0; -} - -.section-tab { - background: transparent; - outline: none; - border: none; - cursor: pointer; - color: black; - padding: 0 0 0.5rem 0; - margin-bottom: 1rem; - font-weight: 600; -} - -.section-tab:hover, -.section-tab:active, -.section-tab:focus { - color: var(--gc-blue) !important; -} - -.section-tab.active { - color: var(--gc-blue); - border-bottom: 4px var(--gc-blue) solid; - font-weight: 600; -} - -.tab-sections { - width: 100%; - position: relative; - transition: transform .3s; -} - -.tab-section { - width: 100%; - display: none; -} - -.tab-section.active { - display: block; -} - -.nav-badge { - font-size: 9px; - color: rgba(62,0,255); - top: -8px; - position: relative; - font-weight: bold; -} - -@media (max-width: 768px) { - .tab-container > button, - .tab-container > button:first-child { - text-align: center; - margin: 0.25rem 1rem; - } -} diff --git a/app/assets/v2/css/tag.css b/app/assets/v2/css/tag.css deleted file mode 100644 index 814ee27d818..00000000000 --- a/app/assets/v2/css/tag.css +++ /dev/null @@ -1,196 +0,0 @@ -.tag { - --usd-bg: #d6fbeb; - --usd-color: #00a55e; - --usd-hover-bg: #c6ebdb; - - --network_warning-bg: #fbaf95; - --network_warning-color: #fff; - --network_warning-hover-bg: #fbaf95; - - --warning-bg: #7e1518; - --warning-color: #fff; - --warning-hover-bg: #d3696c; - - --success-bg: #216a12; - --success-color: #fff; - --success-hover-bg: #68b159; - - --in-progress-bg: #162955; - --in-progress-color: #fff; - --in-progress-hover-bg: #4f628e; - - --token-bg: #e7f0fa; - --token-color: var(--gc-blue); - --token-hover-bg: #d7e0ea; - - --hiring-bg: #3a9ced; - --hiring-color: #fff; - --hiring-hover-bg: #3a9ced; - - text-align: center; - border-radius: 2px; - margin: 4px; - padding: 3px 6px; - font-size: 11px; - font-weight: 400; - white-space: nowrap; - cursor: pointer; -} - -.dark-mode .tag{ - --usd-bg: #00a55e; - --usd-color: #d6fbeb; - --usd-hover-bg: #1bbb76; - - --network_warning-bg: #fbaf95; - --network_warning-color: #fff; - --network_warning-hover-bg: #fbaf95; - - --warning-bg: #7e1518; - --warning-color: #fff; - --warning-hover-bg: #d3696c; - - --success-bg: #216a12; - --success-color: #fff; - --success-hover-bg: #68b159; - - --in-progress-bg: #162955; - --in-progress-color: #fff; - --in-progress-hover-bg: #4f628e; - - --token-bg: var(--gc-blue); - --token-color: #e7f0fa; - --token-hover-bg: var(--gc-blue-hover); - - --hiring-bg: #3a9ced; - --hiring-color: #fff; - --hiring-hover-bg: #3a9ced; -} - - -.tag-lg { - padding: 6px 16px; -} - -.tag p { - margin-bottom: 1px; -} - -/* usd */ - -.tag.usd{ - background-color: var(--usd-bg); - color: var(--usd-color); -} - -.tag.usd:hover{ - background-color: var(--usd-hover-bg); -} - -/* usd */ - -.tag.network_warning{ - background-color: var(--network_warning-bg); - color: var(--network_warning-color); -} - -.tag.network_warning:hover{ - background-color: var(--network_warning-hover-bg); -} - -/* usd */ - -.tag.warning{ - background-color: var(--warning-bg); - color: var(--warning-color); -} - -.tag.warning:hover{ - background-color: var(--warning-hover-bg); -} - -/* usd */ - -.tag.success{ - background-color: var(--success-bg); - color: var(--success-color); -} - -.tag.success:hover{ - background-color: var(--success-hover-bg); -} - -/* usd */ - -.tag.in-progress{ - background-color: var(--in-progress-bg); - color: var(--in-progress-color); -} - -.tag.in-progress:hover{ - background-color: var(--in-progress-hover-bg); -} - -/* usd */ - -.tag.token{ - background-color: var(--token-bg); - color: var(--token-color); -} - -.tag.token:hover{ - background-color: var(--token-hover-bg); -} - -.tag.token > a{ - height: 0; - line-height: 1.5rem; - float: right; -} - -/* hiring */ - -.tag.hiring{ - background-color: var(--hiring-bg); - color: var(--hiring-color); -} - -.tag.hiring:hover{ - background-color: var(--hiring-hover-bg); -} - - -.keyword-group { - display: flex; - flex-wrap: wrap; -} - -.tag.keyword { - display: inline-block; - min-width: 0; - font-size: 11px; - background-color: #E7F0FA; - color: #6587AE; -} - -.locations-tags { - color: white; - margin-bottom: 15px; - text-align: left; -} - -.locations-tags .filter-tag { - display: inline-block; - background-color: #1AB56D; - margin: 5px; - border-radius: 3px; - font-weight: bolder; - padding: 2px 10px 5px; - color: #FFFFFF; - cursor: pointer; - transition: .2s; -} - -.locations-tags .filter-tag i { - margin-right: 8px; -} diff --git a/app/assets/v2/css/theme_switcher.css b/app/assets/v2/css/theme_switcher.css deleted file mode 100644 index 36372e98b12..00000000000 --- a/app/assets/v2/css/theme_switcher.css +++ /dev/null @@ -1,23 +0,0 @@ -#theme-switcher{ - align-items: center; - cursor: pointer; -} - -.theme-switcher-svg { - width: 0.7em; - height: 0.7em; - display: inline-block; - font-size: 1.5rem; - transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - flex-shrink: 0; - user-select: none; - margin-right: 0.8em; -} - -html:not(.dark-mode) .theme-switcher__dark { - display: none; -} - -html.dark-mode .theme-switcher__light { - display: none; -} diff --git a/app/assets/v2/css/timeline.css b/app/assets/v2/css/timeline.css deleted file mode 100644 index b64bb50bb64..00000000000 --- a/app/assets/v2/css/timeline.css +++ /dev/null @@ -1,198 +0,0 @@ -.tline { - list-style: none; - padding: 20px 0 20px; - position: relative; -} - -.tline:before { - background-color: #cdcdcd; - bottom: 0; - border-radius: 2px; - content: ''; - left: 50%; - margin-left: -1px; - position: absolute; - top: 0; - width: 5px; -} - -.tline > li { - margin-bottom: 15px; - position: relative; -} - -.tline > li:before, -.tline > li:after { - content: ' '; - display: table; -} - -.tline > li:after { - clear: both; -} - -.tline > li > .tline_module { - background: #fff none repeat scroll 0 0; - border: 1px solid #eeeeee; - float: left; - padding: 15px; - position: relative; - width: 45%; -} - -.tline > li > .tline_module:before { - border-color: transparent white; - border-style: solid; - border-width: 5px 0 5px 5px; - content: ''; - display: inline-block; - position: absolute; - right: -5px; - top: 10px; -} - -.tline > li > .tline_module:after { - border-color: transparent white; - border-style: solid; - border-width: 5px 0 5px 5px; - content: ' '; - display: inline-block; - position: absolute; - right: -5px; - top: 10px; -} - -.tline > li > .tline_badge { - background-color: #aaa; - border-top-right-radius: 50%; - border-top-left-radius: 50%; - border-bottom-right-radius: 50%; - border-bottom-left-radius: 50%; - color: #fff; - font-size: 1.4em; - height: 55px; - line-height: 55px; - left: 50%; - margin-left: -28px; - position: absolute; - text-align: center; - top: 16px; - width: 55px; - z-index: 1; -} - -.tline img { - margin: 10px 0; - width: 100%; -} - -.tline > li > .tline_badge img { - width: 35px; - height: 35px; - filter: invert(100%); -} - -.tline > li.tline_other > .tline_module { - float: right; -} - -.tline > li.tline_other > .tline_module:before { - border-left-width: 0; - border-right-width: 5px; - left: -5px; - right: auto; -} - -.tline > li.tline_other > .tline_module:after { - border-left-width: 0; - border-right-width: 5px; - left: -5px; - right: auto; -} - -.tline_title { - margin-top: 0; - color: inherit; -} - -.tline_body > p, -.tline_body > ul { - margin-bottom: 0; -} - -.tline > li > .tline_module:hover { - border-left: 1px solid #d3d3d3; - border-bottom: 2px solid #d3d3d3; - margin-bottom: -1px; -} - -.tline > li.tline_other > .tline_module:hover { - border-right: 1px solid #d3d3d3; - border-left: none; - padding-right: 16px; -} - -.tline_module.contain1 { - left: -21%; - width: 25% !important; - margin-top: 20px; -} - -.tline_title span { - color: #70757e; -} - -.tline_heading { - text-align: left; -} - -.tline_module.mod2 { - text-align: left; - left: 12% !important; - width: 34% !important; - margin-top: 20px; -} - -.tline_module.contain1 p { - text-align: left; -} - -@media (max-width: 760px) { - .tline_module { - padding-left: 30px !important; - } - - ul.tline:before { - left: 41px; - } - - ul.tline > li > .tline_badge { - left: 15px; - margin-left: 0; - top: 16px; - } - - ul.tline > li > .tline_module { - float: right; - } - - ul.tline > li > .tline_module:before { - left: -15px; - right: auto; - } - - ul.tline > li > .tline_module:after { - left: -14px; - right: auto; - } - - .tline_module.contain1 { - left: 0 !important; - width: 87% !important; - } - - .tline_module.mod2 { - left: 0% !important; - width: 86% !important; - } -} diff --git a/app/assets/v2/css/tooltip_hover.css b/app/assets/v2/css/tooltip_hover.css deleted file mode 100644 index 9f647157857..00000000000 --- a/app/assets/v2/css/tooltip_hover.css +++ /dev/null @@ -1,44 +0,0 @@ -#tooltip { - color: #4A90E2; - float: right; -} - -.tooltip-hover { - border: 1px solid #dbdbdb; - background-color: #f8f8f8; - width: 75%; - min-height: 25%; - float: right; - padding: 1.5rem; - position: absolute; - top: 23rem; - left: 535px; - z-index: 10; - display: none; -} - -@media only screen and (max-width: 1400px) { - .tooltip-hover { - top: 24.5rem; - left: 110px; - } -} - -@media only screen and (max-width: 500px) { - .tooltip-hover { - left: 70px; - } -} - -#heading { - font-size: 20px; -} - -#subheading { - font-size: 18px; - color: #00A55E; -} - -#hovertext { - font-size: 14px; -} diff --git a/app/assets/v2/css/top-nav.css b/app/assets/v2/css/top-nav.css deleted file mode 100644 index ffbc7b63341..00000000000 --- a/app/assets/v2/css/top-nav.css +++ /dev/null @@ -1,69 +0,0 @@ -.top-nav { - color: #9E9E9E; - display: flex; - flex-wrap: wrap; - flex-shrink: 0; - background: #0D023B; - justify-content: space-around; - border-bottom: 1px solid rgba(255,255,255,0.3); - padding: 0.5rem 0; - font-size: 1rem; - line-height: 1.5; -} - - -.top-nav a { - filter: grayscale(1); - opacity: 0.6; - transition: all 0.2s linear; -} - -.top-nav a.selected { - filter: grayscale(0); - opacity: 0.8; -} - -.top-nav .link { - text-decoration: none; - color: #9E9E9E; -} - - -.top-nav a img { - height: 30px; -} - -@media (min-width: 768px) { - .top-nav { - flex: 1 0 45px; - background: black; - flex-direction: row; - align-items: center; - justify-content: center; - border: none; - padding: 0; - } -} -.top-nav a:hover img, -.top-nav a.selected img { - /* opacity: 1; */ -} - -.top-nav a:hover { - filter: grayscale(0); - opacity: 1; -} -.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%0A%3Csvg width='30px' height='30px' viewBox='0 0 30 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch --%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-146.000000, -156.000000)' fill-rule='nonzero'%3E%3Cg id='download' transform='translate(77.000000, 45.000000)'%3E%3Cpath d='M73,118 L95,134 M73,134 L95,118' id='Shape-Copy-2' stroke-opacity='0.5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round'%3E%3C/path%3E%3Crect id='Path' x='69' y='111' width='30' height='30'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.brand-hover .logo-animated { - display: none; -} -.brand-hover:hover .logo-animated { - display: block; -} -.brand-hover:hover .logo-static { - display: none; -} - diff --git a/app/assets/v2/css/town_square.css b/app/assets/v2/css/town_square.css deleted file mode 100644 index 7ed2fc58203..00000000000 --- a/app/assets/v2/css/town_square.css +++ /dev/null @@ -1,1397 +0,0 @@ -body { - color: var(--default-text-color); -} -#mobile_nav_toggle{ - display: none !important; -} -.follow_button[member=true]{ - display: none; -} -.tooltip-inner { - max-width: 450px; -} -#activity_subheader{ - text-align: center; -} -.announce{ - border-radius: 5px; - - color: black; - padding: 5px 10px; - margin: 10px auto; -} -.announce a{ - color: black; - font-weight: bold; -} - -.announce .remove{ - position: absolute; - right: 13%; - cursor: pointer; -} -.announce.warning { - background-color: #FF7F00; -} -.announce.success { - background-color: #00A652; -} -.announce.info { - background-color: #008EFF; -} -.timer,.offer{ - list-style: none; - max-width: 200px; - text-align: center; - margin: 0px auto; -} - -@keyframes spin{ - 0%{transform:rotate(0deg);} - 100%{transform:rotate(360deg);} -} -.speech_label{ - font-size: 14px; - text-align: center; - border-radius: 5px; - background-color: #fdedee; - position: relative; - margin-top: 25px; - margin-bottom: 25px; - margin-left: auto; - margin-right: auto; - display: block; - padding: 5px; - color: white; - text-decoration: none; -} -.name-tag a{ - color: white; - text-decoration: underline; -} -.offer a:hover{ - text-decoration: none; - font-weight: bold; -} -.speech_label:after { - content: ''; - position: absolute; - top: 0; - left: 50%; - width: 0; - height: 0; - border: 20px solid transparent; - border-bottom-color: #fdedee; - border-top: 0; - border-left: 0; - margin-left: -10px; - margin-top: -20px; -} - -#circle{ - width:214px; - height:214px; - border-radius:214px; - margin:auto; - box-shadow:0 1px 2px rgba(0,0,0,0.3); - padding: 40px; - cursor: pointer; -} -#circle:after{ - content:""; - display:block; - border:7px dashed white; - width:200px; - height:200px; - border-radius:200px; - animation: spin 30s linear infinite; - margin-top: -160px; - margin-left: -33px; -} -.clicked #circle:after{ - animation: spin 10s linear infinite; -} -#circle:hover{ - background-image:radial-gradient(#FFED85, #FFC847 70%); -} -#gift{ - margin:auto; - width:100px; - height:125px; -} -#ribbon{ - position:relative; - width:60px; - height:60px; - transform:rotate(45deg); - margin:auto; - margin-bottom:-38px; - border-radius:0 8px 0 8px; -} -#ribbon:before{ - content:""; - height:24px; - width:100%; - background-color:#F04D4D; - display:block; - position:absolute; - top:18px; - box-shadow:0 0 1px rgba(0,0,0,0.4); - border-radius:inherit; -} -#ribbon:after{ - content:""; - height:100%; - width:24px; - background-color:#F04D4D; - display:block; - margin:auto; - box-shadow:0 0 1px rgba(0,0,0,0.4); - border-radius:inherit; -} -#giftbox{ - position:relative; - margin:auto; - width:100px; - height:100px; - background-color:white; - border-radius:2px; - box-shadow:0 0 1px rgba(0,0,0,0.4); - overflow:hidden; -} -#giftbox:before{ - content:""; - height:24%; - width:100%; - background-color:#F04D4D; - display:block; - position:absolute; - top:38%; - box-shadow:inherit; -} -#giftbox:after{ - content:""; - height:100%; - width:24%; - background-color:#F04D4D; - display:block; - margin:auto; - box-shadow:inherit; -} - -.daily #circle{ - background-image:radial-gradient(#6E00FF, #3E00FF 30%); -} -.daily .speech_label{ - background-color: #3E00FF; -} -.daily .speech_label:after{ - border-bottom-color: #3E00FF; -} -.daily #ribbon:before, -.daily #giftbox:after, -.daily #giftbox:before, -.daily #ribbon:after{ - background-color:#F9006C; -} -.daily #circle:after{ - border:7px dashed #0fce7c; -} - -.random #circle{ - background-image:radial-gradient(#25e899, #45f8a9 30%); -} -.random .speech_label{ - background-color: #25e899; -} -.random .speech_label:after{ - border-bottom-color: #25e899; -} -.random #ribbon:before, -.random #giftbox:after, -.random #giftbox:before, -.random #ribbon:after{ - background-color:#8E2ABE; -} -.random #circle:after{ - border:7px dashed #25e899; -} - -.secret #circle{ - background-image:radial-gradient(#15003e, #45407e 30%); -} -.secret .speech_label{ - background-color: #15003e; -} -.secret .speech_label:after{ - border-bottom-color: #15003e; -} -.secret #ribbon:before, -.secret #giftbox:after, -.secret #giftbox:before, -.secret #ribbon:after{ - background-color:#F9006C; -} -.secret #circle:after{ - border:7px dashed #15003e; -} - -.weekly #circle{ - background-image:radial-gradient(#FFCEd8, #FFCE08 30%); -} -.weekly .speech_label{ - background-color: #FFCE08; -} -.weekly .speech_label:after{ - border-bottom-color: #FFCE08; -} -.weekly #ribbon:before, -.weekly #giftbox:after, -.weekly #giftbox:before, -.weekly #ribbon:after{ - background-color:#8E2ABE; -} -.weekly #circle:after{ - border:7px dashed #3E00FF; -} -.monthly #circle{ - background-image:radial-gradient(#0fde9c, #0fce7c 30%); -} -.monthly .speech_label{ - background-color: #0fce7c; -} -.monthly .speech_label:after{ - border-bottom-color: #0fce7c; -} -.monthly #ribbon:before, -.monthly #giftbox:after, -.monthly #giftbox:before, -.monthly #ribbon:after{ - background-color:#15003e; -} -.monthly #circle:after{ - border:7px dashed #8E2ABE; -} -.weekly #circle:hover{ - background-image:radial-gradient(#FFCEd8, #FFCE08 70%); -} -.daily #circle:hover{ - background-image:radial-gradient(#6E00FF, #3E00FF 70%); -} -.monthly #circle:hover{ - background-image:radial-gradient(#0fde9c, #0fce7c 70%); -} - -.offer_container, .promo { - background: var(--gc-dark-violet); - padding: 1em 1.5em; - color: white; - display: flex; - border-radius: 3px; -} - -.offer_container.top{ - display: none; -} -.prize-gift { - color: grey; - padding: 0.5em 0.313em; - /* border: 2px dashed var(--gc-green-hover); */ - /* border-radius: 100px; */ - /* text-shadow: 0 2px 0px var(--gc-green-hover); */ - text-shadow: 0 2px 0px grey; - position: relative; -} -.prize-gift .fas { - color: white; -} - -.prize-gift::after { - content: ''; - border: 2px dashed currentColor; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - margin: auto; - border-radius: 50%; - width: 100%; - height: 100%; -} - -.animate .prize-gift::after { - animation: rotate 10s linear infinite; -} - -a.offer_container:hover { - color: white; - text-decoration: none; - background: var(--gc-purple-hover); -} -a.offer_container.animate:hover .prize-gift::after { - animation: pulse-white 4s linear infinite, rotate 10s linear infinite; -} - -@keyframes rotate { - 100% { - transform: rotateZ(360deg); - } -} - -@keyframes pulse-white { - 0% { - box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); - } - - 70% { - box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); - } - - 100% { - box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); - } -} - -.daily .prize-gift { - color: var(--gc-green-hover); - text-shadow: 0 2px 0px var(--gc-green-hover); -} -.weekly .prize-gift { - color: #FFCE08; - text-shadow: 0 2px 0px #FFCE08; -} -.monthly .prize-gift { - color: var(--gc-pink); - text-shadow: 0 2px 0px var(--gc-pink); -} -.secret .prize-gift { - color: var(--gc-light-blue); - text-shadow: 0 2px 0px var(--gc-light-blue); -} -.random .prize-gift { - color: var(--gc-light-violet); - text-shadow: 0 2px 0px var(--gc-light-violet); -} -.other .prize-gift { - color: #a58484; - text-shadow: 0 2px 0px #a58484; -} -.empty { - background-color: #f9f9f9; - color: #808080; -} -.dark-mode .empty{ - background: var(--gc-blue); - color: white; - opacity: 0.4; -} - -.empty .prize-gift { - color: grey; - text-shadow: 0 2px 0px grey; -} - -.empty .prize-gift .fas { - color: #c1c1c1; -} - -.offer_container.random.empty, -.offer_container.secret.empty{ - display: none; -} -.gif-grid { - display: flex; - width: 300px; - height: 450px; - flex-wrap: wrap; - overflow: scroll; - overflow-x: hidden; - -} -.pick-gif { - max-width: 300px; - max-height: 250px; - flex-grow: 1; -} -div.back0, -body.back0 { - background: url('/static/v2/images/quests/backs/0.gif') repeat; - background-size: 150%; -} - -div.back1, -body.back1 { - background: url('/static/v2/images/quests/backs/back1.jpeg') repeat; - background-size: 100%; -} - -div.back2, -body.back2 { - background: url('/static/v2/images/quests/backs/back2.jpeg') repeat; - background-size: 170%; -} - -div.back3, -body.back3 { - background: url('/static/v2/images/quests/backs/back3.jpeg') repeat; - background-size: 160%; -} - -div.back4, -body.back4 { - background: url('/static/v2/images/quests/backs/back4.jpeg') repeat; - background-size: 160%; -} - -div.back5, -body.back5 { - background: url('/static/v2/images/quests/backs/back5.jpeg') repeat; - background-size: 160%; -} - -div.back6, -body.back6 { - background: url('/static/v2/images/quests/backs/back6.jpg') repeat; - background-size: 110%; -} - -div.back7, -body.back7 { - background: url('/static/v2/images/quests/backs/back7.jpeg') repeat; - background-size: 110%; -} - -div.back8, -body.back8 { - background: url('/static/v2/images/quests/backs/back8.jpeg') repeat; - background-size: 100%; -} - -div.back9, -body.back9 { - background: url('/static/v2/images/quests/backs/back9.jpeg') repeat; - background-size: 110%; -} - -div.back10, -body.back10 { - background: url('/static/v2/images/quests/backs/back10.jpeg') repeat; - background-size: 120%; -} - -div.back11, -body.back11 { - background: url('/static/v2/images/quests/backs/back11.jpeg') repeat; - background-size: 105%; -} - -div.back12, -body.back12 { - background: url('/static/v2/images/quests/backs/back12.jpeg') repeat; - background-size: 120%; -} - -div.back13, -body.back13 { - background: url('/static/v2/images/quests/backs/back13.jpeg') repeat; - background-size: 100%; -} - -div.back14, -body.back14 { - background: url('/static/v2/images/quests/backs/back14.jpeg') repeat; - background-size: 100%; -} - -div.back15, -body.back15 { - background: url('/static/v2/images/quests/backs/back15.jpeg') repeat; - background-size: 100%; -} - -div.back16, -body.back16 { - background: url('/static/v2/images/quests/backs/back16.jpeg') repeat; - background-size: 100%; -} - -div.back19, -body.back19 { - background: url('/static/v2/images/quests/backs/back19.jpeg') repeat; - background-size: 100%; -} - -div.back17, -body.back17 { - background: url('/static/v2/images/quests/backs/back17.jpeg') repeat; - background-size: 100%; -} - -div.back18, -body.back18 { - background: url('/static/v2/images/quests/backs/back18.jpeg') repeat; - background-size: 100%; -} - -div.back20, -body.back20 { - background: url('/static/v2/images/quests/backs/back20.jpeg') repeat; - background-size: 120%; -} - -div.back21, -body.back21 { - background: url('/static/v2/images/quests/backs/back21.jpeg') repeat; - background-size: 120%; -} - -div.back22, -body.back22 { - background: url('/static/v2/images/quests/backs/back22.jpeg') repeat; - background-size: 120%; -} - -div.back23, -body.back23 { - background: url('/static/v2/images/quests/backs/back23.jpeg') repeat; - background-size: 120%; -} -div.back24, -body.back24 { - background: url('/static/v2/images/quests/backs/back24.jpeg') repeat; - background-size: 120%; -} -div.back25, -body.back25 { - background: url('/static/v2/images/quests/backs/back25.jpeg') repeat; - background-size: 120%; -} -div.back26, -body.back26 { - background: url('/static/v2/images/quests/backs/back26.jpeg') repeat; - background-size: 120%; -} -div.back27, -body.back27 { - background: url('/static/v2/images/quests/backs/back27.jpeg') repeat; - background-size: 120%; -} -div.back28, -body.back28 { - background: url('/static/v2/images/quests/backs/back28.jpeg') repeat; - background-size: 120%; -} -div.back29, -body.back29 { - background: url('/static/v2/images/quests/backs/back29.jpeg') repeat; - background-size: 120%; -} -div.back30, -body.back30 { - background: url('/static/v2/images/quests/backs/back30.jpeg') repeat; - background-size: 120%; -} -div.back31, -body.back31 { - background: url('/static/v2/images/quests/backs/back31.jpeg') repeat; - background-size: 120%; -} -div.back32, -body.back32 { - background: url('/static/v2/images/quests/backs/back32.jpeg') repeat; - background-size: 120%; -} -div.back33, -body.back33 { - background: url('/static/v2/images/quests/backs/back33.jpeg') repeat; - background-size: 120%; -} - -div.red, -body.red { - background-image: linear-gradient(90deg, #ff6161, #ff0000); - background-size: 100% !important; -} - -div.blue, -body.blue { - background-image: linear-gradient(90deg, #6161ff, #0000ff); - background-size: 100% !important; -} - -div.green, -body.green { - background-image: linear-gradient(90deg, #3CB371, #2E8B57); - background-size: 100% !important; -} - -.offer_view .announce{ - background-color: #0c0861; - opacity: 0.8; - padding: 20px; - filter: alpha(opacity=80); /* For IE8 and earlier */ - color: white; - border-radius: 20px 5px 20px 5px; - border-bottom-color: #0c0861; -} -.offer_view h4{ - font-weight: bold; - border-bottom: 2px solid white !important; - padding: 5px 10px; -} -.offer_view .announce:after{ - border-bottom-color: #0c0861; -} - -body.back1.offer_view .announce { - background-color: #102945; -} -.offer_view.back1 .announce:after{ - border-bottom-color: #102945; -} - -body.back2.offer_view .announce { - background-color: #102945; -} -.offer_view.back2 .announce:after{ - border-bottom-color: #102945; -} - -body.back3.offer_view .announce { - background-color: #f6126e; -} -.offer_view.back3 .announce:after{ - border-bottom-color: #f6126e; -} - -body.back14.offer_view .announce { - background-color: #f6126e; -} -.offer_view.back14 .announce:after{ - border-bottom-color: #f6126e; -} - -body.back4.offer_view .announce { - background-color: #17366d; -} -.offer_view.back4 .announce:after{ - border-bottom-color: #17366d; -} - -body.back5.offer_view .announce { - background-color: #101061; -} -.offer_view.back5 .announce:after{ - border-bottom-color: #101061; -} - -body.back6.offer_view .announce { - background-color: #8ab2b2; -} -.offer_view.back6 .announce:after{ - border-bottom-color: #8ab2b2; -} - -body.back7.offer_view .announce { - background-color: #0e151e; -} -.offer_view.back7 .announce:after{ - border-bottom-color: #0e151e; -} - -body.back8.offer_view .announce { - background-color: #0a061e; -} -.offer_view.back8 .announce:after{ - border-bottom-color: #0a061e; -} - -body.back9.offer_view .announce { - background-color: #1c1135; -} -.offer_view.back9 .announce:after{ - border-bottom-color: #1c1135; -} - -body.red.offer_view .announce { - background-color: #fc4240; -} -.offer_view.red .announce:after{ - border-bottom-color: #fc4240; -} - -body.back19.offer_view .announce { - background-color: #fc4240; -} -.offer_view.back19 .announce:after{ - border-bottom-color: #fc4240; -} - -body.back20.offer_view .announce { - background-color: #ace4f9; -} -.offer_view.back20 .announce:after{ - border-bottom-color: #ace4f9; -} - -body.blue.offer_view .announce { - background-color: #4040ff; -} -.offer_view.blue .announce:after{ - border-bottom-color: #4040ff; -} - -body.green.offer_view .announce { - background-color: #9EaB97; -} -.offer_view.green .announce:after{ - border-bottom-color: #9EaB97; -} - -.name-tag { - font-weight: 900; - background-color: #666; - color: white; - display: block; - font-size: 32px; - width: 20%; - margin: 0px auto; - margin-top: -20px; - margin-bottom: 40px; - padding: 10px 15px; - transform: rotate(-12deg); -} - -.announce a.decline { - color: white; -} - -.announce a.accept.btn{ - background-color: var(--gc-blue); - font-size: 28px; - border: 1px solid white; - color: white; - padding: 5px 10px; -} - -.announce a.accept.btn:hover { - background-color: #8E2ABE; -} - -.top_offer{ - border: 1px solid #eee; - background-color: white; - text-align: left; - width: 330px; - height: 200px; - padding: 10px; - cursor: pointer; - border-radius: 5px; - margin-right: 10px; -} - -.top_offer .desc{ - font-size: 14px; - max-height: 55px; -} - -.top_offer:hover{ - background-color: #fafafa; -} - -.top_offer img { - width: 30px; - height: 30px; - border-radius: 15px; -} - -.top_offer .decline-container { - height: 0; -} - -.top_offer .tag { - background: #E8F0FA; - padding: 4px; - border-radius: 2px; - font-size: 11px; - color: #6487AE; - display: inline-block; - margin-bottom: 2px; - margin-top: 2px; -} - -.clr_container{ - text-align: left; -} - -.clr_container .font-caption { - font-size: 0.65rem; -} - -.clr_container td { - padding: 6px; -} - -.clr_container tr { - border-bottom: 1px solid #e9ecf0; -} - -.clr_container tr td:first-child { - padding-left: 1rem; -} - -.clr_container tr img { - width: 30px; - height: 30px; - border-radius: 25px; -} - -.clr_container td .amount { - top: 5px; -} - -.clr_container td .btn { - top: -10px; -} - -.townsquare_main .search-area { - padding-left: 0; -} - -.townsquare_main .search-area #new_search { - position: absolute; - right: 22px; - bottom: 11px; -} - -.townsquare_nav-list { - text-align: initial; -} - -.townsquare_nav-list .nav-item .nav-link { - padding-left: 0; - color: var(--townsquare-link-color); -} - -.townsquare_nav-list .nav-link.active { - font-weight: bold; - color: var(--link-color); -} - -.townsquare_nav-list .nav-link:hover { - color: var(--link-color); -} - -.townsquare_nav-list .nav-link.active .nav-title { - display: inline-block; - padding-bottom: 2px; - border-bottom: 3px solid; -} - -.townsquare_nav-list_footer { - padding: .5rem 1rem .5rem 0; -} - -.townsquare_block-header { - font-size: 0.9rem; - font-weight: 700; - color: var(--townsquare-block-header-color); - text-transform: uppercase; - cursor: pointer; -} - -.text-mode-color { - color: var(--townsquare-block-header-color); -} - -.dark-mode .modal-content .btn-radio, -.dark-mode .modal-content .close, -.dark-mode .vs__search, -.dark-mode .vs__selected, -.dark-mode .vs__dropdown-option, -.dark-mode .vs__search:focus { - color: var(--default-text-color); -} - -.dark-mode .modal-content .btn-radio:hover { - color: var(--default-text-color); -} - - -#status .btn-group-toggle .btn-radio { - background-color: var(--badge-blue-bg); - color: var(--badge-blue-text); - border: 1px solid transparent; - margin-bottom: 0.5rem !important; -} - -#status .btn-group-toggle .btn-radio.active { - border: 1px solid var(--active-button-border-color); -} - -.grey { - color: var(--gc-medium-dark-gray) !important; -} -.offer_container span{ - display: inline; -} -.status-avatar .avatar { - height: 45px; - width: 45px; - max-width: 45px; -} - -.activity_stream .activity-img img { - max-height: 4rem; -} - -.activity_stream .activity_comments .comment_container.filled -.activity-avatar img { - height: 40px; - width: 40px; - max-width: 40px; - border-radius: 50%; -} - -.activity_time { - color: var(--gc-medium-dark-gray); -} - -.filter-tag { - margin: 2px; - text-transform: lowercase; - background-color: #3E00FF; - color: white !important; - border-radius: 2px; - font-size: 12px; - padding: 4px 5px; - display: inline-block; -} - -.filter-tag i { - margin-left: 7px; - font-size: 9px; -} - - -.activity_stream .action.open { - background-color: transparent; -} - -.offer_container .offer_container_type { - font-size: 1.2rem; -} - -.offer_container .offer_icon { - height: 65px; - width: 65px; - border-radius: 50%; - background-color: white; - display: flex; - align-items: center; - justify-content: center; - font-size: 2rem; - color: var(--blue); -} - -.nav-badge { - font-size: 9px; - color: var(--link-color); - top: -8px; - position: relative; - font-weight: bold; -} - -#payout_estimate { - font-size: 12px; -} - -.townsquare_nav-list .tribe .avatar { - width: 20px; - height: 20px; - margin-right: 4px; -} - -@media (max-width: 768px) { - #mobile_nav_toggle{ - display: block !important; - } -} - -@media (max-width: 1024px) { - #_hj_feedback_container{ - display:none !important; - } - .townsquare_header li.nav-item{ - display:inline-block; - } -} - -.promo .logo { - width: 65px; - display: flex; - align-items: center; - justify-content: center; -} - -.promo { - background-image: url("/static/v2/images/tribes/promo-decoration.svg"); - background-color: var(--gc-blue); - background-size: cover; -} - -.promo .promo-text { - font-size: 0.9em; -} - -.promo .action { - background-color: #101061; - color: white; - border-radius: 0; -} - -.promo p { - margin-bottom: 0; -} - -.promo .close-promo { - position: absolute; - top: 6px; - right: 29px; - font-size: 16px; - color: white; - cursor: pointer; - opacity: 1; -} - -.promo .close-promo i { - font-weight: 100; -} -.promo-action { - background-color: #101061; - color: white; - border-radius: 0; - padding: 10px 50px; -} - -.promo-action:hover { - background-color: #101061; - filter: brightness(130%); - color: white; -} - -.get-started { - background-image: url(/static/v2/images/tribe-notce.svg); - background-color: var(--gc-blue); - font-style: normal; - font-weight: normal; - color: white; - height: 14rem; - padding-top: 20px; - background-size: contain; - background-repeat: no-repeat; - background-position: right; -} - -.get-started p { - width: 60%; - font-size: 24px; - line-height: 40px; -} - -.get-started .action { - background-color: #101061; - color: white; - border-radius: 0; - padding: 10px 50px; - font-size: 18px; - line-height: 40px; - font-weight: bold; -} - -.get-started .action:hover { - background-color: #101061; - filter: brightness(130%); -} - -#modal-get-started { - background-color: rgba(62, 0, 255, 0.7); - background-image: url(/static/v2/images/modal-bg.svg); - background-size: contain; - background-repeat: no-repeat; - background-position: right; -} - -#modal-get-started .topbar { - height: 60px; - width: 100%; - background-color: rgba(62, 0, 255, 0.9); - display: flex; - justify-content: flex-end; -} - -#get-started { - display: flex; - flex-direction: column; - align-items: center; -} - -#get-started h1 { - font-weight: bold; - font-size: 36px; - line-height: 42px; - text-align: center; - color: #FFFFFF; - width: 60%; -} - -.dark-mode .gc-search-result__content p { - color: white; -} - -#get-started p { - color: white; -} - -#get-started .description { - font-size: 24px; - line-height: 30px; - text-align: center; - width: 60%; -} - -#get-started a { - display: flex; - justify-content: space-between; - align-items: center; - width: 562.47px; - height: 86.47px; - background: #090D60; - border-radius: 4px; - color: white; - margin: 17px auto; - padding-left: 28px; - padding-right: 28px; - font-size: 18px; -} - -#get-started a p { - font-size: 18px; - margin: 0; -} - -#get-started img { - height: 23px; -} - -.dark-mode .alert .close { - opacity: 0.8; - text-shadow: none; -} - -#get-started .close { - font-size: 35px; - margin-right: 17px; -} - -@media screen and (max-width: 760px) { - .get-started p { - width: 90%; - font-size: 1.1rem; - line-height: 24px; - margin-top: 15px; - } - - .get-started .action { - padding: 3px 50px; - font-size: 14px; - } - - #get-started h1, #get-started p { - width: 90%; - } - - #get-started a { - width: 20em; - } -} - -.new_grant { - border-top: 6px solid rgba(13, 7, 100, 0.25); -} - -.new_kudos { - border-top: 6px solid rgba(0, 163, 255, 0.25); -} - -.new_bounty { - border-top: 6px solid rgba(62, 0, 255, 0.4); -} - -.activity.hackathon_new_hacker { - position: relative; - box-sizing: border-box; - z-index: 0; -} - -.activity.hackathon_new_hacker:before { - content: ''; - position: absolute; - top: -6px; - left: 0; - height: 6px; - width: 100%; - display: block; - background: linear-gradient(to right, #B572D4 0%, #F9DD5B 37%, #75EDB5 100%); -} - -.activity.hackathon_new_hacker:after { - content: ''; - position: absolute; - top: 58px; - left: 3%; - height: 143px; - width: 94%; - display: block; - background: --var(--gc-light-green); - z-index: -2; -} - -.activity.hackathon_new_hacker #profile-avatar-link::after { - height: 6.1rem; - content: ''; - background-image: url(/static/v2/images/townsquare-nh.svg); - width: 6.1rem; - position: absolute; - top: -1.5rem; - z-index: -1; - margin-left: -3px; -} - -.new_hackathon_project { - border-top: 6px solid rgba(15, 206, 124, 0.25); -} - -.activity_main .bg_hackathon_new_hacker { - background-color: #D3FAEB; -} - -.bg-gc-blue { - background-color: var(--gc-blue); -} - -.bg-gc-green { - background-color: var(--gc-green); -} - -.bg-light-blue { - background-color: #00A3FF; -} - -.bg-gc-dark-blue { - background-color: #0D0764; -} - -.card-ribbon { - margin-top: -14px; - margin-left: 10px; - width: 110px; - margin-bottom: 10px; - position: relative; -} - -.logo-metacard { - max-height: 4rem; - max-width: 7rem; -} - -/* alerts */ -/* todo: - probably move this to seperate alert.css file -*/ - -.dark-mode .alert-primary { - color: #cce5ff; - background-color: #20037e; -} - -.dark-mode .alert-success { - color: #d4edda; - background-color: #155724; -} - -.dark-mode .alert-warning { - background-color: #856404; - color: #fff3cd; -} - -.dark-mode .alert-danger { - color: #f8d7da; - background-color: #721c24; -} - -.dark-mode .alert { - border-color: transparent !important; -} - -.dark-mode .alert-info { - background: var(--gc-dark-violet); - color: white; -} - -.dark-mode .web3modal-provider-name { - color: white; -} - -.dark-mode .gc-search-box input { - background-color: var(--main-bg) -} - -.dark-mode .gc-search-result__content, -.dark-mode .gc-search-box, -.dark-mode .web3modal-provider-container, -.dark-mode .web3modal-provider-wrapper, -.dark-mode .web3modal-modal-card { - background: var(--gc-dark-violet); - color: white; -} - -.dark-mode .modal-content{ - background: var(--bg-shade-0); -} - -.dark-mode .vs__dropdown-menu { - background: var(--bg-shade-1); - color: var(--default-text-color); -} - -.dark-mode .vs__dropdown-toggle { - border-color: var(--default-text-color); -} - -.dark-mode .vs__clear, -.dark-mode .vs__open-indicator { - fill: var(--default-text-color); -} - -.dark-mode .display-light { - display: none; -} -.display-dark { - display: none; -} -.dark-mode .display-dark { - display: block; -} - -.tag-list .tag-list__item { - background: #E8F0FA; - padding: 4px; - border-radius: 2px; - font-size: 11px; - color: #6487AE; - display: inline-block; - margin-bottom: 2px; - margin-top: 2px; -} diff --git a/app/assets/v2/css/unsubscribe_email.css b/app/assets/v2/css/unsubscribe_email.css deleted file mode 100644 index 4b4c68bb83e..00000000000 --- a/app/assets/v2/css/unsubscribe_email.css +++ /dev/null @@ -1,18 +0,0 @@ -.background { - background-image: url("/static/v2/images/emails/email-unsubscribe-background.jpg"); - background-size: cover; - height: 100vh; -} -.mailer { - height: 320px; - width: 200px; -} - -.logo { - width: 120px; -} - -h6, -span { - color: #666666; -} diff --git a/app/assets/v2/css/user_popover.css b/app/assets/v2/css/user_popover.css deleted file mode 100644 index d555c38235d..00000000000 --- a/app/assets/v2/css/user_popover.css +++ /dev/null @@ -1,7 +0,0 @@ -.popover-body { - padding: 0; -} - -.popover-bounty { - max-width: 40em !important; -} \ No newline at end of file diff --git a/app/assets/v2/css/users.css b/app/assets/v2/css/users.css deleted file mode 100644 index bd80806fdd9..00000000000 --- a/app/assets/v2/css/users.css +++ /dev/null @@ -1,123 +0,0 @@ - -.sidebar-container .container { - background-color: #ffffff; -} - -.grid-4 { - display: grid; - grid-template-columns: repeat(1, 1fr); - grid-gap: 5rem 2rem; -} - -@media (min-width: 768px) { - .grid-4 { - grid-template-columns: repeat(2, 1fr); - } -} - -@media (min-width: 992px) { - .grid-4 { - grid-template-columns: repeat(3, 1fr); - } -} - -@media (min-width: 1200px) { - .grid-4 { - grid-template-columns: repeat(4, 1fr); - } -} - -.users .card-user .dropdown-menu { - min-width: 4rem; -} - -.card-user { - font-size: 12px; -} - -.card-user_stars i { - font-size: 16px; - color: #CCCED0; -} - -.card-user_stars .fas { - color: #25E899; -} - -.card-user_name { - font-size: 14px; - font-weight: 600; - margin: 0; -} - -.bounties-box { - max-height: 342px; - overflow-y: auto; - border: 1px solid #D3D3D3; - border-radius: 4px; -} - -.modal-header h3 { - margin-top: 0; - color: #42b983; -} - -.modal-body { - margin: 20px 0; -} - -.modal-default-button { - float: right; -} - -.bounty-select:hover { - cursor: pointer; - color: white; - background-color: var(--gc-blue-hover); -} - -.sidebar-container { - display: flex; -} - - -@media (min-width: 992px) { - .sidebar { - position: -webkit-sticky; - position: sticky; - top: 0; - overflow: auto; - height: 100vh; - max-width: 300px; - will-change: margin-left; - background-color: #F2F6F9; - } -} - -.select2 { - width: 100% !important; -} - -.fade-enter-active, .fade-leave-active { - /* transition: opacity .5s; */ - transition: all 0.2s ease-in-out; - -} - -.fade-enter, .fade-leave-to { - margin-left: -300px; -} - -.fade-enter-to { - margin-left: 0%; -} - -.search-section { - background: #0C023B; -} - -.btn-search { - background: white; - border-left: 0; - color: #3E00FF; -} diff --git a/app/assets/v2/css/vision.css b/app/assets/v2/css/vision.css deleted file mode 100644 index c61bea0dfa8..00000000000 --- a/app/assets/v2/css/vision.css +++ /dev/null @@ -1,166 +0,0 @@ -:root { - --tl-color: white; - --tl-bg: #3E00FF; - --tl-date-color: var(--gc-green-hover); -} - -.bg-blue { - background-color: var(--tl-bg); - color: white; -} -.bg-blue a{ - color: white; -} - -.vision .header-line { - color: #fff; - font-weight: normal; -} - -/* Timeline */ -.tl-component { - display: grid; - background-color: var(--tl-bg); - background-image:url(/static/v2/images/vision/illu.png); - background-repeat: no-repeat; - background-position: center bottom; - font-size: 20px; -} - -.tl { - position: relative; - width: 100%; - grid-column: 1/4; -} - -.tl:after { - content: ""; - position: absolute; - width: 3px; - top: 0.5rem; - bottom: 7rem; - background: var(--tl-color); - left: 1.6rem; - border-radius: 10px; -} - -.tl-event { - color: var(--tl-color); - margin: 1rem; - margin-left: 4rem; - float: left; - padding: 1rem; - clear: both; - font-weight: 200; -} - -.tl-event b { - font-size: 1.8rem; - font-weight: 800; - margin-bottom: 1rem; - display: block; -} - -.tl-event:before { - content: attr(data); - width: 4rem; - height: 4rem; - background: var(--tl-bg); - position: absolute; - left: calc(4.6rem - 5rem); - margin-top: -50px; - border-radius: 50px; - border: 3px solid var(--tl-color); - z-index: 1; - color: var(--tl-date-color); - font-size: 1.2rem; - font-weight: 800; - text-align: center; - padding: 1rem 0; -} - -.tl-event > span { - display: block; -} - -/* Special lists icons */ -.list-special { - padding-left: 20px; - font-weight: 500; - font-size: 1.08rem; -} - -.list-special li { - padding-bottom: 4px; -} - -li.consensys { - list-style-image: url(/static/v2/images/vision/consensys.svg); -} -li.gitcoin { - list-style-image: url(/static/v2/images/vision/gitcoin.svg); -} -li.macro { - list-style-image: url(/static/v2/images/vision/macro.svg); -} -li.market { - list-style-image: url(/static/v2/images/vision/market.svg); -} - -.twit { - grid-column: 1/4; - margin: 3rem; - text-align: center; -} - -.parag-center { - margin: auto; - margin-bottom: 5px; -} - -@media (min-width: 992px) { - - .tl:after { - left: 50%; - } - - .tl-event:before { - left: calc(50% - 3rem); - width: 6rem; - height: 6rem; - font-size: 1.6rem; - padding: 1.6rem 0; - margin-top: -1.6rem; - } - - .tl-event { - margin-left: 1rem; - width: 43%; - } - - .tl-event:nth-child(odd) { - float: right; - } - - .tl-event:nth-child(even) b:before { - content: ''; - display: block; - border-bottom: 1px solid; - border-style: dashed; - border-top: none; - position: absolute; - right: 56%; - left: 0; - margin-top: 1em; - margin-left: 13rem; - } - - .parag-center { - max-width: 45%; - } - - .tl-event:nth-child(even) .list-special { - text-align: right; - list-style-position: inside; - } -} diff --git a/app/assets/v2/css/vue-loader.css b/app/assets/v2/css/vue-loader.css deleted file mode 100644 index 830558cae03..00000000000 --- a/app/assets/v2/css/vue-loader.css +++ /dev/null @@ -1,130 +0,0 @@ -/* loading */ -.rhombus-spinner { - height: 65px; - width: 65px; - position: relative; - transform: rotate(45deg); - margin: auto; - color: #25E899; -} - -.rhombus-spinner .rhombus { - height: calc(65px / 7.5); - width: calc(65px / 7.5); - animation-duration: 2000ms; - top: calc(65px / 2.3077); - left: calc(65px / 2.3077); - border-radius: 30px; - background-color: currentColor; - position: absolute; - animation-iteration-count: infinite; -} - -.rhombus-spinner .rhombus:nth-child(2n+0) { - margin-right: 0; -} - -.rhombus-spinner .rhombus.child-1 { - animation-name: rhombus-spinner-animation-child-1; - animation-delay: calc(100ms * 1); -} - -.rhombus-spinner .rhombus.child-2 { - animation-name: rhombus-spinner-animation-child-2; - animation-delay: calc(100ms * 2); -} - -.rhombus-spinner .rhombus.child-3 { - animation-name: rhombus-spinner-animation-child-3; - animation-delay: calc(100ms * 3); -} - -.rhombus-spinner .rhombus.child-4 { - animation-name: rhombus-spinner-animation-child-4; - animation-delay: calc(100ms * 4); -} - -.rhombus-spinner .rhombus.child-5 { - animation-name: rhombus-spinner-animation-child-5; - animation-delay: calc(100ms * 5); -} - -.rhombus-spinner .rhombus.child-6 { - animation-name: rhombus-spinner-animation-child-6; - animation-delay: calc(100ms * 6); -} - -.rhombus-spinner .rhombus.child-7 { - animation-name: rhombus-spinner-animation-child-7; - animation-delay: calc(100ms * 7); -} - -.rhombus-spinner .rhombus.child-8 { - animation-name: rhombus-spinner-animation-child-8; - animation-delay: calc(100ms * 8); -} - -.rhombus-spinner .rhombus.big { - height: calc(65px / 3); - width: calc(65px / 3); - top: calc(65px / 3); - left: calc(65px / 3); - background-color: #3E00FF; - animation: rhombus-spinner-animation-child-big 2s infinite; - animation-duration: 2000ms; - animation-delay: 0.5s; -} - -@keyframes rhombus-spinner-animation-child-1 { - 50% { - transform: translate(-325%, -325%); - } -} - -@keyframes rhombus-spinner-animation-child-2 { - 50% { - transform: translate(0, -325%); - } -} - -@keyframes rhombus-spinner-animation-child-3 { - 50% { - transform: translate(325%, -325%); - } -} - -@keyframes rhombus-spinner-animation-child-4 { - 50% { - transform: translate(325%, 0); - } -} - -@keyframes rhombus-spinner-animation-child-5 { - 50% { - transform: translate(325%, 325%); - } -} - -@keyframes rhombus-spinner-animation-child-6 { - 50% { - transform: translate(0, 325%); - } -} - -@keyframes rhombus-spinner-animation-child-7 { - 50% { - transform: translate(-325%, 325%); - } -} - -@keyframes rhombus-spinner-animation-child-8 { - 50% { - transform: translate(-325%, 0); - } -} - -@keyframes rhombus-spinner-animation-child-big { - 50% { - transform: scale(0.5); - } -} From 2b5fea5b7d2bb372c41f4ad64eace8e8f62fba17 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 22:00:34 +0000 Subject: [PATCH 137/279] Adds missing stylesheet --- app/assets/v2/scss/admin/dashboard.scss | 27 +++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 app/assets/v2/scss/admin/dashboard.scss diff --git a/app/assets/v2/scss/admin/dashboard.scss b/app/assets/v2/scss/admin/dashboard.scss new file mode 100644 index 00000000000..0b4ee8da16f --- /dev/null +++ b/app/assets/v2/scss/admin/dashboard.scss @@ -0,0 +1,27 @@ +/* DASHBOARD */ + +.dashboard .module table th { + width: 100%; +} + +.dashboard .module table td { + white-space: nowrap; +} + +.dashboard .module table td a { + display: block; + padding-right: .6em; +} + +/* RECENT ACTIONS MODULE */ + +.module ul.actionlist { + margin-left: 0; +} + +ul.actionlist li { + list-style-type: none; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; +} \ No newline at end of file From de188fbb66060d70f8db06b93fa1e401d47ecf8b Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 22:01:03 +0000 Subject: [PATCH 138/279] Fixes global btn override on quests --- app/assets/v2/scss/quests.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/v2/scss/quests.scss b/app/assets/v2/scss/quests.scss index c73537d66e5..5852c0f30a2 100644 --- a/app/assets/v2/scss/quests.scss +++ b/app/assets/v2/scss/quests.scss @@ -27,7 +27,7 @@ bottom: -5px; } -.btn { +.btn:not(.btn-gc-blue) { width: 100px; position: relative; border: none; From f16a44b669e82168aa4fcc1d059271ce5b01ca33 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 22:01:24 +0000 Subject: [PATCH 139/279] Fixes class name --- app/assets/v2/scss/results.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/v2/scss/results.scss b/app/assets/v2/scss/results.scss index 79e2a24be35..86528172dc7 100644 --- a/app/assets/v2/scss/results.scss +++ b/app/assets/v2/scss/results.scss @@ -1,4 +1,4 @@ -..box { +.box { width: 20px; height: 20px; margin-right: 10px; From 73a44d4bb02aca838bb66c3e0293521d91db05f3 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 22:01:42 +0000 Subject: [PATCH 140/279] Drops missing stylesheet --- app/dashboard/templates/labs.html | 1 - 1 file changed, 1 deletion(-) diff --git a/app/dashboard/templates/labs.html b/app/dashboard/templates/labs.html index 5a12c866b05..c757aad9acc 100644 --- a/app/dashboard/templates/labs.html +++ b/app/dashboard/templates/labs.html @@ -30,7 +30,6 @@

Gitcoin Labs is on hiatus.

{% compress css file labs %} - {% endcompress %} From 3ae663324b49be04fa728a4f3cd590b047e18523 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 22:01:53 +0000 Subject: [PATCH 141/279] Extends block --- app/faucet/templates/process_faucet_request.html | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/app/faucet/templates/process_faucet_request.html b/app/faucet/templates/process_faucet_request.html index 1ba2b51142c..5716d9fed30 100644 --- a/app/faucet/templates/process_faucet_request.html +++ b/app/faucet/templates/process_faucet_request.html @@ -23,14 +23,12 @@ {% compress css file admin_dashboard %} {% endcompress %} -{% endblock %} - - + {% endblock %} {% block coltype %}colMS{% endblock %} From 171023887343f226031d6fe437c1973fcd49d27d Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Wed, 10 Feb 2021 22:03:55 +0000 Subject: [PATCH 142/279] Compress stylesheets offline in production --- app/app/settings.py | 4 +++- scripts/deploy.bash | 2 ++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/app/app/settings.py b/app/app/settings.py index be406c824c7..93c50e80221 100644 --- a/app/app/settings.py +++ b/app/app/settings.py @@ -208,8 +208,10 @@ ] # number of demicals allowed in sass numbers LIBSASS_PRECISION = 8 -# minify sass output in production +# minify sass output in production (offline) if ENV not in ['local', 'test', 'staging', 'preview']: + # compress offline (use './manage.py compress' to build manifest.json) + COMPRESS_OFFLINE = True # drop line comments LIBSASS_SOURCE_COMMENTS = False # minification of sass output diff --git a/scripts/deploy.bash b/scripts/deploy.bash index e707989dc43..38ecf67da01 100755 --- a/scripts/deploy.bash +++ b/scripts/deploy.bash @@ -62,9 +62,11 @@ fi mkdir -p /home/ubuntu/gitcoin/coin/app/static/wallpapers cd app || echo "Cannot find app directory!" + echo "- collect static" if [ "$ISFRONTENDPUSH" ] && [ "$JOBS_NODE" ]; then python3 manage.py collectstatic --noinput -i other; + python3 manage.py compress; fi rm -Rf ~/gitcoin/coin/app/static/other From 780c7d14cd5bfb0cec8cf0fe444e49adf08f3e2d Mon Sep 17 00:00:00 2001 From: octavioamu Date: Wed, 10 Feb 2021 19:41:59 -0300 Subject: [PATCH 143/279] bundle js files and cleanup --- .../templates/shared/tip_dependancies.html | 8 +- app/dashboard/templates/bounty/change.html | 25 ++-- app/dashboard/templates/bounty/details.html | 4 +- app/retail/templates/bounties/funder.html | 8 +- app/retail/templates/home/index.html | 44 +++---- .../templates/shared/footer_scripts.html | 36 +++--- .../templates/shared/footer_scripts_lite.html | 110 ------------------ app/retail/templates/verified.html | 4 +- 8 files changed, 67 insertions(+), 172 deletions(-) delete mode 100644 app/retail/templates/shared/footer_scripts_lite.html diff --git a/app/app/templates/shared/tip_dependancies.html b/app/app/templates/shared/tip_dependancies.html index c351a9c890d..f07c482ef22 100644 --- a/app/app/templates/shared/tip_dependancies.html +++ b/app/app/templates/shared/tip_dependancies.html @@ -14,12 +14,14 @@ You should have received a copy of the GNU Affero General Public License along with this program. If not, see . {% endcomment %} -{% load static %} - +{% load static compress %} + +{% compress js file tip_dependancies %} + - +{% endcompress %} diff --git a/app/dashboard/templates/bounty/change.html b/app/dashboard/templates/bounty/change.html index 8131667a28d..77f72147694 100644 --- a/app/dashboard/templates/bounty/change.html +++ b/app/dashboard/templates/bounty/change.html @@ -105,22 +105,19 @@

{% trans "Change Bounty Details" %}

{% include 'shared/bottom_notification.html' %} {% include 'shared/analytics.html' %} - {% include 'shared/footer_scripts_lite.html' %} {% include 'shared/footer.html' %} + {% include 'shared/footer_scripts.html' with slim=1 %} {% include 'shared/current_profile.html' %} + + + + + + - - - - - - - - - diff --git a/app/dashboard/templates/bounty/details.html b/app/dashboard/templates/bounty/details.html index c789eea0fb1..8f6bf6fb972 100644 --- a/app/dashboard/templates/bounty/details.html +++ b/app/dashboard/templates/bounty/details.html @@ -521,10 +521,12 @@

{{ noscript.keywords }}

{% endif %} + {% include 'shared/footer.html' %} {% include 'shared/bottom_notification.html' %} {% include 'shared/analytics.html' %} {% include 'shared/footer_scripts.html' %} - {% include 'shared/footer.html' %} + + {% include 'shared/current_profile.html' %} diff --git a/app/retail/templates/bounties/funder.html b/app/retail/templates/bounties/funder.html index 09a5d852d3c..99ef0a94be2 100644 --- a/app/retail/templates/bounties/funder.html +++ b/app/retail/templates/bounties/funder.html @@ -166,11 +166,9 @@

{% trans "Who's Using Gitcoin?" %}

{% include 'bounties/funder/press.html' %} {% include 'shared/footer.html' %}
- {% include 'shared/footer_scripts_lite.html' with slim=1 %} + + {% include 'shared/analytics.html' %} + {% include 'shared/footer_scripts.html' with slim=1 %} - {% include 'shared/analytics.html' %} - {% block scripts %}{% endblock %} - - diff --git a/app/retail/templates/home/index.html b/app/retail/templates/home/index.html index b8e1f07494c..5034240f255 100644 --- a/app/retail/templates/home/index.html +++ b/app/retail/templates/home/index.html @@ -322,29 +322,29 @@

{{ article.title }}

{% include 'shared/bottom_notification.html' %} {% include 'shared/analytics.html' %} - {% include 'shared/footer_scripts_lite.html' with slim=1 %} {% include 'shared/footer.html' %} - - - + - if(!localStorage['onboarded_funder']) { - $('#fund-issue').attr('href', '/onboard/funder/'); - } - diff --git a/app/retail/templates/shared/footer_scripts.html b/app/retail/templates/shared/footer_scripts.html index 9fbefb2c8c3..5c28e851ea9 100644 --- a/app/retail/templates/shared/footer_scripts.html +++ b/app/retail/templates/shared/footer_scripts.html @@ -15,7 +15,7 @@ along with this program. If not, see . {% endcomment %} -{% load static %} +{% load static compress %} {% if env == 'prod' %} - + {% else %} - + {% endif %} {% include 'shared/sentry.html' %} + +{% compress js file libs %} + - + + + +{% endcompress %} @@ -63,26 +68,26 @@ - +{% compress js file jquery-extras %} + + +{% endcompress %} + {% if not slim %} + + {% endif %} - - - - - - - + +{% compress js file main %} - - + @@ -90,6 +95,7 @@ +{% endcompress %} {% if user.is_authenticated %} diff --git a/app/retail/templates/shared/footer_scripts_lite.html b/app/retail/templates/shared/footer_scripts_lite.html deleted file mode 100644 index 60ed63a05e3..00000000000 --- a/app/retail/templates/shared/footer_scripts_lite.html +++ /dev/null @@ -1,110 +0,0 @@ -{% comment %} - Copyright (C) 2019 Gitcoin Core - - This program is free software: you can redistribute it and/or modify - it under the terms of the GNU Affero General Public License as published - by the Free Software Foundation, either version 3 of the License, or - (at your option) any later version. - - This program is distributed in the hope that it will be useful, - but WITHOUT ANY WARRANTY; without even the implied warranty of - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - GNU Affero General Public License for more details. - - You should have received a copy of the GNU Affero General Public License - along with this program. If not, see . - -{% endcomment %} -{% load static %} - - - -{% if not ignore_inject_web3 %} - {% include 'shared/shared_scripts.html' %} -{% endif %} -{% include 'shared/onboard.html' %} - - -{% if env == 'prod' %} - -{% else %} - -{% endif %} -{% include 'shared/sentry.html' %} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -{% if user.is_authenticated %} - - -{% endif %} - - - - - - -{% if recommend_gas_price %} - -{% endif %} - -{% if slideDurationInMs %} - -{% endif %} -{% include 'shared/messages.html' %} diff --git a/app/retail/templates/verified.html b/app/retail/templates/verified.html index 2e8c77a11da..b58d7f079d1 100644 --- a/app/retail/templates/verified.html +++ b/app/retail/templates/verified.html @@ -128,8 +128,8 @@
What are the perks of being a verified contributor?
{% include 'shared/footer.html' %} {% include 'shared/analytics.html' %} - {% include 'shared/footer_scripts_lite.html' %} - + {% include 'shared/footer_scripts.html' with slim=1 %} + From a935a4f8b86e751df711cc38a4be74a8c5ce0d36 Mon Sep 17 00:00:00 2001 From: octavioamu Date: Wed, 10 Feb 2021 20:03:21 -0300 Subject: [PATCH 144/279] remove duplicates --- app/grants/templates/grants/faq.html | 2 +- app/grants/templates/grants/index.html | 4 +--- app/inbox/templates/inbox.html | 2 -- app/retail/templates/shared/footer_scripts.html | 8 ++++---- app/retail/templates/shared/head.html | 6 ------ 5 files changed, 6 insertions(+), 16 deletions(-) diff --git a/app/grants/templates/grants/faq.html b/app/grants/templates/grants/faq.html index 1ea3909e5da..a848bf8583d 100644 --- a/app/grants/templates/grants/faq.html +++ b/app/grants/templates/grants/faq.html @@ -62,4 +62,4 @@
Where can I see my Grant contribution histo
- + diff --git a/app/grants/templates/grants/index.html b/app/grants/templates/grants/index.html index a14d4844d18..ec17436ce2e 100644 --- a/app/grants/templates/grants/index.html +++ b/app/grants/templates/grants/index.html @@ -203,9 +203,7 @@ - - - + diff --git a/app/inbox/templates/inbox.html b/app/inbox/templates/inbox.html index 20299895dc4..37ffed07859 100644 --- a/app/inbox/templates/inbox.html +++ b/app/inbox/templates/inbox.html @@ -87,7 +87,5 @@ {% include 'shared/footer.html' %} {% include 'shared/analytics.html' %} {% include 'shared/footer_scripts.html' with slim=1 %} - - diff --git a/app/retail/templates/shared/footer_scripts.html b/app/retail/templates/shared/footer_scripts.html index 5c28e851ea9..8dad2337f12 100644 --- a/app/retail/templates/shared/footer_scripts.html +++ b/app/retail/templates/shared/footer_scripts.html @@ -23,7 +23,7 @@ - + {% if not ignore_inject_web3 %} {% include 'grants/shared/shared_scripts.html' %} @@ -46,14 +46,11 @@ - - {% endcompress %} @@ -75,13 +72,16 @@ {% endcompress %} {% if not slim %} + {% compress js file jquery-old %} + {% endcompress %} {% endif %} {% compress js file main %} + diff --git a/app/retail/templates/shared/head.html b/app/retail/templates/shared/head.html index fe209477080..877fe1d92cc 100644 --- a/app/retail/templates/shared/head.html +++ b/app/retail/templates/shared/head.html @@ -18,12 +18,6 @@ {% include 'shared/tag_manager_1.html' %} - - - - - - From b29f40932588f4bde35c97cf7c3aced0c84da93f Mon Sep 17 00:00:00 2001 From: octavioamu Date: Wed, 10 Feb 2021 20:19:52 -0300 Subject: [PATCH 145/279] avoid using jquery-old in most pages --- app/app/templates/search/search.html | 2 +- app/bounty_requests/templates/bounty_request_form.html | 6 +++--- app/dashboard/templates/bounty/cancel.html | 4 ++-- app/dashboard/templates/bounty/fulfill.html | 2 +- .../templates/dashboard/hackathon/hackathons.html | 2 +- .../templates/dashboard/hackathon/new_bounty.html | 2 +- app/dashboard/templates/dashboard/hackathon/onboard.html | 2 +- .../templates/dashboard/hackathon/project_page.html | 4 ++-- app/dashboard/templates/dashboard/hackathon/projects.html | 2 +- app/dashboard/templates/dashboard/sponsors.html | 2 +- app/dashboard/templates/dashboard/users.html | 2 +- app/dashboard/templates/legal/terms.html | 2 +- app/dashboard/templates/profiles/profile.html | 2 +- app/dashboard/templates/profiles/tribes-vue.html | 4 ++-- app/dashboard/templates/quickstart.html | 2 +- app/grants/templates/grants/_new.html | 4 ++-- app/grants/templates/grants/bulk_add_to_cart.html | 2 +- app/grants/templates/grants/cancel.html | 2 +- app/grants/templates/grants/cart-vue.html | 8 ++++---- app/grants/templates/grants/detail/_index.html | 2 +- app/grants/templates/grants/detail/index.html | 4 ++-- app/grants/templates/grants/index.html | 2 +- app/grants/templates/grants/ingest-contributions.html | 4 ++-- app/grants/templates/grants/new-whitelabel.html | 2 +- app/grants/templates/grants/new.html | 2 +- app/grants/templates/grants/new_match.html | 2 +- app/grants/templates/grants/quickstart.html | 2 +- app/ptokens/templates/buy_a_token.html | 2 +- app/ptokens/templates/personal_tokens.html | 2 +- app/retail/templates/jobs.html | 4 ++-- app/retail/templates/mission.html | 4 ++-- app/retail/templates/presskit.html | 4 ++-- app/retail/templates/products.html | 2 +- app/retail/templates/tribes/landing.html | 2 +- app/retail/templates/vision.html | 4 ++-- 35 files changed, 50 insertions(+), 50 deletions(-) diff --git a/app/app/templates/search/search.html b/app/app/templates/search/search.html index a904bd41409..75b2c41263d 100644 --- a/app/app/templates/search/search.html +++ b/app/app/templates/search/search.html @@ -156,7 +156,7 @@

Number of Hacks Joined :

{% csrf_token %} {% include 'shared/analytics.html' %} - {% include 'shared/footer_scripts.html' %} + {% include 'shared/footer_scripts.html' with slim=1 %} {% include 'shared/footer.html' %} diff --git a/app/bounty_requests/templates/bounty_request_form.html b/app/bounty_requests/templates/bounty_request_form.html index 13f47a88e64..6f02b32ac49 100644 --- a/app/bounty_requests/templates/bounty_request_form.html +++ b/app/bounty_requests/templates/bounty_request_form.html @@ -89,9 +89,9 @@

{% trans 'Bounty Request Received' %}

{% include 'shared/bottom_notification.html' %} {% include 'shared/analytics.html' %} - {% include 'shared/footer_scripts.html' %} + {% include 'shared/footer_scripts.html' with slim=1 %} {% include 'shared/footer.html' %} - + - \ No newline at end of file + diff --git a/app/dashboard/templates/bounty/cancel.html b/app/dashboard/templates/bounty/cancel.html index b01a3d4ab6b..225be50ef5a 100644 --- a/app/dashboard/templates/bounty/cancel.html +++ b/app/dashboard/templates/bounty/cancel.html @@ -82,7 +82,7 @@

{% trans "Cancel Bounty and Reclaim Funds" %}

-
@@ -167,7 +167,7 @@

{% trans "Reason" %}
{% include 'shared/bottom_notification.html' %} {% include 'shared/analytics.html' %} - {% include 'shared/footer_scripts.html' %} + {% include 'shared/footer_scripts.html' with slim=1 %} {% include 'shared/footer.html' %} diff --git a/app/dashboard/templates/bounty/fulfill.html b/app/dashboard/templates/bounty/fulfill.html index 246009e3455..6c055d03adb 100644 --- a/app/dashboard/templates/bounty/fulfill.html +++ b/app/dashboard/templates/bounty/fulfill.html @@ -199,7 +199,7 @@

{% trans "Submit Work" %}

{% include 'shared/bottom_notification.html' %} {% include 'shared/analytics.html' %} - {% include 'shared/footer_scripts.html' %} + {% include 'shared/footer_scripts.html' with slim=1 %} {% include 'shared/footer.html' %} {% include 'shared/current_profile.html' %} diff --git a/app/dashboard/templates/dashboard/hackathon/hackathons.html b/app/dashboard/templates/dashboard/hackathon/hackathons.html index 17144fed748..9f925a850e0 100644 --- a/app/dashboard/templates/dashboard/hackathon/hackathons.html +++ b/app/dashboard/templates/dashboard/hackathon/hackathons.html @@ -119,7 +119,7 @@

Build with the coolest Web3 projects

{% include 'shared/analytics.html' %} - {% include 'shared/footer_scripts.html' %} + {% include 'shared/footer_scripts.html' with slim=1 %} {% include 'shared/footer.html' %} {% block 'scripts' %} diff --git a/app/dashboard/templates/dashboard/hackathon/new_bounty.html b/app/dashboard/templates/dashboard/hackathon/new_bounty.html index 3b50400da35..b878b0e2925 100644 --- a/app/dashboard/templates/dashboard/hackathon/new_bounty.html +++ b/app/dashboard/templates/dashboard/hackathon/new_bounty.html @@ -505,7 +505,7 @@
Total
{% include 'shared/bottom_notification.html' %} {% include 'shared/analytics.html' %} {% include 'shared/footer.html' %} - {% include 'shared/footer_scripts.html' with vue=True %} + {% include 'shared/footer_scripts.html' with slim=1 %} {% include 'shared/current_profile.html' %} diff --git a/app/dashboard/templates/dashboard/hackathon/onboard.html b/app/dashboard/templates/dashboard/hackathon/onboard.html index 80ec4874af8..6aa4fbef67d 100644 --- a/app/dashboard/templates/dashboard/hackathon/onboard.html +++ b/app/dashboard/templates/dashboard/hackathon/onboard.html @@ -420,7 +420,7 @@

{{ question.text }}{{ questio

{% csrf_token %} {% include 'shared/analytics.html' %} - {% include 'shared/footer_scripts.html' %} + {% include 'shared/footer_scripts.html' with slim=1 %} {% include 'shared/footer.html' %} diff --git a/app/dashboard/templates/dashboard/sponsors.html b/app/dashboard/templates/dashboard/sponsors.html index 6e67b4066b9..4da8161184c 100644 --- a/app/dashboard/templates/dashboard/sponsors.html +++ b/app/dashboard/templates/dashboard/sponsors.html @@ -356,7 +356,7 @@ {% include 'shared/analytics.html' %} - {% include 'shared/footer_scripts.html' with vue=True %} + {% include 'shared/footer_scripts.html' with slim=1 %} {% include 'shared/footer.html' %} {{user_orgs|json_script:"orgs-list"}} {{hackathon_obj|json_script:"hackathon-object"}} diff --git a/app/dashboard/templates/dashboard/users.html b/app/dashboard/templates/dashboard/users.html index d32704d1049..92b14e2f700 100644 --- a/app/dashboard/templates/dashboard/users.html +++ b/app/dashboard/templates/dashboard/users.html @@ -356,7 +356,7 @@
Invite [[numUsers]] Users to the Bounty
{% csrf_token %} {% include 'shared/analytics.html' %} - {% include 'shared/footer_scripts.html' %} + {% include 'shared/footer_scripts.html' with slim=1 %} {% include 'shared/footer.html' %} diff --git a/app/dashboard/templates/legal/terms.html b/app/dashboard/templates/legal/terms.html index aceca5a8d36..7afb8b5fd08 100644 --- a/app/dashboard/templates/legal/terms.html +++ b/app/dashboard/templates/legal/terms.html @@ -330,6 +330,6 @@

30. ADDITIONAL SERVICES

{% include 'shared/footer.html' %} {% include 'shared/analytics.html' %} - {% include 'shared/footer_scripts.html' %} + {% include 'shared/footer_scripts.html' with slim=1 %} diff --git a/app/dashboard/templates/profiles/profile.html b/app/dashboard/templates/profiles/profile.html index 2acb7c9a964..c1c5af86539 100644 --- a/app/dashboard/templates/profiles/profile.html +++ b/app/dashboard/templates/profiles/profile.html @@ -109,7 +109,7 @@ {% include 'shared/bottom_notification.html' %} {% include 'shared/footer.html' %} {% include 'shared/analytics.html' %} - {% include 'shared/footer_scripts.html'%} + {% include 'shared/footer_scripts.html' with slim=1 %} {% include 'shared/current_profile.html' %} {% if tab == 'activity' %} {% include 'shared/tip_dependancies.html' %} diff --git a/app/dashboard/templates/profiles/tribes-vue.html b/app/dashboard/templates/profiles/tribes-vue.html index fb99bf81351..27ae697646e 100644 --- a/app/dashboard/templates/profiles/tribes-vue.html +++ b/app/dashboard/templates/profiles/tribes-vue.html @@ -43,7 +43,7 @@ {% endcompress %} - + -{% compress css file onepagesubmit %} + {% endcompress %} diff --git a/app/townsquare/templates/townsquare/new.html b/app/townsquare/templates/townsquare/new.html index ffec5ca4186..6d1779223e4 100644 --- a/app/townsquare/templates/townsquare/new.html +++ b/app/townsquare/templates/townsquare/new.html @@ -19,24 +19,24 @@ {% block 'content' %} {% compress css file townsquare_new %} + {% endcompress %} -
From a1cfb6bd09c3012b253c1ab2512dc71030712868 Mon Sep 17 00:00:00 2001 From: Graham Dixon Date: Thu, 11 Feb 2021 19:01:14 +0000 Subject: [PATCH 149/279] Fixes indentation --- app/app/templates/search/search.html | 213 ++++++++------- app/dataviz/templates/cohort.html | 176 ++++++------ .../templates/dataviz/admin_graph.html | 202 +++++++------- app/dataviz/templates/dataviz/circles.html | 6 +- app/dataviz/templates/dataviz/heatmap.html | 6 +- app/dataviz/templates/dataviz/index.html | 6 +- app/dataviz/templates/dataviz/mesh.html | 6 +- .../templates/dataviz/scatterplot.html | 55 ++-- app/dataviz/templates/dataviz/spiral.html | 6 +- app/dataviz/templates/dataviz/steamgraph.html | 29 +- app/dataviz/templates/dataviz/sunburst.html | 6 +- app/dataviz/templates/funnel.html | 152 +++++------ app/dataviz/templates/stats.html | 10 +- app/faucet/templates/bulk_DM.html | 54 ++-- app/faucet/templates/bulk_email.html | 62 ++--- .../templates/process_faucet_request.html | 170 ++++++------ app/retail/templates/admin/base.html | 122 +++++---- app/retail/templates/admin/change_form.html | 107 ++++---- app/retail/templates/admin/index.html | 256 +++++++++--------- .../templates/process_accesscode_request.html | 8 +- app/retail/templates/resend_tip.html | 8 +- 21 files changed, 833 insertions(+), 827 deletions(-) diff --git a/app/app/templates/search/search.html b/app/app/templates/search/search.html index 75b2c41263d..c6d3df8fe5d 100644 --- a/app/app/templates/search/search.html +++ b/app/app/templates/search/search.html @@ -1,32 +1,31 @@ {% comment %} - Copyright (C) 2020 Gitcoin Core + Copyright (C) 2020 Gitcoin Core - This program is free software: you can redistribute it and/or modify - it under the terms of the GNU Affero General Public License as published - by the Free Software Foundation, either version 3 of the License, or - (at your option) any later version. + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as published + by the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. - This program is distributed in the hope that it will be useful, - but WITHOUT ANY WARRANTY; without even the implied warranty of - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - GNU Affero General Public License for more details. - - You should have received a copy of the GNU Affero General Public License - along with this program. If not, see . + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see . {% endcomment %} -{% load i18n static email_obfuscator add_url_schema avatar_tags compress %} +{% load i18n static email_obfuscator add_url_schema avatar_tags compress %} - + {% include 'shared/head.html' %} {% include 'shared/cards.html' %} {% compress css file search %} - - - - + + + + {% endcompress %} @@ -40,39 +39,39 @@

Search

- - {{ form.as_table }} - - - - -
  - -
- - {% if query %} -

Results

- - {% for result in page.object_list %} -

- {{ result.object.title }} -

- {% empty %} -

No results found.

- {% endfor %} - - {% if page.has_previous or page.has_next %} -
- {% if page.has_previous %}{% endif %}« Previous{% if page.has_previous %}{% endif %} - | - {% if page.has_next %}{% endif %}Next »{% if page.has_next %}{% endif %} -
- {% endif %} - {% else %} - {# Show some example queries to run, maybe query syntax, something else? #} + + {{ form.as_table }} + + + + +
  + +
+ + {% if query %} +

Results

+ + {% for result in page.object_list %} +

+ {{ result.object.title }} +

+ {% empty %} +

No results found.

+ {% endfor %} + + {% if page.has_previous or page.has_next %} +
+ {% if page.has_previous %}{% endif %}« Previous{% if page.has_previous %}{% endif %} + | + {% if page.has_next %}{% endif %}Next »{% if page.has_next %}{% endif %} +
{% endif %} + {% else %} + {# Show some example queries to run, maybe query syntax, something else? #} + {% endif %}
-{% endblock %} + {% endblock %}
@@ -81,71 +80,71 @@

Hacky User Directory

- - - - - - @@ -626,7 +626,7 @@ Vue.component('brightid-verify-modal', {
- Register
on [[call.platform]] + Register
on [[call.platform]]
@@ -743,7 +743,7 @@ Vue.component('active-trust-row-template', { Verified
diff --git a/app/assets/v2/js/pages/tribe-edit.js b/app/assets/v2/js/pages/tribe-edit.js index 8dd8bd74f92..60cf157f0f4 100644 --- a/app/assets/v2/js/pages/tribe-edit.js +++ b/app/assets/v2/js/pages/tribe-edit.js @@ -24,7 +24,7 @@ $('#edit-btn').on('click', function() { $('#edit-btn i').removeClass('fa-edit'); $('#edit-btn i').addClass('fa-times'); $('#edit-btn span').text('Cancel'); - $('#edit-btn').addClass('btn-gc-pink'); + $('#edit-btn').addClass('btn-danger'); return quill; }; @@ -87,7 +87,7 @@ const destroyQuill = () => { $('#edit-btn i').addClass('fa-edit'); $('#edit-btn span').text('Edit'); $('#edit-btn i').removeClass('fa-times'); - $('#edit-btn').removeClass('btn-gc-pink'); + $('#edit-btn').removeClass('btn-danger'); }; const rebuildQuill = () => { @@ -96,7 +96,7 @@ const rebuildQuill = () => { editorContainer.removeClass('inactive'); quill.enable(true); $('#save-description-btn').removeClass('d-none'); - $('#edit-btn').addClass('btn-gc-pink'); + $('#edit-btn').addClass('btn-danger'); $('#edit-btn i').removeClass('fa-edit'); $('#edit-btn i').addClass('fa-times'); $('#edit-btn span').text('Cancel'); diff --git a/app/assets/v2/js/user_card.js b/app/assets/v2/js/user_card.js index b43356a7c0b..b40c9217646 100644 --- a/app/assets/v2/js/user_card.js +++ b/app/assets/v2/js/user_card.js @@ -162,9 +162,9 @@ const renderPopOverData = function(data) { const followBtn = function(data) { if (data.is_following) { - return ``; + return ``; } - return ``; + return ``; }; return ` @@ -185,19 +185,19 @@ const renderPopOverData = function(data) {
- + - + - + | - +
diff --git a/app/assets/v2/js/users-elastic.js b/app/assets/v2/js/users-elastic.js index ecfd32fc1ae..fff6f41f565 100644 --- a/app/assets/v2/js/users-elastic.js +++ b/app/assets/v2/js/users-elastic.js @@ -312,8 +312,8 @@ Vue.mixin({ user.is_following = false; } - event.target.classList.toggle('btn-outline-green'); - event.target.classList.toggle('btn-gc-blue'); + event.target.classList.toggle('btn-outline-secondary'); + event.target.classList.toggle('btn-primary'); }).fail(function(error) { event.target.disabled = false; }); diff --git a/app/assets/v2/js/users.js b/app/assets/v2/js/users.js index c5fe90897f0..905106a7074 100644 --- a/app/assets/v2/js/users.js +++ b/app/assets/v2/js/users.js @@ -249,8 +249,8 @@ Vue.mixin({ user.is_following = false; } - event.target.classList.toggle('btn-outline-green'); - event.target.classList.toggle('btn-gc-blue'); + event.target.classList.toggle('btn-outline-secondary'); + event.target.classList.toggle('btn-primary'); }).fail(function(error) { event.target.disabled = false; }); diff --git a/app/assets/v2/js/vue-components.js b/app/assets/v2/js/vue-components.js index ad61e775fd9..bad61dc713e 100644 --- a/app/assets/v2/js/vue-components.js +++ b/app/assets/v2/js/vue-components.js @@ -635,7 +635,7 @@ Vue.component('project-card', { }, template: `
- + grant_tag badge
@@ -650,9 +650,9 @@ Vue.component('project-card', { [[ project.summary | truncate(500) ]]

- View Project - View Bounty - + View Project + View Bounty + @@ -792,8 +792,8 @@ Vue.component('suggested-profile', {

- following - follow + following + follow

diff --git a/app/assets/v2/scss/activity_stream.scss b/app/assets/v2/scss/activity_stream.scss index fa7edc0c36a..b964b9a8245 100644 --- a/app/assets/v2/scss/activity_stream.scss +++ b/app/assets/v2/scss/activity_stream.scss @@ -360,14 +360,14 @@ iframe.popout{ display: none; } -.infinite-more-link { - position: absolute; - bottom: 10px; - text-align: center; - width: 50%; - border: 1px solid; - margin-left: 25%; -} +// .infinite-more-link { +// position: absolute; +// bottom: 10px; +// text-align: center; +// width: 50%; +// border: 1px solid; +// margin-left: 25%; +// } .dark-mode .activity_stream .activity_detail .tag { background-color: var(--gc-blue); diff --git a/app/assets/v2/scss/base.scss b/app/assets/v2/scss/base.scss index 1152b93901f..4841c2fd41b 100644 --- a/app/assets/v2/scss/base.scss +++ b/app/assets/v2/scss/base.scss @@ -654,7 +654,7 @@ input[type=text].loading { } #gitcoin_buttons .btn { - font-weight: bold; + // font-weight: bold; margin: 10px; } diff --git a/app/assets/v2/scss/buttons.scss b/app/assets/v2/scss/buttons.scss index 04f1d3a420a..5997ad67a94 100644 --- a/app/assets/v2/scss/buttons.scss +++ b/app/assets/v2/scss/buttons.scss @@ -285,7 +285,7 @@ button:focus { } .btn-radio.active { - border-color: #3E00FF; + border-color: #6F3FF5; } .btn-radio i { @@ -305,5 +305,5 @@ button:focus { .btn-gc-grey:not(:disabled):not(.disabled).active { color: white; - background-color: #5300ff; + background-color: #6f3ef5; } diff --git a/app/assets/v2/scss/home.scss b/app/assets/v2/scss/home.scss index 04310dc64c8..09f9af3ff45 100644 --- a/app/assets/v2/scss/home.scss +++ b/app/assets/v2/scss/home.scss @@ -121,9 +121,9 @@ font-size: 12px; } -.navbar .interior .dropdown-item:hover span { - color: #fff; -} +// .navbar .interior .dropdown-item:hover span { +// color: #fff; +// } // .navbar .nav-link:hover, // .navbar .nav-link:active { @@ -138,7 +138,7 @@ } .homepage .banner #fund-issue { - border: 2px solid #3E00FF; + // border: 2px solid #3E00FF; } .optimize_oss p, diff --git a/app/assets/v2/scss/landing_page.scss b/app/assets/v2/scss/landing_page.scss index 16cf2ec388d..3ead35b43cd 100644 --- a/app/assets/v2/scss/landing_page.scss +++ b/app/assets/v2/scss/landing_page.scss @@ -576,10 +576,10 @@ body.funder-page { } .navbar:not(.following) .btn { - background: transparent; + // background: transparent; } .navbar:not(.following) .btn:hover { - background-color: rgba(255, 255, 255, 0.2); + // background-color: rgba(255, 255, 255, 0.2); } @keyframes rotate-blades { diff --git a/app/assets/v2/scss/leaderboard.scss b/app/assets/v2/scss/leaderboard.scss index 44dcf788561..b273fe1fe80 100644 --- a/app/assets/v2/scss/leaderboard.scss +++ b/app/assets/v2/scss/leaderboard.scss @@ -55,7 +55,7 @@ border-radius: 50%; } -tbody, a { +tbody, td { color: #5C5D5F } diff --git a/app/assets/v2/scss/lib/index.scss b/app/assets/v2/scss/lib/index.scss index 512f9e0aa6c..aa68f9eb970 100644 --- a/app/assets/v2/scss/lib/index.scss +++ b/app/assets/v2/scss/lib/index.scss @@ -6,3 +6,4 @@ @import 'vue-select/vue-select'; @import 'typography'; + diff --git a/app/assets/v2/scss/onboard.scss b/app/assets/v2/scss/onboard.scss index a938620d610..9fde99784af 100644 --- a/app/assets/v2/scss/onboard.scss +++ b/app/assets/v2/scss/onboard.scss @@ -337,11 +337,11 @@ h3 { border-radius: 3px; } -.completed { - background-color: #0D0764; - color: #FFFFFF; - border-color: #0D0764; -} +// .completed { +// background-color: #0D0764; +// color: #FFFFFF; +// border-color: #0D0764; +// } @keyframes turn { 0% { transform: rotate(0deg); } diff --git a/app/assets/v2/scss/onepager/main.scss b/app/assets/v2/scss/onepager/main.scss index f8dc6719dc4..9b3be3104b1 100644 --- a/app/assets/v2/scss/onepager/main.scss +++ b/app/assets/v2/scss/onepager/main.scss @@ -536,11 +536,11 @@ body.is-ie #wrapper { height: 100%; } -body #main a:not(.button) { +body #main a:not(.btn) { color: #fc7596; } -body #main a:not(.button):hover { +body #main a:not(.btn):hover { color: #ec5597; } diff --git a/app/bounty_requests/templates/bounty_request_form.html b/app/bounty_requests/templates/bounty_request_form.html index c04d40cb06f..696a384881f 100644 --- a/app/bounty_requests/templates/bounty_request_form.html +++ b/app/bounty_requests/templates/bounty_request_form.html @@ -55,7 +55,7 @@

{% trans "Request a Bounty" %} {% trans "Alpha" %} {% endfor %}
- +

diff --git a/app/dashboard/templates/addinterest.html b/app/dashboard/templates/addinterest.html index 77b56397951..0977925583b 100644 --- a/app/dashboard/templates/addinterest.html +++ b/app/dashboard/templates/addinterest.html @@ -93,7 +93,7 @@
{% trans "Submit a Plan" %}
- + {% elif is_registered and bounty.event %}
@@ -169,14 +169,14 @@
{% trans "Submit a Plan" %}

You can modify your project details anytime on the projects page or when you submit work.

- +
{% else %}

This bounty is part of {{bounty.event.name}}.
Please register for the hackathon and read the rules of participation before you continue.

- Register for Hackathon + Register for Hackathon
{% endif %}
@@ -186,7 +186,7 @@
{% trans "Submit a Plan" %}
-
diff --git a/app/dashboard/templates/board/contributor.html b/app/dashboard/templates/board/contributor.html index eee6e84dea5..9d2f21996f4 100644 --- a/app/dashboard/templates/board/contributor.html +++ b/app/dashboard/templates/board/contributor.html @@ -43,7 +43,7 @@
-
+
Bounties matching your skills: [[ skills.join(', ') ]] (Update Skills)
@@ -86,7 +86,7 @@
@@ -97,7 +97,7 @@

Check back regularly for the latest matching bounties or
check out the Issue Explorer for more bounties!

  • - VIEW MORE BOUNTIES + VIEW MORE BOUNTIES
    • @@ -142,8 +142,8 @@

    - Submit Work - + Submit Work +
    @@ -154,7 +154,7 @@

    Find a bounty or check out our Contributors Guide to start doing bounties!

    Have any questions? Chat with us on Slack!

    - Find a Bounty + Find a Bounty @@ -197,7 +197,7 @@

    - +
    @@ -261,7 +261,7 @@

    If you also want to check your finished bounties, you can find them here:

    - Check my bounties in the explorer + Check my bounties in the explorer diff --git a/app/dashboard/templates/board/funder.html b/app/dashboard/templates/board/funder.html index 5ac8e46acdb..f591ed312ec 100644 --- a/app/dashboard/templates/board/funder.html +++ b/app/dashboard/templates/board/funder.html @@ -80,8 +80,8 @@
    - Feature Bounty - Invite Contributors + Feature Bounty + Invite Contributors
    @@ -107,18 +107,18 @@
    - Accept - Reject + Accept + Reject
    - +
    [[ contributor.interest.issue_message]]

  • Couldn’t find the right contributor?

    - EXPLORE USER DIRECTORY + EXPLORE USER DIRECTORY
    • @@ -131,7 +131,7 @@

    Fund an Issue or check out our Funders Guide to start getting contributors for your project!

    Have any questions? Chat with us on Slack!

    - Fund an Issue + Fund an Issue @@ -176,8 +176,8 @@

    - Feature Bounty - Invite Contributors + Feature Bounty + Invite Contributors
    @@ -203,18 +203,18 @@

    - Accept - Reject + Accept + Reject
    - +
    [[ contributor.interest.issue_message]]

  • Couldn’t find the right contributor?

    - EXPLORE USER DIRECTORY + EXPLORE USER DIRECTORY
    • @@ -283,7 +283,7 @@

    - Payout bounty + Payout bounty
    [[ contributor.fulfiller_metadata.data.payload.fulfiller.githubPRLink ]]
    @@ -335,7 +335,7 @@

    - Extend Expiration + Extend Expiration
    @@ -354,7 +354,7 @@

    If you also want to check your finished and cancelled bounties, you can find them here:

    - Check my bounties in the explorer + Check my bounties in the explorer diff --git a/app/dashboard/templates/board/ptokens.html b/app/dashboard/templates/board/ptokens.html index 32840872c62..87754869b4d 100644 --- a/app/dashboard/templates/board/ptokens.html +++ b/app/dashboard/templates/board/ptokens.html @@ -71,7 +71,7 @@ Create a time token to get paid today for work tomorrow Learn more - @@ -84,13 +84,13 @@ @@ -127,9 +127,9 @@
    - - - + + +
    @@ -139,7 +139,7 @@

    [[ error.open || 'You don’t have any open requests' ]]

    Have any questions? Chat with us on Slack!

    - Browse tokens + Browse tokens @@ -175,8 +175,8 @@

    - - + +
    diff --git a/app/dashboard/templates/bounty/cancel.html b/app/dashboard/templates/bounty/cancel.html index 37c5b339dbf..3d46d97a93e 100644 --- a/app/dashboard/templates/bounty/cancel.html +++ b/app/dashboard/templates/bounty/cancel.html @@ -153,7 +153,7 @@

    {% trans "Reason" %}
    -
    diff --git a/app/dashboard/templates/bounty/change.html b/app/dashboard/templates/bounty/change.html index 8c8ba301341..1060f2543e4 100644 --- a/app/dashboard/templates/bounty/change.html +++ b/app/dashboard/templates/bounty/change.html @@ -94,7 +94,7 @@

    {% trans "Change Bounty Details" %}

    {% endif %}
    - +
    diff --git a/app/dashboard/templates/bounty/details.html b/app/dashboard/templates/bounty/details.html index b364c18ebb6..c06c7ffdaf9 100644 --- a/app/dashboard/templates/bounty/details.html +++ b/app/dashboard/templates/bounty/details.html @@ -160,7 +160,7 @@

    - + Share @@ -208,7 +208,7 @@
    {% trans "Projects" %}
    {% for profile in project.profiles.all %} {% if profile_id == profile.id and project.status == '' %} - + {% endif %} {% endfor %} {% if project.logo %} @@ -239,7 +239,7 @@
    {% trans "Projects" %}
    {% if event_tag and user.is_authenticated %}

    - (manually add your project if you already expressed interest on this prize or want to have more than one project) + (manually add your project if you already expressed interest on this prize or want to have more than one project)

    {% endif %} @@ -273,11 +273,11 @@
    {% trans "Funder" %}
    [[if pending_acceptance]] - + [[:text]] ( [[>pending_acceptance]] ) [[else]] - + [[:text]] [[/if]] @@ -350,14 +350,14 @@
    {% trans "Funder" %}
    - + {% trans "Reject worker" %}
    - + {% trans "Approve worker" %} @@ -367,7 +367,7 @@
    {% trans "Funder" %}
    - + {% trans "Stop work" %} @@ -375,7 +375,7 @@
    {% trans "Funder" %}
    [[if slash_possible]]
    - + {% trans "Stop work + Ding Rep" %} @@ -405,14 +405,14 @@
    {% trans "Funder" %}
    - + {% trans "Stop work" %}
    - + {% trans "Stop work + Ding Rep" %} diff --git a/app/dashboard/templates/bounty/details2.html b/app/dashboard/templates/bounty/details2.html index 0065ca9a6bc..c55cc085747 100644 --- a/app/dashboard/templates/bounty/details2.html +++ b/app/dashboard/templates/bounty/details2.html @@ -39,9 +39,9 @@ Admin Actions - [[ link.label ]] - - + [[ link.label ]] + +
    {% if event_tag %} @@ -156,7 +156,7 @@

    [[bounty.title]]<
    - + {% trans "View On Github" %} - + Share @@ -293,7 +293,7 @@
    {% trans "SUBMISSIONS" %}
    - @@ -342,7 +342,7 @@
    {% trans "SUBMISSIONS" %}

    -

    @@ -400,7 +400,7 @@

    {% trans "SUBMISSIONS" %}
    [[ bounty.token_name ]]

    -
    -
    - -

    - @@ -796,7 +796,7 @@
    {% trans "SUBMISSIONS" %}

    -
    @@ -975,7 +975,7 @@
    Projects
    {% for profile in project.profiles.all %} {% if profile_id == profile.id and project.status == '' %} - + {% endif %} {% endfor %} {% if project.logo %} diff --git a/app/dashboard/templates/bounty/fulfill.html b/app/dashboard/templates/bounty/fulfill.html index 3353608ff0e..39dc382239a 100644 --- a/app/dashboard/templates/bounty/fulfill.html +++ b/app/dashboard/templates/bounty/fulfill.html @@ -106,7 +106,7 @@

    {% trans "Submit Work" %}

    {% elif bounty.event %}
    - +
    {% endif %} @@ -184,7 +184,7 @@

    {% trans "Submit Work" %}

    {% endif %}
    - +
    diff --git a/app/dashboard/templates/bounty/increase.html b/app/dashboard/templates/bounty/increase.html index 5b00f7ad1cd..d0f415ba1fa 100644 --- a/app/dashboard/templates/bounty/increase.html +++ b/app/dashboard/templates/bounty/increase.html @@ -153,7 +153,7 @@
    {% trans "Total"%}
    - +

    Your transaction is secured by the audited StandardBounties contract on the Ethereum blockchain. Learn more here. diff --git a/app/dashboard/templates/bounty/new_bounty.html b/app/dashboard/templates/bounty/new_bounty.html index 2436d3d1c7e..faf7193f4d8 100644 --- a/app/dashboard/templates/bounty/new_bounty.html +++ b/app/dashboard/templates/bounty/new_bounty.html @@ -169,7 +169,7 @@

    Fund Issue

    Issue Details
    - + Edit on Github @@ -687,7 +687,7 @@
    Total
    - +
    Please verify forms errors and try again diff --git a/app/dashboard/templates/bulk_payout_bounty.html b/app/dashboard/templates/bulk_payout_bounty.html index f8e15935311..def96e7f977 100644 --- a/app/dashboard/templates/bulk_payout_bounty.html +++ b/app/dashboard/templates/bulk_payout_bounty.html @@ -50,7 +50,7 @@

    Payment Sent

    - + {% trans "Back to Bounty" %}

    @@ -237,7 +237,7 @@
    {% trans 'Payout Prev
    - + {% trans "Payout Bounty" %}
    diff --git a/app/dashboard/templates/dashboard/explorer.html b/app/dashboard/templates/dashboard/explorer.html index 1bcafd8591b..5641fe5d1f5 100644 --- a/app/dashboard/templates/dashboard/explorer.html +++ b/app/dashboard/templates/dashboard/explorer.html @@ -57,12 +57,12 @@
    diff --git a/app/dashboard/templates/dashboard/ftux.html b/app/dashboard/templates/dashboard/ftux.html index c14d530332b..142cf3e1f58 100644 --- a/app/dashboard/templates/dashboard/ftux.html +++ b/app/dashboard/templates/dashboard/ftux.html @@ -29,7 +29,7 @@

    {% trans "We’ve Found Bounties that Match Your

    {% trans "Need more help? Checkout the" %} {% trans "Developer Guide" %}

    - + {% trans "Got It!" %}

    diff --git a/app/dashboard/templates/dashboard/hackathon/new_bounty.html b/app/dashboard/templates/dashboard/hackathon/new_bounty.html index 17a7bfe00f6..c506f72b776 100644 --- a/app/dashboard/templates/dashboard/hackathon/new_bounty.html +++ b/app/dashboard/templates/dashboard/hackathon/new_bounty.html @@ -230,7 +230,7 @@

    Fund Prize

    Issue Details
    - + Edit on Github @@ -494,7 +494,7 @@
    Total
    - +
    Please verify forms errors and try again diff --git a/app/dashboard/templates/dashboard/hackathon/onboard.html b/app/dashboard/templates/dashboard/hackathon/onboard.html index a839bf299ec..c7715ea5c52 100644 --- a/app/dashboard/templates/dashboard/hackathon/onboard.html +++ b/app/dashboard/templates/dashboard/hackathon/onboard.html @@ -125,13 +125,13 @@

    {% if not github_handle %} - Join Now {% else %} {% if not is_registered %} - + {% elif is_registered and hackathon.start_date|timesince >= "1 min"%} - See Prizes + See Prizes {% endif %} {% endif %}
    @@ -238,8 +238,8 @@

    {{sponsor.name}}

    {% if is_staff %}
    - - + +
    {% endif %}
    @@ -409,8 +409,8 @@

    {{ question.text }}{{ questio < Previous
    - - + + Next > diff --git a/app/dashboard/templates/dashboard/hackathon/project_new.html b/app/dashboard/templates/dashboard/hackathon/project_new.html index 6728963bdd1..a99b52f457d 100644 --- a/app/dashboard/templates/dashboard/hackathon/project_new.html +++ b/app/dashboard/templates/dashboard/hackathon/project_new.html @@ -31,7 +31,7 @@

    Let's Get Started!

    Edit your existing project{{ projects.count|pluralize }}:

    {% for project in projects %} {% if project.status == '' %} - {{project.name}} + {{project.name}} {% endif %} {% endfor %} or create a new one @@ -140,7 +140,7 @@

    Let's Get Started!

    You can modify your project details anytime on the projects page or when you submit work.

    - +
    {% else %} @@ -207,7 +207,7 @@

    Let's Get Started!

    You can modify your project details anytime on the projects page or when you submit work.

    - +
    {% endif %} diff --git a/app/dashboard/templates/dashboard/hackathon/projects.html b/app/dashboard/templates/dashboard/hackathon/projects.html index 26acc8479ce..63625dc8e60 100644 --- a/app/dashboard/templates/dashboard/hackathon/projects.html +++ b/app/dashboard/templates/dashboard/hackathon/projects.html @@ -102,7 +102,7 @@ {% endif %}

    {{hackathon.name}} Projects

    {{ hackathon.start_date|date:"M j, Y" }} - {{ hackathon.end_date|date:"M j, Y" }} - +
    @@ -117,7 +117,7 @@

    {{hackathon.name}} Projects

    - +
    {% if query %} @@ -158,7 +158,7 @@

    {{hackathon.name}} Projects

    {% for profile in project.profiles.all %} {% if profile_id == profile.id and project.status == '' %} - + {% endif %} {% endfor %} diff --git a/app/dashboard/templates/dashboard/index-vue.html b/app/dashboard/templates/dashboard/index-vue.html index da2f768e374..d640f8c23e7 100644 --- a/app/dashboard/templates/dashboard/index-vue.html +++ b/app/dashboard/templates/dashboard/index-vue.html @@ -129,7 +129,7 @@ Hackathon Over {% endif %}

    - Sponsor dashboard + Sponsor dashboard
    @@ -173,7 +173,7 @@

    Hackathon Coming Soon!

    Obiwan bot

    Tell other hackers a bit about yourself by introducing yourself on Townsquare

    - Townsquare + Townsquare
    {% include 'shared/hackathon_sponsors.html' %} @@ -185,10 +185,10 @@

    Hackathon Coming Soon!

    {% if hackathon.quest_link %}

    Explore Web3 and be prepared via sponsors Quests

    - Explore Quests + Explore Quests {% else %}

    Explore Web3 via Gitcoin Quests to prepare

    - Explore Quests + Explore Quests {% endif %}
    @@ -426,7 +426,7 @@

    [[ numUsers ]] users found

    - {% endif %} @@ -469,7 +469,7 @@

    Invite User to Bounty
    Select a bounty or create a new one
    -
    +
    Avatar

    [[ bounty.title ]] @@ -492,8 +492,8 @@

    Invite User to Bounty
    view bounty
    - - + +
    @@ -523,8 +523,8 @@
    Invite [[numUsers]] Users to the Bounty
    - - + +
    @@ -598,8 +598,8 @@

    [[event.title]] [[ event.organizer ? `with ${event

    Hackathon Showcase

    - - + +
    @@ -666,7 +666,7 @@

    Hacking Spotlights

    [[ getSponsor(spotlight.sponsor).display_name ]]

    [[ getSponsor(spotlight.sponsor).followed ? "following" : "follow" ]] @@ -758,7 +758,7 @@

    [[hackathon.name]] Wall of Fame<
  • [[ sponsor.bounty_count ]] Bounties Funded
    • [[ sponsor.followed ? "following" : "follow" ]] diff --git a/app/dashboard/templates/dashboard/sidebar_search_hackathon.html b/app/dashboard/templates/dashboard/sidebar_search_hackathon.html index 3d9c2117f50..5397fa8b43d 100644 --- a/app/dashboard/templates/dashboard/sidebar_search_hackathon.html +++ b/app/dashboard/templates/dashboard/sidebar_search_hackathon.html @@ -29,8 +29,8 @@
    {% if hackathon %} - Register - #intros + Register + #intros
    {% trans "Hackathon Sponsors" %}
    diff --git a/app/dashboard/templates/dashboard/sponsors.html b/app/dashboard/templates/dashboard/sponsors.html index 2e293926928..ddda3739d66 100644 --- a/app/dashboard/templates/dashboard/sponsors.html +++ b/app/dashboard/templates/dashboard/sponsors.html @@ -153,10 +153,10 @@

    - Create new prize + Create new prize

    - Find more hackers + Find more hackers

    @@ -278,7 +278,7 @@ @@ -334,7 +334,7 @@

    - Update Mentors + Update Mentors
    diff --git a/app/dashboard/templates/dashboard/users-elastic.html b/app/dashboard/templates/dashboard/users-elastic.html index 9e5bdb297a7..fca9f5daa26 100644 --- a/app/dashboard/templates/dashboard/users-elastic.html +++ b/app/dashboard/templates/dashboard/users-elastic.html @@ -81,7 +81,7 @@

    [[ filter.text ]] :

    {% if is_staff %} - Export + Export {% endif %} @@ -261,7 +261,7 @@

    - +
    diff --git a/app/dashboard/templates/dashboard/users.html b/app/dashboard/templates/dashboard/users.html index b98aecb9359..47f48810cd6 100644 --- a/app/dashboard/templates/dashboard/users.html +++ b/app/dashboard/templates/dashboard/users.html @@ -133,7 +133,7 @@

    [[ numUsers ]] users found

    - {% endif %} @@ -244,19 +244,19 @@

    - +
    -
    +
    Avatar

    [[ bounty.title ]] @@ -310,8 +310,8 @@

    Invite User to Bounty
    view bounty
    - - + +
    @@ -341,8 +341,8 @@
    Invite [[numUsers]] Users to the Bounty
    - - + +
    diff --git a/app/dashboard/templates/extend_issue_deadline.html b/app/dashboard/templates/extend_issue_deadline.html index 536a89f10a6..94791ebfea5 100644 --- a/app/dashboard/templates/extend_issue_deadline.html +++ b/app/dashboard/templates/extend_issue_deadline.html @@ -51,8 +51,8 @@
    {% trans "Alpha Seed Implementation (New Featu
    - - + + {% else %} @@ -61,7 +61,7 @@
    {% trans "Alpha Seed Implementation (New Featu - diff --git a/app/dashboard/templates/ftux/avatar.html b/app/dashboard/templates/ftux/avatar.html index 64e24e5ee83..e9e46d696d4 100644 --- a/app/dashboard/templates/ftux/avatar.html +++ b/app/dashboard/templates/ftux/avatar.html @@ -72,65 +72,65 @@

    - - {% for s in sections %} - {% with s.name|cut:" " as id %} - {% with "v2/images/avatar/"|add:id|add:"/" as basePath %} -
    - {% for o in s.options %} - + {% endfor %} +
    {% endwith %} - {% elif id == "Accessories" %} - {% for part in o %} - {% with STATIC_URL|add:basePath|add:part|add:".svg" as path %} -
    - {% endwith %} - {% endfor %} - {% elif id == 'Background' or id == 'SkinTone' or id == 'HairColor' %} -
    - {% else %} - {% with STATIC_URL|add:basePath|add:o|add:".svg" as path %} -
    {% endwith %} - {% endif %} - {% endfor %} -
    - {% endwith %} - {% endwith %} - {% endfor %} - +
    -
    @@ -138,21 +138,20 @@

    -

    {% trans "Previous" %}

    - - + + - - -
    + {% endif %} @@ -161,7 +160,7 @@

    No avatars
    - Profile + Profile
    @@ -175,13 +174,13 @@

    - - - {% if possible_skin_tones|length %} @@ -243,7 +242,7 @@

    No avatars
    - Profile + Profile
    diff --git a/app/dashboard/templates/ftux/github.html b/app/dashboard/templates/ftux/github.html index 99a0fee45f5..297605ea2a1 100644 --- a/app/dashboard/templates/ftux/github.html +++ b/app/dashboard/templates/ftux/github.html @@ -71,7 +71,7 @@

    {% else %}
    - {% trans "Login with github" %} diff --git a/app/dashboard/templates/ftux/metamask.html b/app/dashboard/templates/ftux/metamask.html index 525dbc81b60..26dc775dd6b 100644 --- a/app/dashboard/templates/ftux/metamask.html +++ b/app/dashboard/templates/ftux/metamask.html @@ -33,7 +33,7 @@

    After you've installed Metamask, you can use web3 apps like Gitcoin!

    - + Metamask Logo {% trans "Setup Metamask" %} diff --git a/app/dashboard/templates/ftux/onboard.html b/app/dashboard/templates/ftux/onboard.html index f6190b656b5..3f58922522e 100644 --- a/app/dashboard/templates/ftux/onboard.html +++ b/app/dashboard/templates/ftux/onboard.html @@ -51,8 +51,8 @@ {% endfor %} {% if github_handle %}
    -

    {% trans "Previous" %}

    -

    {% trans "Next" %}

    +

    {% trans "Previous" %}

    +

    {% trans "Next" %}

    {% endif %} diff --git a/app/dashboard/templates/funder_payout_reminder_modal.html b/app/dashboard/templates/funder_payout_reminder_modal.html index 8410236d379..61d7e53fdf8 100644 --- a/app/dashboard/templates/funder_payout_reminder_modal.html +++ b/app/dashboard/templates/funder_payout_reminder_modal.html @@ -41,7 +41,7 @@
    {% trans "Send Payment Reminder" %}
    -
    diff --git a/app/dashboard/templates/notifyfunder.html b/app/dashboard/templates/notifyfunder.html index db5413fac72..07593284a59 100644 --- a/app/dashboard/templates/notifyfunder.html +++ b/app/dashboard/templates/notifyfunder.html @@ -28,7 +28,7 @@
    {% trans "Send Payment Reminder" %}
    {% trans "This button sends a notification to the funder to pay out the bounty. Are you sure the bounty has been completed?" %}
    - +
    diff --git a/app/dashboard/templates/onepager/receive.html b/app/dashboard/templates/onepager/receive.html index 5c4d3bf6c2d..d390c415897 100644 --- a/app/dashboard/templates/onepager/receive.html +++ b/app/dashboard/templates/onepager/receive.html @@ -62,7 +62,7 @@

    {% trans "You've got" %} {{tip.amount}} {{tip.tokenName}}


    - +
    diff --git a/app/dashboard/templates/onepager/send1.html b/app/dashboard/templates/onepager/send1.html index 645d7fc9571..9b4b75b61de 100644 --- a/app/dashboard/templates/onepager/send1.html +++ b/app/dashboard/templates/onepager/send1.html @@ -40,6 +40,6 @@

    {% trans "It's Fast. It's Easy. It's Free.️" %}

    - {% trans "Send Tip" %} 💰 + {% trans "Send Tip" %} 💰 {% endblock %} diff --git a/app/dashboard/templates/onepager/send2.html b/app/dashboard/templates/onepager/send2.html index 3724643ea2a..3ff485c6ccf 100644 --- a/app/dashboard/templates/onepager/send2.html +++ b/app/dashboard/templates/onepager/send2.html @@ -250,7 +250,7 @@

    {% trans "Send Tip." %}

    - {% trans "Send" %} ⚡️ + {% trans "Send" %} ⚡️
    {% trans "Where is my Eth Going?" %}
    diff --git a/app/dashboard/templates/process_bounty.html b/app/dashboard/templates/process_bounty.html index 978fa2840b4..ae39f1427cb 100644 --- a/app/dashboard/templates/process_bounty.html +++ b/app/dashboard/templates/process_bounty.html @@ -119,7 +119,7 @@

    Suggested Kudos

    - + {% trans "Accept" %}
    diff --git a/app/dashboard/templates/profiles/follow.html b/app/dashboard/templates/profiles/follow.html index fa6393f9bc4..78139bd4f8e 100644 --- a/app/dashboard/templates/profiles/follow.html +++ b/app/dashboard/templates/profiles/follow.html @@ -20,9 +20,9 @@ ({{profile.org.count}} Follower{{profile.org.count|pluralize}}) {% if not is_my_profile %} {% if is_on_tribe %} - + {% else %} - + {% endif %} {% endif %} {% endif %} diff --git a/app/dashboard/templates/profiles/scorecard_ptoken.html b/app/dashboard/templates/profiles/scorecard_ptoken.html index 228f12c15a5..6f2dd8f66ad 100644 --- a/app/dashboard/templates/profiles/scorecard_ptoken.html +++ b/app/dashboard/templates/profiles/scorecard_ptoken.html @@ -32,20 +32,20 @@
  • {% if is_my_profile %} {% if not ptoken %} - CREATE A TIME TOKEN + CREATE A TIME TOKEN {% endif %} {% else %} {% comment %} Buy button: Disable it if user holds no tokens or is not in a valid region {% endcomment %} {% if ptoken.total_available == 0 or is_location_blocked_for_ptokens %} - + {% else %} - + {% endif %} {% comment %} Redeem button: Disable it if user holds no tokens {% endcomment %} {% if available_to_redeem == 0 or is_location_blocked_for_ptokens %} - + {% else %} - + {% endif %} {% endif %}
    • diff --git a/app/dashboard/templates/profiles/status_box.html b/app/dashboard/templates/profiles/status_box.html index 23a90d8b207..5aea90b6d12 100644 --- a/app/dashboard/templates/profiles/status_box.html +++ b/app/dashboard/templates/profiles/status_box.html @@ -11,7 +11,7 @@ Press SHIFT + ENTER to send -
    +
    {% if is_alpha_tester %} @@ -59,7 +59,7 @@ {% endfor %} {% endif %}
    -
    diff --git a/app/dashboard/templates/profiles/tab_active.html b/app/dashboard/templates/profiles/tab_active.html index 5e9b1891d8b..56fd8172641 100755 --- a/app/dashboard/templates/profiles/tab_active.html +++ b/app/dashboard/templates/profiles/tab_active.html @@ -18,7 +18,7 @@
    - + View Bounty
    diff --git a/app/dashboard/templates/profiles/tab_grant_contribs.html b/app/dashboard/templates/profiles/tab_grant_contribs.html index 71e9ea551aa..0e5ba9e6c92 100644 --- a/app/dashboard/templates/profiles/tab_grant_contribs.html +++ b/app/dashboard/templates/profiles/tab_grant_contribs.html @@ -26,7 +26,7 @@

    Monthly Summary

    {% include "profiles/earningsgraph.html" with graph_type="grants" %} {% if subs.count %} - + + + Add all to Cart {% endif %} @@ -108,7 +108,7 @@

    Grants Funded ({{profile.grant_a {% endfor %}

    Grant Contribution History ({{history|length}})

    - + + + Add all to Cart {% for transaction in history %} diff --git a/app/dashboard/templates/profiles/tab_orgs.html b/app/dashboard/templates/profiles/tab_orgs.html index 7dcbbd6841a..6d0f5b990e8 100644 --- a/app/dashboard/templates/profiles/tab_orgs.html +++ b/app/dashboard/templates/profiles/tab_orgs.html @@ -19,7 +19,7 @@
    {{org}}
      View Profile {% endif %} diff --git a/app/dashboard/templates/profiles/tab_people.html b/app/dashboard/templates/profiles/tab_people.html index fa0549ca577..f8bde009d85 100644 --- a/app/dashboard/templates/profiles/tab_people.html +++ b/app/dashboard/templates/profiles/tab_people.html @@ -82,7 +82,7 @@
    diff --git a/app/dashboard/templates/profiles/tab_portfolio.html b/app/dashboard/templates/profiles/tab_portfolio.html index 5ba7f7d54ec..204295ab897 100644 --- a/app/dashboard/templates/profiles/tab_portfolio.html +++ b/app/dashboard/templates/profiles/tab_portfolio.html @@ -43,7 +43,7 @@
    - +
    @@ -72,9 +72,9 @@
    {{submission.bounty.title}}
     
    - View Bounty > + View Bounty > {% if submission.fulfiller_github_url %} - View Work > + View Work > {% endif %}
    @@ -96,12 +96,12 @@
    {{pi.title}}
     
    {% if pi.link %} - View Work > + View Work > {% endif %}
    {% csrf_token %} - +
    diff --git a/app/dashboard/templates/profiles/tab_quests.html b/app/dashboard/templates/profiles/tab_quests.html index de3411e4ebf..2b96f088cb4 100644 --- a/app/dashboard/templates/profiles/tab_quests.html +++ b/app/dashboard/templates/profiles/tab_quests.html @@ -25,7 +25,7 @@
    Beat {{quest.quest.title}}
     
    - Play Quest > + Play Quest >
    {% endfor %} diff --git a/app/dashboard/templates/profiles/tab_viewers.html b/app/dashboard/templates/profiles/tab_viewers.html index 2e852f18ce4..83ad2ad414c 100644 --- a/app/dashboard/templates/profiles/tab_viewers.html +++ b/app/dashboard/templates/profiles/tab_viewers.html @@ -27,7 +27,7 @@

    Monthly Summary

    - + View Profile
    diff --git a/app/dashboard/templates/profiles/tribes-vue.html b/app/dashboard/templates/profiles/tribes-vue.html index 824270ba2da..92a5bcb9704 100644 --- a/app/dashboard/templates/profiles/tribes-vue.html +++ b/app/dashboard/templates/profiles/tribes-vue.html @@ -599,7 +599,7 @@ [[ numUsers ]] Tribes members found

    {% if is_staff %} - {% endif %} @@ -733,13 +733,13 @@

    - +
    - + [[ user.is_following ? "following" : "follow" ]]
    @@ -767,7 +767,7 @@
    Invite User to Bounty
    Select a bounty or create a new one
    -
    +
    Avatar

    [[ bounty.title ]] @@ -790,8 +790,8 @@

    Invite User to Bounty
    view bounty
    - - + +
    @@ -820,8 +820,8 @@
    Invite [[numUsers]] Users to the Bounty
    - - + +
    @@ -854,12 +854,12 @@
    Invite [[numUsers]] Users to the Bounty
    @@ -1203,7 +1203,7 @@

    - @@ -1246,7 +1246,7 @@

    [[ suggested_bounty.title ]]

    - + {% trans "Fund Request" %} @@ -1311,21 +1311,21 @@

    - [[ is_on_tribe ? "following" : "follow" ]] + [[ is_on_tribe ? "following" : "follow" ]] | - + - + - + - +

    @@ -1375,14 +1375,14 @@

    - + {% trans "Suggest a Bounty" %}
    [[ tribe.data.bio ]]
    {% if user.is_authenticated %} - [[ is_on_tribe ? "unfollow" : "follow" ]] + [[ is_on_tribe ? "unfollow" : "follow" ]] {% endif %}     @@ -1420,8 +1420,8 @@

    {% trans "Top id