diff --git a/all.php b/all.php new file mode 100644 index 0000000..289289c --- /dev/null +++ b/all.php @@ -0,0 +1,650 @@ + + + + + + + clawd.fr + + + + + + + + +
+
+ + + +
+

CLAWD.FR

+

HÉBERGEUR ENGAGÉ

+
+ +
+ + + + +
+
+

Hébergeur

+

Je propose actuellement des solutions 'd\'hébergement Nextcloud')) ?>, à destination des particuliers, associations, TPE/PME et autres structures à taille humaine. Mon objectif premier est de rendre à l'utilisateur final la souveraineté de ses données.

+

Concrètement, cela signifie que j'utilise exclusivement des logiciels open-source, qui garantissent à mes clients l'interopérabilité et la portabilité de leurs données.

+
+
+

Engagé

+

À l'heure où les GAFAM font tout pour retenir captifs les internautes sur leurs plate-formes, je pense qu'il est impératif de remettre l'usager et ses besoins au centre du débat.

+

Mon 'infrastructure', 'anchor'=>'infrastructure']) ?> est entièrement basée sur des technologies open-source, toutes les demandes de mes clients sont gérées non pas par des robots mais par moi-même, un être humain, et mes tarifs sont libres.

+
+
+

À prix libre

+

Oui, vous avez bien lu! Je pense que si vous me faites assez confiance pour prendre soin de vos données, je me dois de vous rendre la pareille en vous laissant juger de la valeur du service fourni.

+

Évidemment, j'ai moi aussi des factures à payer, je souhaite donc pouvoir tirer un bénéfice de mon activité. Ainsi, afin de vous permettre de prendre une décision éduquée quant au prix que vous voulez payer, je mets un point d'honneur à être aussi 'transparent']) ?> que possible sur mes frais fixes.

+
+
+

Transparent

+

La transparence est indispensable à la confiance qui doit régner entre mes clients et moi. Tous les 'frais', 'anchor'=>'frais']) ?> liés à l'infrastructure d'hébergement sont publics, de même que les 'logiciels utilisés', 'anchor'=>'infrastructure']) ?>, les 'interventions techniques']) ?>, la 'localisation', 'anchor'=>'infrastructure']) ?> des serveurs, et toute autre information que vous pourriez me demander et qui ne met pas en péril la sécurité de l'infrastructure ou des données hébergées.

+

J'ai également pris soin de rédiger les & pour qu'elles soient lisibles et intelligibles par tous, afin que chacun puisse enfin les accepter en pleine conscience!

+
+
+ +
+
+
+
+

Qui suis-je?

+

Vous vous demandez peut-être qui est ce "je", puisque je ne cache pas le fait d'être seul dans cette activité.
+ Je m'appelle Adrien Weiskopff et je vis actuellement en Haute-Loire; né en 1987 je me suis très rapidement intéressé à l'informatique en général puis au web en particulier. D'abord autodidacte par passion puis webdesigner/webmaster par formation (2008), j'ai peu à peu dans ma carrière professionnelle augmenté le spectre de mes compétences en accumulant les postes de développeur php, développeur fullstack et administrateur système.

+

Je suis aujourd'hui fier de proposer à mes clients une approche à la fois pointue et globale de l'outil aussi généreux que dangereux qu'est devenu internet.

+
+
+

Parlons de vous!

+

Je vous invite à me contacter afin de discuter de vos besoins et des solutions que je peux vous apporter. Nous évaluerons ensemble la pertinence des outils que je propose pour répondre à vos problématiques spécifiques.
+ Pour me contacter, envoyez un e-mail à l'adresse contact@clawd.fr.

+
+
+
+
+ + + +
+

TRANSPARENCE

+
+ + +
+
+
+
+

Une structure à taille humaine

+

L'entreprise qui soutient mon activité suit le régime de la micro-entreprise. Je suis seul à gérer l'administration technique de l'infrastructure et la relation client.

+

Vous profitez d'une relation directe et franche avec une personne réelle et impliquée, j'étudie toutes les demandes et problématiques particulières, et si c'est possible pour chacun, je préfère toujours rencontrer en personne mes clients potentiels. Tout ceci demande du temps, un solide bagage technique et une veille permanente, que je suis heureux de proposer à mes clients.

+

L'autre côté de la pièce est assez évident: sans moi, plus personne aux commandes. Mon infrastructure se veut redondante, pas moi. À ce jour la solution envisagée à ce problème passe par un partenariat avec un autre hébegeur du même type: quelqu'un qui partagerait les mêmes valeurs et avec qui je passerais un accord qui autoriserait légalement et techniquement chacun à reprendre le flambeau de l'autre en cas d'accident grave. Les recherches sont en cours de ce côté et des pistes s'esquissent déjà, plus d'informations à ce sujet en temps utiles.

+
+
+
+
+ + +
+
+
+
+

Infrastructure technique

+
+
+

Matériel

+

L'infrastructure d'hébergement est actuellement composée d'un seul serveur hébergé par la société Hetzner Online GmbH dans son datacenter de Falkenstein en Allemagne (FSN1-DC1). Étant un serveur dédié, je suis le seul administrateur de cette machine.

+

Ce serveur est équipé d'un processeur Intel Xeon E3-1270V3 et utilise 4 disques durs de 10TB chacun, agrégés en un volume RAID10 (hardware) de 20TB et peut donc supporter sans perte de données la panne d'un disque dur, voire deux dans certains cas. La mémoire vive utilisée (32GB DDR3) est certifiée ECC. Cette machine ne dispose actuellement que d'un seul bloc d'alimentation et d'une seule interface réseau (Intel I210, 1Gbps).

+
+
+

Logiciel

+

Le serveur utilise l'hyperviseur Proxmox basé sur la distribution Debian. Chaque client est hébergé sur un conteneur LXC sous Debian également. Côté sauvegarde c'est le logiciel borgbackup qui est utilisé pour effectuer une sauvegarde complète de l'hyperviseur et des conteneurs clients chaque jour, ces sauvegardes sont ensuite chiffrées puis envoyées vers un serveur de stockage géré par BorgBase en UE.

+

Les logiciels cités ici sont tous open-source, cependant le contrôleur RAID Hardware (Adaptec 8405 SGL) de ce serveur utilise un micro-logiciel dont je n'ai pas pu trouver les détails de licence ou le code source, je dois donc le considérer comme propriétaire et non libre.

+
+
+
+

Interventions & incidents

+

Vous pouvez consulter l'intégralité des interventions passées et à venir sur l'infrastructure sur la page dédiée: .

+
+
+
+ + +
+
+
+
+

Coût de l'infrastructure

+
+
+

Locations et licences

+
    +
  • Serveur: 140€/mois
  • +
  • Licence Proxmox "Community": 90€/an
  • +
  • Noms de domaine (clawd.fr & clawd.net): 30€/an
  • +
  • Stockage des sauvegardes: 2TB ~128€/an; ~4.27€/TB/mois au delà
  • +
+

Total environ 1930€ par an soit ~160€/mois

+

Pour résumer, si la totalité des 20TB étaient tous loués pour 40€ par TB et par mois, je ferais un bénéfice mensuel net de 467€. Pas de quoi s'affoler, mais bien assez pour attaquer la suite du plan!

+
+
+

Temps de travail

+
    +
  • Installation et configuration initiale de l'infrastructure: environ 30h
  • +
  • Installation simple d'un nouveau client: 1 à 2h
  • +
  • Maintenance et mises à jour: 4h pour l'infrastructure + 20 minutes par client, 2 à 4 fois par an
  • +
  • Veille technique et sécurité: 1 à 4h par semaine
  • +
  • Vérification de l'état des sauvegardes: 10 minutes par client, une fois par mois
  • +
+
+
+
+
+ + +
+
+
+
+
+

Objectifs à moyen et long terme

+
+

Ces évolutions se traduiront, lorsqu'elles seront implémentées, par une modification des & pour refléter les engagements pris de mon côté vis-à-vis de mes clients présents et futurs sans impact sur les leurs ou les tarifs qui resteront libres.

+
+
+
+ +
+

Infrastructure multi-sites

+

Actuellement l'infrastructure d'hébergement est assez robuste pour accueillir de nombreux clients, cependant une panne majeure du serveur, un incident grave dans le datacenter ou un piratage ciblé pourraient perturber voire interrompre les services. Les sauvegardes sont là pour ça et me permettraient de rétablir les services assez rapidement (quelques heures à quelque jours selon la gravité du problème).
+ Il existe cependant des moyens techniques de se prémunir des pannes les plus courantes. Le premier stade consiste à multiplier les serveurs en les répartissant sur des zones géographiques différentes. Avec plusieurs serveurs il est possible de faire basculer automatiquement les clients d'un serveur à un autre en cas de panne de l'un d'eux. En fonctionnement normal cela permet aussi de répartir la charge sur plusieurs machines et ainsi d'améliorer la qualité de service.
+ Ce type d'infrastructure n'est pas difficile à mettre en place, la principale difficulté reste financière, aussi je ne pourrai m'engager dans cette voie que lorsque j'aurai assez de clients pour soutenir une telle charge.

+
+
+

Garantie de disponibilité

+

Un des objectifs à moyen terme et de pouvoir garantir à mes clients par engagement contractuel une disponibilité des services de 99.9%.

+

Garantie de continuité

+

Étant au commencement de cette activité, je ne peux garantir sa perrennité au delà de quelques mois. Avec une base de clients suffisante je pourrai garantir une continuité de service plus longue même en cas d'arrêt planifié de l'activité.

+
+
+ +
+
+ + + +
+

SERVICES PROPOSÉS

+
+ +
+
+
+
+

Nextcloud

+

Nextcloud est un outil de stockage et partage de fichiers pour plusieurs utilisateurs avec une gestion fine des droits d'accès. Nextcloud intègre également un client mail, la gestion des calendriers et contacts, de la visioconférence, et toute une panoplie d'applications diverses installables en quelques clics depuis l'interface d'administration.

+

Je vous propose deux formules différentes pour Nextcloud, la première "mutualisée" sur une instance commune à plusieurs clients: vous y aurez votre compte privé et sur demande quelques comptes supplémentaires et des dossiers partagés pour de la famille ou des amis, mais aucun droit d'administration sur l'instance. Cette formule est adaptée aux besoins des personnes seules ou des petits groupes qui n'ont pas la nécessité de pouvoir administrer leur instance.

+

La deuxième formule est adaptée aux besoins plus complexes: chaque client dispose d'une instance Nextcloud dédiée et donc isolée des autres, ce qui me permet de leur fournir les droits d'administration sur leur instance et de ce fait la pleine autonomie sur la gestion des utilisateurs et des quotas, des applications installées, ainsi que sur la personnalisation et l'administration générale.

+

Dans les deux cas, vous disposez d'un espace de stockage privé pour chaque compte, sur une instance Nextcloud sauvegardée quotidiennement, ainsi que l'accès à toutes les applications Nextcloud par défaut (voir liste plus bas). Vos données restent les vôtres et si vous souhaitez arrêter votre contrat vous pouvez tout récupérer sans aucune restriction ou limitation.

+

Nextcloud est un logiciel gratuit, libre et open-source. Il est maintenu par la société Nextcloud GmbH basée à Stuttgart en Allemagne. Vous pouvez retrouver plus d'informations sur le site nextcloud.com, quant au code source du logiciel, il est disponible sur la page github du projet.

+
+
+
+
+
+

Pour quoi?

+

Voici quelques-unes des fonctionnalités par défaut de Nextcloud:

+
    +
  • Stockage en ligne
  • +
  • Partage privé et/ou public
  • +
  • Synchronisation entre plusieurs postes/utilisateurs
  • +
  • Gestion fine des autorisations
  • +
  • Historisation des modifications
  • +
  • Gestion de calendriers
  • +
  • Gestion de contacts
  • +
  • Client mail
  • +
  • Communication instantannée par texte et audio/vidéo
  • +
  • Extensible avec de nombreuses applications facilement installables
  • +
  • Fonctionne sous Windows, Mac OS X et Linux, iOS et Android
  • +
+
+ +
+

Pour qui?

+

Petites et moyennes entreprises, associations, administrations, groupes d'amis ou familiaux, équipes de développement, travailleurs indépendants

+

Lançons-nous!

+

Pour réserver votre Nextcloud privé ou en savoir plus, n'hésitez plus: entrons en contact!

+

contact@clawd.fr

+
+
+
+ +
+
+
+
+

Hébergement web

+

Du site statique HTML/CSS à l'application web en passant par les moteurs de blogs et autres CMS, je peux assurer votre hébergement web sous la forme qui vous conviendra.

+

Je saurai vous accompagner sur toute la chaîne pour mettre en place votre hébergement quel qu'il soit, de la configuration des DNS aux bases de données en passant par les comptes d'accès aux fichiers.

+
+
+
+
+
+

Pour quoi?

+
    +
  • Site web statique ou dynamique
  • +
  • Application web
  • +
  • Moteur de blog / CMS (type Wordpress)
  • +
  • Boutique en ligne (Prestashop, Magento, Sylius)
  • +
  • Backend pour application mobile
  • +
  • Miroir de téléchargement FTP(S)/HTTP(S)
  • +
+
+ +
+

Pour qui?

+

Petites et moyennes entreprises, associations, administrations, groupes d'amis ou familiaux, équipes de développement, travailleurs indépendants

+
+
+
+ +
+
+
+
+

Hébergement mail

+

Cette partie de mon activité en est encore à sa phase d'essai, elle n'est donc pas encore assez fiable et peut être interrompue ou remise à zéro n'importe quand, mais si vous souhaitez faire partie de l'expérience je peux vous y donner accès.

+
+
+
+
+
+

Pour quoi?

+
    +
  • Rester maître de ses communications
  • +
  • Gérer ses propres domaines et boîtes mails
  • +
  • Gérer ses propres mailing-lists
  • +
+
+ +
+

Pour qui?

+

À l'heure actuelle seulement pour les enthousiastes qui n'ont pas froid aux yeux!

+
+
+
+ + + +
+

INCIDENTS & INTERVENTIONS

+
+ +
+
+

Incidents en cours, interventions planifiées ou en cours

+

Aucun incident en cours. Dernier incident le 11 Octobre 2021.

+

Aucune intervention planifiée. Dernière intervention le 27 Novembre 2021.

+
+
+
+
+

Incidents & interventions passés

+ + +
+
+

Mises à jour du site

+

le 27/11/2021

+
+
+

Impact: modification mineure des C.G.V.

+ +

Quelques modifications ont été apportées sur le site aujourd'hui:

+
    +
  • : Ajout de précisions concernant la disponibilité des données lors de l'arrêt d'un contrat. Ces précisions ne sont que celà: des précisions, et ne changent rien aux contrats en cours.
  • +
  • : Ajout d'un paragraphe décrivant l'offre Nextcloud mutualisée
  • +
  • : Précision sur la localisation des serveurs BorgBase: "Europe" remplacée par "UE"
  • +
  • : Création de la page
  • +
+
+
+ + +
+
+

Coupure du réseau

+

le 17/10/2021

+
+
+

Impact: interruption planifiée de 3 heures

+ +

Une intervention sur l'infrastructure est planifiée pour ce dimanche 17, elle commencera à 16h et devrait durer entre 1h et 3h. Le but de cette intervention est de vérifier et valider la configuration du réseau interne de l'infrastructure afin de corriger définitivement les problèmes qui ont pu mener à la coupure du lundi 11 Octobre.

+
+
+ + +
+
+

Interruption des services

+

le 11/10/2021

+
+
+

Impact: interruption non-planifiée

+

Une configuration erronnée du réseau interne a provoqué une coupure de l'accès à tous les services pendant une 1h10 entre 15h50 et 17h. Aucune perte de données n'est à craindre, les services ont continué à fonctionner normalement mais n'étaient plus accessibles. Le problème a été corrigé et les services sont à nouveau accessibles. Mes excuses pour les éventuels problèmes que cette coupure a pu causer.

+
+
+ +
+
+

Création du site public

+

le 01/10/2021

+
+
+ +

Ouverture ce jour du site public officiel clawd.fr; bienvenue à tous les visiteurs d'ici et d'ailleurs!

+
+
+ +
+
+

Configuration du premier serveur mail

+

le 01/09/2021

+
+
+ +

Le premier serveur de mail de l'infrastructure est configuré et prêt à subir les tests qui valideront peut-être l'ajout de cette offre aux solutions proposées. Les tests dureront quelques mois, les clients qui souhaitent y participer sont invités à se signaler par mail.

+
+
+ +
+
+

Installation du premier client

+

le 31/08/2021

+
+
+ +

L'infrastructure accueille aujourd'hui son premier client officiel sur un VPS Nextcloud. Un petit pas pour l'internet ouvert mais un grand bond pour clawd.fr!

+
+
+ +
+
+

Création de l'infrastructure

+

le 29/08/2021

+
+
+

Impact: important

+

Premier serveur commandé et reçu ce jour, l'installation de l'infrastructure complète commence. Quelques nuits blanches en perspective!

+
+
+
+
+ + + + +
+

QUESTIONS FRÉQUENTES

+
+ + +
+
+
+

Pourquoi un hébergeur aussi petit?

+

Parce que c'est le principe même d'internet!
Le réseau des réseaux et aujourd'hui largement dominé par des grands groupes aux plateformes tentaculaires, ultra-centralisées. Mais l'un des principes fondateurs d'internet est à l'inverse la multiplication des "noeuds": plus il existe de points et de liens entre eux, plus il devient difficile de faire tomber le réseau tout entier et donc de faire taire ses utilisateurs.

+

Il suffit pour illustrer l'importance de ce principe de rappeller la dernière panne globale de facebook pendant seulement 5 heures et qui a pourtant provoqué plus d'une crise de panique parmi ses utilisateurs.

+
+
+
+ + +
+
+
+

Pourquoi n'utiliser que de l'open-source?

+

L'accès libre au code source d'une application garanti une forme de validation permanente par la communauté. Toute dérive ou modification qui irait dans un sens néfaste pour le projet serait repérée immédiatement et ne serait pas acceptée.

+

L'open-source c'est avant tout des communautés multiples qui partagent l'objectif de produre des logiciels ouverts, fiables, et vérifiables. Il est évident que je ne suis pas capable de lire et comprendre tout le code source de la totalité des logiciels que j'utilise, mais je sais que je peux faire confiance aux communautés qui les développent.

+

Il y a bien sûr parfois des prises de position ou des choix qui ne plaisent pas à tous, ce qui est inévitable dans n'importe quelle communauté, mais ils sont alors clairement affichés et les utilisateurs savent à quoi s'attendre. Avec un logiciel dont on ne peut pas consulter le code source, on ne sait jamais vraiment ce qui se passe derrière le rideau, alors tant que j'ai le choix: je choisis la transparence.

+
+
+
+ + +
+
+
+

Comment se déroule l'installation d'un nouveau client?

+

Lorsqu'un nouveau client souscrit un contrat pour un VPS le déploiement se passe ainsi, dans l'ordre:

+
    +
  • Création du VPS "vierge" selon un modèle pré-configuré sur Proxmox (un template interne que je maintiens à jour).
  • +
  • Configuration du nouveau VPS: attributionn de l'espace de stockage et des adresses IP sur le réseau interne, routage, procédures de backup et de monitoring, entre autres.
  • +
  • Configuration de l'instance Nextcloud: modification des DNS du nom de domaine du client si besoin, configuration de l'URL correspondante sur l'instance Nextcloud, ajout des premiers comptes administrateurs, vérification de l'état de l'instance et des fonctionnalités.
  • +
  • Première sauvegarde et restauration pour confirmer que tout est fonctionnel.
  • +
  • Livraison au client de sa nouvelle instance Nextcloud et de mon numéro de téléphone en cas de besoin.
  • +
+
+
+
+ + + +
+

CONDITIONS GÉNÉRALES DE VENTE

+
+ +
+
+
+
+ +

VERSION TRÈS COURTE

+

+

    +
  • On se met d'accord sur le service et le tarif que vous souhaitez.
  • +
  • J'émets un devis reflétant cet accord.
  • +
  • Vous signez ce devis qui devient un contrat.
  • +
  • Le tarif et les prestations sont toujours renégociables sous réserve d'arriver à un nouvel accord.
  • +
  • En cas de retard de paiement important (15j) je peux suspendre les services.
  • +
  • En cas de retard de paiement trop important (45j) je peux couper définitivement les services et supprimer les données.
  • +
  • Ces délais sont fixés dans le but de protéger la perrennité de l'activité; chaque cas est étudié individuellement et il est évident qu'un client qui aura toujours été honnête et ouvert bénéficiera de délais supplémentaires.
  • +
  • Si vous souhaitez arrêter votre contrat, vos données restent les vôtres et vous pouvez les récupérer telles que vous les aviez stockées.
  • +
  • À la fin du contrat, je conserve vos données (sauf si vous me demandez de ne pas le faire) pendant 15 jours afin de vous permettre de vous assurer que vous n'avez rien oublié. Si tel était le cas je peux remettre vos données à votre disposition pour que vous puissiez récupérer ce qui vous manque. Au bout de 15 jours je supprime définitivement vos données de l'infrastructure (sauvegardes incluses).
  • +
+

+ +

VERSION UN PEU MOINS COURTE

+ +

DÉFINITIONS

+

+

    +
  • Hébergeur - l'entreprise responsable de la structure clawd.fr.
  • +
  • Client - toute personne physique ou morale ayant conclu et signé un contrat d'hébergement avec l'hébergeur.
  • +
  • Contrat - tout accord écrit signé par l'hébergeur et le client et qui engage d'une part l'hébergeur à une obligation de moyens quant à la fiabilité du service fourni et d'autre part le client à s'acquitter à temps des paiements auxquels il s'est engagé pour les services fournis.
  • +
  • VPS - Virtual Private Server ou Serveur Privé Virtuel en français, une machine virtuelle réservée par l'hébergeur à un client spécifique dans le cadre des services fournis, tous les services propres à un client donné sont rendus depuis cette machine.
  • +
+

+ +

OBJET

+

Les Conditions Générales de Vente décrites ci-après détaillent les droits et obligations de l'hébergeur et de son client dans le cadre de la location des services proposés.
+ Toute prestation accomplie par clawd.fr pour un client implique l'acceptation des présentes CGV ainsi que des CGU.

+ +

TARIFS

+

Les tarifs pratiqués par clawd.fr sont libres et donc laissés à la discrétion des clients. Le tarif d'une prestation sera défini par accord écrit après discussion entre clawd.fr et chaque client, il sera alors fixé pour toute la durée de la prestation de service.
+ Le tarif d'une prestation peut être renégocié et donc modifié à tout moment sous réserve d'accord écrit entre les deux parties, le nouveau tarif entre en vigueur au mois suivant.
+ clawd.fr n'étant pas soumis à la TVA les tarifs sont toujours exprimés hors-taxes.

+ +

MODALITÉS DE PAIEMENT

+

Le paiement des sommes dûes sera fait par virement bancaire aux coordonnées fournies lors de la signature du contrat.

+ +

DÉLAI DE LIVRAISON

+

Les délais de livraison seront définis par accord écrit entre l'hébergeur et le client pour chaque prestation. À titre indicatif les prestations de location seront généralement livrées sous 4 jours ouvrables.

+ +

DÉLAI ET RETARD DE PAIEMENT

+

Toutes les locations de service devront être réglées d'avance pour le mois suivant. Tout retard de paiement total ou partiel supérieur à 15 jours ouvrables entraînera une suspension des services concernés. Tout retard de paiement partiel ou total supérieur à 45 jours ouvrables entrainera la rupture du contrat et la suppression définitive des services et des données concernées sans possibilité de recours.

+ +

FIN DE CONTRAT

+

Chacune des parties peut décider de rompre le contrat à tout moment en le notifiant par écrit à l'autre partie au minimum 15 jours avant la date effective de fin de contrat. Les paiements mensuels sont dûs jusqu'au dernier jour du contrat, la dernière mensualité pouvant être minorée au pro-rata des jours non couverts par le contrat.

+

Les données de chaque client sont stockées dans des formats ouverts, il peut donc en disposer à sa guise jusqu'au dernier jour du contrat. Aucune limitation ou restriction de nature à gêner la récupération de ses données par un client qui quitte l'hébergeur n'est ou ne sera mise en place.

+

Après la rupture du contrat, les services concernés seront coupés au bout de 3 jours ouvrés maximum. Après quoi, sauf demande contraire du client, les données seront conservées par l'hébergeur pendant 15 jours, durée pendant laquelle il s'engage à remettre les données à disposition du client sous 72h sur demande écrite. Après cette période de 15 jours les données seront définitivement supprimées, ne seront conservés que les historiques de navigation sur le VPS, par obligation légale.

+ +

PROPRIÉTÉ

+

L'hébergeur est propriétaire des infrastructures techniques utilisées pour fournir les services. L'hébergeur ne revendique aucune propriété sur les données stockées par ses clients. Chaque client est seul responsable des données qu'il stocke sur son VPS et dans quelle mesure ces données sont rendues publiques ou non.

+ +

FORCE MAJEURE

+

L'hébergeur ne pourra être tenu pour responsable pour une non-livraison, un retard, une interruption une coupure ou un ralentissement d'un ou plusieurs services ou le non-respect de ses obligations décrites dans les présentes conditions de vente en cas de force majeure. À ce titre, la force majeure s'entend de tout évènement extérieur, imprévisible et irrésistible au sens de l'article 1148 du Code civil.

+ +

TRIBUNAL COMPÉTENT

+

Tout litige relatif à l'interprétation et à l'exécution des présentes conditions générales de vente est soumis au droit français.

+

À défaut de résolution amiable, le litige sera porté devant le Tribunal de commerce du Puy-en-Velay: 4 Avenue de la Dentelle, 43000 Le Puy en Velay, France.

+
+
+
+
+ + + + +
+

CONDITIONS GÉNÉRALES D'UTILISATION

+
+ +
+
+
+
+ +

VERSION TRÈS COURTE

+

+

    +
  • Je vous respecte ainsi que mes engagements auprès de vous.
  • +
  • Vous me respectez ainsi que vos engagements auprès de moi.
  • +
  • On respecte tous les lois en vigueur.
  • +
  • Je n'abuse pas de vos données, je suis aussi transparent et ouvert que possible.
  • +
  • Vous n'abusez pas des services fournis.
  • +
  • Je vous accorde le bénéfice du doute en cas de problème (abus des ressources, fichiers douteux, retard de paiement, délai de réponse, entre autres).
  • +
  • Vous m'accordez le bénéfice du doute en cas problème (interruption ou ralentissement, délai de réponse ou de correction d'un problème, entre autres).
  • +
+

+ +

VERSION UN PEU MOINS COURTE

+

DÉFINITIONS

+

+

    +
  • Hébergeur - l'entreprise responsable de la structure clawd.fr.
  • +
  • Client - toute personne physique ou morale ayant conclu et signé un contrat d'hébergement avec l'hébergeur.
  • +
  • Contrat - tout accord écrit signé par l'hébergeur et le client et qui engage d'une part l'hébergeur à une obligation de moyens quant à la fiabilité du service fourni et d'autre part le client à s'acquitter à temps des paiements auxquels il s'est engagé pour les services fournis.
  • +
  • VPS - Virtual Private Server ou Serveur Privé Virtuel en français, une machine virtuelle réservée par l'hébergeur à un client spécifique dans le cadre des services fournis, tous les services propres à un client donné sont rendus depuis cette machine.
  • +
+

+ +

PRÉAMBULE

+

En utilisant les services clawd.fr, vous acceptez d’être lié par les conditions suivantes.
+ clawd.fr se réserve le droit de mettre à jour et modifier ces conditions sans préavis.
+ Toute modification des CGU sera notifiée aux clients dans un délai de 3 jours par e-mail, les clients ont alors un délai de 15 jours pour contester les nouvelles CGU, elles seront considérées lues et approuvées après 30 jours sans contestation.
+ Pour toute question sur les CGU ou CGV, écrivez à conditions@clawd.fr

+ +

PÉRIMÈTRE

+

Les services proposés par clawd.fr le sont à destination des personnes physiques et morales domiciliées en France et plus particulièrement sur les départements situés entre le Puy-de-Dôme (63) et les Bouches-du-Rhône (13): Cantal (15), Haute-Loire (43), Aveyron (12), Lozère (48), Ardèche (07), Hérault (34), Gard (30), Vaucluse (84).

+ + +

UTILISATION DES SERVICES ET RESPONSABILITÉ

+

L'hébergeur fournit à chaque client un espace de stockage privé sur lequel peuvent être stockés puis éventuellement publiés les fichiers de son choix.
+ Les clients s'engagent à respecter les lois en vigueur ainsi que la présente charte, sont donc interdits à la publication les contenus pouvant se rapporter directement ou indirectement: +

    +
  • à la pornographie ou l' érotisme sous toutes ses formes
  • +
  • à la pédopornographie et/ou pédophilie
  • +
  • au terrorisme et à son apologie
  • +
  • au racisme et à son apologie
  • +
  • au piratage de programmes informatiques
  • +
  • à des contenus audio et/ou vidéo sous copyright sans mention explicite d'autorisation
  • +
  • au spam ou hameçonnage
  • +
  • à des activités illégales
  • +
+

+ +

Le client est seul responsable de la publication ou non des contenus qu'il stocke sur l'espace mis à sa disposition par l'hébergeur.
+ L'hébergeur ne pratique aucune modération à priori des contenus publiés, mais se réserve le droit de supprimer sans préavis tout contenu public contraire aux CGU.
+ Tout contenu abusif doit être signalé par e-mail à l'adresse suivante: abuse@clawd.fr.

+ + +

ENGAGEMENTS ET OBLIGATIONS

+

L'hébergeur s'engage à mettre en oeuvre tous les moyens humainement possibles et à sa disposition pour assurer la disponibilité, la sécurité et la qualité des services fournis.
+ L'hébergeur ne peut cependant pas garantir la fiabilité ou disponibilité des services, notamment en cas de force majeure ou par manque de moyens.
+ En cas d'interruption de service l'hébergeur s'engage à déployer tous les moyens humainement possibles le plus rapidement possible pour rétablir les services impactés.
+ En cas de perte de données l'hébergeur s'engage à déployer tous les moyens humainenement possibles pour tenter de récupérer les données en question depuis les sauvegardes, ou à mettre à disposition du/des client(s) impacté(s) les dites sauvegardes sur demande.

+ + +

LIMITATIONS

+

L'espace disque mis à disposition de chaque client lui est réservé et peut-être augmenté sur demande.
+ Les autres ressources (processeur, mémoire vive, bande passante) sont allouées à la création du VPS et sont en partie mutualisées avec les autres VPS.
+ L'hébergeur n'applique aucune limitation à priori sur ces ressources, cependant en cas d'abus constaté, qu'il soit volontaire ou non, l'hébergeur se réserve le droit d'appliquer des limitations spécifiques pour le client concerné, et s'engage à ouvrir un dialogue afin de corriger le problème. En cas de répétition ou d'impossibilité de dialoguer à temps pour éviter d'impacter d'autres clients, l'hébergeur se réserve le droit d'interrompre les processus concernés sur le VPS du client.

+ + +

DONNÉES PERSONNELLES

+

L'hébergeur s'engage à respecter la vie privée de ses clients en ne stockant aucune donnée personnelle à d'autres fins qu'administratives ou par obligation légale, pour assurer la continuité de service, le contact avec ses clients ou pour des statistiques internes anonymisées.
+ L'hébergeur s'engage à ne pas vendre, céder, ou transmettre de quelque façon que ce soit les données personnelles ou les métadonnées des clients ou visiteurs à un tiers quelconque.
+ Les statistiques d'utilisation qui pourraient être publiées sur le site seront entièrement anonymisées.

+

L'hébergeur est dans l'obligation légale de conserver l'historique des visites sur chaque service mis en place, cet historique contient les données suivantes: horodatage de la visite, adresse IP du visiteur, version complète du navigateur, adresse de la page consultée. Ces données sont supprimées automatiquement au bout d'un an.

+ + +

DROITS D'AUTEUR

+

L'hébergeur ne revendique aucun droit sur les données hébergées et s'engage à ne pas utiliser les contenus de ses clients à d'autres fins que pour leur fournir les services souscrits.

+
+
+
+
+ + + +
+

MENTIONS LÉGALES

+
+ +
+
+
+
+

IDENTIFICATION

+

Le site clawd.fr est édité par la micro-entreprise enregistrée au nom de:
+ M. WEISKOPFF Adrien
+ 46 Avenue de Lattre de Tassigny
+ 43300 LANGEAC, FRANCE
+ SIRET 85324082800022
+ admin@clawd.fr

+

Le serveur physique hébergeant le site clawd.fr est hébergé par la société Hetzner Online GmbH en Allemagne.

+ +

ACTIVITÉ

+

clawd.fr propose des solutions d'hébergement de site et d'application web à prix libre.
+ Les Conditions Générales d'Utilisation du site et des services proposés sont disponibles à l'adresse suivante: https://clawd.fr/cgu.
+ Les Conditions Générales de Vente des services proposés sont disponibles à l'adresse suivante: https://clawd.fr/cgv.

+ +

DONNÉES PERSONNELLES ET COOKIES

+

Le site clawd.fr n'utilise aucun cookie.

+

clawd.fr est dans l'obligation légale de conserver l'historique des visites sur le site clawd.fr, cet historique contient les données suivantes: horodatage de la visite, adresse IP du visiteur, version complète du navigateur, adresse de la page consultée. Ces données sont supprimées automatiquement au bout d'un an.

+

Les clients qui souscrivent une offre auprès de clawd.fr sont amenés à fournir des données personnelles du type Nom, Prénom, adresses et raison sociale, ces données ne sont collectées qu'à des fins de gestion administrative et ne sont jamais cédées, vendues, ou transmises à des tiers pour quelque raison que ce soit.
+ Conformément aux obligations légales, chaque client peut demander à consulter, modifier ou supprimer les données personnelles le concernant par simple demande écrite envoyée à l'adresse admin@clawd.fr.

+
+
+
+
+ + + +
+ + + + diff --git a/assets/img/favicon200.png b/assets/img/favicon200.png new file mode 100644 index 0000000..9e9c587 Binary files /dev/null and b/assets/img/favicon200.png differ diff --git a/assets/style.rc1.css b/assets/style.rc1.css index f1db1db..2e5edd0 100644 --- a/assets/style.rc1.css +++ b/assets/style.rc1.css @@ -48,14 +48,67 @@ --logofront: var(--yellowryblighter); --logoshade: var(--tartorange); + + --direction: 1; +} + +@view-transition { + navigation: auto; } + +/*.pusher .ui {*/ +/* view-transition-name: content;*/ +/*}*/ + +/*.pusher .ui.masthead {*/ +/* view-transition-name: header;*/ +/*}*/ + +/*::view-transition-old(header) {*/ +/* animation: slide-out 0.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;*/ +/*}*/ + +/*::view-transition-new(header) {*/ +/* animation: slide-in 0.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;*/ +/*}*/ + +/*::view-transition-old(content) {*/ +/* animation: slide-out 0.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;*/ +/*}*/ + +/*::view-transition-new(content) {*/ +/* animation: slide-in 0.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;*/ +/*}*/ + +/*@keyframes slide-out {*/ +/* 0% {*/ +/* transform: translateY(0%);*/ +/* }*/ + +/* 100% {*/ +/* opacity: 0;*/ +/* transform: translateY(calc(20% * var(--direction)));*/ +/* }*/ +/*}*/ + +/*@keyframes slide-in {*/ +/* 0% {*/ +/* opacity: 0;*/ +/* transform: translateY(calc(-20% * var(--direction)));*/ +/* }*/ + +/* 100% {*/ +/* transform: translateY(0%);*/ +/* }*/ +/*}*/ + html { scroll-behavior: smooth; } body { - background-color: var(--cultured); + background-color: #ffffff; font-family: var(--textfont); font-size: 1.25em; } diff --git a/dist/library/backbone-min.js b/dist/library/backbone-min.js new file mode 100644 index 0000000..9bcce86 --- /dev/null +++ b/dist/library/backbone-min.js @@ -0,0 +1,2 @@ +(function(r){var n=typeof self=="object"&&self.self===self&&self||typeof global=="object"&&global.global===global&&global;if(typeof define==="function"&&define.amd){define(["underscore","jquery","exports"],function(t,e,i){n.Backbone=r(n,i,t,e)})}else if(typeof exports!=="undefined"){var t=require("underscore"),e;try{e=require("jquery")}catch(t){}r(n,exports,t,e)}else{n.Backbone=r(n,{},n._,n.jQuery||n.Zepto||n.ender||n.$)}})(function(t,h,x,e){var i=t.Backbone;var a=Array.prototype.slice;h.VERSION="1.6.0";h.$=e;h.noConflict=function(){t.Backbone=i;return this};h.emulateHTTP=false;h.emulateJSON=false;var r=h.Events={};var o=/\s+/;var l;var u=function(t,e,i,r,n){var s=0,a;if(i&&typeof i==="object"){if(r!==void 0&&"context"in n&&n.context===void 0)n.context=r;for(a=x.keys(i);sthis.length)r=this.length;if(r<0)r+=this.length+1;var n=[];var s=[];var a=[];var o=[];var h={};var l=e.add;var u=e.merge;var c=e.remove;var f=false;var d=this.comparator&&r==null&&e.sort!==false;var v=x.isString(this.comparator)?this.comparator:null;var p,g;for(g=0;g0&&!e.silent)delete e.index;return i},_isModel:function(t){return t instanceof g},_addReference:function(t,e){this._byId[t.cid]=t;var i=this.modelId(t.attributes,t.idAttribute);if(i!=null)this._byId[i]=t;t.on("all",this._onModelEvent,this)},_removeReference:function(t,e){delete this._byId[t.cid];var i=this.modelId(t.attributes,t.idAttribute);if(i!=null)delete this._byId[i];if(this===t.collection)delete t.collection;t.off("all",this._onModelEvent,this)},_onModelEvent:function(t,e,i,r){if(e){if((t==="add"||t==="remove")&&i!==this)return;if(t==="destroy")this.remove(e,r);if(t==="changeId"){var n=this.modelId(e.previousAttributes(),e.idAttribute);var s=this.modelId(e.attributes,e.idAttribute);if(n!=null)delete this._byId[n];if(s!=null)this._byId[s]=e}}this.trigger.apply(this,arguments)},_forwardPristineError:function(t,e,i){if(this.has(t))return;this._onModelEvent("error",t,e,i)}});var y=typeof Symbol==="function"&&Symbol.iterator;if(y){m.prototype[y]=m.prototype.values}var b=function(t,e){this._collection=t;this._kind=e;this._index=0};var S=1;var I=2;var k=3;if(y){b.prototype[y]=function(){return this}}b.prototype.next=function(){if(this._collection){if(this._index7);this._useHashChange=this._wantsHashChange&&this._hasHashChange;this._wantsPushState=!!this.options.pushState;this._hasPushState=!!(this.history&&this.history.pushState);this._usePushState=this._wantsPushState&&this._hasPushState;this.fragment=this.getFragment();this.root=("/"+this.root+"/").replace(L,"/");if(this._wantsHashChange&&this._wantsPushState){if(!this._hasPushState&&!this.atRoot()){var e=this.root.slice(0,-1)||"/";this.location.replace(e+"#"+this.getPath());return true}else if(this._hasPushState&&this.atRoot()){this.navigate(this.getHash(),{replace:true})}}if(!this._hasHashChange&&this._wantsHashChange&&!this._usePushState){this.iframe=document.createElement("iframe");this.iframe.src="javascript:0";this.iframe.style.display="none";this.iframe.tabIndex=-1;var i=document.body;var r=i.insertBefore(this.iframe,i.firstChild).contentWindow;r.document.open();r.document.close();r.location.hash="#"+this.fragment}var n=window.addEventListener||function(t,e){return attachEvent("on"+t,e)};if(this._usePushState){n("popstate",this.checkUrl,false)}else if(this._useHashChange&&!this.iframe){n("hashchange",this.checkUrl,false)}else if(this._wantsHashChange){this._checkUrlInterval=setInterval(this.checkUrl,this.interval)}if(!this.options.silent)return this.loadUrl()},stop:function(){var t=window.removeEventListener||function(t,e){return detachEvent("on"+t,e)};if(this._usePushState){t("popstate",this.checkUrl,false)}else if(this._useHashChange&&!this.iframe){t("hashchange",this.checkUrl,false)}if(this.iframe){document.body.removeChild(this.iframe);this.iframe=null}if(this._checkUrlInterval)clearInterval(this._checkUrlInterval);B.started=false},route:function(t,e){this.handlers.unshift({route:t,callback:e})},checkUrl:function(t){var e=this.getFragment();if(e===this.fragment&&this.iframe){e=this.getHash(this.iframe.contentWindow)}if(e===this.fragment){if(!this.matchRoot())return this.notfound();return false}if(this.iframe)this.navigate(e);this.loadUrl()},loadUrl:function(e){if(!this.matchRoot())return this.notfound();e=this.fragment=this.getFragment(e);return x.some(this.handlers,function(t){if(t.route.test(e)){t.callback(e);return true}})||this.notfound()},notfound:function(){this.trigger("notfound");return false},navigate:function(t,e){if(!B.started)return false;if(!e||e===true)e={trigger:!!e};t=this.getFragment(t||"");var i=this.root;if(!this._trailingSlash&&(t===""||t.charAt(0)==="?")){i=i.slice(0,-1)||"/"}var r=i+t;t=t.replace(W,"");var n=this.decodeFragment(t);if(this.fragment===n)return;this.fragment=n;if(this._usePushState){this.history[e.replace?"replaceState":"pushState"]({},document.title,r)}else if(this._wantsHashChange){this._updateHash(this.location,t,e.replace);if(this.iframe&&t!==this.getHash(this.iframe.contentWindow)){var s=this.iframe.contentWindow;if(!e.replace){s.document.open();s.document.close()}this._updateHash(s.location,t,e.replace)}}else{return this.location.assign(r)}if(e.trigger)return this.loadUrl(t)},_updateHash:function(t,e,i){if(i){var r=t.href.replace(/(javascript:|#).*$/,"");t.replace(r+"#"+e)}else{t.hash="#"+e}}});h.history=new B;var D=function(t,e){var i=this;var r;if(t&&x.has(t,"constructor")){r=t.constructor}else{r=function(){return i.apply(this,arguments)}}x.extend(r,i,e);r.prototype=x.create(i.prototype,t);r.prototype.constructor=r;r.__super__=i.prototype;return r};g.extend=m.extend=O.extend=A.extend=B.extend=D;var V=function(){throw new Error('A "url" property or function must be specified')};var G=function(e,i){var r=i.error;i.error=function(t){if(r)r.call(i.context,e,t,i);e.trigger("error",e,t,i)}};h._debug=function(){return{root:t,_:x}};return h}); +//# sourceMappingURL=backbone-min.js.map \ No newline at end of file diff --git a/dist/library/backbone.js b/dist/library/backbone.js new file mode 100644 index 0000000..aa36f1e --- /dev/null +++ b/dist/library/backbone.js @@ -0,0 +1,2155 @@ +// Backbone.js 1.6.0 + +// (c) 2010-2024 Jeremy Ashkenas and DocumentCloud +// Backbone may be freely distributed under the MIT license. +// For all details and documentation: +// http://backbonejs.org + +(function(factory) { + + // Establish the root object, `window` (`self`) in the browser, or `global` on the server. + // We use `self` instead of `window` for `WebWorker` support. + var root = typeof self == 'object' && self.self === self && self || + typeof global == 'object' && global.global === global && global; + + // Set up Backbone appropriately for the environment. Start with AMD. + if (typeof define === 'function' && define.amd) { + define(['underscore', 'jquery', 'exports'], function(_, $, exports) { + // Export global even in AMD case in case this script is loaded with + // others that may still expect a global Backbone. + root.Backbone = factory(root, exports, _, $); + }); + + // Next for Node.js or CommonJS. jQuery may not be needed as a module. + } else if (typeof exports !== 'undefined') { + var _ = require('underscore'), $; + try { $ = require('jquery'); } catch (e) {} + factory(root, exports, _, $); + + // Finally, as a browser global. + } else { + root.Backbone = factory(root, {}, root._, root.jQuery || root.Zepto || root.ender || root.$); + } + +})(function(root, Backbone, _, $) { + + // Initial Setup + // ------------- + + // Save the previous value of the `Backbone` variable, so that it can be + // restored later on, if `noConflict` is used. + var previousBackbone = root.Backbone; + + // Create a local reference to a common array method we'll want to use later. + var slice = Array.prototype.slice; + + // Current version of the library. Keep in sync with `package.json`. + Backbone.VERSION = '1.6.0'; + + // For Backbone's purposes, jQuery, Zepto, Ender, or My Library (kidding) owns + // the `$` variable. + Backbone.$ = $; + + // Runs Backbone.js in *noConflict* mode, returning the `Backbone` variable + // to its previous owner. Returns a reference to this Backbone object. + Backbone.noConflict = function() { + root.Backbone = previousBackbone; + return this; + }; + + // Turn on `emulateHTTP` to support legacy HTTP servers. Setting this option + // will fake `"PATCH"`, `"PUT"` and `"DELETE"` requests via the `_method` parameter and + // set a `X-Http-Method-Override` header. + Backbone.emulateHTTP = false; + + // Turn on `emulateJSON` to support legacy servers that can't deal with direct + // `application/json` requests ... this will encode the body as + // `application/x-www-form-urlencoded` instead and will send the model in a + // form param named `model`. + Backbone.emulateJSON = false; + + // Backbone.Events + // --------------- + + // A module that can be mixed in to *any object* in order to provide it with + // a custom event channel. You may bind a callback to an event with `on` or + // remove with `off`; `trigger`-ing an event fires all callbacks in + // succession. + // + // var object = {}; + // _.extend(object, Backbone.Events); + // object.on('expand', function(){ alert('expanded'); }); + // object.trigger('expand'); + // + var Events = Backbone.Events = {}; + + // Regular expression used to split event strings. + var eventSplitter = /\s+/; + + // A private global variable to share between listeners and listenees. + var _listening; + + // Iterates over the standard `event, callback` (as well as the fancy multiple + // space-separated events `"change blur", callback` and jQuery-style event + // maps `{event: callback}`). + var eventsApi = function(iteratee, events, name, callback, opts) { + var i = 0, names; + if (name && typeof name === 'object') { + // Handle event maps. + if (callback !== void 0 && 'context' in opts && opts.context === void 0) opts.context = callback; + for (names = _.keys(name); i < names.length ; i++) { + events = eventsApi(iteratee, events, names[i], name[names[i]], opts); + } + } else if (name && eventSplitter.test(name)) { + // Handle space-separated event names by delegating them individually. + for (names = name.split(eventSplitter); i < names.length; i++) { + events = iteratee(events, names[i], callback, opts); + } + } else { + // Finally, standard events. + events = iteratee(events, name, callback, opts); + } + return events; + }; + + // Bind an event to a `callback` function. Passing `"all"` will bind + // the callback to all events fired. + Events.on = function(name, callback, context) { + this._events = eventsApi(onApi, this._events || {}, name, callback, { + context: context, + ctx: this, + listening: _listening + }); + + if (_listening) { + var listeners = this._listeners || (this._listeners = {}); + listeners[_listening.id] = _listening; + // Allow the listening to use a counter, instead of tracking + // callbacks for library interop + _listening.interop = false; + } + + return this; + }; + + // Inversion-of-control versions of `on`. Tell *this* object to listen to + // an event in another object... keeping track of what it's listening to + // for easier unbinding later. + Events.listenTo = function(obj, name, callback) { + if (!obj) return this; + var id = obj._listenId || (obj._listenId = _.uniqueId('l')); + var listeningTo = this._listeningTo || (this._listeningTo = {}); + var listening = _listening = listeningTo[id]; + + // This object is not listening to any other events on `obj` yet. + // Setup the necessary references to track the listening callbacks. + if (!listening) { + this._listenId || (this._listenId = _.uniqueId('l')); + listening = _listening = listeningTo[id] = new Listening(this, obj); + } + + // Bind callbacks on obj. + var error = tryCatchOn(obj, name, callback, this); + _listening = void 0; + + if (error) throw error; + // If the target obj is not Backbone.Events, track events manually. + if (listening.interop) listening.on(name, callback); + + return this; + }; + + // The reducing API that adds a callback to the `events` object. + var onApi = function(events, name, callback, options) { + if (callback) { + var handlers = events[name] || (events[name] = []); + var context = options.context, ctx = options.ctx, listening = options.listening; + if (listening) listening.count++; + + handlers.push({callback: callback, context: context, ctx: context || ctx, listening: listening}); + } + return events; + }; + + // An try-catch guarded #on function, to prevent poisoning the global + // `_listening` variable. + var tryCatchOn = function(obj, name, callback, context) { + try { + obj.on(name, callback, context); + } catch (e) { + return e; + } + }; + + // Remove one or many callbacks. If `context` is null, removes all + // callbacks with that function. If `callback` is null, removes all + // callbacks for the event. If `name` is null, removes all bound + // callbacks for all events. + Events.off = function(name, callback, context) { + if (!this._events) return this; + this._events = eventsApi(offApi, this._events, name, callback, { + context: context, + listeners: this._listeners + }); + + return this; + }; + + // Tell this object to stop listening to either specific events ... or + // to every object it's currently listening to. + Events.stopListening = function(obj, name, callback) { + var listeningTo = this._listeningTo; + if (!listeningTo) return this; + + var ids = obj ? [obj._listenId] : _.keys(listeningTo); + for (var i = 0; i < ids.length; i++) { + var listening = listeningTo[ids[i]]; + + // If listening doesn't exist, this object is not currently + // listening to obj. Break out early. + if (!listening) break; + + listening.obj.off(name, callback, this); + if (listening.interop) listening.off(name, callback); + } + if (_.isEmpty(listeningTo)) this._listeningTo = void 0; + + return this; + }; + + // The reducing API that removes a callback from the `events` object. + var offApi = function(events, name, callback, options) { + if (!events) return; + + var context = options.context, listeners = options.listeners; + var i = 0, names; + + // Delete all event listeners and "drop" events. + if (!name && !context && !callback) { + for (names = _.keys(listeners); i < names.length; i++) { + listeners[names[i]].cleanup(); + } + return; + } + + names = name ? [name] : _.keys(events); + for (; i < names.length; i++) { + name = names[i]; + var handlers = events[name]; + + // Bail out if there are no events stored. + if (!handlers) break; + + // Find any remaining events. + var remaining = []; + for (var j = 0; j < handlers.length; j++) { + var handler = handlers[j]; + if ( + callback && callback !== handler.callback && + callback !== handler.callback._callback || + context && context !== handler.context + ) { + remaining.push(handler); + } else { + var listening = handler.listening; + if (listening) listening.off(name, callback); + } + } + + // Replace events if there are any remaining. Otherwise, clean up. + if (remaining.length) { + events[name] = remaining; + } else { + delete events[name]; + } + } + + return events; + }; + + // Bind an event to only be triggered a single time. After the first time + // the callback is invoked, its listener will be removed. If multiple events + // are passed in using the space-separated syntax, the handler will fire + // once for each event, not once for a combination of all events. + Events.once = function(name, callback, context) { + // Map the event into a `{event: once}` object. + var events = eventsApi(onceMap, {}, name, callback, this.off.bind(this)); + if (typeof name === 'string' && context == null) callback = void 0; + return this.on(events, callback, context); + }; + + // Inversion-of-control versions of `once`. + Events.listenToOnce = function(obj, name, callback) { + // Map the event into a `{event: once}` object. + var events = eventsApi(onceMap, {}, name, callback, this.stopListening.bind(this, obj)); + return this.listenTo(obj, events); + }; + + // Reduces the event callbacks into a map of `{event: onceWrapper}`. + // `offer` unbinds the `onceWrapper` after it has been called. + var onceMap = function(map, name, callback, offer) { + if (callback) { + var once = map[name] = _.once(function() { + offer(name, once); + callback.apply(this, arguments); + }); + once._callback = callback; + } + return map; + }; + + // Trigger one or many events, firing all bound callbacks. Callbacks are + // passed the same arguments as `trigger` is, apart from the event name + // (unless you're listening on `"all"`, which will cause your callback to + // receive the true name of the event as the first argument). + Events.trigger = function(name) { + if (!this._events) return this; + + var length = Math.max(0, arguments.length - 1); + var args = Array(length); + for (var i = 0; i < length; i++) args[i] = arguments[i + 1]; + + eventsApi(triggerApi, this._events, name, void 0, args); + return this; + }; + + // Handles triggering the appropriate event callbacks. + var triggerApi = function(objEvents, name, callback, args) { + if (objEvents) { + var events = objEvents[name]; + var allEvents = objEvents.all; + if (events && allEvents) allEvents = allEvents.slice(); + if (events) triggerEvents(events, args); + if (allEvents) triggerEvents(allEvents, [name].concat(args)); + } + return objEvents; + }; + + // A difficult-to-believe, but optimized internal dispatch function for + // triggering events. Tries to keep the usual cases speedy (most internal + // Backbone events have 3 arguments). + var triggerEvents = function(events, args) { + var ev, i = -1, l = events.length, a1 = args[0], a2 = args[1], a3 = args[2]; + switch (args.length) { + case 0: while (++i < l) (ev = events[i]).callback.call(ev.ctx); return; + case 1: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1); return; + case 2: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2); return; + case 3: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2, a3); return; + default: while (++i < l) (ev = events[i]).callback.apply(ev.ctx, args); return; + } + }; + + // A listening class that tracks and cleans up memory bindings + // when all callbacks have been offed. + var Listening = function(listener, obj) { + this.id = listener._listenId; + this.listener = listener; + this.obj = obj; + this.interop = true; + this.count = 0; + this._events = void 0; + }; + + Listening.prototype.on = Events.on; + + // Offs a callback (or several). + // Uses an optimized counter if the listenee uses Backbone.Events. + // Otherwise, falls back to manual tracking to support events + // library interop. + Listening.prototype.off = function(name, callback) { + var cleanup; + if (this.interop) { + this._events = eventsApi(offApi, this._events, name, callback, { + context: void 0, + listeners: void 0 + }); + cleanup = !this._events; + } else { + this.count--; + cleanup = this.count === 0; + } + if (cleanup) this.cleanup(); + }; + + // Cleans up memory bindings between the listener and the listenee. + Listening.prototype.cleanup = function() { + delete this.listener._listeningTo[this.obj._listenId]; + if (!this.interop) delete this.obj._listeners[this.id]; + }; + + // Aliases for backwards compatibility. + Events.bind = Events.on; + Events.unbind = Events.off; + + // Allow the `Backbone` object to serve as a global event bus, for folks who + // want global "pubsub" in a convenient place. + _.extend(Backbone, Events); + + // Backbone.Model + // -------------- + + // Backbone **Models** are the basic data object in the framework -- + // frequently representing a row in a table in a database on your server. + // A discrete chunk of data and a bunch of useful, related methods for + // performing computations and transformations on that data. + + // Create a new model with the specified attributes. A client id (`cid`) + // is automatically generated and assigned for you. + var Model = Backbone.Model = function(attributes, options) { + var attrs = attributes || {}; + options || (options = {}); + this.preinitialize.apply(this, arguments); + this.cid = _.uniqueId(this.cidPrefix); + this.attributes = {}; + if (options.collection) this.collection = options.collection; + if (options.parse) attrs = this.parse(attrs, options) || {}; + var defaults = _.result(this, 'defaults'); + + // Just _.defaults would work fine, but the additional _.extends + // is in there for historical reasons. See #3843. + attrs = _.defaults(_.extend({}, defaults, attrs), defaults); + + this.set(attrs, options); + this.changed = {}; + this.initialize.apply(this, arguments); + }; + + // Attach all inheritable methods to the Model prototype. + _.extend(Model.prototype, Events, { + + // A hash of attributes whose current and previous value differ. + changed: null, + + // The value returned during the last failed validation. + validationError: null, + + // The default name for the JSON `id` attribute is `"id"`. MongoDB and + // CouchDB users may want to set this to `"_id"`. + idAttribute: 'id', + + // The prefix is used to create the client id which is used to identify models locally. + // You may want to override this if you're experiencing name clashes with model ids. + cidPrefix: 'c', + + // preinitialize is an empty function by default. You can override it with a function + // or object. preinitialize will run before any instantiation logic is run in the Model. + preinitialize: function(){}, + + // Initialize is an empty function by default. Override it with your own + // initialization logic. + initialize: function(){}, + + // Return a copy of the model's `attributes` object. + toJSON: function(options) { + return _.clone(this.attributes); + }, + + // Proxy `Backbone.sync` by default -- but override this if you need + // custom syncing semantics for *this* particular model. + sync: function() { + return Backbone.sync.apply(this, arguments); + }, + + // Get the value of an attribute. + get: function(attr) { + return this.attributes[attr]; + }, + + // Get the HTML-escaped value of an attribute. + escape: function(attr) { + return _.escape(this.get(attr)); + }, + + // Returns `true` if the attribute contains a value that is not null + // or undefined. + has: function(attr) { + return this.get(attr) != null; + }, + + // Special-cased proxy to underscore's `_.matches` method. + matches: function(attrs) { + return !!_.iteratee(attrs, this)(this.attributes); + }, + + // Set a hash of model attributes on the object, firing `"change"`. This is + // the core primitive operation of a model, updating the data and notifying + // anyone who needs to know about the change in state. The heart of the beast. + set: function(key, val, options) { + if (key == null) return this; + + // Handle both `"key", value` and `{key: value}` -style arguments. + var attrs; + if (typeof key === 'object') { + attrs = key; + options = val; + } else { + (attrs = {})[key] = val; + } + + options || (options = {}); + + // Run validation. + if (!this._validate(attrs, options)) return false; + + // Extract attributes and options. + var unset = options.unset; + var silent = options.silent; + var changes = []; + var changing = this._changing; + this._changing = true; + + if (!changing) { + this._previousAttributes = _.clone(this.attributes); + this.changed = {}; + } + + var current = this.attributes; + var changed = this.changed; + var prev = this._previousAttributes; + + // For each `set` attribute, update or delete the current value. + for (var attr in attrs) { + val = attrs[attr]; + if (!_.isEqual(current[attr], val)) changes.push(attr); + if (!_.isEqual(prev[attr], val)) { + changed[attr] = val; + } else { + delete changed[attr]; + } + unset ? delete current[attr] : current[attr] = val; + } + + // Update the `id`. + if (this.idAttribute in attrs) { + var prevId = this.id; + this.id = this.get(this.idAttribute); + this.trigger('changeId', this, prevId, options); + } + + // Trigger all relevant attribute changes. + if (!silent) { + if (changes.length) this._pending = options; + for (var i = 0; i < changes.length; i++) { + this.trigger('change:' + changes[i], this, current[changes[i]], options); + } + } + + // You might be wondering why there's a `while` loop here. Changes can + // be recursively nested within `"change"` events. + if (changing) return this; + if (!silent) { + while (this._pending) { + options = this._pending; + this._pending = false; + this.trigger('change', this, options); + } + } + this._pending = false; + this._changing = false; + return this; + }, + + // Remove an attribute from the model, firing `"change"`. `unset` is a noop + // if the attribute doesn't exist. + unset: function(attr, options) { + return this.set(attr, void 0, _.extend({}, options, {unset: true})); + }, + + // Clear all attributes on the model, firing `"change"`. + clear: function(options) { + var attrs = {}; + for (var key in this.attributes) attrs[key] = void 0; + return this.set(attrs, _.extend({}, options, {unset: true})); + }, + + // Determine if the model has changed since the last `"change"` event. + // If you specify an attribute name, determine if that attribute has changed. + hasChanged: function(attr) { + if (attr == null) return !_.isEmpty(this.changed); + return _.has(this.changed, attr); + }, + + // Return an object containing all the attributes that have changed, or + // false if there are no changed attributes. Useful for determining what + // parts of a view need to be updated and/or what attributes need to be + // persisted to the server. Unset attributes will be set to undefined. + // You can also pass an attributes object to diff against the model, + // determining if there *would be* a change. + changedAttributes: function(diff) { + if (!diff) return this.hasChanged() ? _.clone(this.changed) : false; + var old = this._changing ? this._previousAttributes : this.attributes; + var changed = {}; + var hasChanged; + for (var attr in diff) { + var val = diff[attr]; + if (_.isEqual(old[attr], val)) continue; + changed[attr] = val; + hasChanged = true; + } + return hasChanged ? changed : false; + }, + + // Get the previous value of an attribute, recorded at the time the last + // `"change"` event was fired. + previous: function(attr) { + if (attr == null || !this._previousAttributes) return null; + return this._previousAttributes[attr]; + }, + + // Get all of the attributes of the model at the time of the previous + // `"change"` event. + previousAttributes: function() { + return _.clone(this._previousAttributes); + }, + + // Fetch the model from the server, merging the response with the model's + // local attributes. Any changed attributes will trigger a "change" event. + fetch: function(options) { + options = _.extend({parse: true}, options); + var model = this; + var success = options.success; + options.success = function(resp) { + var serverAttrs = options.parse ? model.parse(resp, options) : resp; + if (!model.set(serverAttrs, options)) return false; + if (success) success.call(options.context, model, resp, options); + model.trigger('sync', model, resp, options); + }; + wrapError(this, options); + return this.sync('read', this, options); + }, + + // Set a hash of model attributes, and sync the model to the server. + // If the server returns an attributes hash that differs, the model's + // state will be `set` again. + save: function(key, val, options) { + // Handle both `"key", value` and `{key: value}` -style arguments. + var attrs; + if (key == null || typeof key === 'object') { + attrs = key; + options = val; + } else { + (attrs = {})[key] = val; + } + + options = _.extend({validate: true, parse: true}, options); + var wait = options.wait; + + // If we're not waiting and attributes exist, save acts as + // `set(attr).save(null, opts)` with validation. Otherwise, check if + // the model will be valid when the attributes, if any, are set. + if (attrs && !wait) { + if (!this.set(attrs, options)) return false; + } else if (!this._validate(attrs, options)) { + return false; + } + + // After a successful server-side save, the client is (optionally) + // updated with the server-side state. + var model = this; + var success = options.success; + var attributes = this.attributes; + options.success = function(resp) { + // Ensure attributes are restored during synchronous saves. + model.attributes = attributes; + var serverAttrs = options.parse ? model.parse(resp, options) : resp; + if (wait) serverAttrs = _.extend({}, attrs, serverAttrs); + if (serverAttrs && !model.set(serverAttrs, options)) return false; + if (success) success.call(options.context, model, resp, options); + model.trigger('sync', model, resp, options); + }; + wrapError(this, options); + + // Set temporary attributes if `{wait: true}` to properly find new ids. + if (attrs && wait) this.attributes = _.extend({}, attributes, attrs); + + var method = this.isNew() ? 'create' : options.patch ? 'patch' : 'update'; + if (method === 'patch' && !options.attrs) options.attrs = attrs; + var xhr = this.sync(method, this, options); + + // Restore attributes. + this.attributes = attributes; + + return xhr; + }, + + // Destroy this model on the server if it was already persisted. + // Optimistically removes the model from its collection, if it has one. + // If `wait: true` is passed, waits for the server to respond before removal. + destroy: function(options) { + options = options ? _.clone(options) : {}; + var model = this; + var success = options.success; + var wait = options.wait; + + var destroy = function() { + model.stopListening(); + model.trigger('destroy', model, model.collection, options); + }; + + options.success = function(resp) { + if (wait) destroy(); + if (success) success.call(options.context, model, resp, options); + if (!model.isNew()) model.trigger('sync', model, resp, options); + }; + + var xhr = false; + if (this.isNew()) { + _.defer(options.success); + } else { + wrapError(this, options); + xhr = this.sync('delete', this, options); + } + if (!wait) destroy(); + return xhr; + }, + + // Default URL for the model's representation on the server -- if you're + // using Backbone's restful methods, override this to change the endpoint + // that will be called. + url: function() { + var base = + _.result(this, 'urlRoot') || + _.result(this.collection, 'url') || + urlError(); + if (this.isNew()) return base; + var id = this.get(this.idAttribute); + return base.replace(/[^\/]$/, '$&/') + encodeURIComponent(id); + }, + + // **parse** converts a response into the hash of attributes to be `set` on + // the model. The default implementation is just to pass the response along. + parse: function(resp, options) { + return resp; + }, + + // Create a new model with identical attributes to this one. + clone: function() { + return new this.constructor(this.attributes); + }, + + // A model is new if it has never been saved to the server, and lacks an id. + isNew: function() { + return !this.has(this.idAttribute); + }, + + // Check if the model is currently in a valid state. + isValid: function(options) { + return this._validate({}, _.extend({}, options, {validate: true})); + }, + + // Run validation against the next complete set of model attributes, + // returning `true` if all is well. Otherwise, fire an `"invalid"` event. + _validate: function(attrs, options) { + if (!options.validate || !this.validate) return true; + attrs = _.extend({}, this.attributes, attrs); + var error = this.validationError = this.validate(attrs, options) || null; + if (!error) return true; + this.trigger('invalid', this, error, _.extend(options, {validationError: error})); + return false; + } + + }); + + // Backbone.Collection + // ------------------- + + // If models tend to represent a single row of data, a Backbone Collection is + // more analogous to a table full of data ... or a small slice or page of that + // table, or a collection of rows that belong together for a particular reason + // -- all of the messages in this particular folder, all of the documents + // belonging to this particular author, and so on. Collections maintain + // indexes of their models, both in order, and for lookup by `id`. + + // Create a new **Collection**, perhaps to contain a specific type of `model`. + // If a `comparator` is specified, the Collection will maintain + // its models in sort order, as they're added and removed. + var Collection = Backbone.Collection = function(models, options) { + options || (options = {}); + this.preinitialize.apply(this, arguments); + if (options.model) this.model = options.model; + if (options.comparator !== void 0) this.comparator = options.comparator; + this._reset(); + this.initialize.apply(this, arguments); + if (models) this.reset(models, _.extend({silent: true}, options)); + }; + + // Default options for `Collection#set`. + var setOptions = {add: true, remove: true, merge: true}; + var addOptions = {add: true, remove: false}; + + // Splices `insert` into `array` at index `at`. + var splice = function(array, insert, at) { + at = Math.min(Math.max(at, 0), array.length); + var tail = Array(array.length - at); + var length = insert.length; + var i; + for (i = 0; i < tail.length; i++) tail[i] = array[i + at]; + for (i = 0; i < length; i++) array[i + at] = insert[i]; + for (i = 0; i < tail.length; i++) array[i + length + at] = tail[i]; + }; + + // Define the Collection's inheritable methods. + _.extend(Collection.prototype, Events, { + + // The default model for a collection is just a **Backbone.Model**. + // This should be overridden in most cases. + model: Model, + + + // preinitialize is an empty function by default. You can override it with a function + // or object. preinitialize will run before any instantiation logic is run in the Collection. + preinitialize: function(){}, + + // Initialize is an empty function by default. Override it with your own + // initialization logic. + initialize: function(){}, + + // The JSON representation of a Collection is an array of the + // models' attributes. + toJSON: function(options) { + return this.map(function(model) { return model.toJSON(options); }); + }, + + // Proxy `Backbone.sync` by default. + sync: function() { + return Backbone.sync.apply(this, arguments); + }, + + // Add a model, or list of models to the set. `models` may be Backbone + // Models or raw JavaScript objects to be converted to Models, or any + // combination of the two. + add: function(models, options) { + return this.set(models, _.extend({merge: false}, options, addOptions)); + }, + + // Remove a model, or a list of models from the set. + remove: function(models, options) { + options = _.extend({}, options); + var singular = !_.isArray(models); + models = singular ? [models] : models.slice(); + var removed = this._removeModels(models, options); + if (!options.silent && removed.length) { + options.changes = {added: [], merged: [], removed: removed}; + this.trigger('update', this, options); + } + return singular ? removed[0] : removed; + }, + + // Update a collection by `set`-ing a new list of models, adding new ones, + // removing models that are no longer present, and merging models that + // already exist in the collection, as necessary. Similar to **Model#set**, + // the core operation for updating the data contained by the collection. + set: function(models, options) { + if (models == null) return; + + options = _.extend({}, setOptions, options); + if (options.parse && !this._isModel(models)) { + models = this.parse(models, options) || []; + } + + var singular = !_.isArray(models); + models = singular ? [models] : models.slice(); + + var at = options.at; + if (at != null) at = +at; + if (at > this.length) at = this.length; + if (at < 0) at += this.length + 1; + + var set = []; + var toAdd = []; + var toMerge = []; + var toRemove = []; + var modelMap = {}; + + var add = options.add; + var merge = options.merge; + var remove = options.remove; + + var sort = false; + var sortable = this.comparator && at == null && options.sort !== false; + var sortAttr = _.isString(this.comparator) ? this.comparator : null; + + // Turn bare objects into model references, and prevent invalid models + // from being added. + var model, i; + for (i = 0; i < models.length; i++) { + model = models[i]; + + // If a duplicate is found, prevent it from being added and + // optionally merge it into the existing model. + var existing = this.get(model); + if (existing) { + if (merge && model !== existing) { + var attrs = this._isModel(model) ? model.attributes : model; + if (options.parse) attrs = existing.parse(attrs, options); + existing.set(attrs, options); + toMerge.push(existing); + if (sortable && !sort) sort = existing.hasChanged(sortAttr); + } + if (!modelMap[existing.cid]) { + modelMap[existing.cid] = true; + set.push(existing); + } + models[i] = existing; + + // If this is a new, valid model, push it to the `toAdd` list. + } else if (add) { + model = models[i] = this._prepareModel(model, options); + if (model) { + toAdd.push(model); + this._addReference(model, options); + modelMap[model.cid] = true; + set.push(model); + } + } + } + + // Remove stale models. + if (remove) { + for (i = 0; i < this.length; i++) { + model = this.models[i]; + if (!modelMap[model.cid]) toRemove.push(model); + } + if (toRemove.length) this._removeModels(toRemove, options); + } + + // See if sorting is needed, update `length` and splice in new models. + var orderChanged = false; + var replace = !sortable && add && remove; + if (set.length && replace) { + orderChanged = this.length !== set.length || _.some(this.models, function(m, index) { + return m !== set[index]; + }); + this.models.length = 0; + splice(this.models, set, 0); + this.length = this.models.length; + } else if (toAdd.length) { + if (sortable) sort = true; + splice(this.models, toAdd, at == null ? this.length : at); + this.length = this.models.length; + } + + // Silently sort the collection if appropriate. + if (sort) this.sort({silent: true}); + + // Unless silenced, it's time to fire all appropriate add/sort/update events. + if (!options.silent) { + for (i = 0; i < toAdd.length; i++) { + if (at != null) options.index = at + i; + model = toAdd[i]; + model.trigger('add', model, this, options); + } + if (sort || orderChanged) this.trigger('sort', this, options); + if (toAdd.length || toRemove.length || toMerge.length) { + options.changes = { + added: toAdd, + removed: toRemove, + merged: toMerge + }; + this.trigger('update', this, options); + } + } + + // Return the added (or merged) model (or models). + return singular ? models[0] : models; + }, + + // When you have more items than you want to add or remove individually, + // you can reset the entire set with a new list of models, without firing + // any granular `add` or `remove` events. Fires `reset` when finished. + // Useful for bulk operations and optimizations. + reset: function(models, options) { + options = options ? _.clone(options) : {}; + for (var i = 0; i < this.models.length; i++) { + this._removeReference(this.models[i], options); + } + options.previousModels = this.models; + this._reset(); + models = this.add(models, _.extend({silent: true}, options)); + if (!options.silent) this.trigger('reset', this, options); + return models; + }, + + // Add a model to the end of the collection. + push: function(model, options) { + return this.add(model, _.extend({at: this.length}, options)); + }, + + // Remove a model from the end of the collection. + pop: function(options) { + var model = this.at(this.length - 1); + return this.remove(model, options); + }, + + // Add a model to the beginning of the collection. + unshift: function(model, options) { + return this.add(model, _.extend({at: 0}, options)); + }, + + // Remove a model from the beginning of the collection. + shift: function(options) { + var model = this.at(0); + return this.remove(model, options); + }, + + // Slice out a sub-array of models from the collection. + slice: function() { + return slice.apply(this.models, arguments); + }, + + // Get a model from the set by id, cid, model object with id or cid + // properties, or an attributes object that is transformed through modelId. + get: function(obj) { + if (obj == null) return void 0; + return this._byId[obj] || + this._byId[this.modelId(this._isModel(obj) ? obj.attributes : obj, obj.idAttribute)] || + obj.cid && this._byId[obj.cid]; + }, + + // Returns `true` if the model is in the collection. + has: function(obj) { + return this.get(obj) != null; + }, + + // Get the model at the given index. + at: function(index) { + if (index < 0) index += this.length; + return this.models[index]; + }, + + // Return models with matching attributes. Useful for simple cases of + // `filter`. + where: function(attrs, first) { + return this[first ? 'find' : 'filter'](attrs); + }, + + // Return the first model with matching attributes. Useful for simple cases + // of `find`. + findWhere: function(attrs) { + return this.where(attrs, true); + }, + + // Force the collection to re-sort itself. You don't need to call this under + // normal circumstances, as the set will maintain sort order as each item + // is added. + sort: function(options) { + var comparator = this.comparator; + if (!comparator) throw new Error('Cannot sort a set without a comparator'); + options || (options = {}); + + var length = comparator.length; + if (_.isFunction(comparator)) comparator = comparator.bind(this); + + // Run sort based on type of `comparator`. + if (length === 1 || _.isString(comparator)) { + this.models = this.sortBy(comparator); + } else { + this.models.sort(comparator); + } + if (!options.silent) this.trigger('sort', this, options); + return this; + }, + + // Pluck an attribute from each model in the collection. + pluck: function(attr) { + return this.map(attr + ''); + }, + + // Fetch the default set of models for this collection, resetting the + // collection when they arrive. If `reset: true` is passed, the response + // data will be passed through the `reset` method instead of `set`. + fetch: function(options) { + options = _.extend({parse: true}, options); + var success = options.success; + var collection = this; + options.success = function(resp) { + var method = options.reset ? 'reset' : 'set'; + collection[method](resp, options); + if (success) success.call(options.context, collection, resp, options); + collection.trigger('sync', collection, resp, options); + }; + wrapError(this, options); + return this.sync('read', this, options); + }, + + // Create a new instance of a model in this collection. Add the model to the + // collection immediately, unless `wait: true` is passed, in which case we + // wait for the server to agree. + create: function(model, options) { + options = options ? _.clone(options) : {}; + var wait = options.wait; + model = this._prepareModel(model, options); + if (!model) return false; + if (!wait) this.add(model, options); + var collection = this; + var success = options.success; + options.success = function(m, resp, callbackOpts) { + if (wait) { + m.off('error', collection._forwardPristineError, collection); + collection.add(m, callbackOpts); + } + if (success) success.call(callbackOpts.context, m, resp, callbackOpts); + }; + // In case of wait:true, our collection is not listening to any + // of the model's events yet, so it will not forward the error + // event. In this special case, we need to listen for it + // separately and handle the event just once. + // (The reason we don't need to do this for the sync event is + // in the success handler above: we add the model first, which + // causes the collection to listen, and then invoke the callback + // that triggers the event.) + if (wait) { + model.once('error', this._forwardPristineError, this); + } + model.save(null, options); + return model; + }, + + // **parse** converts a response into a list of models to be added to the + // collection. The default implementation is just to pass it through. + parse: function(resp, options) { + return resp; + }, + + // Create a new collection with an identical list of models as this one. + clone: function() { + return new this.constructor(this.models, { + model: this.model, + comparator: this.comparator + }); + }, + + // Define how to uniquely identify models in the collection. + modelId: function(attrs, idAttribute) { + return attrs[idAttribute || this.model.prototype.idAttribute || 'id']; + }, + + // Get an iterator of all models in this collection. + values: function() { + return new CollectionIterator(this, ITERATOR_VALUES); + }, + + // Get an iterator of all model IDs in this collection. + keys: function() { + return new CollectionIterator(this, ITERATOR_KEYS); + }, + + // Get an iterator of all [ID, model] tuples in this collection. + entries: function() { + return new CollectionIterator(this, ITERATOR_KEYSVALUES); + }, + + // Private method to reset all internal state. Called when the collection + // is first initialized or reset. + _reset: function() { + this.length = 0; + this.models = []; + this._byId = {}; + }, + + // Prepare a hash of attributes (or other model) to be added to this + // collection. + _prepareModel: function(attrs, options) { + if (this._isModel(attrs)) { + if (!attrs.collection) attrs.collection = this; + return attrs; + } + options = options ? _.clone(options) : {}; + options.collection = this; + + var model; + if (this.model.prototype) { + model = new this.model(attrs, options); + } else { + // ES class methods didn't have prototype + model = this.model(attrs, options); + } + + if (!model.validationError) return model; + this.trigger('invalid', this, model.validationError, options); + return false; + }, + + // Internal method called by both remove and set. + _removeModels: function(models, options) { + var removed = []; + for (var i = 0; i < models.length; i++) { + var model = this.get(models[i]); + if (!model) continue; + + var index = this.indexOf(model); + this.models.splice(index, 1); + this.length--; + + // Remove references before triggering 'remove' event to prevent an + // infinite loop. #3693 + delete this._byId[model.cid]; + var id = this.modelId(model.attributes, model.idAttribute); + if (id != null) delete this._byId[id]; + + if (!options.silent) { + options.index = index; + model.trigger('remove', model, this, options); + } + + removed.push(model); + this._removeReference(model, options); + } + if (models.length > 0 && !options.silent) delete options.index; + return removed; + }, + + // Method for checking whether an object should be considered a model for + // the purposes of adding to the collection. + _isModel: function(model) { + return model instanceof Model; + }, + + // Internal method to create a model's ties to a collection. + _addReference: function(model, options) { + this._byId[model.cid] = model; + var id = this.modelId(model.attributes, model.idAttribute); + if (id != null) this._byId[id] = model; + model.on('all', this._onModelEvent, this); + }, + + // Internal method to sever a model's ties to a collection. + _removeReference: function(model, options) { + delete this._byId[model.cid]; + var id = this.modelId(model.attributes, model.idAttribute); + if (id != null) delete this._byId[id]; + if (this === model.collection) delete model.collection; + model.off('all', this._onModelEvent, this); + }, + + // Internal method called every time a model in the set fires an event. + // Sets need to update their indexes when models change ids. All other + // events simply proxy through. "add" and "remove" events that originate + // in other collections are ignored. + _onModelEvent: function(event, model, collection, options) { + if (model) { + if ((event === 'add' || event === 'remove') && collection !== this) return; + if (event === 'destroy') this.remove(model, options); + if (event === 'changeId') { + var prevId = this.modelId(model.previousAttributes(), model.idAttribute); + var id = this.modelId(model.attributes, model.idAttribute); + if (prevId != null) delete this._byId[prevId]; + if (id != null) this._byId[id] = model; + } + } + this.trigger.apply(this, arguments); + }, + + // Internal callback method used in `create`. It serves as a + // stand-in for the `_onModelEvent` method, which is not yet bound + // during the `wait` period of the `create` call. We still want to + // forward any `'error'` event at the end of the `wait` period, + // hence a customized callback. + _forwardPristineError: function(model, collection, options) { + // Prevent double forward if the model was already in the + // collection before the call to `create`. + if (this.has(model)) return; + this._onModelEvent('error', model, collection, options); + } + }); + + // Defining an @@iterator method implements JavaScript's Iterable protocol. + // In modern ES2015 browsers, this value is found at Symbol.iterator. + /* global Symbol */ + var $$iterator = typeof Symbol === 'function' && Symbol.iterator; + if ($$iterator) { + Collection.prototype[$$iterator] = Collection.prototype.values; + } + + // CollectionIterator + // ------------------ + + // A CollectionIterator implements JavaScript's Iterator protocol, allowing the + // use of `for of` loops in modern browsers and interoperation between + // Backbone.Collection and other JavaScript functions and third-party libraries + // which can operate on Iterables. + var CollectionIterator = function(collection, kind) { + this._collection = collection; + this._kind = kind; + this._index = 0; + }; + + // This "enum" defines the three possible kinds of values which can be emitted + // by a CollectionIterator that correspond to the values(), keys() and entries() + // methods on Collection, respectively. + var ITERATOR_VALUES = 1; + var ITERATOR_KEYS = 2; + var ITERATOR_KEYSVALUES = 3; + + // All Iterators should themselves be Iterable. + if ($$iterator) { + CollectionIterator.prototype[$$iterator] = function() { + return this; + }; + } + + CollectionIterator.prototype.next = function() { + if (this._collection) { + + // Only continue iterating if the iterated collection is long enough. + if (this._index < this._collection.length) { + var model = this._collection.at(this._index); + this._index++; + + // Construct a value depending on what kind of values should be iterated. + var value; + if (this._kind === ITERATOR_VALUES) { + value = model; + } else { + var id = this._collection.modelId(model.attributes, model.idAttribute); + if (this._kind === ITERATOR_KEYS) { + value = id; + } else { // ITERATOR_KEYSVALUES + value = [id, model]; + } + } + return {value: value, done: false}; + } + + // Once exhausted, remove the reference to the collection so future + // calls to the next method always return done. + this._collection = void 0; + } + + return {value: void 0, done: true}; + }; + + // Backbone.View + // ------------- + + // Backbone Views are almost more convention than they are actual code. A View + // is simply a JavaScript object that represents a logical chunk of UI in the + // DOM. This might be a single item, an entire list, a sidebar or panel, or + // even the surrounding frame which wraps your whole app. Defining a chunk of + // UI as a **View** allows you to define your DOM events declaratively, without + // having to worry about render order ... and makes it easy for the view to + // react to specific changes in the state of your models. + + // Creating a Backbone.View creates its initial element outside of the DOM, + // if an existing element is not provided... + var View = Backbone.View = function(options) { + this.cid = _.uniqueId('view'); + this.preinitialize.apply(this, arguments); + _.extend(this, _.pick(options, viewOptions)); + this._ensureElement(); + this.initialize.apply(this, arguments); + }; + + // Cached regex to split keys for `delegate`. + var delegateEventSplitter = /^(\S+)\s*(.*)$/; + + // List of view options to be set as properties. + var viewOptions = ['model', 'collection', 'el', 'id', 'attributes', 'className', 'tagName', 'events']; + + // Set up all inheritable **Backbone.View** properties and methods. + _.extend(View.prototype, Events, { + + // The default `tagName` of a View's element is `"div"`. + tagName: 'div', + + // jQuery delegate for element lookup, scoped to DOM elements within the + // current view. This should be preferred to global lookups where possible. + $: function(selector) { + return this.$el.find(selector); + }, + + // preinitialize is an empty function by default. You can override it with a function + // or object. preinitialize will run before any instantiation logic is run in the View + preinitialize: function(){}, + + // Initialize is an empty function by default. Override it with your own + // initialization logic. + initialize: function(){}, + + // **render** is the core function that your view should override, in order + // to populate its element (`this.el`), with the appropriate HTML. The + // convention is for **render** to always return `this`. + render: function() { + return this; + }, + + // Remove this view by taking the element out of the DOM, and removing any + // applicable Backbone.Events listeners. + remove: function() { + this._removeElement(); + this.stopListening(); + return this; + }, + + // Remove this view's element from the document and all event listeners + // attached to it. Exposed for subclasses using an alternative DOM + // manipulation API. + _removeElement: function() { + this.$el.remove(); + }, + + // Change the view's element (`this.el` property) and re-delegate the + // view's events on the new element. + setElement: function(element) { + this.undelegateEvents(); + this._setElement(element); + this.delegateEvents(); + return this; + }, + + // Creates the `this.el` and `this.$el` references for this view using the + // given `el`. `el` can be a CSS selector or an HTML string, a jQuery + // context or an element. Subclasses can override this to utilize an + // alternative DOM manipulation API and are only required to set the + // `this.el` property. + _setElement: function(el) { + this.$el = el instanceof Backbone.$ ? el : Backbone.$(el); + this.el = this.$el[0]; + }, + + // Set callbacks, where `this.events` is a hash of + // + // *{"event selector": "callback"}* + // + // { + // 'mousedown .title': 'edit', + // 'click .button': 'save', + // 'click .open': function(e) { ... } + // } + // + // pairs. Callbacks will be bound to the view, with `this` set properly. + // Uses event delegation for efficiency. + // Omitting the selector binds the event to `this.el`. + delegateEvents: function(events) { + events || (events = _.result(this, 'events')); + if (!events) return this; + this.undelegateEvents(); + for (var key in events) { + var method = events[key]; + if (!_.isFunction(method)) method = this[method]; + if (!method) continue; + var match = key.match(delegateEventSplitter); + this.delegate(match[1], match[2], method.bind(this)); + } + return this; + }, + + // Add a single event listener to the view's element (or a child element + // using `selector`). This only works for delegate-able events: not `focus`, + // `blur`, and not `change`, `submit`, and `reset` in Internet Explorer. + delegate: function(eventName, selector, listener) { + this.$el.on(eventName + '.delegateEvents' + this.cid, selector, listener); + return this; + }, + + // Clears all callbacks previously bound to the view by `delegateEvents`. + // You usually don't need to use this, but may wish to if you have multiple + // Backbone views attached to the same DOM element. + undelegateEvents: function() { + if (this.$el) this.$el.off('.delegateEvents' + this.cid); + return this; + }, + + // A finer-grained `undelegateEvents` for removing a single delegated event. + // `selector` and `listener` are both optional. + undelegate: function(eventName, selector, listener) { + this.$el.off(eventName + '.delegateEvents' + this.cid, selector, listener); + return this; + }, + + // Produces a DOM element to be assigned to your view. Exposed for + // subclasses using an alternative DOM manipulation API. + _createElement: function(tagName) { + return document.createElement(tagName); + }, + + // Ensure that the View has a DOM element to render into. + // If `this.el` is a string, pass it through `$()`, take the first + // matching element, and re-assign it to `el`. Otherwise, create + // an element from the `id`, `className` and `tagName` properties. + _ensureElement: function() { + if (!this.el) { + var attrs = _.extend({}, _.result(this, 'attributes')); + if (this.id) attrs.id = _.result(this, 'id'); + if (this.className) attrs['class'] = _.result(this, 'className'); + this.setElement(this._createElement(_.result(this, 'tagName'))); + this._setAttributes(attrs); + } else { + this.setElement(_.result(this, 'el')); + } + }, + + // Set attributes from a hash on this view's element. Exposed for + // subclasses using an alternative DOM manipulation API. + _setAttributes: function(attributes) { + this.$el.attr(attributes); + } + + }); + + // Proxy Backbone class methods to Underscore functions, wrapping the model's + // `attributes` object or collection's `models` array behind the scenes. + // + // collection.filter(function(model) { return model.get('age') > 10 }); + // collection.each(this.addView); + // + // `Function#apply` can be slow so we use the method's arg count, if we know it. + var addMethod = function(base, length, method, attribute) { + switch (length) { + case 1: return function() { + return base[method](this[attribute]); + }; + case 2: return function(value) { + return base[method](this[attribute], value); + }; + case 3: return function(iteratee, context) { + return base[method](this[attribute], cb(iteratee, this), context); + }; + case 4: return function(iteratee, defaultVal, context) { + return base[method](this[attribute], cb(iteratee, this), defaultVal, context); + }; + default: return function() { + var args = slice.call(arguments); + args.unshift(this[attribute]); + return base[method].apply(base, args); + }; + } + }; + + var addUnderscoreMethods = function(Class, base, methods, attribute) { + _.each(methods, function(length, method) { + if (base[method]) Class.prototype[method] = addMethod(base, length, method, attribute); + }); + }; + + // Support `collection.sortBy('attr')` and `collection.findWhere({id: 1})`. + var cb = function(iteratee, instance) { + if (_.isFunction(iteratee)) return iteratee; + if (_.isObject(iteratee) && !instance._isModel(iteratee)) return modelMatcher(iteratee); + if (_.isString(iteratee)) return function(model) { return model.get(iteratee); }; + return iteratee; + }; + var modelMatcher = function(attrs) { + var matcher = _.matches(attrs); + return function(model) { + return matcher(model.attributes); + }; + }; + + // Underscore methods that we want to implement on the Collection. + // 90% of the core usefulness of Backbone Collections is actually implemented + // right here: + var collectionMethods = {forEach: 3, each: 3, map: 3, collect: 3, reduce: 0, + foldl: 0, inject: 0, reduceRight: 0, foldr: 0, find: 3, detect: 3, filter: 3, + select: 3, reject: 3, every: 3, all: 3, some: 3, any: 3, include: 3, includes: 3, + contains: 3, invoke: 0, max: 3, min: 3, toArray: 1, size: 1, first: 3, + head: 3, take: 3, initial: 3, rest: 3, tail: 3, drop: 3, last: 3, + without: 0, difference: 0, indexOf: 3, shuffle: 1, lastIndexOf: 3, + isEmpty: 1, chain: 1, sample: 3, partition: 3, groupBy: 3, countBy: 3, + sortBy: 3, indexBy: 3, findIndex: 3, findLastIndex: 3}; + + + // Underscore methods that we want to implement on the Model, mapped to the + // number of arguments they take. + var modelMethods = {keys: 1, values: 1, pairs: 1, invert: 1, pick: 0, + omit: 0, chain: 1, isEmpty: 1}; + + // Mix in each Underscore method as a proxy to `Collection#models`. + + _.each([ + [Collection, collectionMethods, 'models'], + [Model, modelMethods, 'attributes'] + ], function(config) { + var Base = config[0], + methods = config[1], + attribute = config[2]; + + Base.mixin = function(obj) { + var mappings = _.reduce(_.functions(obj), function(memo, name) { + memo[name] = 0; + return memo; + }, {}); + addUnderscoreMethods(Base, obj, mappings, attribute); + }; + + addUnderscoreMethods(Base, _, methods, attribute); + }); + + // Backbone.sync + // ------------- + + // Override this function to change the manner in which Backbone persists + // models to the server. You will be passed the type of request, and the + // model in question. By default, makes a RESTful Ajax request + // to the model's `url()`. Some possible customizations could be: + // + // * Use `setTimeout` to batch rapid-fire updates into a single request. + // * Send up the models as XML instead of JSON. + // * Persist models via WebSockets instead of Ajax. + // + // Turn on `Backbone.emulateHTTP` in order to send `PUT` and `DELETE` requests + // as `POST`, with a `_method` parameter containing the true HTTP method, + // as well as all requests with the body as `application/x-www-form-urlencoded` + // instead of `application/json` with the model in a param named `model`. + // Useful when interfacing with server-side languages like **PHP** that make + // it difficult to read the body of `PUT` requests. + Backbone.sync = function(method, model, options) { + var type = methodMap[method]; + + // Default options, unless specified. + _.defaults(options || (options = {}), { + emulateHTTP: Backbone.emulateHTTP, + emulateJSON: Backbone.emulateJSON + }); + + // Default JSON-request options. + var params = {type: type, dataType: 'json'}; + + // Ensure that we have a URL. + if (!options.url) { + params.url = _.result(model, 'url') || urlError(); + } + + // Ensure that we have the appropriate request data. + if (options.data == null && model && (method === 'create' || method === 'update' || method === 'patch')) { + params.contentType = 'application/json'; + params.data = JSON.stringify(options.attrs || model.toJSON(options)); + } + + // For older servers, emulate JSON by encoding the request into an HTML-form. + if (options.emulateJSON) { + params.contentType = 'application/x-www-form-urlencoded'; + params.data = params.data ? {model: params.data} : {}; + } + + // For older servers, emulate HTTP by mimicking the HTTP method with `_method` + // And an `X-HTTP-Method-Override` header. + if (options.emulateHTTP && (type === 'PUT' || type === 'DELETE' || type === 'PATCH')) { + params.type = 'POST'; + if (options.emulateJSON) params.data._method = type; + var beforeSend = options.beforeSend; + options.beforeSend = function(xhr) { + xhr.setRequestHeader('X-HTTP-Method-Override', type); + if (beforeSend) return beforeSend.apply(this, arguments); + }; + } + + // Don't process data on a non-GET request. + if (params.type !== 'GET' && !options.emulateJSON) { + params.processData = false; + } + + // Pass along `textStatus` and `errorThrown` from jQuery. + var error = options.error; + options.error = function(xhr, textStatus, errorThrown) { + options.textStatus = textStatus; + options.errorThrown = errorThrown; + if (error) error.call(options.context, xhr, textStatus, errorThrown); + }; + + // Make the request, allowing the user to override any Ajax options. + var xhr = options.xhr = Backbone.ajax(_.extend(params, options)); + model.trigger('request', model, xhr, options); + return xhr; + }; + + // Map from CRUD to HTTP for our default `Backbone.sync` implementation. + var methodMap = { + 'create': 'POST', + 'update': 'PUT', + 'patch': 'PATCH', + 'delete': 'DELETE', + 'read': 'GET' + }; + + // Set the default implementation of `Backbone.ajax` to proxy through to `$`. + // Override this if you'd like to use a different library. + Backbone.ajax = function() { + return Backbone.$.ajax.apply(Backbone.$, arguments); + }; + + // Backbone.Router + // --------------- + + // Routers map faux-URLs to actions, and fire events when routes are + // matched. Creating a new one sets its `routes` hash, if not set statically. + var Router = Backbone.Router = function(options) { + options || (options = {}); + this.preinitialize.apply(this, arguments); + if (options.routes) this.routes = options.routes; + this._bindRoutes(); + this.initialize.apply(this, arguments); + }; + + // Cached regular expressions for matching named param parts and splatted + // parts of route strings. + var optionalParam = /\((.*?)\)/g; + var namedParam = /(\(\?)?:\w+/g; + var splatParam = /\*\w+/g; + var escapeRegExp = /[\-{}\[\]+?.,\\\^$|#\s]/g; + + // Set up all inheritable **Backbone.Router** properties and methods. + _.extend(Router.prototype, Events, { + + // preinitialize is an empty function by default. You can override it with a function + // or object. preinitialize will run before any instantiation logic is run in the Router. + preinitialize: function(){}, + + // Initialize is an empty function by default. Override it with your own + // initialization logic. + initialize: function(){}, + + // Manually bind a single named route to a callback. For example: + // + // this.route('search/:query/p:num', 'search', function(query, num) { + // ... + // }); + // + route: function(route, name, callback) { + if (!_.isRegExp(route)) route = this._routeToRegExp(route); + if (_.isFunction(name)) { + callback = name; + name = ''; + } + if (!callback) callback = this[name]; + var router = this; + Backbone.history.route(route, function(fragment) { + var args = router._extractParameters(route, fragment); + if (router.execute(callback, args, name) !== false) { + router.trigger.apply(router, ['route:' + name].concat(args)); + router.trigger('route', name, args); + Backbone.history.trigger('route', router, name, args); + } + }); + return this; + }, + + // Execute a route handler with the provided parameters. This is an + // excellent place to do pre-route setup or post-route cleanup. + execute: function(callback, args, name) { + if (callback) callback.apply(this, args); + }, + + // Simple proxy to `Backbone.history` to save a fragment into the history. + navigate: function(fragment, options) { + Backbone.history.navigate(fragment, options); + return this; + }, + + // Bind all defined routes to `Backbone.history`. We have to reverse the + // order of the routes here to support behavior where the most general + // routes can be defined at the bottom of the route map. + _bindRoutes: function() { + if (!this.routes) return; + this.routes = _.result(this, 'routes'); + var route, routes = _.keys(this.routes); + while ((route = routes.pop()) != null) { + this.route(route, this.routes[route]); + } + }, + + // Convert a route string into a regular expression, suitable for matching + // against the current location hash. + _routeToRegExp: function(route) { + route = route.replace(escapeRegExp, '\\$&') + .replace(optionalParam, '(?:$1)?') + .replace(namedParam, function(match, optional) { + return optional ? match : '([^/?]+)'; + }) + .replace(splatParam, '([^?]*?)'); + return new RegExp('^' + route + '(?:\\?([\\s\\S]*))?$'); + }, + + // Given a route, and a URL fragment that it matches, return the array of + // extracted decoded parameters. Empty or unmatched parameters will be + // treated as `null` to normalize cross-browser behavior. + _extractParameters: function(route, fragment) { + var params = route.exec(fragment).slice(1); + return _.map(params, function(param, i) { + // Don't decode the search params. + if (i === params.length - 1) return param || null; + return param ? decodeURIComponent(param) : null; + }); + } + + }); + + // Backbone.History + // ---------------- + + // Handles cross-browser history management, based on either + // [pushState](http://diveintohtml5.info/history.html) and real URLs, or + // [onhashchange](https://developer.mozilla.org/en-US/docs/DOM/window.onhashchange) + // and URL fragments. If the browser supports neither (old IE, natch), + // falls back to polling. + var History = Backbone.History = function() { + this.handlers = []; + this.checkUrl = this.checkUrl.bind(this); + + // Ensure that `History` can be used outside of the browser. + if (typeof window !== 'undefined') { + this.location = window.location; + this.history = window.history; + } + }; + + // Cached regex for stripping a leading hash/slash and trailing space. + var routeStripper = /^[#\/]|\s+$/g; + + // Cached regex for stripping leading and trailing slashes. + var rootStripper = /^\/+|\/+$/g; + + // Cached regex for stripping urls of hash. + var pathStripper = /#.*$/; + + // Has the history handling already been started? + History.started = false; + + // Set up all inheritable **Backbone.History** properties and methods. + _.extend(History.prototype, Events, { + + // The default interval to poll for hash changes, if necessary, is + // twenty times a second. + interval: 50, + + // Are we at the app root? + atRoot: function() { + var path = this.location.pathname.replace(/[^\/]$/, '$&/'); + return path === this.root && !this.getSearch(); + }, + + // Does the pathname match the root? + matchRoot: function() { + var path = this.decodeFragment(this.location.pathname); + var rootPath = path.slice(0, this.root.length - 1) + '/'; + return rootPath === this.root; + }, + + // Unicode characters in `location.pathname` are percent encoded so they're + // decoded for comparison. `%25` should not be decoded since it may be part + // of an encoded parameter. + decodeFragment: function(fragment) { + return decodeURI(fragment.replace(/%25/g, '%2525')); + }, + + // In IE6, the hash fragment and search params are incorrect if the + // fragment contains `?`. + getSearch: function() { + var match = this.location.href.replace(/#.*/, '').match(/\?.+/); + return match ? match[0] : ''; + }, + + // Gets the true hash value. Cannot use location.hash directly due to bug + // in Firefox where location.hash will always be decoded. + getHash: function(window) { + var match = (window || this).location.href.match(/#(.*)$/); + return match ? match[1] : ''; + }, + + // Get the pathname and search params, without the root. + getPath: function() { + var path = this.decodeFragment( + this.location.pathname + this.getSearch() + ).slice(this.root.length - 1); + return path.charAt(0) === '/' ? path.slice(1) : path; + }, + + // Get the cross-browser normalized URL fragment from the path or hash. + getFragment: function(fragment) { + if (fragment == null) { + if (this._usePushState || !this._wantsHashChange) { + fragment = this.getPath(); + } else { + fragment = this.getHash(); + } + } + return fragment.replace(routeStripper, ''); + }, + + // Start the hash change handling, returning `true` if the current URL matches + // an existing route, and `false` otherwise. + start: function(options) { + if (History.started) throw new Error('Backbone.history has already been started'); + History.started = true; + + // Figure out the initial configuration. Do we need an iframe? + // Is pushState desired ... is it available? + this.options = _.extend({root: '/'}, this.options, options); + this.root = this.options.root; + this._trailingSlash = this.options.trailingSlash; + this._wantsHashChange = this.options.hashChange !== false; + this._hasHashChange = 'onhashchange' in window && (document.documentMode === void 0 || document.documentMode > 7); + this._useHashChange = this._wantsHashChange && this._hasHashChange; + this._wantsPushState = !!this.options.pushState; + this._hasPushState = !!(this.history && this.history.pushState); + this._usePushState = this._wantsPushState && this._hasPushState; + this.fragment = this.getFragment(); + + // Normalize root to always include a leading and trailing slash. + this.root = ('/' + this.root + '/').replace(rootStripper, '/'); + + // Transition from hashChange to pushState or vice versa if both are + // requested. + if (this._wantsHashChange && this._wantsPushState) { + + // If we've started off with a route from a `pushState`-enabled + // browser, but we're currently in a browser that doesn't support it... + if (!this._hasPushState && !this.atRoot()) { + var rootPath = this.root.slice(0, -1) || '/'; + this.location.replace(rootPath + '#' + this.getPath()); + // Return immediately as browser will do redirect to new url + return true; + + // Or if we've started out with a hash-based route, but we're currently + // in a browser where it could be `pushState`-based instead... + } else if (this._hasPushState && this.atRoot()) { + this.navigate(this.getHash(), {replace: true}); + } + + } + + // Proxy an iframe to handle location events if the browser doesn't + // support the `hashchange` event, HTML5 history, or the user wants + // `hashChange` but not `pushState`. + if (!this._hasHashChange && this._wantsHashChange && !this._usePushState) { + this.iframe = document.createElement('iframe'); + this.iframe.src = 'javascript:0'; + this.iframe.style.display = 'none'; + this.iframe.tabIndex = -1; + var body = document.body; + // Using `appendChild` will throw on IE < 9 if the document is not ready. + var iWindow = body.insertBefore(this.iframe, body.firstChild).contentWindow; + iWindow.document.open(); + iWindow.document.close(); + iWindow.location.hash = '#' + this.fragment; + } + + // Add a cross-platform `addEventListener` shim for older browsers. + var addEventListener = window.addEventListener || function(eventName, listener) { + return attachEvent('on' + eventName, listener); + }; + + // Depending on whether we're using pushState or hashes, and whether + // 'onhashchange' is supported, determine how we check the URL state. + if (this._usePushState) { + addEventListener('popstate', this.checkUrl, false); + } else if (this._useHashChange && !this.iframe) { + addEventListener('hashchange', this.checkUrl, false); + } else if (this._wantsHashChange) { + this._checkUrlInterval = setInterval(this.checkUrl, this.interval); + } + + if (!this.options.silent) return this.loadUrl(); + }, + + // Disable Backbone.history, perhaps temporarily. Not useful in a real app, + // but possibly useful for unit testing Routers. + stop: function() { + // Add a cross-platform `removeEventListener` shim for older browsers. + var removeEventListener = window.removeEventListener || function(eventName, listener) { + return detachEvent('on' + eventName, listener); + }; + + // Remove window listeners. + if (this._usePushState) { + removeEventListener('popstate', this.checkUrl, false); + } else if (this._useHashChange && !this.iframe) { + removeEventListener('hashchange', this.checkUrl, false); + } + + // Clean up the iframe if necessary. + if (this.iframe) { + document.body.removeChild(this.iframe); + this.iframe = null; + } + + // Some environments will throw when clearing an undefined interval. + if (this._checkUrlInterval) clearInterval(this._checkUrlInterval); + History.started = false; + }, + + // Add a route to be tested when the fragment changes. Routes added later + // may override previous routes. + route: function(route, callback) { + this.handlers.unshift({route: route, callback: callback}); + }, + + // Checks the current URL to see if it has changed, and if it has, + // calls `loadUrl`, normalizing across the hidden iframe. + checkUrl: function(e) { + var current = this.getFragment(); + + // If the user pressed the back button, the iframe's hash will have + // changed and we should use that for comparison. + if (current === this.fragment && this.iframe) { + current = this.getHash(this.iframe.contentWindow); + } + + if (current === this.fragment) { + if (!this.matchRoot()) return this.notfound(); + return false; + } + if (this.iframe) this.navigate(current); + this.loadUrl(); + }, + + // Attempt to load the current URL fragment. If a route succeeds with a + // match, returns `true`. If no defined routes matches the fragment, + // returns `false`. + loadUrl: function(fragment) { + // If the root doesn't match, no routes can match either. + if (!this.matchRoot()) return this.notfound(); + fragment = this.fragment = this.getFragment(fragment); + return _.some(this.handlers, function(handler) { + if (handler.route.test(fragment)) { + handler.callback(fragment); + return true; + } + }) || this.notfound(); + }, + + // When no route could be matched, this method is called internally to + // trigger the `'notfound'` event. It returns `false` so that it can be used + // in tail position. + notfound: function() { + this.trigger('notfound'); + return false; + }, + + // Save a fragment into the hash history, or replace the URL state if the + // 'replace' option is passed. You are responsible for properly URL-encoding + // the fragment in advance. + // + // The options object can contain `trigger: true` if you wish to have the + // route callback be fired (not usually desirable), or `replace: true`, if + // you wish to modify the current URL without adding an entry to the history. + navigate: function(fragment, options) { + if (!History.started) return false; + if (!options || options === true) options = {trigger: !!options}; + + // Normalize the fragment. + fragment = this.getFragment(fragment || ''); + + // Strip trailing slash on the root unless _trailingSlash is true + var rootPath = this.root; + if (!this._trailingSlash && (fragment === '' || fragment.charAt(0) === '?')) { + rootPath = rootPath.slice(0, -1) || '/'; + } + var url = rootPath + fragment; + + // Strip the fragment of the query and hash for matching. + fragment = fragment.replace(pathStripper, ''); + + // Decode for matching. + var decodedFragment = this.decodeFragment(fragment); + + if (this.fragment === decodedFragment) return; + this.fragment = decodedFragment; + + // If pushState is available, we use it to set the fragment as a real URL. + if (this._usePushState) { + this.history[options.replace ? 'replaceState' : 'pushState']({}, document.title, url); + + // If hash changes haven't been explicitly disabled, update the hash + // fragment to store history. + } else if (this._wantsHashChange) { + this._updateHash(this.location, fragment, options.replace); + if (this.iframe && fragment !== this.getHash(this.iframe.contentWindow)) { + var iWindow = this.iframe.contentWindow; + + // Opening and closing the iframe tricks IE7 and earlier to push a + // history entry on hash-tag change. When replace is true, we don't + // want this. + if (!options.replace) { + iWindow.document.open(); + iWindow.document.close(); + } + + this._updateHash(iWindow.location, fragment, options.replace); + } + + // If you've told us that you explicitly don't want fallback hashchange- + // based history, then `navigate` becomes a page refresh. + } else { + return this.location.assign(url); + } + if (options.trigger) return this.loadUrl(fragment); + }, + + // Update the hash location, either replacing the current entry, or adding + // a new one to the browser history. + _updateHash: function(location, fragment, replace) { + if (replace) { + var href = location.href.replace(/(javascript:|#).*$/, ''); + location.replace(href + '#' + fragment); + } else { + // Some browsers require that `hash` contains a leading #. + location.hash = '#' + fragment; + } + } + + }); + + // Create the default Backbone.history. + Backbone.history = new History; + + // Helpers + // ------- + + // Helper function to correctly set up the prototype chain for subclasses. + // Similar to `goog.inherits`, but uses a hash of prototype properties and + // class properties to be extended. + var extend = function(protoProps, staticProps) { + var parent = this; + var child; + + // The constructor function for the new subclass is either defined by you + // (the "constructor" property in your `extend` definition), or defaulted + // by us to simply call the parent constructor. + if (protoProps && _.has(protoProps, 'constructor')) { + child = protoProps.constructor; + } else { + child = function(){ return parent.apply(this, arguments); }; + } + + // Add static properties to the constructor function, if supplied. + _.extend(child, parent, staticProps); + + // Set the prototype chain to inherit from `parent`, without calling + // `parent`'s constructor function and add the prototype properties. + child.prototype = _.create(parent.prototype, protoProps); + child.prototype.constructor = child; + + // Set a convenience property in case the parent's prototype is needed + // later. + child.__super__ = parent.prototype; + + return child; + }; + + // Set up inheritance for the model, collection, router, view and history. + Model.extend = Collection.extend = Router.extend = View.extend = History.extend = extend; + + // Throw an error when a URL is needed, and none is supplied. + var urlError = function() { + throw new Error('A "url" property or function must be specified'); + }; + + // Wrap an optional error callback with a fallback error event. + var wrapError = function(model, options) { + var error = options.error; + options.error = function(resp) { + if (error) error.call(options.context, model, resp, options); + model.trigger('error', model, resp, options); + }; + }; + + // Provide useful information when things go wrong. This method is not meant + // to be used directly; it merely provides the necessary introspection for the + // external `debugInfo` function. + Backbone._debug = function() { + return {root: root, _: _}; + }; + + return Backbone; +}); diff --git a/dist/library/backbone.localStorage-min.js b/dist/library/backbone.localStorage-min.js new file mode 100644 index 0000000..53cf1c8 --- /dev/null +++ b/dist/library/backbone.localStorage-min.js @@ -0,0 +1,8 @@ +/** + * Backbone localStorage Adapter v1.0 + * https://github.com/jeromegn/Backbone.localStorage + * + * Date: Sun Aug 14 2011 09:53:55 -0400 + */ + +function S4(){return(((1+Math.random())*65536)|0).toString(16).substring(1)}function guid(){return(S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4())}window.Store=function(b){this.name=b;var a=localStorage.getItem(this.name);this.records=(a&&a.split(","))||[]};_.extend(Store.prototype,{save:function(){localStorage.setItem(this.name,this.records.join(","))},create:function(a){if(!a.id){a.id=a.attributes.id=guid()}localStorage.setItem(this.name+"-"+a.id,JSON.stringify(a));this.records.push(a.id.toString());this.save();return a},update:function(a){localStorage.setItem(this.name+"-"+a.id,JSON.stringify(a));if(!_.include(this.records,a.id.toString())){this.records.push(a.id.toString())}this.save();return a},find:function(a){return JSON.parse(localStorage.getItem(this.name+"-"+a.id))},findAll:function(){return _.map(this.records,function(a){return JSON.parse(localStorage.getItem(this.name+"-"+a))},this)},destroy:function(a){localStorage.removeItem(this.name+"-"+a.id);this.records=_.reject(this.records,function(b){return b==a.id.toString()});this.save();return a}});Backbone.sync=function(f,d,c,b){if(typeof c=="function"){c={success:c,error:b}}var e;var a=d.localStorage||d.collection.localStorage;switch(f){case"read":e=d.id?a.find(d):a.findAll();break;case"create":e=a.create(d);break;case"update":e=a.update(d);break;case"delete":e=a.destroy(d);break}if(e){c.success(e)}else{c.error("Record not found")}}; \ No newline at end of file diff --git a/dist/library/fomantic/components/accordion.css b/dist/library/fomantic/components/accordion.css new file mode 100644 index 0000000..c54ef43 --- /dev/null +++ b/dist/library/fomantic/components/accordion.css @@ -0,0 +1,369 @@ +/*! + * # Fomantic-UI 2.9.3 - Accordion + * https://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */ + + +/******************************* + Accordion +*******************************/ + +.ui.accordion, +.ui.accordion .accordion { + max-width: 100%; +} +.ui.accordion .accordion { + margin: 1em 0 0; + padding: 0; +} + +/* Title */ +.ui.accordion.menu .item > .title, +.ui.accordion > .title, +.ui.accordion .accordion > .title { + cursor: pointer; + padding: 0.5em 0; + font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1em; + color: rgba(0, 0, 0, 0.87); + list-style: none; + line-height: 1; +} + +/* Default Styling */ +.ui.accordion:not(.styled) .title ~ .content, +.ui.accordion:not(.styled) .accordion .title ~ .content { + margin: ""; + padding: 0.5em 0 1em; +} +.ui.accordion:not(.styled) .title ~ .content:last-child { + padding-bottom: 0; +} + +/* Arrow */ +.ui.accordion .ui.header > .dropdown.icon, +.ui.accordion .title > .dropdown.icon, +.ui.accordion .accordion .title > .dropdown.icon { + display: inline-block; + float: none; + opacity: 1; + width: 1.25em; + height: 1em; + margin: 0 0.25rem 0 0; + padding: 0; + font-size: 1em; + transition: transform 0.1s ease, opacity 0.1s ease; + vertical-align: baseline; + transform: none; +} +.ui.accordion .ui.header > .dropdown.icon.right, +.ui.accordion .title > .dropdown.icon.right, +.ui.accordion .accordion .title > .dropdown.icon.right { + float: right; + transform: rotate(180deg); +} + +/* -------------- + Coupling +--------------- */ + +/* Menu */ +.ui.accordion.menu .item .title { + display: block; + padding: 0; +} +.ui.accordion.menu .item .title > .dropdown.icon { + float: right; + margin: 0 0.25rem 0 0; + transform: rotate(180deg); +} + +/* Header */ +.ui.accordion .ui.header > .dropdown.icon { + font-size: 1em; + margin: 0 0.25rem 0 0; +} + + +/******************************* + States +*******************************/ + +.ui.accordion[open] > .title > .dropdown.icon, +.ui.accordion .accordion[open] > .title > .dropdown.icon, +.ui.accordion .active.title > .dropdown.icon, +.ui.accordion .accordion .active.title > .dropdown.icon { + transform: rotate(90deg); +} +.ui.accordion.menu .item .active.title > .dropdown.icon { + transform: rotate(90deg); +} + + +/******************************* + Types +*******************************/ + + +/* -------------- + Styled + --------------- */ +.ui.styled.accordion { + width: 600px; +} +.ui.styled.accordion, +.ui.styled.accordion .accordion { + border-radius: 0.28571429rem; + background: #fff; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15); +} +.ui.styled.accordion > .title, +.ui.styled.accordion .accordion > .title { + margin: 0; + padding: 0.75em 1em; + color: rgba(0, 0, 0, 0.4); + font-weight: bold; + border-top: 1px solid rgba(34, 36, 38, 0.15); + transition: background 0.1s ease, color 0.1s ease; +} +.ui.styled.accordion > .title:first-child, +.ui.styled.accordion .accordion > .title:first-child { + border-top: none; +} + +/* Content */ +.ui.styled.accordion > .content { + margin: 0; + padding: 0.5em 1em 1.5em; +} +.ui.styled.accordion .accordion > .content { + margin: 0; + padding: 0.5em 1em 1.5em; +} + +/* Hover */ +.ui.styled.accordion > .title:hover { + background: transparent; + color: rgba(0, 0, 0, 0.87); +} +.ui.styled.accordion .accordion > .title:hover { + background: transparent; + color: rgba(0, 0, 0, 0.87); +} + +/* Active */ +.ui.styled.accordion[open] > .title, +.ui.styled.accordion .active.title { + background: transparent; + color: rgba(0, 0, 0, 0.95); +} +.ui.styled.accordion .accordion[open] > .title, +.ui.styled.accordion .accordion .active.title { + background: transparent; + color: rgba(0, 0, 0, 0.95); +} + +/* -------------- + Compact + --------------- */ + +/* Default Styling */ +.ui.compact.accordion:not(.styled) > .title, +.ui.compact.accordion:not(.styled) .accordion > .title { + padding: 0.25em 0; +} +.ui.compact.accordion:not(.styled) .title ~ .content, +.ui.compact.accordion:not(.styled) .accordion .title ~ .content { + padding: 0.25em 0 0.5em; +} + +/* Styled */ +.ui.compact.styled.accordion > .title, +.ui.compact.styled.accordion .accordion > .title { + padding: 0.375em 0.5em; +} +.ui.compact.styled.accordion .title ~ .content, +.ui.compact.styled.accordion .accordion .title ~ .content { + padding: 0.25em 0.5em 0.75em; +} + +/* -------------- + Very Compact + --------------- */ +.ui[class*="very compact"].accordion:not(.styled) > .title, +.ui[class*="very compact"].accordion:not(.styled) .accordion > .title { + padding: 0.125em 0; +} +.ui[class*="very compact"].accordion:not(.styled) .title ~ .content, +.ui[class*="very compact"].accordion:not(.styled) .accordion .title ~ .content { + padding: 0.125em 0 0.25em; +} +.ui[class*="very compact"].styled.accordion > .title, +.ui[class*="very compact"].styled.accordion .accordion > .title { + padding: 0.1875em 0.25em; +} +.ui[class*="very compact"].styled.accordion .title ~ .content, +.ui[class*="very compact"].styled.accordion .accordion .title ~ .content { + padding: 0.125em 0.25em 0.375em; +} + + +/******************************* + States +*******************************/ + + +/* -------------- + Not Active +--------------- */ +.ui.accordion:not(details) .title ~ .content:not(.active), +.ui.accordion .accordion:not(details) .title ~ .content:not(.active) { + display: none; +} + + +/******************************* + Variations +*******************************/ + + +/* -------------- + Fluid + --------------- */ +.ui.fluid.accordion, +.ui.fluid.accordion .accordion { + width: 100%; +} + +/* -------------- + Inverted + --------------- */ +.ui.inverted.accordion.menu .item > .title, +.ui.inverted.accordion > .title, +.ui.inverted.accordion .accordion > .title { + color: rgba(255, 255, 255, 0.9); +} +.ui.inverted.styled.accordion, +.ui.inverted.styled.accordion .accordion { + background: #1b1c1d; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1); +} +.ui.inverted.styled.accordion > .title, +.ui.inverted.styled.accordion .accordion > .title { + color: rgba(255, 255, 255, 0.5); + border-top: 1px solid rgba(255, 255, 255, 0.1); +} + +/* Hover */ +.ui.inverted.styled.accordion > .title:hover { + background: transparent; + color: rgba(255, 255, 255, 0.9); +} +.ui.inverted.styled.accordion .accordion > .title:hover { + background: transparent; + color: rgba(255, 255, 255, 0.9); +} + +/* Active */ +.ui.inverted.styled.accordion[open] > .title, +.ui.inverted.styled.accordion .active.title { + background: transparent; + color: #ffffff; +} +.ui.inverted.styled.accordion .accordion[open] > .title, +.ui.inverted.styled.accordion .accordion .active.title { + background: transparent; + color: #ffffff; +} +.ui.basic.styled.accordion, +.ui.basic.styled.accordion .accordion { + background: transparent; + box-shadow: none; +} +.ui.basic.styled.accordion > .title, +.ui.basic.styled.accordion .accordion > .title { + border: none; + color: rgba(0, 0, 0, 0.6); +} +.ui.basic.styled.accordion > .title:hover, +.ui.basic.styled.accordion .accordion > .title:hover { + background: transparent; + color: rgba(0, 0, 0, 0.87); +} +.ui.basic.styled.accordion[open] > .title, +.ui.basic.styled.accordion .active.title, +.ui.basic.styled.accordion .accordion[open] > .title, +.ui.basic.styled.accordion .accordion .active.title { + background: transparent; + color: rgba(0, 0, 0, 0.95); +} +.ui.inverted.basic.styled.accordion > .title, +.ui.inverted.basic.styled.accordion .accordion > .title { + background: transparent; + color: rgba(255, 255, 255, 0.8); +} +.ui.inverted.basic.styled.accordion > .title:hover, +.ui.inverted.basic.styled.accordion .accordion > .title:hover { + background: transparent; + color: rgba(255, 255, 255, 0.9); +} +.ui.inverted.basic.styled.accordion[open] > .title, +.ui.inverted.basic.styled.accordion .active.title, +.ui.inverted.basic.styled.accordion .accordion[open] > .title, +.ui.inverted.basic.styled.accordion .accordion .active.title { + background: transparent; + color: #ffffff; +} +.ui.tree.accordion:not(.styled) .title ~ .content, +.ui.tree.accordion:not(.styled) .accordion .title ~ .content { + padding: 0; +} +.ui.tree.accordion > .content, +.ui.tree.accordion .accordion > .content { + margin-left: 1.7em; +} +.ui.tree.accordion .accordion { + margin-top: 0; +} + + +/******************************* + Theme Overrides +*******************************/ + +@font-face { + font-family: Accordion; + src: url("data:application/font-woff;base64,d09GRk9UVE8AAAREAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC7AAAAQoAAAE/j/fxwUZGVE0AAAQUAAAAHAAAAByNqvxQR0RFRgAAA/gAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadW5mNtYXAAAAKMAAAAUQAAAWAFZuKDaGVhZAAAAQgAAAAyAAAANg8zT8toaGVhAAABPAAAABoAAAAkApkA5mhtdHgAAAQwAAAAEwAAABYBtwASbWF4cAAAAVgAAAAGAAAABgAGUABuYW1lAAABpAAAAOYAAAGq/HAhWXBvc3QAAALgAAAADAAAACAAAwAAeJxjYGRgYADi8KWRsvH8Nl8ZuJkYQOD838XvQPT9hGxNIOXJsJ0xD0hzMIClARzsCcoAAHicY2BkYGB88P8BkGQAg+0wBhywAgBgjgOAAAAAAFAAAAYAAHicY2BmOM84gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwARVcMJwAAeJx1jrFOwzAURU/SNKgFIVgQ6uSRKWolZjaQOnQBqQNb2lpRpMqW3HTowhew8U9I/BU37WOjtmyfd/3utYEbvsn4G7lxRsmtcc4FD8YD6U/GhfjNeMglybjU/DQeM+FHrqwY2QsnzrgSnTjnmnvjgfSpcSF+Nh5yx7txKf3DeMwjX31soqajJdCoqLs26HzFq9yz1WVS6Zv9tk5nmv8Vl0pI7CRHXThmVPofS592bQxuVk3PGF+Ohk6WRhHhGNO3eTbSVhy0z1mra6HV91YyxdC5xgevFL9xq4Obr+MixlDxC/HTOrsAAHicY2BgYGaAYBkGRgYQiALyGMF8FgY7IM3FwMHABISMDAofbv3/+/8/WJXCh5tgNuP/x2A+RC8bUC0DUB8rWIgNiJkY8AJm/NJDHgAALqoOxgAAAHicY2BmwAsAAH0ABHicPY7BSsNAEIZnkk2zlhg1JKAYxOrJi6RepMdC8SKefAJP4kVBzCtkNw7ZjeK1j9C38Rn6CO5CDrppigwMM8P/f/8gMAaIGL4+vD09PwJ6gLCwp2AnaM88e+7bQ0aRTxE7GcPRffJL9D9EIX2bW+sFOXzu5QD7OSwPcuA5Xiew05N8CIDDLiSQuTqGSVmU0/KqKG+Kxaxv8+llMURvHwBAgRJrfEeCEaLns9HdRxzHP/FqaV4yaptWK25SkwZKu4Va0rUSWjYVVbz7CqmqhZBSiNodqGqk5l2vFqrW1PJ4tWbGqZxVKa31htA6gmN2aTBwBobzuYsU1YYkGheyZVBqLjKKxn8cSmvuAAB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAAM/9o+4AAAAA32BrKXicY2BAAEYQsZ1BiIEBAAPpAMsA") format("woff"); + font-weight: normal; + font-style: normal; +} + +/* Dropdown Icon */ +.ui.accordion .ui.header > .dropdown.icon, +.ui.accordion .title > .dropdown.icon, +.ui.accordion .accordion .title > .dropdown.icon { + font-family: Accordion; + line-height: 1; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + font-weight: normal; + font-style: normal; + text-align: center; +} +.ui.accordion .ui.header > .dropdown.icon::before, +.ui.accordion .title > .dropdown.icon::before, +.ui.accordion .accordion .title > .dropdown.icon::before { + content: "\f0da" +/* rtl: "\f0d9" */; +} + + +/******************************* + User Overrides +*******************************/ + diff --git a/dist/library/fomantic/components/accordion.js b/dist/library/fomantic/components/accordion.js new file mode 100644 index 0000000..89994ab --- /dev/null +++ b/dist/library/fomantic/components/accordion.js @@ -0,0 +1,593 @@ +/*! + * # Fomantic-UI 2.9.3 - Accordion + * https://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */ + +(function ($, window, document) { + 'use strict'; + + function isFunction(obj) { + return typeof obj === 'function' && typeof obj.nodeType !== 'number'; + } + + window = window !== undefined && window.Math === Math + ? window + : globalThis; + + $.fn.accordion = function (parameters) { + var + $allModules = $(this), + + time = Date.now(), + performance = [], + + query = arguments[0], + methodInvoked = typeof query === 'string', + queryArguments = [].slice.call(arguments, 1), + + returnedValue + ; + $allModules.each(function () { + var + settings = $.isPlainObject(parameters) + ? $.extend(true, {}, $.fn.accordion.settings, parameters) + : $.extend({}, $.fn.accordion.settings), + + className = settings.className, + namespace = settings.namespace, + selector = settings.selector, + error = settings.error, + + eventNamespace = '.' + namespace, + moduleNamespace = 'module-' + namespace, + + $module = $(this), + $title = $module.find(selector.title), + $content = $module.find(selector.content), + + element = this, + instance = $module.data(moduleNamespace), + observer, + module + ; + + module = { + + initialize: function () { + module.debug('Initializing', $module); + module.bind.events(); + if (settings.observeChanges) { + module.observeChanges(); + } + module.instantiate(); + }, + + instantiate: function () { + instance = module; + $module + .data(moduleNamespace, module) + ; + }, + + destroy: function () { + module.debug('Destroying previous instance', $module); + $module + .off(eventNamespace) + .removeData(moduleNamespace) + ; + }, + + refresh: function () { + $title = $module.find(selector.title); + $content = $module.find(selector.content); + }, + + observeChanges: function () { + if ('MutationObserver' in window) { + observer = new MutationObserver(function (mutations) { + module.debug('DOM tree modified, updating selector cache'); + module.refresh(); + }); + observer.observe(element, { + childList: true, + subtree: true, + }); + module.debug('Setting up mutation observer', observer); + } + }, + + bind: { + events: function () { + module.debug('Binding delegated events'); + $module + .on(settings.on + eventNamespace, selector.trigger, module.event.click) + ; + }, + }, + + event: { + click: function (event) { + if ($(event.target).closest(selector.ignore).length === 0) { + module.toggle.call(this); + } + }, + }, + + toggle: function (query) { + var + $activeTitle = query !== undefined + ? (typeof query === 'number' + ? $title.eq(query) + : $(query).closest(selector.title)) + : $(this).closest(selector.title), + $activeContent = $activeTitle.next($content), + isAnimating = $activeContent.hasClass(className.animating), + isActive = $activeContent.hasClass(className.active), + isOpen = isActive && !isAnimating, + isOpening = !isActive && isAnimating + ; + module.debug('Toggling visibility of content', $activeTitle); + if (isOpen || isOpening) { + if (settings.collapsible) { + module.close.call($activeTitle); + } else { + module.debug('Cannot close accordion content collapsing is disabled'); + } + } else { + module.open.call($activeTitle); + } + }, + + open: function (query) { + var + $activeTitle = query !== undefined + ? (typeof query === 'number' + ? $title.eq(query) + : $(query).closest(selector.title)) + : $(this).closest(selector.title), + $activeContent = $activeTitle.next($content), + isAnimating = $activeContent.hasClass(className.animating), + isActive = $activeContent.hasClass(className.active), + isOpen = isActive || isAnimating + ; + if (isOpen) { + module.debug('Accordion already open, skipping', $activeContent); + + return; + } + module.debug('Opening accordion content', $activeTitle); + settings.onOpening.call($activeContent); + settings.onChanging.call($activeContent); + if (settings.exclusive) { + module.closeOthers.call($activeTitle); + } + $activeTitle + .addClass(className.active) + ; + $activeContent + .stop(true, true) + .addClass(className.animating) + ; + if (settings.animateChildren) { + if ($.fn.transition !== undefined) { + $activeContent + .children() + .transition({ + animation: 'fade in', + queue: false, + useFailSafe: true, + debug: settings.debug, + verbose: settings.verbose, + silent: settings.silent, + duration: settings.duration, + skipInlineHidden: true, + onComplete: function () { + $activeContent.children().removeClass(className.transition); + }, + }) + ; + } else { + $activeContent + .children() + .stop(true, true) + .animate({ + opacity: 1, + }, settings.duration, module.resetOpacity); + } + } + $activeContent + .slideDown(settings.duration, settings.easing, function () { + $activeContent + .removeClass(className.animating) + .addClass(className.active) + ; + module.reset.display.call(this); + settings.onOpen.call(this); + settings.onChange.call(this); + }) + ; + }, + + close: function (query) { + var + $activeTitle = query !== undefined + ? (typeof query === 'number' + ? $title.eq(query) + : $(query).closest(selector.title)) + : $(this).closest(selector.title), + $activeContent = $activeTitle.next($content), + isAnimating = $activeContent.hasClass(className.animating), + isActive = $activeContent.hasClass(className.active), + isOpening = !isActive && isAnimating, + isClosing = isActive && isAnimating + ; + if ((isActive || isOpening) && !isClosing) { + module.debug('Closing accordion content', $activeContent); + settings.onClosing.call($activeContent); + settings.onChanging.call($activeContent); + $activeTitle + .removeClass(className.active) + ; + $activeContent + .stop(true, true) + .addClass(className.animating) + ; + if (settings.animateChildren) { + if ($.fn.transition !== undefined) { + $activeContent + .children() + .transition({ + animation: 'fade out', + queue: false, + useFailSafe: true, + debug: settings.debug, + verbose: settings.verbose, + silent: settings.silent, + duration: settings.duration, + skipInlineHidden: true, + }) + ; + } else { + $activeContent + .children() + .stop(true, true) + .animate({ + opacity: 0, + }, settings.duration, module.resetOpacity); + } + } + $activeContent + .slideUp(settings.duration, settings.easing, function () { + $activeContent + .removeClass(className.animating) + .removeClass(className.active) + ; + module.reset.display.call(this); + settings.onClose.call(this); + settings.onChange.call(this); + }) + ; + } + }, + + closeOthers: function (index) { + var + $activeTitle = index !== undefined + ? $title.eq(index) + : $(this).closest(selector.title), + $parentTitles = $activeTitle.parents(selector.content).prev(selector.title), + $activeAccordion = $activeTitle.closest(selector.accordion), + activeSelector = selector.title + '.' + className.active + ':visible', + activeContent = selector.content + '.' + className.active + ':visible', + $openTitles, + $nestedTitles, + $openContents + ; + if (settings.closeNested) { + $openTitles = $activeAccordion.find(activeSelector).not($parentTitles); + $openContents = $openTitles.next($content); + } else { + $openTitles = $activeAccordion.find(activeSelector).not($parentTitles); + $nestedTitles = $activeAccordion.find(activeContent).find(activeSelector).not($parentTitles); + $openTitles = $openTitles.not($nestedTitles); + $openContents = $openTitles.next($content); + } + if ($openTitles.length > 0) { + module.debug('Exclusive enabled, closing other content', $openTitles); + $openTitles + .removeClass(className.active) + ; + $openContents + .removeClass(className.animating) + .stop(true, true) + ; + if (settings.animateChildren) { + if ($.fn.transition !== undefined) { + $openContents + .children() + .transition({ + animation: 'fade out', + useFailSafe: true, + debug: settings.debug, + verbose: settings.verbose, + silent: settings.silent, + duration: settings.duration, + skipInlineHidden: true, + }) + ; + } else { + $openContents + .children() + .stop(true, true) + .animate({ + opacity: 0, + }, settings.duration, module.resetOpacity); + } + } + $openContents + .slideUp(settings.duration, settings.easing, function () { + $(this).removeClass(className.active); + module.reset.display.call(this); + }) + ; + } + }, + + reset: { + + display: function () { + module.verbose('Removing inline display from element', this); + var $element = $(this); + $element.css('display', ''); + if ($element.attr('style') === '') { + $element + .attr('style', '') + .removeAttr('style') + ; + } + }, + + opacity: function () { + module.verbose('Removing inline opacity from element', this); + var $element = $(this); + $element.css('opacity', ''); + if ($element.attr('style') === '') { + $element + .attr('style', '') + .removeAttr('style') + ; + } + }, + + }, + + setting: function (name, value) { + module.debug('Changing setting', name, value); + if ($.isPlainObject(name)) { + $.extend(true, settings, name); + } else if (value !== undefined) { + if ($.isPlainObject(settings[name])) { + $.extend(true, settings[name], value); + } else { + settings[name] = value; + } + } else { + return settings[name]; + } + }, + internal: function (name, value) { + module.debug('Changing internal', name, value); + if (value !== undefined) { + if ($.isPlainObject(name)) { + $.extend(true, module, name); + } else { + module[name] = value; + } + } else { + return module[name]; + } + }, + debug: function () { + if (!settings.silent && settings.debug) { + if (settings.performance) { + module.performance.log(arguments); + } else { + module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); + module.debug.apply(console, arguments); + } + } + }, + verbose: function () { + if (!settings.silent && settings.verbose && settings.debug) { + if (settings.performance) { + module.performance.log(arguments); + } else { + module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); + module.verbose.apply(console, arguments); + } + } + }, + error: function () { + if (!settings.silent) { + module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); + module.error.apply(console, arguments); + } + }, + performance: { + log: function (message) { + var + currentTime, + executionTime, + previousTime + ; + if (settings.performance) { + currentTime = Date.now(); + previousTime = time || currentTime; + executionTime = currentTime - previousTime; + time = currentTime; + performance.push({ + Name: message[0], + Arguments: [].slice.call(message, 1) || '', + Element: element, + 'Execution Time': executionTime, + }); + } + clearTimeout(module.performance.timer); + module.performance.timer = setTimeout(function () { module.performance.display(); }, 500); + }, + display: function () { + var + title = settings.name + ':', + totalTime = 0 + ; + time = false; + clearTimeout(module.performance.timer); + $.each(performance, function (index, data) { + totalTime += data['Execution Time']; + }); + title += ' ' + totalTime + 'ms'; + if (performance.length > 0) { + console.groupCollapsed(title); + if (console.table) { + console.table(performance); + } else { + $.each(performance, function (index, data) { + console.log(data.Name + ': ' + data['Execution Time'] + 'ms'); + }); + } + console.groupEnd(); + } + performance = []; + }, + }, + invoke: function (query, passedArguments, context) { + var + object = instance, + maxDepth, + found, + response + ; + passedArguments = passedArguments || queryArguments; + context = context || element; + if (typeof query === 'string' && object !== undefined) { + query = query.split(/[ .]/); + maxDepth = query.length - 1; + $.each(query, function (depth, value) { + var camelCaseValue = depth !== maxDepth + ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) + : query; + if ($.isPlainObject(object[camelCaseValue]) && (depth !== maxDepth)) { + object = object[camelCaseValue]; + } else if (object[camelCaseValue] !== undefined) { + found = object[camelCaseValue]; + + return false; + } else if ($.isPlainObject(object[value]) && (depth !== maxDepth)) { + object = object[value]; + } else if (object[value] !== undefined) { + found = object[value]; + + return false; + } else { + module.error(error.method, query); + + return false; + } + }); + } + if (isFunction(found)) { + response = found.apply(context, passedArguments); + } else if (found !== undefined) { + response = found; + } + if (Array.isArray(returnedValue)) { + returnedValue.push(response); + } else if (returnedValue !== undefined) { + returnedValue = [returnedValue, response]; + } else if (response !== undefined) { + returnedValue = response; + } + + return found; + }, + }; + if (methodInvoked) { + if (instance === undefined) { + module.initialize(); + } + module.invoke(query); + } else { + if (instance !== undefined) { + instance.invoke('destroy'); + } + module.initialize(); + } + }); + + return returnedValue !== undefined + ? returnedValue + : this; + }; + + $.fn.accordion.settings = { + + name: 'Accordion', + namespace: 'accordion', + + silent: false, + debug: false, + verbose: false, + performance: true, + + on: 'click', // event on title that opens accordion + + observeChanges: true, // whether accordion should automatically refresh on DOM insertion + + exclusive: true, // whether a single accordion content panel should be open at once + collapsible: true, // whether accordion content can be closed + closeNested: false, // whether nested content should be closed when a panel is closed + animateChildren: true, // whether children opacity should be animated + + duration: 350, // duration of animation + easing: 'easeOutQuad', // easing equation for animation + + onOpening: function () {}, // callback before open animation + onClosing: function () {}, // callback before closing animation + onChanging: function () {}, // callback before closing or opening animation + + onOpen: function () {}, // callback after open animation + onClose: function () {}, // callback after closing animation + onChange: function () {}, // callback after closing or opening animation + + error: { + method: 'The method you called is not defined', + }, + + className: { + active: 'active', + animating: 'animating', + transition: 'transition', + }, + + selector: { + accordion: '.accordion', + title: '.title', + trigger: '.title', + ignore: '.ui.dropdown', + content: '.content', + }, + + }; + + // Adds easing + $.extend($.easing, { + easeOutQuad: function (x) { + return 1 - (1 - x) * (1 - x); + }, + }); +})(jQuery, window, document); diff --git a/dist/library/fomantic/components/accordion.min.css b/dist/library/fomantic/components/accordion.min.css new file mode 100644 index 0000000..0972dc8 --- /dev/null +++ b/dist/library/fomantic/components/accordion.min.css @@ -0,0 +1,9 @@ +/*! + * # Fomantic-UI 2.9.3 - Accordion + * https://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */.ui.accordion,.ui.accordion .accordion{max-width:100%}.ui.accordion .accordion{margin:1em 0 0;padding:0}.ui.accordion .accordion>.title,.ui.accordion.menu .item>.title,.ui.accordion>.title{cursor:pointer;padding:.5em 0;font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1em;color:rgba(0,0,0,.87);list-style:none;line-height:1}.ui.accordion:not(.styled) .accordion .title~.content,.ui.accordion:not(.styled) .title~.content{margin:"";padding:.5em 0 1em}.ui.accordion:not(.styled) .title~.content:last-child{padding-bottom:0}.ui.accordion .accordion .title>.dropdown.icon,.ui.accordion .title>.dropdown.icon,.ui.accordion .ui.header>.dropdown.icon{display:inline-block;float:none;opacity:1;width:1.25em;height:1em;margin:0 .25rem 0 0;padding:0;font-size:1em;transition:transform .1s ease,opacity .1s ease;vertical-align:baseline;transform:none}.ui.accordion .accordion .title>.dropdown.icon.right,.ui.accordion .title>.dropdown.icon.right,.ui.accordion .ui.header>.dropdown.icon.right{float:right;transform:rotate(180deg)}.ui.accordion.menu .item .title{display:block;padding:0}.ui.accordion.menu .item .title>.dropdown.icon{float:right;margin:0 .25rem 0 0;transform:rotate(180deg)}.ui.accordion .ui.header>.dropdown.icon{font-size:1em;margin:0 .25rem 0 0}.ui.accordion .accordion .active.title>.dropdown.icon,.ui.accordion .accordion[open]>.title>.dropdown.icon,.ui.accordion .active.title>.dropdown.icon,.ui.accordion[open]>.title>.dropdown.icon{transform:rotate(90deg)}.ui.accordion.menu .item .active.title>.dropdown.icon{transform:rotate(90deg)}.ui.styled.accordion{width:600px}.ui.styled.accordion,.ui.styled.accordion .accordion{border-radius:.28571429rem;background:#fff;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15)}.ui.styled.accordion .accordion>.title,.ui.styled.accordion>.title{margin:0;padding:.75em 1em;color:rgba(0,0,0,.4);font-weight:700;border-top:1px solid rgba(34,36,38,.15);transition:background .1s ease,color .1s ease}.ui.styled.accordion .accordion>.title:first-child,.ui.styled.accordion>.title:first-child{border-top:none}.ui.styled.accordion>.content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion>.content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion>.title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .accordion>.title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .active.title,.ui.styled.accordion[open]>.title{background:0 0;color:rgba(0,0,0,.95)}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion[open]>.title{background:0 0;color:rgba(0,0,0,.95)}.ui.compact.accordion:not(.styled) .accordion>.title,.ui.compact.accordion:not(.styled)>.title{padding:.25em 0}.ui.compact.accordion:not(.styled) .accordion .title~.content,.ui.compact.accordion:not(.styled) .title~.content{padding:.25em 0 .5em}.ui.compact.styled.accordion .accordion>.title,.ui.compact.styled.accordion>.title{padding:.375em .5em}.ui.compact.styled.accordion .accordion .title~.content,.ui.compact.styled.accordion .title~.content{padding:.25em .5em .75em}.ui[class*="very compact"].accordion:not(.styled) .accordion>.title,.ui[class*="very compact"].accordion:not(.styled)>.title{padding:.125em 0}.ui[class*="very compact"].accordion:not(.styled) .accordion .title~.content,.ui[class*="very compact"].accordion:not(.styled) .title~.content{padding:.125em 0 .25em}.ui[class*="very compact"].styled.accordion .accordion>.title,.ui[class*="very compact"].styled.accordion>.title{padding:.1875em .25em}.ui[class*="very compact"].styled.accordion .accordion .title~.content,.ui[class*="very compact"].styled.accordion .title~.content{padding:.125em .25em .375em}.ui.accordion .accordion:not(details) .title~.content:not(.active),.ui.accordion:not(details) .title~.content:not(.active){display:none}.ui.fluid.accordion,.ui.fluid.accordion .accordion{width:100%}.ui.inverted.accordion .accordion>.title,.ui.inverted.accordion.menu .item>.title,.ui.inverted.accordion>.title{color:rgba(255,255,255,.9)}.ui.inverted.styled.accordion,.ui.inverted.styled.accordion .accordion{background:#1b1c1d;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(255,255,255,.1)}.ui.inverted.styled.accordion .accordion>.title,.ui.inverted.styled.accordion>.title{color:rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.1)}.ui.inverted.styled.accordion>.title:hover{background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.styled.accordion .accordion>.title:hover{background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.styled.accordion .active.title,.ui.inverted.styled.accordion[open]>.title{background:0 0;color:#fff}.ui.inverted.styled.accordion .accordion .active.title,.ui.inverted.styled.accordion .accordion[open]>.title{background:0 0;color:#fff}.ui.basic.styled.accordion,.ui.basic.styled.accordion .accordion{background:0 0;box-shadow:none}.ui.basic.styled.accordion .accordion>.title,.ui.basic.styled.accordion>.title{border:none;color:rgba(0,0,0,.6)}.ui.basic.styled.accordion .accordion>.title:hover,.ui.basic.styled.accordion>.title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.basic.styled.accordion .accordion .active.title,.ui.basic.styled.accordion .accordion[open]>.title,.ui.basic.styled.accordion .active.title,.ui.basic.styled.accordion[open]>.title{background:0 0;color:rgba(0,0,0,.95)}.ui.inverted.basic.styled.accordion .accordion>.title,.ui.inverted.basic.styled.accordion>.title{background:0 0;color:rgba(255,255,255,.8)}.ui.inverted.basic.styled.accordion .accordion>.title:hover,.ui.inverted.basic.styled.accordion>.title:hover{background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.basic.styled.accordion .accordion .active.title,.ui.inverted.basic.styled.accordion .accordion[open]>.title,.ui.inverted.basic.styled.accordion .active.title,.ui.inverted.basic.styled.accordion[open]>.title{background:0 0;color:#fff}.ui.tree.accordion:not(.styled) .accordion .title~.content,.ui.tree.accordion:not(.styled) .title~.content{padding:0}.ui.tree.accordion .accordion>.content,.ui.tree.accordion>.content{margin-left:1.7em}.ui.tree.accordion .accordion{margin-top:0}@font-face{font-family:Accordion;src:url(data:application/font-woff;base64,d09GRk9UVE8AAAREAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC7AAAAQoAAAE/j/fxwUZGVE0AAAQUAAAAHAAAAByNqvxQR0RFRgAAA/gAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadW5mNtYXAAAAKMAAAAUQAAAWAFZuKDaGVhZAAAAQgAAAAyAAAANg8zT8toaGVhAAABPAAAABoAAAAkApkA5mhtdHgAAAQwAAAAEwAAABYBtwASbWF4cAAAAVgAAAAGAAAABgAGUABuYW1lAAABpAAAAOYAAAGq/HAhWXBvc3QAAALgAAAADAAAACAAAwAAeJxjYGRgYADi8KWRsvH8Nl8ZuJkYQOD838XvQPT9hGxNIOXJsJ0xD0hzMIClARzsCcoAAHicY2BkYGB88P8BkGQAg+0wBhywAgBgjgOAAAAAAFAAAAYAAHicY2BmOM84gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwARVcMJwAAeJx1jrFOwzAURU/SNKgFIVgQ6uSRKWolZjaQOnQBqQNb2lpRpMqW3HTowhew8U9I/BU37WOjtmyfd/3utYEbvsn4G7lxRsmtcc4FD8YD6U/GhfjNeMglybjU/DQeM+FHrqwY2QsnzrgSnTjnmnvjgfSpcSF+Nh5yx7txKf3DeMwjX31soqajJdCoqLs26HzFq9yz1WVS6Zv9tk5nmv8Vl0pI7CRHXThmVPofS592bQxuVk3PGF+Ohk6WRhHhGNO3eTbSVhy0z1mra6HV91YyxdC5xgevFL9xq4Obr+MixlDxC/HTOrsAAHicY2BgYGaAYBkGRgYQiALyGMF8FgY7IM3FwMHABISMDAofbv3/+/8/WJXCh5tgNuP/x2A+RC8bUC0DUB8rWIgNiJkY8AJm/NJDHgAALqoOxgAAAHicY2BmwAsAAH0ABHicPY7BSsNAEIZnkk2zlhg1JKAYxOrJi6RepMdC8SKefAJP4kVBzCtkNw7ZjeK1j9C38Rn6CO5CDrppigwMM8P/f/8gMAaIGL4+vD09PwJ6gLCwp2AnaM88e+7bQ0aRTxE7GcPRffJL9D9EIX2bW+sFOXzu5QD7OSwPcuA5Xiew05N8CIDDLiSQuTqGSVmU0/KqKG+Kxaxv8+llMURvHwBAgRJrfEeCEaLns9HdRxzHP/FqaV4yaptWK25SkwZKu4Va0rUSWjYVVbz7CqmqhZBSiNodqGqk5l2vFqrW1PJ4tWbGqZxVKa31htA6gmN2aTBwBobzuYsU1YYkGheyZVBqLjKKxn8cSmvuAAB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAAM/9o+4AAAAA32BrKXicY2BAAEYQsZ1BiIEBAAPpAMsA) format("woff");font-weight:400;font-style:normal}.ui.accordion .accordion .title>.dropdown.icon,.ui.accordion .title>.dropdown.icon,.ui.accordion .ui.header>.dropdown.icon{font-family:Accordion;line-height:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.accordion .accordion .title>.dropdown.icon::before,.ui.accordion .title>.dropdown.icon::before,.ui.accordion .ui.header>.dropdown.icon::before{content:"\f0da"} \ No newline at end of file diff --git a/dist/library/fomantic/components/accordion.min.js b/dist/library/fomantic/components/accordion.min.js new file mode 100644 index 0000000..b87eac6 --- /dev/null +++ b/dist/library/fomantic/components/accordion.min.js @@ -0,0 +1,11 @@ +/* + * # Fomantic UI - 2.9.3 + * https://github.com/fomantic/Fomantic-UI + * https://fomantic-ui.com/ + * + * Copyright 2023 Contributors + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */ +!function(O,x){"use strict";x=void 0!==x&&x.Math===Math?x:globalThis,O.fn.accordion=function(v){var p,e=O(this),m=Date.now(),h=[],b=v,y="string"==typeof b,C=[].slice.call(arguments,1);return e.each(function(){var e,a=O.isPlainObject(v)?O.extend(!0,{},O.fn.accordion.settings,v):O.extend({},O.fn.accordion.settings),s=a.className,n=a.namespace,l=a.selector,c=a.error,i="."+n,t="module-"+n,o=O(this),r=o.find(l.title),d=o.find(l.content),u=this,g=o.data(t),f={initialize:function(){f.debug("Initializing",o),f.bind.events(),a.observeChanges&&f.observeChanges(),f.instantiate()},instantiate:function(){g=f,o.data(t,f)},destroy:function(){f.debug("Destroying previous instance",o),o.off(i).removeData(t)},refresh:function(){r=o.find(l.title),d=o.find(l.content)},observeChanges:function(){"MutationObserver"in x&&((e=new MutationObserver(function(e){f.debug("DOM tree modified, updating selector cache"),f.refresh()})).observe(u,{childList:!0,subtree:!0}),f.debug("Setting up mutation observer",e))},bind:{events:function(){f.debug("Binding delegated events"),o.on(a.on+i,l.trigger,f.event.click)}},event:{click:function(e){0===O(e.target).closest(l.ignore).length&&f.toggle.call(this)}},toggle:function(e){var e=void 0!==e?"number"==typeof e?r.eq(e):O(e).closest(l.title):O(this).closest(l.title),n=e.next(d),i=n.hasClass(s.animating),n=n.hasClass(s.active),t=n&&!i,n=!n&&i;f.debug("Toggling visibility of content",e),t||n?a.collapsible?f.close.call(e):f.debug("Cannot close accordion content collapsing is disabled"):f.open.call(e)},open:function(e){var e=void 0!==e?"number"==typeof e?r.eq(e):O(e).closest(l.title):O(this).closest(l.title),n=e.next(d),i=n.hasClass(s.animating);n.hasClass(s.active)||i?f.debug("Accordion already open, skipping",n):(f.debug("Opening accordion content",e),a.onOpening.call(n),a.onChanging.call(n),a.exclusive&&f.closeOthers.call(e),e.addClass(s.active),n.stop(!0,!0).addClass(s.animating),a.animateChildren&&(void 0!==O.fn.transition?n.children().transition({animation:"fade in",queue:!1,useFailSafe:!0,debug:a.debug,verbose:a.verbose,silent:a.silent,duration:a.duration,skipInlineHidden:!0,onComplete:function(){n.children().removeClass(s.transition)}}):n.children().stop(!0,!0).animate({opacity:1},a.duration,f.resetOpacity)),n.slideDown(a.duration,a.easing,function(){n.removeClass(s.animating).addClass(s.active),f.reset.display.call(this),a.onOpen.call(this),a.onChange.call(this)}))},close:function(e){var e=void 0!==e?"number"==typeof e?r.eq(e):O(e).closest(l.title):O(this).closest(l.title),n=e.next(d),i=n.hasClass(s.animating),t=n.hasClass(s.active);!t&&!(!t&&i)||t&&i||(f.debug("Closing accordion content",n),a.onClosing.call(n),a.onChanging.call(n),e.removeClass(s.active),n.stop(!0,!0).addClass(s.animating),a.animateChildren&&(void 0!==O.fn.transition?n.children().transition({animation:"fade out",queue:!1,useFailSafe:!0,debug:a.debug,verbose:a.verbose,silent:a.silent,duration:a.duration,skipInlineHidden:!0}):n.children().stop(!0,!0).animate({opacity:0},a.duration,f.resetOpacity)),n.slideUp(a.duration,a.easing,function(){n.removeClass(s.animating).removeClass(s.active),f.reset.display.call(this),a.onClose.call(this),a.onChange.call(this)}))},closeOthers:function(e){var n,e=void 0!==e?r.eq(e):O(this).closest(l.title),i=e.parents(l.content).prev(l.title),e=e.closest(l.accordion),t=l.title+"."+s.active+":visible",o=l.content+"."+s.active+":visible",o=a.closeNested?(n=e.find(t).not(i)).next(d):(n=e.find(t).not(i),e=e.find(o).find(t).not(i),(n=n.not(e)).next(d));0= 0) { + $context = $(context); + } else { + $context = $(win.document).find(context); + if ($context.length === 0) { + $context = win.frameElement ? contextCheck(context, win.parent) : window; + } + } + + return $context; + }, + returnedValue + ; + + $allModules.each(function () { + var + settings = $.isPlainObject(parameters) + ? $.extend(true, {}, $.fn.api.settings, parameters) + : $.extend({}, $.fn.api.settings), + + // internal aliases + regExp = settings.regExp, + namespace = settings.namespace, + metadata = settings.metadata, + selector = settings.selector, + error = settings.error, + className = settings.className, + + // define namespaces for modules + eventNamespace = '.' + namespace, + moduleNamespace = 'module-' + namespace, + + // element that creates request + $module = $(this), + $form = $module.closest(selector.form), + + // context used for state + $context = settings.stateContext ? contextCheck(settings.stateContext, window) : $module, + + // request details + ajaxSettings, + requestSettings, + url, + data, + requestStartTime, + originalData, + + // standard module + element = this, + context = $context[0], + instance = $module.data(moduleNamespace), + module + ; + + module = { + + initialize: function () { + if (!methodInvoked) { + originalData = settings.data; + module.bind.events(); + } + module.instantiate(); + }, + + instantiate: function () { + module.verbose('Storing instance of module', module); + instance = module; + $module + .data(moduleNamespace, instance) + ; + }, + + destroy: function () { + module.verbose('Destroying previous module for', element); + $module + .removeData(moduleNamespace) + .off(eventNamespace) + ; + }, + + bind: { + events: function () { + var + triggerEvent = module.get.event() + ; + if (triggerEvent) { + module.verbose('Attaching API events to element', triggerEvent); + $module + .on(triggerEvent + eventNamespace, module.event.trigger) + ; + } else if (settings.on === 'now') { + module.debug('Querying API endpoint immediately'); + module.query(); + } + }, + }, + + decode: { + json: function (response) { + if (response !== undefined && typeof response === 'string') { + try { + response = JSON.parse(response); + } catch (e) { + // isn't json string + } + } + + return response; + }, + }, + + read: { + cachedResponse: function (url) { + var + response + ; + if (window.Storage === undefined) { + module.error(error.noStorage); + + return; + } + response = sessionStorage.getItem(url + module.get.normalizedData()); + module.debug('Using cached response', url, settings.data, response); + response = module.decode.json(response); + + return response; + }, + }, + write: { + cachedResponse: function (url, response) { + if (window.Storage === undefined) { + module.error(error.noStorage); + + return; + } + if ($.isPlainObject(response)) { + response = JSON.stringify(response); + } + sessionStorage.setItem(url + module.get.normalizedData(), response); + module.verbose('Storing cached response for url', url, settings.data, response); + }, + }, + + query: function () { + if (module.is.disabled()) { + module.debug('Element is disabled API request aborted'); + + return; + } + + if (module.is.loading()) { + if (settings.interruptRequests) { + module.debug('Interrupting previous request'); + module.abort(); + } else { + module.debug('Cancelling request, previous request is still pending'); + + return; + } + } + + // pass element metadata to url (value, text) + if (settings.defaultData) { + $.extend(true, settings.urlData, module.get.defaultData()); + } + + // Add form content + if (settings.serializeForm) { + settings.data = module.add.formData(originalData || settings.data); + } + + // call beforesend and get any settings changes + requestSettings = module.get.settings(); + + // check if before send cancelled request + if (requestSettings === false) { + module.cancelled = true; + module.error(error.beforeSend); + + return; + } + + module.cancelled = false; + + // get url + url = module.get.templatedURL(); + + if (!url && !module.is.mocked()) { + module.error(error.missingURL); + + return; + } + + // replace variables + url = module.add.urlData(url); + // missing url parameters + if (!url && !module.is.mocked()) { + return; + } + + requestSettings.url = settings.base + url; + + // look for jQuery ajax parameters in settings + ajaxSettings = $.extend(true, {}, settings, { + type: settings.method || settings.type, + data: data, + url: settings.base + url, + beforeSend: settings.beforeXHR, + success: function () {}, + failure: function () {}, + complete: function () {}, + }); + + module.debug('Querying URL', ajaxSettings.url); + module.verbose('Using AJAX settings', ajaxSettings); + if (settings.cache === 'local' && module.read.cachedResponse(url)) { + module.debug('Response returned from local cache'); + module.request = module.create.request(); + module.request.resolveWith(context, [module.read.cachedResponse(url)]); + + return; + } + + if (!settings.throttle) { + module.debug('Sending request', data, ajaxSettings.method); + module.send.request(); + } else { + if (!settings.throttleFirstRequest && !module.timer) { + module.debug('Sending request', data, ajaxSettings.method); + module.send.request(); + module.timer = setTimeout(function () {}, settings.throttle); + } else { + module.debug('Throttling request', settings.throttle); + clearTimeout(module.timer); + module.timer = setTimeout(function () { + if (module.timer) { + delete module.timer; + } + module.debug('Sending throttled request', data, ajaxSettings.method); + module.send.request(); + }, settings.throttle); + } + } + }, + + should: { + removeError: function () { + return settings.hideError === true || (settings.hideError === 'auto' && !module.is.form()); + }, + }, + + is: { + disabled: function () { + return $module.filter(selector.disabled).length > 0; + }, + expectingJSON: function () { + return settings.dataType === 'json' || settings.dataType === 'jsonp'; + }, + form: function () { + return $module.is('form') || $context.is('form'); + }, + mocked: function () { + return settings.mockResponse || settings.mockResponseAsync || settings.response || settings.responseAsync; + }, + input: function () { + return $module.is('input'); + }, + loading: function () { + return module.request + ? module.request.state() === 'pending' + : false; + }, + abortedRequest: function (xhr) { + if (xhr && xhr.readyState !== undefined && xhr.readyState === 0) { + module.verbose('XHR request determined to be aborted'); + + return true; + } + + module.verbose('XHR request was not aborted'); + + return false; + }, + validResponse: function (response) { + if (!module.is.expectingJSON() || !isFunction(settings.successTest)) { + module.verbose('Response is not JSON, skipping validation', settings.successTest, response); + + return true; + } + module.debug('Checking JSON returned success', settings.successTest, response); + if (settings.successTest(response)) { + module.debug('Response passed success test', response); + + return true; + } + + module.debug('Response failed success test', response); + + return false; + }, + }, + + was: { + cancelled: function () { + return module.cancelled || false; + }, + successful: function () { + return module.request && module.request.state() === 'resolved'; + }, + failure: function () { + return module.request && module.request.state() === 'rejected'; + }, + complete: function () { + return module.request && (module.request.state() === 'resolved' || module.request.state() === 'rejected'); + }, + }, + + add: { + urlData: function (url, urlData) { + var + requiredVariables, + optionalVariables + ; + if (url) { + requiredVariables = url.match(regExp.required); + optionalVariables = url.match(regExp.optional); + urlData = urlData || settings.urlData; + if (requiredVariables) { + module.debug('Looking for required URL variables', requiredVariables); + $.each(requiredVariables, function (index, templatedString) { + var + // allow legacy {$var} style + variable = templatedString.indexOf('$') !== -1 + ? templatedString.slice(2, -1) + : templatedString.slice(1, -1), + value = $.isPlainObject(urlData) && urlData[variable] !== undefined + ? urlData[variable] + : ($module.data(variable) !== undefined + ? $module.data(variable) + : ($context.data(variable) !== undefined // eslint-disable-line unicorn/no-nested-ternary + ? $context.data(variable) + : urlData[variable])) + ; + // remove value + if (value === undefined) { + module.error(error.requiredParameter, variable, url); + url = false; + + return false; + } + + module.verbose('Found required variable', variable, value); + value = settings.encodeParameters + ? module.get.urlEncodedValue(value) + : value; + url = url.replace(templatedString, value); + }); + } + if (optionalVariables) { + module.debug('Looking for optional URL variables', requiredVariables); + $.each(optionalVariables, function (index, templatedString) { + var + // allow legacy {/$var} style + variable = templatedString.indexOf('$') !== -1 + ? templatedString.slice(3, -1) + : templatedString.slice(2, -1), + value = $.isPlainObject(urlData) && urlData[variable] !== undefined + ? urlData[variable] + : ($module.data(variable) !== undefined + ? $module.data(variable) + : ($context.data(variable) !== undefined // eslint-disable-line unicorn/no-nested-ternary + ? $context.data(variable) + : urlData[variable])) + ; + // optional replacement + if (value !== undefined) { + module.verbose('Optional variable Found', variable, value); + url = url.replace(templatedString, value); + } else { + module.verbose('Optional variable not found', variable); + // remove preceding slash if set + url = url.indexOf('/' + templatedString) !== -1 + ? url.replace('/' + templatedString, '') + : url.replace(templatedString, ''); + } + }); + } + } + + return url; + }, + formData: function (data) { + var + formData = {}, + hasOtherData, + useFormDataApi = settings.serializeForm === 'formdata' + ; + data = data || originalData || settings.data; + hasOtherData = $.isPlainObject(data); + + if (useFormDataApi) { + formData = new FormData($form[0]); + settings.processData = settings.processData !== undefined ? settings.processData : false; + settings.contentType = settings.contentType !== undefined ? settings.contentType : false; + } else { + var + formArray = $form.serializeArray(), + pushes = {}, + pushValues = {}, + build = function (base, key, value) { + base[key] = value; + + return base; + } + ; + // add files + $.each($('input[type="file"]', $form), function (i, tag) { + $.each($(tag)[0].files, function (j, file) { + formArray.push({ name: tag.name, value: file }); + }); + }); + $.each(formArray, function (i, el) { + if (!regExp.validate.test(el.name)) { + return; + } + var + isCheckbox = $('[name="' + el.name + '"]', $form).attr('type') === 'checkbox', + floatValue = parseFloat(el.value), + value = (isCheckbox && el.value === 'on') + || el.value === 'true' + || (String(floatValue) === el.value + ? floatValue + : (el.value === 'false' ? false : el.value)), + nameKeys = el.name.match(regExp.key) || [], + pushKey = el.name.replace(/\[]$/, '') + ; + if (!(pushKey in pushes)) { + pushes[pushKey] = 0; + pushValues[pushKey] = value; + } else if (Array.isArray(pushValues[pushKey])) { + pushValues[pushKey].push(value); + } else { + pushValues[pushKey] = [pushValues[pushKey], value]; + } + if (pushKey.indexOf('[]') === -1) { + value = pushValues[pushKey]; + } + + while (nameKeys.length > 0) { + var k = nameKeys.pop(); + + if (k === '' && !Array.isArray(value)) { // foo[] + value = build([], pushes[pushKey]++, value); + } else if (regExp.fixed.test(k)) { // foo[n] + value = build([], k, value); + } else if (regExp.named.test(k)) { // foo; foo[bar] + value = build({}, k, value); + } + } + formData = $.extend(true, formData, value); + }); + } + + if (hasOtherData) { + module.debug('Extending existing data with form data', data, formData); + if (useFormDataApi) { + $.each(Object.keys(data), function (i, el) { + formData.append(el, data[el]); + }); + data = formData; + } else { + data = $.extend(true, {}, data, formData); + } + } else { + module.debug('Adding form data', formData); + data = formData; + } + + return data; + }, + }, + + send: { + request: function () { + module.set.loading(); + module.request = module.create.request(); + if (module.is.mocked()) { + module.mockedXHR = module.create.mockedXHR(); + } else { + module.xhr = module.create.xhr(); + } + settings.onRequest.call(context, module.request, module.xhr); + }, + }, + + event: { + trigger: function (event) { + module.query(); + if (event.type === 'submit' || event.type === 'click') { + event.preventDefault(); + } + }, + xhr: { + always: function () { + // nothing special + }, + done: function (response, textStatus, xhr) { + var + context = this, + elapsedTime = Date.now() - requestStartTime, + timeLeft = settings.loadingDuration - elapsedTime, + translatedResponse = isFunction(settings.onResponse) + ? (module.is.expectingJSON() && !settings.rawResponse + ? settings.onResponse.call(context, $.extend(true, {}, response)) + : settings.onResponse.call(context, response)) + : false + ; + timeLeft = timeLeft > 0 + ? timeLeft + : 0; + if (translatedResponse) { + module.debug('Modified API response in onResponse callback', settings.onResponse, translatedResponse, response); + response = translatedResponse; + } + if (timeLeft > 0) { + module.debug('Response completed early delaying state change by', timeLeft); + } + setTimeout(function () { + if (module.is.validResponse(response)) { + module.request.resolveWith(context, [response, xhr]); + } else { + module.request.rejectWith(context, [xhr, 'invalid']); + } + }, timeLeft); + }, + fail: function (xhr, status, httpMessage) { + var + context = this, + elapsedTime = Date.now() - requestStartTime, + timeLeft = settings.loadingDuration - elapsedTime + ; + timeLeft = timeLeft > 0 + ? timeLeft + : 0; + if (timeLeft > 0) { + module.debug('Response completed early delaying state change by', timeLeft); + } + setTimeout(function () { + if (module.is.abortedRequest(xhr)) { + module.request.rejectWith(context, [xhr, 'aborted', httpMessage]); + } else { + module.request.rejectWith(context, [xhr, 'error', status, httpMessage]); + } + }, timeLeft); + }, + }, + request: { + done: function (response, xhr) { + module.debug('Successful API Response', response); + if (settings.cache === 'local' && url) { + module.write.cachedResponse(url, response); + module.debug('Saving server response locally', module.cache); + } + settings.onSuccess.call(context, response, $module, xhr); + }, + complete: function (firstParameter, secondParameter) { + var + xhr, + response + ; + // have to guess callback parameters based on request success + if (module.was.successful()) { + response = firstParameter; + xhr = secondParameter; + } else { + xhr = firstParameter; + response = module.get.responseFromXHR(xhr); + } + module.remove.loading(); + settings.onComplete.call(context, response, $module, xhr); + }, + fail: function (xhr, status, httpMessage) { + var + // pull response from xhr if available + response = module.get.responseFromXHR(xhr), + errorMessage = module.get.errorFromRequest(response, status, httpMessage) + ; + if (status === 'aborted') { + module.debug('XHR Aborted (Most likely caused by page navigation or CORS Policy)', status, httpMessage); + settings.onAbort.call(context, status, $module, xhr); + + return true; + } + if (status === 'invalid') { + module.debug('JSON did not pass success test. A server-side error has most likely occurred', response); + } else if (status === 'error') { + if (xhr !== undefined) { + module.debug('XHR produced a server error', status, httpMessage); + // make sure we have an error to display to console + if ((xhr.status < 200 || xhr.status >= 300) && httpMessage !== undefined && httpMessage !== '') { + module.error(error.statusMessage + httpMessage, ajaxSettings.url); + } + settings.onError.call(context, errorMessage, $module, xhr); + } + } + + if (settings.errorDuration && status !== 'aborted') { + module.debug('Adding error state'); + module.set.error(); + if (module.should.removeError()) { + setTimeout(function () { module.remove.error(); }, settings.errorDuration); + } + } + module.debug('API Request failed', errorMessage, xhr); + settings.onFailure.call(context, response, $module, xhr); + }, + }, + }, + + create: { + + request: function () { + // api request promise + return $.Deferred() + .always(module.event.request.complete) + .done(module.event.request.done) + .fail(module.event.request.fail) + ; + }, + + mockedXHR: function () { + var + // xhr does not simulate these properties of xhr but must return them + textStatus = false, + status = false, + httpMessage = false, + responder = settings.mockResponse || settings.response, + asyncResponder = settings.mockResponseAsync || settings.responseAsync, + asyncCallback, + response, + mockedXHR + ; + + mockedXHR = $.Deferred() + .always(module.event.xhr.complete) + .done(module.event.xhr.done) + .fail(module.event.xhr.fail) + ; + + if (responder) { + if (isFunction(responder)) { + module.debug('Using specified synchronous callback', responder); + response = responder.call(context, requestSettings); + } else { + module.debug('Using settings specified response', responder); + response = responder; + } + // simulating response + mockedXHR.resolveWith(context, [response, textStatus, { responseText: response }]); + } else if (isFunction(asyncResponder)) { + asyncCallback = function (response) { + module.debug('Async callback returned response', response); + + if (response) { + mockedXHR.resolveWith(context, [response, textStatus, { responseText: response }]); + } else { + mockedXHR.rejectWith(context, [{ responseText: response }, status, httpMessage]); + } + }; + module.debug('Using specified async response callback', asyncResponder); + asyncResponder.call(context, requestSettings, asyncCallback); + } + + return mockedXHR; + }, + + xhr: function () { + var + xhr + ; + // ajax request promise + xhr = $.ajax(ajaxSettings) + .always(module.event.xhr.always) + .done(module.event.xhr.done) + .fail(module.event.xhr.fail) + ; + module.verbose('Created server request', xhr, ajaxSettings); + + return xhr; + }, + }, + + set: { + error: function () { + module.verbose('Adding error state to element', $context); + $context.addClass(className.error); + }, + loading: function () { + module.verbose('Adding loading state to element', $context); + $context.addClass(className.loading); + requestStartTime = Date.now(); + }, + }, + + remove: { + error: function () { + module.verbose('Removing error state from element', $context); + $context.removeClass(className.error); + }, + loading: function () { + module.verbose('Removing loading state from element', $context); + $context.removeClass(className.loading); + }, + }, + + get: { + normalizedData: function () { + return typeof settings.data === 'string' ? settings.data : JSON.stringify(settings.data, Object.keys(settings.data).sort()); + }, + responseFromXHR: function (xhr) { + return $.isPlainObject(xhr) + ? (module.is.expectingJSON() + ? module.decode.json(xhr.responseText) + : xhr.responseText) + : false; + }, + errorFromRequest: function (response, status, httpMessage) { + return $.isPlainObject(response) && response.error !== undefined + ? response.error // use json error message + : (settings.error[status] !== undefined // use server error message + ? settings.error[status] + : httpMessage); + }, + request: function () { + return module.request || false; + }, + xhr: function () { + return module.xhr || false; + }, + settings: function () { + var + runSettings + ; + runSettings = settings.beforeSend.call($module, settings); + if (runSettings) { + if (runSettings.success !== undefined) { + module.debug('Legacy success callback detected', runSettings); + module.error(error.legacyParameters, runSettings.success); + runSettings.onSuccess = runSettings.success; + } + if (runSettings.failure !== undefined) { + module.debug('Legacy failure callback detected', runSettings); + module.error(error.legacyParameters, runSettings.failure); + runSettings.onFailure = runSettings.failure; + } + if (runSettings.complete !== undefined) { + module.debug('Legacy complete callback detected', runSettings); + module.error(error.legacyParameters, runSettings.complete); + runSettings.onComplete = runSettings.complete; + } + } + if (runSettings === undefined) { + module.error(error.noReturnedValue); + } + if (runSettings === false) { + return runSettings; + } + + return runSettings !== undefined + ? $.extend(true, {}, runSettings) + : $.extend(true, {}, settings); + }, + urlEncodedValue: function (value) { + var + decodedValue = window.decodeURIComponent(value), + encodedValue = window.encodeURIComponent(value), + alreadyEncoded = decodedValue !== value + ; + if (alreadyEncoded) { + module.debug('URL value is already encoded, avoiding double encoding', value); + + return value; + } + module.verbose('Encoding value using encodeURIComponent', value, encodedValue); + + return encodedValue; + }, + defaultData: function () { + var + data = {} + ; + if (!isWindow(element)) { + if (module.is.input()) { + data.value = $module.val(); + } else if (!module.is.form()) { + data.text = $module.text(); + } + } + + return data; + }, + event: function () { + if (isWindow(element) || settings.on === 'now') { + module.debug('API called without element, no events attached'); + + return false; + } + if (settings.on === 'auto') { + if ($module.is('input')) { + return element.oninput !== undefined + ? 'input' + : (element.onpropertychange !== undefined + ? 'propertychange' + : 'keyup'); + } + if ($module.is('form')) { + return 'submit'; + } + + return 'click'; + } + + return settings.on; + }, + templatedURL: function (action) { + action = action || settings.action || $module.data(metadata.action) || false; + url = settings.url || $module.data(metadata.url) || false; + if (url) { + module.debug('Using specified url', url); + + return url; + } + if (action) { + module.debug('Looking up url for action', action, settings.api); + if (settings.api[action] === undefined && !module.is.mocked()) { + module.error(error.missingAction, settings.action, settings.api); + + return; + } + url = settings.api[action]; + } else if (module.is.form()) { + url = $module.attr('action') || $context.attr('action') || false; + module.debug('No url or action specified, defaulting to form action', url); + } + + return url; + }, + }, + + abort: function () { + var + xhr = module.get.xhr() + ; + if (xhr && xhr.state() !== 'resolved') { + module.debug('Cancelling API request'); + xhr.abort(); + } + }, + + // reset state + reset: function () { + module.remove.error(); + module.remove.loading(); + }, + + setting: function (name, value) { + module.debug('Changing setting', name, value); + if ($.isPlainObject(name)) { + $.extend(true, settings, name); + } else if (value !== undefined) { + if ($.isPlainObject(settings[name])) { + $.extend(true, settings[name], value); + } else { + settings[name] = value; + } + } else { + return settings[name]; + } + }, + internal: function (name, value) { + if ($.isPlainObject(name)) { + $.extend(true, module, name); + } else if (value !== undefined) { + module[name] = value; + } else { + return module[name]; + } + }, + debug: function () { + if (!settings.silent && settings.debug) { + if (settings.performance) { + module.performance.log(arguments); + } else { + module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); + module.debug.apply(console, arguments); + } + } + }, + verbose: function () { + if (!settings.silent && settings.verbose && settings.debug) { + if (settings.performance) { + module.performance.log(arguments); + } else { + module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); + module.verbose.apply(console, arguments); + } + } + }, + error: function () { + if (!settings.silent) { + module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); + module.error.apply(console, arguments); + } + }, + performance: { + log: function (message) { + var + currentTime, + executionTime, + previousTime + ; + if (settings.performance) { + currentTime = Date.now(); + previousTime = time || currentTime; + executionTime = currentTime - previousTime; + time = currentTime; + performance.push({ + Name: message[0], + Arguments: [].slice.call(message, 1) || '', + // 'Element' : element, + 'Execution Time': executionTime, + }); + } + clearTimeout(module.performance.timer); + module.performance.timer = setTimeout(function () { module.performance.display(); }, 500); + }, + display: function () { + var + title = settings.name + ':', + totalTime = 0 + ; + time = false; + clearTimeout(module.performance.timer); + $.each(performance, function (index, data) { + totalTime += data['Execution Time']; + }); + title += ' ' + totalTime + 'ms'; + if (performance.length > 0) { + console.groupCollapsed(title); + if (console.table) { + console.table(performance); + } else { + $.each(performance, function (index, data) { + console.log(data.Name + ': ' + data['Execution Time'] + 'ms'); + }); + } + console.groupEnd(); + } + performance = []; + }, + }, + invoke: function (query, passedArguments, context) { + var + object = instance, + maxDepth, + found, + response + ; + passedArguments = passedArguments || queryArguments; + context = context || element; + if (typeof query === 'string' && object !== undefined) { + query = query.split(/[ .]/); + maxDepth = query.length - 1; + $.each(query, function (depth, value) { + var camelCaseValue = depth !== maxDepth + ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) + : query + ; + if ($.isPlainObject(object[camelCaseValue]) && (depth !== maxDepth)) { + object = object[camelCaseValue]; + } else if (object[camelCaseValue] !== undefined) { + found = object[camelCaseValue]; + + return false; + } else if ($.isPlainObject(object[value]) && (depth !== maxDepth)) { + object = object[value]; + } else if (object[value] !== undefined) { + found = object[value]; + + return false; + } else { + module.error(error.method, query); + + return false; + } + }); + } + if (isFunction(found)) { + response = found.apply(context, passedArguments); + } else if (found !== undefined) { + response = found; + } + if (Array.isArray(returnedValue)) { + returnedValue.push(response); + } else if (returnedValue !== undefined) { + returnedValue = [returnedValue, response]; + } else if (response !== undefined) { + returnedValue = response; + } + + return found; + }, + }; + + if (methodInvoked) { + if (instance === undefined) { + module.initialize(); + } + module.invoke(query); + } else { + if (instance !== undefined) { + instance.invoke('destroy'); + } + module.initialize(); + } + }); + + return returnedValue !== undefined + ? returnedValue + : this; + }; + $.api = $.fn.api; + + $.api.settings = { + + name: 'API', + namespace: 'api', + + debug: false, + verbose: false, + performance: true, + + // object containing all templates endpoints + api: {}, + + // whether to cache responses + cache: true, + + // whether new requests should abort previous requests + interruptRequests: true, + + // event binding + on: 'auto', + + // context for applying state classes + stateContext: false, + + // duration for loading state + loadingDuration: 0, + + // whether to hide errors after a period of time + hideError: 'auto', + + // duration for error state + errorDuration: 2000, + + // whether parameters should be encoded with encodeURIComponent + encodeParameters: true, + + // API action to use + action: false, + + // templated URL to use + url: false, + + // base URL to apply to all endpoints + base: '', + + // data that will + urlData: {}, + + // whether to add default data to url data + defaultData: true, + + // whether to serialize closest form + // use true to convert complex named keys like a[b][1][c][] into a nested object + // use 'formdata' for formdata web api + serializeForm: false, + + // how long to wait before request should occur + throttle: 0, + + // whether to throttle first request or only repeated + throttleFirstRequest: true, + + // standard ajax settings + method: 'get', + data: {}, + dataType: 'json', + + // mock response + mockResponse: false, + mockResponseAsync: false, + + // aliases for mock + response: false, + responseAsync: false, + + // whether onResponse should work with response value without force converting into an object + rawResponse: true, + + // callbacks before request + beforeSend: function (settings) { + return settings; + }, + beforeXHR: function (xhr) {}, + onRequest: function (promise, xhr) {}, + + // after request + onResponse: false, // function(response) { }, + + // response was successful, if JSON passed validation + onSuccess: function (response, $module) {}, + + // request finished without aborting + onComplete: function (response, $module) {}, + + // failed JSON success test + onFailure: function (response, $module) {}, + + // server error + onError: function (errorMessage, $module) {}, + + // request aborted + onAbort: function (errorMessage, $module) {}, + + successTest: false, + + // errors + error: { + beforeSend: 'The before send function has aborted the request', + error: 'There was an error with your request', + exitConditions: 'API Request Aborted. Exit conditions met', + JSONParse: 'JSON could not be parsed during error handling', + legacyParameters: 'You are using legacy API success callback names', + method: 'The method you called is not defined', + missingAction: 'API action used but no url was defined', + missingURL: 'No URL specified for api event', + noReturnedValue: 'The beforeSend callback must return a settings object, beforeSend ignored.', + noStorage: 'Caching responses locally requires session storage', + parseError: 'There was an error parsing your request', + requiredParameter: 'Missing a required URL parameter: ', + statusMessage: 'Server gave an error: ', + timeout: 'Your request timed out', + }, + + regExp: { + required: /{\$*[\da-z]+}/gi, + optional: /{\/\$*[\da-z]+}/gi, + validate: /^[_a-z][\w-]*(?:\[[\w-]*])*$/i, + key: /[\w-]+|(?=\[])/gi, + push: /^$/, + fixed: /^\d+$/, + named: /^[\w-]+$/i, + }, + + className: { + loading: 'loading', + error: 'error', + }, + + selector: { + disabled: '.disabled', + form: 'form', + }, + + metadata: { + action: 'action', + url: 'url', + }, + }; +})(jQuery, window, document); diff --git a/dist/library/fomantic/components/api.min.js b/dist/library/fomantic/components/api.min.js new file mode 100644 index 0000000..b9a6cd1 --- /dev/null +++ b/dist/library/fomantic/components/api.min.js @@ -0,0 +1,11 @@ +/* + * # Fomantic UI - 2.9.3 + * https://github.com/fomantic/Fomantic-UI + * https://fomantic-ui.com/ + * + * Copyright 2023 Contributors + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */ +!function(P,j,n){"use strict";function C(e){return null!==e&&e===e.window}function E(e){return"function"==typeof e&&"number"!=typeof e.nodeType}j=void 0!==j&&j.Math===Math?j:globalThis,P.fn.api=function(x){var A,e=E(this)?P(j):P(this),k=Date.now(),S=[],T=x,w="string"==typeof T,D=[].slice.call(arguments,1),O=function(e,t){var r;return 0<=[j,n].indexOf(e)?r=P(e):0===(r=P(t.document).find(e)).length&&(r=t.frameElement?O(e,t.parent):j),r};return e.each(function(){var a,n,r,e,i,o,s=P.isPlainObject(x)?P.extend(!0,{},P.fn.api.settings,x):P.extend({},P.fn.api.settings),f=s.regExp,t=s.namespace,u=s.metadata,c=s.selector,d=s.error,l=s.className,p="."+t,g="module-"+t,m=P(this),v=m.closest(c.form),b=s.stateContext?O(s.stateContext,j):m,h=this,y=b[0],R=m.data(g),q={initialize:function(){w||(o=s.data,q.bind.events()),q.instantiate()},instantiate:function(){q.verbose("Storing instance of module",q),R=q,m.data(g,R)},destroy:function(){q.verbose("Destroying previous module for",h),m.removeData(g).off(p)},bind:{events:function(){var e=q.get.event();e?(q.verbose("Attaching API events to element",e),m.on(e+p,q.event.trigger)):"now"===s.on&&(q.debug("Querying API endpoint immediately"),q.query())}},decode:{json:function(e){if(void 0!==e&&"string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}},read:{cachedResponse:function(e){var t;if(void 0!==j.Storage)return t=sessionStorage.getItem(e+q.get.normalizedData()),q.debug("Using cached response",e,s.data,t),q.decode.json(t);q.error(d.noStorage)}},write:{cachedResponse:function(e,t){void 0===j.Storage?q.error(d.noStorage):(P.isPlainObject(t)&&(t=JSON.stringify(t)),sessionStorage.setItem(e+q.get.normalizedData(),t),q.verbose("Storing cached response for url",e,s.data,t))}},query:function(){if(q.is.disabled())q.debug("Element is disabled API request aborted");else{if(q.is.loading()){if(!s.interruptRequests)return void q.debug("Cancelling request, previous request is still pending");q.debug("Interrupting previous request"),q.abort()}if(s.defaultData&&P.extend(!0,s.urlData,q.get.defaultData()),s.serializeForm&&(s.data=q.add.formData(o||s.data)),!1===(n=q.get.settings()))return q.cancelled=!0,void q.error(d.beforeSend);if(q.cancelled=!1,(r=q.get.templatedURL())||q.is.mocked()){if((r=q.add.urlData(r))||q.is.mocked()){if(n.url=s.base+r,a=P.extend(!0,{},s,{type:s.method||s.type,data:e,url:s.base+r,beforeSend:s.beforeXHR,success:function(){},failure:function(){},complete:function(){}}),q.debug("Querying URL",a.url),q.verbose("Using AJAX settings",a),"local"===s.cache&&q.read.cachedResponse(r))return q.debug("Response returned from local cache"),q.request=q.create.request(),void q.request.resolveWith(y,[q.read.cachedResponse(r)]);s.throttle?s.throttleFirstRequest||q.timer?(q.debug("Throttling request",s.throttle),clearTimeout(q.timer),q.timer=setTimeout(function(){q.timer&&delete q.timer,q.debug("Sending throttled request",e,a.method),q.send.request()},s.throttle)):(q.debug("Sending request",e,a.method),q.send.request(),q.timer=setTimeout(function(){},s.throttle)):(q.debug("Sending request",e,a.method),q.send.request())}}else q.error(d.missingURL)}},should:{removeError:function(){return!0===s.hideError||"auto"===s.hideError&&!q.is.form()}},is:{disabled:function(){return 0 .active.section { + color: #fff; +} +.ui.inverted.breadcrumb > .divider { + color: rgba(255, 255, 255, 0.7); +} + + +/******************************* + States +*******************************/ + +.ui.breadcrumb .active.section { + font-weight: bold; +} + + +/******************************* + Variations +*******************************/ + +.ui.breadcrumb { + font-size: 1rem; +} +.ui.mini.breadcrumb { + font-size: 0.78571429rem; +} +.ui.tiny.breadcrumb { + font-size: 0.85714286rem; +} +.ui.small.breadcrumb { + font-size: 0.92857143rem; +} +.ui.large.breadcrumb { + font-size: 1.14285714rem; +} +.ui.big.breadcrumb { + font-size: 1.28571429rem; +} +.ui.huge.breadcrumb { + font-size: 1.42857143rem; +} +.ui.massive.breadcrumb { + font-size: 1.71428571rem; +} + + +/******************************* + Theme Overrides +*******************************/ + + + +/******************************* + Site Overrides +*******************************/ + diff --git a/dist/library/fomantic/components/breadcrumb.min.css b/dist/library/fomantic/components/breadcrumb.min.css new file mode 100644 index 0000000..cc206b8 --- /dev/null +++ b/dist/library/fomantic/components/breadcrumb.min.css @@ -0,0 +1,9 @@ +/*! + * # Fomantic-UI 2.9.3 - Breadcrumb + * https://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */.ui.breadcrumb{line-height:1.4285em;display:inline-block;margin:0 0;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:.7;margin:0 .21428571rem;font-size:.92857143em;color:rgba(0,0,0,.4);vertical-align:baseline}.ui.breadcrumb a{color:#4183c4}.ui.breadcrumb a:hover{color:#1e70bf}.ui.breadcrumb .icon.divider{font-size:.85714286em;vertical-align:baseline}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:.78571429em 1em}.ui.inverted.breadcrumb{color:#dcddde}.ui.inverted.breadcrumb>.active.section{color:#fff}.ui.inverted.breadcrumb>.divider{color:rgba(255,255,255,.7)}.ui.breadcrumb .active.section{font-weight:700}.ui.breadcrumb{font-size:1rem}.ui.mini.breadcrumb{font-size:.78571429rem}.ui.tiny.breadcrumb{font-size:.85714286rem}.ui.small.breadcrumb{font-size:.92857143rem}.ui.large.breadcrumb{font-size:1.14285714rem}.ui.big.breadcrumb{font-size:1.28571429rem}.ui.huge.breadcrumb{font-size:1.42857143rem}.ui.massive.breadcrumb{font-size:1.71428571rem} \ No newline at end of file diff --git a/dist/library/fomantic/components/button.css b/dist/library/fomantic/components/button.css new file mode 100644 index 0000000..6a35100 --- /dev/null +++ b/dist/library/fomantic/components/button.css @@ -0,0 +1,4040 @@ +/*! + * # Fomantic-UI 2.9.3 - Button + * https://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */ + + +/******************************* + Button +*******************************/ + +.ui.button { + cursor: pointer; + display: inline-block; + min-height: 1em; + outline: none; + border: none; + vertical-align: baseline; + background: #e0e1e2 none; + color: rgba(0, 0, 0, 0.6); + font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + margin: 0 0.25em 0 0; + padding: 0.78571429em 1.5em 0.78571429em; + text-transform: none; + text-shadow: none; + font-weight: bold; + line-height: 1em; + font-style: normal; + text-align: center; + text-decoration: none; + border-radius: 0.28571429rem; + box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease; + will-change: auto; + -webkit-tap-highlight-color: transparent; +} + + +/******************************* + States +*******************************/ + + +/* -------------- + Hover +--------------- */ +.ui.button:hover { + background-color: #cacbcd; + background-image: none; + box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + color: rgba(0, 0, 0, 0.8); +} +.ui.button:hover .icon { + opacity: 0.85; +} + +/* -------------- + Focus +--------------- */ +.ui.button:focus { + background-color: #cacbcd; + color: rgba(0, 0, 0, 0.8); + background-image: none; + box-shadow: ""; +} +.ui.button:focus .icon { + opacity: 0.85; +} + +/* -------------- + Down +--------------- */ +.ui.button:active, +.ui.active.button:active { + background-color: #babbbc; + background-image: ""; + color: rgba(0, 0, 0, 0.9); + box-shadow: none; +} + +/* -------------- + Active +--------------- */ +.ui.active.button { + background-color: #c0c1c2; + background-image: none; + box-shadow: 0 0 0 1px transparent inset; + color: rgba(0, 0, 0, 0.95); +} +.ui.active.button:hover { + background-color: #c0c1c2; + background-image: none; + color: rgba(0, 0, 0, 0.95); +} +.ui.active.button:active { + background-color: #c0c1c2; + background-image: none; +} + +/* -------------- + Loading + --------------- */ + +/* Specificity hack */ +.ui.ui.ui.ui.ui.ui.loading.button { + position: relative; + cursor: default; + text-shadow: none !important; + color: transparent; + opacity: 1; + pointer-events: auto; + transition: all 0s linear, opacity 0.1s ease; +} +.ui.loading.button::before { + position: absolute; + content: ""; + top: 50%; + left: 50%; + margin: -0.64285714em 0 0 -0.64285714em; + width: 1.28571429em; + height: 1.28571429em; + border-radius: 500rem; + border: 0.2em solid rgba(0, 0, 0, 0.15); +} +.ui.loading.button::after { + position: absolute; + content: ""; + top: 50%; + left: 50%; + margin: -0.64285714em 0 0 -0.64285714em; + width: 1.28571429em; + height: 1.28571429em; + border-radius: 500rem; + animation: loader 0.6s infinite linear; + border: 0.2em solid currentColor; + color: #fff; + box-shadow: 0 0 0 1px transparent; +} +.ui.ui.ui.loading.button .label { + background-color: transparent; + border-color: transparent; + color: transparent; +} +.ui.labeled.icon.loading.button .icon { + background-color: transparent; + box-shadow: none; +} +.ui.basic.loading.button:not(.inverted)::before { + border-color: rgba(0, 0, 0, 0.1); +} +.ui.basic.loading.button:not(.inverted)::after { + border-color: #767676; +} + +/* ------------------- + Disabled + -------------------- */ +.ui.buttons .disabled.button:not(.basic), +.ui.disabled.button, +.ui.button:disabled, +.ui.disabled.button:hover, +.ui.disabled.active.button { + cursor: default; + opacity: 0.45 !important; + background-image: none; + box-shadow: none; + pointer-events: none !important; +} + +/* Basic Group With Disabled */ +.ui.basic.buttons .ui.disabled.button { + border-color: rgba(34, 36, 38, 0.5); +} + + +/******************************* + Types +*******************************/ + + +/* ------------------- + Animated + -------------------- */ +.ui.animated.button { + position: relative; + overflow: hidden; + padding-right: 0 !important; + vertical-align: middle; + z-index: 1; +} +.ui.animated.button .content { + will-change: transform, opacity; +} +.ui.animated.button .visible.content { + position: relative; + margin-right: 1.5em; +} +.ui.animated.button .hidden.content { + position: absolute; + width: 100%; +} + +/* Horizontal */ +.ui.animated.button .visible.content, +.ui.animated.button .hidden.content { + transition: right 0.3s ease 0s; +} +.ui.animated.button .visible.content { + left: auto; + right: 0; +} +.ui.animated.button .hidden.content { + top: 50%; + left: auto; + right: -100%; + margin-top: -0.5em; +} +.ui.animated.button:focus .visible.content, +.ui.animated.button:hover .visible.content { + left: auto; + right: 200%; +} +.ui.animated.button:focus .hidden.content, +.ui.animated.button:hover .hidden.content { + left: auto; + right: 0; +} + +/* Vertical */ +.ui.vertical.animated.button .visible.content, +.ui.vertical.animated.button .hidden.content { + transition: top 0.3s ease, transform 0.3s ease; +} +.ui.vertical.animated.button .visible.content { + transform: translateY(0); + right: auto; +} +.ui.vertical.animated.button .hidden.content { + top: -50%; + left: 0; + right: auto; +} +.ui.vertical.animated.button:focus .visible.content, +.ui.vertical.animated.button:hover .visible.content { + transform: translateY(200%); + right: auto; +} +.ui.vertical.animated.button:focus .hidden.content, +.ui.vertical.animated.button:hover .hidden.content { + top: 50%; + right: auto; +} + +/* Fade */ +.ui.fade.animated.button .visible.content, +.ui.fade.animated.button .hidden.content { + transition: opacity 0.3s ease, transform 0.3s ease; +} +.ui.fade.animated.button .visible.content { + left: auto; + right: auto; + opacity: 1; + transform: scale(1); +} +.ui.fade.animated.button .hidden.content { + opacity: 0; + left: 0; + right: auto; + transform: scale(1.5); +} +.ui.fade.animated.button:focus .visible.content, +.ui.fade.animated.button:hover .visible.content { + left: auto; + right: auto; + opacity: 0; + transform: scale(0.75); +} +.ui.fade.animated.button:focus .hidden.content, +.ui.fade.animated.button:hover .hidden.content { + left: 0; + right: auto; + opacity: 1; + transform: scale(1); +} + +/* ------------------- + Inverted + -------------------- */ +.ui.inverted.button { + box-shadow: 0 0 0 2px #fff inset; + background: transparent none; + color: #fff; + text-shadow: none !important; +} + +/* Group */ +.ui.inverted.buttons .button { + margin: 0 0 0 -2px; +} +.ui.inverted.buttons .button:first-child { + margin-left: 0; +} +.ui.inverted.vertical.buttons .button { + margin: 0 0 -2px 0; +} +.ui.inverted.vertical.buttons .button:first-child { + margin-top: 0; +} + +/* States */ + +/* Hover */ +.ui.inverted.button:hover { + background: #fff; + box-shadow: 0 0 0 2px #fff inset; + color: rgba(0, 0, 0, 0.8); +} + +/* Active / Focus */ +.ui.inverted.button:focus, +.ui.inverted.button.active { + background: #fff; + box-shadow: 0 0 0 2px #fff inset; + color: rgba(0, 0, 0, 0.8); +} + +/* Active Focus */ +.ui.inverted.button.active:focus { + background: #dcddde; + box-shadow: 0 0 0 2px #dcddde inset; + color: rgba(0, 0, 0, 0.8); +} + +/* ------------------- + Labeled Button + -------------------- */ +.ui.labeled.button:not(.icon) { + display: inline-flex; + flex-direction: row; + background: none; + padding: 0 !important; + border: none; + box-shadow: none; +} +.ui.labeled.button > .button { + margin: 0; +} +.ui.labeled.button > .label { + display: flex; + align-items: center; + margin: 0 0 0 -1px !important; + font-size: 1em; + padding: ""; + border-color: rgba(34, 36, 38, 0.15); +} + +/* Tag */ +.ui.labeled.button > .tag.label::before { + width: 1.85em; + height: 1.85em; +} + +/* Right */ +.ui.labeled.button:not([class*="left labeled"]) > .button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ui.labeled.button:not([class*="left labeled"]) > .label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +/* Left Side */ +.ui[class*="left labeled"].button > .button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ui[class*="left labeled"].button > .label { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +/* ------------------- + Social + -------------------- */ + +/* Facebook */ +.ui.facebook.button { + background-color: #3b5998; + color: #fff; + text-shadow: none; + background-image: none; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.facebook.button:hover { + background-color: #304d8a; + color: #fff; + text-shadow: none; +} +.ui.facebook.button:active { + background-color: #2d4373; + color: #fff; + text-shadow: none; +} + +/* Twitter */ +.ui.twitter.button { + background-color: #1da1f2; + color: #fff; + text-shadow: none; + background-image: none; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.twitter.button:hover { + background-color: #0298f3; + color: #fff; + text-shadow: none; +} +.ui.twitter.button:active { + background-color: #0c85d0; + color: #fff; + text-shadow: none; +} + +/* Google Plus */ +.ui.google.plus.button { + background-color: #dd4b39; + color: #fff; + text-shadow: none; + background-image: none; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.google.plus.button:hover { + background-color: #e0321c; + color: #fff; + text-shadow: none; +} +.ui.google.plus.button:active { + background-color: #c23321; + color: #fff; + text-shadow: none; +} + +/* Linked In */ +.ui.linkedin.button { + background-color: #0077b5; + color: #fff; + text-shadow: none; +} +.ui.linkedin.button:hover { + background-color: #00669c; + color: #fff; + text-shadow: none; +} +.ui.linkedin.button:active { + background-color: #005582; + color: #fff; + text-shadow: none; +} + +/* YouTube */ +.ui.youtube.button { + background-color: #f00; + color: #fff; + text-shadow: none; + background-image: none; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.youtube.button:hover { + background-color: #e60000; + color: #fff; + text-shadow: none; +} +.ui.youtube.button:active { + background-color: #cc0000; + color: #fff; + text-shadow: none; +} + +/* Instagram */ +.ui.instagram.button { + background-color: #49769c; + color: #fff; + text-shadow: none; + background-image: none; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.instagram.button:hover { + background-color: #3d698e; + color: #fff; + text-shadow: none; +} +.ui.instagram.button:active { + background-color: #395c79; + color: #fff; + text-shadow: none; +} + +/* Pinterest */ +.ui.pinterest.button { + background-color: #bd081c; + color: #fff; + text-shadow: none; + background-image: none; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.pinterest.button:hover { + background-color: #ac0013; + color: #fff; + text-shadow: none; +} +.ui.pinterest.button:active { + background-color: #8c0615; + color: #fff; + text-shadow: none; +} + +/* VK */ +.ui.vk.button { + background-color: #45668e; + color: #fff; + background-image: none; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.vk.button:hover { + background-color: #395980; + color: #fff; +} +.ui.vk.button:active { + background-color: #344d6c; + color: #fff; +} + +/* WhatsApp */ +.ui.whatsapp.button { + background-color: #25d366; + color: #fff; + background-image: none; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.whatsapp.button:hover { + background-color: #19c55a; + color: #fff; +} +.ui.whatsapp.button:active { + background-color: #1da851; + color: #fff; +} + +/* Telegram */ +.ui.telegram.button { + background-color: #08c; + color: #fff; + background-image: none; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.telegram.button:hover { + background-color: #0077b3; + color: #fff; +} +.ui.telegram.button:active { + background-color: #006699; + color: #fff; +} + +/* -------------- + Icon +--------------- */ +.ui.button > .icon:not(.button) { + height: auto; + opacity: 0.8; + transition: opacity 0.1s ease; + color: ""; +} +.ui.button:not(.icon) > .icon:not(.button):not(.dropdown), +.ui.button:not(.icon) > .icons:not(.button):not(.dropdown) { + margin: 0 0.42857143em 0 -0.21428571em; + vertical-align: baseline; +} +.ui.button:not(.icon) > .icons:not(.button):not(.dropdown) > .icon { + vertical-align: baseline; +} +.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) { + margin: 0 -0.21428571em 0 0.42857143em; +} + + +/******************************* + Variations +*******************************/ + + +/* -------------- + Stackable + --------------- */ + +/* Tablet Or Below */ +@media only screen and (max-width: 767.98px) { + .ui.stackable.buttons { + flex-direction: column; + width: 100%; + } + .ui.stackable.buttons .button:first-child { + border-bottom-left-radius: 0; + border-top-right-radius: 0.28571429rem; + } + .ui.stackable.buttons .button:last-child { + border-bottom-left-radius: 0.28571429rem; + border-top-right-radius: 0; + } + .ui.stackable.buttons .button:only-child { + border-radius: 0.28571429rem; + } +} + +/* ------------------- + Floated + -------------------- */ +.ui[class*="left floated"].buttons, +.ui[class*="left floated"].button { + float: left; + margin-left: 0; + margin-right: 0.25em; +} +.ui[class*="right floated"].buttons, +.ui[class*="right floated"].button { + float: right; + margin-right: 0; + margin-left: 0.25em; +} + +/* ------------------- + Compact + -------------------- */ +.ui.compact.buttons .button, +.ui.compact.button { + padding: 0.58928571em 1.125em 0.58928571em; +} +.ui.compact.icon.buttons .button, +.ui.compact.icon.button { + padding: 0.58928571em 0.58928571em 0.58928571em; +} +.ui.compact.labeled.icon.buttons .button, +.ui.compact.labeled.icon.button { + padding: 0.58928571em 3.69642857em 0.58928571em; +} +.ui.compact.labeled.icon.buttons .button > .icon, +.ui.compact.labeled.icon.button > .icon { + padding: 0.58928571em 0; +} + +/* ------------------- + Sizes +-------------------- */ +.ui.buttons .button, +.ui.buttons .or, +.ui.button { + font-size: 1rem; +} +.ui.mini.buttons .dropdown, +.ui.mini.buttons .dropdown .menu > .item, +.ui.mini.buttons .button, +.ui.mini.buttons .or, +.ui.ui.ui.ui.mini.button { + font-size: 0.78571429rem; +} +.ui.tiny.buttons .dropdown, +.ui.tiny.buttons .dropdown .menu > .item, +.ui.tiny.buttons .button, +.ui.tiny.buttons .or, +.ui.ui.ui.ui.tiny.button { + font-size: 0.85714286rem; +} +.ui.small.buttons .dropdown, +.ui.small.buttons .dropdown .menu > .item, +.ui.small.buttons .button, +.ui.small.buttons .or, +.ui.ui.ui.ui.small.button { + font-size: 0.92857143rem; +} +.ui.large.buttons .dropdown, +.ui.large.buttons .dropdown .menu > .item, +.ui.large.buttons .button, +.ui.large.buttons .or, +.ui.ui.ui.ui.large.button { + font-size: 1.14285714rem; +} +.ui.big.buttons .dropdown, +.ui.big.buttons .dropdown .menu > .item, +.ui.big.buttons .button, +.ui.big.buttons .or, +.ui.ui.ui.ui.big.button { + font-size: 1.28571429rem; +} +.ui.huge.buttons .dropdown, +.ui.huge.buttons .dropdown .menu > .item, +.ui.huge.buttons .button, +.ui.huge.buttons .or, +.ui.ui.ui.ui.huge.button { + font-size: 1.42857143rem; +} +.ui.massive.buttons .dropdown, +.ui.massive.buttons .dropdown .menu > .item, +.ui.massive.buttons .button, +.ui.massive.buttons .or, +.ui.ui.ui.ui.massive.button { + font-size: 1.71428571rem; +} + +/* -------------- + Icon Only + --------------- */ +.ui.icon.buttons .button, +.ui.icon.button:not(.animated):not(.compact):not(.labeled) { + padding: 0.78571429em 0.78571429em 0.78571429em; +} +.ui.animated.icon.button > .content > .icon, +.ui.icon.buttons .button > .icon, +.ui.icon.button > .icon { + opacity: 0.9; + margin: 0 !important; + vertical-align: top; +} +.ui.animated.button > .content > .icon { + vertical-align: top; +} + +/* ------------------- + Basic + -------------------- */ +.ui.basic.buttons .button, +.ui.basic.button { + background: transparent none; + color: rgba(0, 0, 0, 0.6); + font-weight: normal; + border-radius: 0.28571429rem; + text-transform: none; + text-shadow: none !important; + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; +} +.ui.basic.buttons { + box-shadow: none; + border: 1px solid rgba(34, 36, 38, 0.15); + border-radius: 0.28571429rem; + border-right: none; +} +.ui.basic.buttons .button { + border-radius: 0; +} +.ui.basic.buttons .button:hover, +.ui.basic.button:hover { + background: #fff; + color: rgba(0, 0, 0, 0.8); + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.basic.buttons .button:focus, +.ui.basic.button:focus { + background: #fff; + color: rgba(0, 0, 0, 0.8); + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.basic.buttons .button:active, +.ui.basic.button:active { + background: #f8f8f8; + color: rgba(0, 0, 0, 0.9); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.basic.buttons .active.button, +.ui.basic.active.button { + background: rgba(0, 0, 0, 0.05); + box-shadow: ""; + color: rgba(0, 0, 0, 0.95); +} +.ui.basic.buttons .active.button:hover, +.ui.basic.active.button:hover { + background-color: rgba(0, 0, 0, 0.05); +} +.ui.basic.buttons .button:hover { + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.basic.buttons .button:active { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.basic.buttons .active.button { + box-shadow: ""; +} + +/* Standard Basic Inverted */ +.ui.basic.inverted.buttons .button, +.ui.basic.inverted.button { + background-color: transparent; + color: #f9fafb; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; +} +.ui.basic.inverted.buttons .button:hover, +.ui.basic.inverted.button:hover { + color: #fff; + box-shadow: 0 0 0 2px #ffffff inset; +} +.ui.basic.inverted.buttons .button:focus, +.ui.basic.inverted.button:focus { + color: #fff; + box-shadow: 0 0 0 2px #ffffff inset; +} +.ui.basic.inverted.buttons .button:active, +.ui.basic.inverted.button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #fff; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset; +} +.ui.basic.inverted.buttons .active.button, +.ui.basic.inverted.active.button { + background-color: rgba(255, 255, 255, 0.08); + color: #fff; + text-shadow: none; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset; +} +.ui.basic.inverted.buttons .active.button:hover, +.ui.basic.inverted.active.button:hover { + background-color: rgba(255, 255, 255, 0.15); + box-shadow: 0 0 0 2px #ffffff inset; +} + +/* Basic Group */ +.ui.basic.buttons:not(.inverted) .button:not(.basic) { + border-right: 1px solid rgba(34, 36, 38, 0.15); + box-shadow: none; +} +.ui.basic.vertical.buttons .button { + border-left: none; + border-left-width: 0; + border-top: 1px solid rgba(34, 36, 38, 0.15); +} +.ui.basic.vertical.buttons:not(.spaced) .button:first-child { + border-top: none; +} + +/* ------------------- + Tertiary + -------------------- */ + +/* Overline Mixin */ +.ui.tertiary.button { + transition: color 0.1s ease !important; + border-radius: 0; + margin: 0.28571429em 0.25em 0.28571429em 0 !important; + padding: 0.5em 0.5em !important; + box-shadow: none; + color: rgba(0, 0, 0, 0.6); + background: none; +} +.ui.tertiary.button:hover { + box-shadow: inset 0 -0.2em 0 #666666; + color: #333333; + background: none; +} +.ui.tertiary.button:focus { + box-shadow: inset 0 -0.2em 0 #666666; + color: #333333; + background: none; +} +.ui.tertiary.button:active { + box-shadow: inset 0 -0.2em 0 #999999; + border-radius: 0.28571429rem 0.28571429rem 0 0; + color: #666666; + background: none; +} + +/* -------------- + Labeled Icon + --------------- */ +.ui.labeled.icon.buttons .button, +.ui.labeled.icon.button { + position: relative; + padding-left: 4.07142857em !important; + padding-right: 1.5em !important; +} + +/* Left Labeled */ +.ui.labeled.icon.buttons > .button > .icon, +.ui.labeled.icon.button > .icon { + position: absolute; + top: 0; + left: 0; + height: 100%; + line-height: 1; + border-radius: 0; + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; + text-align: center; + animation: none; + padding: 0.78571429em 0; + margin: 0; + width: 2.57142857em; + background-color: rgba(0, 0, 0, 0.05); + color: ""; + box-shadow: -1px 0 0 0 transparent inset; +} + +/* Right Labeled */ +.ui[class*="right labeled"].icon.button { + padding-right: 4.07142857em !important; + padding-left: 1.5em !important; +} +.ui[class*="right labeled"].icon.button > .icon { + left: auto; + right: 0; + border-radius: 0; + border-top-right-radius: inherit; + border-bottom-right-radius: inherit; + box-shadow: 1px 0 0 0 transparent inset; +} +.ui.labeled.icon.buttons > .button > .icon::before, +.ui.labeled.icon.button > .icon::before, +.ui.labeled.icon.buttons > .button > .icon::after, +.ui.labeled.icon.button > .icon::after { + display: block; + position: relative; + width: 100%; + top: 0; + text-align: center; +} +.ui.labeled.icon.buttons .button > .icon { + border-radius: 0; +} +.ui.labeled.icon.buttons .button:first-child > .icon { + border-top-left-radius: 0.28571429rem; + border-bottom-left-radius: 0.28571429rem; +} +.ui.labeled.icon.buttons .button:last-child > .icon { + border-top-right-radius: 0.28571429rem; + border-bottom-right-radius: 0.28571429rem; +} +.ui.vertical.labeled.icon.buttons .button:first-child > .icon { + border-radius: 0; + border-top-left-radius: 0.28571429rem; +} +.ui.vertical.labeled.icon.buttons .button:last-child > .icon { + border-radius: 0; + border-bottom-left-radius: 0.28571429rem; +} + +/* Loading Icon in Labeled Button */ +.ui.labeled.icon.button > .loading.icon::before { + animation: loader 2s linear infinite; +} + +/* -------------- + Toggle + --------------- */ + +/* Toggle (Modifies active state to give affordances) */ +.ui.toggle.buttons .active.button, +.ui.buttons .button.toggle.active, +.ui.button.toggle.active { + background-color: #21ba45; + box-shadow: none; + text-shadow: none; + color: #fff; +} +.ui.button.toggle.active:hover { + background-color: #16ab39; + text-shadow: none; + color: #fff; +} + +/* -------------- + Circular + --------------- */ +.ui.circular.button { + border-radius: 10em; +} +.ui.circular.button > .icon { + width: 1em; + vertical-align: baseline; +} + +/* ------------------- + Or Buttons + -------------------- */ +.ui.buttons .or { + position: relative; + width: 0.3em; + height: 2.57142857em; + z-index: 3; +} +.ui.buttons .or::before { + position: absolute; + text-align: center; + border-radius: 500rem; + content: "or"; + top: 50%; + left: 50%; + background-color: #fff; + text-shadow: none; + margin-top: -0.89285714em; + margin-left: -0.89285714em; + width: 1.78571429em; + height: 1.78571429em; + line-height: 1.78571429em; + color: rgba(0, 0, 0, 0.4); + font-style: normal; + font-weight: bold; + box-shadow: 0 0 0 1px transparent inset; +} +.ui.buttons .or[data-text]::before { + content: attr(data-text); +} + +/* Fluid Or */ +.ui.fluid.buttons .or { + width: 0 !important; +} +.ui.fluid.buttons .or::after { + display: none; +} + +/* ------------------- + Attached + -------------------- */ + +/* Singular */ +.ui.attached.button { + position: relative; + display: block; + margin: 0; + border-radius: 0; + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15); +} + +/* Top / Bottom */ +.ui.attached.top.button { + border-radius: 0.28571429rem 0.28571429rem 0 0; +} +.ui.attached.bottom.button { + border-radius: 0 0 0.28571429rem 0.28571429rem; +} + +/* Left / Right */ +.ui.left.attached.button { + display: inline-block; + border-left: none; + text-align: right; + padding-right: 0.75em; + border-radius: 0.28571429rem 0 0 0.28571429rem; +} +.ui.right.attached.button { + display: inline-block; + text-align: left; + padding-left: 0.75em; + border-radius: 0 0.28571429rem 0.28571429rem 0; +} + +/* Plural */ +.ui.attached.buttons { + position: relative; + display: flex; + border-radius: 0; + width: auto !important; + z-index: auto; + margin-left: -1px; + margin-right: -1px; +} +.ui.attached.buttons .button { + margin: 0; +} +.ui.attached.buttons .button:first-child { + border-radius: 0; +} +.ui.attached.buttons .button:last-child { + border-radius: 0; +} + +/* Top / Bottom */ +.ui[class*="top attached"].buttons { + margin-bottom: 0; + border-radius: 0.28571429rem 0.28571429rem 0 0; +} +.ui[class*="top attached"].buttons .button:first-child { + border-radius: 0.28571429rem 0 0 0; +} +.ui[class*="top attached"].buttons .button:last-child { + border-radius: 0 0.28571429rem 0 0; +} +.ui[class*="bottom attached"].buttons { + margin-top: -1px; + border-radius: 0 0 0.28571429rem 0.28571429rem; +} +.ui[class*="bottom attached"].buttons .button:first-child { + border-radius: 0 0 0 0.28571429rem; +} +.ui[class*="bottom attached"].buttons .button:last-child { + border-radius: 0 0 0.28571429rem 0; +} + +/* Left / Right */ +.ui[class*="left attached"].buttons { + display: inline-flex; + margin-right: 0; + margin-left: -1px; + border-radius: 0 0.28571429rem 0.28571429rem 0; +} +.ui[class*="left attached"].buttons .button:first-child { + margin-left: -1px; + border-radius: 0 0.28571429rem 0 0; +} +.ui[class*="left attached"].buttons .button:last-child { + margin-left: -1px; + border-radius: 0 0 0.28571429rem 0; +} +.ui[class*="right attached"].buttons { + display: inline-flex; + margin-left: 0; + margin-right: -1px; + border-radius: 0.28571429rem 0 0 0.28571429rem; +} +.ui[class*="right attached"].buttons .button:first-child { + margin-left: -1px; + border-radius: 0.28571429rem 0 0 0; +} +.ui[class*="right attached"].buttons .button:last-child { + margin-left: -1px; + border-radius: 0 0 0 0.28571429rem; +} + +/* ------------------- + Fluid + -------------------- */ +.ui.fluid.buttons, +.ui.fluid.button { + width: 100%; +} +.ui.fluid.button { + display: block; +} +.ui.two.buttons { + width: 100%; +} +.ui.two.buttons > .button { + width: 50%; +} +.ui.three.buttons { + width: 100%; +} +.ui.three.buttons > .button { + width: 33.333%; +} +.ui.four.buttons { + width: 100%; +} +.ui.four.buttons > .button { + width: 25%; +} +.ui.five.buttons { + width: 100%; +} +.ui.five.buttons > .button { + width: 20%; +} +.ui.six.buttons { + width: 100%; +} +.ui.six.buttons > .button { + width: 16.666%; +} +.ui.seven.buttons { + width: 100%; +} +.ui.seven.buttons > .button { + width: 14.285%; +} +.ui.eight.buttons { + width: 100%; +} +.ui.eight.buttons > .button { + width: 12.5%; +} +.ui.nine.buttons { + width: 100%; +} +.ui.nine.buttons > .button { + width: 11.11%; +} +.ui.ten.buttons { + width: 100%; +} +.ui.ten.buttons > .button { + width: 10%; +} +.ui.eleven.buttons { + width: 100%; +} +.ui.eleven.buttons > .button { + width: 9.09%; +} +.ui.twelve.buttons { + width: 100%; +} +.ui.twelve.buttons > .button { + width: 8.3333%; +} + +/* Fluid Vertical Buttons */ +.ui.fluid.vertical.buttons, +.ui.fluid.vertical.buttons > .button { + display: flex; + width: auto; + justify-content: center; +} +.ui.two.vertical.buttons > .button { + height: 50%; +} +.ui.three.vertical.buttons > .button { + height: 33.333%; +} +.ui.four.vertical.buttons > .button { + height: 25%; +} +.ui.five.vertical.buttons > .button { + height: 20%; +} +.ui.six.vertical.buttons > .button { + height: 16.666%; +} +.ui.seven.vertical.buttons > .button { + height: 14.285%; +} +.ui.eight.vertical.buttons > .button { + height: 12.5%; +} +.ui.nine.vertical.buttons > .button { + height: 11.11%; +} +.ui.ten.vertical.buttons > .button { + height: 10%; +} +.ui.eleven.vertical.buttons > .button { + height: 9.09%; +} +.ui.twelve.vertical.buttons > .button { + height: 8.3333%; +} + +/* ------------------- + Colors +-------------------- */ +.ui.primary.buttons .button, +.ui.primary.button { + background-color: #2185d0; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.primary.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.primary.buttons .button:hover, +.ui.primary.button:hover { + background-color: #1678c2; + color: #fff; + text-shadow: none; +} +.ui.primary.buttons .button:focus, +.ui.primary.button:focus { + background-color: #0d71bb; + color: #fff; + text-shadow: none; +} +.ui.primary.buttons .button:active, +.ui.primary.button:active { + background-color: #1a69a4; + color: #fff; + text-shadow: none; +} +.ui.primary.buttons .active.button, +.ui.primary.buttons .active.button:active, +.ui.primary.active.button, +.ui.primary.button .active.button:active { + background-color: #1279c6; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.primary.buttons .button, +.ui.basic.primary.button { + background: transparent; + box-shadow: 0 0 0 1px #2185d0 inset; + color: #2185d0; +} +.ui.basic.primary.buttons .button:hover, +.ui.basic.primary.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #1678c2 inset; + color: #1678c2; +} +.ui.basic.primary.buttons .button:focus, +.ui.basic.primary.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #0d71bb inset; + color: #1678c2; +} +.ui.basic.primary.buttons .active.button, +.ui.basic.primary.active.button { + background: transparent; + box-shadow: 0 0 0 1px #1279c6 inset; + color: #1a69a4; +} +.ui.basic.primary.buttons .button:active, +.ui.basic.primary.button:active { + box-shadow: 0 0 0 1px #1a69a4 inset; + color: #1a69a4; +} + +/* Inverted */ +.ui.inverted.primary.buttons .button, +.ui.inverted.primary.button { + background-color: transparent; + box-shadow: 0 0 0 2px #54c8ff inset; + color: #54c8ff; +} +.ui.inverted.primary.buttons .button:hover, +.ui.inverted.primary.button:hover, +.ui.inverted.primary.buttons .button:focus, +.ui.inverted.primary.button:focus, +.ui.inverted.primary.buttons .button.active, +.ui.inverted.primary.button.active, +.ui.inverted.primary.buttons .button:active, +.ui.inverted.primary.button:active { + box-shadow: none; + color: #fff; +} +.ui.inverted.primary.buttons .button:hover, +.ui.inverted.primary.button:hover { + background-color: #21b8ff; +} +.ui.inverted.primary.buttons .button:focus, +.ui.inverted.primary.button:focus { + background-color: #2bbbff; +} +.ui.inverted.primary.buttons .active.button, +.ui.inverted.primary.active.button { + background-color: #3ac0ff; +} +.ui.inverted.primary.buttons .button:active, +.ui.inverted.primary.button:active { + background-color: #21b8ff; +} + +/* Inverted Basic */ +.ui.inverted.primary.basic.buttons .button, +.ui.inverted.primary.buttons .basic.button, +.ui.inverted.primary.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.primary.basic.buttons .button:hover, +.ui.inverted.primary.buttons .basic.button:hover, +.ui.inverted.primary.basic.button:hover { + box-shadow: 0 0 0 2px #21b8ff inset; + color: #54c8ff; +} +.ui.inverted.primary.basic.buttons .button:focus, +.ui.inverted.primary.basic.buttons .button:focus, +.ui.inverted.primary.basic.button:focus { + box-shadow: 0 0 0 2px #2bbbff inset; + color: #54c8ff; +} +.ui.inverted.primary.basic.buttons .active.button, +.ui.inverted.primary.buttons .basic.active.button, +.ui.inverted.primary.basic.active.button { + box-shadow: 0 0 0 2px #3ac0ff inset; + color: #54c8ff; +} +.ui.inverted.primary.basic.buttons .button:active, +.ui.inverted.primary.buttons .basic.button:active, +.ui.inverted.primary.basic.button:active { + box-shadow: 0 0 0 2px #21b8ff inset; + color: #54c8ff; +} + +/* Tertiary */ +.ui.tertiary.primary.buttons .button, +.ui.tertiary.primary.buttons .tertiary.button, +.ui.tertiary.primary.button { + background: transparent; + box-shadow: none; + color: #2185d0; +} +.ui.tertiary.primary.buttons .button:hover, +.ui.tertiary.primary.buttons button:hover, +.ui.tertiary.primary.button:hover { + box-shadow: inset 0 -0.2em 0 #2b75ac; + color: #2b75ac; +} +.ui.tertiary.primary.buttons .button:focus, +.ui.tertiary.primary.buttons .tertiary.button:focus, +.ui.tertiary.primary.button:focus { + box-shadow: inset 0 -0.2em 0 #216ea7; + color: #216ea7; +} +.ui.tertiary.primary.buttons .active.button, +.ui.tertiary.primary.buttons .tertiary.active.button, +.ui.tertiary.primary.active.button, +.ui.tertiary.primary.buttons .button:active, +.ui.tertiary.primary.buttons .tertiary.button:active, +.ui.tertiary.primary.button:active { + box-shadow: inset 0 -0.2em 0 #007bd8; + color: #1279c6; +} +.ui.secondary.buttons .button, +.ui.secondary.button { + background-color: #1b1c1d; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.secondary.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.secondary.buttons .button:hover, +.ui.secondary.button:hover { + background-color: #27292a; + color: #fff; + text-shadow: none; +} +.ui.secondary.buttons .button:focus, +.ui.secondary.button:focus { + background-color: #2e3032; + color: #fff; + text-shadow: none; +} +.ui.secondary.buttons .button:active, +.ui.secondary.button:active { + background-color: #343637; + color: #fff; + text-shadow: none; +} +.ui.secondary.buttons .active.button, +.ui.secondary.buttons .active.button:active, +.ui.secondary.active.button, +.ui.secondary.button .active.button:active { + background-color: #27292a; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.secondary.buttons .button, +.ui.basic.secondary.button { + background: transparent; + box-shadow: 0 0 0 1px #1b1c1d inset; + color: #1b1c1d; +} +.ui.basic.secondary.buttons .button:hover, +.ui.basic.secondary.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #27292a inset; + color: #27292a; +} +.ui.basic.secondary.buttons .button:focus, +.ui.basic.secondary.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #2e3032 inset; + color: #27292a; +} +.ui.basic.secondary.buttons .active.button, +.ui.basic.secondary.active.button { + background: transparent; + box-shadow: 0 0 0 1px #27292a inset; + color: #343637; +} +.ui.basic.secondary.buttons .button:active, +.ui.basic.secondary.button:active { + box-shadow: 0 0 0 1px #343637 inset; + color: #343637; +} + +/* Inverted */ +.ui.inverted.secondary.buttons .button, +.ui.inverted.secondary.button { + background-color: transparent; + box-shadow: 0 0 0 2px #545454 inset; + color: #545454; +} +.ui.inverted.secondary.buttons .button:hover, +.ui.inverted.secondary.button:hover, +.ui.inverted.secondary.buttons .button:focus, +.ui.inverted.secondary.button:focus, +.ui.inverted.secondary.buttons .button.active, +.ui.inverted.secondary.button.active, +.ui.inverted.secondary.buttons .button:active, +.ui.inverted.secondary.button:active { + box-shadow: none; + color: #fff; +} +.ui.inverted.secondary.buttons .button:hover, +.ui.inverted.secondary.button:hover { + background-color: #6e6e6e; +} +.ui.inverted.secondary.buttons .button:focus, +.ui.inverted.secondary.button:focus { + background-color: #686868; +} +.ui.inverted.secondary.buttons .active.button, +.ui.inverted.secondary.active.button { + background-color: #616161; +} +.ui.inverted.secondary.buttons .button:active, +.ui.inverted.secondary.button:active { + background-color: #6e6e6e; +} + +/* Inverted Basic */ +.ui.inverted.secondary.basic.buttons .button, +.ui.inverted.secondary.buttons .basic.button, +.ui.inverted.secondary.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.secondary.basic.buttons .button:hover, +.ui.inverted.secondary.buttons .basic.button:hover, +.ui.inverted.secondary.basic.button:hover { + box-shadow: 0 0 0 2px #6e6e6e inset; + color: #545454; +} +.ui.inverted.secondary.basic.buttons .button:focus, +.ui.inverted.secondary.basic.buttons .button:focus, +.ui.inverted.secondary.basic.button:focus { + box-shadow: 0 0 0 2px #686868 inset; + color: #545454; +} +.ui.inverted.secondary.basic.buttons .active.button, +.ui.inverted.secondary.buttons .basic.active.button, +.ui.inverted.secondary.basic.active.button { + box-shadow: 0 0 0 2px #616161 inset; + color: #545454; +} +.ui.inverted.secondary.basic.buttons .button:active, +.ui.inverted.secondary.buttons .basic.button:active, +.ui.inverted.secondary.basic.button:active { + box-shadow: 0 0 0 2px #6e6e6e inset; + color: #545454; +} + +/* Tertiary */ +.ui.tertiary.secondary.buttons .button, +.ui.tertiary.secondary.buttons .tertiary.button, +.ui.tertiary.secondary.button { + background: transparent; + box-shadow: none; + color: #1b1c1d; +} +.ui.tertiary.secondary.buttons .button:hover, +.ui.tertiary.secondary.buttons button:hover, +.ui.tertiary.secondary.button:hover { + box-shadow: inset 0 -0.2em 0 #292929; + color: #292929; +} +.ui.tertiary.secondary.buttons .button:focus, +.ui.tertiary.secondary.buttons .tertiary.button:focus, +.ui.tertiary.secondary.button:focus { + box-shadow: inset 0 -0.2em 0 #303030; + color: #303030; +} +.ui.tertiary.secondary.buttons .active.button, +.ui.tertiary.secondary.buttons .tertiary.active.button, +.ui.tertiary.secondary.active.button, +.ui.tertiary.secondary.buttons .button:active, +.ui.tertiary.secondary.buttons .tertiary.button:active, +.ui.tertiary.secondary.button:active { + box-shadow: inset 0 -0.2em 0 #1f2933; + color: #27292a; +} +.ui.red.buttons .button, +.ui.red.button { + background-color: #db2828; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.red.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.red.buttons .button:hover, +.ui.red.button:hover { + background-color: #d01919; + color: #fff; + text-shadow: none; +} +.ui.red.buttons .button:focus, +.ui.red.button:focus { + background-color: #ca1010; + color: #fff; + text-shadow: none; +} +.ui.red.buttons .button:active, +.ui.red.button:active { + background-color: #b21e1e; + color: #fff; + text-shadow: none; +} +.ui.red.buttons .active.button, +.ui.red.buttons .active.button:active, +.ui.red.active.button, +.ui.red.button .active.button:active { + background-color: #d41515; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.red.buttons .button, +.ui.basic.red.button { + background: transparent; + box-shadow: 0 0 0 1px #db2828 inset; + color: #db2828; +} +.ui.basic.red.buttons .button:hover, +.ui.basic.red.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #d01919 inset; + color: #d01919; +} +.ui.basic.red.buttons .button:focus, +.ui.basic.red.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #ca1010 inset; + color: #d01919; +} +.ui.basic.red.buttons .active.button, +.ui.basic.red.active.button { + background: transparent; + box-shadow: 0 0 0 1px #d41515 inset; + color: #b21e1e; +} +.ui.basic.red.buttons .button:active, +.ui.basic.red.button:active { + box-shadow: 0 0 0 1px #b21e1e inset; + color: #b21e1e; +} + +/* Inverted */ +.ui.inverted.red.buttons .button, +.ui.inverted.red.button { + background-color: transparent; + box-shadow: 0 0 0 2px #ff695e inset; + color: #ff695e; +} +.ui.inverted.red.buttons .button:hover, +.ui.inverted.red.button:hover, +.ui.inverted.red.buttons .button:focus, +.ui.inverted.red.button:focus, +.ui.inverted.red.buttons .button.active, +.ui.inverted.red.button.active, +.ui.inverted.red.buttons .button:active, +.ui.inverted.red.button:active { + box-shadow: none; + color: #fff; +} +.ui.inverted.red.buttons .button:hover, +.ui.inverted.red.button:hover { + background-color: #ff392b; +} +.ui.inverted.red.buttons .button:focus, +.ui.inverted.red.button:focus { + background-color: #ff4335; +} +.ui.inverted.red.buttons .active.button, +.ui.inverted.red.active.button { + background-color: #ff5144; +} +.ui.inverted.red.buttons .button:active, +.ui.inverted.red.button:active { + background-color: #ff392b; +} + +/* Inverted Basic */ +.ui.inverted.red.basic.buttons .button, +.ui.inverted.red.buttons .basic.button, +.ui.inverted.red.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.red.basic.buttons .button:hover, +.ui.inverted.red.buttons .basic.button:hover, +.ui.inverted.red.basic.button:hover { + box-shadow: 0 0 0 2px #ff392b inset; + color: #ff695e; +} +.ui.inverted.red.basic.buttons .button:focus, +.ui.inverted.red.basic.buttons .button:focus, +.ui.inverted.red.basic.button:focus { + box-shadow: 0 0 0 2px #ff4335 inset; + color: #ff695e; +} +.ui.inverted.red.basic.buttons .active.button, +.ui.inverted.red.buttons .basic.active.button, +.ui.inverted.red.basic.active.button { + box-shadow: 0 0 0 2px #ff5144 inset; + color: #ff695e; +} +.ui.inverted.red.basic.buttons .button:active, +.ui.inverted.red.buttons .basic.button:active, +.ui.inverted.red.basic.button:active { + box-shadow: 0 0 0 2px #ff392b inset; + color: #ff695e; +} + +/* Tertiary */ +.ui.tertiary.red.buttons .button, +.ui.tertiary.red.buttons .tertiary.button, +.ui.tertiary.red.button { + background: transparent; + box-shadow: none; + color: #db2828; +} +.ui.tertiary.red.buttons .button:hover, +.ui.tertiary.red.buttons button:hover, +.ui.tertiary.red.button:hover { + box-shadow: inset 0 -0.2em 0 #b93131; + color: #b93131; +} +.ui.tertiary.red.buttons .button:focus, +.ui.tertiary.red.buttons .tertiary.button:focus, +.ui.tertiary.red.button:focus { + box-shadow: inset 0 -0.2em 0 #b52626; + color: #b52626; +} +.ui.tertiary.red.buttons .active.button, +.ui.tertiary.red.buttons .tertiary.active.button, +.ui.tertiary.red.active.button, +.ui.tertiary.red.buttons .button:active, +.ui.tertiary.red.buttons .tertiary.button:active, +.ui.tertiary.red.button:active { + box-shadow: inset 0 -0.2em 0 #ea0000; + color: #d41515; +} +.ui.orange.buttons .button, +.ui.orange.button { + background-color: #f2711c; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.orange.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.orange.buttons .button:hover, +.ui.orange.button:hover { + background-color: #f26202; + color: #fff; + text-shadow: none; +} +.ui.orange.buttons .button:focus, +.ui.orange.button:focus { + background-color: #e55b00; + color: #fff; + text-shadow: none; +} +.ui.orange.buttons .button:active, +.ui.orange.button:active { + background-color: #cf590c; + color: #fff; + text-shadow: none; +} +.ui.orange.buttons .active.button, +.ui.orange.buttons .active.button:active, +.ui.orange.active.button, +.ui.orange.button .active.button:active { + background-color: #f56100; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.orange.buttons .button, +.ui.basic.orange.button { + background: transparent; + box-shadow: 0 0 0 1px #f2711c inset; + color: #f2711c; +} +.ui.basic.orange.buttons .button:hover, +.ui.basic.orange.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #f26202 inset; + color: #f26202; +} +.ui.basic.orange.buttons .button:focus, +.ui.basic.orange.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #e55b00 inset; + color: #f26202; +} +.ui.basic.orange.buttons .active.button, +.ui.basic.orange.active.button { + background: transparent; + box-shadow: 0 0 0 1px #f56100 inset; + color: #cf590c; +} +.ui.basic.orange.buttons .button:active, +.ui.basic.orange.button:active { + box-shadow: 0 0 0 1px #cf590c inset; + color: #cf590c; +} + +/* Inverted */ +.ui.inverted.orange.buttons .button, +.ui.inverted.orange.button { + background-color: transparent; + box-shadow: 0 0 0 2px #ff851b inset; + color: #ff851b; +} +.ui.inverted.orange.buttons .button:hover, +.ui.inverted.orange.button:hover, +.ui.inverted.orange.buttons .button:focus, +.ui.inverted.orange.button:focus, +.ui.inverted.orange.buttons .button.active, +.ui.inverted.orange.button.active, +.ui.inverted.orange.buttons .button:active, +.ui.inverted.orange.button:active { + box-shadow: none; + color: #fff; +} +.ui.inverted.orange.buttons .button:hover, +.ui.inverted.orange.button:hover { + background-color: #e76b00; +} +.ui.inverted.orange.buttons .button:focus, +.ui.inverted.orange.button:focus { + background-color: #f17000; +} +.ui.inverted.orange.buttons .active.button, +.ui.inverted.orange.active.button { + background-color: #ff7701; +} +.ui.inverted.orange.buttons .button:active, +.ui.inverted.orange.button:active { + background-color: #e76b00; +} + +/* Inverted Basic */ +.ui.inverted.orange.basic.buttons .button, +.ui.inverted.orange.buttons .basic.button, +.ui.inverted.orange.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.orange.basic.buttons .button:hover, +.ui.inverted.orange.buttons .basic.button:hover, +.ui.inverted.orange.basic.button:hover { + box-shadow: 0 0 0 2px #e76b00 inset; + color: #ff851b; +} +.ui.inverted.orange.basic.buttons .button:focus, +.ui.inverted.orange.basic.buttons .button:focus, +.ui.inverted.orange.basic.button:focus { + box-shadow: 0 0 0 2px #f17000 inset; + color: #ff851b; +} +.ui.inverted.orange.basic.buttons .active.button, +.ui.inverted.orange.buttons .basic.active.button, +.ui.inverted.orange.basic.active.button { + box-shadow: 0 0 0 2px #ff7701 inset; + color: #ff851b; +} +.ui.inverted.orange.basic.buttons .button:active, +.ui.inverted.orange.buttons .basic.button:active, +.ui.inverted.orange.basic.button:active { + box-shadow: 0 0 0 2px #e76b00 inset; + color: #ff851b; +} + +/* Tertiary */ +.ui.tertiary.orange.buttons .button, +.ui.tertiary.orange.buttons .tertiary.button, +.ui.tertiary.orange.button { + background: transparent; + box-shadow: none; + color: #f2711c; +} +.ui.tertiary.orange.buttons .button:hover, +.ui.tertiary.orange.buttons button:hover, +.ui.tertiary.orange.button:hover { + box-shadow: inset 0 -0.2em 0 #da671b; + color: #da671b; +} +.ui.tertiary.orange.buttons .button:focus, +.ui.tertiary.orange.buttons .tertiary.button:focus, +.ui.tertiary.orange.button:focus { + box-shadow: inset 0 -0.2em 0 #ce6017; + color: #ce6017; +} +.ui.tertiary.orange.buttons .active.button, +.ui.tertiary.orange.buttons .tertiary.active.button, +.ui.tertiary.orange.active.button, +.ui.tertiary.orange.buttons .button:active, +.ui.tertiary.orange.buttons .tertiary.button:active, +.ui.tertiary.orange.button:active { + box-shadow: inset 0 -0.2em 0 #f56100; + color: #f56100; +} +.ui.yellow.buttons .button, +.ui.yellow.button { + background-color: #fbbd08; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.yellow.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.yellow.buttons .button:hover, +.ui.yellow.button:hover { + background-color: #eaae00; + color: #fff; + text-shadow: none; +} +.ui.yellow.buttons .button:focus, +.ui.yellow.button:focus { + background-color: #daa300; + color: #fff; + text-shadow: none; +} +.ui.yellow.buttons .button:active, +.ui.yellow.button:active { + background-color: #cd9903; + color: #fff; + text-shadow: none; +} +.ui.yellow.buttons .active.button, +.ui.yellow.buttons .active.button:active, +.ui.yellow.active.button, +.ui.yellow.button .active.button:active { + background-color: #eaae00; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.yellow.buttons .button, +.ui.basic.yellow.button { + background: transparent; + box-shadow: 0 0 0 1px #fbbd08 inset; + color: #fbbd08; +} +.ui.basic.yellow.buttons .button:hover, +.ui.basic.yellow.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #eaae00 inset; + color: #eaae00; +} +.ui.basic.yellow.buttons .button:focus, +.ui.basic.yellow.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #daa300 inset; + color: #eaae00; +} +.ui.basic.yellow.buttons .active.button, +.ui.basic.yellow.active.button { + background: transparent; + box-shadow: 0 0 0 1px #eaae00 inset; + color: #cd9903; +} +.ui.basic.yellow.buttons .button:active, +.ui.basic.yellow.button:active { + box-shadow: 0 0 0 1px #cd9903 inset; + color: #cd9903; +} + +/* Inverted */ +.ui.inverted.yellow.buttons .button, +.ui.inverted.yellow.button { + background-color: transparent; + box-shadow: 0 0 0 2px #ffe21f inset; + color: #ffe21f; +} +.ui.inverted.yellow.buttons .button:hover, +.ui.inverted.yellow.button:hover, +.ui.inverted.yellow.buttons .button:focus, +.ui.inverted.yellow.button:focus, +.ui.inverted.yellow.buttons .button.active, +.ui.inverted.yellow.button.active, +.ui.inverted.yellow.buttons .button:active, +.ui.inverted.yellow.button:active { + box-shadow: none; + color: rgba(0, 0, 0, 0.6); +} +.ui.inverted.yellow.buttons .button:hover, +.ui.inverted.yellow.button:hover { + background-color: #ebcd00; +} +.ui.inverted.yellow.buttons .button:focus, +.ui.inverted.yellow.button:focus { + background-color: #f5d500; +} +.ui.inverted.yellow.buttons .active.button, +.ui.inverted.yellow.active.button { + background-color: #ffdf05; +} +.ui.inverted.yellow.buttons .button:active, +.ui.inverted.yellow.button:active { + background-color: #ebcd00; +} + +/* Inverted Basic */ +.ui.inverted.yellow.basic.buttons .button, +.ui.inverted.yellow.buttons .basic.button, +.ui.inverted.yellow.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.yellow.basic.buttons .button:hover, +.ui.inverted.yellow.buttons .basic.button:hover, +.ui.inverted.yellow.basic.button:hover { + box-shadow: 0 0 0 2px #ebcd00 inset; + color: #ffe21f; +} +.ui.inverted.yellow.basic.buttons .button:focus, +.ui.inverted.yellow.basic.buttons .button:focus, +.ui.inverted.yellow.basic.button:focus { + box-shadow: 0 0 0 2px #f5d500 inset; + color: #ffe21f; +} +.ui.inverted.yellow.basic.buttons .active.button, +.ui.inverted.yellow.buttons .basic.active.button, +.ui.inverted.yellow.basic.active.button { + box-shadow: 0 0 0 2px #ffdf05 inset; + color: #ffe21f; +} +.ui.inverted.yellow.basic.buttons .button:active, +.ui.inverted.yellow.buttons .basic.button:active, +.ui.inverted.yellow.basic.button:active { + box-shadow: 0 0 0 2px #ebcd00 inset; + color: #ffe21f; +} + +/* Tertiary */ +.ui.tertiary.yellow.buttons .button, +.ui.tertiary.yellow.buttons .tertiary.button, +.ui.tertiary.yellow.button { + background: transparent; + box-shadow: none; + color: #fbbd08; +} +.ui.tertiary.yellow.buttons .button:hover, +.ui.tertiary.yellow.buttons button:hover, +.ui.tertiary.yellow.button:hover { + box-shadow: inset 0 -0.2em 0 #d2a217; + color: #d2a217; +} +.ui.tertiary.yellow.buttons .button:focus, +.ui.tertiary.yellow.buttons .tertiary.button:focus, +.ui.tertiary.yellow.button:focus { + box-shadow: inset 0 -0.2em 0 #c49816; + color: #c49816; +} +.ui.tertiary.yellow.buttons .active.button, +.ui.tertiary.yellow.buttons .tertiary.active.button, +.ui.tertiary.yellow.active.button, +.ui.tertiary.yellow.buttons .button:active, +.ui.tertiary.yellow.buttons .tertiary.button:active, +.ui.tertiary.yellow.button:active { + box-shadow: inset 0 -0.2em 0 #eaae00; + color: #eaae00; +} +.ui.olive.buttons .button, +.ui.olive.button { + background-color: #b5cc18; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.olive.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.olive.buttons .button:hover, +.ui.olive.button:hover { + background-color: #a7bd0d; + color: #fff; + text-shadow: none; +} +.ui.olive.buttons .button:focus, +.ui.olive.button:focus { + background-color: #a0b605; + color: #fff; + text-shadow: none; +} +.ui.olive.buttons .button:active, +.ui.olive.button:active { + background-color: #8d9e13; + color: #fff; + text-shadow: none; +} +.ui.olive.buttons .active.button, +.ui.olive.buttons .active.button:active, +.ui.olive.active.button, +.ui.olive.button .active.button:active { + background-color: #aac109; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.olive.buttons .button, +.ui.basic.olive.button { + background: transparent; + box-shadow: 0 0 0 1px #b5cc18 inset; + color: #b5cc18; +} +.ui.basic.olive.buttons .button:hover, +.ui.basic.olive.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #a7bd0d inset; + color: #a7bd0d; +} +.ui.basic.olive.buttons .button:focus, +.ui.basic.olive.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #a0b605 inset; + color: #a7bd0d; +} +.ui.basic.olive.buttons .active.button, +.ui.basic.olive.active.button { + background: transparent; + box-shadow: 0 0 0 1px #aac109 inset; + color: #8d9e13; +} +.ui.basic.olive.buttons .button:active, +.ui.basic.olive.button:active { + box-shadow: 0 0 0 1px #8d9e13 inset; + color: #8d9e13; +} + +/* Inverted */ +.ui.inverted.olive.buttons .button, +.ui.inverted.olive.button { + background-color: transparent; + box-shadow: 0 0 0 2px #d9e778 inset; + color: #d9e778; +} +.ui.inverted.olive.buttons .button:hover, +.ui.inverted.olive.button:hover, +.ui.inverted.olive.buttons .button:focus, +.ui.inverted.olive.button:focus, +.ui.inverted.olive.buttons .button.active, +.ui.inverted.olive.button.active, +.ui.inverted.olive.buttons .button:active, +.ui.inverted.olive.button:active { + box-shadow: none; + color: rgba(0, 0, 0, 0.6); +} +.ui.inverted.olive.buttons .button:hover, +.ui.inverted.olive.button:hover { + background-color: #d2e745; +} +.ui.inverted.olive.buttons .button:focus, +.ui.inverted.olive.button:focus { + background-color: #daef47; +} +.ui.inverted.olive.buttons .active.button, +.ui.inverted.olive.active.button { + background-color: #daed59; +} +.ui.inverted.olive.buttons .button:active, +.ui.inverted.olive.button:active { + background-color: #cddf4d; +} + +/* Inverted Basic */ +.ui.inverted.olive.basic.buttons .button, +.ui.inverted.olive.buttons .basic.button, +.ui.inverted.olive.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.olive.basic.buttons .button:hover, +.ui.inverted.olive.buttons .basic.button:hover, +.ui.inverted.olive.basic.button:hover { + box-shadow: 0 0 0 2px #d2e745 inset; + color: #d9e778; +} +.ui.inverted.olive.basic.buttons .button:focus, +.ui.inverted.olive.basic.buttons .button:focus, +.ui.inverted.olive.basic.button:focus { + box-shadow: 0 0 0 2px #daef47 inset; + color: #d9e778; +} +.ui.inverted.olive.basic.buttons .active.button, +.ui.inverted.olive.buttons .basic.active.button, +.ui.inverted.olive.basic.active.button { + box-shadow: 0 0 0 2px #daed59 inset; + color: #d9e778; +} +.ui.inverted.olive.basic.buttons .button:active, +.ui.inverted.olive.buttons .basic.button:active, +.ui.inverted.olive.basic.button:active { + box-shadow: 0 0 0 2px #cddf4d inset; + color: #d9e778; +} + +/* Tertiary */ +.ui.tertiary.olive.buttons .button, +.ui.tertiary.olive.buttons .tertiary.button, +.ui.tertiary.olive.button { + background: transparent; + box-shadow: none; + color: #b5cc18; +} +.ui.tertiary.olive.buttons .button:hover, +.ui.tertiary.olive.buttons button:hover, +.ui.tertiary.olive.button:hover { + box-shadow: inset 0 -0.2em 0 #98a922; + color: #98a922; +} +.ui.tertiary.olive.buttons .button:focus, +.ui.tertiary.olive.buttons .tertiary.button:focus, +.ui.tertiary.olive.button:focus { + box-shadow: inset 0 -0.2em 0 #92a418; + color: #92a418; +} +.ui.tertiary.olive.buttons .active.button, +.ui.tertiary.olive.buttons .tertiary.active.button, +.ui.tertiary.olive.active.button, +.ui.tertiary.olive.buttons .button:active, +.ui.tertiary.olive.buttons .tertiary.button:active, +.ui.tertiary.olive.button:active { + box-shadow: inset 0 -0.2em 0 #b1cb00; + color: #aac109; +} +.ui.green.buttons .button, +.ui.green.button { + background-color: #21ba45; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.green.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.green.buttons .button:hover, +.ui.green.button:hover { + background-color: #16ab39; + color: #fff; + text-shadow: none; +} +.ui.green.buttons .button:focus, +.ui.green.button:focus { + background-color: #0ea432; + color: #fff; + text-shadow: none; +} +.ui.green.buttons .button:active, +.ui.green.button:active { + background-color: #198f35; + color: #fff; + text-shadow: none; +} +.ui.green.buttons .active.button, +.ui.green.buttons .active.button:active, +.ui.green.active.button, +.ui.green.button .active.button:active { + background-color: #13ae38; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.green.buttons .button, +.ui.basic.green.button { + background: transparent; + box-shadow: 0 0 0 1px #21ba45 inset; + color: #21ba45; +} +.ui.basic.green.buttons .button:hover, +.ui.basic.green.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #16ab39 inset; + color: #16ab39; +} +.ui.basic.green.buttons .button:focus, +.ui.basic.green.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #0ea432 inset; + color: #16ab39; +} +.ui.basic.green.buttons .active.button, +.ui.basic.green.active.button { + background: transparent; + box-shadow: 0 0 0 1px #13ae38 inset; + color: #198f35; +} +.ui.basic.green.buttons .button:active, +.ui.basic.green.button:active { + box-shadow: 0 0 0 1px #198f35 inset; + color: #198f35; +} + +/* Inverted */ +.ui.inverted.green.buttons .button, +.ui.inverted.green.button { + background-color: transparent; + box-shadow: 0 0 0 2px #2ecc40 inset; + color: #2ecc40; +} +.ui.inverted.green.buttons .button:hover, +.ui.inverted.green.button:hover, +.ui.inverted.green.buttons .button:focus, +.ui.inverted.green.button:focus, +.ui.inverted.green.buttons .button.active, +.ui.inverted.green.button.active, +.ui.inverted.green.buttons .button:active, +.ui.inverted.green.button:active { + box-shadow: none; + color: #fff; +} +.ui.inverted.green.buttons .button:hover, +.ui.inverted.green.button:hover { + background-color: #1ea92e; +} +.ui.inverted.green.buttons .button:focus, +.ui.inverted.green.button:focus { + background-color: #19b82b; +} +.ui.inverted.green.buttons .active.button, +.ui.inverted.green.active.button { + background-color: #1fc231; +} +.ui.inverted.green.buttons .button:active, +.ui.inverted.green.button:active { + background-color: #25a233; +} + +/* Inverted Basic */ +.ui.inverted.green.basic.buttons .button, +.ui.inverted.green.buttons .basic.button, +.ui.inverted.green.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.green.basic.buttons .button:hover, +.ui.inverted.green.buttons .basic.button:hover, +.ui.inverted.green.basic.button:hover { + box-shadow: 0 0 0 2px #1ea92e inset; + color: #2ecc40; +} +.ui.inverted.green.basic.buttons .button:focus, +.ui.inverted.green.basic.buttons .button:focus, +.ui.inverted.green.basic.button:focus { + box-shadow: 0 0 0 2px #19b82b inset; + color: #2ecc40; +} +.ui.inverted.green.basic.buttons .active.button, +.ui.inverted.green.buttons .basic.active.button, +.ui.inverted.green.basic.active.button { + box-shadow: 0 0 0 2px #1fc231 inset; + color: #2ecc40; +} +.ui.inverted.green.basic.buttons .button:active, +.ui.inverted.green.buttons .basic.button:active, +.ui.inverted.green.basic.button:active { + box-shadow: 0 0 0 2px #25a233 inset; + color: #2ecc40; +} + +/* Tertiary */ +.ui.tertiary.green.buttons .button, +.ui.tertiary.green.buttons .tertiary.button, +.ui.tertiary.green.button { + background: transparent; + box-shadow: none; + color: #21ba45; +} +.ui.tertiary.green.buttons .button:hover, +.ui.tertiary.green.buttons button:hover, +.ui.tertiary.green.button:hover { + box-shadow: inset 0 -0.2em 0 #2a9844; + color: #2a9844; +} +.ui.tertiary.green.buttons .button:focus, +.ui.tertiary.green.buttons .tertiary.button:focus, +.ui.tertiary.green.button:focus { + box-shadow: inset 0 -0.2em 0 #20923b; + color: #20923b; +} +.ui.tertiary.green.buttons .active.button, +.ui.tertiary.green.buttons .tertiary.active.button, +.ui.tertiary.green.active.button, +.ui.tertiary.green.buttons .button:active, +.ui.tertiary.green.buttons .tertiary.button:active, +.ui.tertiary.green.button:active { + box-shadow: inset 0 -0.2em 0 #00c22e; + color: #13ae38; +} +.ui.teal.buttons .button, +.ui.teal.button { + background-color: #00b5ad; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.teal.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.teal.buttons .button:hover, +.ui.teal.button:hover { + background-color: #009c95; + color: #fff; + text-shadow: none; +} +.ui.teal.buttons .button:focus, +.ui.teal.button:focus { + background-color: #008c86; + color: #fff; + text-shadow: none; +} +.ui.teal.buttons .button:active, +.ui.teal.button:active { + background-color: #00827c; + color: #fff; + text-shadow: none; +} +.ui.teal.buttons .active.button, +.ui.teal.buttons .active.button:active, +.ui.teal.active.button, +.ui.teal.button .active.button:active { + background-color: #009c95; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.teal.buttons .button, +.ui.basic.teal.button { + background: transparent; + box-shadow: 0 0 0 1px #00b5ad inset; + color: #00b5ad; +} +.ui.basic.teal.buttons .button:hover, +.ui.basic.teal.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #009c95 inset; + color: #009c95; +} +.ui.basic.teal.buttons .button:focus, +.ui.basic.teal.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #008c86 inset; + color: #009c95; +} +.ui.basic.teal.buttons .active.button, +.ui.basic.teal.active.button { + background: transparent; + box-shadow: 0 0 0 1px #009c95 inset; + color: #00827c; +} +.ui.basic.teal.buttons .button:active, +.ui.basic.teal.button:active { + box-shadow: 0 0 0 1px #00827c inset; + color: #00827c; +} + +/* Inverted */ +.ui.inverted.teal.buttons .button, +.ui.inverted.teal.button { + background-color: transparent; + box-shadow: 0 0 0 2px #6dffff inset; + color: #6dffff; +} +.ui.inverted.teal.buttons .button:hover, +.ui.inverted.teal.button:hover, +.ui.inverted.teal.buttons .button:focus, +.ui.inverted.teal.button:focus, +.ui.inverted.teal.buttons .button.active, +.ui.inverted.teal.button.active, +.ui.inverted.teal.buttons .button:active, +.ui.inverted.teal.button:active { + box-shadow: none; + color: rgba(0, 0, 0, 0.6); +} +.ui.inverted.teal.buttons .button:hover, +.ui.inverted.teal.button:hover { + background-color: #3affff; +} +.ui.inverted.teal.buttons .button:focus, +.ui.inverted.teal.button:focus { + background-color: #44ffff; +} +.ui.inverted.teal.buttons .active.button, +.ui.inverted.teal.active.button { + background-color: #54ffff; +} +.ui.inverted.teal.buttons .button:active, +.ui.inverted.teal.button:active { + background-color: #3affff; +} + +/* Inverted Basic */ +.ui.inverted.teal.basic.buttons .button, +.ui.inverted.teal.buttons .basic.button, +.ui.inverted.teal.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.teal.basic.buttons .button:hover, +.ui.inverted.teal.buttons .basic.button:hover, +.ui.inverted.teal.basic.button:hover { + box-shadow: 0 0 0 2px #3affff inset; + color: #6dffff; +} +.ui.inverted.teal.basic.buttons .button:focus, +.ui.inverted.teal.basic.buttons .button:focus, +.ui.inverted.teal.basic.button:focus { + box-shadow: 0 0 0 2px #44ffff inset; + color: #6dffff; +} +.ui.inverted.teal.basic.buttons .active.button, +.ui.inverted.teal.buttons .basic.active.button, +.ui.inverted.teal.basic.active.button { + box-shadow: 0 0 0 2px #54ffff inset; + color: #6dffff; +} +.ui.inverted.teal.basic.buttons .button:active, +.ui.inverted.teal.buttons .basic.button:active, +.ui.inverted.teal.basic.button:active { + box-shadow: 0 0 0 2px #3affff inset; + color: #6dffff; +} + +/* Tertiary */ +.ui.tertiary.teal.buttons .button, +.ui.tertiary.teal.buttons .tertiary.button, +.ui.tertiary.teal.button { + background: transparent; + box-shadow: none; + color: #00b5ad; +} +.ui.tertiary.teal.buttons .button:hover, +.ui.tertiary.teal.buttons button:hover, +.ui.tertiary.teal.button:hover { + box-shadow: inset 0 -0.2em 0 #108c86; + color: #108c86; +} +.ui.tertiary.teal.buttons .button:focus, +.ui.tertiary.teal.buttons .tertiary.button:focus, +.ui.tertiary.teal.button:focus { + box-shadow: inset 0 -0.2em 0 #0e7e79; + color: #0e7e79; +} +.ui.tertiary.teal.buttons .active.button, +.ui.tertiary.teal.buttons .tertiary.active.button, +.ui.tertiary.teal.active.button, +.ui.tertiary.teal.buttons .button:active, +.ui.tertiary.teal.buttons .tertiary.button:active, +.ui.tertiary.teal.button:active { + box-shadow: inset 0 -0.2em 0 #009c95; + color: #009c95; +} +.ui.blue.buttons .button, +.ui.blue.button { + background-color: #2185d0; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.blue.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.blue.buttons .button:hover, +.ui.blue.button:hover { + background-color: #1678c2; + color: #fff; + text-shadow: none; +} +.ui.blue.buttons .button:focus, +.ui.blue.button:focus { + background-color: #0d71bb; + color: #fff; + text-shadow: none; +} +.ui.blue.buttons .button:active, +.ui.blue.button:active { + background-color: #1a69a4; + color: #fff; + text-shadow: none; +} +.ui.blue.buttons .active.button, +.ui.blue.buttons .active.button:active, +.ui.blue.active.button, +.ui.blue.button .active.button:active { + background-color: #1279c6; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.blue.buttons .button, +.ui.basic.blue.button { + background: transparent; + box-shadow: 0 0 0 1px #2185d0 inset; + color: #2185d0; +} +.ui.basic.blue.buttons .button:hover, +.ui.basic.blue.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #1678c2 inset; + color: #1678c2; +} +.ui.basic.blue.buttons .button:focus, +.ui.basic.blue.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #0d71bb inset; + color: #1678c2; +} +.ui.basic.blue.buttons .active.button, +.ui.basic.blue.active.button { + background: transparent; + box-shadow: 0 0 0 1px #1279c6 inset; + color: #1a69a4; +} +.ui.basic.blue.buttons .button:active, +.ui.basic.blue.button:active { + box-shadow: 0 0 0 1px #1a69a4 inset; + color: #1a69a4; +} + +/* Inverted */ +.ui.inverted.blue.buttons .button, +.ui.inverted.blue.button { + background-color: transparent; + box-shadow: 0 0 0 2px #54c8ff inset; + color: #54c8ff; +} +.ui.inverted.blue.buttons .button:hover, +.ui.inverted.blue.button:hover, +.ui.inverted.blue.buttons .button:focus, +.ui.inverted.blue.button:focus, +.ui.inverted.blue.buttons .button.active, +.ui.inverted.blue.button.active, +.ui.inverted.blue.buttons .button:active, +.ui.inverted.blue.button:active { + box-shadow: none; + color: #fff; +} +.ui.inverted.blue.buttons .button:hover, +.ui.inverted.blue.button:hover { + background-color: #21b8ff; +} +.ui.inverted.blue.buttons .button:focus, +.ui.inverted.blue.button:focus { + background-color: #2bbbff; +} +.ui.inverted.blue.buttons .active.button, +.ui.inverted.blue.active.button { + background-color: #3ac0ff; +} +.ui.inverted.blue.buttons .button:active, +.ui.inverted.blue.button:active { + background-color: #21b8ff; +} + +/* Inverted Basic */ +.ui.inverted.blue.basic.buttons .button, +.ui.inverted.blue.buttons .basic.button, +.ui.inverted.blue.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.blue.basic.buttons .button:hover, +.ui.inverted.blue.buttons .basic.button:hover, +.ui.inverted.blue.basic.button:hover { + box-shadow: 0 0 0 2px #21b8ff inset; + color: #54c8ff; +} +.ui.inverted.blue.basic.buttons .button:focus, +.ui.inverted.blue.basic.buttons .button:focus, +.ui.inverted.blue.basic.button:focus { + box-shadow: 0 0 0 2px #2bbbff inset; + color: #54c8ff; +} +.ui.inverted.blue.basic.buttons .active.button, +.ui.inverted.blue.buttons .basic.active.button, +.ui.inverted.blue.basic.active.button { + box-shadow: 0 0 0 2px #3ac0ff inset; + color: #54c8ff; +} +.ui.inverted.blue.basic.buttons .button:active, +.ui.inverted.blue.buttons .basic.button:active, +.ui.inverted.blue.basic.button:active { + box-shadow: 0 0 0 2px #21b8ff inset; + color: #54c8ff; +} + +/* Tertiary */ +.ui.tertiary.blue.buttons .button, +.ui.tertiary.blue.buttons .tertiary.button, +.ui.tertiary.blue.button { + background: transparent; + box-shadow: none; + color: #2185d0; +} +.ui.tertiary.blue.buttons .button:hover, +.ui.tertiary.blue.buttons button:hover, +.ui.tertiary.blue.button:hover { + box-shadow: inset 0 -0.2em 0 #2b75ac; + color: #2b75ac; +} +.ui.tertiary.blue.buttons .button:focus, +.ui.tertiary.blue.buttons .tertiary.button:focus, +.ui.tertiary.blue.button:focus { + box-shadow: inset 0 -0.2em 0 #216ea7; + color: #216ea7; +} +.ui.tertiary.blue.buttons .active.button, +.ui.tertiary.blue.buttons .tertiary.active.button, +.ui.tertiary.blue.active.button, +.ui.tertiary.blue.buttons .button:active, +.ui.tertiary.blue.buttons .tertiary.button:active, +.ui.tertiary.blue.button:active { + box-shadow: inset 0 -0.2em 0 #007bd8; + color: #1279c6; +} +.ui.violet.buttons .button, +.ui.violet.button { + background-color: #6435c9; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.violet.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.violet.buttons .button:hover, +.ui.violet.button:hover { + background-color: #5829bb; + color: #fff; + text-shadow: none; +} +.ui.violet.buttons .button:focus, +.ui.violet.button:focus { + background-color: #4f20b5; + color: #fff; + text-shadow: none; +} +.ui.violet.buttons .button:active, +.ui.violet.button:active { + background-color: #502aa1; + color: #fff; + text-shadow: none; +} +.ui.violet.buttons .active.button, +.ui.violet.buttons .active.button:active, +.ui.violet.active.button, +.ui.violet.button .active.button:active { + background-color: #5626bf; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.violet.buttons .button, +.ui.basic.violet.button { + background: transparent; + box-shadow: 0 0 0 1px #6435c9 inset; + color: #6435c9; +} +.ui.basic.violet.buttons .button:hover, +.ui.basic.violet.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #5829bb inset; + color: #5829bb; +} +.ui.basic.violet.buttons .button:focus, +.ui.basic.violet.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #4f20b5 inset; + color: #5829bb; +} +.ui.basic.violet.buttons .active.button, +.ui.basic.violet.active.button { + background: transparent; + box-shadow: 0 0 0 1px #5626bf inset; + color: #502aa1; +} +.ui.basic.violet.buttons .button:active, +.ui.basic.violet.button:active { + box-shadow: 0 0 0 1px #502aa1 inset; + color: #502aa1; +} + +/* Inverted */ +.ui.inverted.violet.buttons .button, +.ui.inverted.violet.button { + background-color: transparent; + box-shadow: 0 0 0 2px #a291fb inset; + color: #a291fb; +} +.ui.inverted.violet.buttons .button:hover, +.ui.inverted.violet.button:hover, +.ui.inverted.violet.buttons .button:focus, +.ui.inverted.violet.button:focus, +.ui.inverted.violet.buttons .button.active, +.ui.inverted.violet.button.active, +.ui.inverted.violet.buttons .button:active, +.ui.inverted.violet.button:active { + box-shadow: none; + color: #fff; +} +.ui.inverted.violet.buttons .button:hover, +.ui.inverted.violet.button:hover { + background-color: #745aff; +} +.ui.inverted.violet.buttons .button:focus, +.ui.inverted.violet.button:focus { + background-color: #7d64ff; +} +.ui.inverted.violet.buttons .active.button, +.ui.inverted.violet.active.button { + background-color: #8a73ff; +} +.ui.inverted.violet.buttons .button:active, +.ui.inverted.violet.button:active { + background-color: #7860f9; +} + +/* Inverted Basic */ +.ui.inverted.violet.basic.buttons .button, +.ui.inverted.violet.buttons .basic.button, +.ui.inverted.violet.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.violet.basic.buttons .button:hover, +.ui.inverted.violet.buttons .basic.button:hover, +.ui.inverted.violet.basic.button:hover { + box-shadow: 0 0 0 2px #745aff inset; + color: #a291fb; +} +.ui.inverted.violet.basic.buttons .button:focus, +.ui.inverted.violet.basic.buttons .button:focus, +.ui.inverted.violet.basic.button:focus { + box-shadow: 0 0 0 2px #7d64ff inset; + color: #a291fb; +} +.ui.inverted.violet.basic.buttons .active.button, +.ui.inverted.violet.buttons .basic.active.button, +.ui.inverted.violet.basic.active.button { + box-shadow: 0 0 0 2px #8a73ff inset; + color: #a291fb; +} +.ui.inverted.violet.basic.buttons .button:active, +.ui.inverted.violet.buttons .basic.button:active, +.ui.inverted.violet.basic.button:active { + box-shadow: 0 0 0 2px #7860f9 inset; + color: #a291fb; +} + +/* Tertiary */ +.ui.tertiary.violet.buttons .button, +.ui.tertiary.violet.buttons .tertiary.button, +.ui.tertiary.violet.button { + background: transparent; + box-shadow: none; + color: #6435c9; +} +.ui.tertiary.violet.buttons .button:hover, +.ui.tertiary.violet.buttons button:hover, +.ui.tertiary.violet.button:hover { + box-shadow: inset 0 -0.2em 0 #6040a5; + color: #6040a5; +} +.ui.tertiary.violet.buttons .button:focus, +.ui.tertiary.violet.buttons .tertiary.button:focus, +.ui.tertiary.violet.button:focus { + box-shadow: inset 0 -0.2em 0 #5735a0; + color: #5735a0; +} +.ui.tertiary.violet.buttons .active.button, +.ui.tertiary.violet.buttons .tertiary.active.button, +.ui.tertiary.violet.active.button, +.ui.tertiary.violet.buttons .button:active, +.ui.tertiary.violet.buttons .tertiary.button:active, +.ui.tertiary.violet.button:active { + box-shadow: inset 0 -0.2em 0 #4e0fd6; + color: #5626bf; +} +.ui.purple.buttons .button, +.ui.purple.button { + background-color: #a333c8; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.purple.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.purple.buttons .button:hover, +.ui.purple.button:hover { + background-color: #9627ba; + color: #fff; + text-shadow: none; +} +.ui.purple.buttons .button:focus, +.ui.purple.button:focus { + background-color: #8f1eb4; + color: #fff; + text-shadow: none; +} +.ui.purple.buttons .button:active, +.ui.purple.button:active { + background-color: #82299f; + color: #fff; + text-shadow: none; +} +.ui.purple.buttons .active.button, +.ui.purple.buttons .active.button:active, +.ui.purple.active.button, +.ui.purple.button .active.button:active { + background-color: #9724be; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.purple.buttons .button, +.ui.basic.purple.button { + background: transparent; + box-shadow: 0 0 0 1px #a333c8 inset; + color: #a333c8; +} +.ui.basic.purple.buttons .button:hover, +.ui.basic.purple.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #9627ba inset; + color: #9627ba; +} +.ui.basic.purple.buttons .button:focus, +.ui.basic.purple.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #8f1eb4 inset; + color: #9627ba; +} +.ui.basic.purple.buttons .active.button, +.ui.basic.purple.active.button { + background: transparent; + box-shadow: 0 0 0 1px #9724be inset; + color: #82299f; +} +.ui.basic.purple.buttons .button:active, +.ui.basic.purple.button:active { + box-shadow: 0 0 0 1px #82299f inset; + color: #82299f; +} + +/* Inverted */ +.ui.inverted.purple.buttons .button, +.ui.inverted.purple.button { + background-color: transparent; + box-shadow: 0 0 0 2px #dc73ff inset; + color: #dc73ff; +} +.ui.inverted.purple.buttons .button:hover, +.ui.inverted.purple.button:hover, +.ui.inverted.purple.buttons .button:focus, +.ui.inverted.purple.button:focus, +.ui.inverted.purple.buttons .button.active, +.ui.inverted.purple.button.active, +.ui.inverted.purple.buttons .button:active, +.ui.inverted.purple.button:active { + box-shadow: none; + color: #fff; +} +.ui.inverted.purple.buttons .button:hover, +.ui.inverted.purple.button:hover { + background-color: #cf40ff; +} +.ui.inverted.purple.buttons .button:focus, +.ui.inverted.purple.button:focus { + background-color: #d24aff; +} +.ui.inverted.purple.buttons .active.button, +.ui.inverted.purple.active.button { + background-color: #d65aff; +} +.ui.inverted.purple.buttons .button:active, +.ui.inverted.purple.button:active { + background-color: #cf40ff; +} + +/* Inverted Basic */ +.ui.inverted.purple.basic.buttons .button, +.ui.inverted.purple.buttons .basic.button, +.ui.inverted.purple.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.purple.basic.buttons .button:hover, +.ui.inverted.purple.buttons .basic.button:hover, +.ui.inverted.purple.basic.button:hover { + box-shadow: 0 0 0 2px #cf40ff inset; + color: #dc73ff; +} +.ui.inverted.purple.basic.buttons .button:focus, +.ui.inverted.purple.basic.buttons .button:focus, +.ui.inverted.purple.basic.button:focus { + box-shadow: 0 0 0 2px #d24aff inset; + color: #dc73ff; +} +.ui.inverted.purple.basic.buttons .active.button, +.ui.inverted.purple.buttons .basic.active.button, +.ui.inverted.purple.basic.active.button { + box-shadow: 0 0 0 2px #d65aff inset; + color: #dc73ff; +} +.ui.inverted.purple.basic.buttons .button:active, +.ui.inverted.purple.buttons .basic.button:active, +.ui.inverted.purple.basic.button:active { + box-shadow: 0 0 0 2px #cf40ff inset; + color: #dc73ff; +} + +/* Tertiary */ +.ui.tertiary.purple.buttons .button, +.ui.tertiary.purple.buttons .tertiary.button, +.ui.tertiary.purple.button { + background: transparent; + box-shadow: none; + color: #a333c8; +} +.ui.tertiary.purple.buttons .button:hover, +.ui.tertiary.purple.buttons button:hover, +.ui.tertiary.purple.button:hover { + box-shadow: inset 0 -0.2em 0 #8a3ea4; + color: #8a3ea4; +} +.ui.tertiary.purple.buttons .button:focus, +.ui.tertiary.purple.buttons .tertiary.button:focus, +.ui.tertiary.purple.button:focus { + box-shadow: inset 0 -0.2em 0 #84339f; + color: #84339f; +} +.ui.tertiary.purple.buttons .active.button, +.ui.tertiary.purple.buttons .tertiary.active.button, +.ui.tertiary.purple.active.button, +.ui.tertiary.purple.buttons .button:active, +.ui.tertiary.purple.buttons .tertiary.button:active, +.ui.tertiary.purple.button:active { + box-shadow: inset 0 -0.2em 0 #a30dd4; + color: #9724be; +} +.ui.pink.buttons .button, +.ui.pink.button { + background-color: #e03997; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.pink.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.pink.buttons .button:hover, +.ui.pink.button:hover { + background-color: #e61a8d; + color: #fff; + text-shadow: none; +} +.ui.pink.buttons .button:focus, +.ui.pink.button:focus { + background-color: #e10f85; + color: #fff; + text-shadow: none; +} +.ui.pink.buttons .button:active, +.ui.pink.button:active { + background-color: #c71f7e; + color: #fff; + text-shadow: none; +} +.ui.pink.buttons .active.button, +.ui.pink.buttons .active.button:active, +.ui.pink.active.button, +.ui.pink.button .active.button:active { + background-color: #ea158d; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.pink.buttons .button, +.ui.basic.pink.button { + background: transparent; + box-shadow: 0 0 0 1px #e03997 inset; + color: #e03997; +} +.ui.basic.pink.buttons .button:hover, +.ui.basic.pink.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #e61a8d inset; + color: #e61a8d; +} +.ui.basic.pink.buttons .button:focus, +.ui.basic.pink.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #e10f85 inset; + color: #e61a8d; +} +.ui.basic.pink.buttons .active.button, +.ui.basic.pink.active.button { + background: transparent; + box-shadow: 0 0 0 1px #ea158d inset; + color: #c71f7e; +} +.ui.basic.pink.buttons .button:active, +.ui.basic.pink.button:active { + box-shadow: 0 0 0 1px #c71f7e inset; + color: #c71f7e; +} + +/* Inverted */ +.ui.inverted.pink.buttons .button, +.ui.inverted.pink.button { + background-color: transparent; + box-shadow: 0 0 0 2px #ff8edf inset; + color: #ff8edf; +} +.ui.inverted.pink.buttons .button:hover, +.ui.inverted.pink.button:hover, +.ui.inverted.pink.buttons .button:focus, +.ui.inverted.pink.button:focus, +.ui.inverted.pink.buttons .button.active, +.ui.inverted.pink.button.active, +.ui.inverted.pink.buttons .button:active, +.ui.inverted.pink.button:active { + box-shadow: none; + color: #fff; +} +.ui.inverted.pink.buttons .button:hover, +.ui.inverted.pink.button:hover { + background-color: #ff5bd1; +} +.ui.inverted.pink.buttons .button:focus, +.ui.inverted.pink.button:focus { + background-color: #ff65d3; +} +.ui.inverted.pink.buttons .active.button, +.ui.inverted.pink.active.button { + background-color: #ff74d8; +} +.ui.inverted.pink.buttons .button:active, +.ui.inverted.pink.button:active { + background-color: #ff5bd1; +} + +/* Inverted Basic */ +.ui.inverted.pink.basic.buttons .button, +.ui.inverted.pink.buttons .basic.button, +.ui.inverted.pink.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.pink.basic.buttons .button:hover, +.ui.inverted.pink.buttons .basic.button:hover, +.ui.inverted.pink.basic.button:hover { + box-shadow: 0 0 0 2px #ff5bd1 inset; + color: #ff8edf; +} +.ui.inverted.pink.basic.buttons .button:focus, +.ui.inverted.pink.basic.buttons .button:focus, +.ui.inverted.pink.basic.button:focus { + box-shadow: 0 0 0 2px #ff65d3 inset; + color: #ff8edf; +} +.ui.inverted.pink.basic.buttons .active.button, +.ui.inverted.pink.buttons .basic.active.button, +.ui.inverted.pink.basic.active.button { + box-shadow: 0 0 0 2px #ff74d8 inset; + color: #ff8edf; +} +.ui.inverted.pink.basic.buttons .button:active, +.ui.inverted.pink.buttons .basic.button:active, +.ui.inverted.pink.basic.button:active { + box-shadow: 0 0 0 2px #ff5bd1 inset; + color: #ff8edf; +} + +/* Tertiary */ +.ui.tertiary.pink.buttons .button, +.ui.tertiary.pink.buttons .tertiary.button, +.ui.tertiary.pink.button { + background: transparent; + box-shadow: none; + color: #e03997; +} +.ui.tertiary.pink.buttons .button:hover, +.ui.tertiary.pink.buttons button:hover, +.ui.tertiary.pink.button:hover { + box-shadow: inset 0 -0.2em 0 #cc3389; + color: #cc3389; +} +.ui.tertiary.pink.buttons .button:focus, +.ui.tertiary.pink.buttons .tertiary.button:focus, +.ui.tertiary.pink.button:focus { + box-shadow: inset 0 -0.2em 0 #c92782; + color: #c92782; +} +.ui.tertiary.pink.buttons .active.button, +.ui.tertiary.pink.buttons .tertiary.active.button, +.ui.tertiary.pink.active.button, +.ui.tertiary.pink.buttons .button:active, +.ui.tertiary.pink.buttons .tertiary.button:active, +.ui.tertiary.pink.button:active { + box-shadow: inset 0 -0.2em 0 #ff0090; + color: #ea158d; +} +.ui.brown.buttons .button, +.ui.brown.button { + background-color: #a5673f; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.brown.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.brown.buttons .button:hover, +.ui.brown.button:hover { + background-color: #975b33; + color: #fff; + text-shadow: none; +} +.ui.brown.buttons .button:focus, +.ui.brown.button:focus { + background-color: #90532b; + color: #fff; + text-shadow: none; +} +.ui.brown.buttons .button:active, +.ui.brown.button:active { + background-color: #805031; + color: #fff; + text-shadow: none; +} +.ui.brown.buttons .active.button, +.ui.brown.buttons .active.button:active, +.ui.brown.active.button, +.ui.brown.button .active.button:active { + background-color: #995a31; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.brown.buttons .button, +.ui.basic.brown.button { + background: transparent; + box-shadow: 0 0 0 1px #a5673f inset; + color: #a5673f; +} +.ui.basic.brown.buttons .button:hover, +.ui.basic.brown.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #975b33 inset; + color: #975b33; +} +.ui.basic.brown.buttons .button:focus, +.ui.basic.brown.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #90532b inset; + color: #975b33; +} +.ui.basic.brown.buttons .active.button, +.ui.basic.brown.active.button { + background: transparent; + box-shadow: 0 0 0 1px #995a31 inset; + color: #805031; +} +.ui.basic.brown.buttons .button:active, +.ui.basic.brown.button:active { + box-shadow: 0 0 0 1px #805031 inset; + color: #805031; +} + +/* Inverted */ +.ui.inverted.brown.buttons .button, +.ui.inverted.brown.button { + background-color: transparent; + box-shadow: 0 0 0 2px #d67c1c inset; + color: #d67c1c; +} +.ui.inverted.brown.buttons .button:hover, +.ui.inverted.brown.button:hover, +.ui.inverted.brown.buttons .button:focus, +.ui.inverted.brown.button:focus, +.ui.inverted.brown.buttons .button.active, +.ui.inverted.brown.button.active, +.ui.inverted.brown.buttons .button:active, +.ui.inverted.brown.button:active { + box-shadow: none; + color: #fff; +} +.ui.inverted.brown.buttons .button:hover, +.ui.inverted.brown.button:hover { + background-color: #b0620f; +} +.ui.inverted.brown.buttons .button:focus, +.ui.inverted.brown.button:focus { + background-color: #c16808; +} +.ui.inverted.brown.buttons .active.button, +.ui.inverted.brown.active.button { + background-color: #cc6f0d; +} +.ui.inverted.brown.buttons .button:active, +.ui.inverted.brown.button:active { + background-color: #a96216; +} + +/* Inverted Basic */ +.ui.inverted.brown.basic.buttons .button, +.ui.inverted.brown.buttons .basic.button, +.ui.inverted.brown.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.brown.basic.buttons .button:hover, +.ui.inverted.brown.buttons .basic.button:hover, +.ui.inverted.brown.basic.button:hover { + box-shadow: 0 0 0 2px #b0620f inset; + color: #d67c1c; +} +.ui.inverted.brown.basic.buttons .button:focus, +.ui.inverted.brown.basic.buttons .button:focus, +.ui.inverted.brown.basic.button:focus { + box-shadow: 0 0 0 2px #c16808 inset; + color: #d67c1c; +} +.ui.inverted.brown.basic.buttons .active.button, +.ui.inverted.brown.buttons .basic.active.button, +.ui.inverted.brown.basic.active.button { + box-shadow: 0 0 0 2px #cc6f0d inset; + color: #d67c1c; +} +.ui.inverted.brown.basic.buttons .button:active, +.ui.inverted.brown.buttons .basic.button:active, +.ui.inverted.brown.basic.button:active { + box-shadow: 0 0 0 2px #a96216 inset; + color: #d67c1c; +} + +/* Tertiary */ +.ui.tertiary.brown.buttons .button, +.ui.tertiary.brown.buttons .tertiary.button, +.ui.tertiary.brown.button { + background: transparent; + box-shadow: none; + color: #a5673f; +} +.ui.tertiary.brown.buttons .button:hover, +.ui.tertiary.brown.buttons button:hover, +.ui.tertiary.brown.button:hover { + box-shadow: inset 0 -0.2em 0 #835f48; + color: #835f48; +} +.ui.tertiary.brown.buttons .button:focus, +.ui.tertiary.brown.buttons .tertiary.button:focus, +.ui.tertiary.brown.button:focus { + box-shadow: inset 0 -0.2em 0 #7d573e; + color: #7d573e; +} +.ui.tertiary.brown.buttons .active.button, +.ui.tertiary.brown.buttons .tertiary.active.button, +.ui.tertiary.brown.active.button, +.ui.tertiary.brown.buttons .button:active, +.ui.tertiary.brown.buttons .tertiary.button:active, +.ui.tertiary.brown.button:active { + box-shadow: inset 0 -0.2em 0 #ae561d; + color: #995a31; +} +.ui.grey.buttons .button, +.ui.grey.button { + background-color: #767676; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.grey.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.grey.buttons .button:hover, +.ui.grey.button:hover { + background-color: #838383; + color: #fff; + text-shadow: none; +} +.ui.grey.buttons .button:focus, +.ui.grey.button:focus { + background-color: #8a8a8a; + color: #fff; + text-shadow: none; +} +.ui.grey.buttons .button:active, +.ui.grey.button:active { + background-color: #909090; + color: #fff; + text-shadow: none; +} +.ui.grey.buttons .active.button, +.ui.grey.buttons .active.button:active, +.ui.grey.active.button, +.ui.grey.button .active.button:active { + background-color: #696969; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.grey.buttons .button, +.ui.basic.grey.button { + background: transparent; + box-shadow: 0 0 0 1px #767676 inset; + color: #767676; +} +.ui.basic.grey.buttons .button:hover, +.ui.basic.grey.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #838383 inset; + color: #838383; +} +.ui.basic.grey.buttons .button:focus, +.ui.basic.grey.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #8a8a8a inset; + color: #838383; +} +.ui.basic.grey.buttons .active.button, +.ui.basic.grey.active.button { + background: transparent; + box-shadow: 0 0 0 1px #696969 inset; + color: #909090; +} +.ui.basic.grey.buttons .button:active, +.ui.basic.grey.button:active { + box-shadow: 0 0 0 1px #909090 inset; + color: #909090; +} + +/* Inverted */ +.ui.inverted.grey.buttons .button, +.ui.inverted.grey.button { + background-color: transparent; + box-shadow: 0 0 0 2px #d4d4d5 inset; + color: #fff; +} +.ui.inverted.grey.buttons .button:hover, +.ui.inverted.grey.button:hover, +.ui.inverted.grey.buttons .button:focus, +.ui.inverted.grey.button:focus, +.ui.inverted.grey.buttons .button.active, +.ui.inverted.grey.button.active, +.ui.inverted.grey.buttons .button:active, +.ui.inverted.grey.button:active { + box-shadow: none; + color: rgba(0, 0, 0, 0.6); +} +.ui.inverted.grey.buttons .button:hover, +.ui.inverted.grey.button:hover { + background-color: #c2c4c5; +} +.ui.inverted.grey.buttons .button:focus, +.ui.inverted.grey.button:focus { + background-color: #c7c9cb; +} +.ui.inverted.grey.buttons .active.button, +.ui.inverted.grey.active.button { + background-color: #cfd0d2; +} +.ui.inverted.grey.buttons .button:active, +.ui.inverted.grey.button:active { + background-color: #c2c4c5; +} + +/* Inverted Basic */ +.ui.inverted.grey.basic.buttons .button, +.ui.inverted.grey.buttons .basic.button, +.ui.inverted.grey.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.grey.basic.buttons .button:hover, +.ui.inverted.grey.buttons .basic.button:hover, +.ui.inverted.grey.basic.button:hover { + box-shadow: 0 0 0 2px #c2c4c5 inset; + color: #fff; +} +.ui.inverted.grey.basic.buttons .button:focus, +.ui.inverted.grey.basic.buttons .button:focus, +.ui.inverted.grey.basic.button:focus { + box-shadow: 0 0 0 2px #c7c9cb inset; + color: #dcddde; +} +.ui.inverted.grey.basic.buttons .active.button, +.ui.inverted.grey.buttons .basic.active.button, +.ui.inverted.grey.basic.active.button { + box-shadow: 0 0 0 2px #cfd0d2 inset; + color: #fff; +} +.ui.inverted.grey.basic.buttons .button:active, +.ui.inverted.grey.buttons .basic.button:active, +.ui.inverted.grey.basic.button:active { + box-shadow: 0 0 0 2px #c2c4c5 inset; + color: #fff; +} + +/* Tertiary */ +.ui.tertiary.grey.buttons .button, +.ui.tertiary.grey.buttons .tertiary.button, +.ui.tertiary.grey.button { + background: transparent; + box-shadow: none; + color: #767676; +} +.ui.tertiary.grey.buttons .button:hover, +.ui.tertiary.grey.buttons button:hover, +.ui.tertiary.grey.button:hover { + box-shadow: inset 0 -0.2em 0 #909090; + color: #909090; +} +.ui.tertiary.grey.buttons .button:focus, +.ui.tertiary.grey.buttons .tertiary.button:focus, +.ui.tertiary.grey.button:focus { + box-shadow: inset 0 -0.2em 0 #9f9f9f; + color: #9f9f9f; +} +.ui.tertiary.grey.buttons .active.button, +.ui.tertiary.grey.buttons .tertiary.active.button, +.ui.tertiary.grey.active.button, +.ui.tertiary.grey.buttons .button:active, +.ui.tertiary.grey.buttons .tertiary.button:active, +.ui.tertiary.grey.button:active { + box-shadow: inset 0 -0.2em 0 #5d5d5d; + color: #696969; +} +.ui.black.buttons .button, +.ui.black.button { + background-color: #1b1c1d; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.black.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.black.buttons .button:hover, +.ui.black.button:hover { + background-color: #27292a; + color: #fff; + text-shadow: none; +} +.ui.black.buttons .button:focus, +.ui.black.button:focus { + background-color: #2f3032; + color: #fff; + text-shadow: none; +} +.ui.black.buttons .button:active, +.ui.black.button:active { + background-color: #343637; + color: #fff; + text-shadow: none; +} +.ui.black.buttons .active.button, +.ui.black.buttons .active.button:active, +.ui.black.active.button, +.ui.black.button .active.button:active { + background-color: #0f0f10; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.black.buttons .button, +.ui.basic.black.button { + background: transparent; + box-shadow: 0 0 0 1px #1b1c1d inset; + color: #1b1c1d; +} +.ui.basic.black.buttons .button:hover, +.ui.basic.black.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #27292a inset; + color: #27292a; +} +.ui.basic.black.buttons .button:focus, +.ui.basic.black.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #2f3032 inset; + color: #27292a; +} +.ui.basic.black.buttons .active.button, +.ui.basic.black.active.button { + background: transparent; + box-shadow: 0 0 0 1px #0f0f10 inset; + color: #343637; +} +.ui.basic.black.buttons .button:active, +.ui.basic.black.button:active { + box-shadow: 0 0 0 1px #343637 inset; + color: #343637; +} + +/* Inverted */ +.ui.inverted.black.buttons .button, +.ui.inverted.black.button { + background-color: transparent; + box-shadow: 0 0 0 2px #d4d4d5 inset; + color: #fff; +} +.ui.inverted.black.buttons .button:hover, +.ui.inverted.black.button:hover, +.ui.inverted.black.buttons .button:focus, +.ui.inverted.black.button:focus, +.ui.inverted.black.buttons .button.active, +.ui.inverted.black.button.active, +.ui.inverted.black.buttons .button:active, +.ui.inverted.black.button:active { + box-shadow: none; + color: #fff; +} +.ui.inverted.black.buttons .button:hover, +.ui.inverted.black.button:hover { + background-color: #000000; +} +.ui.inverted.black.buttons .button:focus, +.ui.inverted.black.button:focus { + background-color: #000000; +} +.ui.inverted.black.buttons .active.button, +.ui.inverted.black.active.button { + background-color: #000000; +} +.ui.inverted.black.buttons .button:active, +.ui.inverted.black.button:active { + background-color: #000000; +} + +/* Inverted Basic */ +.ui.inverted.black.basic.buttons .button, +.ui.inverted.black.buttons .basic.button, +.ui.inverted.black.basic.button { + background-color: transparent; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #fff; +} +.ui.inverted.black.basic.buttons .button:hover, +.ui.inverted.black.buttons .basic.button:hover, +.ui.inverted.black.basic.button:hover { + box-shadow: 0 0 0 2px #000000 inset; + color: #fff; +} +.ui.inverted.black.basic.buttons .button:focus, +.ui.inverted.black.basic.buttons .button:focus, +.ui.inverted.black.basic.button:focus { + box-shadow: 0 0 0 2px #000000 inset; + color: #545454; +} +.ui.inverted.black.basic.buttons .active.button, +.ui.inverted.black.buttons .basic.active.button, +.ui.inverted.black.basic.active.button { + box-shadow: 0 0 0 2px #000000 inset; + color: #fff; +} +.ui.inverted.black.basic.buttons .button:active, +.ui.inverted.black.buttons .basic.button:active, +.ui.inverted.black.basic.button:active { + box-shadow: 0 0 0 2px #000000 inset; + color: #fff; +} + +/* Tertiary */ +.ui.tertiary.black.buttons .button, +.ui.tertiary.black.buttons .tertiary.button, +.ui.tertiary.black.button { + background: transparent; + box-shadow: none; + color: #1b1c1d; +} +.ui.tertiary.black.buttons .button:hover, +.ui.tertiary.black.buttons button:hover, +.ui.tertiary.black.button:hover { + box-shadow: inset 0 -0.2em 0 #8b8f93; + color: #8b8f93; +} +.ui.tertiary.black.buttons .button:focus, +.ui.tertiary.black.buttons .tertiary.button:focus, +.ui.tertiary.black.button:focus { + box-shadow: inset 0 -0.2em 0 #93969a; + color: #93969a; +} +.ui.tertiary.black.buttons .active.button, +.ui.tertiary.black.buttons .tertiary.active.button, +.ui.tertiary.black.active.button, +.ui.tertiary.black.buttons .button:active, +.ui.tertiary.black.buttons .tertiary.button:active, +.ui.tertiary.black.button:active { + box-shadow: inset 0 -0.2em 0 #404245; + color: #0f0f10; +} + +/* Standard */ +.ui.positive.buttons .button, +.ui.positive.button { + background-color: #21ba45; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.positive.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.positive.buttons .button:hover, +.ui.positive.button:hover { + background-color: #16ab39; + color: #fff; + text-shadow: none; +} +.ui.positive.buttons .button:focus, +.ui.positive.button:focus { + background-color: #0ea432; + color: #fff; + text-shadow: none; +} +.ui.positive.buttons .button:active, +.ui.positive.button:active { + background-color: #198f35; + color: #fff; + text-shadow: none; +} +.ui.positive.buttons .active.button, +.ui.positive.buttons .active.button:active, +.ui.positive.active.button, +.ui.positive.button .active.button:active { + background-color: #13ae38; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.positive.buttons .button, +.ui.basic.positive.button { + background: transparent; + box-shadow: 0 0 0 1px #21ba45 inset; + color: #21ba45; +} +.ui.basic.positive.buttons .button:hover, +.ui.basic.positive.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #16ab39 inset; + color: #16ab39; +} +.ui.basic.positive.buttons .button:focus, +.ui.basic.positive.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #0ea432 inset; + color: #16ab39; +} +.ui.basic.positive.buttons .active.button, +.ui.basic.positive.active.button { + background: transparent; + box-shadow: 0 0 0 1px #13ae38 inset; + color: #198f35; +} +.ui.basic.positive.buttons .button:active, +.ui.basic.positive.button:active { + box-shadow: 0 0 0 1px #198f35 inset; + color: #198f35; +} +.ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) { + margin-left: -1px; +} + +/* Standard */ +.ui.negative.buttons .button, +.ui.negative.button { + background-color: #db2828; + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.negative.button { + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.negative.buttons .button:hover, +.ui.negative.button:hover { + background-color: #d01919; + color: #fff; + text-shadow: none; +} +.ui.negative.buttons .button:focus, +.ui.negative.button:focus { + background-color: #ca1010; + color: #fff; + text-shadow: none; +} +.ui.negative.buttons .button:active, +.ui.negative.button:active { + background-color: #b21e1e; + color: #fff; + text-shadow: none; +} +.ui.negative.buttons .active.button, +.ui.negative.buttons .active.button:active, +.ui.negative.active.button, +.ui.negative.button .active.button:active { + background-color: #d41515; + color: #fff; + text-shadow: none; +} + +/* Basic */ +.ui.basic.negative.buttons .button, +.ui.basic.negative.button { + background: transparent; + box-shadow: 0 0 0 1px #db2828 inset; + color: #db2828; +} +.ui.basic.negative.buttons .button:hover, +.ui.basic.negative.button:hover { + background: transparent; + box-shadow: 0 0 0 1px #d01919 inset; + color: #d01919; +} +.ui.basic.negative.buttons .button:focus, +.ui.basic.negative.button:focus { + background: transparent; + box-shadow: 0 0 0 1px #ca1010 inset; + color: #d01919; +} +.ui.basic.negative.buttons .active.button, +.ui.basic.negative.active.button { + background: transparent; + box-shadow: 0 0 0 1px #d41515 inset; + color: #b21e1e; +} +.ui.basic.negative.buttons .button:active, +.ui.basic.negative.button:active { + box-shadow: 0 0 0 1px #b21e1e inset; + color: #b21e1e; +} +.ui.buttons:not(.vertical) > .basic.negative.button:not(:first-child) { + margin-left: -1px; +} + + +/******************************* + Groups + *******************************/ + +.ui.buttons { + display: inline-flex; + flex-direction: row; + font-size: 0; + vertical-align: baseline; + margin: 0 0.25em 0 0; +} +.ui.buttons:not(.basic):not(.inverted) { + box-shadow: none; +} + +/* Clearfix */ +.ui.buttons::after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +/* Standard Group */ +.ui.buttons .button { + flex: 1 0 auto; + border-radius: 0; + margin: 0; +} +.ui.buttons:not(.basic):not(.inverted) > .button:not(.basic):not(.inverted) { + box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; +} +.ui.buttons .button:first-child { + border-left: none; + margin-left: 0; + border-top-left-radius: 0.28571429rem; + border-bottom-left-radius: 0.28571429rem; +} +.ui.buttons .button:last-child { + border-top-right-radius: 0.28571429rem; + border-bottom-right-radius: 0.28571429rem; +} + +/* Vertical Style */ +.ui.vertical.buttons { + display: inline-flex; + flex-direction: column; +} +.ui.vertical.buttons .button { + display: block; + float: none; + width: 100%; + margin: 0; + border-radius: 0; +} +.ui.vertical.buttons .button:not(.basic) { + box-shadow: none; +} +.ui.vertical.buttons .button:first-child { + border-top-left-radius: 0.28571429rem; + border-top-right-radius: 0.28571429rem; +} +.ui.vertical.buttons .button:last-child { + margin-bottom: 0; + border-bottom-left-radius: 0.28571429rem; + border-bottom-right-radius: 0.28571429rem; +} +.ui.vertical.buttons .button:only-child { + border-radius: 0.28571429rem; +} +.ui.vertical.buttons .basic.button:not(:first-child) { + border-top: none; +} +.ui.wrapping.buttons { + flex-wrap: wrap; +} +.ui.wrapping.basic.buttons { + border-bottom: none; +} +.ui.wrapping.basic.buttons .button { + border-bottom: 1px solid rgba(34, 36, 38, 0.15); +} +.ui.wrapping.basic.buttons .button:hover { + background: transparent !important; +} +.ui.compact.wrapping.buttons .button { + flex: none; +} +.ui.wrapped.buttons:not(.spaced) { + border-top-right-radius: 0; +} +.ui.wrapped.buttons:not(.spaced) .button:first-child { + border-radius: 0.28571429rem 0 0 0; +} +.ui.wrapped.buttons:not(.spaced) .button:last-child { + border-radius: 0 0 0.28571429rem 0; +} +.ui.wrapped[class*="top attached"].buttons { + border-radius: 0.28571429rem 0 0 0; +} +.ui.wrapped[class*="top attached"].buttons .button:last-child { + border-radius: 0; +} +.ui.wrapped[class*="bottom attached"].buttons { + border-radius: 0 0 0 0.28571429rem; +} +.ui.wrapped[class*="bottom attached"].buttons .button:first-child { + border-radius: 0; +} +.ui.spaced.buttons .ui.button { + margin-bottom: 1em; + margin-right: 1em; + border-radius: 0.28571429rem; +} +.ui.spaced.basic.buttons { + border: none; +} +.ui.spaced.basic.buttons .button { + border: 1px solid rgba(34, 36, 38, 0.15); +} +.ui.spaced.basic.buttons .button.basic { + border: none; +} +.ui.spaced.basic.vertical.buttons .button:first-child { + border-top: 1px solid rgba(34, 36, 38, 0.15); +} +.ui.spaced.basic.wrapping.buttons .button:not(.basic) { + border-top: 1px solid rgba(34, 36, 38, 0.15); + border-right: 1px solid rgba(34, 36, 38, 0.15); +} +.ui.spaced.basic.wrapping.buttons .button:not(.basic):first-child { + border-left: 1px solid rgba(34, 36, 38, 0.15); +} +.ui.spaced.basic.inverted.buttons .basic.button { + margin-bottom: calc(1em + 1px); + margin-top: 1px; +} +.ui.basic.buttons:not(.vertical).inverted .button, +.ui.basic.buttons:not(.vertical) .basic.button { + margin-left: -1px; + border-right: none; +} +.ui.basic.buttons:not(.vertical):not(.spaced):not(.inverted) .basic.button { + margin-top: -1px; + border-bottom: none; +} +.ui.inverted.basic.buttons:not(.spaced) .button, +.ui.attached.basic.buttons:not(.wrapping):not(.inverted) .basic.button { + margin-bottom: -1px; +} +.ui.basic.buttons:not(.vertical):not(.attached):not(.spaced):not(.wrapping):not(.inverted) .basic.button { + margin-bottom: -1px; +} + + +/******************************* + Theme Overrides +*******************************/ + + + +/******************************* + Site Overrides +*******************************/ + diff --git a/dist/library/fomantic/components/button.min.css b/dist/library/fomantic/components/button.min.css new file mode 100644 index 0000000..291b06f --- /dev/null +++ b/dist/library/fomantic/components/button.min.css @@ -0,0 +1,9 @@ +/*! + * # Fomantic-UI 2.9.3 - Button + * https://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2 none;color:rgba(0,0,0,.6);font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";margin:0 .25em 0 0;padding:.78571429em 1.5em .78571429em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.28571429rem;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;will-change:auto;-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#cacbcd;background-image:none;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:.85}.ui.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8);background-image:none;box-shadow:""}.ui.button:focus .icon{opacity:.85}.ui.active.button:active,.ui.button:active{background-color:#babbbc;background-image:"";color:rgba(0,0,0,.9);box-shadow:none}.ui.active.button{background-color:#c0c1c2;background-image:none;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,.95)}.ui.active.button:hover{background-color:#c0c1c2;background-image:none;color:rgba(0,0,0,.95)}.ui.active.button:active{background-color:#c0c1c2;background-image:none}.ui.ui.ui.ui.ui.ui.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent;opacity:1;pointer-events:auto;transition:all 0s linear,opacity .1s ease}.ui.loading.button::before{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}.ui.loading.button::after{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;animation:loader .6s infinite linear;border:.2em solid currentColor;color:#fff;box-shadow:0 0 0 1px transparent}.ui.ui.ui.loading.button .label{background-color:transparent;border-color:transparent;color:transparent}.ui.labeled.icon.loading.button .icon{background-color:transparent;box-shadow:none}.ui.basic.loading.button:not(.inverted)::before{border-color:rgba(0,0,0,.1)}.ui.basic.loading.button:not(.inverted)::after{border-color:#767676}.ui.button:disabled,.ui.buttons .disabled.button:not(.basic),.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover{cursor:default;opacity:.45!important;background-image:none;box-shadow:none;pointer-events:none!important}.ui.basic.buttons .ui.disabled.button{border-color:rgba(34,36,38,.5)}.ui.animated.button{position:relative;overflow:hidden;padding-right:0!important;vertical-align:middle;z-index:1}.ui.animated.button .content{will-change:transform,opacity}.ui.animated.button .visible.content{position:relative;margin-right:1.5em}.ui.animated.button .hidden.content{position:absolute;width:100%}.ui.animated.button .hidden.content,.ui.animated.button .visible.content{transition:right .3s ease 0s}.ui.animated.button .visible.content{left:auto;right:0}.ui.animated.button .hidden.content{top:50%;left:auto;right:-100%;margin-top:-.5em}.ui.animated.button:focus .visible.content,.ui.animated.button:hover .visible.content{left:auto;right:200%}.ui.animated.button:focus .hidden.content,.ui.animated.button:hover .hidden.content{left:auto;right:0}.ui.vertical.animated.button .hidden.content,.ui.vertical.animated.button .visible.content{transition:top .3s ease,transform .3s ease}.ui.vertical.animated.button .visible.content{transform:translateY(0);right:auto}.ui.vertical.animated.button .hidden.content{top:-50%;left:0;right:auto}.ui.vertical.animated.button:focus .visible.content,.ui.vertical.animated.button:hover .visible.content{transform:translateY(200%);right:auto}.ui.vertical.animated.button:focus .hidden.content,.ui.vertical.animated.button:hover .hidden.content{top:50%;right:auto}.ui.fade.animated.button .hidden.content,.ui.fade.animated.button .visible.content{transition:opacity .3s ease,transform .3s ease}.ui.fade.animated.button .visible.content{left:auto;right:auto;opacity:1;transform:scale(1)}.ui.fade.animated.button .hidden.content{opacity:0;left:0;right:auto;transform:scale(1.5)}.ui.fade.animated.button:focus .visible.content,.ui.fade.animated.button:hover .visible.content{left:auto;right:auto;opacity:0;transform:scale(.75)}.ui.fade.animated.button:focus .hidden.content,.ui.fade.animated.button:hover .hidden.content{left:0;right:auto;opacity:1;transform:scale(1)}.ui.inverted.button{box-shadow:0 0 0 2px #fff inset;background:transparent none;color:#fff;text-shadow:none!important}.ui.inverted.buttons .button{margin:0 0 0 -2px}.ui.inverted.buttons .button:first-child{margin-left:0}.ui.inverted.vertical.buttons .button{margin:0 0 -2px 0}.ui.inverted.vertical.buttons .button:first-child{margin-top:0}.ui.inverted.button:hover{background:#fff;box-shadow:0 0 0 2px #fff inset;color:rgba(0,0,0,.8)}.ui.inverted.button.active,.ui.inverted.button:focus{background:#fff;box-shadow:0 0 0 2px #fff inset;color:rgba(0,0,0,.8)}.ui.inverted.button.active:focus{background:#dcddde;box-shadow:0 0 0 2px #dcddde inset;color:rgba(0,0,0,.8)}.ui.labeled.button:not(.icon){display:inline-flex;flex-direction:row;background:0 0;padding:0!important;border:none;box-shadow:none}.ui.labeled.button>.button{margin:0}.ui.labeled.button>.label{display:flex;align-items:center;margin:0 0 0 -1px!important;font-size:1em;padding:"";border-color:rgba(34,36,38,.15)}.ui.labeled.button>.tag.label::before{width:1.85em;height:1.85em}.ui.labeled.button:not([class*="left labeled"])>.button{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.button:not([class*="left labeled"])>.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.button{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.label{border-top-right-radius:0;border-bottom-right-radius:0}.ui.facebook.button{background-color:#3b5998;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.facebook.button:hover{background-color:#304d8a;color:#fff;text-shadow:none}.ui.facebook.button:active{background-color:#2d4373;color:#fff;text-shadow:none}.ui.twitter.button{background-color:#1da1f2;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.twitter.button:hover{background-color:#0298f3;color:#fff;text-shadow:none}.ui.twitter.button:active{background-color:#0c85d0;color:#fff;text-shadow:none}.ui.google.plus.button{background-color:#dd4b39;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.google.plus.button:hover{background-color:#e0321c;color:#fff;text-shadow:none}.ui.google.plus.button:active{background-color:#c23321;color:#fff;text-shadow:none}.ui.linkedin.button{background-color:#0077b5;color:#fff;text-shadow:none}.ui.linkedin.button:hover{background-color:#00669c;color:#fff;text-shadow:none}.ui.linkedin.button:active{background-color:#005582;color:#fff;text-shadow:none}.ui.youtube.button{background-color:red;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.youtube.button:hover{background-color:#e60000;color:#fff;text-shadow:none}.ui.youtube.button:active{background-color:#c00;color:#fff;text-shadow:none}.ui.instagram.button{background-color:#49769c;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.instagram.button:hover{background-color:#3d698e;color:#fff;text-shadow:none}.ui.instagram.button:active{background-color:#395c79;color:#fff;text-shadow:none}.ui.pinterest.button{background-color:#bd081c;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.pinterest.button:hover{background-color:#ac0013;color:#fff;text-shadow:none}.ui.pinterest.button:active{background-color:#8c0615;color:#fff;text-shadow:none}.ui.vk.button{background-color:#45668e;color:#fff;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.vk.button:hover{background-color:#395980;color:#fff}.ui.vk.button:active{background-color:#344d6c;color:#fff}.ui.whatsapp.button{background-color:#25d366;color:#fff;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.whatsapp.button:hover{background-color:#19c55a;color:#fff}.ui.whatsapp.button:active{background-color:#1da851;color:#fff}.ui.telegram.button{background-color:#08c;color:#fff;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.telegram.button:hover{background-color:#0077b3;color:#fff}.ui.telegram.button:active{background-color:#069;color:#fff}.ui.button>.icon:not(.button){height:auto;opacity:.8;transition:opacity .1s ease;color:""}.ui.button:not(.icon)>.icon:not(.button):not(.dropdown),.ui.button:not(.icon)>.icons:not(.button):not(.dropdown){margin:0 .42857143em 0 -.21428571em;vertical-align:baseline}.ui.button:not(.icon)>.icons:not(.button):not(.dropdown)>.icon{vertical-align:baseline}.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown){margin:0 -.21428571em 0 .42857143em}@media only screen and (max-width:767.98px){.ui.stackable.buttons{flex-direction:column;width:100%}.ui.stackable.buttons .button:first-child{border-bottom-left-radius:0;border-top-right-radius:.28571429rem}.ui.stackable.buttons .button:last-child{border-bottom-left-radius:.28571429rem;border-top-right-radius:0}.ui.stackable.buttons .button:only-child{border-radius:.28571429rem}}.ui[class*="left floated"].button,.ui[class*="left floated"].buttons{float:left;margin-left:0;margin-right:.25em}.ui[class*="right floated"].button,.ui[class*="right floated"].buttons{float:right;margin-right:0;margin-left:.25em}.ui.compact.button,.ui.compact.buttons .button{padding:.58928571em 1.125em .58928571em}.ui.compact.icon.button,.ui.compact.icon.buttons .button{padding:.58928571em .58928571em .58928571em}.ui.compact.labeled.icon.button,.ui.compact.labeled.icon.buttons .button{padding:.58928571em 3.69642857em .58928571em}.ui.compact.labeled.icon.button>.icon,.ui.compact.labeled.icon.buttons .button>.icon{padding:.58928571em 0}.ui.button,.ui.buttons .button,.ui.buttons .or{font-size:1rem}.ui.mini.buttons .button,.ui.mini.buttons .dropdown,.ui.mini.buttons .dropdown .menu>.item,.ui.mini.buttons .or,.ui.ui.ui.ui.mini.button{font-size:.78571429rem}.ui.tiny.buttons .button,.ui.tiny.buttons .dropdown,.ui.tiny.buttons .dropdown .menu>.item,.ui.tiny.buttons .or,.ui.ui.ui.ui.tiny.button{font-size:.85714286rem}.ui.small.buttons .button,.ui.small.buttons .dropdown,.ui.small.buttons .dropdown .menu>.item,.ui.small.buttons .or,.ui.ui.ui.ui.small.button{font-size:.92857143rem}.ui.large.buttons .button,.ui.large.buttons .dropdown,.ui.large.buttons .dropdown .menu>.item,.ui.large.buttons .or,.ui.ui.ui.ui.large.button{font-size:1.14285714rem}.ui.big.buttons .button,.ui.big.buttons .dropdown,.ui.big.buttons .dropdown .menu>.item,.ui.big.buttons .or,.ui.ui.ui.ui.big.button{font-size:1.28571429rem}.ui.huge.buttons .button,.ui.huge.buttons .dropdown,.ui.huge.buttons .dropdown .menu>.item,.ui.huge.buttons .or,.ui.ui.ui.ui.huge.button{font-size:1.42857143rem}.ui.massive.buttons .button,.ui.massive.buttons .dropdown,.ui.massive.buttons .dropdown .menu>.item,.ui.massive.buttons .or,.ui.ui.ui.ui.massive.button{font-size:1.71428571rem}.ui.icon.button:not(.animated):not(.compact):not(.labeled),.ui.icon.buttons .button{padding:.78571429em .78571429em .78571429em}.ui.animated.icon.button>.content>.icon,.ui.icon.button>.icon,.ui.icon.buttons .button>.icon{opacity:.9;margin:0!important;vertical-align:top}.ui.animated.button>.content>.icon{vertical-align:top}.ui.basic.button,.ui.basic.buttons .button{background:transparent none;color:rgba(0,0,0,.6);font-weight:400;border-radius:.28571429rem;text-transform:none;text-shadow:none!important;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset}.ui.basic.buttons{box-shadow:none;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;border-right:none}.ui.basic.buttons .button{border-radius:0}.ui.basic.button:hover,.ui.basic.buttons .button:hover{background:#fff;color:rgba(0,0,0,.8);box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.button:focus,.ui.basic.buttons .button:focus{background:#fff;color:rgba(0,0,0,.8);box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.button:active,.ui.basic.buttons .button:active{background:#f8f8f8;color:rgba(0,0,0,.9);box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset}.ui.basic.active.button,.ui.basic.buttons .active.button{background:rgba(0,0,0,.05);box-shadow:"";color:rgba(0,0,0,.95)}.ui.basic.active.button:hover,.ui.basic.buttons .active.button:hover{background-color:rgba(0,0,0,.05)}.ui.basic.buttons .button:hover{box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.buttons .button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset}.ui.basic.buttons .active.button{box-shadow:""}.ui.basic.inverted.button,.ui.basic.inverted.buttons .button{background-color:transparent;color:#f9fafb;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset}.ui.basic.inverted.button:hover,.ui.basic.inverted.buttons .button:hover{color:#fff;box-shadow:0 0 0 2px #fff inset}.ui.basic.inverted.button:focus,.ui.basic.inverted.buttons .button:focus{color:#fff;box-shadow:0 0 0 2px #fff inset}.ui.basic.inverted.button:active,.ui.basic.inverted.buttons .button:active{background-color:rgba(255,255,255,.08);color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.9) inset}.ui.basic.inverted.active.button,.ui.basic.inverted.buttons .active.button{background-color:rgba(255,255,255,.08);color:#fff;text-shadow:none;box-shadow:0 0 0 2px rgba(255,255,255,.7) inset}.ui.basic.inverted.active.button:hover,.ui.basic.inverted.buttons .active.button:hover{background-color:rgba(255,255,255,.15);box-shadow:0 0 0 2px #fff inset}.ui.basic.buttons:not(.inverted) .button:not(.basic){border-right:1px solid rgba(34,36,38,.15);box-shadow:none}.ui.basic.vertical.buttons .button{border-left:none;border-left-width:0;border-top:1px solid rgba(34,36,38,.15)}.ui.basic.vertical.buttons:not(.spaced) .button:first-child{border-top:none}.ui.tertiary.button{transition:color .1s ease!important;border-radius:0;margin:.28571429em .25em .28571429em 0!important;padding:.5em .5em!important;box-shadow:none;color:rgba(0,0,0,.6);background:0 0}.ui.tertiary.button:hover{box-shadow:inset 0 -.2em 0 #666;color:#333;background:0 0}.ui.tertiary.button:focus{box-shadow:inset 0 -.2em 0 #666;color:#333;background:0 0}.ui.tertiary.button:active{box-shadow:inset 0 -.2em 0 #999;border-radius:.28571429rem .28571429rem 0 0;color:#666;background:0 0}.ui.labeled.icon.button,.ui.labeled.icon.buttons .button{position:relative;padding-left:4.07142857em!important;padding-right:1.5em!important}.ui.labeled.icon.button>.icon,.ui.labeled.icon.buttons>.button>.icon{position:absolute;top:0;left:0;height:100%;line-height:1;border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;text-align:center;animation:none;padding:.78571429em 0;margin:0;width:2.57142857em;background-color:rgba(0,0,0,.05);color:"";box-shadow:-1px 0 0 0 transparent inset}.ui[class*="right labeled"].icon.button{padding-right:4.07142857em!important;padding-left:1.5em!important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0;border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;box-shadow:1px 0 0 0 transparent inset}.ui.labeled.icon.button>.icon::after,.ui.labeled.icon.button>.icon::before,.ui.labeled.icon.buttons>.button>.icon::after,.ui.labeled.icon.buttons>.button>.icon::before{display:block;position:relative;width:100%;top:0;text-align:center}.ui.labeled.icon.buttons .button>.icon{border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:.28571429rem;border-bottom-left-radius:.28571429rem}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{border-radius:0;border-top-left-radius:.28571429rem}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{border-radius:0;border-bottom-left-radius:.28571429rem}.ui.labeled.icon.button>.loading.icon::before{animation:loader 2s linear infinite}.ui.button.toggle.active,.ui.buttons .button.toggle.active,.ui.toggle.buttons .active.button{background-color:#21ba45;box-shadow:none;text-shadow:none;color:#fff}.ui.button.toggle.active:hover{background-color:#16ab39;text-shadow:none;color:#fff}.ui.circular.button{border-radius:10em}.ui.circular.button>.icon{width:1em;vertical-align:baseline}.ui.buttons .or{position:relative;width:.3em;height:2.57142857em;z-index:3}.ui.buttons .or::before{position:absolute;text-align:center;border-radius:500rem;content:"or";top:50%;left:50%;background-color:#fff;text-shadow:none;margin-top:-.89285714em;margin-left:-.89285714em;width:1.78571429em;height:1.78571429em;line-height:1.78571429em;color:rgba(0,0,0,.4);font-style:normal;font-weight:700;box-shadow:0 0 0 1px transparent inset}.ui.buttons .or[data-text]::before{content:attr(data-text)}.ui.fluid.buttons .or{width:0!important}.ui.fluid.buttons .or::after{display:none}.ui.attached.button{position:relative;display:block;margin:0;border-radius:0;box-shadow:0 0 0 1px rgba(34,36,38,.15)}.ui.attached.top.button{border-radius:.28571429rem .28571429rem 0 0}.ui.attached.bottom.button{border-radius:0 0 .28571429rem .28571429rem}.ui.left.attached.button{display:inline-block;border-left:none;text-align:right;padding-right:.75em;border-radius:.28571429rem 0 0 .28571429rem}.ui.right.attached.button{display:inline-block;text-align:left;padding-left:.75em;border-radius:0 .28571429rem .28571429rem 0}.ui.attached.buttons{position:relative;display:flex;border-radius:0;width:auto!important;z-index:auto;margin-left:-1px;margin-right:-1px}.ui.attached.buttons .button{margin:0}.ui.attached.buttons .button:first-child{border-radius:0}.ui.attached.buttons .button:last-child{border-radius:0}.ui[class*="top attached"].buttons{margin-bottom:0;border-radius:.28571429rem .28571429rem 0 0}.ui[class*="top attached"].buttons .button:first-child{border-radius:.28571429rem 0 0 0}.ui[class*="top attached"].buttons .button:last-child{border-radius:0 .28571429rem 0 0}.ui[class*="bottom attached"].buttons{margin-top:-1px;border-radius:0 0 .28571429rem .28571429rem}.ui[class*="bottom attached"].buttons .button:first-child{border-radius:0 0 0 .28571429rem}.ui[class*="bottom attached"].buttons .button:last-child{border-radius:0 0 .28571429rem 0}.ui[class*="left attached"].buttons{display:inline-flex;margin-right:0;margin-left:-1px;border-radius:0 .28571429rem .28571429rem 0}.ui[class*="left attached"].buttons .button:first-child{margin-left:-1px;border-radius:0 .28571429rem 0 0}.ui[class*="left attached"].buttons .button:last-child{margin-left:-1px;border-radius:0 0 .28571429rem 0}.ui[class*="right attached"].buttons{display:inline-flex;margin-left:0;margin-right:-1px;border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="right attached"].buttons .button:first-child{margin-left:-1px;border-radius:.28571429rem 0 0 0}.ui[class*="right attached"].buttons .button:last-child{margin-left:-1px;border-radius:0 0 0 .28571429rem}.ui.fluid.button,.ui.fluid.buttons{width:100%}.ui.fluid.button{display:block}.ui.two.buttons{width:100%}.ui.two.buttons>.button{width:50%}.ui.three.buttons{width:100%}.ui.three.buttons>.button{width:33.333%}.ui.four.buttons{width:100%}.ui.four.buttons>.button{width:25%}.ui.five.buttons{width:100%}.ui.five.buttons>.button{width:20%}.ui.six.buttons{width:100%}.ui.six.buttons>.button{width:16.666%}.ui.seven.buttons{width:100%}.ui.seven.buttons>.button{width:14.285%}.ui.eight.buttons{width:100%}.ui.eight.buttons>.button{width:12.5%}.ui.nine.buttons{width:100%}.ui.nine.buttons>.button{width:11.11%}.ui.ten.buttons{width:100%}.ui.ten.buttons>.button{width:10%}.ui.eleven.buttons{width:100%}.ui.eleven.buttons>.button{width:9.09%}.ui.twelve.buttons{width:100%}.ui.twelve.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{display:flex;width:auto;justify-content:center}.ui.two.vertical.buttons>.button{height:50%}.ui.three.vertical.buttons>.button{height:33.333%}.ui.four.vertical.buttons>.button{height:25%}.ui.five.vertical.buttons>.button{height:20%}.ui.six.vertical.buttons>.button{height:16.666%}.ui.seven.vertical.buttons>.button{height:14.285%}.ui.eight.vertical.buttons>.button{height:12.5%}.ui.nine.vertical.buttons>.button{height:11.11%}.ui.ten.vertical.buttons>.button{height:10%}.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.primary.button,.ui.primary.buttons .button{background-color:#2185d0;color:#fff;text-shadow:none;background-image:none}.ui.primary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background-color:#1678c2;color:#fff;text-shadow:none}.ui.primary.button:focus,.ui.primary.buttons .button:focus{background-color:#0d71bb;color:#fff;text-shadow:none}.ui.primary.button:active,.ui.primary.buttons .button:active{background-color:#1a69a4;color:#fff;text-shadow:none}.ui.primary.active.button,.ui.primary.button .active.button:active,.ui.primary.buttons .active.button,.ui.primary.buttons .active.button:active{background-color:#1279c6;color:#fff;text-shadow:none}.ui.basic.primary.button,.ui.basic.primary.buttons .button{background:0 0;box-shadow:0 0 0 1px #2185d0 inset;color:#2185d0}.ui.basic.primary.button:hover,.ui.basic.primary.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #1678c2 inset;color:#1678c2}.ui.basic.primary.button:focus,.ui.basic.primary.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #0d71bb inset;color:#1678c2}.ui.basic.primary.active.button,.ui.basic.primary.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #1279c6 inset;color:#1a69a4}.ui.basic.primary.button:active,.ui.basic.primary.buttons .button:active{box-shadow:0 0 0 1px #1a69a4 inset;color:#1a69a4}.ui.inverted.primary.button,.ui.inverted.primary.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #54c8ff inset;color:#54c8ff}.ui.inverted.primary.button.active,.ui.inverted.primary.button:active,.ui.inverted.primary.button:focus,.ui.inverted.primary.button:hover,.ui.inverted.primary.buttons .button.active,.ui.inverted.primary.buttons .button:active,.ui.inverted.primary.buttons .button:focus,.ui.inverted.primary.buttons .button:hover{box-shadow:none;color:#fff}.ui.inverted.primary.button:hover,.ui.inverted.primary.buttons .button:hover{background-color:#21b8ff}.ui.inverted.primary.button:focus,.ui.inverted.primary.buttons .button:focus{background-color:#2bbbff}.ui.inverted.primary.active.button,.ui.inverted.primary.buttons .active.button{background-color:#3ac0ff}.ui.inverted.primary.button:active,.ui.inverted.primary.buttons .button:active{background-color:#21b8ff}.ui.inverted.primary.basic.button,.ui.inverted.primary.basic.buttons .button,.ui.inverted.primary.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.primary.basic.button:hover,.ui.inverted.primary.basic.buttons .button:hover,.ui.inverted.primary.buttons .basic.button:hover{box-shadow:0 0 0 2px #21b8ff inset;color:#54c8ff}.ui.inverted.primary.basic.button:focus,.ui.inverted.primary.basic.buttons .button:focus{box-shadow:0 0 0 2px #2bbbff inset;color:#54c8ff}.ui.inverted.primary.basic.active.button,.ui.inverted.primary.basic.buttons .active.button,.ui.inverted.primary.buttons .basic.active.button{box-shadow:0 0 0 2px #3ac0ff inset;color:#54c8ff}.ui.inverted.primary.basic.button:active,.ui.inverted.primary.basic.buttons .button:active,.ui.inverted.primary.buttons .basic.button:active{box-shadow:0 0 0 2px #21b8ff inset;color:#54c8ff}.ui.tertiary.primary.button,.ui.tertiary.primary.buttons .button,.ui.tertiary.primary.buttons .tertiary.button{background:0 0;box-shadow:none;color:#2185d0}.ui.tertiary.primary.button:hover,.ui.tertiary.primary.buttons .button:hover,.ui.tertiary.primary.buttons button:hover{box-shadow:inset 0 -.2em 0 #2b75ac;color:#2b75ac}.ui.tertiary.primary.button:focus,.ui.tertiary.primary.buttons .button:focus,.ui.tertiary.primary.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #216ea7;color:#216ea7}.ui.tertiary.primary.active.button,.ui.tertiary.primary.button:active,.ui.tertiary.primary.buttons .active.button,.ui.tertiary.primary.buttons .button:active,.ui.tertiary.primary.buttons .tertiary.active.button,.ui.tertiary.primary.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #007bd8;color:#1279c6}.ui.secondary.button,.ui.secondary.buttons .button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.secondary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.secondary.button:hover,.ui.secondary.buttons .button:hover{background-color:#27292a;color:#fff;text-shadow:none}.ui.secondary.button:focus,.ui.secondary.buttons .button:focus{background-color:#2e3032;color:#fff;text-shadow:none}.ui.secondary.button:active,.ui.secondary.buttons .button:active{background-color:#343637;color:#fff;text-shadow:none}.ui.secondary.active.button,.ui.secondary.button .active.button:active,.ui.secondary.buttons .active.button,.ui.secondary.buttons .active.button:active{background-color:#27292a;color:#fff;text-shadow:none}.ui.basic.secondary.button,.ui.basic.secondary.buttons .button{background:0 0;box-shadow:0 0 0 1px #1b1c1d inset;color:#1b1c1d}.ui.basic.secondary.button:hover,.ui.basic.secondary.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #27292a inset;color:#27292a}.ui.basic.secondary.button:focus,.ui.basic.secondary.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #2e3032 inset;color:#27292a}.ui.basic.secondary.active.button,.ui.basic.secondary.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #27292a inset;color:#343637}.ui.basic.secondary.button:active,.ui.basic.secondary.buttons .button:active{box-shadow:0 0 0 1px #343637 inset;color:#343637}.ui.inverted.secondary.button,.ui.inverted.secondary.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #545454 inset;color:#545454}.ui.inverted.secondary.button.active,.ui.inverted.secondary.button:active,.ui.inverted.secondary.button:focus,.ui.inverted.secondary.button:hover,.ui.inverted.secondary.buttons .button.active,.ui.inverted.secondary.buttons .button:active,.ui.inverted.secondary.buttons .button:focus,.ui.inverted.secondary.buttons .button:hover{box-shadow:none;color:#fff}.ui.inverted.secondary.button:hover,.ui.inverted.secondary.buttons .button:hover{background-color:#6e6e6e}.ui.inverted.secondary.button:focus,.ui.inverted.secondary.buttons .button:focus{background-color:#686868}.ui.inverted.secondary.active.button,.ui.inverted.secondary.buttons .active.button{background-color:#616161}.ui.inverted.secondary.button:active,.ui.inverted.secondary.buttons .button:active{background-color:#6e6e6e}.ui.inverted.secondary.basic.button,.ui.inverted.secondary.basic.buttons .button,.ui.inverted.secondary.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.secondary.basic.button:hover,.ui.inverted.secondary.basic.buttons .button:hover,.ui.inverted.secondary.buttons .basic.button:hover{box-shadow:0 0 0 2px #6e6e6e inset;color:#545454}.ui.inverted.secondary.basic.button:focus,.ui.inverted.secondary.basic.buttons .button:focus{box-shadow:0 0 0 2px #686868 inset;color:#545454}.ui.inverted.secondary.basic.active.button,.ui.inverted.secondary.basic.buttons .active.button,.ui.inverted.secondary.buttons .basic.active.button{box-shadow:0 0 0 2px #616161 inset;color:#545454}.ui.inverted.secondary.basic.button:active,.ui.inverted.secondary.basic.buttons .button:active,.ui.inverted.secondary.buttons .basic.button:active{box-shadow:0 0 0 2px #6e6e6e inset;color:#545454}.ui.tertiary.secondary.button,.ui.tertiary.secondary.buttons .button,.ui.tertiary.secondary.buttons .tertiary.button{background:0 0;box-shadow:none;color:#1b1c1d}.ui.tertiary.secondary.button:hover,.ui.tertiary.secondary.buttons .button:hover,.ui.tertiary.secondary.buttons button:hover{box-shadow:inset 0 -.2em 0 #292929;color:#292929}.ui.tertiary.secondary.button:focus,.ui.tertiary.secondary.buttons .button:focus,.ui.tertiary.secondary.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #303030;color:#303030}.ui.tertiary.secondary.active.button,.ui.tertiary.secondary.button:active,.ui.tertiary.secondary.buttons .active.button,.ui.tertiary.secondary.buttons .button:active,.ui.tertiary.secondary.buttons .tertiary.active.button,.ui.tertiary.secondary.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #1f2933;color:#27292a}.ui.red.button,.ui.red.buttons .button{background-color:#db2828;color:#fff;text-shadow:none;background-image:none}.ui.red.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.red.button:hover,.ui.red.buttons .button:hover{background-color:#d01919;color:#fff;text-shadow:none}.ui.red.button:focus,.ui.red.buttons .button:focus{background-color:#ca1010;color:#fff;text-shadow:none}.ui.red.button:active,.ui.red.buttons .button:active{background-color:#b21e1e;color:#fff;text-shadow:none}.ui.red.active.button,.ui.red.button .active.button:active,.ui.red.buttons .active.button,.ui.red.buttons .active.button:active{background-color:#d41515;color:#fff;text-shadow:none}.ui.basic.red.button,.ui.basic.red.buttons .button{background:0 0;box-shadow:0 0 0 1px #db2828 inset;color:#db2828}.ui.basic.red.button:hover,.ui.basic.red.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #d01919 inset;color:#d01919}.ui.basic.red.button:focus,.ui.basic.red.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #ca1010 inset;color:#d01919}.ui.basic.red.active.button,.ui.basic.red.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #d41515 inset;color:#b21e1e}.ui.basic.red.button:active,.ui.basic.red.buttons .button:active{box-shadow:0 0 0 1px #b21e1e inset;color:#b21e1e}.ui.inverted.red.button,.ui.inverted.red.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff695e inset;color:#ff695e}.ui.inverted.red.button.active,.ui.inverted.red.button:active,.ui.inverted.red.button:focus,.ui.inverted.red.button:hover,.ui.inverted.red.buttons .button.active,.ui.inverted.red.buttons .button:active,.ui.inverted.red.buttons .button:focus,.ui.inverted.red.buttons .button:hover{box-shadow:none;color:#fff}.ui.inverted.red.button:hover,.ui.inverted.red.buttons .button:hover{background-color:#ff392b}.ui.inverted.red.button:focus,.ui.inverted.red.buttons .button:focus{background-color:#ff4335}.ui.inverted.red.active.button,.ui.inverted.red.buttons .active.button{background-color:#ff5144}.ui.inverted.red.button:active,.ui.inverted.red.buttons .button:active{background-color:#ff392b}.ui.inverted.red.basic.button,.ui.inverted.red.basic.buttons .button,.ui.inverted.red.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.red.basic.button:hover,.ui.inverted.red.basic.buttons .button:hover,.ui.inverted.red.buttons .basic.button:hover{box-shadow:0 0 0 2px #ff392b inset;color:#ff695e}.ui.inverted.red.basic.button:focus,.ui.inverted.red.basic.buttons .button:focus{box-shadow:0 0 0 2px #ff4335 inset;color:#ff695e}.ui.inverted.red.basic.active.button,.ui.inverted.red.basic.buttons .active.button,.ui.inverted.red.buttons .basic.active.button{box-shadow:0 0 0 2px #ff5144 inset;color:#ff695e}.ui.inverted.red.basic.button:active,.ui.inverted.red.basic.buttons .button:active,.ui.inverted.red.buttons .basic.button:active{box-shadow:0 0 0 2px #ff392b inset;color:#ff695e}.ui.tertiary.red.button,.ui.tertiary.red.buttons .button,.ui.tertiary.red.buttons .tertiary.button{background:0 0;box-shadow:none;color:#db2828}.ui.tertiary.red.button:hover,.ui.tertiary.red.buttons .button:hover,.ui.tertiary.red.buttons button:hover{box-shadow:inset 0 -.2em 0 #b93131;color:#b93131}.ui.tertiary.red.button:focus,.ui.tertiary.red.buttons .button:focus,.ui.tertiary.red.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #b52626;color:#b52626}.ui.tertiary.red.active.button,.ui.tertiary.red.button:active,.ui.tertiary.red.buttons .active.button,.ui.tertiary.red.buttons .button:active,.ui.tertiary.red.buttons .tertiary.active.button,.ui.tertiary.red.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #ea0000;color:#d41515}.ui.orange.button,.ui.orange.buttons .button{background-color:#f2711c;color:#fff;text-shadow:none;background-image:none}.ui.orange.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.orange.button:hover,.ui.orange.buttons .button:hover{background-color:#f26202;color:#fff;text-shadow:none}.ui.orange.button:focus,.ui.orange.buttons .button:focus{background-color:#e55b00;color:#fff;text-shadow:none}.ui.orange.button:active,.ui.orange.buttons .button:active{background-color:#cf590c;color:#fff;text-shadow:none}.ui.orange.active.button,.ui.orange.button .active.button:active,.ui.orange.buttons .active.button,.ui.orange.buttons .active.button:active{background-color:#f56100;color:#fff;text-shadow:none}.ui.basic.orange.button,.ui.basic.orange.buttons .button{background:0 0;box-shadow:0 0 0 1px #f2711c inset;color:#f2711c}.ui.basic.orange.button:hover,.ui.basic.orange.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #f26202 inset;color:#f26202}.ui.basic.orange.button:focus,.ui.basic.orange.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #e55b00 inset;color:#f26202}.ui.basic.orange.active.button,.ui.basic.orange.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #f56100 inset;color:#cf590c}.ui.basic.orange.button:active,.ui.basic.orange.buttons .button:active{box-shadow:0 0 0 1px #cf590c inset;color:#cf590c}.ui.inverted.orange.button,.ui.inverted.orange.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff851b inset;color:#ff851b}.ui.inverted.orange.button.active,.ui.inverted.orange.button:active,.ui.inverted.orange.button:focus,.ui.inverted.orange.button:hover,.ui.inverted.orange.buttons .button.active,.ui.inverted.orange.buttons .button:active,.ui.inverted.orange.buttons .button:focus,.ui.inverted.orange.buttons .button:hover{box-shadow:none;color:#fff}.ui.inverted.orange.button:hover,.ui.inverted.orange.buttons .button:hover{background-color:#e76b00}.ui.inverted.orange.button:focus,.ui.inverted.orange.buttons .button:focus{background-color:#f17000}.ui.inverted.orange.active.button,.ui.inverted.orange.buttons .active.button{background-color:#ff7701}.ui.inverted.orange.button:active,.ui.inverted.orange.buttons .button:active{background-color:#e76b00}.ui.inverted.orange.basic.button,.ui.inverted.orange.basic.buttons .button,.ui.inverted.orange.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.orange.basic.button:hover,.ui.inverted.orange.basic.buttons .button:hover,.ui.inverted.orange.buttons .basic.button:hover{box-shadow:0 0 0 2px #e76b00 inset;color:#ff851b}.ui.inverted.orange.basic.button:focus,.ui.inverted.orange.basic.buttons .button:focus{box-shadow:0 0 0 2px #f17000 inset;color:#ff851b}.ui.inverted.orange.basic.active.button,.ui.inverted.orange.basic.buttons .active.button,.ui.inverted.orange.buttons .basic.active.button{box-shadow:0 0 0 2px #ff7701 inset;color:#ff851b}.ui.inverted.orange.basic.button:active,.ui.inverted.orange.basic.buttons .button:active,.ui.inverted.orange.buttons .basic.button:active{box-shadow:0 0 0 2px #e76b00 inset;color:#ff851b}.ui.tertiary.orange.button,.ui.tertiary.orange.buttons .button,.ui.tertiary.orange.buttons .tertiary.button{background:0 0;box-shadow:none;color:#f2711c}.ui.tertiary.orange.button:hover,.ui.tertiary.orange.buttons .button:hover,.ui.tertiary.orange.buttons button:hover{box-shadow:inset 0 -.2em 0 #da671b;color:#da671b}.ui.tertiary.orange.button:focus,.ui.tertiary.orange.buttons .button:focus,.ui.tertiary.orange.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #ce6017;color:#ce6017}.ui.tertiary.orange.active.button,.ui.tertiary.orange.button:active,.ui.tertiary.orange.buttons .active.button,.ui.tertiary.orange.buttons .button:active,.ui.tertiary.orange.buttons .tertiary.active.button,.ui.tertiary.orange.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #f56100;color:#f56100}.ui.yellow.button,.ui.yellow.buttons .button{background-color:#fbbd08;color:#fff;text-shadow:none;background-image:none}.ui.yellow.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.yellow.button:hover,.ui.yellow.buttons .button:hover{background-color:#eaae00;color:#fff;text-shadow:none}.ui.yellow.button:focus,.ui.yellow.buttons .button:focus{background-color:#daa300;color:#fff;text-shadow:none}.ui.yellow.button:active,.ui.yellow.buttons .button:active{background-color:#cd9903;color:#fff;text-shadow:none}.ui.yellow.active.button,.ui.yellow.button .active.button:active,.ui.yellow.buttons .active.button,.ui.yellow.buttons .active.button:active{background-color:#eaae00;color:#fff;text-shadow:none}.ui.basic.yellow.button,.ui.basic.yellow.buttons .button{background:0 0;box-shadow:0 0 0 1px #fbbd08 inset;color:#fbbd08}.ui.basic.yellow.button:hover,.ui.basic.yellow.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #eaae00 inset;color:#eaae00}.ui.basic.yellow.button:focus,.ui.basic.yellow.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #daa300 inset;color:#eaae00}.ui.basic.yellow.active.button,.ui.basic.yellow.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #eaae00 inset;color:#cd9903}.ui.basic.yellow.button:active,.ui.basic.yellow.buttons .button:active{box-shadow:0 0 0 1px #cd9903 inset;color:#cd9903}.ui.inverted.yellow.button,.ui.inverted.yellow.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ffe21f inset;color:#ffe21f}.ui.inverted.yellow.button.active,.ui.inverted.yellow.button:active,.ui.inverted.yellow.button:focus,.ui.inverted.yellow.button:hover,.ui.inverted.yellow.buttons .button.active,.ui.inverted.yellow.buttons .button:active,.ui.inverted.yellow.buttons .button:focus,.ui.inverted.yellow.buttons .button:hover{box-shadow:none;color:rgba(0,0,0,.6)}.ui.inverted.yellow.button:hover,.ui.inverted.yellow.buttons .button:hover{background-color:#ebcd00}.ui.inverted.yellow.button:focus,.ui.inverted.yellow.buttons .button:focus{background-color:#f5d500}.ui.inverted.yellow.active.button,.ui.inverted.yellow.buttons .active.button{background-color:#ffdf05}.ui.inverted.yellow.button:active,.ui.inverted.yellow.buttons .button:active{background-color:#ebcd00}.ui.inverted.yellow.basic.button,.ui.inverted.yellow.basic.buttons .button,.ui.inverted.yellow.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.yellow.basic.button:hover,.ui.inverted.yellow.basic.buttons .button:hover,.ui.inverted.yellow.buttons .basic.button:hover{box-shadow:0 0 0 2px #ebcd00 inset;color:#ffe21f}.ui.inverted.yellow.basic.button:focus,.ui.inverted.yellow.basic.buttons .button:focus{box-shadow:0 0 0 2px #f5d500 inset;color:#ffe21f}.ui.inverted.yellow.basic.active.button,.ui.inverted.yellow.basic.buttons .active.button,.ui.inverted.yellow.buttons .basic.active.button{box-shadow:0 0 0 2px #ffdf05 inset;color:#ffe21f}.ui.inverted.yellow.basic.button:active,.ui.inverted.yellow.basic.buttons .button:active,.ui.inverted.yellow.buttons .basic.button:active{box-shadow:0 0 0 2px #ebcd00 inset;color:#ffe21f}.ui.tertiary.yellow.button,.ui.tertiary.yellow.buttons .button,.ui.tertiary.yellow.buttons .tertiary.button{background:0 0;box-shadow:none;color:#fbbd08}.ui.tertiary.yellow.button:hover,.ui.tertiary.yellow.buttons .button:hover,.ui.tertiary.yellow.buttons button:hover{box-shadow:inset 0 -.2em 0 #d2a217;color:#d2a217}.ui.tertiary.yellow.button:focus,.ui.tertiary.yellow.buttons .button:focus,.ui.tertiary.yellow.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #c49816;color:#c49816}.ui.tertiary.yellow.active.button,.ui.tertiary.yellow.button:active,.ui.tertiary.yellow.buttons .active.button,.ui.tertiary.yellow.buttons .button:active,.ui.tertiary.yellow.buttons .tertiary.active.button,.ui.tertiary.yellow.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #eaae00;color:#eaae00}.ui.olive.button,.ui.olive.buttons .button{background-color:#b5cc18;color:#fff;text-shadow:none;background-image:none}.ui.olive.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.olive.button:hover,.ui.olive.buttons .button:hover{background-color:#a7bd0d;color:#fff;text-shadow:none}.ui.olive.button:focus,.ui.olive.buttons .button:focus{background-color:#a0b605;color:#fff;text-shadow:none}.ui.olive.button:active,.ui.olive.buttons .button:active{background-color:#8d9e13;color:#fff;text-shadow:none}.ui.olive.active.button,.ui.olive.button .active.button:active,.ui.olive.buttons .active.button,.ui.olive.buttons .active.button:active{background-color:#aac109;color:#fff;text-shadow:none}.ui.basic.olive.button,.ui.basic.olive.buttons .button{background:0 0;box-shadow:0 0 0 1px #b5cc18 inset;color:#b5cc18}.ui.basic.olive.button:hover,.ui.basic.olive.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #a7bd0d inset;color:#a7bd0d}.ui.basic.olive.button:focus,.ui.basic.olive.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #a0b605 inset;color:#a7bd0d}.ui.basic.olive.active.button,.ui.basic.olive.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #aac109 inset;color:#8d9e13}.ui.basic.olive.button:active,.ui.basic.olive.buttons .button:active{box-shadow:0 0 0 1px #8d9e13 inset;color:#8d9e13}.ui.inverted.olive.button,.ui.inverted.olive.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #d9e778 inset;color:#d9e778}.ui.inverted.olive.button.active,.ui.inverted.olive.button:active,.ui.inverted.olive.button:focus,.ui.inverted.olive.button:hover,.ui.inverted.olive.buttons .button.active,.ui.inverted.olive.buttons .button:active,.ui.inverted.olive.buttons .button:focus,.ui.inverted.olive.buttons .button:hover{box-shadow:none;color:rgba(0,0,0,.6)}.ui.inverted.olive.button:hover,.ui.inverted.olive.buttons .button:hover{background-color:#d2e745}.ui.inverted.olive.button:focus,.ui.inverted.olive.buttons .button:focus{background-color:#daef47}.ui.inverted.olive.active.button,.ui.inverted.olive.buttons .active.button{background-color:#daed59}.ui.inverted.olive.button:active,.ui.inverted.olive.buttons .button:active{background-color:#cddf4d}.ui.inverted.olive.basic.button,.ui.inverted.olive.basic.buttons .button,.ui.inverted.olive.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.olive.basic.button:hover,.ui.inverted.olive.basic.buttons .button:hover,.ui.inverted.olive.buttons .basic.button:hover{box-shadow:0 0 0 2px #d2e745 inset;color:#d9e778}.ui.inverted.olive.basic.button:focus,.ui.inverted.olive.basic.buttons .button:focus{box-shadow:0 0 0 2px #daef47 inset;color:#d9e778}.ui.inverted.olive.basic.active.button,.ui.inverted.olive.basic.buttons .active.button,.ui.inverted.olive.buttons .basic.active.button{box-shadow:0 0 0 2px #daed59 inset;color:#d9e778}.ui.inverted.olive.basic.button:active,.ui.inverted.olive.basic.buttons .button:active,.ui.inverted.olive.buttons .basic.button:active{box-shadow:0 0 0 2px #cddf4d inset;color:#d9e778}.ui.tertiary.olive.button,.ui.tertiary.olive.buttons .button,.ui.tertiary.olive.buttons .tertiary.button{background:0 0;box-shadow:none;color:#b5cc18}.ui.tertiary.olive.button:hover,.ui.tertiary.olive.buttons .button:hover,.ui.tertiary.olive.buttons button:hover{box-shadow:inset 0 -.2em 0 #98a922;color:#98a922}.ui.tertiary.olive.button:focus,.ui.tertiary.olive.buttons .button:focus,.ui.tertiary.olive.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #92a418;color:#92a418}.ui.tertiary.olive.active.button,.ui.tertiary.olive.button:active,.ui.tertiary.olive.buttons .active.button,.ui.tertiary.olive.buttons .button:active,.ui.tertiary.olive.buttons .tertiary.active.button,.ui.tertiary.olive.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #b1cb00;color:#aac109}.ui.green.button,.ui.green.buttons .button{background-color:#21ba45;color:#fff;text-shadow:none;background-image:none}.ui.green.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.green.button:hover,.ui.green.buttons .button:hover{background-color:#16ab39;color:#fff;text-shadow:none}.ui.green.button:focus,.ui.green.buttons .button:focus{background-color:#0ea432;color:#fff;text-shadow:none}.ui.green.button:active,.ui.green.buttons .button:active{background-color:#198f35;color:#fff;text-shadow:none}.ui.green.active.button,.ui.green.button .active.button:active,.ui.green.buttons .active.button,.ui.green.buttons .active.button:active{background-color:#13ae38;color:#fff;text-shadow:none}.ui.basic.green.button,.ui.basic.green.buttons .button{background:0 0;box-shadow:0 0 0 1px #21ba45 inset;color:#21ba45}.ui.basic.green.button:hover,.ui.basic.green.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #16ab39 inset;color:#16ab39}.ui.basic.green.button:focus,.ui.basic.green.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #0ea432 inset;color:#16ab39}.ui.basic.green.active.button,.ui.basic.green.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #13ae38 inset;color:#198f35}.ui.basic.green.button:active,.ui.basic.green.buttons .button:active{box-shadow:0 0 0 1px #198f35 inset;color:#198f35}.ui.inverted.green.button,.ui.inverted.green.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #2ecc40 inset;color:#2ecc40}.ui.inverted.green.button.active,.ui.inverted.green.button:active,.ui.inverted.green.button:focus,.ui.inverted.green.button:hover,.ui.inverted.green.buttons .button.active,.ui.inverted.green.buttons .button:active,.ui.inverted.green.buttons .button:focus,.ui.inverted.green.buttons .button:hover{box-shadow:none;color:#fff}.ui.inverted.green.button:hover,.ui.inverted.green.buttons .button:hover{background-color:#1ea92e}.ui.inverted.green.button:focus,.ui.inverted.green.buttons .button:focus{background-color:#19b82b}.ui.inverted.green.active.button,.ui.inverted.green.buttons .active.button{background-color:#1fc231}.ui.inverted.green.button:active,.ui.inverted.green.buttons .button:active{background-color:#25a233}.ui.inverted.green.basic.button,.ui.inverted.green.basic.buttons .button,.ui.inverted.green.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.green.basic.button:hover,.ui.inverted.green.basic.buttons .button:hover,.ui.inverted.green.buttons .basic.button:hover{box-shadow:0 0 0 2px #1ea92e inset;color:#2ecc40}.ui.inverted.green.basic.button:focus,.ui.inverted.green.basic.buttons .button:focus{box-shadow:0 0 0 2px #19b82b inset;color:#2ecc40}.ui.inverted.green.basic.active.button,.ui.inverted.green.basic.buttons .active.button,.ui.inverted.green.buttons .basic.active.button{box-shadow:0 0 0 2px #1fc231 inset;color:#2ecc40}.ui.inverted.green.basic.button:active,.ui.inverted.green.basic.buttons .button:active,.ui.inverted.green.buttons .basic.button:active{box-shadow:0 0 0 2px #25a233 inset;color:#2ecc40}.ui.tertiary.green.button,.ui.tertiary.green.buttons .button,.ui.tertiary.green.buttons .tertiary.button{background:0 0;box-shadow:none;color:#21ba45}.ui.tertiary.green.button:hover,.ui.tertiary.green.buttons .button:hover,.ui.tertiary.green.buttons button:hover{box-shadow:inset 0 -.2em 0 #2a9844;color:#2a9844}.ui.tertiary.green.button:focus,.ui.tertiary.green.buttons .button:focus,.ui.tertiary.green.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #20923b;color:#20923b}.ui.tertiary.green.active.button,.ui.tertiary.green.button:active,.ui.tertiary.green.buttons .active.button,.ui.tertiary.green.buttons .button:active,.ui.tertiary.green.buttons .tertiary.active.button,.ui.tertiary.green.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #00c22e;color:#13ae38}.ui.teal.button,.ui.teal.buttons .button{background-color:#00b5ad;color:#fff;text-shadow:none;background-image:none}.ui.teal.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.teal.button:hover,.ui.teal.buttons .button:hover{background-color:#009c95;color:#fff;text-shadow:none}.ui.teal.button:focus,.ui.teal.buttons .button:focus{background-color:#008c86;color:#fff;text-shadow:none}.ui.teal.button:active,.ui.teal.buttons .button:active{background-color:#00827c;color:#fff;text-shadow:none}.ui.teal.active.button,.ui.teal.button .active.button:active,.ui.teal.buttons .active.button,.ui.teal.buttons .active.button:active{background-color:#009c95;color:#fff;text-shadow:none}.ui.basic.teal.button,.ui.basic.teal.buttons .button{background:0 0;box-shadow:0 0 0 1px #00b5ad inset;color:#00b5ad}.ui.basic.teal.button:hover,.ui.basic.teal.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #009c95 inset;color:#009c95}.ui.basic.teal.button:focus,.ui.basic.teal.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #008c86 inset;color:#009c95}.ui.basic.teal.active.button,.ui.basic.teal.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #009c95 inset;color:#00827c}.ui.basic.teal.button:active,.ui.basic.teal.buttons .button:active{box-shadow:0 0 0 1px #00827c inset;color:#00827c}.ui.inverted.teal.button,.ui.inverted.teal.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #6dffff inset;color:#6dffff}.ui.inverted.teal.button.active,.ui.inverted.teal.button:active,.ui.inverted.teal.button:focus,.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .button.active,.ui.inverted.teal.buttons .button:active,.ui.inverted.teal.buttons .button:focus,.ui.inverted.teal.buttons .button:hover{box-shadow:none;color:rgba(0,0,0,.6)}.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .button:hover{background-color:#3affff}.ui.inverted.teal.button:focus,.ui.inverted.teal.buttons .button:focus{background-color:#4ff}.ui.inverted.teal.active.button,.ui.inverted.teal.buttons .active.button{background-color:#54ffff}.ui.inverted.teal.button:active,.ui.inverted.teal.buttons .button:active{background-color:#3affff}.ui.inverted.teal.basic.button,.ui.inverted.teal.basic.buttons .button,.ui.inverted.teal.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.teal.basic.button:hover,.ui.inverted.teal.basic.buttons .button:hover,.ui.inverted.teal.buttons .basic.button:hover{box-shadow:0 0 0 2px #3affff inset;color:#6dffff}.ui.inverted.teal.basic.button:focus,.ui.inverted.teal.basic.buttons .button:focus{box-shadow:0 0 0 2px #4ff inset;color:#6dffff}.ui.inverted.teal.basic.active.button,.ui.inverted.teal.basic.buttons .active.button,.ui.inverted.teal.buttons .basic.active.button{box-shadow:0 0 0 2px #54ffff inset;color:#6dffff}.ui.inverted.teal.basic.button:active,.ui.inverted.teal.basic.buttons .button:active,.ui.inverted.teal.buttons .basic.button:active{box-shadow:0 0 0 2px #3affff inset;color:#6dffff}.ui.tertiary.teal.button,.ui.tertiary.teal.buttons .button,.ui.tertiary.teal.buttons .tertiary.button{background:0 0;box-shadow:none;color:#00b5ad}.ui.tertiary.teal.button:hover,.ui.tertiary.teal.buttons .button:hover,.ui.tertiary.teal.buttons button:hover{box-shadow:inset 0 -.2em 0 #108c86;color:#108c86}.ui.tertiary.teal.button:focus,.ui.tertiary.teal.buttons .button:focus,.ui.tertiary.teal.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #0e7e79;color:#0e7e79}.ui.tertiary.teal.active.button,.ui.tertiary.teal.button:active,.ui.tertiary.teal.buttons .active.button,.ui.tertiary.teal.buttons .button:active,.ui.tertiary.teal.buttons .tertiary.active.button,.ui.tertiary.teal.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #009c95;color:#009c95}.ui.blue.button,.ui.blue.buttons .button{background-color:#2185d0;color:#fff;text-shadow:none;background-image:none}.ui.blue.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.blue.button:hover,.ui.blue.buttons .button:hover{background-color:#1678c2;color:#fff;text-shadow:none}.ui.blue.button:focus,.ui.blue.buttons .button:focus{background-color:#0d71bb;color:#fff;text-shadow:none}.ui.blue.button:active,.ui.blue.buttons .button:active{background-color:#1a69a4;color:#fff;text-shadow:none}.ui.blue.active.button,.ui.blue.button .active.button:active,.ui.blue.buttons .active.button,.ui.blue.buttons .active.button:active{background-color:#1279c6;color:#fff;text-shadow:none}.ui.basic.blue.button,.ui.basic.blue.buttons .button{background:0 0;box-shadow:0 0 0 1px #2185d0 inset;color:#2185d0}.ui.basic.blue.button:hover,.ui.basic.blue.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #1678c2 inset;color:#1678c2}.ui.basic.blue.button:focus,.ui.basic.blue.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #0d71bb inset;color:#1678c2}.ui.basic.blue.active.button,.ui.basic.blue.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #1279c6 inset;color:#1a69a4}.ui.basic.blue.button:active,.ui.basic.blue.buttons .button:active{box-shadow:0 0 0 1px #1a69a4 inset;color:#1a69a4}.ui.inverted.blue.button,.ui.inverted.blue.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #54c8ff inset;color:#54c8ff}.ui.inverted.blue.button.active,.ui.inverted.blue.button:active,.ui.inverted.blue.button:focus,.ui.inverted.blue.button:hover,.ui.inverted.blue.buttons .button.active,.ui.inverted.blue.buttons .button:active,.ui.inverted.blue.buttons .button:focus,.ui.inverted.blue.buttons .button:hover{box-shadow:none;color:#fff}.ui.inverted.blue.button:hover,.ui.inverted.blue.buttons .button:hover{background-color:#21b8ff}.ui.inverted.blue.button:focus,.ui.inverted.blue.buttons .button:focus{background-color:#2bbbff}.ui.inverted.blue.active.button,.ui.inverted.blue.buttons .active.button{background-color:#3ac0ff}.ui.inverted.blue.button:active,.ui.inverted.blue.buttons .button:active{background-color:#21b8ff}.ui.inverted.blue.basic.button,.ui.inverted.blue.basic.buttons .button,.ui.inverted.blue.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.blue.basic.button:hover,.ui.inverted.blue.basic.buttons .button:hover,.ui.inverted.blue.buttons .basic.button:hover{box-shadow:0 0 0 2px #21b8ff inset;color:#54c8ff}.ui.inverted.blue.basic.button:focus,.ui.inverted.blue.basic.buttons .button:focus{box-shadow:0 0 0 2px #2bbbff inset;color:#54c8ff}.ui.inverted.blue.basic.active.button,.ui.inverted.blue.basic.buttons .active.button,.ui.inverted.blue.buttons .basic.active.button{box-shadow:0 0 0 2px #3ac0ff inset;color:#54c8ff}.ui.inverted.blue.basic.button:active,.ui.inverted.blue.basic.buttons .button:active,.ui.inverted.blue.buttons .basic.button:active{box-shadow:0 0 0 2px #21b8ff inset;color:#54c8ff}.ui.tertiary.blue.button,.ui.tertiary.blue.buttons .button,.ui.tertiary.blue.buttons .tertiary.button{background:0 0;box-shadow:none;color:#2185d0}.ui.tertiary.blue.button:hover,.ui.tertiary.blue.buttons .button:hover,.ui.tertiary.blue.buttons button:hover{box-shadow:inset 0 -.2em 0 #2b75ac;color:#2b75ac}.ui.tertiary.blue.button:focus,.ui.tertiary.blue.buttons .button:focus,.ui.tertiary.blue.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #216ea7;color:#216ea7}.ui.tertiary.blue.active.button,.ui.tertiary.blue.button:active,.ui.tertiary.blue.buttons .active.button,.ui.tertiary.blue.buttons .button:active,.ui.tertiary.blue.buttons .tertiary.active.button,.ui.tertiary.blue.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #007bd8;color:#1279c6}.ui.violet.button,.ui.violet.buttons .button{background-color:#6435c9;color:#fff;text-shadow:none;background-image:none}.ui.violet.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.violet.button:hover,.ui.violet.buttons .button:hover{background-color:#5829bb;color:#fff;text-shadow:none}.ui.violet.button:focus,.ui.violet.buttons .button:focus{background-color:#4f20b5;color:#fff;text-shadow:none}.ui.violet.button:active,.ui.violet.buttons .button:active{background-color:#502aa1;color:#fff;text-shadow:none}.ui.violet.active.button,.ui.violet.button .active.button:active,.ui.violet.buttons .active.button,.ui.violet.buttons .active.button:active{background-color:#5626bf;color:#fff;text-shadow:none}.ui.basic.violet.button,.ui.basic.violet.buttons .button{background:0 0;box-shadow:0 0 0 1px #6435c9 inset;color:#6435c9}.ui.basic.violet.button:hover,.ui.basic.violet.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #5829bb inset;color:#5829bb}.ui.basic.violet.button:focus,.ui.basic.violet.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #4f20b5 inset;color:#5829bb}.ui.basic.violet.active.button,.ui.basic.violet.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #5626bf inset;color:#502aa1}.ui.basic.violet.button:active,.ui.basic.violet.buttons .button:active{box-shadow:0 0 0 1px #502aa1 inset;color:#502aa1}.ui.inverted.violet.button,.ui.inverted.violet.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #a291fb inset;color:#a291fb}.ui.inverted.violet.button.active,.ui.inverted.violet.button:active,.ui.inverted.violet.button:focus,.ui.inverted.violet.button:hover,.ui.inverted.violet.buttons .button.active,.ui.inverted.violet.buttons .button:active,.ui.inverted.violet.buttons .button:focus,.ui.inverted.violet.buttons .button:hover{box-shadow:none;color:#fff}.ui.inverted.violet.button:hover,.ui.inverted.violet.buttons .button:hover{background-color:#745aff}.ui.inverted.violet.button:focus,.ui.inverted.violet.buttons .button:focus{background-color:#7d64ff}.ui.inverted.violet.active.button,.ui.inverted.violet.buttons .active.button{background-color:#8a73ff}.ui.inverted.violet.button:active,.ui.inverted.violet.buttons .button:active{background-color:#7860f9}.ui.inverted.violet.basic.button,.ui.inverted.violet.basic.buttons .button,.ui.inverted.violet.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.violet.basic.button:hover,.ui.inverted.violet.basic.buttons .button:hover,.ui.inverted.violet.buttons .basic.button:hover{box-shadow:0 0 0 2px #745aff inset;color:#a291fb}.ui.inverted.violet.basic.button:focus,.ui.inverted.violet.basic.buttons .button:focus{box-shadow:0 0 0 2px #7d64ff inset;color:#a291fb}.ui.inverted.violet.basic.active.button,.ui.inverted.violet.basic.buttons .active.button,.ui.inverted.violet.buttons .basic.active.button{box-shadow:0 0 0 2px #8a73ff inset;color:#a291fb}.ui.inverted.violet.basic.button:active,.ui.inverted.violet.basic.buttons .button:active,.ui.inverted.violet.buttons .basic.button:active{box-shadow:0 0 0 2px #7860f9 inset;color:#a291fb}.ui.tertiary.violet.button,.ui.tertiary.violet.buttons .button,.ui.tertiary.violet.buttons .tertiary.button{background:0 0;box-shadow:none;color:#6435c9}.ui.tertiary.violet.button:hover,.ui.tertiary.violet.buttons .button:hover,.ui.tertiary.violet.buttons button:hover{box-shadow:inset 0 -.2em 0 #6040a5;color:#6040a5}.ui.tertiary.violet.button:focus,.ui.tertiary.violet.buttons .button:focus,.ui.tertiary.violet.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #5735a0;color:#5735a0}.ui.tertiary.violet.active.button,.ui.tertiary.violet.button:active,.ui.tertiary.violet.buttons .active.button,.ui.tertiary.violet.buttons .button:active,.ui.tertiary.violet.buttons .tertiary.active.button,.ui.tertiary.violet.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #4e0fd6;color:#5626bf}.ui.purple.button,.ui.purple.buttons .button{background-color:#a333c8;color:#fff;text-shadow:none;background-image:none}.ui.purple.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.purple.button:hover,.ui.purple.buttons .button:hover{background-color:#9627ba;color:#fff;text-shadow:none}.ui.purple.button:focus,.ui.purple.buttons .button:focus{background-color:#8f1eb4;color:#fff;text-shadow:none}.ui.purple.button:active,.ui.purple.buttons .button:active{background-color:#82299f;color:#fff;text-shadow:none}.ui.purple.active.button,.ui.purple.button .active.button:active,.ui.purple.buttons .active.button,.ui.purple.buttons .active.button:active{background-color:#9724be;color:#fff;text-shadow:none}.ui.basic.purple.button,.ui.basic.purple.buttons .button{background:0 0;box-shadow:0 0 0 1px #a333c8 inset;color:#a333c8}.ui.basic.purple.button:hover,.ui.basic.purple.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #9627ba inset;color:#9627ba}.ui.basic.purple.button:focus,.ui.basic.purple.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #8f1eb4 inset;color:#9627ba}.ui.basic.purple.active.button,.ui.basic.purple.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #9724be inset;color:#82299f}.ui.basic.purple.button:active,.ui.basic.purple.buttons .button:active{box-shadow:0 0 0 1px #82299f inset;color:#82299f}.ui.inverted.purple.button,.ui.inverted.purple.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #dc73ff inset;color:#dc73ff}.ui.inverted.purple.button.active,.ui.inverted.purple.button:active,.ui.inverted.purple.button:focus,.ui.inverted.purple.button:hover,.ui.inverted.purple.buttons .button.active,.ui.inverted.purple.buttons .button:active,.ui.inverted.purple.buttons .button:focus,.ui.inverted.purple.buttons .button:hover{box-shadow:none;color:#fff}.ui.inverted.purple.button:hover,.ui.inverted.purple.buttons .button:hover{background-color:#cf40ff}.ui.inverted.purple.button:focus,.ui.inverted.purple.buttons .button:focus{background-color:#d24aff}.ui.inverted.purple.active.button,.ui.inverted.purple.buttons .active.button{background-color:#d65aff}.ui.inverted.purple.button:active,.ui.inverted.purple.buttons .button:active{background-color:#cf40ff}.ui.inverted.purple.basic.button,.ui.inverted.purple.basic.buttons .button,.ui.inverted.purple.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.purple.basic.button:hover,.ui.inverted.purple.basic.buttons .button:hover,.ui.inverted.purple.buttons .basic.button:hover{box-shadow:0 0 0 2px #cf40ff inset;color:#dc73ff}.ui.inverted.purple.basic.button:focus,.ui.inverted.purple.basic.buttons .button:focus{box-shadow:0 0 0 2px #d24aff inset;color:#dc73ff}.ui.inverted.purple.basic.active.button,.ui.inverted.purple.basic.buttons .active.button,.ui.inverted.purple.buttons .basic.active.button{box-shadow:0 0 0 2px #d65aff inset;color:#dc73ff}.ui.inverted.purple.basic.button:active,.ui.inverted.purple.basic.buttons .button:active,.ui.inverted.purple.buttons .basic.button:active{box-shadow:0 0 0 2px #cf40ff inset;color:#dc73ff}.ui.tertiary.purple.button,.ui.tertiary.purple.buttons .button,.ui.tertiary.purple.buttons .tertiary.button{background:0 0;box-shadow:none;color:#a333c8}.ui.tertiary.purple.button:hover,.ui.tertiary.purple.buttons .button:hover,.ui.tertiary.purple.buttons button:hover{box-shadow:inset 0 -.2em 0 #8a3ea4;color:#8a3ea4}.ui.tertiary.purple.button:focus,.ui.tertiary.purple.buttons .button:focus,.ui.tertiary.purple.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #84339f;color:#84339f}.ui.tertiary.purple.active.button,.ui.tertiary.purple.button:active,.ui.tertiary.purple.buttons .active.button,.ui.tertiary.purple.buttons .button:active,.ui.tertiary.purple.buttons .tertiary.active.button,.ui.tertiary.purple.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #a30dd4;color:#9724be}.ui.pink.button,.ui.pink.buttons .button{background-color:#e03997;color:#fff;text-shadow:none;background-image:none}.ui.pink.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.pink.button:hover,.ui.pink.buttons .button:hover{background-color:#e61a8d;color:#fff;text-shadow:none}.ui.pink.button:focus,.ui.pink.buttons .button:focus{background-color:#e10f85;color:#fff;text-shadow:none}.ui.pink.button:active,.ui.pink.buttons .button:active{background-color:#c71f7e;color:#fff;text-shadow:none}.ui.pink.active.button,.ui.pink.button .active.button:active,.ui.pink.buttons .active.button,.ui.pink.buttons .active.button:active{background-color:#ea158d;color:#fff;text-shadow:none}.ui.basic.pink.button,.ui.basic.pink.buttons .button{background:0 0;box-shadow:0 0 0 1px #e03997 inset;color:#e03997}.ui.basic.pink.button:hover,.ui.basic.pink.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #e61a8d inset;color:#e61a8d}.ui.basic.pink.button:focus,.ui.basic.pink.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #e10f85 inset;color:#e61a8d}.ui.basic.pink.active.button,.ui.basic.pink.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #ea158d inset;color:#c71f7e}.ui.basic.pink.button:active,.ui.basic.pink.buttons .button:active{box-shadow:0 0 0 1px #c71f7e inset;color:#c71f7e}.ui.inverted.pink.button,.ui.inverted.pink.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff8edf inset;color:#ff8edf}.ui.inverted.pink.button.active,.ui.inverted.pink.button:active,.ui.inverted.pink.button:focus,.ui.inverted.pink.button:hover,.ui.inverted.pink.buttons .button.active,.ui.inverted.pink.buttons .button:active,.ui.inverted.pink.buttons .button:focus,.ui.inverted.pink.buttons .button:hover{box-shadow:none;color:#fff}.ui.inverted.pink.button:hover,.ui.inverted.pink.buttons .button:hover{background-color:#ff5bd1}.ui.inverted.pink.button:focus,.ui.inverted.pink.buttons .button:focus{background-color:#ff65d3}.ui.inverted.pink.active.button,.ui.inverted.pink.buttons .active.button{background-color:#ff74d8}.ui.inverted.pink.button:active,.ui.inverted.pink.buttons .button:active{background-color:#ff5bd1}.ui.inverted.pink.basic.button,.ui.inverted.pink.basic.buttons .button,.ui.inverted.pink.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.pink.basic.button:hover,.ui.inverted.pink.basic.buttons .button:hover,.ui.inverted.pink.buttons .basic.button:hover{box-shadow:0 0 0 2px #ff5bd1 inset;color:#ff8edf}.ui.inverted.pink.basic.button:focus,.ui.inverted.pink.basic.buttons .button:focus{box-shadow:0 0 0 2px #ff65d3 inset;color:#ff8edf}.ui.inverted.pink.basic.active.button,.ui.inverted.pink.basic.buttons .active.button,.ui.inverted.pink.buttons .basic.active.button{box-shadow:0 0 0 2px #ff74d8 inset;color:#ff8edf}.ui.inverted.pink.basic.button:active,.ui.inverted.pink.basic.buttons .button:active,.ui.inverted.pink.buttons .basic.button:active{box-shadow:0 0 0 2px #ff5bd1 inset;color:#ff8edf}.ui.tertiary.pink.button,.ui.tertiary.pink.buttons .button,.ui.tertiary.pink.buttons .tertiary.button{background:0 0;box-shadow:none;color:#e03997}.ui.tertiary.pink.button:hover,.ui.tertiary.pink.buttons .button:hover,.ui.tertiary.pink.buttons button:hover{box-shadow:inset 0 -.2em 0 #cc3389;color:#cc3389}.ui.tertiary.pink.button:focus,.ui.tertiary.pink.buttons .button:focus,.ui.tertiary.pink.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #c92782;color:#c92782}.ui.tertiary.pink.active.button,.ui.tertiary.pink.button:active,.ui.tertiary.pink.buttons .active.button,.ui.tertiary.pink.buttons .button:active,.ui.tertiary.pink.buttons .tertiary.active.button,.ui.tertiary.pink.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #ff0090;color:#ea158d}.ui.brown.button,.ui.brown.buttons .button{background-color:#a5673f;color:#fff;text-shadow:none;background-image:none}.ui.brown.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.brown.button:hover,.ui.brown.buttons .button:hover{background-color:#975b33;color:#fff;text-shadow:none}.ui.brown.button:focus,.ui.brown.buttons .button:focus{background-color:#90532b;color:#fff;text-shadow:none}.ui.brown.button:active,.ui.brown.buttons .button:active{background-color:#805031;color:#fff;text-shadow:none}.ui.brown.active.button,.ui.brown.button .active.button:active,.ui.brown.buttons .active.button,.ui.brown.buttons .active.button:active{background-color:#995a31;color:#fff;text-shadow:none}.ui.basic.brown.button,.ui.basic.brown.buttons .button{background:0 0;box-shadow:0 0 0 1px #a5673f inset;color:#a5673f}.ui.basic.brown.button:hover,.ui.basic.brown.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #975b33 inset;color:#975b33}.ui.basic.brown.button:focus,.ui.basic.brown.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #90532b inset;color:#975b33}.ui.basic.brown.active.button,.ui.basic.brown.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #995a31 inset;color:#805031}.ui.basic.brown.button:active,.ui.basic.brown.buttons .button:active{box-shadow:0 0 0 1px #805031 inset;color:#805031}.ui.inverted.brown.button,.ui.inverted.brown.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #d67c1c inset;color:#d67c1c}.ui.inverted.brown.button.active,.ui.inverted.brown.button:active,.ui.inverted.brown.button:focus,.ui.inverted.brown.button:hover,.ui.inverted.brown.buttons .button.active,.ui.inverted.brown.buttons .button:active,.ui.inverted.brown.buttons .button:focus,.ui.inverted.brown.buttons .button:hover{box-shadow:none;color:#fff}.ui.inverted.brown.button:hover,.ui.inverted.brown.buttons .button:hover{background-color:#b0620f}.ui.inverted.brown.button:focus,.ui.inverted.brown.buttons .button:focus{background-color:#c16808}.ui.inverted.brown.active.button,.ui.inverted.brown.buttons .active.button{background-color:#cc6f0d}.ui.inverted.brown.button:active,.ui.inverted.brown.buttons .button:active{background-color:#a96216}.ui.inverted.brown.basic.button,.ui.inverted.brown.basic.buttons .button,.ui.inverted.brown.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.brown.basic.button:hover,.ui.inverted.brown.basic.buttons .button:hover,.ui.inverted.brown.buttons .basic.button:hover{box-shadow:0 0 0 2px #b0620f inset;color:#d67c1c}.ui.inverted.brown.basic.button:focus,.ui.inverted.brown.basic.buttons .button:focus{box-shadow:0 0 0 2px #c16808 inset;color:#d67c1c}.ui.inverted.brown.basic.active.button,.ui.inverted.brown.basic.buttons .active.button,.ui.inverted.brown.buttons .basic.active.button{box-shadow:0 0 0 2px #cc6f0d inset;color:#d67c1c}.ui.inverted.brown.basic.button:active,.ui.inverted.brown.basic.buttons .button:active,.ui.inverted.brown.buttons .basic.button:active{box-shadow:0 0 0 2px #a96216 inset;color:#d67c1c}.ui.tertiary.brown.button,.ui.tertiary.brown.buttons .button,.ui.tertiary.brown.buttons .tertiary.button{background:0 0;box-shadow:none;color:#a5673f}.ui.tertiary.brown.button:hover,.ui.tertiary.brown.buttons .button:hover,.ui.tertiary.brown.buttons button:hover{box-shadow:inset 0 -.2em 0 #835f48;color:#835f48}.ui.tertiary.brown.button:focus,.ui.tertiary.brown.buttons .button:focus,.ui.tertiary.brown.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #7d573e;color:#7d573e}.ui.tertiary.brown.active.button,.ui.tertiary.brown.button:active,.ui.tertiary.brown.buttons .active.button,.ui.tertiary.brown.buttons .button:active,.ui.tertiary.brown.buttons .tertiary.active.button,.ui.tertiary.brown.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #ae561d;color:#995a31}.ui.grey.button,.ui.grey.buttons .button{background-color:#767676;color:#fff;text-shadow:none;background-image:none}.ui.grey.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.grey.button:hover,.ui.grey.buttons .button:hover{background-color:#838383;color:#fff;text-shadow:none}.ui.grey.button:focus,.ui.grey.buttons .button:focus{background-color:#8a8a8a;color:#fff;text-shadow:none}.ui.grey.button:active,.ui.grey.buttons .button:active{background-color:#909090;color:#fff;text-shadow:none}.ui.grey.active.button,.ui.grey.button .active.button:active,.ui.grey.buttons .active.button,.ui.grey.buttons .active.button:active{background-color:#696969;color:#fff;text-shadow:none}.ui.basic.grey.button,.ui.basic.grey.buttons .button{background:0 0;box-shadow:0 0 0 1px #767676 inset;color:#767676}.ui.basic.grey.button:hover,.ui.basic.grey.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #838383 inset;color:#838383}.ui.basic.grey.button:focus,.ui.basic.grey.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #8a8a8a inset;color:#838383}.ui.basic.grey.active.button,.ui.basic.grey.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #696969 inset;color:#909090}.ui.basic.grey.button:active,.ui.basic.grey.buttons .button:active{box-shadow:0 0 0 1px #909090 inset;color:#909090}.ui.inverted.grey.button,.ui.inverted.grey.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #d4d4d5 inset;color:#fff}.ui.inverted.grey.button.active,.ui.inverted.grey.button:active,.ui.inverted.grey.button:focus,.ui.inverted.grey.button:hover,.ui.inverted.grey.buttons .button.active,.ui.inverted.grey.buttons .button:active,.ui.inverted.grey.buttons .button:focus,.ui.inverted.grey.buttons .button:hover{box-shadow:none;color:rgba(0,0,0,.6)}.ui.inverted.grey.button:hover,.ui.inverted.grey.buttons .button:hover{background-color:#c2c4c5}.ui.inverted.grey.button:focus,.ui.inverted.grey.buttons .button:focus{background-color:#c7c9cb}.ui.inverted.grey.active.button,.ui.inverted.grey.buttons .active.button{background-color:#cfd0d2}.ui.inverted.grey.button:active,.ui.inverted.grey.buttons .button:active{background-color:#c2c4c5}.ui.inverted.grey.basic.button,.ui.inverted.grey.basic.buttons .button,.ui.inverted.grey.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.grey.basic.button:hover,.ui.inverted.grey.basic.buttons .button:hover,.ui.inverted.grey.buttons .basic.button:hover{box-shadow:0 0 0 2px #c2c4c5 inset;color:#fff}.ui.inverted.grey.basic.button:focus,.ui.inverted.grey.basic.buttons .button:focus{box-shadow:0 0 0 2px #c7c9cb inset;color:#dcddde}.ui.inverted.grey.basic.active.button,.ui.inverted.grey.basic.buttons .active.button,.ui.inverted.grey.buttons .basic.active.button{box-shadow:0 0 0 2px #cfd0d2 inset;color:#fff}.ui.inverted.grey.basic.button:active,.ui.inverted.grey.basic.buttons .button:active,.ui.inverted.grey.buttons .basic.button:active{box-shadow:0 0 0 2px #c2c4c5 inset;color:#fff}.ui.tertiary.grey.button,.ui.tertiary.grey.buttons .button,.ui.tertiary.grey.buttons .tertiary.button{background:0 0;box-shadow:none;color:#767676}.ui.tertiary.grey.button:hover,.ui.tertiary.grey.buttons .button:hover,.ui.tertiary.grey.buttons button:hover{box-shadow:inset 0 -.2em 0 #909090;color:#909090}.ui.tertiary.grey.button:focus,.ui.tertiary.grey.buttons .button:focus,.ui.tertiary.grey.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #9f9f9f;color:#9f9f9f}.ui.tertiary.grey.active.button,.ui.tertiary.grey.button:active,.ui.tertiary.grey.buttons .active.button,.ui.tertiary.grey.buttons .button:active,.ui.tertiary.grey.buttons .tertiary.active.button,.ui.tertiary.grey.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #5d5d5d;color:#696969}.ui.black.button,.ui.black.buttons .button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.black.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.black.button:hover,.ui.black.buttons .button:hover{background-color:#27292a;color:#fff;text-shadow:none}.ui.black.button:focus,.ui.black.buttons .button:focus{background-color:#2f3032;color:#fff;text-shadow:none}.ui.black.button:active,.ui.black.buttons .button:active{background-color:#343637;color:#fff;text-shadow:none}.ui.black.active.button,.ui.black.button .active.button:active,.ui.black.buttons .active.button,.ui.black.buttons .active.button:active{background-color:#0f0f10;color:#fff;text-shadow:none}.ui.basic.black.button,.ui.basic.black.buttons .button{background:0 0;box-shadow:0 0 0 1px #1b1c1d inset;color:#1b1c1d}.ui.basic.black.button:hover,.ui.basic.black.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #27292a inset;color:#27292a}.ui.basic.black.button:focus,.ui.basic.black.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #2f3032 inset;color:#27292a}.ui.basic.black.active.button,.ui.basic.black.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #0f0f10 inset;color:#343637}.ui.basic.black.button:active,.ui.basic.black.buttons .button:active{box-shadow:0 0 0 1px #343637 inset;color:#343637}.ui.inverted.black.button,.ui.inverted.black.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #d4d4d5 inset;color:#fff}.ui.inverted.black.button.active,.ui.inverted.black.button:active,.ui.inverted.black.button:focus,.ui.inverted.black.button:hover,.ui.inverted.black.buttons .button.active,.ui.inverted.black.buttons .button:active,.ui.inverted.black.buttons .button:focus,.ui.inverted.black.buttons .button:hover{box-shadow:none;color:#fff}.ui.inverted.black.button:hover,.ui.inverted.black.buttons .button:hover{background-color:#000}.ui.inverted.black.button:focus,.ui.inverted.black.buttons .button:focus{background-color:#000}.ui.inverted.black.active.button,.ui.inverted.black.buttons .active.button{background-color:#000}.ui.inverted.black.button:active,.ui.inverted.black.buttons .button:active{background-color:#000}.ui.inverted.black.basic.button,.ui.inverted.black.basic.buttons .button,.ui.inverted.black.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.black.basic.button:hover,.ui.inverted.black.basic.buttons .button:hover,.ui.inverted.black.buttons .basic.button:hover{box-shadow:0 0 0 2px #000 inset;color:#fff}.ui.inverted.black.basic.button:focus,.ui.inverted.black.basic.buttons .button:focus{box-shadow:0 0 0 2px #000 inset;color:#545454}.ui.inverted.black.basic.active.button,.ui.inverted.black.basic.buttons .active.button,.ui.inverted.black.buttons .basic.active.button{box-shadow:0 0 0 2px #000 inset;color:#fff}.ui.inverted.black.basic.button:active,.ui.inverted.black.basic.buttons .button:active,.ui.inverted.black.buttons .basic.button:active{box-shadow:0 0 0 2px #000 inset;color:#fff}.ui.tertiary.black.button,.ui.tertiary.black.buttons .button,.ui.tertiary.black.buttons .tertiary.button{background:0 0;box-shadow:none;color:#1b1c1d}.ui.tertiary.black.button:hover,.ui.tertiary.black.buttons .button:hover,.ui.tertiary.black.buttons button:hover{box-shadow:inset 0 -.2em 0 #8b8f93;color:#8b8f93}.ui.tertiary.black.button:focus,.ui.tertiary.black.buttons .button:focus,.ui.tertiary.black.buttons .tertiary.button:focus{box-shadow:inset 0 -.2em 0 #93969a;color:#93969a}.ui.tertiary.black.active.button,.ui.tertiary.black.button:active,.ui.tertiary.black.buttons .active.button,.ui.tertiary.black.buttons .button:active,.ui.tertiary.black.buttons .tertiary.active.button,.ui.tertiary.black.buttons .tertiary.button:active{box-shadow:inset 0 -.2em 0 #404245;color:#0f0f10}.ui.positive.button,.ui.positive.buttons .button{background-color:#21ba45;color:#fff;text-shadow:none;background-image:none}.ui.positive.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.positive.button:hover,.ui.positive.buttons .button:hover{background-color:#16ab39;color:#fff;text-shadow:none}.ui.positive.button:focus,.ui.positive.buttons .button:focus{background-color:#0ea432;color:#fff;text-shadow:none}.ui.positive.button:active,.ui.positive.buttons .button:active{background-color:#198f35;color:#fff;text-shadow:none}.ui.positive.active.button,.ui.positive.button .active.button:active,.ui.positive.buttons .active.button,.ui.positive.buttons .active.button:active{background-color:#13ae38;color:#fff;text-shadow:none}.ui.basic.positive.button,.ui.basic.positive.buttons .button{background:0 0;box-shadow:0 0 0 1px #21ba45 inset;color:#21ba45}.ui.basic.positive.button:hover,.ui.basic.positive.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #16ab39 inset;color:#16ab39}.ui.basic.positive.button:focus,.ui.basic.positive.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #0ea432 inset;color:#16ab39}.ui.basic.positive.active.button,.ui.basic.positive.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #13ae38 inset;color:#198f35}.ui.basic.positive.button:active,.ui.basic.positive.buttons .button:active{box-shadow:0 0 0 1px #198f35 inset;color:#198f35}.ui.buttons:not(.vertical)>.basic.positive.button:not(:first-child){margin-left:-1px}.ui.negative.button,.ui.negative.buttons .button{background-color:#db2828;color:#fff;text-shadow:none;background-image:none}.ui.negative.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.negative.button:hover,.ui.negative.buttons .button:hover{background-color:#d01919;color:#fff;text-shadow:none}.ui.negative.button:focus,.ui.negative.buttons .button:focus{background-color:#ca1010;color:#fff;text-shadow:none}.ui.negative.button:active,.ui.negative.buttons .button:active{background-color:#b21e1e;color:#fff;text-shadow:none}.ui.negative.active.button,.ui.negative.button .active.button:active,.ui.negative.buttons .active.button,.ui.negative.buttons .active.button:active{background-color:#d41515;color:#fff;text-shadow:none}.ui.basic.negative.button,.ui.basic.negative.buttons .button{background:0 0;box-shadow:0 0 0 1px #db2828 inset;color:#db2828}.ui.basic.negative.button:hover,.ui.basic.negative.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #d01919 inset;color:#d01919}.ui.basic.negative.button:focus,.ui.basic.negative.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #ca1010 inset;color:#d01919}.ui.basic.negative.active.button,.ui.basic.negative.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #d41515 inset;color:#b21e1e}.ui.basic.negative.button:active,.ui.basic.negative.buttons .button:active{box-shadow:0 0 0 1px #b21e1e inset;color:#b21e1e}.ui.buttons:not(.vertical)>.basic.negative.button:not(:first-child){margin-left:-1px}.ui.buttons{display:inline-flex;flex-direction:row;font-size:0;vertical-align:baseline;margin:0 .25em 0 0}.ui.buttons:not(.basic):not(.inverted){box-shadow:none}.ui.buttons::after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button{flex:1 0 auto;border-radius:0;margin:0}.ui.buttons:not(.basic):not(.inverted)>.button:not(.basic):not(.inverted){box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.buttons .button:first-child{border-left:none;margin-left:0;border-top-left-radius:.28571429rem;border-bottom-left-radius:.28571429rem}.ui.buttons .button:last-child{border-top-right-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.vertical.buttons{display:inline-flex;flex-direction:column}.ui.vertical.buttons .button{display:block;float:none;width:100%;margin:0;border-radius:0}.ui.vertical.buttons .button:not(.basic){box-shadow:none}.ui.vertical.buttons .button:first-child{border-top-left-radius:.28571429rem;border-top-right-radius:.28571429rem}.ui.vertical.buttons .button:last-child{margin-bottom:0;border-bottom-left-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.vertical.buttons .button:only-child{border-radius:.28571429rem}.ui.vertical.buttons .basic.button:not(:first-child){border-top:none}.ui.wrapping.buttons{flex-wrap:wrap}.ui.wrapping.basic.buttons{border-bottom:none}.ui.wrapping.basic.buttons .button{border-bottom:1px solid rgba(34,36,38,.15)}.ui.wrapping.basic.buttons .button:hover{background:0 0!important}.ui.compact.wrapping.buttons .button{flex:none}.ui.wrapped.buttons:not(.spaced){border-top-right-radius:0}.ui.wrapped.buttons:not(.spaced) .button:first-child{border-radius:.28571429rem 0 0 0}.ui.wrapped.buttons:not(.spaced) .button:last-child{border-radius:0 0 .28571429rem 0}.ui.wrapped[class*="top attached"].buttons{border-radius:.28571429rem 0 0 0}.ui.wrapped[class*="top attached"].buttons .button:last-child{border-radius:0}.ui.wrapped[class*="bottom attached"].buttons{border-radius:0 0 0 .28571429rem}.ui.wrapped[class*="bottom attached"].buttons .button:first-child{border-radius:0}.ui.spaced.buttons .ui.button{margin-bottom:1em;margin-right:1em;border-radius:.28571429rem}.ui.spaced.basic.buttons{border:none}.ui.spaced.basic.buttons .button{border:1px solid rgba(34,36,38,.15)}.ui.spaced.basic.buttons .button.basic{border:none}.ui.spaced.basic.vertical.buttons .button:first-child{border-top:1px solid rgba(34,36,38,.15)}.ui.spaced.basic.wrapping.buttons .button:not(.basic){border-top:1px solid rgba(34,36,38,.15);border-right:1px solid rgba(34,36,38,.15)}.ui.spaced.basic.wrapping.buttons .button:not(.basic):first-child{border-left:1px solid rgba(34,36,38,.15)}.ui.spaced.basic.inverted.buttons .basic.button{margin-bottom:calc(1em + 1px);margin-top:1px}.ui.basic.buttons:not(.vertical) .basic.button,.ui.basic.buttons:not(.vertical).inverted .button{margin-left:-1px;border-right:none}.ui.basic.buttons:not(.vertical):not(.spaced):not(.inverted) .basic.button{margin-top:-1px;border-bottom:none}.ui.attached.basic.buttons:not(.wrapping):not(.inverted) .basic.button,.ui.inverted.basic.buttons:not(.spaced) .button{margin-bottom:-1px}.ui.basic.buttons:not(.vertical):not(.attached):not(.spaced):not(.wrapping):not(.inverted) .basic.button{margin-bottom:-1px} \ No newline at end of file diff --git a/dist/library/fomantic/components/calendar.css b/dist/library/fomantic/components/calendar.css new file mode 100644 index 0000000..9687b60 --- /dev/null +++ b/dist/library/fomantic/components/calendar.css @@ -0,0 +1,327 @@ +/*! + * # Fomantic-UI 2.9.3 - Calendar + * https://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */ + + +/******************************* + Popup +*******************************/ + +.ui.calendar.popup { + max-width: none; + padding: 0; + border: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ui.calendar.popup.inverted::before { + background: #2b2b2b; +} + + +/******************************* + Calendar +*******************************/ + +.ui.calendar .calendar:focus, +.ui.calendar.popup:focus { + outline: 0; +} + + +/******************************* + Grid +*******************************/ + +.ui.calendar.popup .ui.grid { + display: block; + white-space: nowrap; +} +.ui.calendar.popup .ui.grid > .column { + width: auto; +} + + +/******************************* + Table +*******************************/ + +.ui.calendar .ui.table.year, +.ui.calendar .ui.table.month, +.ui.calendar .ui.table.minute { + min-width: 15em; +} +.ui.calendar .ui.table.day { + min-width: 18em; +} +.ui.calendar .ui.table.day.andweek { + min-width: 22em; +} +.ui.calendar .ui.table.hour { + min-width: 20em; +} +.ui.calendar .ui.table tr th, +.ui.calendar .ui.table tr td { + padding: 0.5em; + white-space: nowrap; +} +.ui.calendar .ui.table tr th { + border-left: none; +} +.ui.calendar .ui.table tr th i.icon { + margin: 0; +} +.ui.calendar .ui.table tr:first-child th { + position: relative; + padding-left: 0; + padding-right: 0; +} +.ui.calendar .ui.table.day tr:first-child th { + border: none; +} +.ui.calendar .ui.table.day tr:nth-child(2) th { + padding-top: 0.2em; + padding-bottom: 0.3em; +} +.ui.calendar .ui.table tr td { + padding-left: 0.1em; + padding-right: 0.1em; +} +.ui.calendar .ui.table tr .link { + cursor: pointer; +} +.ui.calendar .ui.table tr .prev.link { + width: 14.28571429%; + position: absolute; + left: 0; +} +.ui.calendar .ui.table tr .next.link { + width: 14.28571429%; + position: absolute; + right: 0; +} +.ui.ui.calendar .ui.table tr .disabled { + pointer-events: auto; + cursor: default; + color: rgba(40, 40, 40, 0.3); +} +.ui.calendar .ui.table tr .adjacent:not(.disabled):not(.active) { + color: rgba(0, 0, 0, 0.6); + background: rgba(0, 0, 0, 0.03); +} + +/* -------------- + States +--------------- */ +.ui.calendar .ui.table tr td.today { + font-weight: bold; +} +.ui.calendar .ui.table tr td.range { + background: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.95); + box-shadow: none; +} +.ui.calendar:not(.disabled):focus .ui.table tbody tr td.focus, +.ui.calendar:not(.disabled).popup.active .ui.table tbody tr td.focus { + box-shadow: inset 0 0 0 1px #85b7d9; +} +.ui.inverted.calendar .ui.table.inverted tr td.range { + background: rgba(255, 255, 255, 0.08); + color: #ffffff; + box-shadow: none; +} +.ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus, +.ui.inverted.calendar:not(.disabled).popup.active .ui.table.inverted tbody tr td.focus { + box-shadow: inset 0 0 0 1px #85b7d9; +} +.ui.inverted.calendar .ui.ui.ui.inverted.table tr .disabled { + color: rgba(225, 225, 225, 0.3); +} +.ui.inverted.calendar .ui.inverted.table tr .adjacent:not(.disabled):not(.active) { + color: rgba(255, 255, 255, 0.8); + background: rgba(255, 255, 255, 0.02); +} +.ui.ui.ui.calendar.popup > .ui.ui.grid { + margin: -1rem; +} +.ui.ui.ui.calendar.popup > .ui.ui.grid > .column:not(:first-child) { + padding-left: 0; +} +.ui.ui.ui.calendar.popup > .ui.ui.grid > .column:not(:first-child) > .ui.table { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ui.ui.ui.calendar.popup > .ui.ui.grid > .column:not(:last-child) { + padding-right: 0; +} +.ui.ui.ui.calendar.popup > .ui.ui.grid > .column:not(:last-child) > .ui.table { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +/* -------------------- + Sizes +--------------------- */ +.ui.mini.calendar, +.ui.mini.calendar .ui.table tr th, +.ui.mini.calendar .ui.table tr td { + font-size: 0.78571429rem; +} +.ui.mini.calendar .ui.table.year, +.ui.mini.calendar .ui.table.month, +.ui.mini.calendar .ui.table.minute { + min-width: 11.78571429em; +} +.ui.mini.calendar .ui.table.day { + min-width: 14.14285714em; +} +.ui.mini.calendar .ui.table.day.andweek { + min-width: 17.28571429em; +} +.ui.mini.calendar .ui.table.hour { + min-width: 15.71428571em; +} +.ui.tiny.calendar, +.ui.tiny.calendar .ui.table tr th, +.ui.tiny.calendar .ui.table tr td { + font-size: 0.85714286rem; +} +.ui.tiny.calendar .ui.table.year, +.ui.tiny.calendar .ui.table.month, +.ui.tiny.calendar .ui.table.minute { + min-width: 12.85714286em; +} +.ui.tiny.calendar .ui.table.day { + min-width: 15.42857143em; +} +.ui.tiny.calendar .ui.table.day.andweek { + min-width: 18.85714286em; +} +.ui.tiny.calendar .ui.table.hour { + min-width: 17.14285714em; +} +.ui.small.calendar, +.ui.small.calendar .ui.table tr th, +.ui.small.calendar .ui.table tr td { + font-size: 0.92857143rem; +} +.ui.small.calendar .ui.table.year, +.ui.small.calendar .ui.table.month, +.ui.small.calendar .ui.table.minute { + min-width: 13.92857143em; +} +.ui.small.calendar .ui.table.day { + min-width: 16.71428571em; +} +.ui.small.calendar .ui.table.day.andweek { + min-width: 20.42857143em; +} +.ui.small.calendar .ui.table.hour { + min-width: 18.57142857em; +} +.ui.large.calendar, +.ui.large.calendar .ui.table tr th, +.ui.large.calendar .ui.table tr td { + font-size: 1.14285714rem; +} +.ui.large.calendar .ui.table.year, +.ui.large.calendar .ui.table.month, +.ui.large.calendar .ui.table.minute { + min-width: 17.14285714em; +} +.ui.large.calendar .ui.table.day { + min-width: 20.57142857em; +} +.ui.large.calendar .ui.table.day.andweek { + min-width: 25.14285714em; +} +.ui.large.calendar .ui.table.hour { + min-width: 22.85714286em; +} +.ui.big.calendar, +.ui.big.calendar .ui.table tr th, +.ui.big.calendar .ui.table tr td { + font-size: 1.28571429rem; +} +.ui.big.calendar .ui.table.year, +.ui.big.calendar .ui.table.month, +.ui.big.calendar .ui.table.minute { + min-width: 19.28571429em; +} +.ui.big.calendar .ui.table.day { + min-width: 23.14285714em; +} +.ui.big.calendar .ui.table.day.andweek { + min-width: 28.28571429em; +} +.ui.big.calendar .ui.table.hour { + min-width: 25.71428571em; +} +.ui.huge.calendar, +.ui.huge.calendar .ui.table tr th, +.ui.huge.calendar .ui.table tr td { + font-size: 1.42857143rem; +} +.ui.huge.calendar .ui.table.year, +.ui.huge.calendar .ui.table.month, +.ui.huge.calendar .ui.table.minute { + min-width: 21.42857143em; +} +.ui.huge.calendar .ui.table.day { + min-width: 25.71428571em; +} +.ui.huge.calendar .ui.table.day.andweek { + min-width: 31.42857143em; +} +.ui.huge.calendar .ui.table.hour { + min-width: 28.57142857em; +} +.ui.massive.calendar, +.ui.massive.calendar .ui.table tr th, +.ui.massive.calendar .ui.table tr td { + font-size: 1.71428571rem; +} +.ui.massive.calendar .ui.table.year, +.ui.massive.calendar .ui.table.month, +.ui.massive.calendar .ui.table.minute { + min-width: 25.71428571em; +} +.ui.massive.calendar .ui.table.day { + min-width: 30.85714286em; +} +.ui.massive.calendar .ui.table.day.andweek { + min-width: 37.71428571em; +} +.ui.massive.calendar .ui.table.hour { + min-width: 34.28571429em; +} + + +/******************************* + States +*******************************/ + + +/* -------------------- + Disabled + --------------------- */ +.ui.disabled.calendar { + opacity: 0.45; +} +.ui.disabled.calendar > .input, +.ui.disabled.calendar .ui.table tr .link { + pointer-events: none; +} + + +/******************************* + Theme Overrides +*******************************/ + diff --git a/dist/library/fomantic/components/calendar.js b/dist/library/fomantic/components/calendar.js new file mode 100644 index 0000000..fbcf783 --- /dev/null +++ b/dist/library/fomantic/components/calendar.js @@ -0,0 +1,2010 @@ +/*! + * # Fomantic-UI 2.9.3 - Calendar + * https://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */ + +(function ($, window, document) { + 'use strict'; + + function isFunction(obj) { + return typeof obj === 'function' && typeof obj.nodeType !== 'number'; + } + + window = window !== undefined && window.Math === Math + ? window + : globalThis; + + $.fn.calendar = function (parameters) { + var + $allModules = $(this), + $document = $(document), + + time = Date.now(), + performance = [], + + query = arguments[0], + methodInvoked = typeof query === 'string', + queryArguments = [].slice.call(arguments, 1), + returnedValue, + timeGapTable = { + 5: { row: 4, column: 3 }, + 10: { row: 3, column: 2 }, + 15: { row: 2, column: 2 }, + 20: { row: 3, column: 1 }, + 30: { row: 2, column: 1 }, + }, + numberText = ['', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight'] + ; + + $allModules.each(function () { + var + settings = $.isPlainObject(parameters) + ? $.extend(true, {}, $.fn.calendar.settings, parameters) + : $.extend({}, $.fn.calendar.settings), + + className = settings.className, + namespace = settings.namespace, + selector = settings.selector, + formatter = settings.formatter, + parser = settings.parser, + metadata = settings.metadata, + timeGap = timeGapTable[settings.minTimeGap], + error = settings.error, + + eventNamespace = '.' + namespace, + moduleNamespace = 'module-' + namespace, + + $module = $(this), + $input = $module.find(selector.input), + $activator = $module.find(selector.activator), + + element = this, + instance = $module.data(moduleNamespace), + $container = instance && instance.popupId ? $document.find('#' + instance.popupId) : $module.find(selector.popup), + + isTouch, + isTouchDown = false, + isInverted = $module.hasClass(className.inverted), + focusDateUsedForRange = false, + selectionComplete = false, + classObserver, + module + ; + + module = { + + initialize: function () { + module.debug('Initializing calendar for', element, $module); + + isTouch = module.get.isTouch(); + module.setup.config(); + module.setup.popup(); + module.setup.inline(); + module.setup.input(); + module.setup.date(); + module.create.calendar(); + + module.bind.events(); + module.observeChanges(); + module.instantiate(); + }, + + instantiate: function () { + module.verbose('Storing instance of calendar'); + instance = module; + $module.data(moduleNamespace, instance); + }, + + destroy: function () { + module.verbose('Destroying previous calendar for', element); + $module.removeData(moduleNamespace); + module.unbind.events(); + module.disconnect.classObserver(); + }, + + setup: { + config: function () { + if (module.get.minDate() !== null) { + module.set.minDate($module.data(metadata.minDate)); + } + if (module.get.maxDate() !== null) { + module.set.maxDate($module.data(metadata.maxDate)); + } + module.setting('type', module.get.type()); + module.setting('on', settings.on || 'click'); + }, + popup: function () { + if (settings.inline) { + return; + } + if ($activator.length === 0) { + $activator = $module.children().first(); + if ($activator.length === 0) { + return; + } + } + if ($.fn.popup === undefined) { + module.error(error.popup); + + return; + } + if ($container.length === 0) { + if (settings.context) { + module.popupId = namespace + '_popup_' + (Math.random().toString(16) + '000000000').slice(2, 10); + $container = $('
', { id: module.popupId }).addClass(className.popup).appendTo($document.find(settings.context)); + } else { + // prepend the popup element to the activator's parent so that it has less chance of messing with + // the styling (eg input action button needs to be the last child to have correct border radius) + var + $activatorParent = $activator.parent(), + domPositionFunction = $activatorParent.closest(selector.append).length > 0 ? 'appendTo' : 'prependTo' + ; + $container = $('
').addClass(className.popup)[domPositionFunction]($activatorParent); + } + } + $container.addClass(className.calendar); + if (isInverted) { + $container.addClass(className.inverted); + } + var onVisible = function () { + module.refreshTooltips(); + + return settings.onVisible.apply($container, arguments); + }; + var onHidden = function () { + module.blur(); + + return settings.onHidden.apply($container, arguments); + }; + if ($input.length === 0) { + // no input, $container has to handle focus/blur + $container.attr('tabindex', '0'); + onVisible = function () { + module.refreshTooltips(); + module.focus(); + + return settings.onVisible.apply($container, arguments); + }; + } + var onShow = function () { + // reset the focus date onShow + module.set.focusDate(module.get.date()); + module.set.mode(module.get.validatedMode(settings.startMode)); + + return settings.onShow.apply($container, arguments); + }; + var on = module.setting('on'); + var options = $.extend({}, settings.popupOptions, { + popup: $container, + movePopup: !settings.context, + on: on, + hoverable: on === 'hover', + closable: on === 'click', + onShow: onShow, + onVisible: onVisible, + onHide: settings.onHide, + onHidden: onHidden, + }); + module.popup(options); + }, + inline: function () { + if ($activator.length > 0 && !settings.inline) { + return; + } + settings.inline = true; + $container = $('
').addClass(className.calendar).appendTo($module); + if ($input.length === 0) { + $container.attr('tabindex', '0'); + } + }, + input: function () { + if (settings.touchReadonly && $input.length > 0 && isTouch) { + $input.prop('readonly', true); + } + module.check.disabled(); + }, + date: function () { + var date; + if (settings.initialDate) { + date = parser.date(settings.initialDate, settings); + } else if ($module.data(metadata.date) !== undefined) { + date = parser.date($module.data(metadata.date), settings); + } else if ($input.length > 0) { + date = parser.date($input.val(), settings); + } + module.set.date(date, settings.formatInput, false); + module.set.mode(module.get.mode(), false); + }, + }, + + trigger: { + change: function () { + var + inputElement = $input[0] + ; + if (inputElement) { + var events = document.createEvent('HTMLEvents'); + module.verbose('Triggering native change event'); + events.initEvent('change', true, false); + inputElement.dispatchEvent(events); + } + }, + }, + + create: { + calendar: function () { + var + i, + r, + c, + p, + row, + cell, + pageGrid + ; + + var + mode = module.get.mode(), + today = new Date(), + date = module.get.date(), + focusDate = module.get.focusDate(), + display = module.helper.dateInRange(focusDate || date || parser.date(settings.initialDate, settings) || today) + ; + + if (!focusDate) { + focusDate = display; + module.set.focusDate(focusDate, false, false); + } + + var + isYear = mode === 'year', + isMonth = mode === 'month', + isDay = mode === 'day', + isHour = mode === 'hour', + isMinute = mode === 'minute', + isTimeOnly = settings.type === 'time' + ; + + var multiMonth = Math.max(settings.multiMonth, 1); + var monthOffset = !isDay ? 0 : module.get.monthOffset(); + + var + minute = display.getMinutes(), + hour = display.getHours(), + day = display.getDate(), + startMonth = display.getMonth() + monthOffset, + year = display.getFullYear() + ; + + var columns = isDay + ? (settings.showWeekNumbers ? 8 : 7) + : (isHour ? 4 : timeGap.column); + var rows = isDay || isHour ? 6 : timeGap.row; + var pages = isDay ? multiMonth : 1; + + var container = $container; + var tooltipPosition = container.hasClass('left') ? 'right center' : 'left center'; + container.empty(); + if (pages > 1) { + pageGrid = $('
').addClass(className.grid).appendTo(container); + } + + for (p = 0; p < pages; p++) { + if (pages > 1) { + var pageColumn = $('
').addClass(className.column).appendTo(pageGrid); + container = pageColumn; + } + + var month = startMonth + p; + var firstMonthDayColumn = (new Date(year, month, 1).getDay() - (settings.firstDayOfWeek % 7) + 7) % 7; + if (!settings.constantHeight && isDay) { + var requiredCells = new Date(year, month + 1, 0).getDate() + firstMonthDayColumn; + rows = Math.ceil(requiredCells / 7); + } + + var + yearChange = isYear ? 10 : (isMonth ? 1 : 0), + monthChange = isDay ? 1 : 0, + dayChange = isHour || isMinute ? 1 : 0, + prevNextDay = isHour || isMinute ? day : 1, + prevDate = new Date(year - yearChange, month - monthChange, prevNextDay - dayChange, hour), + nextDate = new Date(year + yearChange, month + monthChange, prevNextDay + dayChange, hour), + prevLast = isYear + ? new Date(Math.ceil(year / 10) * 10 - 9, 0, 0) + : (isMonth + ? new Date(year, 0, 0) + : (isDay // eslint-disable-line unicorn/no-nested-ternary + ? new Date(year, month, 0) + : new Date(year, month, day, -1))), + nextFirst = isYear + ? new Date(Math.ceil(year / 10) * 10 + 1, 0, 1) + : (isMonth + ? new Date(year + 1, 0, 1) + : (isDay // eslint-disable-line unicorn/no-nested-ternary + ? new Date(year, month + 1, 1) + : new Date(year, month, day + 1))) + ; + + var tempMode = mode; + if (isDay && settings.showWeekNumbers) { + tempMode += ' andweek'; + } + var table = $('').addClass(className.table).addClass(tempMode).addClass(numberText[columns] + ' column') + .appendTo(container); + if (isInverted) { + table.addClass(className.inverted); + } + var textColumns = columns; + // no header for time-only mode + if (!isTimeOnly) { + var thead = $('').appendTo(table); + + row = $('').appendTo(thead); + cell = $('').appendTo(thead); + if (settings.showWeekNumbers) { + cell = $('').appendTo(table); + i = isYear + ? Math.ceil(year / 10) * 10 - 9 + : (isDay ? 1 - firstMonthDayColumn : 0); + for (r = 0; r < rows; r++) { + row = $('').appendTo(tbody); + if (isDay && settings.showWeekNumbers) { + cell = $('').appendTo(tbody); + var todayButton = $('
').attr('colspan', '' + columns).appendTo(row); + + var headerDate = isYear || isMonth + ? new Date(year, 0, 1) + : (isDay + ? new Date(year, month, 1) + : new Date(year, month, day, hour, minute)); + var headerText = $('').addClass(className.link).appendTo(cell); + headerText.text(module.helper.dateFormat(formatter[mode + 'Header'], headerDate)); + var newMode = isMonth + ? (settings.disableYear ? 'day' : 'year') + : (isDay + ? (settings.disableMonth ? 'year' : 'month') // eslint-disable-line unicorn/no-nested-ternary + : 'day'); + headerText.data(metadata.mode, newMode); + + if (p === 0) { + var prev = $('').addClass(className.prev).appendTo(cell); + prev.data(metadata.focusDate, prevDate); + prev.toggleClass(className.disabledCell, !module.helper.isDateInRange(prevLast, mode)); + $('').addClass(className.prevIcon).appendTo(prev); + } + + if (p === pages - 1) { + var next = $('').addClass(className.next).appendTo(cell); + next.data(metadata.focusDate, nextDate); + next.toggleClass(className.disabledCell, !module.helper.isDateInRange(nextFirst, mode)); + $('').addClass(className.nextIcon).appendTo(next); + } + if (isDay) { + row = $('
').appendTo(row); + cell.text(settings.text.weekNo); + cell.addClass(className.weekCell); + textColumns--; + } + for (i = 0; i < textColumns; i++) { + cell = $('').appendTo(row); + cell.text(formatter.dayColumnHeader((i + settings.firstDayOfWeek) % 7, settings)); + } + } + } + + var tbody = $('
').appendTo(row); + cell.text(module.get.weekOfYear(year, month, i + 1 - settings.firstDayOfWeek)); + cell.addClass(className.weekCell); + } + for (c = 0; c < textColumns; c++, i++) { + var cellDate = isYear + ? new Date(i, month, 1, hour, minute) + : (isMonth + ? new Date(year, i, 1, hour, minute) + : (isDay // eslint-disable-line unicorn/no-nested-ternary + ? new Date(year, month, i, hour, minute) + : (isHour + ? new Date(year, month, day, i) + : new Date(year, month, day, hour, i * settings.minTimeGap)))); + var cellText = isYear + ? i + : (isMonth + ? settings.text.monthsShort[i] + : (isDay // eslint-disable-line unicorn/no-nested-ternary + ? cellDate.getDate() + : module.helper.dateFormat(formatter.cellTime, cellDate))); + cell = $('').addClass(className.cell).appendTo(row); + cell.text(cellText); + cell.data(metadata.date, cellDate); + var adjacent = isDay && cellDate.getMonth() !== ((month + 12) % 12); + var disabled = (!settings.selectAdjacentDays && adjacent) || !module.helper.isDateInRange(cellDate, mode) || settings.isDisabled(cellDate, mode) || module.helper.isDisabled(cellDate, mode) || !module.helper.isEnabled(cellDate, mode); + var eventDate; + if (disabled) { + var disabledDate = module.helper.findDayAsObject(cellDate, mode, settings.disabledDates); + if (disabledDate !== null && disabledDate[metadata.message]) { + cell.attr('data-tooltip', disabledDate[metadata.message]); + cell.attr('data-position', disabledDate[metadata.position] || tooltipPosition); + if (disabledDate[metadata.inverted] || (isInverted && disabledDate[metadata.inverted] === undefined)) { + cell.attr('data-inverted', ''); + } + if (disabledDate[metadata.variation]) { + cell.attr('data-variation', disabledDate[metadata.variation]); + } + } + if (mode === 'hour') { + var disabledHour = module.helper.findHourAsObject(cellDate, mode, settings.disabledHours); + if (disabledHour !== null && disabledHour[metadata.message]) { + cell.attr('data-tooltip', disabledHour[metadata.message]); + cell.attr('data-position', disabledHour[metadata.position] || tooltipPosition); + if (disabledHour[metadata.inverted] || (isInverted && disabledHour[metadata.inverted] === undefined)) { + cell.attr('data-inverted', ''); + } + if (disabledHour[metadata.variation]) { + cell.attr('data-variation', disabledHour[metadata.variation]); + } + } + } + } else { + eventDate = module.helper.findDayAsObject(cellDate, mode, settings.eventDates); + if (eventDate !== null) { + cell.addClass(eventDate[metadata.class] || settings.eventClass); + if (eventDate[metadata.message]) { + cell.attr('data-tooltip', eventDate[metadata.message]); + cell.attr('data-position', eventDate[metadata.position] || tooltipPosition); + if (eventDate[metadata.inverted] || (isInverted && eventDate[metadata.inverted] === undefined)) { + cell.attr('data-inverted', ''); + } + if (eventDate[metadata.variation]) { + cell.attr('data-variation', eventDate[metadata.variation]); + } + } + } + } + var active = module.helper.dateEqual(cellDate, date, mode); + var isToday = module.helper.dateEqual(cellDate, today, mode); + cell.toggleClass(className.adjacentCell, adjacent && !eventDate); + cell.toggleClass(className.disabledCell, disabled); + cell.toggleClass(className.activeCell, active && !(adjacent && disabled)); + if (!isHour && !isMinute) { + cell.toggleClass(className.todayCell, !adjacent && isToday); + } + + // Allow for external modifications of each cell + var cellOptions = { + mode: mode, + adjacent: adjacent, + disabled: disabled, + active: active, + today: isToday, + }; + formatter.cell(cell, cellDate, cellOptions); + + if (module.helper.dateEqual(cellDate, focusDate, mode)) { + // ensure that the focus date is exactly equal to the cell date + // so that, if selected, the correct value is set + module.set.focusDate(cellDate, false, false); + } + } + } + + if (settings.today) { + var todayRow = $('
').attr('colspan', '' + columns).addClass(className.today).appendTo(todayRow); + todayButton.text(formatter.today(settings)); + todayButton.data(metadata.date, today); + } + + module.update.focus(false, table); + + if (settings.inline) { + module.refreshTooltips(); + } + } + }, + }, + + update: { + focus: function (updateRange, container) { + container = container || $container; + var mode = module.get.mode(); + var date = module.get.date(); + var focusDate = module.get.focusDate(); + var startDate = module.get.startDate(); + var endDate = module.get.endDate(); + var rangeDate = (updateRange ? focusDate : null) || date || (!isTouch ? focusDate : null); + + container.find('td').each(function () { + var $cell = $(this); + var cellDate = $cell.data(metadata.date); + if (!cellDate) { + return; + } + var disabled = $cell.hasClass(className.disabledCell); + var active = $cell.hasClass(className.activeCell); + var adjacent = $cell.hasClass(className.adjacentCell); + var focused = module.helper.dateEqual(cellDate, focusDate, mode); + var inRange = !rangeDate + ? false + : (!!startDate && module.helper.isDateInRange(cellDate, mode, startDate, rangeDate)) + || (!!endDate && module.helper.isDateInRange(cellDate, mode, rangeDate, endDate)); + $cell.toggleClass(className.focusCell, focused && (!isTouch || isTouchDown) && (!adjacent || (settings.selectAdjacentDays && adjacent)) && !disabled); + + if (module.helper.isTodayButton($cell)) { + return; + } + $cell.toggleClass(className.rangeCell, inRange && !active && !disabled); + }); + }, + }, + + refresh: function () { + module.create.calendar(); + }, + + refreshTooltips: function () { + var winWidth = $(window).width(); + $container.find('td[data-position]').each(function () { + var $cell = $(this); + var tooltipWidth = window.getComputedStyle($cell[0], '::after').width.replace(/[^\d.]/g, ''); + var tooltipPosition = $cell.attr('data-position'); + // use a fallback width of 250 (calendar width) for IE/Edge (which return "auto") + var calcPosition = (winWidth - $cell.width() - (parseInt(tooltipWidth, 10) || 250)) > $cell.offset().left ? 'right' : 'left'; + if (tooltipPosition.indexOf(calcPosition) === -1) { + $cell.attr('data-position', tooltipPosition.replace(/(left|right)/, calcPosition)); + } + }); + }, + + bind: { + events: function () { + module.debug('Binding events'); + $container.on('mousedown' + eventNamespace, module.event.mousedown); + $container.on('touchstart' + eventNamespace, module.event.mousedown); + $container.on('mouseup' + eventNamespace, module.event.mouseup); + $container.on('touchend' + eventNamespace, module.event.mouseup); + $container.on('mouseover' + eventNamespace, module.event.mouseover); + if ($input.length > 0) { + $input.on('input' + eventNamespace, module.event.inputChange); + $input.on('focus' + eventNamespace, module.event.inputFocus); + $input.on('blur' + eventNamespace, module.event.inputBlur); + $input.on('keydown' + eventNamespace, module.event.keydown); + } else { + $container.on('keydown' + eventNamespace, module.event.keydown); + } + }, + }, + + unbind: { + events: function () { + module.debug('Unbinding events'); + $container.off(eventNamespace); + if ($input.length > 0) { + $input.off(eventNamespace); + } + }, + }, + + event: { + mouseover: function (event) { + var target = $(event.target); + var date = target.data(metadata.date); + var mousedown = event.buttons === 1; + if (date) { + module.set.focusDate(date, false, true, mousedown); + } + }, + mousedown: function (event) { + if ($input.length > 0) { + // prevent the mousedown on the calendar causing the input to lose focus + event.preventDefault(); + } + isTouchDown = event.type.indexOf('touch') >= 0; + var target = $(event.target); + var date = target.data(metadata.date); + if (date) { + module.set.focusDate(date, false, true, true); + } + }, + mouseup: function (event) { + // ensure input has focus so that it receives keydown events for calendar navigation + module.focus(); + event.preventDefault(); + event.stopPropagation(); + isTouchDown = false; + var target = $(event.target); + if (target.hasClass('disabled')) { + return; + } + var parent = target.parent(); + if (parent.data(metadata.date) || parent.data(metadata.focusDate) || parent.data(metadata.mode)) { + // clicked on a child element, switch to parent (used when clicking directly on prev/next icon element) + target = parent; + } + var date = target.data(metadata.date); + var focusDate = target.data(metadata.focusDate); + var mode = target.data(metadata.mode); + if (date && settings.onSelect.call(element, date, module.get.mode()) !== false) { + var forceSet = target.hasClass(className.today); + module.selectDate(date, forceSet); + } else if (focusDate) { + module.set.focusDate(focusDate); + } else if (mode) { + module.set.mode(mode); + } + }, + keydown: function (event) { + var keyCode = event.which; + if (keyCode === 9) { + // tab + module.popup('hide'); + } + + if (module.popup('is visible')) { + var mode = module.get.mode(); + switch (keyCode) { + // arrow keys + case 37: + case 38: + case 39: + case 40: { + var bigIncrement = mode === 'day' + ? 7 + : (mode === 'hour' + ? 4 + : (mode === 'minute' ? timeGap.column : 3)); // eslint-disable-line unicorn/no-nested-ternary + var increment = keyCode === 37 + ? -1 + : (keyCode === 38 + ? -bigIncrement + : (keyCode === 39 ? 1 : bigIncrement)); // eslint-disable-line unicorn/no-nested-ternary + increment *= mode === 'minute' ? settings.minTimeGap : 1; + var focusDate = module.get.focusDate() || module.get.date() || new Date(); + var year = focusDate.getFullYear() + (mode === 'year' ? increment : 0); + var month = focusDate.getMonth() + (mode === 'month' ? increment : 0); + var day = focusDate.getDate() + (mode === 'day' ? increment : 0); + var hour = focusDate.getHours() + (mode === 'hour' ? increment : 0); + var minute = focusDate.getMinutes() + (mode === 'minute' ? increment : 0); + var newFocusDate = new Date(year, month, day, hour, minute); + if (settings.type === 'time') { + newFocusDate = module.helper.mergeDateTime(focusDate, newFocusDate); + } + if (module.helper.isDateInRange(newFocusDate, mode)) { + module.set.focusDate(newFocusDate); + } + + break; + } + // enter key + case 13: { + var date = module.get.focusDate(); + if (date && !settings.isDisabled(date, mode) && !module.helper.isDisabled(date, mode) && module.helper.isEnabled(date, mode)) { + if (settings.onSelect.call(element, date, module.get.mode()) !== false) { + module.selectDate(date); + } + } + // disable form submission: + event.preventDefault(); + event.stopPropagation(); + + break; + } + // escape key + case 27: { + module.popup('hide'); + event.stopPropagation(); + + break; + } + } + } + + if (keyCode === 38 || keyCode === 40) { + // arrow-up || arrow-down + event.preventDefault(); // don't scroll + module.popup('show'); + } + }, + inputChange: function () { + var val = $input.val(); + var date = parser.date(val, settings); + module.set.date(date, false); + }, + inputFocus: function () { + $container.addClass(className.active); + }, + inputBlur: function () { + $container.removeClass(className.active); + if (settings.formatInput) { + var date = module.get.date(); + var text = module.helper.dateFormat(formatter[settings.type], date); + $input.val(text); + } + if (selectionComplete) { + module.trigger.change(); + selectionComplete = false; + } + }, + class: { + mutation: function (mutations) { + mutations.forEach(function (mutation) { + if (mutation.attributeName === 'class') { + module.check.disabled(); + } + }); + }, + }, + }, + + observeChanges: function () { + if ('MutationObserver' in window) { + classObserver = new MutationObserver(module.event.class.mutation); + module.debug('Setting up mutation observer', classObserver); + module.observe.class(); + } + }, + + disconnect: { + classObserver: function () { + if ($input.length > 0 && classObserver) { + classObserver.disconnect(); + } + }, + }, + + observe: { + class: function () { + if ($input.length > 0 && classObserver) { + classObserver.observe($module[0], { + attributes: true, + }); + } + }, + }, + + is: { + disabled: function () { + return $module.hasClass(className.disabled); + }, + }, + + check: { + disabled: function () { + $input.attr('tabindex', module.is.disabled() ? -1 : 0); + }, + }, + + get: { + weekOfYear: function (weekYear, weekMonth, weekDay) { + // adapted from http://www.merlyn.demon.co.uk/weekcalc.htm + var ms1d = 24 * 3600 * 1000, + ms7d = 7 * ms1d, + DC3 = Date.UTC(weekYear, weekMonth, weekDay + 3) / ms1d, // an absolute day number + AWN = Math.floor(DC3 / 7), // an absolute week number + Wyr = new Date(AWN * ms7d).getUTCFullYear() + ; + + return AWN - Math.floor(Date.UTC(Wyr, 0, 7) / ms7d) + 1; + }, + formattedDate: function (format, date) { + return module.helper.dateFormat(format || formatter[settings.type], date || module.get.date()); + }, + date: function () { + return module.helper.sanitiseDate($module.data(metadata.date)) || null; + }, + inputDate: function () { + return $input.val(); + }, + focusDate: function () { + return $module.data(metadata.focusDate) || null; + }, + startDate: function () { + var startModule = module.get.calendarModule(settings.startCalendar); + + return (startModule ? startModule.get.date() : $module.data(metadata.startDate)) || null; + }, + endDate: function () { + var endModule = module.get.calendarModule(settings.endCalendar); + + return (endModule ? endModule.get.date() : $module.data(metadata.endDate)) || null; + }, + minDate: function () { + return $module.data(metadata.minDate) || null; + }, + maxDate: function () { + return $module.data(metadata.maxDate) || null; + }, + monthOffset: function () { + return $module.data(metadata.monthOffset) || settings.monthOffset || 0; + }, + mode: function () { + // only returns valid modes for the current settings + var mode = $module.data(metadata.mode) || settings.startMode; + + return module.get.validatedMode(mode); + }, + validatedMode: function (mode) { + var validModes = module.get.validModes(); + if ($.inArray(mode, validModes) >= 0) { + return mode; + } + + return settings.type === 'time' + ? 'hour' + : (settings.type === 'month' + ? 'month' + : (settings.type === 'year' ? 'year' : 'day')); // eslint-disable-line unicorn/no-nested-ternary + }, + type: function () { + return $module.data(metadata.type) || settings.type; + }, + validModes: function () { + var validModes = []; + if (settings.type !== 'time') { + if (!settings.disableYear || settings.type === 'year') { + validModes.push('year'); + } + if (!(settings.disableMonth || settings.type === 'year') || settings.type === 'month') { + validModes.push('month'); + } + if (settings.type.indexOf('date') >= 0) { + validModes.push('day'); + } + } + if (settings.type.indexOf('time') >= 0) { + validModes.push('hour'); + if (!settings.disableMinute) { + validModes.push('minute'); + } + } + + return validModes; + }, + isTouch: function () { + try { + document.createEvent('TouchEvent'); + + return true; + } catch (e) { + return false; + } + }, + calendarModule: function (selector) { + if (!selector) { + return null; + } + if (!(selector instanceof $)) { + selector = $document.find(selector).first(); + } + + // assume range related calendars are using the same namespace + return selector.data(moduleNamespace); + }, + }, + + set: { + date: function (date, updateInput, fireChange) { + updateInput = updateInput !== false; + fireChange = fireChange !== false; + date = module.helper.sanitiseDate(date); + date = module.helper.dateInRange(date); + + var mode = module.get.mode(); + var text = module.helper.dateFormat(formatter[settings.type], date); + + if (fireChange && settings.onBeforeChange.call(element, date, text, mode) === false) { + return false; + } + + module.set.focusDate(date); + + if (settings.isDisabled(date, mode)) { + return false; + } + + var endDate = module.get.endDate(); + if (!!endDate && !!date && date > endDate) { + // selected date is greater than end date in range, so clear end date + module.set.endDate(); + } + module.set.dataKeyValue(metadata.date, date); + + if (updateInput && $input.length > 0) { + $input.val(text); + } + + if (fireChange) { + settings.onChange.call(element, date, text, mode); + } + }, + startDate: function (date, refreshCalendar) { + date = module.helper.sanitiseDate(date); + var startModule = module.get.calendarModule(settings.startCalendar); + if (startModule) { + startModule.set.date(date); + } + module.set.dataKeyValue(metadata.startDate, date, refreshCalendar); + }, + endDate: function (date, refreshCalendar) { + date = module.helper.sanitiseDate(date); + var endModule = module.get.calendarModule(settings.endCalendar); + if (endModule) { + endModule.set.date(date); + } + module.set.dataKeyValue(metadata.endDate, date, refreshCalendar); + }, + focusDate: function (date, refreshCalendar, updateFocus, updateRange) { + date = module.helper.sanitiseDate(date); + date = module.helper.dateInRange(date); + var isDay = module.get.mode() === 'day'; + var oldFocusDate = module.get.focusDate(); + if (isDay && date && oldFocusDate) { + var yearDelta = date.getFullYear() - oldFocusDate.getFullYear(); + var monthDelta = yearDelta * 12 + date.getMonth() - oldFocusDate.getMonth(); + if (monthDelta) { + var monthOffset = module.get.monthOffset() - monthDelta; + module.set.monthOffset(monthOffset, false); + } + } + var changed = module.set.dataKeyValue(metadata.focusDate, date, !!date && refreshCalendar); + updateFocus = (updateFocus !== false && changed && refreshCalendar === false) || focusDateUsedForRange != updateRange; + focusDateUsedForRange = updateRange; + if (updateFocus) { + module.update.focus(updateRange); + } + }, + minDate: function (date) { + date = module.helper.sanitiseDate(date); + if (settings.maxDate !== null && settings.maxDate <= date) { + module.verbose('Unable to set minDate variable bigger that maxDate variable', date, settings.maxDate); + } else { + module.setting('minDate', date); + module.set.dataKeyValue(metadata.minDate, date); + } + }, + maxDate: function (date) { + date = module.helper.sanitiseDate(date); + if (settings.minDate !== null && settings.minDate >= date) { + module.verbose('Unable to set maxDate variable lower that minDate variable', date, settings.minDate); + } else { + module.setting('maxDate', date); + module.set.dataKeyValue(metadata.maxDate, date); + } + }, + monthOffset: function (monthOffset, refreshCalendar) { + var multiMonth = Math.max(settings.multiMonth, 1); + monthOffset = Math.max(1 - multiMonth, Math.min(0, monthOffset)); + module.set.dataKeyValue(metadata.monthOffset, monthOffset, refreshCalendar); + }, + mode: function (mode, refreshCalendar) { + module.set.dataKeyValue(metadata.mode, mode, refreshCalendar); + }, + dataKeyValue: function (key, value, refreshCalendar) { + var oldValue = $module.data(key); + var equal = oldValue === value || (oldValue <= value && oldValue >= value); // equality test for dates and string objects + if (value) { + $module.data(key, value); + } else { + $module.removeData(key); + } + refreshCalendar = refreshCalendar !== false && !equal; + if (refreshCalendar) { + module.refresh(); + } + + return !equal; + }, + }, + + selectDate: function (date, forceSet) { + module.verbose('New date selection', date); + var mode = module.get.mode(); + var complete = forceSet || mode === 'minute' + || (settings.disableMinute && mode === 'hour') + || (settings.type === 'date' && mode === 'day') + || (settings.type === 'month' && mode === 'month') + || (settings.type === 'year' && mode === 'year'); + if (complete) { + var canceled = module.set.date(date) === false; + if (!canceled) { + selectionComplete = true; + if (settings.closable) { + module.popup('hide'); + // if this is a range calendar, focus the container or input. This will open the popup from its event listeners. + var endModule = module.get.calendarModule(settings.endCalendar); + if (endModule) { + endModule.refresh(); + if (endModule.setting('on') !== 'focus') { + endModule.popup('show'); + } + endModule.focus(); + } + } + } + } else { + var newMode = mode === 'year' + ? (!settings.disableMonth ? 'month' : 'day') + : (mode === 'month' + ? 'day' + : (mode === 'day' ? 'hour' : 'minute')); // eslint-disable-line unicorn/no-nested-ternary + module.set.mode(newMode); + if (mode === 'hour' || (mode === 'day' && module.get.date())) { + // the user has chosen enough to consider a valid date/time has been chosen + module.set.date(date, true, false); + } else { + module.set.focusDate(date); + } + } + }, + + changeDate: function (date) { + module.set.date(date); + }, + + clear: function () { + module.set.date(); + }, + + popup: function () { + return $activator.popup.apply($activator, arguments); + }, + + focus: function () { + if ($input.length > 0) { + $input.trigger('focus'); + } else { + $container.trigger('focus'); + } + }, + blur: function () { + if ($input.length > 0) { + $input.trigger('blur'); + } else { + $container.trigger('blur'); + } + }, + + helper: { + dateFormat: function (format, date) { + if (!(date instanceof Date)) { + return ''; + } + if (typeof format === 'function') { + return format.call(module, date, settings); + } + + var + D = date.getDate(), + M = date.getMonth(), + Y = date.getFullYear(), + d = date.getDay(), + H = date.getHours(), + m = date.getMinutes(), + s = date.getSeconds(), + w = module.get.weekOfYear(Y, M, D + 1 - settings.firstDayOfWeek), + h = H % 12 || 12, + a = H < 12 ? settings.text.am.toLowerCase() : settings.text.pm.toLowerCase(), + tokens = { + D: D, + DD: ('0' + D).slice(-2), + M: M + 1, + MM: ('0' + (M + 1)).slice(-2), + MMM: settings.text.monthsShort[M], + MMMM: settings.text.months[M], + Y: Y, + YY: String(Y).slice(2), + YYYY: Y, + d: d, + dd: settings.text.dayNamesShort[d].slice(0, 2), + ddd: settings.text.dayNamesShort[d], + dddd: settings.text.dayNames[d], + h: h, + hh: ('0' + h).slice(-2), + H: H, + HH: ('0' + H).slice(-2), + m: m, + mm: ('0' + m).slice(-2), + s: s, + ss: ('0' + s).slice(-2), + a: a, + A: a.toUpperCase(), + S: ['th', 'st', 'nd', 'rd'][(D % 10) > 3 ? 0 : ((D % 100) - (D % 10) === 10 ? 0 : D % 10)], + w: w, + ww: ('0' + w).slice(-2), + } + ; + + return format.replace(settings.regExp.token, function (match) { + if (match in tokens) { + return tokens[match]; + } + + return match.slice(1, -1); + }); + }, + isDisabled: function (date, mode) { + return (mode === 'day' || mode === 'month' || mode === 'year' || mode === 'hour') && (((mode === 'day' && settings.disabledDaysOfWeek.indexOf(date.getDay()) !== -1) || settings.disabledDates.some(function (d) { + var blocked = false; + + if (typeof d === 'string') { + d = module.helper.sanitiseDate(d); + } + if (d instanceof Date) { + blocked = module.helper.dateEqual(date, d, mode); + } else if (d !== null && typeof d === 'object') { + if (d[metadata.year]) { + if (typeof d[metadata.year] === 'number') { + blocked = date.getFullYear() === d[metadata.year]; + } else if (Array.isArray(d[metadata.year])) { + blocked = d[metadata.year].indexOf(date.getFullYear()) > -1; + } + } else if (d[metadata.month]) { + if (typeof d[metadata.month] === 'number') { + blocked = date.getMonth() === d[metadata.month]; + } else if (Array.isArray(d[metadata.month])) { + blocked = d[metadata.month].indexOf(date.getMonth()) > -1; + } else if (d[metadata.month] instanceof Date) { + var sdate = module.helper.sanitiseDate(d[metadata.month]); + + blocked = (date.getMonth() === sdate.getMonth()) && (date.getFullYear() === sdate.getFullYear()); + } + } else if (d[metadata.date] && mode === 'day') { + if (d[metadata.date] instanceof Date) { + blocked = module.helper.dateEqual(date, module.helper.sanitiseDate(d[metadata.date]), mode); + } else if (Array.isArray(d[metadata.date])) { + blocked = d[metadata.date].some(function (idate) { + return module.helper.dateEqual(date, idate, mode); + }); + } + } + } + + return blocked; + })) || (mode === 'hour' && settings.disabledHours.some(function (d) { + var blocked = false; + + if (typeof d === 'string') { + d = module.helper.sanitiseDate(d); + } + if (d instanceof Date) { + blocked = module.helper.dateEqual(date, d, mode); + } else if (typeof d === 'number') { + blocked = date.getHours() === d; + } else if (d !== null && typeof d === 'object') { + if (d[metadata.date]) { + if (d[metadata.date] instanceof Date) { + blocked = module.helper.dateEqual(date, module.helper.sanitiseDate(d[metadata.date])); + } else if (Array.isArray(d[metadata.date])) { + blocked = d[metadata.date].some(function (idate) { + return module.helper.dateEqual(date, idate, mode); + }); + } + } + + if (d[metadata.days]) { + if (typeof d[metadata.days] === 'number') { + blocked = date.getDay() === d[metadata.days]; + } else if (Array.isArray(d[metadata.days])) { + blocked = d[metadata.days].indexOf(date.getDay()) > -1; + } + } + + if (d[metadata.hours]) { + if (typeof d[metadata.hours] === 'number') { + blocked = blocked && date.getHours() === d[metadata.hours]; + } else if (Array.isArray(d[metadata.hours])) { + blocked = blocked && d[metadata.hours].indexOf(date.getHours()) > -1; + } + } + } + + return blocked; + }))); + }, + isEnabled: function (date, mode) { + if (mode === 'day') { + return settings.enabledDates.length === 0 || settings.enabledDates.some(function (d) { + var enabled = false; + + if (typeof d === 'string') { + d = module.helper.sanitiseDate(d); + } + if (d instanceof Date) { + enabled = module.helper.dateEqual(date, d, mode); + } else if (d !== null && typeof d === 'object' && d[metadata.date]) { + enabled = module.helper.dateEqual(date, module.helper.sanitiseDate(d[metadata.date]), mode); + } + + return enabled; + }); + } + + return true; + }, + findDayAsObject: function (date, mode, dates) { + if (mode === 'day' || mode === 'month' || mode === 'year') { + var d; + for (var i = 0; i < dates.length; i++) { + d = dates[i]; + if (typeof d === 'string') { + d = module.helper.sanitiseDate(d); + } + if (d instanceof Date && module.helper.dateEqual(date, d, mode)) { + var dateObject = {}; + dateObject[metadata.date] = d; + + return dateObject; + } + if (d !== null && typeof d === 'object') { + if (d[metadata.year]) { + if (typeof d[metadata.year] === 'number' && date.getFullYear() === d[metadata.year]) { + return d; + } + if (Array.isArray(d[metadata.year])) { + if (d[metadata.year].indexOf(date.getFullYear()) > -1) { + return d; + } + } + } else if (d[metadata.month]) { + if (typeof d[metadata.month] === 'number' && date.getMonth() === d[metadata.month]) { + return d; + } + if (Array.isArray(d[metadata.month])) { + if (d[metadata.month].indexOf(date.getMonth()) > -1) { + return d; + } + } else if (d[metadata.month] instanceof Date) { + var sdate = module.helper.sanitiseDate(d[metadata.month]); + if ((date.getMonth() === sdate.getMonth()) && (date.getFullYear() === sdate.getFullYear())) { + return d; + } + } + } else if (d[metadata.date] && mode === 'day') { + if (d[metadata.date] instanceof Date && module.helper.dateEqual(date, module.helper.sanitiseDate(d[metadata.date]), mode)) { + return d; + } + if (Array.isArray(d[metadata.date])) { + if (d[metadata.date].some(function (idate) { + return module.helper.dateEqual(date, idate, mode); + })) { + return d; + } + } + } + } + } + } + + return null; + }, + findHourAsObject: function (date, mode, hours) { + if (mode === 'hour') { + var d; + var hourCheck = function (date, d) { + if (d[metadata.hours]) { + if (typeof d[metadata.hours] === 'number' && date.getHours() === d[metadata.hours]) { + return d; + } + if (Array.isArray(d[metadata.hours])) { + if (d[metadata.hours].indexOf(date.getHours()) > -1) { + return d; + } + } + } + }; + for (var i = 0; i < hours.length; i++) { + d = hours[i]; + if (typeof d === 'number' && date.getHours() === d) { + return null; + } + if (d !== null && typeof d === 'object') { + if (d[metadata.days] && hourCheck(date, d)) { + if (typeof d[metadata.days] === 'number' && date.getDay() === d[metadata.days]) { + return d; + } + if (Array.isArray(d[metadata.days])) { + if (d[metadata.days].indexOf(date.getDay()) > -1) { + return d; + } + } + } else if (d[metadata.date] && hourCheck(date, d)) { + if (d[metadata.date] instanceof Date && module.helper.dateEqual(date, module.helper.sanitiseDate(d[metadata.date]))) { + return d; + } + if (Array.isArray(d[metadata.date])) { + if (d[metadata.date].some(function (idate) { + return module.helper.dateEqual(date, idate, mode); + })) { + return d; + } + } + } else if (hourCheck(date, d)) { + return d; + } + } + } + } + + return null; + }, + sanitiseDate: function (date) { + if (!(date instanceof Date)) { + date = parser.date('' + date, settings); + } + if (!date || isNaN(date.getTime())) { + return null; + } + + return date; + }, + dateDiff: function (date1, date2, mode) { + if (!mode) { + mode = 'day'; + } + + var isTimeOnly = settings.type === 'time'; + var isYear = mode === 'year'; + var isYearOrMonth = isYear || mode === 'month'; + var isMinute = mode === 'minute'; + var isHourOrMinute = isMinute || mode === 'hour'; + // only care about a minute accuracy of settings.minTimeGap + date1 = new Date( + isTimeOnly ? 2000 : date1.getFullYear(), + isTimeOnly ? 0 : (isYear ? 0 : date1.getMonth()), + isTimeOnly ? 1 : (isYearOrMonth ? 1 : date1.getDate()), + !isHourOrMinute ? 0 : date1.getHours(), + !isMinute ? 0 : settings.minTimeGap * Math.floor(date1.getMinutes() / settings.minTimeGap) + ); + date2 = new Date( + isTimeOnly ? 2000 : date2.getFullYear(), + isTimeOnly ? 0 : (isYear ? 0 : date2.getMonth()), + isTimeOnly ? 1 : (isYearOrMonth ? 1 : date2.getDate()), + !isHourOrMinute ? 0 : date2.getHours(), + !isMinute ? 0 : settings.minTimeGap * Math.floor(date2.getMinutes() / settings.minTimeGap) + ); + + return date2.getTime() - date1.getTime(); + }, + dateEqual: function (date1, date2, mode) { + return !!date1 && !!date2 && module.helper.dateDiff(date1, date2, mode) === 0; + }, + isDateInRange: function (date, mode, minDate, maxDate) { + if (!minDate && !maxDate) { + var startDate = module.get.startDate(); + minDate = startDate && settings.minDate ? new Date(Math.max(startDate, settings.minDate)) : startDate || settings.minDate; + maxDate = settings.maxDate; + } + minDate = minDate && new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate(), minDate.getHours(), settings.minTimeGap * Math.ceil(minDate.getMinutes() / settings.minTimeGap)); + + return !(!date + || (minDate && module.helper.dateDiff(date, minDate, mode) > 0) + || (maxDate && module.helper.dateDiff(maxDate, date, mode) > 0)); + }, + dateInRange: function (date, minDate, maxDate) { + if (!minDate && !maxDate) { + var startDate = module.get.startDate(); + minDate = startDate && settings.minDate ? new Date(Math.max(startDate, settings.minDate)) : startDate || settings.minDate; + maxDate = settings.maxDate; + } + minDate = minDate && new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate(), minDate.getHours(), settings.minTimeGap * Math.ceil(minDate.getMinutes() / settings.minTimeGap)); + var isTimeOnly = settings.type === 'time'; + + return !date + ? date + : (minDate && module.helper.dateDiff(date, minDate, 'minute') > 0 + ? (isTimeOnly ? module.helper.mergeDateTime(date, minDate) : minDate) // eslint-disable-line unicorn/no-nested-ternary + : (maxDate && module.helper.dateDiff(maxDate, date, 'minute') > 0 // eslint-disable-line unicorn/no-nested-ternary + ? (isTimeOnly ? module.helper.mergeDateTime(date, maxDate) : maxDate) + : date)); + }, + mergeDateTime: function (date, time) { + return !date || !time + ? time + : new Date(date.getFullYear(), date.getMonth(), date.getDate(), time.getHours(), time.getMinutes()); + }, + isTodayButton: function (element) { + return element.text() === settings.text.today; + }, + }, + + setting: function (name, value) { + module.debug('Changing setting', name, value); + if ($.isPlainObject(name)) { + $.extend(true, settings, name); + } else if (value !== undefined) { + if ($.isPlainObject(settings[name])) { + $.extend(true, settings[name], value); + } else { + settings[name] = value; + } + } else { + return settings[name]; + } + }, + internal: function (name, value) { + if ($.isPlainObject(name)) { + $.extend(true, module, name); + } else if (value !== undefined) { + module[name] = value; + } else { + return module[name]; + } + }, + debug: function () { + if (!settings.silent && settings.debug) { + if (settings.performance) { + module.performance.log(arguments); + } else { + module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); + module.debug.apply(console, arguments); + } + } + }, + verbose: function () { + if (!settings.silent && settings.verbose && settings.debug) { + if (settings.performance) { + module.performance.log(arguments); + } else { + module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); + module.verbose.apply(console, arguments); + } + } + }, + error: function () { + if (!settings.silent) { + module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); + module.error.apply(console, arguments); + } + }, + performance: { + log: function (message) { + var + currentTime, + executionTime, + previousTime + ; + if (settings.performance) { + currentTime = Date.now(); + previousTime = time || currentTime; + executionTime = currentTime - previousTime; + time = currentTime; + performance.push({ + Name: message[0], + Arguments: [].slice.call(message, 1) || '', + Element: element, + 'Execution Time': executionTime, + }); + } + clearTimeout(module.performance.timer); + module.performance.timer = setTimeout(function () { module.performance.display(); }, 500); + }, + display: function () { + var + title = settings.name + ':', + totalTime = 0 + ; + time = false; + clearTimeout(module.performance.timer); + $.each(performance, function (index, data) { + totalTime += data['Execution Time']; + }); + title += ' ' + totalTime + 'ms'; + if (performance.length > 0) { + console.groupCollapsed(title); + if (console.table) { + console.table(performance); + } else { + $.each(performance, function (index, data) { + console.log(data.Name + ': ' + data['Execution Time'] + 'ms'); + }); + } + console.groupEnd(); + } + performance = []; + }, + }, + invoke: function (query, passedArguments, context) { + var + object = instance, + maxDepth, + found, + response + ; + passedArguments = passedArguments || queryArguments; + context = context || element; + if (typeof query === 'string' && object !== undefined) { + query = query.split(/[ .]/); + maxDepth = query.length - 1; + $.each(query, function (depth, value) { + var camelCaseValue = depth !== maxDepth + ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) + : query + ; + if ($.isPlainObject(object[camelCaseValue]) && (depth !== maxDepth)) { + object = object[camelCaseValue]; + } else if (object[camelCaseValue] !== undefined) { + found = object[camelCaseValue]; + + return false; + } else if ($.isPlainObject(object[value]) && (depth !== maxDepth)) { + object = object[value]; + } else if (object[value] !== undefined) { + found = object[value]; + + return false; + } else { + module.error(error.method, query); + + return false; + } + }); + } + if (isFunction(found)) { + response = found.apply(context, passedArguments); + } else if (found !== undefined) { + response = found; + } + if (Array.isArray(returnedValue)) { + returnedValue.push(response); + } else if (returnedValue !== undefined) { + returnedValue = [returnedValue, response]; + } else if (response !== undefined) { + returnedValue = response; + } + + return found; + }, + }; + + if (methodInvoked) { + if (instance === undefined) { + module.initialize(); + } + module.invoke(query); + } else { + if (instance !== undefined) { + instance.invoke('destroy'); + } + module.initialize(); + } + }); + + return returnedValue !== undefined + ? returnedValue + : this; + }; + + $.fn.calendar.settings = { + + name: 'Calendar', + namespace: 'calendar', + + silent: false, + debug: false, + verbose: false, + performance: true, + + context: false, + + type: 'datetime', // picker type, can be 'datetime', 'date', 'time', 'month', or 'year' + firstDayOfWeek: 0, // day for first day column (0 = Sunday) + constantHeight: true, // add rows to shorter months to keep day calendar height consistent (6 rows) + today: false, // show a 'today/now' button at the bottom of the calendar + closable: true, // close the popup after selecting a date/time + monthFirst: true, // month before day when parsing date from text + touchReadonly: true, // set input to readonly on touch devices + inline: false, // create the calendar inline instead of inside a popup + on: null, // when to show the popup (defaults to 'focus' for input, 'click' for others) + initialDate: null, // date to display initially when no date is selected (null = now) + startMode: false, // display mode to start in, can be 'year', 'month', 'day', 'hour', 'minute' (false = 'day') + minDate: null, // minimum date/time that can be selected, dates/times before are disabled + maxDate: null, // maximum date/time that can be selected, dates/times after are disabled + disableYear: false, // disable year selection mode + disableMonth: false, // disable month selection mode + disableMinute: false, // disable minute selection mode + formatInput: true, // format the input text upon input blur and module creation + startCalendar: null, // jquery object or selector for another calendar that represents the start date of a date range + endCalendar: null, // jquery object or selector for another calendar that represents the end date of a date range + multiMonth: 1, // show multiple months when in 'day' mode + monthOffset: 0, // position current month by offset when multimonth > 1 + minTimeGap: 5, + showWeekNumbers: false, // show Number of Week at the very first column of a dayView + disabledHours: [], // specific hour(s) which won't be selectable and contain additional information. + disabledDates: [], // specific day(s) which won't be selectable and contain additional information. + disabledDaysOfWeek: [], // day(s) which won't be selectable(s) (0 = Sunday) + enabledDates: [], // specific day(s) which will be selectable, all other days will be disabled + eventDates: [], // specific day(s) which will be shown in a different color and using tooltips + centuryBreak: 60, // starting short year until 99 where it will be assumed to belong to the last century + currentCentury: 2000, // century to be added to 2-digit years (00 to {centuryBreak}-1) + selectAdjacentDays: false, // The calendar can show dates from adjacent month. These adjacent month dates can also be made selectable. + // popup options ('popup', 'on', 'hoverable', and show/hide callbacks are overridden) + popupOptions: { + position: 'bottom left', + lastResort: 'bottom left', + prefer: 'opposite', + observeChanges: false, + hideOnScroll: false, + }, + + text: { + days: ['S', 'M', 'T', 'W', 'T', 'F', 'S'], + dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], + dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], + months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], + monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], + today: 'Today', + now: 'Now', + am: 'AM', + pm: 'PM', + weekNo: 'Week', + }, + + formatter: { + yearHeader: function (date, settings) { + var decadeYear = Math.ceil(date.getFullYear() / 10) * 10; + + return (decadeYear - 9) + ' - ' + (decadeYear + 2); + }, + monthHeader: 'YYYY', + dayHeader: 'MMMM YYYY', + hourHeader: 'MMMM D, YYYY', + minuteHeader: 'MMMM D, YYYY', + dayColumnHeader: function (day, settings) { + return settings.text.days[day]; + }, + datetime: 'MMMM D, YYYY h:mm A', + date: 'MMMM D, YYYY', + time: 'h:mm A', + cellTime: 'h:mm A', + month: 'MMMM YYYY', + year: 'YYYY', + today: function (settings) { + return settings.type === 'date' ? settings.text.today : settings.text.now; + }, + cell: function (cell, date, cellOptions) {}, + }, + + parser: { + date: function (text, settings) { + if (text instanceof Date) { + return text; + } + if (!text) { + return null; + } + text = String(text).trim().replace(/([./:-])\s+/g, '$1').replace(/\s+([./:-])/g, '$1') + .replace(/\s+/g, ' '); + if (text.length === 0) { + return null; + } + if (/^\d{4}(?:[./-]\d{1,2}){2}$/.test(text)) { + text = text.replace(/[./-]/g, '/') + ' 00:00:00'; + } + // Reverse date and month in some cases + text = settings.monthFirst || !/^\d{1,2}[./-]/.test(text) ? text : text.replace(/[./-]/g, '/').replace(/(\d+)\/(\d+)/, '$2/$1'); + var textDate = new Date(text); + var numberOnly = text.match(/^\d+$/) !== null; + if (!numberOnly && !isNaN(textDate.getDate())) { + return textDate; + } + text = text.toLowerCase(); + + var + i, + j, + k + ; + var + minute = -1, + hour = -1, + day = -1, + month = -1, + year = -1 + ; + var isAm; + + var isTimeOnly = settings.type === 'time'; + var isDateOnly = settings.type.indexOf('time') < 0; + + var + words = text.split(settings.regExp.dateWords), + word + ; + var + numbers = text.split(settings.regExp.dateNumbers), + number + ; + + var parts; + var monthString; + + if (!isDateOnly) { + // am/pm + isAm = $.inArray(settings.text.am.toLowerCase(), words) >= 0 + ? true + : ($.inArray(settings.text.pm.toLowerCase(), words) >= 0 ? false : undefined); + + // time with ':' + for (i = 0; i < numbers.length; i++) { + number = numbers[i]; + if (number.indexOf(':') >= 0) { + if (hour < 0 || minute < 0) { + parts = number.split(':'); + for (k = 0; k < Math.min(2, parts.length); k++) { + j = parseInt(parts[k], 10); + if (isNaN(j)) { + j = 0; + } + if (k === 0) { + hour = j % 24; + } else { + minute = j % 60; + } + } + } + numbers.splice(i, 1); + } + } + } + + if (!isTimeOnly) { + // textual month + for (i = 0; i < words.length; i++) { + word = words[i]; + if (word.length <= 0) { + continue; + } + for (j = 0; j < settings.text.months.length; j++) { + monthString = settings.text.months[j]; + monthString = monthString.slice(0, word.length).toLowerCase(); + if (monthString === word) { + month = j + 1; + + break; + } + } + if (month >= 0) { + break; + } + } + + // year > settings.centuryBreak + for (i = 0; i < numbers.length; i++) { + j = parseInt(numbers[i], 10); + if (isNaN(j)) { + continue; + } + if (j >= settings.centuryBreak && i === numbers.length - 1) { + if (j <= 99) { + j += settings.currentCentury - 100; + } + year = j; + numbers.splice(i, 1); + + break; + } + } + + // numeric month + if (month < 0) { + for (i = 0; i < numbers.length; i++) { + k = i > 1 || settings.monthFirst + ? i + : (i === 1 ? 0 : 1); + j = parseInt(numbers[k], 10); + if (isNaN(j)) { + continue; + } + if (j >= 1 && j <= 12) { + month = j; + numbers.splice(k, 1); + + break; + } + } + } + + // day + for (i = 0; i < numbers.length; i++) { + j = parseInt(numbers[i], 10); + if (isNaN(j)) { + continue; + } + if (j >= 1 && j <= 31) { + day = j; + numbers.splice(i, 1); + + break; + } + } + + // year <= settings.centuryBreak + if (year < 0) { + for (i = numbers.length - 1; i >= 0; i--) { + j = parseInt(numbers[i], 10); + if (isNaN(j)) { + continue; + } + if (j <= 99) { + j += settings.currentCentury; + } + year = j; + numbers.splice(i, 1); + + break; + } + } + } + + if (!isDateOnly) { + // hour + if (hour < 0) { + for (i = 0; i < numbers.length; i++) { + j = parseInt(numbers[i], 10); + if (isNaN(j)) { + continue; + } + if (j >= 0 && j <= 23) { + hour = j; + numbers.splice(i, 1); + + break; + } + } + } + + // minute + if (minute < 0) { + for (i = 0; i < numbers.length; i++) { + j = parseInt(numbers[i], 10); + if (isNaN(j)) { + continue; + } + if (j >= 0 && j <= 59) { + minute = j; + numbers.splice(i, 1); + + break; + } + } + } + } + + if (minute < 0 && hour < 0 && day < 0 && month < 0 && year < 0) { + return null; + } + + if (minute < 0) { + minute = 0; + } + if (hour < 0) { + hour = 0; + } + if (day < 0) { + day = 1; + } + if (month < 0) { + month = 1; + } + if (year < 0) { + year = new Date().getFullYear(); + } + + if (isAm !== undefined) { + if (isAm) { + if (hour === 12) { + hour = 0; + } + } else if (hour < 12) { + hour += 12; + } + } + + var date = new Date(year, month - 1, day, hour, minute); + if (date.getMonth() !== month - 1 || date.getFullYear() !== year) { + // month or year don't match up, switch to last day of the month + date = new Date(year, month, 0, hour, minute); + } + + return isNaN(date.getTime()) ? null : date; + }, + }, + + // callback before date is changed, return false to cancel the change + onBeforeChange: function (date, text, mode) { + return true; + }, + + // callback when date changes + onChange: function (date, text, mode) {}, + + // callback before show animation, return false to prevent show + onShow: function () {}, + + // callback after show animation + onVisible: function () {}, + + // callback before hide animation, return false to prevent hide + onHide: function () {}, + + // callback after hide animation + onHidden: function () {}, + + // callback before item is selected, return false to prevent selection + onSelect: function (date, mode) {}, + + // is the given date disabled? + isDisabled: function (date, mode) { + return false; + }, + + selector: { + popup: '.ui.popup', + input: 'input', + activator: 'input', + append: '.inline.field,.inline.fields', + }, + + regExp: { + dateWords: /[^A-Za-z\u00C0-\u024F]+/g, + dateNumbers: /[^\d:]+/g, + token: /d{1,4}|D{1,2}|M{1,4}|YY(?:YY)?|([Hhmsw])\1?|[ASYa]|"[^"]*"|'[^']*'/g, + }, + + error: { + popup: 'UI Popup, a required component is not included in this page', + method: 'The method you called is not defined.', + }, + + className: { + calendar: 'calendar', + active: 'active', + popup: 'ui popup', + grid: 'ui equal width grid', + column: 'column', + table: 'ui celled center aligned unstackable table', + inverted: 'inverted', + prev: 'prev link', + next: 'next link', + prevIcon: 'chevron left icon', + nextIcon: 'chevron right icon', + link: 'link', + cell: 'link', + disabledCell: 'disabled', + weekCell: 'disabled', + adjacentCell: 'adjacent', + activeCell: 'active', + rangeCell: 'range', + focusCell: 'focus', + todayCell: 'today', + today: 'today link', + disabled: 'disabled', + }, + + metadata: { + date: 'date', + focusDate: 'focusDate', + startDate: 'startDate', + endDate: 'endDate', + minDate: 'minDate', + maxDate: 'maxDate', + mode: 'mode', + type: 'type', + monthOffset: 'monthOffset', + message: 'message', + class: 'class', + inverted: 'inverted', + variation: 'variation', + position: 'position', + month: 'month', + year: 'year', + hours: 'hours', + days: 'days', + }, + + eventClass: 'blue', + }; +})(jQuery, window, document); diff --git a/dist/library/fomantic/components/calendar.min.css b/dist/library/fomantic/components/calendar.min.css new file mode 100644 index 0000000..5091c47 --- /dev/null +++ b/dist/library/fomantic/components/calendar.min.css @@ -0,0 +1,9 @@ +/*! + * # Fomantic-UI 2.9.3 - Calendar + * https://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */.ui.calendar.popup{max-width:none;padding:0;border:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ui.calendar.popup.inverted::before{background:#2b2b2b}.ui.calendar .calendar:focus,.ui.calendar.popup:focus{outline:0}.ui.calendar.popup .ui.grid{display:block;white-space:nowrap}.ui.calendar.popup .ui.grid>.column{width:auto}.ui.calendar .ui.table.minute,.ui.calendar .ui.table.month,.ui.calendar .ui.table.year{min-width:15em}.ui.calendar .ui.table.day{min-width:18em}.ui.calendar .ui.table.day.andweek{min-width:22em}.ui.calendar .ui.table.hour{min-width:20em}.ui.calendar .ui.table tr td,.ui.calendar .ui.table tr th{padding:.5em;white-space:nowrap}.ui.calendar .ui.table tr th{border-left:none}.ui.calendar .ui.table tr th i.icon{margin:0}.ui.calendar .ui.table tr:first-child th{position:relative;padding-left:0;padding-right:0}.ui.calendar .ui.table.day tr:first-child th{border:none}.ui.calendar .ui.table.day tr:nth-child(2) th{padding-top:.2em;padding-bottom:.3em}.ui.calendar .ui.table tr td{padding-left:.1em;padding-right:.1em}.ui.calendar .ui.table tr .link{cursor:pointer}.ui.calendar .ui.table tr .prev.link{width:14.28571429%;position:absolute;left:0}.ui.calendar .ui.table tr .next.link{width:14.28571429%;position:absolute;right:0}.ui.ui.calendar .ui.table tr .disabled{pointer-events:auto;cursor:default;color:rgba(40,40,40,.3)}.ui.calendar .ui.table tr .adjacent:not(.disabled):not(.active){color:rgba(0,0,0,.6);background:rgba(0,0,0,.03)}.ui.calendar .ui.table tr td.today{font-weight:700}.ui.calendar .ui.table tr td.range{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);box-shadow:none}.ui.calendar:not(.disabled).popup.active .ui.table tbody tr td.focus,.ui.calendar:not(.disabled):focus .ui.table tbody tr td.focus{box-shadow:inset 0 0 0 1px #85b7d9}.ui.inverted.calendar .ui.table.inverted tr td.range{background:rgba(255,255,255,.08);color:#fff;box-shadow:none}.ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus,.ui.inverted.calendar:not(.disabled).popup.active .ui.table.inverted tbody tr td.focus{box-shadow:inset 0 0 0 1px #85b7d9}.ui.inverted.calendar .ui.ui.ui.inverted.table tr .disabled{color:rgba(225,225,225,.3)}.ui.inverted.calendar .ui.inverted.table tr .adjacent:not(.disabled):not(.active){color:rgba(255,255,255,.8);background:rgba(255,255,255,.02)}.ui.ui.ui.calendar.popup>.ui.ui.grid{margin:-1rem}.ui.ui.ui.calendar.popup>.ui.ui.grid>.column:not(:first-child){padding-left:0}.ui.ui.ui.calendar.popup>.ui.ui.grid>.column:not(:first-child)>.ui.table{border-top-left-radius:0;border-bottom-left-radius:0}.ui.ui.ui.calendar.popup>.ui.ui.grid>.column:not(:last-child){padding-right:0}.ui.ui.ui.calendar.popup>.ui.ui.grid>.column:not(:last-child)>.ui.table{border-top-right-radius:0;border-bottom-right-radius:0}.ui.mini.calendar,.ui.mini.calendar .ui.table tr td,.ui.mini.calendar .ui.table tr th{font-size:.78571429rem}.ui.mini.calendar .ui.table.minute,.ui.mini.calendar .ui.table.month,.ui.mini.calendar .ui.table.year{min-width:11.78571429em}.ui.mini.calendar .ui.table.day{min-width:14.14285714em}.ui.mini.calendar .ui.table.day.andweek{min-width:17.28571429em}.ui.mini.calendar .ui.table.hour{min-width:15.71428571em}.ui.tiny.calendar,.ui.tiny.calendar .ui.table tr td,.ui.tiny.calendar .ui.table tr th{font-size:.85714286rem}.ui.tiny.calendar .ui.table.minute,.ui.tiny.calendar .ui.table.month,.ui.tiny.calendar .ui.table.year{min-width:12.85714286em}.ui.tiny.calendar .ui.table.day{min-width:15.42857143em}.ui.tiny.calendar .ui.table.day.andweek{min-width:18.85714286em}.ui.tiny.calendar .ui.table.hour{min-width:17.14285714em}.ui.small.calendar,.ui.small.calendar .ui.table tr td,.ui.small.calendar .ui.table tr th{font-size:.92857143rem}.ui.small.calendar .ui.table.minute,.ui.small.calendar .ui.table.month,.ui.small.calendar .ui.table.year{min-width:13.92857143em}.ui.small.calendar .ui.table.day{min-width:16.71428571em}.ui.small.calendar .ui.table.day.andweek{min-width:20.42857143em}.ui.small.calendar .ui.table.hour{min-width:18.57142857em}.ui.large.calendar,.ui.large.calendar .ui.table tr td,.ui.large.calendar .ui.table tr th{font-size:1.14285714rem}.ui.large.calendar .ui.table.minute,.ui.large.calendar .ui.table.month,.ui.large.calendar .ui.table.year{min-width:17.14285714em}.ui.large.calendar .ui.table.day{min-width:20.57142857em}.ui.large.calendar .ui.table.day.andweek{min-width:25.14285714em}.ui.large.calendar .ui.table.hour{min-width:22.85714286em}.ui.big.calendar,.ui.big.calendar .ui.table tr td,.ui.big.calendar .ui.table tr th{font-size:1.28571429rem}.ui.big.calendar .ui.table.minute,.ui.big.calendar .ui.table.month,.ui.big.calendar .ui.table.year{min-width:19.28571429em}.ui.big.calendar .ui.table.day{min-width:23.14285714em}.ui.big.calendar .ui.table.day.andweek{min-width:28.28571429em}.ui.big.calendar .ui.table.hour{min-width:25.71428571em}.ui.huge.calendar,.ui.huge.calendar .ui.table tr td,.ui.huge.calendar .ui.table tr th{font-size:1.42857143rem}.ui.huge.calendar .ui.table.minute,.ui.huge.calendar .ui.table.month,.ui.huge.calendar .ui.table.year{min-width:21.42857143em}.ui.huge.calendar .ui.table.day{min-width:25.71428571em}.ui.huge.calendar .ui.table.day.andweek{min-width:31.42857143em}.ui.huge.calendar .ui.table.hour{min-width:28.57142857em}.ui.massive.calendar,.ui.massive.calendar .ui.table tr td,.ui.massive.calendar .ui.table tr th{font-size:1.71428571rem}.ui.massive.calendar .ui.table.minute,.ui.massive.calendar .ui.table.month,.ui.massive.calendar .ui.table.year{min-width:25.71428571em}.ui.massive.calendar .ui.table.day{min-width:30.85714286em}.ui.massive.calendar .ui.table.day.andweek{min-width:37.71428571em}.ui.massive.calendar .ui.table.hour{min-width:34.28571429em}.ui.disabled.calendar{opacity:.45}.ui.disabled.calendar .ui.table tr .link,.ui.disabled.calendar>.input{pointer-events:none} \ No newline at end of file diff --git a/dist/library/fomantic/components/calendar.min.js b/dist/library/fomantic/components/calendar.min.js new file mode 100644 index 0000000..e88d314 --- /dev/null +++ b/dist/library/fomantic/components/calendar.min.js @@ -0,0 +1,11 @@ +/* + * # Fomantic UI - 2.9.3 + * https://github.com/fomantic/Fomantic-UI + * https://fomantic-ui.com/ + * + * Copyright 2023 Contributors + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */ +!function(oe,x,T){"use strict";x=void 0!==x&&x.Math===Math?x:globalThis,oe.fn.calendar=function(m){var g,e=oe(this),y=oe(T),D=Date.now(),v=[],b=m,M="string"==typeof b,C=[].slice.call(arguments,1),w={5:{row:4,column:3},10:{row:3,column:2},15:{row:2,column:2},20:{row:3,column:1},30:{row:2,column:1}},re=["","one","two","three","four","five","six","seven","eight"];return e.each(function(){var p,e,z=oe.isPlainObject(m)?oe.extend(!0,{},oe.fn.calendar.settings,m):oe.extend({},oe.fn.calendar.settings),_=z.className,a=z.namespace,n=z.selector,Q=z.formatter,Z=z.parser,X=z.metadata,ee=w[z.minTimeGap],l=z.error,t="."+a,r="module-"+a,o=oe(this),i=o.find(n.input),s=o.find(n.activator),d=this,u=o.data(r),te=u&&u.popupId?y.find("#"+u.popupId):o.find(n.popup),c=!1,ae=o.hasClass(_.inverted),f=!1,h=!1,ne={initialize:function(){ne.debug("Initializing calendar for",d,o),p=ne.get.isTouch(),ne.setup.config(),ne.setup.popup(),ne.setup.inline(),ne.setup.input(),ne.setup.date(),ne.create.calendar(),ne.bind.events(),ne.observeChanges(),ne.instantiate()},instantiate:function(){ne.verbose("Storing instance of calendar"),u=ne,o.data(r,u)},destroy:function(){ne.verbose("Destroying previous calendar for",d),o.removeData(r),ne.unbind.events(),ne.disconnect.classObserver()},setup:{config:function(){null!==ne.get.minDate()&&ne.set.minDate(o.data(X.minDate)),null!==ne.get.maxDate()&&ne.set.maxDate(o.data(X.maxDate)),ne.setting("type",ne.get.type()),ne.setting("on",z.on||"click")},popup:function(){var e,t;z.inline||0===s.length&&0===(s=o.children().first()).length||(void 0===oe.fn.popup?ne.error(l.popup):((te=0===te.length?z.context?(ne.popupId=a+"_popup_"+(Math.random().toString(16)+"000000000").slice(2,10),oe("
",{id:ne.popupId}).addClass(_.popup).appendTo(y.find(z.context))):(e=0<(t=s.parent()).closest(n.append).length?"appendTo":"prependTo",oe("
").addClass(_.popup)[e](t)):te).addClass(_.calendar),ae&&te.addClass(_.inverted),e=function(){return ne.refreshTooltips(),z.onVisible.apply(te,arguments)},0===i.length&&(te.attr("tabindex","0"),e=function(){return ne.refreshTooltips(),ne.focus(),z.onVisible.apply(te,arguments)}),t=ne.setting("on"),t=oe.extend({},z.popupOptions,{popup:te,movePopup:!z.context,on:t,hoverable:"hover"===t,closable:"click"===t,onShow:function(){return ne.set.focusDate(ne.get.date()),ne.set.mode(ne.get.validatedMode(z.startMode)),z.onShow.apply(te,arguments)},onVisible:e,onHide:z.onHide,onHidden:function(){return ne.blur(),z.onHidden.apply(te,arguments)}}),ne.popup(t)))},inline:function(){0").addClass(_.calendar).appendTo(o),0===i.length&&te.attr("tabindex","0"))},input:function(){z.touchReadonly&&0").addClass(_.grid).appendTo(D)),t=0;t").addClass(_.column).appendTo(j));var D,v=G+t,B=(new Date(h,v,1).getDay()-z.firstDayOfWeek%7+7)%7,b=(!z.constantHeight&&l&&(b=new Date(h,v+1,0).getDate()+B,P=Math.ceil(b/7)),i?10:s?1:0),M=l?1:0,C=d||u?1:0,w=d||u?f:1,x=new Date(h-b,v-M,w-C,c),M=new Date(h+b,v+M,w+C,c),w=i?new Date(10*Math.ceil(h/10)-9,0,0):s?new Date(h,0,0):l?new Date(h,v,0):new Date(h,v,f,-1),C=i?new Date(10*Math.ceil(h/10)+1,0,1):s?new Date(h+1,0,1):l?new Date(h,v+1,1):new Date(h,v,f+1),T=a,T=(l&&z.showWeekNumbers&&(T+=" andweek"),oe("").addClass(_.table).addClass(T).addClass(re[m]+" column").appendTo(D)),K=(ae&&T.addClass(_.inverted),m);if(!W){var U=oe("").appendTo(T),Y=oe("").appendTo(U),k=oe("").appendTo(U),z.showWeekNumbers&&((k=oe("").appendTo(T),N=i?10*Math.ceil(h/10)-9:l?1-B:0,L=0;L").appendTo(J),l&&z.showWeekNumbers&&((k=oe("").appendTo(J),(w=oe("
").attr("colspan",""+m).appendTo(Y),O=i||s?new Date(h,0,1):l?new Date(h,v,1):new Date(h,v,f,c,p),A=oe("").addClass(_.link).appendTo(k),O=(A.text(ne.helper.dateFormat(Q[a+"Header"],O)),s?z.disableYear?"day":"year":l?z.disableMonth?"year":"month":"day");if(A.data(X.mode,O),0===t&&((A=oe("").addClass(_.prev).appendTo(k)).data(X.focusDate,x),A.toggleClass(_.disabledCell,!ne.helper.isDateInRange(w,a)),oe("").addClass(_.prevIcon).appendTo(A)),t===g-1&&((O=oe("").addClass(_.next).appendTo(k)).data(X.focusDate,M),O.toggleClass(_.disabledCell,!ne.helper.isDateInRange(C,a)),oe("").addClass(_.nextIcon).appendTo(O)),l)for(Y=oe("
").appendTo(Y)).text(z.text.weekNo),k.addClass(_.weekCell),K--),N=0;N").appendTo(Y)).text(Q.dayColumnHeader((N+z.firstDayOfWeek)%7,z))}for(var J=oe("
").appendTo(Y)).text(ne.get.weekOfYear(h,v,N+1-z.firstDayOfWeek)),k.addClass(_.weekCell)),e=0;e").addClass(_.cell).appendTo(Y)).text(E),k.data(X.date,H),l&&H.getMonth()!==(v+12)%12),I=!z.selectAdjacentDays&&E||!ne.helper.isDateInRange(H,a)||z.isDisabled(H,a)||ne.helper.isDisabled(H,a)||!ne.helper.isEnabled(H,a),S=(I?(null!==(S=ne.helper.findDayAsObject(H,a,z.disabledDates))&&S[X.message]&&(k.attr("data-tooltip",S[X.message]),k.attr("data-position",S[X.position]||y),(S[X.inverted]||ae&&void 0===S[X.inverted])&&k.attr("data-inverted",""),S[X.variation]&&k.attr("data-variation",S[X.variation])),"hour"===a&&null!==(S=ne.helper.findHourAsObject(H,a,z.disabledHours))&&S[X.message]&&(k.attr("data-tooltip",S[X.message]),k.attr("data-position",S[X.position]||y),(S[X.inverted]||ae&&void 0===S[X.inverted])&&k.attr("data-inverted",""),S[X.variation]&&k.attr("data-variation",S[X.variation]))):null!==(F=ne.helper.findDayAsObject(H,a,z.eventDates))&&(k.addClass(F[X.class]||z.eventClass),F[X.message]&&(k.attr("data-tooltip",F[X.message]),k.attr("data-position",F[X.position]||y),(F[X.inverted]||ae&&void 0===F[X.inverted])&&k.attr("data-inverted",""),F[X.variation]&&k.attr("data-variation",F[X.variation]))),ne.helper.dateEqual(H,q,a)),$=ne.helper.dateEqual(H,n,a),E=(k.toggleClass(_.adjacentCell,E&&!F),k.toggleClass(_.disabledCell,I),k.toggleClass(_.activeCell,S&&!(E&&I)),d||u||k.toggleClass(_.todayCell,!E&&$),{mode:a,adjacent:E,disabled:I,active:S,today:$});Q.cell(k,H,E),ne.helper.dateEqual(H,r,a)&&ne.set.focusDate(H,!1,!1)}z.today&&(x=oe("
").attr("colspan",""+m).addClass(_.today).appendTo(x)).text(Q.today(z)),w.data(X.date,n)),ne.update.focus(!1,T),z.inline&&ne.refreshTooltips()}}},update:{focus:function(e,t){t=t||te;var i=ne.get.mode(),a=ne.get.date(),s=ne.get.focusDate(),l=ne.get.startDate(),d=ne.get.endDate(),u=(e?s:null)||a||(p?null:s);t.find("td").each(function(){var e,t,a,n,r=oe(this),o=r.data(X.date);o&&(e=r.hasClass(_.disabledCell),t=r.hasClass(_.activeCell),a=r.hasClass(_.adjacentCell),n=ne.helper.dateEqual(o,s,i),o=!!u&&(!!l&&ne.helper.isDateInRange(o,i,l,u)||!!d&&ne.helper.isDateInRange(o,i,u,d)),r.toggleClass(_.focusCell,n&&(!p||c)&&(!a||z.selectAdjacentDays&&a)&&!e),ne.helper.isTodayButton(r)||r.toggleClass(_.rangeCell,o&&!t&&!e))})}},refresh:function(){ne.create.calendar()},refreshTooltips:function(){var n=oe(x).width();te.find("td[data-position]").each(function(){var e=oe(this),t=x.getComputedStyle(e[0],"::after").width.replace(/[^\d.]/g,""),a=e.attr("data-position"),t=n-e.width()-(parseInt(t,10)||250)>e.offset().left?"right":"left";-1===a.indexOf(t)&&e.attr("data-position",a.replace(/(left|right)/,t))})},bind:{events:function(){ne.debug("Binding events"),te.on("mousedown"+t,ne.event.mousedown),te.on("touchstart"+t,ne.event.mousedown),te.on("mouseup"+t,ne.event.mouseup),te.on("touchend"+t,ne.event.mouseup),te.on("mouseover"+t,ne.event.mouseover),0=e?ne.verbose("Unable to set maxDate variable lower that minDate variable",e,z.minDate):(ne.setting("maxDate",e),ne.set.dataKeyValue(X.maxDate,e))},monthOffset:function(e,t){var a=Math.max(z.multiMonth,1);e=Math.max(1-a,Math.min(0,e)),ne.set.dataKeyValue(X.monthOffset,e,t)},mode:function(e,t){ne.set.dataKeyValue(X.mode,e,t)},dataKeyValue:function(e,t,a){var n=o.data(e),n=n===t||n<=t&&t<=n;return t?o.data(e,t):o.removeData(e),(a=!1!==a&&!n)&&ne.refresh(),!n}},selectDate:function(e,t){ne.verbose("New date selection",e);var a=ne.get.mode();t||"minute"===a||z.disableMinute&&"hour"===a||"date"===z.type&&"day"===a||"month"===z.type&&"month"===a||"year"===z.type&&"year"===a?!1!==ne.set.date(e)&&(h=!0,z.closable&&(ne.popup("hide"),(t=ne.get.calendarModule(z.endCalendar))&&(t.refresh(),"focus"!==t.setting("on")&&t.popup("show"),t.focus()))):(t="year"===a?z.disableMonth?"day":"month":"month"===a?"day":"day"===a?"hour":"minute",ne.set.mode(t),"hour"===a||"day"===a&&ne.get.date()?ne.set.date(e,!0,!1):ne.set.focusDate(e))},changeDate:function(e){ne.set.date(e)},clear:function(){ne.set.date()},popup:function(){return s.popup.apply(s,arguments)},focus:function(){(0=t.centuryBreak&&a===y.length-1){n<=99&&(n+=t.currentCentury-100),h=n,y.splice(a,1);break}if(f<0)for(a=0;a .card, +.ui.card { + max-width: 100%; + position: relative; + display: flex; + flex-direction: column; + width: 290px; + min-height: 0; + background: #fff; + padding: 0; + border: none; + border-radius: 0.28571429rem; + box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; + transition: box-shadow 0.1s ease, transform 0.1s ease; + z-index: ""; + word-wrap: break-word; +} +.ui.card { + margin: 1em 0; +} +.ui.cards > .card a, +.ui.card a { + cursor: pointer; +} +.ui.card:first-child { + margin-top: 0; +} +.ui.card:last-child { + margin-bottom: 0; +} + +/* -------------- + Cards +--------------- */ +.ui.cards { + display: flex; + margin: -0.875em -0.5em; + flex-wrap: wrap; +} +.ui.cards > .card { + display: flex; + margin: 0.875em 0.5em; + float: none; +} + +/* Clearing */ +.ui.cards::after, +.ui.card::after { + display: block; + content: " "; + height: 0; + clear: both; + overflow: hidden; + visibility: hidden; +} + +/* Consecutive Card Groups Preserve Row Spacing */ +.ui.cards ~ .ui.cards { + margin-top: 0.875em; +} + +/* -------------- + Rounded Edges +--------------- */ +.ui.cards > .card > :first-child, +.ui.card > :first-child { + border-radius: 0.28571429rem 0.28571429rem 0 0 !important; + border-top: none !important; +} +.ui.cards > .card > :last-child, +.ui.card > :last-child { + border-radius: 0 0 0.28571429rem 0.28571429rem !important; +} +.ui.cards > .card > :only-child, +.ui.card > :only-child { + border-radius: 0.28571429rem !important; +} + +/* -------------- + Images + --------------- */ +.ui.cards > .card > .image, +.ui.card > .image { + position: relative; + display: block; + flex: 0 0 auto; + padding: 0; + background: rgba(0, 0, 0, 0.05); +} +.ui.cards > .card > .image > img, +.ui.card > .image > img { + display: block; + width: 100%; + height: auto; + border-radius: inherit; +} +.ui.cards > .card > .image:not(.ui) > img, +.ui.card > .image:not(.ui) > img { + border: none; +} + +/* -------------- + Content +--------------- */ +.ui.cards > .card > .content, +.ui.card > .content { + flex-grow: 1; + border: none; + border-top: 1px solid rgba(34, 36, 38, 0.1); + background: none; + margin: 0; + padding: 1em; + box-shadow: none; + font-size: 1em; + border-radius: 0; +} +.ui.cards > .card > .content::after, +.ui.card > .content::after { + display: block; + content: " "; + height: 0; + clear: both; + overflow: hidden; + visibility: hidden; +} +.ui.cards > .card > .content > .header, +.ui.card > .content > .header { + display: block; + margin: ""; + font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + color: rgba(0, 0, 0, 0.85); +} + +/* Default Header Size */ +.ui.cards > .card > .content > .header:not(.ui), +.ui.card > .content > .header:not(.ui) { + font-weight: bold; + font-size: 1.28571429em; + margin-top: -0.21425em; + line-height: 1.28571429em; +} +.ui.cards > .card > .content > .meta + .description, +.ui.cards > .card > .content > .header + .description, +.ui.card > .content > .meta + .description, +.ui.card > .content > .header + .description { + margin-top: 0.5em; +} + +/* ---------------- + Floated Content + ----------------- */ +.ui.cards > .card [class*="left floated"], +.ui.card [class*="left floated"] { + float: left; +} +.ui.cards > .card [class*="right floated"], +.ui.card [class*="right floated"] { + float: right; +} + +/* -------------- + Aligned + --------------- */ +.ui.cards > .card [class*="left aligned"], +.ui.card [class*="left aligned"] { + text-align: left; +} +.ui.cards > .card [class*="center aligned"], +.ui.card [class*="center aligned"] { + text-align: center; +} +.ui.cards > .card [class*="right aligned"], +.ui.card [class*="right aligned"] { + text-align: right; +} + +/* -------------- + Content Image + --------------- */ +.ui.cards > .card .content img, +.ui.card .content img { + display: inline-block; + vertical-align: middle; + width: ""; +} +.ui.cards > .card img.avatar, +.ui.cards > .card .avatar img, +.ui.card img.avatar, +.ui.card .avatar img { + width: 2em; + height: 2em; + border-radius: 500rem; +} + +/* -------------- + Description + --------------- */ +.ui.cards > .card > .content > .description, +.ui.card > .content > .description { + clear: both; + color: rgba(0, 0, 0, 0.68); +} + +/* -------------- + Paragraph +--------------- */ +.ui.cards > .card > .content p, +.ui.card > .content p { + margin: 0 0 0.5em; +} +.ui.cards > .card > .content p:last-child, +.ui.card > .content p:last-child { + margin-bottom: 0; +} + +/* -------------- + Meta + --------------- */ +.ui.cards > .card .meta, +.ui.card .meta { + font-size: 1em; + color: rgba(0, 0, 0, 0.4); +} +.ui.cards > .card .meta *, +.ui.card .meta * { + margin-right: 0.3em; +} +.ui.cards > .card .meta :last-child, +.ui.card .meta :last-child { + margin-right: 0; +} +.ui.cards > .card .meta [class*="right floated"], +.ui.card .meta [class*="right floated"] { + margin-right: 0; + margin-left: 0.3em; +} + +/* -------------- + Links +--------------- */ + +/* Generic */ +.ui.cards > .card > .content a:not(.ui), +.ui.card > .content a:not(.ui) { + color: ""; + transition: color 0.1s ease; +} +.ui.cards > .card > .content a:not(.ui):hover, +.ui.card > .content a:not(.ui):hover { + color: ""; +} + +/* Header */ +.ui.cards > .card > .content > a.header, +.ui.card > .content > a.header { + color: rgba(0, 0, 0, 0.85); +} +.ui.cards > .card > .content > a.header:hover, +.ui.card > .content > a.header:hover { + color: #1e70bf; +} + +/* Meta */ +.ui.cards > .card .meta > a:not(.ui), +.ui.card .meta > a:not(.ui) { + color: rgba(0, 0, 0, 0.4); +} +.ui.cards > .card .meta > a:not(.ui):hover, +.ui.card .meta > a:not(.ui):hover { + color: rgba(0, 0, 0, 0.87); +} + +/* -------------- + Buttons + --------------- */ +.ui.cards > .card > .buttons, +.ui.card > .buttons, +.ui.cards > .card > .button, +.ui.card > .button { + margin: 0 -1px; + width: calc(100% + 2px); +} +.ui.cards > .card > .buttons:last-child, +.ui.card > .buttons:last-child, +.ui.cards > .card > .button:last-child, +.ui.card > .button:last-child { + margin-bottom: -1px; +} + +/* -------------- + Basic + --------------- */ +.ui.cards:not(.raised) > .basic.card:not(.raised), +.ui.ui.ui.basic.cards:not(.raised) > .card:not(.raised), +.ui.ui.ui.basic.card:not(.raised) { + box-shadow: none; +} +.ui.cards:not(.raised) > .basic.card:not(.raised) > .buttons, +.ui.ui.ui.basic.cards:not(.raised) > .card:not(.raised) > .buttons, +.ui.ui.ui.basic.card:not(.raised) > .buttons, +.ui.cards:not(.raised) > .basic.card:not(.raised) > .button, +.ui.ui.ui.basic.cards:not(.raised) > .card:not(.raised) > .button, +.ui.ui.ui.basic.card:not(.raised) > .button { + margin: 0; + width: 100%; +} +.ui.ui.ui.ui.ui.basic.card:not(.raised):hover, +.ui.ui.ui.ui.ui.basic.cards:not(.raised) .card:not(.raised):hover { + box-shadow: none; +} + +/* -------------- + Dimmer +--------------- */ +.ui.cards > .card .dimmer, +.ui.card .dimmer { + background: ""; + z-index: 10; +} + +/* -------------- + Labels +--------------- */ + +/* -----Star----- */ + +/* Icon */ +.ui.cards > .card > .content .star.icon, +.ui.card > .content .star.icon { + cursor: pointer; + opacity: 0.75; + transition: color 0.1s ease; +} +.ui.cards > .card > .content .star.icon:hover, +.ui.card > .content .star.icon:hover { + opacity: 1; + color: #ffb70a; +} +.ui.cards > .card > .content .active.star.icon, +.ui.card > .content .active.star.icon { + color: #ffe623; +} + +/* -----Like----- */ + +/* Icon */ +.ui.cards > .card > .content .like.icon, +.ui.card > .content .like.icon { + cursor: pointer; + opacity: 0.75; + transition: color 0.1s ease; +} +.ui.cards > .card > .content .like.icon:hover, +.ui.card > .content .like.icon:hover { + opacity: 1; + color: #ff2733; +} +.ui.cards > .card > .content .active.like.icon, +.ui.card > .content .active.like.icon { + color: #ff2733; +} + +/* ---------------- + Extra Content + ----------------- */ +.ui.cards > .card > .extra, +.ui.card > .extra { + max-width: 100%; + min-height: 0 !important; + flex-grow: 0; + border-top: 1px solid rgba(0, 0, 0, 0.05) !important; + position: static; + background: none; + width: auto; + margin: 0; + padding: 0.75em 1em; + top: 0; + left: 0; + color: rgba(0, 0, 0, 0.4); + box-shadow: none; + transition: color 0.1s ease; +} +.ui.cards > .card > .extra a:not(.ui), +.ui.card > .extra a:not(.ui) { + color: rgba(0, 0, 0, 0.4); +} +.ui.cards > .card > .extra a:not(.ui):hover, +.ui.card > .extra a:not(.ui):hover { + color: #1e70bf; +} + + +/******************************* + States +*******************************/ + + +/* -------------- + Disabled + --------------- */ +.ui.disabled.card { + opacity: 0.45; + color: rgba(40, 40, 40, 0.3); + pointer-events: none; +} + +/* -------------- + Loading + --------------- */ +.ui.loading.card { + position: relative; + cursor: default; + pointer-events: none; + transition: all 0s linear; +} +.ui.loading.card::before { + position: absolute; + content: ""; + top: 0; + left: 0; + background: rgba(255, 255, 255, 0.8); + width: 100%; + height: 100%; + border-radius: 0.28571429rem; + z-index: 100; +} +.ui.loading.card::after { + position: absolute; + content: ""; + top: 50%; + left: 50%; + margin: -1.5em 0 0 -1.5em; + width: 3em; + height: 3em; + animation: loader 0.6s infinite linear; + border: 0.2em solid #767676; + border-radius: 500rem; + box-shadow: 0 0 0 1px transparent; + visibility: visible; + z-index: 101; +} + + +/******************************* + Variations +*******************************/ + + +/* ------------------- + Horizontal + -------------------- */ +.ui.horizontal.cards > .card, +.ui.card.horizontal { + flex-flow: row wrap; + min-width: 270px; + width: 400px; + max-width: 100%; +} +.ui.horizontal.cards > .card > .image, +.ui.card.horizontal > .image { + border-radius: 0.28571429rem 0 0 0.28571429rem; + width: 150px; +} +.ui.horizontal.cards > .card > .image > img, +.ui.card.horizontal > .image > img { + background-size: cover; + background-repeat: no-repeat; + background-position: center; + justify-content: center; + align-items: center; + display: flex; + width: 100%; + border-radius: 0.28571429rem 0 0 0.28571429rem; +} +.ui.horizontal.cards > .card > .image:last-child > img, +.ui.card.horizontal > .image:last-child > img { + border-radius: 0 0.28571429rem 0.28571429rem 0; +} +.ui.horizontal.cards > .card > .content, +.ui.horizontal.card > .content { + border-top: none; + flex-basis: 1px; +} +.ui.horizontal.cards > .card > .extra, +.ui.horizontal.card > .extra { + flex-basis: 100%; +} + +/* ------------------- + Raised + -------------------- */ +.ui.cards > .raised.card, +.ui.raised.cards > .card, +.ui.raised.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); +} +.ui.raised.cards a.card:hover, +.ui.link.cards .raised.card:hover, +a.ui.raised.card:hover, +.ui.link.raised.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.15), 0 2px 10px 0 rgba(34, 36, 38, 0.25); +} +.ui.basic.cards > .raised.card, +.ui.basic.raised.cards > .card, +.ui.raised.cards > .basic.card, +.ui.basic.raised.card { + box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); +} +.ui.basic.raised.cards a.card:hover, +.ui.link.cards .basic.raised.card:hover, +.ui.link.basic.cards .raised.card:hover, +.ui.link.basic.raised.cards .card:hover, +a.ui.basic.raised.card:hover, +.ui.link.basic.raised.card:hover { + box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.15), 0 2px 10px 0 rgba(34, 36, 38, 0.25); +} + +/* ------------------- + Centered + -------------------- */ +.ui.centered.cards { + justify-content: center; +} +.ui.centered.card { + margin-left: auto; + margin-right: auto; +} + +/* ------------------- + Fluid + -------------------- */ +.ui.fluid.card { + width: 100%; + max-width: 9999px; +} + +/* ------------------- + Link + -------------------- */ +.ui.cards a.card, +.ui.link.cards .card, +a.ui.card, +.ui.link.card { + transform: none; +} +.ui.cards a.card:hover, +.ui.link.cards .card:not(.icon):hover, +a.ui.card:hover, +.ui.link.card:hover { + cursor: pointer; + z-index: 5; + background: #fff; + border: none; + box-shadow: 0 1px 3px 0 #bcbdbd, 0 0 0 1px #d4d4d5; + transform: translateY(-3px); +} + +/* ------------------- + Colors +-------------------- */ +.ui.primary.cards > .card, +.ui.cards > .primary.card, +.ui.primary.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #2185d0, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.primary.card:hover, +.ui.primary.cards a.card:hover, +.ui.link.primary.cards .card:not(.icon):hover, +.ui.link.cards .primary.card:not(.icon):hover, +a.ui.primary.card:hover, +.ui.link.primary.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.primary.card, +.ui.basic.primary.cards > .card, +.ui.basic.cards > .primary.card, +.ui.basic.primary.card { + background: #54c8ff; +} +.ui.basic.cards a.primary.card:hover, +.ui.cards a.basic.primary.card:hover, +.ui.basic.primary.cards a.card:hover, +.ui.link.cards .basic.primary.card:not(.icon):hover, +.ui.link.basic.primary.cards .card:not(.icon):hover, +.ui.link.basic.cards .primary.card:not(.icon):hover, +a.ui.basic.primary.card:hover, +.ui.link.basic.primary.card:hover { + background: #21b8ff; +} +.ui.inverted.primary.cards > .card, +.ui.inverted.cards > .primary.card, +.ui.inverted.primary.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #54c8ff, 0 0 0 1px #555; +} +.ui.inverted.cards a.primary.card:hover, +.ui.inverted.primary.cards a.card:hover, +.ui.link.inverted.primary.cards .card:not(.icon):hover, +.ui.link.inverted.cards .primary.card:not(.icon):hover, +a.ui.inverted.primary.card:hover, +.ui.link.inverted.primary.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #21b8ff, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.primary.card, +.ui.basic.inverted.primary.cards > .card, +.ui.basic.inverted.cards > .primary.card, +.ui.basic.inverted.primary.card { + background: #2185d0; +} +.ui.inverted.cards a.basic.primary.card:hover, +.ui.basic.inverted.cards a.primary.card:hover, +.ui.basic.inverted.primary.cards a.card:hover, +.ui.link.inverted.cards .basic.primary.card:not(.icon):hover, +.ui.link.basic.inverted.primary.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .primary.card:not(.icon):hover, +a.ui.basic.inverted.primary.card:hover, +.ui.link.basic.inverted.primary.card:hover { + background: #1678c2; +} +.ui.secondary.cards > .card, +.ui.cards > .secondary.card, +.ui.secondary.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1b1c1d, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.secondary.card:hover, +.ui.secondary.cards a.card:hover, +.ui.link.secondary.cards .card:not(.icon):hover, +.ui.link.cards .secondary.card:not(.icon):hover, +a.ui.secondary.card:hover, +.ui.link.secondary.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #27292a, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.secondary.card, +.ui.basic.secondary.cards > .card, +.ui.basic.cards > .secondary.card, +.ui.basic.secondary.card { + background: #545454; +} +.ui.basic.cards a.secondary.card:hover, +.ui.cards a.basic.secondary.card:hover, +.ui.basic.secondary.cards a.card:hover, +.ui.link.cards .basic.secondary.card:not(.icon):hover, +.ui.link.basic.secondary.cards .card:not(.icon):hover, +.ui.link.basic.cards .secondary.card:not(.icon):hover, +a.ui.basic.secondary.card:hover, +.ui.link.basic.secondary.card:hover { + background: #6e6e6e; +} +.ui.inverted.secondary.cards > .card, +.ui.inverted.cards > .secondary.card, +.ui.inverted.secondary.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #545454, 0 0 0 1px #555; +} +.ui.inverted.cards a.secondary.card:hover, +.ui.inverted.secondary.cards a.card:hover, +.ui.link.inverted.secondary.cards .card:not(.icon):hover, +.ui.link.inverted.cards .secondary.card:not(.icon):hover, +a.ui.inverted.secondary.card:hover, +.ui.link.inverted.secondary.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #6e6e6e, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.secondary.card, +.ui.basic.inverted.secondary.cards > .card, +.ui.basic.inverted.cards > .secondary.card, +.ui.basic.inverted.secondary.card { + background: #1b1c1d; +} +.ui.inverted.cards a.basic.secondary.card:hover, +.ui.basic.inverted.cards a.secondary.card:hover, +.ui.basic.inverted.secondary.cards a.card:hover, +.ui.link.inverted.cards .basic.secondary.card:not(.icon):hover, +.ui.link.basic.inverted.secondary.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .secondary.card:not(.icon):hover, +a.ui.basic.inverted.secondary.card:hover, +.ui.link.basic.inverted.secondary.card:hover { + background: #27292a; +} +.ui.red.cards > .card, +.ui.cards > .red.card, +.ui.red.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #db2828, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.red.card:hover, +.ui.red.cards a.card:hover, +.ui.link.red.cards .card:not(.icon):hover, +.ui.link.cards .red.card:not(.icon):hover, +a.ui.red.card:hover, +.ui.link.red.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #d01919, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.red.card, +.ui.basic.red.cards > .card, +.ui.basic.cards > .red.card, +.ui.basic.red.card { + background: #ff695e; +} +.ui.basic.cards a.red.card:hover, +.ui.cards a.basic.red.card:hover, +.ui.basic.red.cards a.card:hover, +.ui.link.cards .basic.red.card:not(.icon):hover, +.ui.link.basic.red.cards .card:not(.icon):hover, +.ui.link.basic.cards .red.card:not(.icon):hover, +a.ui.basic.red.card:hover, +.ui.link.basic.red.card:hover { + background: #ff392b; +} +.ui.inverted.red.cards > .card, +.ui.inverted.cards > .red.card, +.ui.inverted.red.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #ff695e, 0 0 0 1px #555; +} +.ui.inverted.cards a.red.card:hover, +.ui.inverted.red.cards a.card:hover, +.ui.link.inverted.red.cards .card:not(.icon):hover, +.ui.link.inverted.cards .red.card:not(.icon):hover, +a.ui.inverted.red.card:hover, +.ui.link.inverted.red.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #ff392b, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.red.card, +.ui.basic.inverted.red.cards > .card, +.ui.basic.inverted.cards > .red.card, +.ui.basic.inverted.red.card { + background: #db2828; +} +.ui.inverted.cards a.basic.red.card:hover, +.ui.basic.inverted.cards a.red.card:hover, +.ui.basic.inverted.red.cards a.card:hover, +.ui.link.inverted.cards .basic.red.card:not(.icon):hover, +.ui.link.basic.inverted.red.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .red.card:not(.icon):hover, +a.ui.basic.inverted.red.card:hover, +.ui.link.basic.inverted.red.card:hover { + background: #d01919; +} +.ui.orange.cards > .card, +.ui.cards > .orange.card, +.ui.orange.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f2711c, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.orange.card:hover, +.ui.orange.cards a.card:hover, +.ui.link.orange.cards .card:not(.icon):hover, +.ui.link.cards .orange.card:not(.icon):hover, +a.ui.orange.card:hover, +.ui.link.orange.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f26202, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.orange.card, +.ui.basic.orange.cards > .card, +.ui.basic.cards > .orange.card, +.ui.basic.orange.card { + background: #ff851b; +} +.ui.basic.cards a.orange.card:hover, +.ui.cards a.basic.orange.card:hover, +.ui.basic.orange.cards a.card:hover, +.ui.link.cards .basic.orange.card:not(.icon):hover, +.ui.link.basic.orange.cards .card:not(.icon):hover, +.ui.link.basic.cards .orange.card:not(.icon):hover, +a.ui.basic.orange.card:hover, +.ui.link.basic.orange.card:hover { + background: #e76b00; +} +.ui.inverted.orange.cards > .card, +.ui.inverted.cards > .orange.card, +.ui.inverted.orange.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #ff851b, 0 0 0 1px #555; +} +.ui.inverted.cards a.orange.card:hover, +.ui.inverted.orange.cards a.card:hover, +.ui.link.inverted.orange.cards .card:not(.icon):hover, +.ui.link.inverted.cards .orange.card:not(.icon):hover, +a.ui.inverted.orange.card:hover, +.ui.link.inverted.orange.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #e76b00, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.orange.card, +.ui.basic.inverted.orange.cards > .card, +.ui.basic.inverted.cards > .orange.card, +.ui.basic.inverted.orange.card { + background: #f2711c; +} +.ui.inverted.cards a.basic.orange.card:hover, +.ui.basic.inverted.cards a.orange.card:hover, +.ui.basic.inverted.orange.cards a.card:hover, +.ui.link.inverted.cards .basic.orange.card:not(.icon):hover, +.ui.link.basic.inverted.orange.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .orange.card:not(.icon):hover, +a.ui.basic.inverted.orange.card:hover, +.ui.link.basic.inverted.orange.card:hover { + background: #f26202; +} +.ui.yellow.cards > .card, +.ui.cards > .yellow.card, +.ui.yellow.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #fbbd08, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.yellow.card:hover, +.ui.yellow.cards a.card:hover, +.ui.link.yellow.cards .card:not(.icon):hover, +.ui.link.cards .yellow.card:not(.icon):hover, +a.ui.yellow.card:hover, +.ui.link.yellow.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.yellow.card, +.ui.basic.yellow.cards > .card, +.ui.basic.cards > .yellow.card, +.ui.basic.yellow.card { + background: #ffe21f; +} +.ui.basic.cards a.yellow.card:hover, +.ui.cards a.basic.yellow.card:hover, +.ui.basic.yellow.cards a.card:hover, +.ui.link.cards .basic.yellow.card:not(.icon):hover, +.ui.link.basic.yellow.cards .card:not(.icon):hover, +.ui.link.basic.cards .yellow.card:not(.icon):hover, +a.ui.basic.yellow.card:hover, +.ui.link.basic.yellow.card:hover { + background: #ebcd00; +} +.ui.inverted.yellow.cards > .card, +.ui.inverted.cards > .yellow.card, +.ui.inverted.yellow.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #ffe21f, 0 0 0 1px #555; +} +.ui.inverted.cards a.yellow.card:hover, +.ui.inverted.yellow.cards a.card:hover, +.ui.link.inverted.yellow.cards .card:not(.icon):hover, +.ui.link.inverted.cards .yellow.card:not(.icon):hover, +a.ui.inverted.yellow.card:hover, +.ui.link.inverted.yellow.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #ebcd00, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.yellow.card, +.ui.basic.inverted.yellow.cards > .card, +.ui.basic.inverted.cards > .yellow.card, +.ui.basic.inverted.yellow.card { + background: #fbbd08; +} +.ui.inverted.cards a.basic.yellow.card:hover, +.ui.basic.inverted.cards a.yellow.card:hover, +.ui.basic.inverted.yellow.cards a.card:hover, +.ui.link.inverted.cards .basic.yellow.card:not(.icon):hover, +.ui.link.basic.inverted.yellow.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .yellow.card:not(.icon):hover, +a.ui.basic.inverted.yellow.card:hover, +.ui.link.basic.inverted.yellow.card:hover { + background: #eaae00; +} +.ui.olive.cards > .card, +.ui.cards > .olive.card, +.ui.olive.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #b5cc18, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.olive.card:hover, +.ui.olive.cards a.card:hover, +.ui.link.olive.cards .card:not(.icon):hover, +.ui.link.cards .olive.card:not(.icon):hover, +a.ui.olive.card:hover, +.ui.link.olive.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.olive.card, +.ui.basic.olive.cards > .card, +.ui.basic.cards > .olive.card, +.ui.basic.olive.card { + background: #d9e778; +} +.ui.basic.cards a.olive.card:hover, +.ui.cards a.basic.olive.card:hover, +.ui.basic.olive.cards a.card:hover, +.ui.link.cards .basic.olive.card:not(.icon):hover, +.ui.link.basic.olive.cards .card:not(.icon):hover, +.ui.link.basic.cards .olive.card:not(.icon):hover, +a.ui.basic.olive.card:hover, +.ui.link.basic.olive.card:hover { + background: #d2e745; +} +.ui.inverted.olive.cards > .card, +.ui.inverted.cards > .olive.card, +.ui.inverted.olive.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #d9e778, 0 0 0 1px #555; +} +.ui.inverted.cards a.olive.card:hover, +.ui.inverted.olive.cards a.card:hover, +.ui.link.inverted.olive.cards .card:not(.icon):hover, +.ui.link.inverted.cards .olive.card:not(.icon):hover, +a.ui.inverted.olive.card:hover, +.ui.link.inverted.olive.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #d2e745, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.olive.card, +.ui.basic.inverted.olive.cards > .card, +.ui.basic.inverted.cards > .olive.card, +.ui.basic.inverted.olive.card { + background: #b5cc18; +} +.ui.inverted.cards a.basic.olive.card:hover, +.ui.basic.inverted.cards a.olive.card:hover, +.ui.basic.inverted.olive.cards a.card:hover, +.ui.link.inverted.cards .basic.olive.card:not(.icon):hover, +.ui.link.basic.inverted.olive.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .olive.card:not(.icon):hover, +a.ui.basic.inverted.olive.card:hover, +.ui.link.basic.inverted.olive.card:hover { + background: #a7bd0d; +} +.ui.green.cards > .card, +.ui.cards > .green.card, +.ui.green.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #21ba45, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.green.card:hover, +.ui.green.cards a.card:hover, +.ui.link.green.cards .card:not(.icon):hover, +.ui.link.cards .green.card:not(.icon):hover, +a.ui.green.card:hover, +.ui.link.green.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.green.card, +.ui.basic.green.cards > .card, +.ui.basic.cards > .green.card, +.ui.basic.green.card { + background: #2ecc40; +} +.ui.basic.cards a.green.card:hover, +.ui.cards a.basic.green.card:hover, +.ui.basic.green.cards a.card:hover, +.ui.link.cards .basic.green.card:not(.icon):hover, +.ui.link.basic.green.cards .card:not(.icon):hover, +.ui.link.basic.cards .green.card:not(.icon):hover, +a.ui.basic.green.card:hover, +.ui.link.basic.green.card:hover { + background: #1ea92e; +} +.ui.inverted.green.cards > .card, +.ui.inverted.cards > .green.card, +.ui.inverted.green.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #2ecc40, 0 0 0 1px #555; +} +.ui.inverted.cards a.green.card:hover, +.ui.inverted.green.cards a.card:hover, +.ui.link.inverted.green.cards .card:not(.icon):hover, +.ui.link.inverted.cards .green.card:not(.icon):hover, +a.ui.inverted.green.card:hover, +.ui.link.inverted.green.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #1ea92e, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.green.card, +.ui.basic.inverted.green.cards > .card, +.ui.basic.inverted.cards > .green.card, +.ui.basic.inverted.green.card { + background: #21ba45; +} +.ui.inverted.cards a.basic.green.card:hover, +.ui.basic.inverted.cards a.green.card:hover, +.ui.basic.inverted.green.cards a.card:hover, +.ui.link.inverted.cards .basic.green.card:not(.icon):hover, +.ui.link.basic.inverted.green.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .green.card:not(.icon):hover, +a.ui.basic.inverted.green.card:hover, +.ui.link.basic.inverted.green.card:hover { + background: #16ab39; +} +.ui.teal.cards > .card, +.ui.cards > .teal.card, +.ui.teal.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #00b5ad, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.teal.card:hover, +.ui.teal.cards a.card:hover, +.ui.link.teal.cards .card:not(.icon):hover, +.ui.link.cards .teal.card:not(.icon):hover, +a.ui.teal.card:hover, +.ui.link.teal.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #009c95, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.teal.card, +.ui.basic.teal.cards > .card, +.ui.basic.cards > .teal.card, +.ui.basic.teal.card { + background: #6dffff; +} +.ui.basic.cards a.teal.card:hover, +.ui.cards a.basic.teal.card:hover, +.ui.basic.teal.cards a.card:hover, +.ui.link.cards .basic.teal.card:not(.icon):hover, +.ui.link.basic.teal.cards .card:not(.icon):hover, +.ui.link.basic.cards .teal.card:not(.icon):hover, +a.ui.basic.teal.card:hover, +.ui.link.basic.teal.card:hover { + background: #3affff; +} +.ui.inverted.teal.cards > .card, +.ui.inverted.cards > .teal.card, +.ui.inverted.teal.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #6dffff, 0 0 0 1px #555; +} +.ui.inverted.cards a.teal.card:hover, +.ui.inverted.teal.cards a.card:hover, +.ui.link.inverted.teal.cards .card:not(.icon):hover, +.ui.link.inverted.cards .teal.card:not(.icon):hover, +a.ui.inverted.teal.card:hover, +.ui.link.inverted.teal.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #3affff, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.teal.card, +.ui.basic.inverted.teal.cards > .card, +.ui.basic.inverted.cards > .teal.card, +.ui.basic.inverted.teal.card { + background: #00b5ad; +} +.ui.inverted.cards a.basic.teal.card:hover, +.ui.basic.inverted.cards a.teal.card:hover, +.ui.basic.inverted.teal.cards a.card:hover, +.ui.link.inverted.cards .basic.teal.card:not(.icon):hover, +.ui.link.basic.inverted.teal.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .teal.card:not(.icon):hover, +a.ui.basic.inverted.teal.card:hover, +.ui.link.basic.inverted.teal.card:hover { + background: #009c95; +} +.ui.blue.cards > .card, +.ui.cards > .blue.card, +.ui.blue.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #2185d0, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.blue.card:hover, +.ui.blue.cards a.card:hover, +.ui.link.blue.cards .card:not(.icon):hover, +.ui.link.cards .blue.card:not(.icon):hover, +a.ui.blue.card:hover, +.ui.link.blue.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.blue.card, +.ui.basic.blue.cards > .card, +.ui.basic.cards > .blue.card, +.ui.basic.blue.card { + background: #54c8ff; +} +.ui.basic.cards a.blue.card:hover, +.ui.cards a.basic.blue.card:hover, +.ui.basic.blue.cards a.card:hover, +.ui.link.cards .basic.blue.card:not(.icon):hover, +.ui.link.basic.blue.cards .card:not(.icon):hover, +.ui.link.basic.cards .blue.card:not(.icon):hover, +a.ui.basic.blue.card:hover, +.ui.link.basic.blue.card:hover { + background: #21b8ff; +} +.ui.inverted.blue.cards > .card, +.ui.inverted.cards > .blue.card, +.ui.inverted.blue.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #54c8ff, 0 0 0 1px #555; +} +.ui.inverted.cards a.blue.card:hover, +.ui.inverted.blue.cards a.card:hover, +.ui.link.inverted.blue.cards .card:not(.icon):hover, +.ui.link.inverted.cards .blue.card:not(.icon):hover, +a.ui.inverted.blue.card:hover, +.ui.link.inverted.blue.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #21b8ff, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.blue.card, +.ui.basic.inverted.blue.cards > .card, +.ui.basic.inverted.cards > .blue.card, +.ui.basic.inverted.blue.card { + background: #2185d0; +} +.ui.inverted.cards a.basic.blue.card:hover, +.ui.basic.inverted.cards a.blue.card:hover, +.ui.basic.inverted.blue.cards a.card:hover, +.ui.link.inverted.cards .basic.blue.card:not(.icon):hover, +.ui.link.basic.inverted.blue.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .blue.card:not(.icon):hover, +a.ui.basic.inverted.blue.card:hover, +.ui.link.basic.inverted.blue.card:hover { + background: #1678c2; +} +.ui.violet.cards > .card, +.ui.cards > .violet.card, +.ui.violet.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #6435c9, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.violet.card:hover, +.ui.violet.cards a.card:hover, +.ui.link.violet.cards .card:not(.icon):hover, +.ui.link.cards .violet.card:not(.icon):hover, +a.ui.violet.card:hover, +.ui.link.violet.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.violet.card, +.ui.basic.violet.cards > .card, +.ui.basic.cards > .violet.card, +.ui.basic.violet.card { + background: #a291fb; +} +.ui.basic.cards a.violet.card:hover, +.ui.cards a.basic.violet.card:hover, +.ui.basic.violet.cards a.card:hover, +.ui.link.cards .basic.violet.card:not(.icon):hover, +.ui.link.basic.violet.cards .card:not(.icon):hover, +.ui.link.basic.cards .violet.card:not(.icon):hover, +a.ui.basic.violet.card:hover, +.ui.link.basic.violet.card:hover { + background: #745aff; +} +.ui.inverted.violet.cards > .card, +.ui.inverted.cards > .violet.card, +.ui.inverted.violet.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #a291fb, 0 0 0 1px #555; +} +.ui.inverted.cards a.violet.card:hover, +.ui.inverted.violet.cards a.card:hover, +.ui.link.inverted.violet.cards .card:not(.icon):hover, +.ui.link.inverted.cards .violet.card:not(.icon):hover, +a.ui.inverted.violet.card:hover, +.ui.link.inverted.violet.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #745aff, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.violet.card, +.ui.basic.inverted.violet.cards > .card, +.ui.basic.inverted.cards > .violet.card, +.ui.basic.inverted.violet.card { + background: #6435c9; +} +.ui.inverted.cards a.basic.violet.card:hover, +.ui.basic.inverted.cards a.violet.card:hover, +.ui.basic.inverted.violet.cards a.card:hover, +.ui.link.inverted.cards .basic.violet.card:not(.icon):hover, +.ui.link.basic.inverted.violet.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .violet.card:not(.icon):hover, +a.ui.basic.inverted.violet.card:hover, +.ui.link.basic.inverted.violet.card:hover { + background: #5829bb; +} +.ui.purple.cards > .card, +.ui.cards > .purple.card, +.ui.purple.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a333c8, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.purple.card:hover, +.ui.purple.cards a.card:hover, +.ui.link.purple.cards .card:not(.icon):hover, +.ui.link.cards .purple.card:not(.icon):hover, +a.ui.purple.card:hover, +.ui.link.purple.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.purple.card, +.ui.basic.purple.cards > .card, +.ui.basic.cards > .purple.card, +.ui.basic.purple.card { + background: #dc73ff; +} +.ui.basic.cards a.purple.card:hover, +.ui.cards a.basic.purple.card:hover, +.ui.basic.purple.cards a.card:hover, +.ui.link.cards .basic.purple.card:not(.icon):hover, +.ui.link.basic.purple.cards .card:not(.icon):hover, +.ui.link.basic.cards .purple.card:not(.icon):hover, +a.ui.basic.purple.card:hover, +.ui.link.basic.purple.card:hover { + background: #cf40ff; +} +.ui.inverted.purple.cards > .card, +.ui.inverted.cards > .purple.card, +.ui.inverted.purple.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #dc73ff, 0 0 0 1px #555; +} +.ui.inverted.cards a.purple.card:hover, +.ui.inverted.purple.cards a.card:hover, +.ui.link.inverted.purple.cards .card:not(.icon):hover, +.ui.link.inverted.cards .purple.card:not(.icon):hover, +a.ui.inverted.purple.card:hover, +.ui.link.inverted.purple.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #cf40ff, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.purple.card, +.ui.basic.inverted.purple.cards > .card, +.ui.basic.inverted.cards > .purple.card, +.ui.basic.inverted.purple.card { + background: #a333c8; +} +.ui.inverted.cards a.basic.purple.card:hover, +.ui.basic.inverted.cards a.purple.card:hover, +.ui.basic.inverted.purple.cards a.card:hover, +.ui.link.inverted.cards .basic.purple.card:not(.icon):hover, +.ui.link.basic.inverted.purple.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .purple.card:not(.icon):hover, +a.ui.basic.inverted.purple.card:hover, +.ui.link.basic.inverted.purple.card:hover { + background: #9627ba; +} +.ui.pink.cards > .card, +.ui.cards > .pink.card, +.ui.pink.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e03997, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.pink.card:hover, +.ui.pink.cards a.card:hover, +.ui.link.pink.cards .card:not(.icon):hover, +.ui.link.cards .pink.card:not(.icon):hover, +a.ui.pink.card:hover, +.ui.link.pink.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.pink.card, +.ui.basic.pink.cards > .card, +.ui.basic.cards > .pink.card, +.ui.basic.pink.card { + background: #ff8edf; +} +.ui.basic.cards a.pink.card:hover, +.ui.cards a.basic.pink.card:hover, +.ui.basic.pink.cards a.card:hover, +.ui.link.cards .basic.pink.card:not(.icon):hover, +.ui.link.basic.pink.cards .card:not(.icon):hover, +.ui.link.basic.cards .pink.card:not(.icon):hover, +a.ui.basic.pink.card:hover, +.ui.link.basic.pink.card:hover { + background: #ff5bd1; +} +.ui.inverted.pink.cards > .card, +.ui.inverted.cards > .pink.card, +.ui.inverted.pink.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #ff8edf, 0 0 0 1px #555; +} +.ui.inverted.cards a.pink.card:hover, +.ui.inverted.pink.cards a.card:hover, +.ui.link.inverted.pink.cards .card:not(.icon):hover, +.ui.link.inverted.cards .pink.card:not(.icon):hover, +a.ui.inverted.pink.card:hover, +.ui.link.inverted.pink.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #ff5bd1, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.pink.card, +.ui.basic.inverted.pink.cards > .card, +.ui.basic.inverted.cards > .pink.card, +.ui.basic.inverted.pink.card { + background: #e03997; +} +.ui.inverted.cards a.basic.pink.card:hover, +.ui.basic.inverted.cards a.pink.card:hover, +.ui.basic.inverted.pink.cards a.card:hover, +.ui.link.inverted.cards .basic.pink.card:not(.icon):hover, +.ui.link.basic.inverted.pink.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .pink.card:not(.icon):hover, +a.ui.basic.inverted.pink.card:hover, +.ui.link.basic.inverted.pink.card:hover { + background: #e61a8d; +} +.ui.brown.cards > .card, +.ui.cards > .brown.card, +.ui.brown.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a5673f, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.brown.card:hover, +.ui.brown.cards a.card:hover, +.ui.link.brown.cards .card:not(.icon):hover, +.ui.link.cards .brown.card:not(.icon):hover, +a.ui.brown.card:hover, +.ui.link.brown.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #975b33, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.brown.card, +.ui.basic.brown.cards > .card, +.ui.basic.cards > .brown.card, +.ui.basic.brown.card { + background: #d67c1c; +} +.ui.basic.cards a.brown.card:hover, +.ui.cards a.basic.brown.card:hover, +.ui.basic.brown.cards a.card:hover, +.ui.link.cards .basic.brown.card:not(.icon):hover, +.ui.link.basic.brown.cards .card:not(.icon):hover, +.ui.link.basic.cards .brown.card:not(.icon):hover, +a.ui.basic.brown.card:hover, +.ui.link.basic.brown.card:hover { + background: #b0620f; +} +.ui.inverted.brown.cards > .card, +.ui.inverted.cards > .brown.card, +.ui.inverted.brown.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #d67c1c, 0 0 0 1px #555; +} +.ui.inverted.cards a.brown.card:hover, +.ui.inverted.brown.cards a.card:hover, +.ui.link.inverted.brown.cards .card:not(.icon):hover, +.ui.link.inverted.cards .brown.card:not(.icon):hover, +a.ui.inverted.brown.card:hover, +.ui.link.inverted.brown.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #b0620f, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.brown.card, +.ui.basic.inverted.brown.cards > .card, +.ui.basic.inverted.cards > .brown.card, +.ui.basic.inverted.brown.card { + background: #a5673f; +} +.ui.inverted.cards a.basic.brown.card:hover, +.ui.basic.inverted.cards a.brown.card:hover, +.ui.basic.inverted.brown.cards a.card:hover, +.ui.link.inverted.cards .basic.brown.card:not(.icon):hover, +.ui.link.basic.inverted.brown.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .brown.card:not(.icon):hover, +a.ui.basic.inverted.brown.card:hover, +.ui.link.basic.inverted.brown.card:hover { + background: #975b33; +} +.ui.grey.cards > .card, +.ui.cards > .grey.card, +.ui.grey.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #767676, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.grey.card:hover, +.ui.grey.cards a.card:hover, +.ui.link.grey.cards .card:not(.icon):hover, +.ui.link.cards .grey.card:not(.icon):hover, +a.ui.grey.card:hover, +.ui.link.grey.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #838383, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.grey.card, +.ui.basic.grey.cards > .card, +.ui.basic.cards > .grey.card, +.ui.basic.grey.card { + background: #dcddde; +} +.ui.basic.cards a.grey.card:hover, +.ui.cards a.basic.grey.card:hover, +.ui.basic.grey.cards a.card:hover, +.ui.link.cards .basic.grey.card:not(.icon):hover, +.ui.link.basic.grey.cards .card:not(.icon):hover, +.ui.link.basic.cards .grey.card:not(.icon):hover, +a.ui.basic.grey.card:hover, +.ui.link.basic.grey.card:hover { + background: #c2c4c5; +} +.ui.inverted.grey.cards > .card, +.ui.inverted.cards > .grey.card, +.ui.inverted.grey.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #dcddde, 0 0 0 1px #555; +} +.ui.inverted.cards a.grey.card:hover, +.ui.inverted.grey.cards a.card:hover, +.ui.link.inverted.grey.cards .card:not(.icon):hover, +.ui.link.inverted.cards .grey.card:not(.icon):hover, +a.ui.inverted.grey.card:hover, +.ui.link.inverted.grey.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #c2c4c5, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.grey.card, +.ui.basic.inverted.grey.cards > .card, +.ui.basic.inverted.cards > .grey.card, +.ui.basic.inverted.grey.card { + background: #767676; +} +.ui.inverted.cards a.basic.grey.card:hover, +.ui.basic.inverted.cards a.grey.card:hover, +.ui.basic.inverted.grey.cards a.card:hover, +.ui.link.inverted.cards .basic.grey.card:not(.icon):hover, +.ui.link.basic.inverted.grey.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .grey.card:not(.icon):hover, +a.ui.basic.inverted.grey.card:hover, +.ui.link.basic.inverted.grey.card:hover { + background: #838383; +} +.ui.black.cards > .card, +.ui.cards > .black.card, +.ui.black.card { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1b1c1d, 0 1px 3px 0 #d4d4d5; +} +.ui.cards a.black.card:hover, +.ui.black.cards a.card:hover, +.ui.link.black.cards .card:not(.icon):hover, +.ui.link.cards .black.card:not(.icon):hover, +a.ui.black.card:hover, +.ui.link.black.card:hover { + box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #27292a, 0 1px 3px 0 #bcbdbd; +} +.ui.cards > .basic.black.card, +.ui.basic.black.cards > .card, +.ui.basic.cards > .black.card, +.ui.basic.black.card { + background: #545454; +} +.ui.cards > .basic.black.card .header, +.ui.basic.black.cards > .card .header, +.ui.basic.cards > .black.card .header, +.ui.basic.black.card .header, +.ui.cards > .basic.black.card .content, +.ui.basic.black.cards > .card .content, +.ui.basic.cards > .black.card .content, +.ui.basic.black.card .content, +.ui.cards > .basic.black.card .meta, +.ui.basic.black.cards > .card .meta, +.ui.basic.cards > .black.card .meta, +.ui.basic.black.card .meta, +.ui.cards > .basic.black.card .description, +.ui.basic.black.cards > .card .description, +.ui.basic.cards > .black.card .description, +.ui.basic.black.card .description { + color: #fff; +} +.ui.basic.cards a.black.card:hover, +.ui.cards a.basic.black.card:hover, +.ui.basic.black.cards a.card:hover, +.ui.link.cards .basic.black.card:not(.icon):hover, +.ui.link.basic.black.cards .card:not(.icon):hover, +.ui.link.basic.cards .black.card:not(.icon):hover, +a.ui.basic.black.card:hover, +.ui.link.basic.black.card:hover { + background: #000000; +} +.ui.inverted.black.cards > .card, +.ui.inverted.cards > .black.card, +.ui.inverted.black.card { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #545454, 0 0 0 1px #555; +} +.ui.inverted.cards a.black.card:hover, +.ui.inverted.black.cards a.card:hover, +.ui.link.inverted.black.cards .card:not(.icon):hover, +.ui.link.inverted.cards .black.card:not(.icon):hover, +a.ui.inverted.black.card:hover, +.ui.link.inverted.black.card:hover { + box-shadow: 0 1px 3px 0 #555, 0 2px 0 0 #000000, 0 0 0 1px #555; +} +.ui.inverted.cards > .basic.black.card, +.ui.basic.inverted.black.cards > .card, +.ui.basic.inverted.cards > .black.card, +.ui.basic.inverted.black.card { + background: #1b1c1d; +} +.ui.inverted.cards a.basic.black.card:hover, +.ui.basic.inverted.cards a.black.card:hover, +.ui.basic.inverted.black.cards a.card:hover, +.ui.link.inverted.cards .basic.black.card:not(.icon):hover, +.ui.link.basic.inverted.black.cards .card:not(.icon):hover, +.ui.link.basic.inverted.cards .black.card:not(.icon):hover, +a.ui.basic.inverted.black.card:hover, +.ui.link.basic.inverted.black.card:hover { + background: #27292a; +} + +/* -------------- + Card Count + --------------- */ +.ui.one.cards { + margin-left: 0; + margin-right: 0; +} +.ui.one.cards > .card { + width: 100%; +} +.ui.two.cards { + margin-left: -1em; + margin-right: -1em; +} +.ui.two.cards > .card { + width: calc(50% - 2em); + margin-left: 1em; + margin-right: 1em; +} +.ui.three.cards { + margin-left: -1em; + margin-right: -1em; +} +.ui.three.cards > .card { + width: calc(33.33333333333333% - 2em); + margin-left: 1em; + margin-right: 1em; +} +.ui.four.cards { + margin-left: -0.75em; + margin-right: -0.75em; +} +.ui.four.cards > .card { + width: calc(25% - 1.5em); + margin-left: 0.75em; + margin-right: 0.75em; +} +.ui.five.cards { + margin-left: -0.75em; + margin-right: -0.75em; +} +.ui.five.cards > .card { + width: calc(20% - 1.5em); + margin-left: 0.75em; + margin-right: 0.75em; +} +.ui.six.cards { + margin-left: -0.75em; + margin-right: -0.75em; +} +.ui.six.cards > .card { + width: calc(16.666666666666664% - 1.5em); + margin-left: 0.75em; + margin-right: 0.75em; +} +.ui.seven.cards { + margin-left: -0.5em; + margin-right: -0.5em; +} +.ui.seven.cards > .card { + width: calc(14.285714285714285% - 1em); + margin-left: 0.5em; + margin-right: 0.5em; +} +.ui.eight.cards { + margin-left: -0.5em; + margin-right: -0.5em; +} +.ui.eight.cards > .card { + width: calc(12.5% - 1em); + margin-left: 0.5em; + margin-right: 0.5em; + font-size: 11px; +} +.ui.nine.cards { + margin-left: -0.5em; + margin-right: -0.5em; +} +.ui.nine.cards > .card { + width: calc(11.11111111111111% - 1em); + margin-left: 0.5em; + margin-right: 0.5em; + font-size: 10px; +} +.ui.ten.cards { + margin-left: -0.5em; + margin-right: -0.5em; +} +.ui.ten.cards > .card { + width: calc(10% - 1em); + margin-left: 0.5em; + margin-right: 0.5em; +} + +/* ------------------- + Doubling + -------------------- */ + +/* Mobile Only */ +@media only screen and (max-width: 767.98px) { + .ui.two.doubling.cards { + margin-left: 0; + margin-right: 0; + } + .ui.two.doubling.cards > .card { + width: 100%; + margin-left: 0; + margin-right: 0; + } + .ui.three.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + .ui.three.doubling.cards > .card { + width: calc(50% - 2em); + margin-left: 1em; + margin-right: 1em; + } + .ui.four.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + .ui.four.doubling.cards > .card { + width: calc(50% - 2em); + margin-left: 1em; + margin-right: 1em; + } + .ui.five.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + .ui.five.doubling.cards > .card { + width: calc(50% - 2em); + margin-left: 1em; + margin-right: 1em; + } + .ui.six.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + .ui.six.doubling.cards > .card { + width: calc(50% - 2em); + margin-left: 1em; + margin-right: 1em; + } + .ui.seven.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + .ui.seven.doubling.cards > .card { + width: calc(33.33333333333333% - 2em); + margin-left: 1em; + margin-right: 1em; + } + .ui.eight.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + .ui.eight.doubling.cards > .card { + width: calc(33.33333333333333% - 2em); + margin-left: 1em; + margin-right: 1em; + } + .ui.nine.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + .ui.nine.doubling.cards > .card { + width: calc(33.33333333333333% - 2em); + margin-left: 1em; + margin-right: 1em; + } + .ui.ten.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + .ui.ten.doubling.cards > .card { + width: calc(33.33333333333333% - 2em); + margin-left: 1em; + margin-right: 1em; + } +} + +/* Tablet Only */ +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .ui.two.doubling.cards { + margin-left: 0; + margin-right: 0; + } + .ui.two.doubling.cards > .card { + width: 100%; + margin-left: 0; + margin-right: 0; + } + .ui.three.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + .ui.three.doubling.cards > .card { + width: calc(50% - 2em); + margin-left: 1em; + margin-right: 1em; + } + .ui.four.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + .ui.four.doubling.cards > .card { + width: calc(50% - 2em); + margin-left: 1em; + margin-right: 1em; + } + .ui.five.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + .ui.five.doubling.cards > .card { + width: calc(33.33333333333333% - 2em); + margin-left: 1em; + margin-right: 1em; + } + .ui.six.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + .ui.six.doubling.cards > .card { + width: calc(33.33333333333333% - 2em); + margin-left: 1em; + margin-right: 1em; + } + .ui.eight.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + .ui.eight.doubling.cards > .card { + width: calc(33.33333333333333% - 2em); + margin-left: 1em; + margin-right: 1em; + } + .ui.eight.doubling.cards { + margin-left: -0.75em; + margin-right: -0.75em; + } + .ui.eight.doubling.cards > .card { + width: calc(25% - 1.5em); + margin-left: 0.75em; + margin-right: 0.75em; + } + .ui.nine.doubling.cards { + margin-left: -0.75em; + margin-right: -0.75em; + } + .ui.nine.doubling.cards > .card { + width: calc(25% - 1.5em); + margin-left: 0.75em; + margin-right: 0.75em; + } + .ui.ten.doubling.cards { + margin-left: -0.75em; + margin-right: -0.75em; + } + .ui.ten.doubling.cards > .card { + width: calc(20% - 1.5em); + margin-left: 0.75em; + margin-right: 0.75em; + } +} + +/* ------------------- + Stackable + -------------------- */ +@media only screen and (max-width: 767.98px) { + .ui.stackable.cards { + display: block !important; + } + .ui.stackable.cards .card:first-child { + margin-top: 0 !important; + } + .ui.stackable.cards > .card { + display: block !important; + height: auto !important; + margin: 1em 1em; + padding: 0 !important; + width: calc(100% - 2em) !important; + } +} + +/* -------------- + Size +--------------- */ +.ui.cards > .card { + font-size: 1em; +} +.ui.mini.card, +.ui.mini.cards .card { + font-size: 0.78571429rem; +} +.ui.tiny.card, +.ui.tiny.cards .card { + font-size: 0.85714286rem; +} +.ui.small.card, +.ui.small.cards .card { + font-size: 0.92857143rem; +} +.ui.large.card, +.ui.large.cards .card { + font-size: 1.14285714rem; +} +.ui.big.card, +.ui.big.cards .card { + font-size: 1.28571429rem; +} +.ui.huge.card, +.ui.huge.cards .card { + font-size: 1.42857143rem; +} +.ui.massive.card, +.ui.massive.cards .card { + font-size: 1.71428571rem; +} + +/* ----------------- + Inverted + ------------------ */ +.ui.inverted.cards > .card, +.ui.inverted.card { + background: #1b1c1d; + box-shadow: 0 1px 3px 0 #555, 0 0 0 1px #555; +} + +/* Content */ +.ui.inverted.cards > .card > .content, +.ui.inverted.card > .content { + border-top: 1px solid rgba(255, 255, 255, 0.15); +} + +/* Header */ +.ui.inverted.cards > .card > .content > .header, +.ui.inverted.card > .content > .header { + color: rgba(255, 255, 255, 0.9); +} +.ui.inverted.cards > .card > .content > a.header, +.ui.inverted.card > .content > a.header { + color: rgba(255, 255, 255, 0.9); +} +.ui.inverted.cards > .card > .content > a.header:hover, +.ui.inverted.card > .content > a.header:hover { + color: #1e70bf; +} + +/* Description */ +.ui.inverted.cards > .card > .content > .description, +.ui.inverted.card > .content > .description { + color: rgba(255, 255, 255, 0.8); +} + +/* Meta */ +.ui.inverted.cards > .card .meta, +.ui.inverted.card .meta { + color: rgba(255, 255, 255, 0.7); +} +.ui.inverted.cards > .card .meta > a:not(.ui), +.ui.inverted.card .meta > a:not(.ui) { + color: rgba(255, 255, 255, 0.7); +} +.ui.inverted.cards > .card .meta > a:not(.ui):hover, +.ui.inverted.card .meta > a:not(.ui):hover { + color: #ffffff; +} + +/* Extra */ +.ui.inverted.cards > .card > .extra, +.ui.inverted.card > .extra { + border-top: 1px solid rgba(255, 255, 255, 0.15) !important; + color: rgba(255, 255, 255, 0.7); +} +.ui.inverted.cards > .card > .extra a:not(.ui), +.ui.inverted.card > .extra a:not(.ui) { + color: rgba(255, 255, 255, 0.5); +} +.ui.inverted.cards > .card > .extra a:not(.ui):hover, +.ui.inverted.card > .extra a:not(.ui):hover { + color: #1e70bf; +} + +/* Link card(s) */ +.ui.inverted.cards a.card:hover, +.ui.inverted.link.cards .card:not(.icon):hover, +a.inverted.ui.card:hover, +.ui.inverted.link.card:hover { + background: #1b1c1d; +} + +/* Loading */ +.ui.inverted.loading.card { + color: #fff; +} +.ui.inverted.loading.card::before { + background: rgba(0, 0, 0, 0.85); +} + + +/******************************* + Theme Overrides +*******************************/ + + + +/******************************* + User Variable Overrides +*******************************/ + diff --git a/dist/library/fomantic/components/card.min.css b/dist/library/fomantic/components/card.min.css new file mode 100644 index 0000000..9456831 --- /dev/null +++ b/dist/library/fomantic/components/card.min.css @@ -0,0 +1,9 @@ +/*! + * # Fomantic-UI 2.9.3 - Card + * https://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */.ui.card,.ui.cards>.card{max-width:100%;position:relative;display:flex;flex-direction:column;width:290px;min-height:0;background:#fff;padding:0;border:none;border-radius:.28571429rem;box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;transition:box-shadow .1s ease,transform .1s ease;z-index:"";word-wrap:break-word}.ui.card{margin:1em 0}.ui.card a,.ui.cards>.card a{cursor:pointer}.ui.card:first-child{margin-top:0}.ui.card:last-child{margin-bottom:0}.ui.cards{display:flex;margin:-.875em -.5em;flex-wrap:wrap}.ui.cards>.card{display:flex;margin:.875em .5em;float:none}.ui.card::after,.ui.cards::after{display:block;content:" ";height:0;clear:both;overflow:hidden;visibility:hidden}.ui.cards~.ui.cards{margin-top:.875em}.ui.card>:first-child,.ui.cards>.card>:first-child{border-radius:.28571429rem .28571429rem 0 0!important;border-top:none!important}.ui.card>:last-child,.ui.cards>.card>:last-child{border-radius:0 0 .28571429rem .28571429rem!important}.ui.card>:only-child,.ui.cards>.card>:only-child{border-radius:.28571429rem!important}.ui.card>.image,.ui.cards>.card>.image{position:relative;display:block;flex:0 0 auto;padding:0;background:rgba(0,0,0,.05)}.ui.card>.image>img,.ui.cards>.card>.image>img{display:block;width:100%;height:auto;border-radius:inherit}.ui.card>.image:not(.ui)>img,.ui.cards>.card>.image:not(.ui)>img{border:none}.ui.card>.content,.ui.cards>.card>.content{flex-grow:1;border:none;border-top:1px solid rgba(34,36,38,.1);background:0 0;margin:0;padding:1em;box-shadow:none;font-size:1em;border-radius:0}.ui.card>.content::after,.ui.cards>.card>.content::after{display:block;content:" ";height:0;clear:both;overflow:hidden;visibility:hidden}.ui.card>.content>.header,.ui.cards>.card>.content>.header{display:block;margin:"";font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:rgba(0,0,0,.85)}.ui.card>.content>.header:not(.ui),.ui.cards>.card>.content>.header:not(.ui){font-weight:700;font-size:1.28571429em;margin-top:-.21425em;line-height:1.28571429em}.ui.card>.content>.header+.description,.ui.card>.content>.meta+.description,.ui.cards>.card>.content>.header+.description,.ui.cards>.card>.content>.meta+.description{margin-top:.5em}.ui.card [class*="left floated"],.ui.cards>.card [class*="left floated"]{float:left}.ui.card [class*="right floated"],.ui.cards>.card [class*="right floated"]{float:right}.ui.card [class*="left aligned"],.ui.cards>.card [class*="left aligned"]{text-align:left}.ui.card [class*="center aligned"],.ui.cards>.card [class*="center aligned"]{text-align:center}.ui.card [class*="right aligned"],.ui.cards>.card [class*="right aligned"]{text-align:right}.ui.card .content img,.ui.cards>.card .content img{display:inline-block;vertical-align:middle;width:""}.ui.card .avatar img,.ui.card img.avatar,.ui.cards>.card .avatar img,.ui.cards>.card img.avatar{width:2em;height:2em;border-radius:500rem}.ui.card>.content>.description,.ui.cards>.card>.content>.description{clear:both;color:rgba(0,0,0,.68)}.ui.card>.content p,.ui.cards>.card>.content p{margin:0 0 .5em}.ui.card>.content p:last-child,.ui.cards>.card>.content p:last-child{margin-bottom:0}.ui.card .meta,.ui.cards>.card .meta{font-size:1em;color:rgba(0,0,0,.4)}.ui.card .meta *,.ui.cards>.card .meta *{margin-right:.3em}.ui.card .meta :last-child,.ui.cards>.card .meta :last-child{margin-right:0}.ui.card .meta [class*="right floated"],.ui.cards>.card .meta [class*="right floated"]{margin-right:0;margin-left:.3em}.ui.card>.content a:not(.ui),.ui.cards>.card>.content a:not(.ui){color:"";transition:color .1s ease}.ui.card>.content a:not(.ui):hover,.ui.cards>.card>.content a:not(.ui):hover{color:""}.ui.card>.content>a.header,.ui.cards>.card>.content>a.header{color:rgba(0,0,0,.85)}.ui.card>.content>a.header:hover,.ui.cards>.card>.content>a.header:hover{color:#1e70bf}.ui.card .meta>a:not(.ui),.ui.cards>.card .meta>a:not(.ui){color:rgba(0,0,0,.4)}.ui.card .meta>a:not(.ui):hover,.ui.cards>.card .meta>a:not(.ui):hover{color:rgba(0,0,0,.87)}.ui.card>.button,.ui.card>.buttons,.ui.cards>.card>.button,.ui.cards>.card>.buttons{margin:0 -1px;width:calc(100% + 2px)}.ui.card>.button:last-child,.ui.card>.buttons:last-child,.ui.cards>.card>.button:last-child,.ui.cards>.card>.buttons:last-child{margin-bottom:-1px}.ui.cards:not(.raised)>.basic.card:not(.raised),.ui.ui.ui.basic.card:not(.raised),.ui.ui.ui.basic.cards:not(.raised)>.card:not(.raised){box-shadow:none}.ui.cards:not(.raised)>.basic.card:not(.raised)>.button,.ui.cards:not(.raised)>.basic.card:not(.raised)>.buttons,.ui.ui.ui.basic.card:not(.raised)>.button,.ui.ui.ui.basic.card:not(.raised)>.buttons,.ui.ui.ui.basic.cards:not(.raised)>.card:not(.raised)>.button,.ui.ui.ui.basic.cards:not(.raised)>.card:not(.raised)>.buttons{margin:0;width:100%}.ui.ui.ui.ui.ui.basic.card:not(.raised):hover,.ui.ui.ui.ui.ui.basic.cards:not(.raised) .card:not(.raised):hover{box-shadow:none}.ui.card .dimmer,.ui.cards>.card .dimmer{background:"";z-index:10}.ui.card>.content .star.icon,.ui.cards>.card>.content .star.icon{cursor:pointer;opacity:.75;transition:color .1s ease}.ui.card>.content .star.icon:hover,.ui.cards>.card>.content .star.icon:hover{opacity:1;color:#ffb70a}.ui.card>.content .active.star.icon,.ui.cards>.card>.content .active.star.icon{color:#ffe623}.ui.card>.content .like.icon,.ui.cards>.card>.content .like.icon{cursor:pointer;opacity:.75;transition:color .1s ease}.ui.card>.content .like.icon:hover,.ui.cards>.card>.content .like.icon:hover{opacity:1;color:#ff2733}.ui.card>.content .active.like.icon,.ui.cards>.card>.content .active.like.icon{color:#ff2733}.ui.card>.extra,.ui.cards>.card>.extra{max-width:100%;min-height:0!important;flex-grow:0;border-top:1px solid rgba(0,0,0,.05)!important;position:static;background:0 0;width:auto;margin:0;padding:.75em 1em;top:0;left:0;color:rgba(0,0,0,.4);box-shadow:none;transition:color .1s ease}.ui.card>.extra a:not(.ui),.ui.cards>.card>.extra a:not(.ui){color:rgba(0,0,0,.4)}.ui.card>.extra a:not(.ui):hover,.ui.cards>.card>.extra a:not(.ui):hover{color:#1e70bf}.ui.disabled.card{opacity:.45;color:rgba(40,40,40,.3);pointer-events:none}.ui.loading.card{position:relative;cursor:default;pointer-events:none;transition:all 0s linear}.ui.loading.card::before{position:absolute;content:"";top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;border-radius:.28571429rem;z-index:100}.ui.loading.card::after{position:absolute;content:"";top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}.ui.card.horizontal,.ui.horizontal.cards>.card{flex-flow:row wrap;min-width:270px;width:400px;max-width:100%}.ui.card.horizontal>.image,.ui.horizontal.cards>.card>.image{border-radius:.28571429rem 0 0 .28571429rem;width:150px}.ui.card.horizontal>.image>img,.ui.horizontal.cards>.card>.image>img{background-size:cover;background-repeat:no-repeat;background-position:center;justify-content:center;align-items:center;display:flex;width:100%;border-radius:.28571429rem 0 0 .28571429rem}.ui.card.horizontal>.image:last-child>img,.ui.horizontal.cards>.card>.image:last-child>img{border-radius:0 .28571429rem .28571429rem 0}.ui.horizontal.card>.content,.ui.horizontal.cards>.card>.content{border-top:none;flex-basis:1px}.ui.horizontal.card>.extra,.ui.horizontal.cards>.card>.extra{flex-basis:100%}.ui.cards>.raised.card,.ui.raised.card,.ui.raised.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.link.cards .raised.card:hover,.ui.link.raised.card:hover,.ui.raised.cards a.card:hover,a.ui.raised.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 4px 0 rgba(34,36,38,.15),0 2px 10px 0 rgba(34,36,38,.25)}.ui.basic.cards>.raised.card,.ui.basic.raised.card,.ui.basic.raised.cards>.card,.ui.raised.cards>.basic.card{box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.basic.raised.cards a.card:hover,.ui.link.basic.cards .raised.card:hover,.ui.link.basic.raised.card:hover,.ui.link.basic.raised.cards .card:hover,.ui.link.cards .basic.raised.card:hover,a.ui.basic.raised.card:hover{box-shadow:0 2px 4px 0 rgba(34,36,38,.15),0 2px 10px 0 rgba(34,36,38,.25)}.ui.centered.cards{justify-content:center}.ui.centered.card{margin-left:auto;margin-right:auto}.ui.fluid.card{width:100%;max-width:9999px}.ui.cards a.card,.ui.link.card,.ui.link.cards .card,a.ui.card{transform:none}.ui.cards a.card:hover,.ui.link.card:hover,.ui.link.cards .card:not(.icon):hover,a.ui.card:hover{cursor:pointer;z-index:5;background:#fff;border:none;box-shadow:0 1px 3px 0 #bcbdbd,0 0 0 1px #d4d4d5;transform:translateY(-3px)}.ui.cards>.primary.card,.ui.primary.card,.ui.primary.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #2185d0,0 1px 3px 0 #d4d4d5}.ui.cards a.primary.card:hover,.ui.link.cards .primary.card:not(.icon):hover,.ui.link.primary.card:hover,.ui.link.primary.cards .card:not(.icon):hover,.ui.primary.cards a.card:hover,a.ui.primary.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #1678c2,0 1px 3px 0 #bcbdbd}.ui.basic.cards>.primary.card,.ui.basic.primary.card,.ui.basic.primary.cards>.card,.ui.cards>.basic.primary.card{background:#54c8ff}.ui.basic.cards a.primary.card:hover,.ui.basic.primary.cards a.card:hover,.ui.cards a.basic.primary.card:hover,.ui.link.basic.cards .primary.card:not(.icon):hover,.ui.link.basic.primary.card:hover,.ui.link.basic.primary.cards .card:not(.icon):hover,.ui.link.cards .basic.primary.card:not(.icon):hover,a.ui.basic.primary.card:hover{background:#21b8ff}.ui.inverted.cards>.primary.card,.ui.inverted.primary.card,.ui.inverted.primary.cards>.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #54c8ff,0 0 0 1px #555}.ui.inverted.cards a.primary.card:hover,.ui.inverted.primary.cards a.card:hover,.ui.link.inverted.cards .primary.card:not(.icon):hover,.ui.link.inverted.primary.card:hover,.ui.link.inverted.primary.cards .card:not(.icon):hover,a.ui.inverted.primary.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #21b8ff,0 0 0 1px #555}.ui.basic.inverted.cards>.primary.card,.ui.basic.inverted.primary.card,.ui.basic.inverted.primary.cards>.card,.ui.inverted.cards>.basic.primary.card{background:#2185d0}.ui.basic.inverted.cards a.primary.card:hover,.ui.basic.inverted.primary.cards a.card:hover,.ui.inverted.cards a.basic.primary.card:hover,.ui.link.basic.inverted.cards .primary.card:not(.icon):hover,.ui.link.basic.inverted.primary.card:hover,.ui.link.basic.inverted.primary.cards .card:not(.icon):hover,.ui.link.inverted.cards .basic.primary.card:not(.icon):hover,a.ui.basic.inverted.primary.card:hover{background:#1678c2}.ui.cards>.secondary.card,.ui.secondary.card,.ui.secondary.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #1b1c1d,0 1px 3px 0 #d4d4d5}.ui.cards a.secondary.card:hover,.ui.link.cards .secondary.card:not(.icon):hover,.ui.link.secondary.card:hover,.ui.link.secondary.cards .card:not(.icon):hover,.ui.secondary.cards a.card:hover,a.ui.secondary.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #27292a,0 1px 3px 0 #bcbdbd}.ui.basic.cards>.secondary.card,.ui.basic.secondary.card,.ui.basic.secondary.cards>.card,.ui.cards>.basic.secondary.card{background:#545454}.ui.basic.cards a.secondary.card:hover,.ui.basic.secondary.cards a.card:hover,.ui.cards a.basic.secondary.card:hover,.ui.link.basic.cards .secondary.card:not(.icon):hover,.ui.link.basic.secondary.card:hover,.ui.link.basic.secondary.cards .card:not(.icon):hover,.ui.link.cards .basic.secondary.card:not(.icon):hover,a.ui.basic.secondary.card:hover{background:#6e6e6e}.ui.inverted.cards>.secondary.card,.ui.inverted.secondary.card,.ui.inverted.secondary.cards>.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #545454,0 0 0 1px #555}.ui.inverted.cards a.secondary.card:hover,.ui.inverted.secondary.cards a.card:hover,.ui.link.inverted.cards .secondary.card:not(.icon):hover,.ui.link.inverted.secondary.card:hover,.ui.link.inverted.secondary.cards .card:not(.icon):hover,a.ui.inverted.secondary.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #6e6e6e,0 0 0 1px #555}.ui.basic.inverted.cards>.secondary.card,.ui.basic.inverted.secondary.card,.ui.basic.inverted.secondary.cards>.card,.ui.inverted.cards>.basic.secondary.card{background:#1b1c1d}.ui.basic.inverted.cards a.secondary.card:hover,.ui.basic.inverted.secondary.cards a.card:hover,.ui.inverted.cards a.basic.secondary.card:hover,.ui.link.basic.inverted.cards .secondary.card:not(.icon):hover,.ui.link.basic.inverted.secondary.card:hover,.ui.link.basic.inverted.secondary.cards .card:not(.icon):hover,.ui.link.inverted.cards .basic.secondary.card:not(.icon):hover,a.ui.basic.inverted.secondary.card:hover{background:#27292a}.ui.cards>.red.card,.ui.red.card,.ui.red.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #db2828,0 1px 3px 0 #d4d4d5}.ui.cards a.red.card:hover,.ui.link.cards .red.card:not(.icon):hover,.ui.link.red.card:hover,.ui.link.red.cards .card:not(.icon):hover,.ui.red.cards a.card:hover,a.ui.red.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #d01919,0 1px 3px 0 #bcbdbd}.ui.basic.cards>.red.card,.ui.basic.red.card,.ui.basic.red.cards>.card,.ui.cards>.basic.red.card{background:#ff695e}.ui.basic.cards a.red.card:hover,.ui.basic.red.cards a.card:hover,.ui.cards a.basic.red.card:hover,.ui.link.basic.cards .red.card:not(.icon):hover,.ui.link.basic.red.card:hover,.ui.link.basic.red.cards .card:not(.icon):hover,.ui.link.cards .basic.red.card:not(.icon):hover,a.ui.basic.red.card:hover{background:#ff392b}.ui.inverted.cards>.red.card,.ui.inverted.red.card,.ui.inverted.red.cards>.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #ff695e,0 0 0 1px #555}.ui.inverted.cards a.red.card:hover,.ui.inverted.red.cards a.card:hover,.ui.link.inverted.cards .red.card:not(.icon):hover,.ui.link.inverted.red.card:hover,.ui.link.inverted.red.cards .card:not(.icon):hover,a.ui.inverted.red.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #ff392b,0 0 0 1px #555}.ui.basic.inverted.cards>.red.card,.ui.basic.inverted.red.card,.ui.basic.inverted.red.cards>.card,.ui.inverted.cards>.basic.red.card{background:#db2828}.ui.basic.inverted.cards a.red.card:hover,.ui.basic.inverted.red.cards a.card:hover,.ui.inverted.cards a.basic.red.card:hover,.ui.link.basic.inverted.cards .red.card:not(.icon):hover,.ui.link.basic.inverted.red.card:hover,.ui.link.basic.inverted.red.cards .card:not(.icon):hover,.ui.link.inverted.cards .basic.red.card:not(.icon):hover,a.ui.basic.inverted.red.card:hover{background:#d01919}.ui.cards>.orange.card,.ui.orange.card,.ui.orange.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #f2711c,0 1px 3px 0 #d4d4d5}.ui.cards a.orange.card:hover,.ui.link.cards .orange.card:not(.icon):hover,.ui.link.orange.card:hover,.ui.link.orange.cards .card:not(.icon):hover,.ui.orange.cards a.card:hover,a.ui.orange.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #f26202,0 1px 3px 0 #bcbdbd}.ui.basic.cards>.orange.card,.ui.basic.orange.card,.ui.basic.orange.cards>.card,.ui.cards>.basic.orange.card{background:#ff851b}.ui.basic.cards a.orange.card:hover,.ui.basic.orange.cards a.card:hover,.ui.cards a.basic.orange.card:hover,.ui.link.basic.cards .orange.card:not(.icon):hover,.ui.link.basic.orange.card:hover,.ui.link.basic.orange.cards .card:not(.icon):hover,.ui.link.cards .basic.orange.card:not(.icon):hover,a.ui.basic.orange.card:hover{background:#e76b00}.ui.inverted.cards>.orange.card,.ui.inverted.orange.card,.ui.inverted.orange.cards>.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #ff851b,0 0 0 1px #555}.ui.inverted.cards a.orange.card:hover,.ui.inverted.orange.cards a.card:hover,.ui.link.inverted.cards .orange.card:not(.icon):hover,.ui.link.inverted.orange.card:hover,.ui.link.inverted.orange.cards .card:not(.icon):hover,a.ui.inverted.orange.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #e76b00,0 0 0 1px #555}.ui.basic.inverted.cards>.orange.card,.ui.basic.inverted.orange.card,.ui.basic.inverted.orange.cards>.card,.ui.inverted.cards>.basic.orange.card{background:#f2711c}.ui.basic.inverted.cards a.orange.card:hover,.ui.basic.inverted.orange.cards a.card:hover,.ui.inverted.cards a.basic.orange.card:hover,.ui.link.basic.inverted.cards .orange.card:not(.icon):hover,.ui.link.basic.inverted.orange.card:hover,.ui.link.basic.inverted.orange.cards .card:not(.icon):hover,.ui.link.inverted.cards .basic.orange.card:not(.icon):hover,a.ui.basic.inverted.orange.card:hover{background:#f26202}.ui.cards>.yellow.card,.ui.yellow.card,.ui.yellow.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #fbbd08,0 1px 3px 0 #d4d4d5}.ui.cards a.yellow.card:hover,.ui.link.cards .yellow.card:not(.icon):hover,.ui.link.yellow.card:hover,.ui.link.yellow.cards .card:not(.icon):hover,.ui.yellow.cards a.card:hover,a.ui.yellow.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #eaae00,0 1px 3px 0 #bcbdbd}.ui.basic.cards>.yellow.card,.ui.basic.yellow.card,.ui.basic.yellow.cards>.card,.ui.cards>.basic.yellow.card{background:#ffe21f}.ui.basic.cards a.yellow.card:hover,.ui.basic.yellow.cards a.card:hover,.ui.cards a.basic.yellow.card:hover,.ui.link.basic.cards .yellow.card:not(.icon):hover,.ui.link.basic.yellow.card:hover,.ui.link.basic.yellow.cards .card:not(.icon):hover,.ui.link.cards .basic.yellow.card:not(.icon):hover,a.ui.basic.yellow.card:hover{background:#ebcd00}.ui.inverted.cards>.yellow.card,.ui.inverted.yellow.card,.ui.inverted.yellow.cards>.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #ffe21f,0 0 0 1px #555}.ui.inverted.cards a.yellow.card:hover,.ui.inverted.yellow.cards a.card:hover,.ui.link.inverted.cards .yellow.card:not(.icon):hover,.ui.link.inverted.yellow.card:hover,.ui.link.inverted.yellow.cards .card:not(.icon):hover,a.ui.inverted.yellow.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #ebcd00,0 0 0 1px #555}.ui.basic.inverted.cards>.yellow.card,.ui.basic.inverted.yellow.card,.ui.basic.inverted.yellow.cards>.card,.ui.inverted.cards>.basic.yellow.card{background:#fbbd08}.ui.basic.inverted.cards a.yellow.card:hover,.ui.basic.inverted.yellow.cards a.card:hover,.ui.inverted.cards a.basic.yellow.card:hover,.ui.link.basic.inverted.cards .yellow.card:not(.icon):hover,.ui.link.basic.inverted.yellow.card:hover,.ui.link.basic.inverted.yellow.cards .card:not(.icon):hover,.ui.link.inverted.cards .basic.yellow.card:not(.icon):hover,a.ui.basic.inverted.yellow.card:hover{background:#eaae00}.ui.cards>.olive.card,.ui.olive.card,.ui.olive.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #b5cc18,0 1px 3px 0 #d4d4d5}.ui.cards a.olive.card:hover,.ui.link.cards .olive.card:not(.icon):hover,.ui.link.olive.card:hover,.ui.link.olive.cards .card:not(.icon):hover,.ui.olive.cards a.card:hover,a.ui.olive.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #a7bd0d,0 1px 3px 0 #bcbdbd}.ui.basic.cards>.olive.card,.ui.basic.olive.card,.ui.basic.olive.cards>.card,.ui.cards>.basic.olive.card{background:#d9e778}.ui.basic.cards a.olive.card:hover,.ui.basic.olive.cards a.card:hover,.ui.cards a.basic.olive.card:hover,.ui.link.basic.cards .olive.card:not(.icon):hover,.ui.link.basic.olive.card:hover,.ui.link.basic.olive.cards .card:not(.icon):hover,.ui.link.cards .basic.olive.card:not(.icon):hover,a.ui.basic.olive.card:hover{background:#d2e745}.ui.inverted.cards>.olive.card,.ui.inverted.olive.card,.ui.inverted.olive.cards>.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #d9e778,0 0 0 1px #555}.ui.inverted.cards a.olive.card:hover,.ui.inverted.olive.cards a.card:hover,.ui.link.inverted.cards .olive.card:not(.icon):hover,.ui.link.inverted.olive.card:hover,.ui.link.inverted.olive.cards .card:not(.icon):hover,a.ui.inverted.olive.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #d2e745,0 0 0 1px #555}.ui.basic.inverted.cards>.olive.card,.ui.basic.inverted.olive.card,.ui.basic.inverted.olive.cards>.card,.ui.inverted.cards>.basic.olive.card{background:#b5cc18}.ui.basic.inverted.cards a.olive.card:hover,.ui.basic.inverted.olive.cards a.card:hover,.ui.inverted.cards a.basic.olive.card:hover,.ui.link.basic.inverted.cards .olive.card:not(.icon):hover,.ui.link.basic.inverted.olive.card:hover,.ui.link.basic.inverted.olive.cards .card:not(.icon):hover,.ui.link.inverted.cards .basic.olive.card:not(.icon):hover,a.ui.basic.inverted.olive.card:hover{background:#a7bd0d}.ui.cards>.green.card,.ui.green.card,.ui.green.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #21ba45,0 1px 3px 0 #d4d4d5}.ui.cards a.green.card:hover,.ui.green.cards a.card:hover,.ui.link.cards .green.card:not(.icon):hover,.ui.link.green.card:hover,.ui.link.green.cards .card:not(.icon):hover,a.ui.green.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #16ab39,0 1px 3px 0 #bcbdbd}.ui.basic.cards>.green.card,.ui.basic.green.card,.ui.basic.green.cards>.card,.ui.cards>.basic.green.card{background:#2ecc40}.ui.basic.cards a.green.card:hover,.ui.basic.green.cards a.card:hover,.ui.cards a.basic.green.card:hover,.ui.link.basic.cards .green.card:not(.icon):hover,.ui.link.basic.green.card:hover,.ui.link.basic.green.cards .card:not(.icon):hover,.ui.link.cards .basic.green.card:not(.icon):hover,a.ui.basic.green.card:hover{background:#1ea92e}.ui.inverted.cards>.green.card,.ui.inverted.green.card,.ui.inverted.green.cards>.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #2ecc40,0 0 0 1px #555}.ui.inverted.cards a.green.card:hover,.ui.inverted.green.cards a.card:hover,.ui.link.inverted.cards .green.card:not(.icon):hover,.ui.link.inverted.green.card:hover,.ui.link.inverted.green.cards .card:not(.icon):hover,a.ui.inverted.green.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #1ea92e,0 0 0 1px #555}.ui.basic.inverted.cards>.green.card,.ui.basic.inverted.green.card,.ui.basic.inverted.green.cards>.card,.ui.inverted.cards>.basic.green.card{background:#21ba45}.ui.basic.inverted.cards a.green.card:hover,.ui.basic.inverted.green.cards a.card:hover,.ui.inverted.cards a.basic.green.card:hover,.ui.link.basic.inverted.cards .green.card:not(.icon):hover,.ui.link.basic.inverted.green.card:hover,.ui.link.basic.inverted.green.cards .card:not(.icon):hover,.ui.link.inverted.cards .basic.green.card:not(.icon):hover,a.ui.basic.inverted.green.card:hover{background:#16ab39}.ui.cards>.teal.card,.ui.teal.card,.ui.teal.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #00b5ad,0 1px 3px 0 #d4d4d5}.ui.cards a.teal.card:hover,.ui.link.cards .teal.card:not(.icon):hover,.ui.link.teal.card:hover,.ui.link.teal.cards .card:not(.icon):hover,.ui.teal.cards a.card:hover,a.ui.teal.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #009c95,0 1px 3px 0 #bcbdbd}.ui.basic.cards>.teal.card,.ui.basic.teal.card,.ui.basic.teal.cards>.card,.ui.cards>.basic.teal.card{background:#6dffff}.ui.basic.cards a.teal.card:hover,.ui.basic.teal.cards a.card:hover,.ui.cards a.basic.teal.card:hover,.ui.link.basic.cards .teal.card:not(.icon):hover,.ui.link.basic.teal.card:hover,.ui.link.basic.teal.cards .card:not(.icon):hover,.ui.link.cards .basic.teal.card:not(.icon):hover,a.ui.basic.teal.card:hover{background:#3affff}.ui.inverted.cards>.teal.card,.ui.inverted.teal.card,.ui.inverted.teal.cards>.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #6dffff,0 0 0 1px #555}.ui.inverted.cards a.teal.card:hover,.ui.inverted.teal.cards a.card:hover,.ui.link.inverted.cards .teal.card:not(.icon):hover,.ui.link.inverted.teal.card:hover,.ui.link.inverted.teal.cards .card:not(.icon):hover,a.ui.inverted.teal.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #3affff,0 0 0 1px #555}.ui.basic.inverted.cards>.teal.card,.ui.basic.inverted.teal.card,.ui.basic.inverted.teal.cards>.card,.ui.inverted.cards>.basic.teal.card{background:#00b5ad}.ui.basic.inverted.cards a.teal.card:hover,.ui.basic.inverted.teal.cards a.card:hover,.ui.inverted.cards a.basic.teal.card:hover,.ui.link.basic.inverted.cards .teal.card:not(.icon):hover,.ui.link.basic.inverted.teal.card:hover,.ui.link.basic.inverted.teal.cards .card:not(.icon):hover,.ui.link.inverted.cards .basic.teal.card:not(.icon):hover,a.ui.basic.inverted.teal.card:hover{background:#009c95}.ui.blue.card,.ui.blue.cards>.card,.ui.cards>.blue.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #2185d0,0 1px 3px 0 #d4d4d5}.ui.blue.cards a.card:hover,.ui.cards a.blue.card:hover,.ui.link.blue.card:hover,.ui.link.blue.cards .card:not(.icon):hover,.ui.link.cards .blue.card:not(.icon):hover,a.ui.blue.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #1678c2,0 1px 3px 0 #bcbdbd}.ui.basic.blue.card,.ui.basic.blue.cards>.card,.ui.basic.cards>.blue.card,.ui.cards>.basic.blue.card{background:#54c8ff}.ui.basic.blue.cards a.card:hover,.ui.basic.cards a.blue.card:hover,.ui.cards a.basic.blue.card:hover,.ui.link.basic.blue.card:hover,.ui.link.basic.blue.cards .card:not(.icon):hover,.ui.link.basic.cards .blue.card:not(.icon):hover,.ui.link.cards .basic.blue.card:not(.icon):hover,a.ui.basic.blue.card:hover{background:#21b8ff}.ui.inverted.blue.card,.ui.inverted.blue.cards>.card,.ui.inverted.cards>.blue.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #54c8ff,0 0 0 1px #555}.ui.inverted.blue.cards a.card:hover,.ui.inverted.cards a.blue.card:hover,.ui.link.inverted.blue.card:hover,.ui.link.inverted.blue.cards .card:not(.icon):hover,.ui.link.inverted.cards .blue.card:not(.icon):hover,a.ui.inverted.blue.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #21b8ff,0 0 0 1px #555}.ui.basic.inverted.blue.card,.ui.basic.inverted.blue.cards>.card,.ui.basic.inverted.cards>.blue.card,.ui.inverted.cards>.basic.blue.card{background:#2185d0}.ui.basic.inverted.blue.cards a.card:hover,.ui.basic.inverted.cards a.blue.card:hover,.ui.inverted.cards a.basic.blue.card:hover,.ui.link.basic.inverted.blue.card:hover,.ui.link.basic.inverted.blue.cards .card:not(.icon):hover,.ui.link.basic.inverted.cards .blue.card:not(.icon):hover,.ui.link.inverted.cards .basic.blue.card:not(.icon):hover,a.ui.basic.inverted.blue.card:hover{background:#1678c2}.ui.cards>.violet.card,.ui.violet.card,.ui.violet.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #6435c9,0 1px 3px 0 #d4d4d5}.ui.cards a.violet.card:hover,.ui.link.cards .violet.card:not(.icon):hover,.ui.link.violet.card:hover,.ui.link.violet.cards .card:not(.icon):hover,.ui.violet.cards a.card:hover,a.ui.violet.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #5829bb,0 1px 3px 0 #bcbdbd}.ui.basic.cards>.violet.card,.ui.basic.violet.card,.ui.basic.violet.cards>.card,.ui.cards>.basic.violet.card{background:#a291fb}.ui.basic.cards a.violet.card:hover,.ui.basic.violet.cards a.card:hover,.ui.cards a.basic.violet.card:hover,.ui.link.basic.cards .violet.card:not(.icon):hover,.ui.link.basic.violet.card:hover,.ui.link.basic.violet.cards .card:not(.icon):hover,.ui.link.cards .basic.violet.card:not(.icon):hover,a.ui.basic.violet.card:hover{background:#745aff}.ui.inverted.cards>.violet.card,.ui.inverted.violet.card,.ui.inverted.violet.cards>.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #a291fb,0 0 0 1px #555}.ui.inverted.cards a.violet.card:hover,.ui.inverted.violet.cards a.card:hover,.ui.link.inverted.cards .violet.card:not(.icon):hover,.ui.link.inverted.violet.card:hover,.ui.link.inverted.violet.cards .card:not(.icon):hover,a.ui.inverted.violet.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #745aff,0 0 0 1px #555}.ui.basic.inverted.cards>.violet.card,.ui.basic.inverted.violet.card,.ui.basic.inverted.violet.cards>.card,.ui.inverted.cards>.basic.violet.card{background:#6435c9}.ui.basic.inverted.cards a.violet.card:hover,.ui.basic.inverted.violet.cards a.card:hover,.ui.inverted.cards a.basic.violet.card:hover,.ui.link.basic.inverted.cards .violet.card:not(.icon):hover,.ui.link.basic.inverted.violet.card:hover,.ui.link.basic.inverted.violet.cards .card:not(.icon):hover,.ui.link.inverted.cards .basic.violet.card:not(.icon):hover,a.ui.basic.inverted.violet.card:hover{background:#5829bb}.ui.cards>.purple.card,.ui.purple.card,.ui.purple.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #a333c8,0 1px 3px 0 #d4d4d5}.ui.cards a.purple.card:hover,.ui.link.cards .purple.card:not(.icon):hover,.ui.link.purple.card:hover,.ui.link.purple.cards .card:not(.icon):hover,.ui.purple.cards a.card:hover,a.ui.purple.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #9627ba,0 1px 3px 0 #bcbdbd}.ui.basic.cards>.purple.card,.ui.basic.purple.card,.ui.basic.purple.cards>.card,.ui.cards>.basic.purple.card{background:#dc73ff}.ui.basic.cards a.purple.card:hover,.ui.basic.purple.cards a.card:hover,.ui.cards a.basic.purple.card:hover,.ui.link.basic.cards .purple.card:not(.icon):hover,.ui.link.basic.purple.card:hover,.ui.link.basic.purple.cards .card:not(.icon):hover,.ui.link.cards .basic.purple.card:not(.icon):hover,a.ui.basic.purple.card:hover{background:#cf40ff}.ui.inverted.cards>.purple.card,.ui.inverted.purple.card,.ui.inverted.purple.cards>.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #dc73ff,0 0 0 1px #555}.ui.inverted.cards a.purple.card:hover,.ui.inverted.purple.cards a.card:hover,.ui.link.inverted.cards .purple.card:not(.icon):hover,.ui.link.inverted.purple.card:hover,.ui.link.inverted.purple.cards .card:not(.icon):hover,a.ui.inverted.purple.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #cf40ff,0 0 0 1px #555}.ui.basic.inverted.cards>.purple.card,.ui.basic.inverted.purple.card,.ui.basic.inverted.purple.cards>.card,.ui.inverted.cards>.basic.purple.card{background:#a333c8}.ui.basic.inverted.cards a.purple.card:hover,.ui.basic.inverted.purple.cards a.card:hover,.ui.inverted.cards a.basic.purple.card:hover,.ui.link.basic.inverted.cards .purple.card:not(.icon):hover,.ui.link.basic.inverted.purple.card:hover,.ui.link.basic.inverted.purple.cards .card:not(.icon):hover,.ui.link.inverted.cards .basic.purple.card:not(.icon):hover,a.ui.basic.inverted.purple.card:hover{background:#9627ba}.ui.cards>.pink.card,.ui.pink.card,.ui.pink.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #e03997,0 1px 3px 0 #d4d4d5}.ui.cards a.pink.card:hover,.ui.link.cards .pink.card:not(.icon):hover,.ui.link.pink.card:hover,.ui.link.pink.cards .card:not(.icon):hover,.ui.pink.cards a.card:hover,a.ui.pink.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #e61a8d,0 1px 3px 0 #bcbdbd}.ui.basic.cards>.pink.card,.ui.basic.pink.card,.ui.basic.pink.cards>.card,.ui.cards>.basic.pink.card{background:#ff8edf}.ui.basic.cards a.pink.card:hover,.ui.basic.pink.cards a.card:hover,.ui.cards a.basic.pink.card:hover,.ui.link.basic.cards .pink.card:not(.icon):hover,.ui.link.basic.pink.card:hover,.ui.link.basic.pink.cards .card:not(.icon):hover,.ui.link.cards .basic.pink.card:not(.icon):hover,a.ui.basic.pink.card:hover{background:#ff5bd1}.ui.inverted.cards>.pink.card,.ui.inverted.pink.card,.ui.inverted.pink.cards>.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #ff8edf,0 0 0 1px #555}.ui.inverted.cards a.pink.card:hover,.ui.inverted.pink.cards a.card:hover,.ui.link.inverted.cards .pink.card:not(.icon):hover,.ui.link.inverted.pink.card:hover,.ui.link.inverted.pink.cards .card:not(.icon):hover,a.ui.inverted.pink.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #ff5bd1,0 0 0 1px #555}.ui.basic.inverted.cards>.pink.card,.ui.basic.inverted.pink.card,.ui.basic.inverted.pink.cards>.card,.ui.inverted.cards>.basic.pink.card{background:#e03997}.ui.basic.inverted.cards a.pink.card:hover,.ui.basic.inverted.pink.cards a.card:hover,.ui.inverted.cards a.basic.pink.card:hover,.ui.link.basic.inverted.cards .pink.card:not(.icon):hover,.ui.link.basic.inverted.pink.card:hover,.ui.link.basic.inverted.pink.cards .card:not(.icon):hover,.ui.link.inverted.cards .basic.pink.card:not(.icon):hover,a.ui.basic.inverted.pink.card:hover{background:#e61a8d}.ui.brown.card,.ui.brown.cards>.card,.ui.cards>.brown.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #a5673f,0 1px 3px 0 #d4d4d5}.ui.brown.cards a.card:hover,.ui.cards a.brown.card:hover,.ui.link.brown.card:hover,.ui.link.brown.cards .card:not(.icon):hover,.ui.link.cards .brown.card:not(.icon):hover,a.ui.brown.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #975b33,0 1px 3px 0 #bcbdbd}.ui.basic.brown.card,.ui.basic.brown.cards>.card,.ui.basic.cards>.brown.card,.ui.cards>.basic.brown.card{background:#d67c1c}.ui.basic.brown.cards a.card:hover,.ui.basic.cards a.brown.card:hover,.ui.cards a.basic.brown.card:hover,.ui.link.basic.brown.card:hover,.ui.link.basic.brown.cards .card:not(.icon):hover,.ui.link.basic.cards .brown.card:not(.icon):hover,.ui.link.cards .basic.brown.card:not(.icon):hover,a.ui.basic.brown.card:hover{background:#b0620f}.ui.inverted.brown.card,.ui.inverted.brown.cards>.card,.ui.inverted.cards>.brown.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #d67c1c,0 0 0 1px #555}.ui.inverted.brown.cards a.card:hover,.ui.inverted.cards a.brown.card:hover,.ui.link.inverted.brown.card:hover,.ui.link.inverted.brown.cards .card:not(.icon):hover,.ui.link.inverted.cards .brown.card:not(.icon):hover,a.ui.inverted.brown.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #b0620f,0 0 0 1px #555}.ui.basic.inverted.brown.card,.ui.basic.inverted.brown.cards>.card,.ui.basic.inverted.cards>.brown.card,.ui.inverted.cards>.basic.brown.card{background:#a5673f}.ui.basic.inverted.brown.cards a.card:hover,.ui.basic.inverted.cards a.brown.card:hover,.ui.inverted.cards a.basic.brown.card:hover,.ui.link.basic.inverted.brown.card:hover,.ui.link.basic.inverted.brown.cards .card:not(.icon):hover,.ui.link.basic.inverted.cards .brown.card:not(.icon):hover,.ui.link.inverted.cards .basic.brown.card:not(.icon):hover,a.ui.basic.inverted.brown.card:hover{background:#975b33}.ui.cards>.grey.card,.ui.grey.card,.ui.grey.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #767676,0 1px 3px 0 #d4d4d5}.ui.cards a.grey.card:hover,.ui.grey.cards a.card:hover,.ui.link.cards .grey.card:not(.icon):hover,.ui.link.grey.card:hover,.ui.link.grey.cards .card:not(.icon):hover,a.ui.grey.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #838383,0 1px 3px 0 #bcbdbd}.ui.basic.cards>.grey.card,.ui.basic.grey.card,.ui.basic.grey.cards>.card,.ui.cards>.basic.grey.card{background:#dcddde}.ui.basic.cards a.grey.card:hover,.ui.basic.grey.cards a.card:hover,.ui.cards a.basic.grey.card:hover,.ui.link.basic.cards .grey.card:not(.icon):hover,.ui.link.basic.grey.card:hover,.ui.link.basic.grey.cards .card:not(.icon):hover,.ui.link.cards .basic.grey.card:not(.icon):hover,a.ui.basic.grey.card:hover{background:#c2c4c5}.ui.inverted.cards>.grey.card,.ui.inverted.grey.card,.ui.inverted.grey.cards>.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #dcddde,0 0 0 1px #555}.ui.inverted.cards a.grey.card:hover,.ui.inverted.grey.cards a.card:hover,.ui.link.inverted.cards .grey.card:not(.icon):hover,.ui.link.inverted.grey.card:hover,.ui.link.inverted.grey.cards .card:not(.icon):hover,a.ui.inverted.grey.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #c2c4c5,0 0 0 1px #555}.ui.basic.inverted.cards>.grey.card,.ui.basic.inverted.grey.card,.ui.basic.inverted.grey.cards>.card,.ui.inverted.cards>.basic.grey.card{background:#767676}.ui.basic.inverted.cards a.grey.card:hover,.ui.basic.inverted.grey.cards a.card:hover,.ui.inverted.cards a.basic.grey.card:hover,.ui.link.basic.inverted.cards .grey.card:not(.icon):hover,.ui.link.basic.inverted.grey.card:hover,.ui.link.basic.inverted.grey.cards .card:not(.icon):hover,.ui.link.inverted.cards .basic.grey.card:not(.icon):hover,a.ui.basic.inverted.grey.card:hover{background:#838383}.ui.black.card,.ui.black.cards>.card,.ui.cards>.black.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #1b1c1d,0 1px 3px 0 #d4d4d5}.ui.black.cards a.card:hover,.ui.cards a.black.card:hover,.ui.link.black.card:hover,.ui.link.black.cards .card:not(.icon):hover,.ui.link.cards .black.card:not(.icon):hover,a.ui.black.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #27292a,0 1px 3px 0 #bcbdbd}.ui.basic.black.card,.ui.basic.black.cards>.card,.ui.basic.cards>.black.card,.ui.cards>.basic.black.card{background:#545454}.ui.basic.black.card .content,.ui.basic.black.card .description,.ui.basic.black.card .header,.ui.basic.black.card .meta,.ui.basic.black.cards>.card .content,.ui.basic.black.cards>.card .description,.ui.basic.black.cards>.card .header,.ui.basic.black.cards>.card .meta,.ui.basic.cards>.black.card .content,.ui.basic.cards>.black.card .description,.ui.basic.cards>.black.card .header,.ui.basic.cards>.black.card .meta,.ui.cards>.basic.black.card .content,.ui.cards>.basic.black.card .description,.ui.cards>.basic.black.card .header,.ui.cards>.basic.black.card .meta{color:#fff}.ui.basic.black.cards a.card:hover,.ui.basic.cards a.black.card:hover,.ui.cards a.basic.black.card:hover,.ui.link.basic.black.card:hover,.ui.link.basic.black.cards .card:not(.icon):hover,.ui.link.basic.cards .black.card:not(.icon):hover,.ui.link.cards .basic.black.card:not(.icon):hover,a.ui.basic.black.card:hover{background:#000}.ui.inverted.black.card,.ui.inverted.black.cards>.card,.ui.inverted.cards>.black.card{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #545454,0 0 0 1px #555}.ui.inverted.black.cards a.card:hover,.ui.inverted.cards a.black.card:hover,.ui.link.inverted.black.card:hover,.ui.link.inverted.black.cards .card:not(.icon):hover,.ui.link.inverted.cards .black.card:not(.icon):hover,a.ui.inverted.black.card:hover{box-shadow:0 1px 3px 0 #555,0 2px 0 0 #000,0 0 0 1px #555}.ui.basic.inverted.black.card,.ui.basic.inverted.black.cards>.card,.ui.basic.inverted.cards>.black.card,.ui.inverted.cards>.basic.black.card{background:#1b1c1d}.ui.basic.inverted.black.cards a.card:hover,.ui.basic.inverted.cards a.black.card:hover,.ui.inverted.cards a.basic.black.card:hover,.ui.link.basic.inverted.black.card:hover,.ui.link.basic.inverted.black.cards .card:not(.icon):hover,.ui.link.basic.inverted.cards .black.card:not(.icon):hover,.ui.link.inverted.cards .basic.black.card:not(.icon):hover,a.ui.basic.inverted.black.card:hover{background:#27292a}.ui.one.cards{margin-left:0;margin-right:0}.ui.one.cards>.card{width:100%}.ui.two.cards{margin-left:-1em;margin-right:-1em}.ui.two.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.three.cards{margin-left:-1em;margin-right:-1em}.ui.three.cards>.card{width:calc(33.33333333333333% - 2em);margin-left:1em;margin-right:1em}.ui.four.cards{margin-left:-.75em;margin-right:-.75em}.ui.four.cards>.card{width:calc(25% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.five.cards{margin-left:-.75em;margin-right:-.75em}.ui.five.cards>.card{width:calc(20% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.six.cards{margin-left:-.75em;margin-right:-.75em}.ui.six.cards>.card{width:calc(16.666666666666664% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.seven.cards{margin-left:-.5em;margin-right:-.5em}.ui.seven.cards>.card{width:calc(14.285714285714285% - 1em);margin-left:.5em;margin-right:.5em}.ui.eight.cards{margin-left:-.5em;margin-right:-.5em}.ui.eight.cards>.card{width:calc(12.5% - 1em);margin-left:.5em;margin-right:.5em;font-size:11px}.ui.nine.cards{margin-left:-.5em;margin-right:-.5em}.ui.nine.cards>.card{width:calc(11.11111111111111% - 1em);margin-left:.5em;margin-right:.5em;font-size:10px}.ui.ten.cards{margin-left:-.5em;margin-right:-.5em}.ui.ten.cards>.card{width:calc(10% - 1em);margin-left:.5em;margin-right:.5em}@media only screen and (max-width:767.98px){.ui.two.doubling.cards{margin-left:0;margin-right:0}.ui.two.doubling.cards>.card{width:100%;margin-left:0;margin-right:0}.ui.three.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.three.doubling.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.four.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.four.doubling.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.five.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.five.doubling.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.six.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.six.doubling.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.seven.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.seven.doubling.cards>.card{width:calc(33.33333333333333% - 2em);margin-left:1em;margin-right:1em}.ui.eight.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.eight.doubling.cards>.card{width:calc(33.33333333333333% - 2em);margin-left:1em;margin-right:1em}.ui.nine.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.nine.doubling.cards>.card{width:calc(33.33333333333333% - 2em);margin-left:1em;margin-right:1em}.ui.ten.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.ten.doubling.cards>.card{width:calc(33.33333333333333% - 2em);margin-left:1em;margin-right:1em}}@media only screen and (min-width:768px) and (max-width:991.98px){.ui.two.doubling.cards{margin-left:0;margin-right:0}.ui.two.doubling.cards>.card{width:100%;margin-left:0;margin-right:0}.ui.three.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.three.doubling.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.four.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.four.doubling.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.five.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.five.doubling.cards>.card{width:calc(33.33333333333333% - 2em);margin-left:1em;margin-right:1em}.ui.six.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.six.doubling.cards>.card{width:calc(33.33333333333333% - 2em);margin-left:1em;margin-right:1em}.ui.eight.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.eight.doubling.cards>.card{width:calc(33.33333333333333% - 2em);margin-left:1em;margin-right:1em}.ui.eight.doubling.cards{margin-left:-.75em;margin-right:-.75em}.ui.eight.doubling.cards>.card{width:calc(25% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.nine.doubling.cards{margin-left:-.75em;margin-right:-.75em}.ui.nine.doubling.cards>.card{width:calc(25% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.ten.doubling.cards{margin-left:-.75em;margin-right:-.75em}.ui.ten.doubling.cards>.card{width:calc(20% - 1.5em);margin-left:.75em;margin-right:.75em}}@media only screen and (max-width:767.98px){.ui.stackable.cards{display:block!important}.ui.stackable.cards .card:first-child{margin-top:0!important}.ui.stackable.cards>.card{display:block!important;height:auto!important;margin:1em 1em;padding:0!important;width:calc(100% - 2em)!important}}.ui.cards>.card{font-size:1em}.ui.mini.card,.ui.mini.cards .card{font-size:.78571429rem}.ui.tiny.card,.ui.tiny.cards .card{font-size:.85714286rem}.ui.small.card,.ui.small.cards .card{font-size:.92857143rem}.ui.large.card,.ui.large.cards .card{font-size:1.14285714rem}.ui.big.card,.ui.big.cards .card{font-size:1.28571429rem}.ui.huge.card,.ui.huge.cards .card{font-size:1.42857143rem}.ui.massive.card,.ui.massive.cards .card{font-size:1.71428571rem}.ui.inverted.card,.ui.inverted.cards>.card{background:#1b1c1d;box-shadow:0 1px 3px 0 #555,0 0 0 1px #555}.ui.inverted.card>.content,.ui.inverted.cards>.card>.content{border-top:1px solid rgba(255,255,255,.15)}.ui.inverted.card>.content>.header,.ui.inverted.cards>.card>.content>.header{color:rgba(255,255,255,.9)}.ui.inverted.card>.content>a.header,.ui.inverted.cards>.card>.content>a.header{color:rgba(255,255,255,.9)}.ui.inverted.card>.content>a.header:hover,.ui.inverted.cards>.card>.content>a.header:hover{color:#1e70bf}.ui.inverted.card>.content>.description,.ui.inverted.cards>.card>.content>.description{color:rgba(255,255,255,.8)}.ui.inverted.card .meta,.ui.inverted.cards>.card .meta{color:rgba(255,255,255,.7)}.ui.inverted.card .meta>a:not(.ui),.ui.inverted.cards>.card .meta>a:not(.ui){color:rgba(255,255,255,.7)}.ui.inverted.card .meta>a:not(.ui):hover,.ui.inverted.cards>.card .meta>a:not(.ui):hover{color:#fff}.ui.inverted.card>.extra,.ui.inverted.cards>.card>.extra{border-top:1px solid rgba(255,255,255,.15)!important;color:rgba(255,255,255,.7)}.ui.inverted.card>.extra a:not(.ui),.ui.inverted.cards>.card>.extra a:not(.ui){color:rgba(255,255,255,.5)}.ui.inverted.card>.extra a:not(.ui):hover,.ui.inverted.cards>.card>.extra a:not(.ui):hover{color:#1e70bf}.ui.inverted.cards a.card:hover,.ui.inverted.link.card:hover,.ui.inverted.link.cards .card:not(.icon):hover,a.inverted.ui.card:hover{background:#1b1c1d}.ui.inverted.loading.card{color:#fff}.ui.inverted.loading.card::before{background:rgba(0,0,0,.85)} \ No newline at end of file diff --git a/dist/library/fomantic/components/checkbox.css b/dist/library/fomantic/components/checkbox.css new file mode 100644 index 0000000..a6afa7a --- /dev/null +++ b/dist/library/fomantic/components/checkbox.css @@ -0,0 +1,785 @@ +/*! + * # Fomantic-UI 2.9.3 - Checkbox + * https://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */ + + +/******************************* + Checkbox +*******************************/ + + +/* -------------- + Content +--------------- */ +.ui.checkbox { + position: relative; + display: inline-block; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + outline: none; + vertical-align: baseline; + font-style: normal; + min-height: 17px; + font-size: 1em; + line-height: 17px; + min-width: 17px; +} + +/* HTML Checkbox */ +.ui.checkbox input[type="checkbox"], +.ui.checkbox input[type="radio"] { + cursor: pointer; + position: absolute; + top: 0; + left: 0; + opacity: 0 !important; + outline: none; + z-index: 3; + width: 17px; + height: 17px; +} +.ui.checkbox label { + cursor: auto; + position: relative; + display: block; + outline: none; + font-size: 1em; +} +.ui.checkbox:not(.invisible) label { + padding-left: 1.85714em; +} +.ui.checkbox label::before { + position: absolute; + top: 0; + left: 0; + width: 17px; + height: 17px; + content: ""; + background: #fff; + border-radius: 0.21428571rem; + transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; + border: 1px solid #d4d4d5; +} + +/* -------------- + Checkmark +--------------- */ +.ui.checkbox label::after { + position: absolute; + font-size: 14px; + top: 0; + left: 0; + width: 17px; + height: 17px; + text-align: center; + opacity: 0; + color: rgba(0, 0, 0, 0.87); + transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; +} +.ui.right.aligned.checkbox label { + padding-left: 0; + padding-right: 1.85714em; +} +.ui.right.aligned.checkbox label::after, +.ui.right.aligned.checkbox label::before { + right: 0; + left: auto; +} + +/* -------------- + Label +--------------- */ + +/* Inside */ +.ui.checkbox label, +.ui.checkbox + label { + color: rgba(0, 0, 0, 0.87); + transition: color 0.1s ease; +} + +/* Outside */ +.ui.checkbox + label { + vertical-align: middle; +} + + +/******************************* + States +*******************************/ + + +/* -------------- + Hover +--------------- */ +.ui.checkbox label:hover::before { + background: #fff; + border-color: rgba(34, 36, 38, 0.35); +} +.ui.checkbox:not(.invisible) label:hover, +.ui.checkbox:not(.invisible) + label:hover { + color: rgba(0, 0, 0, 0.8); +} + +/* -------------- + Down +--------------- */ +.ui.checkbox label:active::before { + background: #f9fafb; + border-color: rgba(34, 36, 38, 0.35); +} +.ui.checkbox label:active::after { + color: rgba(0, 0, 0, 0.95); +} +.ui.checkbox:not(.invisible) input:active ~ label { + color: rgba(0, 0, 0, 0.95); +} + +/* -------------- + Focus +--------------- */ +.ui.checkbox input:focus ~ label::before { + background: #fff; + border-color: #96c8da; +} +.ui.checkbox input:focus ~ label::after { + color: rgba(0, 0, 0, 0.95); +} +.ui.checkbox:not(.invisible) input:focus ~ label { + color: rgba(0, 0, 0, 0.95); +} + +/* -------------- + Active +--------------- */ +.ui.checkbox input:checked ~ label::before { + background: #fff; + border-color: rgba(34, 36, 38, 0.35); +} +.ui.checkbox input:checked ~ label::after { + opacity: 1; + color: rgba(0, 0, 0, 0.95); +} + +/* -------------- + Indeterminate + --------------- */ +.ui.checkbox input:not([type="radio"]):indeterminate ~ label::before { + background: #fff; + border-color: rgba(34, 36, 38, 0.35); +} +.ui.checkbox input:not([type="radio"]):indeterminate ~ label::after { + opacity: 1; + color: rgba(0, 0, 0, 0.95); +} +.ui.indeterminate.toggle.checkbox input:not([type="radio"]):indeterminate ~ label::before { + background: rgba(0, 0, 0, 0.15); +} +.ui.indeterminate.toggle.checkbox input:not([type="radio"]) ~ label::after { + left: 1.075rem; +} +.ui.right.aligned.indeterminate.toggle.checkbox input:not([type="radio"]) ~ label::after { + left: auto; + right: 1.075rem; +} + +/* -------------- + Active Focus +--------------- */ +.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::before, +.ui.checkbox input:checked:focus ~ label::before { + background: #fff; + border-color: #96c8da; +} +.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::after, +.ui.checkbox input:checked:focus ~ label::after { + color: rgba(0, 0, 0, 0.95); +} + +/* -------------- + Read-Only + --------------- */ +.ui.read-only.checkbox, +.ui.read-only.checkbox label { + cursor: default; + pointer-events: none; +} + +/* -------------- + Disabled + --------------- */ +.ui.disabled.checkbox label, +.ui.checkbox input[disabled] ~ label { + cursor: default; + opacity: 0.5; + color: #000000; + pointer-events: none; +} + +/* -------------- + Hidden +--------------- */ + +/* Initialized checkbox moves input below element + to prevent manually triggering */ +.ui.checkbox input.hidden { + z-index: -1; +} + +/* Selectable Label */ +.ui.checkbox input + label[for], +.ui.checkbox input.hidden + label { + cursor: pointer; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} + + +/******************************* + Types +*******************************/ + + +/* -------------- + Radio + --------------- */ +.ui.radio.checkbox { + min-height: 15px; +} +.ui.radio.checkbox label { + padding-left: 1.85714em; +} + +/* Box */ +.ui.radio.checkbox label::before { + content: ""; + transform: none; + width: 15px; + height: 15px; + border-radius: 500rem; + top: 1px; + left: 0; +} + +/* Bullet */ +.ui.radio.checkbox label::after { + border: none; + content: "" !important; + line-height: 15px; + top: 1px; + left: 0; + width: 15px; + height: 15px; + border-radius: 500rem; + transform: scale(0.46666667); + background-color: rgba(0, 0, 0, 0.87); +} + +/* Focus */ +.ui.radio.checkbox input:focus ~ label::before { + background-color: #fff; +} +.ui.radio.checkbox input:focus ~ label::after { + background-color: rgba(0, 0, 0, 0.95); +} + +/* Indeterminate */ +.ui.radio.checkbox input:indeterminate ~ label::after { + opacity: 0; +} + +/* Active */ +.ui.radio.checkbox input:checked ~ label::before { + background-color: #fff; +} +.ui.radio.checkbox input:checked ~ label::after { + background-color: rgba(0, 0, 0, 0.95); +} + +/* Active Focus */ +.ui.radio.checkbox input:focus:checked ~ label::before { + background-color: #fff; +} +.ui.radio.checkbox input:focus:checked ~ label::after { + background-color: rgba(0, 0, 0, 0.95); +} + +/* -------------- + Slider + --------------- */ +.ui.slider.checkbox { + min-height: 1.25rem; +} + +/* Input */ +.ui.slider.checkbox input { + width: 3.5rem; + height: 1.25rem; +} + +/* Label */ +.ui.slider.checkbox label { + padding-left: 4.5rem; + line-height: 1rem; + color: rgba(0, 0, 0, 0.4); +} + +/* Line */ +.ui.slider.checkbox label::before { + display: block; + position: absolute; + content: ""; + transform: none; + border: none !important; + left: 0; + z-index: 1; + top: 0.4rem; + background-color: rgba(0, 0, 0, 0.05); + width: 3.5rem; + height: 0.21428571rem; + border-radius: 500rem; + transition: background 0.3s ease; +} + +/* Handle */ +.ui.slider.checkbox label::after { + background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + position: absolute; + content: "" !important; + opacity: 1; + z-index: 2; + border: none; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; + width: 1.5rem; + height: 1.5rem; + top: -0.25rem; + left: 0; + transform: none; + border-radius: 500rem; + transition: left 0.3s ease; +} + +/* Focus */ +.ui.slider.checkbox input:focus ~ label::before { + background-color: rgba(0, 0, 0, 0.15); + border: none; +} + +/* Hover */ +.ui.slider.checkbox label:hover { + color: rgba(0, 0, 0, 0.8); +} +.ui.slider.checkbox label:hover::before { + background: rgba(0, 0, 0, 0.15); +} + +/* Active */ +.ui.slider.checkbox input:checked ~ label { + color: rgba(0, 0, 0, 0.95); +} +.ui.slider.checkbox input:checked ~ label::before { + background-color: #545454; +} +.ui.slider.checkbox input:checked ~ label::after { + left: 2rem; +} + +/* Active Focus */ +.ui.slider.checkbox input:focus:checked ~ label { + color: rgba(0, 0, 0, 0.95); +} +.ui.slider.checkbox input:focus:checked ~ label::before { + background-color: #000000; +} +.ui.right.aligned.slider.checkbox label { + padding-left: 0; + padding-right: 4.5rem; +} +.ui.right.aligned.slider.checkbox label::after { + left: auto; + right: 2rem; + transition: right 0.3s ease; +} +.ui.right.aligned.slider.checkbox input:checked ~ label::after { + left: auto; + right: 0; +} + +/* -------------- + Toggle + --------------- */ +.ui.toggle.checkbox { + min-height: 1.5rem; +} + +/* Input */ +.ui.toggle.checkbox input { + width: 3.5rem; + height: 1.5rem; +} + +/* Label */ +.ui.toggle.checkbox label { + min-height: 1.5rem; + padding-left: 4.5rem; + color: rgba(0, 0, 0, 0.87); +} +.ui.toggle.checkbox label { + padding-top: 0.15em; +} + +/* Switch */ +.ui.toggle.checkbox label::before { + display: block; + position: absolute; + content: ""; + z-index: 1; + transform: none; + border: none; + top: 0; + background: rgba(0, 0, 0, 0.05); + box-shadow: none; + width: 3.5rem; + height: 1.5rem; + border-radius: 500rem; +} + +/* Handle */ +.ui.toggle.checkbox label::after { + background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + position: absolute; + content: "" !important; + opacity: 1; + z-index: 2; + border: none; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; + width: 1.5rem; + height: 1.5rem; + top: 0; + left: 0; + border-radius: 500rem; + transition: background 0.3s ease, left 0.3s ease; +} +.ui.toggle.checkbox input ~ label::after { + left: -0.05rem; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; +} + +/* Focus */ +.ui.toggle.checkbox input:focus ~ label::before { + background-color: rgba(0, 0, 0, 0.15); + border: none; +} + +/* Hover */ +.ui.toggle.checkbox label:hover::before { + background-color: rgba(0, 0, 0, 0.15); + border: none; +} + +/* Active */ +.ui.toggle.checkbox input:checked ~ label { + color: rgba(0, 0, 0, 0.95); +} +.ui.toggle.checkbox input:checked ~ label::before { + background-color: #2185d0; +} +.ui.toggle.checkbox input:checked ~ label::after { + left: 2.15rem; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; +} + +/* Active Focus */ +.ui.toggle.checkbox input:focus:checked ~ label { + color: rgba(0, 0, 0, 0.95); +} +.ui.toggle.checkbox input:focus:checked ~ label::before { + background-color: #0d71bb; +} +.ui.right.aligned.toggle.checkbox label { + padding-left: 0; + padding-right: 4.5rem; +} +.ui.right.aligned.toggle.checkbox input ~ label::after { + left: auto; + right: 2.15rem; + transition: background 0.3s ease, right 0.3s ease; +} +.ui.right.aligned.toggle.checkbox input:checked ~ label::after { + left: auto; + right: -0.05rem; +} + + +/******************************* + Variations +*******************************/ + + +/* -------------- + Fitted + --------------- */ +.ui.ui.fitted.checkbox label { + padding-left: 0; +} +.ui.fitted.toggle.checkbox { + width: 3.5rem; +} +.ui.fitted.slider.checkbox { + width: 3.5rem; +} + +/* -------------- + Inverted + --------------- */ +.ui.ui.ui.inverted.checkbox label, +.ui.ui.ui.inverted.checkbox + label { + color: rgba(255, 255, 255, 0.9); +} + +/* Hover */ +.ui.ui.inverted.checkbox label:hover { + color: #ffffff; +} +.ui.inverted.checkbox label:hover::before { + border-color: rgba(34, 36, 38, 0.5); +} + +/* Slider Label */ +.ui.inverted.slider.checkbox label { + color: rgba(255, 255, 255, 0.5); +} + +/* Slider Line */ +.ui.ui.inverted.slider.checkbox label::before { + background-color: rgba(255, 255, 255, 0.5); +} + +/* Slider Hover */ +.ui.ui.inverted.slider.checkbox label:hover::before { + background: rgba(255, 255, 255, 0.7); +} + +/* Slider Active */ +.ui.ui.inverted.slider.checkbox input:checked ~ label { + color: #ffffff; +} +.ui.ui.inverted.slider.checkbox input:checked ~ label::before { + background-color: rgba(255, 255, 255, 0.8); +} + +/* Slider Active Focus */ +.ui.ui.inverted.slider.checkbox input:focus:checked ~ label { + color: #ffffff; +} +.ui.ui.inverted.slider.checkbox input:focus:checked ~ label::before { + background-color: rgba(255, 255, 255, 0.8); +} + +/* Toggle Switch */ +.ui.ui.inverted.toggle.checkbox label::before { + background-color: rgba(255, 255, 255, 0.9); +} + +/* Toggle Hover */ +.ui.ui.inverted.toggle.checkbox label:hover::before { + background: #ffffff; +} + +/* Toggle Active */ +.ui.ui.inverted.toggle.checkbox input:checked ~ label { + color: #ffffff; +} +.ui.ui.inverted.toggle.checkbox input:checked ~ label::before { + background-color: #2185d0; +} + +/* Toggle Active Focus */ +.ui.ui.inverted.toggle.checkbox input:focus:checked ~ label { + color: #ffffff; +} +.ui.ui.inverted.toggle.checkbox input:focus:checked ~ label::before { + background-color: #0d71bb; +} + +/* -------------- + Invisible + --------------- */ +.ui.invisible.checkbox:not(.compact) { + display: block; +} +.ui.invisible.checkbox input { + left: -99999px; + position: absolute; +} +.ui.invisible.checkbox label::before, +.ui.invisible.checkbox label::after { + display: none; +} +.ui.invisible.checkbox label { + transition: all 0.1s ease; +} +.ui.ui.ui.ui.ui.invisible.checkbox input:not(:checked) + label { + background: transparent; + border-color: transparent; + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; + color: inherit; +} +.ui.ui.ui.ui.ui.invisible.checkbox input:not(:checked):not(:hover):focus + label:not(.image) { + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset; +} +.ui.ui.ui.ui.ui.invisible.checkbox input:not(:checked) + label.image, +.basic.ui.ui.ui.ui.ui.invisible.checkbox input:not(:checked) + label { + box-shadow: none; +} +.ui.invisible.checkbox input:not(:checked) + label.image { + opacity: 0.5; + filter: grayscale(1); +} +.ui.invisible.checkbox input:not(:checked):not(:hover):focus + label.image { + opacity: 0.75; +} +.ui.invisible.checkbox input:not(:checked)[disabled] + label.image, +.disabled.ui.invisible.checkbox input:not(:checked) + label.image { + opacity: 0.25; +} + +/* -------------------- + Size +--------------------- */ +.ui.mini.checkbox { + font-size: 0.78571429em; +} +.ui.tiny.checkbox { + font-size: 0.85714286em; +} +.ui.small.checkbox { + font-size: 0.92857143em; +} +.ui.large.checkbox { + font-size: 1.14285714em; +} +.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after, +.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label::after, +.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before, +.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label::before { + transform: scale(1.14285714); + transform-origin: left; +} +.ui.large.form .checkbox.radio label::before, +.ui.large.checkbox.radio label::before { + transform: scale(1.14285714); + transform-origin: left; +} +.ui.large.form .checkbox.radio label::after, +.ui.large.checkbox.radio label::after { + transform: scale(0.57142857); + transform-origin: left; + left: 0.33571429em; +} +.ui.big.checkbox { + font-size: 1.28571429em; +} +.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after, +.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label::after, +.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before, +.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label::before { + transform: scale(1.28571429); + transform-origin: left; +} +.ui.big.form .checkbox.radio label::before, +.ui.big.checkbox.radio label::before { + transform: scale(1.28571429); + transform-origin: left; +} +.ui.big.form .checkbox.radio label::after, +.ui.big.checkbox.radio label::after { + transform: scale(0.64285714); + transform-origin: left; + left: 0.37142857em; +} +.ui.huge.checkbox { + font-size: 1.42857143em; +} +.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after, +.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label::after, +.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before, +.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label::before { + transform: scale(1.42857143); + transform-origin: left; +} +.ui.huge.form .checkbox.radio label::before, +.ui.huge.checkbox.radio label::before { + transform: scale(1.42857143); + transform-origin: left; +} +.ui.huge.form .checkbox.radio label::after, +.ui.huge.checkbox.radio label::after { + transform: scale(0.71428571); + transform-origin: left; + left: 0.40714286em; +} +.ui.massive.checkbox { + font-size: 1.71428571em; +} +.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after, +.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label::after, +.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before, +.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label::before { + transform: scale(1.71428571); + transform-origin: left; +} +.ui.massive.form .checkbox.radio label::before, +.ui.massive.checkbox.radio label::before { + transform: scale(1.71428571); + transform-origin: left; +} +.ui.massive.form .checkbox.radio label::after, +.ui.massive.checkbox.radio label::after { + transform: scale(0.85714286); + transform-origin: left; + left: 0.47857143em; +} + + +/******************************* + Theme Overrides +*******************************/ + +@font-face { + font-family: Checkbox; + src: url("data:application/font-woff;base64,d09GRgABAAAAAAR8AA0AAAAABtwAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEYAAAABoAAAAcgbCWJ0dERUYAAARIAAAAFwAAABgAJQAAT1MvMgAAAZgAAABAAAAAYA8SBD9jbWFwAAAB9AAAAFMAAAFc71zo6Wdhc3AAAARAAAAACAAAAAgAAAAQZ2x5ZgAAAlwAAADJAAABVHshwGBoZWFkAAABMAAAAC4AAAA2Bj3tWWhoZWEAAAFgAAAAHQAAACQHfQPIaG10eAAAAdgAAAAZAAAAHg56AEVsb2NhAAACSAAAABIAAAASAQoAjG1heHAAAAGAAAAAGAAAACAACgAvbmFtZQAAAygAAADnAAABp5xOC4Fwb3N0AAAEEAAAADAAAABaHRtWW3icY2BkYGBgYmDgqbAVjee3+crAzcIAAhc3XilHppl3M+cBKQ6QWgYGAAHnCVsAAHicY2BkYGA+8P8AAwMLAwgw72ZgZEAF7ABaJgNOAAAAeJxjYGRgYOBg0GUA0QwMTAxoAAAFtQA6eJxjYGYWYpzAwMrAwDST6QwDA0M/hGZ8zWDMyMmAChgF0AQYHBgYXjAxH/h/gMGB+QCIx8CIJKvAwAgAIOcKW3icY2GAAMZQCM0ExCwMDK7MqiAeAAqXAM4AAAB4nN2NwQ2AMAwDL00pHYJH52AQ9n/w6BbFCS9WwJFlO3IUwHl5YAQuJctcOaVdU6TGmGWt7IxJuHXnvmcrnLPR2GWb6NnF4rrwhT5U/o0Hf5EJGAAAAAAAAAgACAAQABgASABsAKoAAHichY09CsJAEIVndiG2gyQ7IASJIbHQyvyIiFhZpBE8iNsIeiVvYOFx7FPbKE6yUcHGgZ23jzd8DxDeowAWCv77Dez0Vd1hAIB+D714NMa0yNdYZrMhum0CfaWnT4bpeSPaEjOd8djIltTBNBlhSGzES3Jqb5oW6UOrE1WBL7/A73lxNBqnK8znZRbNWMgJET8qJhlWF1HV3zvXSceBSifawrTjTLrd0uI3c4lFu4UcYvbh1/KsIaodUayx7Kxr+wb8Y+EFi+YsngAAAHicfc5BSsNAGMXxf9q0agURFy50M3shlOoNikIXddGFa5N0SEvLDKQp2KUH8AxuXXkkz+JL+NYJJPzmffNmAlzxS0L7JJxzYx5wxoN5qPzZnMrv5hGXfJrHyr/NE+74UytJL5Rcdye0Huiue/NQ+aM5lV/NI27ZmsfKv8wTnvhhzgZPyY6CyAfMN77cFVFaaVBxZE9OraWvjvtc6Kn0jN40qDnoVyIBx4yMqWJfH7YxuFk27a2/dLVGxUpbQndYrrVnrazgpO9C1chSb7s3UymGxlU++Dpv/NoVJ7co4zLGkPEPj0VARQB4nGNgYsAPOBgYGJkYmBiZGZgZWRhZGdnYS/MyDYAAShuCaFcLCB9Iw/hGAOPdCuMAAQAB//8AD3icY2BkYGDgAWIBIGYCYhYIDQACOwAmAHicY2BgYGQAgns+by1A9MWNV8phNABQ5wfrAAA=") format("woff"); +} + +/* Checkmark */ +.ui.checkbox label::after { + font-family: Checkbox; +} + +/* Checked */ +.ui.checkbox input:checked ~ label::after { + content: "\e800"; +} + +/* Indeterminate */ +.ui.checkbox input:indeterminate ~ label::after { + font-size: 12px; + content: "\e801"; +} +/* UTF Reference +.check::before { content: '\e800'; } +.dash::before { content: '\e801'; } +.plus::before { content: '\e802'; } +*/ + + +/******************************* + Site Overrides +*******************************/ + diff --git a/dist/library/fomantic/components/checkbox.js b/dist/library/fomantic/components/checkbox.js new file mode 100644 index 0000000..d59d514 --- /dev/null +++ b/dist/library/fomantic/components/checkbox.js @@ -0,0 +1,882 @@ +/*! + * # Fomantic-UI 2.9.3 - Checkbox + * https://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * https://opensource.org/licenses/MIT + * + */ + +(function ($, window, document) { + 'use strict'; + + function isFunction(obj) { + return typeof obj === 'function' && typeof obj.nodeType !== 'number'; + } + + window = window !== undefined && window.Math === Math + ? window + : globalThis; + + $.fn.checkbox = function (parameters) { + var + $allModules = $(this), + + time = Date.now(), + performance = [], + + query = arguments[0], + methodInvoked = typeof query === 'string', + queryArguments = [].slice.call(arguments, 1), + returnedValue + ; + + $allModules.each(function () { + var + settings = $.extend(true, {}, $.fn.checkbox.settings, parameters), + + className = settings.className, + namespace = settings.namespace, + selector = settings.selector, + error = settings.error, + + eventNamespace = '.' + namespace, + moduleNamespace = 'module-' + namespace, + + $module = $(this), + $label = $(this).children(selector.label), + $input = $(this).children(selector.input), + input = $input[0], + + initialLoad = false, + shortcutPressed = false, + instance = $module.data(moduleNamespace), + + observer, + element = this, + module + ; + + module = { + + initialize: function () { + module.verbose('Initializing checkbox', settings); + + module.create.label(); + module.bind.events(); + + module.set.tabbable(); + module.hide.input(); + + module.observeChanges(); + module.instantiate(); + module.setup(); + }, + + instantiate: function () { + module.verbose('Storing instance of module', module); + instance = module; + $module + .data(moduleNamespace, module) + ; + }, + + destroy: function () { + module.verbose('Destroying module'); + module.unbind.events(); + module.show.input(); + $module.removeData(moduleNamespace); + }, + + fix: { + reference: function () { + if ($module.is(selector.input)) { + module.debug('Behavior called on adjusting invoked element'); + $module = $module.closest(selector.checkbox); + module.refresh(); + } + }, + }, + + setup: function () { + module.set.initialLoad(); + if (module.is.indeterminate()) { + module.debug('Initial value is indeterminate'); + module.indeterminate(); + } else if (module.is.checked()) { + module.debug('Initial value is checked'); + module.check(); + } else { + module.debug('Initial value is unchecked'); + module.uncheck(); + } + module.remove.initialLoad(); + }, + + refresh: function () { + $label = $module.children(selector.label); + $input = $module.children(selector.input); + input = $input[0]; + }, + + hide: { + input: function () { + module.verbose('Modifying z-index to be unselectable'); + $input.addClass(className.hidden); + }, + }, + show: { + input: function () { + module.verbose('Modifying z-index to be selectable'); + $input.removeClass(className.hidden); + }, + }, + + observeChanges: function () { + if ('MutationObserver' in window) { + observer = new MutationObserver(function (mutations) { + module.debug('DOM tree modified, updating selector cache'); + module.refresh(); + }); + observer.observe(element, { + childList: true, + subtree: true, + }); + module.debug('Setting up mutation observer', observer); + } + }, + + attachEvents: function (selector, event) { + var + $element = $(selector) + ; + event = isFunction(module[event]) + ? module[event] + : module.toggle; + if ($element.length > 0) { + module.debug('Attaching checkbox events to element', selector, event); + $element + .on('click' + eventNamespace, event) + ; + } else { + module.error(error.notFound); + } + }, + + preventDefaultOnInputTarget: function () { + if (event !== undefined && event !== null && $(event.target).is(selector.input)) { + module.verbose('Preventing default check action after manual check action'); + event.preventDefault(); + } + }, + + event: { + change: function (event) { + if (!module.should.ignoreCallbacks()) { + settings.onChange.call(input); + } + }, + click: function (event) { + var + $target = $(event.target) + ; + if ($target.is(selector.input)) { + module.verbose('Using default check action on initialized checkbox'); + + return; + } + if ($target.is(selector.link)) { + module.debug('Clicking link inside checkbox, skipping toggle'); + + return; + } + module.toggle(); + $input.trigger('focus'); + event.preventDefault(); + }, + keydown: function (event) { + var + key = event.which, + keyCode = { + enter: 13, + space: 32, + escape: 27, + left: 37, + up: 38, + right: 39, + down: 40, + } + ; + + var + r = module.get.radios(), + rIndex = r.index($module), + rLen = r.length, + checkIndex = false + ; + + if (key === keyCode.left || key === keyCode.up) { + checkIndex = (rIndex === 0 ? rLen : rIndex) - 1; + } else if (key === keyCode.right || key === keyCode.down) { + checkIndex = rIndex === rLen - 1 ? 0 : rIndex + 1; + } + + if (!module.should.ignoreCallbacks() && checkIndex !== false) { + if (settings.beforeUnchecked.apply(input) === false) { + module.verbose('Option not allowed to be unchecked, cancelling key navigation'); + + return false; + } + if (settings.beforeChecked.apply($(r[checkIndex]).children(selector.input)[0]) === false) { + module.verbose('Next option should not allow check, cancelling key navigation'); + + return false; + } + } + + shortcutPressed = false; + if (key === keyCode.escape) { + module.verbose('Escape key pressed blurring field'); + $input.trigger('blur'); + shortcutPressed = true; + event.stopPropagation(); + } else if (!module.can.change()) { + shortcutPressed = true; + } else if (!event.ctrlKey) { + if (key === keyCode.space || (key === keyCode.enter && settings.enableEnterKey)) { + module.verbose('Enter/space key pressed, toggling checkbox'); + module.toggle(); + shortcutPressed = true; + } else if ($module.is('.toggle, .slider') && !module.is.radio()) { + if (key === keyCode.left && module.is.checked()) { + module.uncheck(); + shortcutPressed = true; + } else if (key === keyCode.right && module.is.unchecked()) { + module.check(); + shortcutPressed = true; + } + } + } + }, + keyup: function (event) { + if (shortcutPressed) { + event.preventDefault(); + } + }, + }, + + check: function () { + if (!module.should.allowCheck()) { + return; + } + module.debug('Checking checkbox', $input); + module.set.checked(); + if (!module.should.ignoreCallbacks()) { + settings.onChecked.call(input); + module.trigger.change(); + } + module.preventDefaultOnInputTarget(); + }, + + uncheck: function () { + if (!module.should.allowUncheck()) { + return; + } + module.debug('Unchecking checkbox'); + module.set.unchecked(); + if (!module.should.ignoreCallbacks()) { + settings.onUnchecked.call(input); + module.trigger.change(); + } + module.preventDefaultOnInputTarget(); + }, + + indeterminate: function () { + if (module.should.allowIndeterminate()) { + module.debug('Checkbox is already indeterminate'); + + return; + } + module.debug('Making checkbox indeterminate'); + module.set.indeterminate(); + if (!module.should.ignoreCallbacks()) { + settings.onIndeterminate.call(input); + module.trigger.change(); + } + }, + + determinate: function () { + if (module.should.allowDeterminate()) { + module.debug('Checkbox is already determinate'); + + return; + } + module.debug('Making checkbox determinate'); + module.set.determinate(); + if (!module.should.ignoreCallbacks()) { + settings.onDeterminate.call(input); + module.trigger.change(); + } + }, + + enable: function () { + if (module.is.enabled()) { + module.debug('Checkbox is already enabled'); + + return; + } + module.debug('Enabling checkbox'); + module.set.enabled(); + if (!module.should.ignoreCallbacks()) { + settings.onEnable.call(input); + // preserve legacy callbacks + settings.onEnabled.call(input); + } + }, + + disable: function () { + if (module.is.disabled()) { + module.debug('Checkbox is already disabled'); + + return; + } + module.debug('Disabling checkbox'); + module.set.disabled(); + if (!module.should.ignoreCallbacks()) { + settings.onDisable.call(input); + // preserve legacy callbacks + settings.onDisabled.call(input); + } + }, + + get: { + radios: function () { + var + name = module.get.name() + ; + + return $('input[name="' + name + '"]').closest(selector.checkbox); + }, + otherRadios: function () { + return module.get.radios().not($module); + }, + name: function () { + return $input.attr('name'); + }, + }, + + is: { + initialLoad: function () { + return initialLoad; + }, + radio: function () { + return $input.hasClass(className.radio) || $input.attr('type') === 'radio'; + }, + indeterminate: function () { + return $input.prop('indeterminate') !== undefined && $input.prop('indeterminate'); + }, + checked: function () { + return $input.prop('checked') !== undefined && $input.prop('checked'); + }, + disabled: function () { + return $input.prop('disabled') !== undefined && $input.prop('disabled'); + }, + enabled: function () { + return !module.is.disabled(); + }, + determinate: function () { + return !module.is.indeterminate(); + }, + unchecked: function () { + return !module.is.checked(); + }, + }, + + should: { + allowCheck: function () { + if (module.is.determinate() && module.is.checked() && !module.is.initialLoad()) { + module.debug('Should not allow check, checkbox is already checked'); + + return false; + } + if (!module.should.ignoreCallbacks() && settings.beforeChecked.apply(input) === false) { + module.debug('Should not allow check, beforeChecked cancelled'); + + return false; + } + + return true; + }, + allowUncheck: function () { + if (module.is.determinate() && module.is.unchecked() && !module.is.initialLoad()) { + module.debug('Should not allow uncheck, checkbox is already unchecked'); + + return false; + } + if (!module.should.ignoreCallbacks() && settings.beforeUnchecked.apply(input) === false) { + module.debug('Should not allow uncheck, beforeUnchecked cancelled'); + + return false; + } + + return true; + }, + allowIndeterminate: function () { + if (module.is.indeterminate() && !module.is.initialLoad()) { + module.debug('Should not allow indeterminate, checkbox is already indeterminate'); + + return false; + } + if (!module.should.ignoreCallbacks() && settings.beforeIndeterminate.apply(input) === false) { + module.debug('Should not allow indeterminate, beforeIndeterminate cancelled'); + + return false; + } + + return true; + }, + allowDeterminate: function () { + if (module.is.determinate() && !module.is.initialLoad()) { + module.debug('Should not allow determinate, checkbox is already determinate'); + + return false; + } + if (!module.should.ignoreCallbacks() && settings.beforeDeterminate.apply(input) === false) { + module.debug('Should not allow determinate, beforeDeterminate cancelled'); + + return false; + } + + return true; + }, + ignoreCallbacks: function () { + return initialLoad && !settings.fireOnInit; + }, + }, + + can: { + change: function () { + return !($module.hasClass(className.disabled) || $module.hasClass(className.readOnly) || $input.prop('disabled') || $input.prop('readonly')); + }, + uncheck: function () { + return typeof settings.uncheckable === 'boolean' + ? settings.uncheckable + : !module.is.radio(); + }, + }, + + set: { + initialLoad: function () { + initialLoad = true; + }, + checked: function () { + module.verbose('Setting class to checked'); + $module + .removeClass(className.indeterminate) + .addClass(className.checked) + ; + if (module.is.radio()) { + module.uncheckOthers(); + } + if (!module.is.indeterminate() && module.is.checked()) { + module.debug('Input is already checked, skipping input property change'); + + return; + } + module.verbose('Setting state to checked', input); + $input + .prop('indeterminate', false) + .prop('checked', true) + ; + }, + unchecked: function () { + module.verbose('Removing checked class'); + $module + .removeClass(className.indeterminate) + .removeClass(className.checked) + ; + if (!module.is.indeterminate() && module.is.unchecked()) { + module.debug('Input is already unchecked'); + + return; + } + module.debug('Setting state to unchecked'); + $input + .prop('indeterminate', false) + .prop('checked', false) + ; + }, + indeterminate: function () { + module.verbose('Setting class to indeterminate'); + $module + .addClass(className.indeterminate) + ; + if (module.is.indeterminate()) { + module.debug('Input is already indeterminate, skipping input property change'); + + return; + } + module.debug('Setting state to indeterminate'); + $input + .prop('indeterminate', true) + ; + }, + determinate: function () { + module.verbose('Removing indeterminate class'); + $module + .removeClass(className.indeterminate) + ; + if (module.is.determinate()) { + module.debug('Input is already determinate, skipping input property change'); + + return; + } + module.debug('Setting state to determinate'); + $input + .prop('indeterminate', false) + ; + }, + disabled: function () { + module.verbose('Setting class to disabled'); + $module + .addClass(className.disabled) + ; + if (module.is.disabled()) { + module.debug('Input is already disabled, skipping input property change'); + + return; + } + module.debug('Setting state to disabled'); + $input + .prop('disabled', 'disabled') + ; + }, + enabled: function () { + module.verbose('Removing disabled class'); + $module.removeClass(className.disabled); + if (module.is.enabled()) { + module.debug('Input is already enabled, skipping input property change'); + + return; + } + module.debug('Setting state to enabled'); + $input + .prop('disabled', false) + ; + }, + tabbable: function () { + module.verbose('Adding tabindex to checkbox'); + if ($input.attr('tabindex') === undefined) { + $input.attr('tabindex', 0); + } + }, + }, + + remove: { + initialLoad: function () { + initialLoad = false; + }, + }, + + trigger: { + change: function () { + var + inputElement = $input[0] + ; + if (inputElement) { + var events = document.createEvent('HTMLEvents'); + module.verbose('Triggering native change event'); + events.initEvent('change', true, false); + inputElement.dispatchEvent(events); + } + }, + }, + + create: { + label: function () { + if ($input.prevAll(selector.label).length > 0) { + $input.prev(selector.label).detach().insertAfter($input); + module.debug('Moving existing label', $label); + } else if (!module.has.label()) { + $label = $('