diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..34de1d2 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +public/ +/resources/_gen/ diff --git a/config.yaml b/config.yaml index 76f7158..cc85b92 100644 --- a/config.yaml +++ b/config.yaml @@ -1,4 +1,4 @@ -baseURL: https://fedigov.ch # https://fedigov.ch +baseURL: https://fedigov.pt languageCode: pt title: FediGov theme: hugo-fresh @@ -22,7 +22,7 @@ params: # Open graph allows easy social sharing. If you don't want it you can set it to false or just delete the variable openGraph: false # Used as meta data; describe your site to make Google Bots happy - description: federated communication for authorities + description: Comunicação federada nas instituições públicas navbarlogo: # Logo (from static/images/logos/___) image: logos/fedigov_logo.svg @@ -30,53 +30,17 @@ params: font: name: "Open Sans" sizes: [400,600] - hero: - # Main hero title - title: hero_title - # Hero subtitle (optional) - subtitle: hero_subtitle - subtitle2: hero_subtitle2 - subtitle3: hero_subtitle3 - # Button text - buttontext: hero_buttontext - # Where the main hero button links to - buttonlink: /#section6_id - button1: hero_button1 - button1link: hero_button1_link - # Hero image (from static/images/___) - image: illustrations/fedigov1.svg # Customizable navbar. For a dropdown, add a "sublinks" list. navbar: - title: nav2_text url: "#section2_id" - - title: nav3_text - url: "#section1_id" - title: nav4_text - url: "#section3_id" + url: "#section1_id" - title: nav5_text url: "#section4_id" - title: nav6_text url: "#section6_id" button: true - section1: - title: section1_title - subtitle: section1_subtitle - tiles: - - title: section1_tiles1_title - icon: message-regular - text: section1_tiles1_text - url: https://joinmastodon.org/ - buttonText: section1_tiles1_buttontext - - title: section1_tiles2_title - icon: image-regular - text: section1_tiles2_text - url: https://pixelfed.org - buttonText: section1_tiles2_buttontext - - title: section1_tiles3_title - icon: video-solid - text: section1_tiles3_text - url: https://joinpeertube.org/ - buttonText: section1_tiles3_buttontext section2: title: section2_title subtitle: section2_subtitle @@ -90,37 +54,6 @@ params: text: section2_titles3_text - title: section2_titles4_title text: section2_titles4_text - section3: - title: section3_title - subtitle: section3_subtitle - image: illustrations/fediverse.png - buttonText: section3_buttontext - buttonLink: "https://fediverse.party/en/fediverse/" - section4: - title: section4_title - subtitle: section4_subtitle - clients: - - name: section4_clients1_name - quote: section4_clients1_quote - job: section4_clients1_job - url: https://social.bund.de/@blnbdi - img: 1 - - name: section4_clients2_name - quote: section4_clients2_quote - job: section4_clients2_job - url: https://edps.europa.eu/press-publications/press-news/press-releases/2022/edps-launches-pilot-phase-two-social-media_en - img: 3 - - name: section4_clients3_name - quote: section4_clients3_quote - job: section4_clients3_job - url: https://bawü.social/@RegierungBW - img: 2 - #~ section5: - #~ title: section5_title - #~ subtitle: section5_subtitle - #~ name: section5_name - #~ address: section5_address - #~ message: section5_message section6: title: section6_title subtitle: section6_subtitle @@ -158,21 +91,3 @@ params: links: - text: Sobre a ANSOL link: https://ansol.org/sobre - #~ column2: - #~ title: "Docs" - #~ links: - #~ - text: Get started - #~ link: / - #~ - text: User guides - #~ link: / - #~ - text: Admin guide - #~ link: / - #~ - text: Developers - #~ link: / - #~ column3: - #~ title: "Blog" - #~ links: - #~ - text: Latest news - #~ link: /blog/first - #~ - text: Tech articles - #~ link: /blog/second diff --git a/i18n/en.yaml b/i18n/en.yaml deleted file mode 100644 index 7e96710..0000000 --- a/i18n/en.yaml +++ /dev/null @@ -1,150 +0,0 @@ -nav1_text: - other: Home -nav2_text: - other: Reasons -nav3_text: - other: Channels -nav4_text: - other: Fediverse -nav5_text: - other: Quotes -nav6_text: - other: Letter -hero_title: - other: Federated communication for public authorities -hero_subtitle: - other: Communicate confidently and respectfully with citizens -hero_subtitle2: - other: Public institutions (government agencies, broadcasters, educational institutions) predominantly use proprietary platforms such as Twitter, Facebook, Instagram, and YouTube. The companies behind them can decide who communicates on their platforms and how. Furthermore, by prominently linking and using these services, public institutions advertise those services and get citizens to use them. -hero_subtitle3: - We want to convince public authorities to rethink their use of social media. This is possible with the gradual transition to federated free software solutions. -hero_buttontext: - other: Take Action -hero_button1: - other: Fedi... What?! -hero_button1_link: - other: "#section1_id" -section1_title: - other: Open Communication -section1_subtitle: - other: on the Fediverse -section1_tiles1_title: - other: Mastodon instead of Twitter -section1_tiles1_text: - other: Microblogging -section1_tiles1_buttontext: - other: Get started -section1_tiles2_title: - other: Pixelfed instead of Instagram -section1_tiles2_text: - other: Photo Sharing -section1_tiles2_buttontext: - other: Get started -section1_tiles3_title: - other: Peertube instead of Youtube -section1_tiles3_text: - other: Video Sharing -section1_tiles3_buttontext: - other: Get started -section2_title: - other: Reasons to change -section2_subtitle: - other: The entry into a ethical communication -section2_titles1_title: - other: Sovereignty -section2_titles1_text: - other: Digital sovereignty pursues the goal of enabling the independent and self-determined use and design of digital technologies by the state, organizations and individuals. Decentralized free software solutions give all people and organizations the right to use, understand, distribute and improve them for any purpose. This is a cornerstone for our democracy in an increasingly digitalized society. -section2_titles2_title: - other: Data Protection -section2_titles2_text: - other: Citizens should not be forced to give away their data to mega corporations just to be able to communicate with public institutions. The public administration should support citizens in data protection. -section2_titles3_title: - other: Public Money -section2_titles3_text: - other: The use of taxpayers' money should be used for the benefit of the population and to fulfill the legal obligations of public authorities, instead of subsidizing dubious business models of international providers. -section2_titles4_title: - other: Legal Certainity -section2_titles4_text: - other: The use of social networks by large global digital corporations is difficult to reconcile with the new Swiss data protection law. As a public authority, it is necessary to ensure legally secure communication for citizens. -section3_title: - other: Fediverse -section3_subtitle: - other: An ensemble of federated services that are used for social networks, microblogging, blogging, or websites and file hosting. -section3_buttontext: - other: Explore -section4_title: - other: Good examples -section4_subtitle: - other: We stepped into an ad-free, privacy-focused and sovereign communication with citizens. -section4_clients1_name: - other: Maja Smoltczyk -section4_clients1_quote: - other: The Berlin Commissioner for Data Protection and Freedom of Information. This is the department for press and public relations work tooting. -section4_clients1_job: - other: Berlin Commissioner for Data Protection -section4_clients2_name: - other: Wojciech Wiewiórowski -section4_clients2_quote: - other: With the pilot launch of EU Voice and EU Video, we want to offer alternative social media platforms that prioritise individuals and their right to privacy and data protection. -section4_clients2_job: - other: European Data Protection Supervisor -section4_clients3_name: - other: Stefan Brink -section4_clients3_quote: - other: The data protection commissioner of Baden-Württemberg says Mastodon is not a complete but nevertheless a good Twitter replacement. -section4_clients3_job: - other: Data protection commissioner of Baden-Württemberg -section5_title: - other: Contact Us -section5_subtitle: - other: If you have any questions, please don't hesitate to contact us. -section5_name: - other: Enter your name -section5_address: - other: Enter your email address -section5_message: - other: Write someting... -section6_title: - other: Send a letter to your authorities -section6_subtitle: - other: A letter gets higher attention than an e-mail. Please copy the text below and send a letter to your government agencies. -section6_buttontext: - other: Otherwise send an e-mail -section6_mailto: - other: "contact@organization.ch?subject=Use of social media in your authority" -section6_text: - other: "Address -

-Subject: Use of social media in your authority -

-Dear Ms/Mr ... -

-We welcome the fact that your authority provides various communication channels to get in touch and exchange with their fellow citizens. -

-In this regard, social media are playing an increasingly important role. However, this is also accompanied by a number of pitfalls. These include, for example, the dependence on international IT corporations and their dominant position with regard to free access to communication platforms. This is also associated with the loss of digital sovereignty. -

-With great concern, we have recently perceived statements by data protection officers who criticize that these networks do not adhere to legal requirements and that far-reaching regulations would be necessary to protect users in terms of data protection law. -

-Therefore, it is important that the Public Administration uses distributed Free Software services and strengthens such offers, instead of making citizens further dependent on large companies and their behavior. -

-We would therefore be pleased if your authority also decides to make a contribution to this and in the future uses decentralized free software solutions, such as Mastodon, for communication with citizens. -

-Kind regards" -section6_mailtext: - other: "Dear Ms/Mr ... -%0D%0A%0D%0A -We appreciate that your agency provides various communication channels to contact and interact with their fellow citizens. -%0D%0A%0D%0A -Social media are playing an increasingly important role in this regard. However, this is also accompanied by a number of pitfalls. These include, for example, the dependence on international IT corporations and their dominant position with regard to free access to communication platforms. This is also associated with the loss of digital sovereignty. -%0D%0A%0D%0A -It is with great concern that we have recently heard statements from data protection commissioners criticizing the fact that these networks do not adhere to legal requirements and that far-reaching regulations would be necessary to protect users in terms of data protection. -%0D%0A%0D%0A -Therefore, it is important that the public administration uses distributed Free Software services and strengthens such offerings instead of making citizens further dependent on large companies and their behavior. -%0D%0A%0D%0A -We would therefore be pleased if your public authority decides to contribute to this and to use decentralized Free Software solutions, such as Mastodon, to communicate with citizens in the future. -%0D%0A%0D%0A -Kind regards" -footer_sponsorText: - other: initiative by -footer_translationTitle: - other: Translations diff --git a/i18n/fr.yaml b/i18n/fr.yaml deleted file mode 100644 index 72e586d..0000000 --- a/i18n/fr.yaml +++ /dev/null @@ -1,151 +0,0 @@ -nav1_text : - other : Accueil -nav2_text : - other : Raisons -nav3_text : - other : Canaux -nav4_text : - other : Fediverse -nav5_text : - other : Citations -nav6_text : - other : Lettre -hero_title : - other : Communication fédérée pour les institutions publiques -hero_subtitle : - other : Communiquer avec les citoyens de manière souveraine et respectueuse -hero_subtitle2: - other: Les institutions publiques (autorités, radiodiffuseurs, établissements d'enseignement) utilisent principalement des plateformes propriétaires telles que Twitter, Facebook, Instagram et YouTube. Les entreprises qui se trouvent derrière peuvent décider qui communique sur leurs plateformes et comment. En outre, les institutions publiques font de la publicité pour leurs services par le biais de liens proéminents et de l'utilisation de ces services et incitent les citoyens à les utiliser. -hero_subtitle3 : - other : Nous souhaitons convaincre les pouvoirs publics de repenser leur utilisation des médias sociaux. Cela est possible grâce au passage progressif à des solutions fédérées de logiciels libres. -hero_buttontext : - other : Agir maintenant -hero_button1 : - other : Fedi... Quoi ?! -hero_button1_link : - other : "#section1_id" -section1_title : - other : Communication ouverte -section1_subtitle : - other : sur le Fediverse -section1_tiles1_title : - other : Mastodon au lieu de Twitter -section1_tiles1_text : - other : Microblogging -section1_tiles1_buttontext : - other : Lancer -section1_tiles2_title : - other : Pixelfed au lieu d'Instagram -section1_tiles2_text : - other : Partager des photos -section1_tiles2_buttontext : - other : Lancer -section1_tiles3_title : - other : Peertube au lieu de Youtube -section1_tiles3_text : - other : Partager des vidéos -section1_tiles3_buttontext : - other : Lancer -section2_title : - other : Raisons d'un changement -section2_subtitle : - other : L'entrée dans une communication éthique. -section2_titles1_title : - other : Souveraineté -section2_titles1_text : - other : La souveraineté numérique a pour objectif de permettre l'utilisation et la conception indépendantes et autodéterminées des technologies numériques par l'État, l'économie et les individus. Les solutions décentralisées de logiciels libres donnent à tous les individus et à toutes les organisations le droit de les utiliser, de les comprendre, de les diffuser et de les améliorer dans n'importe quel but. Il s'agit d'une pierre angulaire de notre démocratie dans une société de plus en plus numérisée. -section2_titles2_title : - other : Protection des données -section2_titles2_text : - other : Les citoyens ne devraient pas être contraints de transmettre leurs données à de grandes entreprises pour pouvoir communiquer avec les institutions publiques. L'administration publique devrait aider les citoyens à protéger leurs données. -section2_titles3_title : - other : Les fonds publics -section2_titles3_text : - other : L'utilisation de l'argent des contribuables devrait en premier lieu servir au bien-être de la population et au respect des obligations légales des pouvoirs publics, au lieu de subventionner des modèles commerciaux douteux de fournisseurs internationaux. -section2_titles4_title : - other : Sécurité juridique -section2_titles4_text : - other : L'utilisation des réseaux sociaux par les grands groupes numériques mondiaux est difficilement conciliable avec la nouvelle loi suisse sur la protection des données. En tant qu'autorité publique, il est nécessaire de garantir une communication juridiquement sûre pour les citoyens. -section3_title : - other : Fediverse -section3_subtitle : - other : Divers services interconnectés utilisés pour les réseaux sociaux, le microblogging, le blogging ou les sites web et l'hébergement de fichiers. -section3_buttontext : - other : Découvrir -section4_title : - other : Exemples positifs -section4_subtitle : - other : Nous sommes entrés dans une communication sans publicité, respectueuse de la vie privée et souveraine avec les citoyens. -section4_clients1_name : - other : Maja Smoltczyk -section4_clients1_quote : - other : La déléguée berlinoise à la protection des données et à la liberté d'information. C'est ici que le service des relations avec les organes, la presse et les relations publiques "toote" -section4_clients1_job : - other : Commissaire à la protection des données de Berlin -section4_clients2_name : - other : Wojciech Wiewiórowski -section4_clients2_quote : - other : Avec le lancement pilote de EU Voice et EU Video, nous voulons proposer des plateformes alternatives pour les médias sociaux qui donnent la priorité aux individus et à leur droit à la vie privée et à la protection des données. -section4_clients2_job : - other : Superviseur européen de la protection des données -section4_clients3_name : - other : Stefan Brink -section4_clients3_quote : - other : Selon le responsable de la protection des données du Bade-Wurtemberg, Mastodon n'est pas un substitut complet de Twitter, mais un bon substitut tout de même. -section4_clients3_job : - other : Commissaire à la protection des données du Bade-Wurtemberg -section5_title : - other : Contactez-nous -section5_subtitle : - other : Si vous avez des questions, n'hésitez pas à nous contacter. -section5_name : - other : Ton nom -section5_address : - other : Ton adresse e-mail -section5_message : - other : Ecris-nous quelque chose... -section6_title : - other : Envoie une lettre à tes autorités -section6_subtitle : - other : Une lettre reçoit plus d'attention qu'un e-mail. Veuillez copier le texte et envoyer une lettre aux autorités. -section6_buttontext : - other : Envoyer par e-mail -section6_mailto : - other : "contact@autorites.ch?subject=Utilisation des médias sociaux dans votre administration." -section6_text : - other : "Adresse -

-Objet : Utilisation des médias sociaux dans votre administration -

-Cher Monsieur/chère Madame ... -

-Nous saluons le fait que votre administration mette à disposition différents canaux de communication pour entrer en contact et échanger avec ses concitoyens. -

-Les médias sociaux jouent un rôle de plus en plus important à cet égard. Mais cela s'accompagne aussi de quelques pièges. On peut citer par exemple la dépendance vis-à-vis des groupes informatiques internationaux et leur position dominante en ce qui concerne le libre accès aux plateformes de communication. La perte de la souveraineté numérique y est également liée. -

-C'est avec une grande inquiétude que nous avons perçu ces derniers temps les déclarations des responsables de la protection des données qui critiquent le fait que ces réseaux ne respectent pas les prescriptions légales et qu'il serait nécessaire de mettre en place des réglementations étendues afin de protéger les utilisateurs en matière de droit des données. -

-Il est donc important que l'administration publique utilise des services distribués de logiciels libres et renforce de telles offres au lieu de rendre les citoyens encore plus dépendants des grandes entreprises et de leur comportement. -

-Nous serions donc heureux que votre administration se décide à apporter sa propre contribution et utilise à l'avenir des solutions décentralisées de logiciels libres, comme par exemple Mastodon, pour communiquer avec les citoyens et citoyennes. -

-Salutations amicales" -section6_mailtext : - other: "Cher/chère Madame ... -%0D%0A%0D%0A -Nous saluons le fait que votre administration mette à disposition différents canaux de communication pour entrer en contact et échanger avec ses concitoyens. -%0D%0A%0D%0A -Les médias sociaux jouent un rôle de plus en plus important à cet égard. Mais cela s'accompagne aussi de quelques pièges. On peut citer par exemple la dépendance vis-à-vis des groupes informatiques internationaux et leur position dominante en ce qui concerne le libre accès aux plateformes de communication. La perte de la souveraineté numérique y est également liée. -%0D%0A%0D%0A -C'est avec une grande inquiétude que nous avons perçu ces derniers temps les déclarations des responsables de la protection des données qui critiquent le fait que ces réseaux ne respectent pas les dispositions légales et qu'il faudrait des réglementations étendues pour protéger les utilisateurs en matière de droit des données. -%0D%0A%0D%0A -Il est donc important que l'administration publique utilise des services distribués de logiciels libres et renforce de telles offres, au lieu de rendre les citoyens encore plus dépendants des grandes entreprises et de leur comportement. -%0D%0A%0D%0A -Nous serions donc heureux que votre administration décide d'apporter sa propre contribution et utilise à l'avenir des solutions décentralisées de logiciels libres, comme par exemple Mastodon, pour communiquer avec les citoyens et citoyennes. -%0D%0A%0D%0A -Salutations amicales" -footer_sponsorText: - other : Une initiative de -footer_translationTitle : - other : Langues - diff --git a/i18n/it.yaml b/i18n/it.yaml deleted file mode 100644 index 74c2238..0000000 --- a/i18n/it.yaml +++ /dev/null @@ -1,151 +0,0 @@ -nav1_text: - other: Home -nav2_text: - other: Motivi -nav3_text: - other: Canali -nav4_text: - other: Fediverse -nav5_text: - other: Citazioni -nav6_text: - other: Lettera -hero_title: - other: Comunicazione federata per le istituzioni pubbliche -hero_subtitle: - other: Comunicare con sicurezza e rispetto con i cittadini -hero_subtitle2: - other: Le istituzioni pubbliche (autorità pubbliche, emittenti, istituzioni educative) utilizzano prevalentemente piattaforme proprietarie come Twitter, Facebook, Instagram e YouTube. Le aziende che ne fanno parte possono decidere chi comunica sulle loro piattaforme e come. Inoltre, le istituzioni pubbliche pubblicizzano i loro servizi attraverso link ben visibili e l'uso dei servizi e incoraggiano i cittadini a utilizzarli. -hero_subtitle3: - other: Vogliamo convincere le autorità pubbliche a ripensare l'uso dei social media. Questo è possibile grazie alla graduale transizione verso soluzioni federate di software libero. -hero_buttontext: - other: Agire ora -hero_button1: - other: Fedi... Cosa? -hero_button1_link: - other: "#section1_id" -section1_title: - other: Comunicazione aperta -section1_subtitle: - other: su fediverse -section1_tiles1_title: - other: Mastodon al posto di Twitter -section1_testi1_text: - other: Microblogging -section1_tiles1_buttontext: - other: Avvio -section1_tiles2_title: - other: Pixelfed invece di Instagram -section1_tiles2_text: - other: Condividere le foto -section1_tiles2_buttontext: - other: Avvio -section1_tiles3_title: - other: Peertube invece di Youtube -section1_tiles3_text: - other: Condividere i video -section1_tiles3_buttontext: - other: Avvio -section2_title: - other: Motivi per un cambiamento -section2_subtitle: - other: Iniziare a comunicare in modo etico. -section2_titles1_title: - other: Sovranità -section2_titles1_text: - other: La sovranità digitale persegue l'obiettivo di consentire l'uso e la progettazione indipendente e autodeterminata delle tecnologie digitali da parte dello Stato, dell'economia e degli individui. Le soluzioni di software libero decentralizzato danno a tutte le persone e le organizzazioni il diritto di usarle, comprenderle, diffonderle e migliorarle per qualsiasi scopo. Si tratta di una pietra miliare della nostra democrazia in una società sempre più digitalizzata. -section2_titles2_title: - other: Protezione dei dati -section2_titles2_text: - other: I cittadini non dovrebbero essere costretti a fornire i propri dati alle grandi aziende per comunicare con le istituzioni pubbliche. La pubblica amministrazione deve sostenere i cittadini nella protezione dei dati. -section2_titles3_title: - other: Denaro pubblico -section2_titles3_text: - other: L'uso del denaro dei contribuenti dovrebbe essere utilizzato principalmente a beneficio della popolazione e per adempiere agli obblighi legali del settore pubblico, invece di sovvenzionare modelli commerciali dubbi di fornitori internazionali. -section2_titles4_title: - other: Certezza giuridica -section2_titles4_text: - other: L'uso dei social network da parte delle grandi aziende digitali globali è difficile da conciliare con la nuova legge svizzera sulla protezione dei dati. In quanto autorità pubblica, è necessario garantire ai cittadini una comunicazione legalmente sicura. -section3_title: - other: Fediverse -section3_subtitle: - other: Vari servizi interconnessi utilizzati per il social networking, il microblogging, il blogging o i siti web e il file hosting. -section3_buttontext: - other: Scoprire -section4_title: - other: Esempi positivi -section4_subtitle: - other: Abbiamo avviato una comunicazione senza pubblicità, orientata alla privacy e sovrana con i cittadini. -section4_clients1_name: - other: Maja Smoltczyk -section4_clients1_quote: - other: La Commissaria di Berlino per la protezione dei dati e la libertà d'informazione. Qui "barrita" il dipartimento che si occupa di comitati, stampa e pubbliche relazioni. -section4_clients1_job: - other: Commissario per la protezione dei dati di Berlino -section4_clients2_name: - other: Wojciech Wiewiórowski -section4_clients2_quote: - other: Con il lancio pilota di EU Voice e EU Video, vogliamo offrire piattaforme di social media alternative che diano priorità alle persone e al loro diritto alla privacy e alla protezione dei dati. -section4_clients2_job: - other: Garante europeo della protezione dei dati -section4_clients3_name: - other: Stefan Brink -section4_clients3_quote: - other: Il garante per la protezione dei dati del Baden-Württemberg afferma che Mastodon non è un sostituto completo di Twitter, ma è un buon sostituto. -section4_clients3_job: - other: Commissario per la protezione dei dati del Baden-Württemberg -section5_title: - other: Contattaci -section5_subtitle: - other: Se avete domande, non esitate a contattarci. -section5_name: - other: il suo nome -section5_address: - other: il vostro indirizzo e-mail -section5_message: - other: Scriveteci qualcosa... -section6_title: - other: Invia una lettera alle autorità pubbliche -section6_subtitle: - other: Una lettera riceve più attenzione di un'e-mail. Copiate il testo e inviate una lettera alle autorità governative. -section6_buttontext: - other: Inviare per e-mail -section6_mailto: - other: "contatto@autorita.ch?subject=Utilizzo dei social media nella vostra autorità pubblica." -section6_text: - other: "indirizzo -

-Oggetto: Uso dei social media nella vostra agenzia pubblica -

-Gentile Signora/Signore ... -

-Apprezziamo il fatto che la vostra autorità metta a disposizione diversi canali di comunicazione per entrare in contatto e scambiarsi con i propri concittadini. -

-I social media svolgono un ruolo sempre più importante in questo senso. Ma questo comporta anche una serie di insidie. Tra questi, ad esempio, la dipendenza dalle società informatiche internazionali e la loro posizione dominante per quanto riguarda il libero accesso alle piattaforme di comunicazione. Ciò è anche associato alla perdita di sovranità digitale. -

-È con grande preoccupazione che di recente abbiamo sentito dichiarazioni di commissari per la protezione dei dati che criticavano il fatto che queste reti non rispettano i requisiti di legge e che sarebbero necessarie norme di ampia portata per proteggere gli utenti in termini di protezione dei dati. -

-Pertanto, è importante che la pubblica amministrazione utilizzi i servizi distribuiti di software libero e rafforzi tali offerte invece di rendere i cittadini ulteriormente dipendenti dalle grandi aziende e dal loro comportamento. -

-Saremmo quindi lieti se anche la vostra autorità decidesse di dare un contributo in tal senso e in futuro utilizzasse soluzioni decentralizzate di software libero, come Mastodon, per comunicare con i cittadini. -

-Cordiali saluti" -section6_mailtext: - other: "Gentile signora/signore ... -%0D%0A%0D%0A -Apprezziamo il fatto che la vostra autorità metta a disposizione diversi canali di comunicazione per entrare in contatto e scambiare con i propri concittadini. -%0D%0A%0D%0A -I social media svolgono un ruolo sempre più importante in questo senso. Ma questo comporta anche una serie di insidie. Tra questi, ad esempio, la dipendenza dalle società informatiche internazionali e la loro posizione dominante per quanto riguarda il libero accesso alle piattaforme di comunicazione. Ciò è anche associato alla perdita di sovranità digitale. -%0D%0A%0D%0A -È con grande preoccupazione che di recente abbiamo sentito dichiarazioni di commissari per la protezione dei dati che criticavano il fatto che queste reti non rispettano i requisiti di legge e che sarebbero necessarie norme di ampia portata per proteggere gli utenti in termini di protezione dei dati. -%0D%0A%0D%0A -Pertanto, è importante che la pubblica amministrazione utilizzi i servizi distribuiti di software libero e rafforzi tali offerte invece di rendere i cittadini ulteriormente dipendenti dalle grandi aziende e dal loro comportamento. -%0D%0A%0D%0A -Saremmo quindi lieti se anche la vostra autorità decidesse di dare un contributo in tal senso e in futuro utilizzasse soluzioni decentralizzate di software libero, come Mastodon, per comunicare con i cittadini. -%0D%0A%0D%0A -Cordiali saluti" -footer_sponsorText: - other: Un'iniziativa di -footer_translationTitle: - other: Lingua - diff --git a/i18n/pt.yaml b/i18n/pt.yaml index d2e6019..8c8ad16 100644 --- a/i18n/pt.yaml +++ b/i18n/pt.yaml @@ -7,136 +7,38 @@ nav3_text: nav4_text: other: Fediverso nav5_text: - other: Citações + other: Casos de sucesso nav6_text: other: Carta -hero_title: - other: Comunicação federada nas instituições públicas -hero_subtitle: - other: Comunicar com confiança e respeito com o público -hero_subtitle2: - other: As instituições públicas (agências governamentais, emissoras, instituições de ensino) usam predominantemente plataformas proprietárias como Twitter, Facebook, Instagram e Youtube. As empresas por detrás destas plataformas controlam quem as pode utilizar e como podem ser utilizadas. Além disso, ao destacar e utilizar estes serviços, as instituições públicas acabam por publicitar e incentivar as pessoas a utilizar estes serviços. -hero_subtitle3: | - Queremos convencer as instituições públicas a repensar o seu uso das redes sociais. Isto é possível com a transição gradual para soluções federadas de Software Livre. -hero_buttontext: - other: Intervir -hero_button1: - other: Fedi... quê? -hero_button1_link: - other: "#section1_id" -section1_title: - other: Comunicação aberta -section1_subtitle: - other: no Fediverso -section1_tiles1_title: - other: Mastodon em vez de Twitter -section1_tiles1_text: - other: Microblogging -section1_tiles1_buttontext: - other: Começar -section1_tiles2_title: - other: Pixelfed em vez de Instagram -section1_tiles2_text: - other: Partilha de fotografias -section1_tiles2_buttontext: - other: Começar -section1_tiles3_title: - other: PeerTube em vez de Youtube -section1_tiles3_text: - other: Partilha de vídeos -section1_tiles3_buttontext: - other: Começar -section3_title: - other: Fediverso -section3_subtitle: - other: Um conjunto de serviços federados usados para publicação na web e alojamento de ficheiros, redes sociais e microblogging. -section3_buttontext: - other: Explorar -section4_title: - other: Bons exemplos -section4_subtitle: - other: Comunicação com o público de forma soberana, sem publicidade e com foco na privacidade. -section4_clients1_name: - other: Volker Brozio -section4_clients1_quote: - other: Com o nosso novo perfil de Mastodon queremos mostrar que as redes sociais podem ser usadas de acordo com as leis de protecção de dados. -section4_clients1_job: - other: Encarregado de protecção de dados de Berlim -section4_clients2_name: - other: Wojciech Wiewiórowski -section4_clients2_quote: - other: Com o lançamento piloto do EU Voice e EU Video, queremos oferecer redes sociais alternativas que prioritizem os indivíduos e o seu direito à privacidade e protecção de dados. -section4_clients2_job: - other: Autoridade Europeia para a Proteção de Dados -section4_clients3_name: - other: Stefan Brink -section4_clients3_quote: - other: Na rede Mastodon, mantemos um diálogo digital activo sem entregar os nossos dados ou os dos utilizadores a uma empresa comercial que faz negócios com os dados pessoais. -section4_clients3_job: - other: Encarregado de protecção de dados de Baden-Württemberg -section5_title: - other: Contactos -section5_subtitle: - other: Bei Fragen, zögere bitte nicht, uns zu kontaktieren. -section5_name: - other: Dein Name -section5_address: - other: Deine E-Mail-Adresse -section5_message: - other: Schreibe uns etwas... -section6_title: - other: Contacte as instituições públicas -section6_subtitle: - other: Uma carta recebe mais atenção que uma mensagem de correio electrónico. Copie o texto abaixo e envie uma carta para as instituições públicas. -section6_buttontext: - other: Alternativamente, envie um email section6_mailto: other: "contacto@ORGANIZACAO.pt?subject=Utilização de redes sociais na vossa instituição" +section6_subject: + other: + Utilização de redes sociais na vossa instituição section6_text: - other: "Endereço -

-Assunto: Utilização de redes sociais na vossa instituição -

-Exmo/as. Sr/as., -

-A vossa instituição providencia vários canais de comunicação para alcançar e -interagir com as pessoas. -

-As redes sociais têm tomado um papel cada vez mais importante neste contexto. -Esta utilização, no entanto, não é sem desvantagens. Por exemplo, uma -desvantagem é a dependência de empresas gigantes tecnológicas internacionais. A -sua posição dominante no que toca ao acesso livre a plataformas de comunicação -compromete a nossa soberania digital. -

-Temos também observado vários encarregados de protecção de dados indicarem que -estas redes não cumprem os requisitos legais e que seriam necessárias mudanças -regulatórias significativas para que os seus utilizadores estivessem protegidos -de acordo com as legislações existentes no que toca à protecção de dados. -

-É importante que a Administração Pública adopte serviços distribuídos de -Software Livre para comunicar com as pessoas, em vez de as tornar dependentes -das vontades e comportamentos destas empresas gigantes tecnológicas. -

-Gostaríamos então que a vossa instituição contribuísse para esta causa ao -adoptar soluções federadas, como o Mastodon, para comunicar com o público. -

-Com os melhores cumprimentos" -section6_mailtext: - other: "Exmo/as. Sr/as., -%0D%0A%0D%0A%0D%0AA vossa instituição providencia vários canais de comunicação para alcançar e -interagir com as pessoas. -%0D%0A%0D%0A%0D%0AAs redes sociais têm tomado um papel cada vez mais importante neste contexto. -Esta utilização, no entanto, não é sem desvantagens. Por exemplo, uma -desvantagem é a dependência de empresas gigantes tecnológicas internacionais. A -sua posição dominante no que toca ao acesso livre a plataformas de comunicação -compromete a nossa soberania digital. -%0D%0A%0D%0A%0D%0ATemos também observado vários encarregados de protecção de dados indicarem que -estas redes não cumprem os requisitos legais e que seriam necessárias mudanças -regulatórias significativas para que os seus utilizadores estivessem protegidos -de acordo com as legislações existentes no que toca à protecção de dados. -%0D%0A%0D%0A%0D%0AÉ importante que a Administração Pública adopte serviços distribuidos de -Software Livre para comunicar com as pessoas, em vez de os tornar dependentes -das vontades e comportamentos destas empresas gigantes tecnológicas. -%0D%0A%0D%0A%0D%0A Gostaríamos então que a vossa instituição contribuisse para esta causa ao -adoptar soluções federadas, como o Mastodon, para comunicar com o público. -%0D%0A%0D%0A%0D%0ACom os melhores cumprimentos" + other: | + Exmo/as. Sr/as., + + A vossa instituição utiliza vários canais de comunicação para interagir com + o público. + + As redes sociais têm tomado um papel cada vez mais importante neste + contexto. Esta utilização, no entanto, tem as suas sem desvantagens. Por + exemplo, uma desvantagem é a dependência de empresas gigantes tecnológicas + internacionais. A sua posição dominante no que toca ao acesso livre a + plataformas de comunicação compromete a nossa soberania digital. + + Há também vários encarregados de protecção de dados indicarem que estas + redes não cumprem os requisitos legais e que seriam necessárias mudanças + regulatórias significativas para que os seus utilizadores estivessem + protegidos de acordo com as legislações existentes no que toca à protecção + de dados. + + É importante que a Administração Pública adopte serviços distribuídos de + Software Livre para comunicar com as pessoas, em vez de estarem dependentes + das vontades e comportamentos destas empresas gigantes tecnológicas. + + Gostaríamos então que a vossa instituição contribuísse para esta causa ao + adoptar soluções federadas, como o Mastodon, para comunicar com o público. + + Com os melhores cumprimentos diff --git a/resources/_gen/assets/sass/style.sass_5ad6f408b0e3e473c748aac88af0ea18.content b/resources/_gen/assets/sass/style.sass_5ad6f408b0e3e473c748aac88af0ea18.content deleted file mode 100644 index c7f8373..0000000 --- a/resources/_gen/assets/sass/style.sass_5ad6f408b0e3e473c748aac88af0ea18.content +++ /dev/null @@ -1,7114 +0,0 @@ -@charset "UTF-8"; -/*! bulma.io v0.7.0 | MIT License | github.com/jgthms/bulma */ -@keyframes spinAround { - from { - transform: rotate(0deg); } - to { - transform: rotate(359deg); } } - -.tabs, .pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis, .breadcrumb, .file, .button, .is-unselectable, .modal-close, .delete { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.navbar-link::after, .select:not(.is-multiple):not(.is-loading)::after { - border: 3px solid transparent; - border-radius: 2px; - border-right: 0; - border-top: 0; - content: " "; - display: block; - height: 0.625em; - margin-top: -0.4375em; - pointer-events: none; - position: absolute; - top: 50%; - transform: rotate(-45deg); - transform-origin: center; - width: 0.625em; } - -.tabs:not(:last-child), .message:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .highlight:not(:last-child), .block:not(:last-child), .title:not(:last-child), -.subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .box:not(:last-child) { - margin-bottom: 1.5rem; } - -.modal-close, .delete { - -moz-appearance: none; - -webkit-appearance: none; - background-color: rgba(10, 10, 10, 0.2); - border: none; - border-radius: 290486px; - cursor: pointer; - display: inline-block; - flex-grow: 0; - flex-shrink: 0; - font-size: 0; - height: 20px; - max-height: 20px; - max-width: 20px; - min-height: 20px; - min-width: 20px; - outline: none; - position: relative; - vertical-align: top; - width: 20px; } - .modal-close::before, .delete::before, .modal-close::after, .delete::after { - background-color: white; - content: ""; - display: block; - left: 50%; - position: absolute; - top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; } - .modal-close::before, .delete::before { - height: 2px; - width: 50%; } - .modal-close::after, .delete::after { - height: 50%; - width: 2px; } - .modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus { - background-color: rgba(10, 10, 10, 0.3); } - .modal-close:active, .delete:active { - background-color: rgba(10, 10, 10, 0.4); } - .is-small.modal-close, .is-small.delete { - height: 16px; - max-height: 16px; - max-width: 16px; - min-height: 16px; - min-width: 16px; - width: 16px; } - .is-medium.modal-close, .is-medium.delete { - height: 24px; - max-height: 24px; - max-width: 24px; - min-height: 24px; - min-width: 24px; - width: 24px; } - .is-large.modal-close, .is-large.delete { - height: 32px; - max-height: 32px; - max-width: 32px; - min-height: 32px; - min-width: 32px; - width: 32px; } - -.loader, .control.is-loading::after, .select.is-loading::after, .button.is-loading::after { - animation: spinAround 500ms infinite linear; - border: 2px solid #dbdbdb; - border-radius: 290486px; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: 1em; - position: relative; - width: 1em; } - -.hero-video, .modal-background, .modal, .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img, .is-overlay { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; } - -.pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis, .file-cta, -.file-name, .select select, .input, -.textarea, .button { - -moz-appearance: none; - -webkit-appearance: none; - align-items: center; - border: 1px solid transparent; - border-radius: 4px; - box-shadow: none; - display: inline-flex; - font-size: 1rem; - height: 2.25em; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.375em - 1px); - padding-left: calc(0.625em - 1px); - padding-right: calc(0.625em - 1px); - padding-top: calc(0.375em - 1px); - position: relative; - vertical-align: top; } - .pagination-previous:focus, - .pagination-next:focus, - .pagination-link:focus, - .pagination-ellipsis:focus, .file-cta:focus, - .file-name:focus, .select select:focus, .input:focus, - .textarea:focus, .button:focus, .is-focused.pagination-previous, - .is-focused.pagination-next, - .is-focused.pagination-link, - .is-focused.pagination-ellipsis, .is-focused.file-cta, - .is-focused.file-name, .select select.is-focused, .is-focused.input, - .is-focused.textarea, .is-focused.button, .pagination-previous:active, - .pagination-next:active, - .pagination-link:active, - .pagination-ellipsis:active, .file-cta:active, - .file-name:active, .select select:active, .input:active, - .textarea:active, .button:active, .is-active.pagination-previous, - .is-active.pagination-next, - .is-active.pagination-link, - .is-active.pagination-ellipsis, .is-active.file-cta, - .is-active.file-name, .select select.is-active, .is-active.input, - .is-active.textarea, .is-active.button { - outline: none; } - [disabled].pagination-previous, - [disabled].pagination-next, - [disabled].pagination-link, - [disabled].pagination-ellipsis, [disabled].file-cta, - [disabled].file-name, .select select[disabled], [disabled].input, - [disabled].textarea, [disabled].button { - cursor: not-allowed; } - -/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */ -html, -body, -p, -ol, -ul, -li, -dl, -dt, -dd, -blockquote, -figure, -fieldset, -legend, -textarea, -pre, -iframe, -hr, -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 0; - padding: 0; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: 100%; - font-weight: normal; } - -ul { - list-style: none; } - -button, -input, -select, -textarea { - margin: 0; } - -html { - box-sizing: border-box; } - -*, *::before, *::after { - box-sizing: inherit; } - -img, -audio, -video { - height: auto; - max-width: 100%; } - -iframe { - border: 0; } - -table { - border-collapse: collapse; - border-spacing: 0; } - -td, -th { - padding: 0; - text-align: left; } - -html { - background-color: white; - font-size: 16px; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - min-width: 300px; - overflow-x: hidden; - overflow-y: scroll; - text-rendering: optimizeLegibility; - text-size-adjust: 100%; } - -article, -aside, -figure, -footer, -header, -hgroup, -section { - display: block; } - -body, -button, -input, -select, -textarea { - font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } - -code, -pre { - -moz-osx-font-smoothing: auto; - -webkit-font-smoothing: auto; - font-family: monospace; } - -body { - color: #4a4a4a; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; } - -a { - color: #3273dc; - cursor: pointer; - text-decoration: none; } - a strong { - color: currentColor; } - a:hover { - color: #363636; } - -code { - background-color: whitesmoke; - color: #ff3860; - font-size: 0.875em; - font-weight: normal; - padding: 0.25em 0.5em 0.25em; } - -hr { - background-color: whitesmoke; - border: none; - display: block; - height: 2px; - margin: 1.5rem 0; } - -img { - height: auto; - max-width: 100%; } - -input[type="checkbox"], -input[type="radio"] { - vertical-align: baseline; } - -small { - font-size: 0.875em; } - -span { - font-style: inherit; - font-weight: inherit; } - -strong { - color: #363636; - font-weight: 700; } - -pre { - -webkit-overflow-scrolling: touch; - background-color: whitesmoke; - color: #4a4a4a; - font-size: 0.875em; - overflow-x: auto; - padding: 1.25rem 1.5rem; - white-space: pre; - word-wrap: normal; } - pre code { - background-color: transparent; - color: currentColor; - font-size: 1em; - padding: 0; } - -table td, -table th { - text-align: left; - vertical-align: top; } - -table th { - color: #363636; } - -.is-clearfix::after { - clear: both; - content: " "; - display: table; } - -.is-pulled-left { - float: left !important; } - -.is-pulled-right { - float: right !important; } - -.is-clipped { - overflow: hidden !important; } - -.is-size-1 { - font-size: 3rem !important; } - -.is-size-2 { - font-size: 2.5rem !important; } - -.is-size-3 { - font-size: 2rem !important; } - -.is-size-4 { - font-size: 1.5rem !important; } - -.is-size-5 { - font-size: 1.25rem !important; } - -.is-size-6 { - font-size: 1rem !important; } - -.is-size-7 { - font-size: 0.75rem !important; } - -@media screen and (max-width: 768px) { - .is-size-1-mobile { - font-size: 3rem !important; } - .is-size-2-mobile { - font-size: 2.5rem !important; } - .is-size-3-mobile { - font-size: 2rem !important; } - .is-size-4-mobile { - font-size: 1.5rem !important; } - .is-size-5-mobile { - font-size: 1.25rem !important; } - .is-size-6-mobile { - font-size: 1rem !important; } - .is-size-7-mobile { - font-size: 0.75rem !important; } } - -@media screen and (min-width: 769px), print { - .is-size-1-tablet { - font-size: 3rem !important; } - .is-size-2-tablet { - font-size: 2.5rem !important; } - .is-size-3-tablet { - font-size: 2rem !important; } - .is-size-4-tablet { - font-size: 1.5rem !important; } - .is-size-5-tablet { - font-size: 1.25rem !important; } - .is-size-6-tablet { - font-size: 1rem !important; } - .is-size-7-tablet { - font-size: 0.75rem !important; } } - -@media screen and (max-width: 1087px) { - .is-size-1-touch { - font-size: 3rem !important; } - .is-size-2-touch { - font-size: 2.5rem !important; } - .is-size-3-touch { - font-size: 2rem !important; } - .is-size-4-touch { - font-size: 1.5rem !important; } - .is-size-5-touch { - font-size: 1.25rem !important; } - .is-size-6-touch { - font-size: 1rem !important; } - .is-size-7-touch { - font-size: 0.75rem !important; } } - -@media screen and (min-width: 1088px) { - .is-size-1-desktop { - font-size: 3rem !important; } - .is-size-2-desktop { - font-size: 2.5rem !important; } - .is-size-3-desktop { - font-size: 2rem !important; } - .is-size-4-desktop { - font-size: 1.5rem !important; } - .is-size-5-desktop { - font-size: 1.25rem !important; } - .is-size-6-desktop { - font-size: 1rem !important; } - .is-size-7-desktop { - font-size: 0.75rem !important; } } - -@media screen and (min-width: 1280px) { - .is-size-1-widescreen { - font-size: 3rem !important; } - .is-size-2-widescreen { - font-size: 2.5rem !important; } - .is-size-3-widescreen { - font-size: 2rem !important; } - .is-size-4-widescreen { - font-size: 1.5rem !important; } - .is-size-5-widescreen { - font-size: 1.25rem !important; } - .is-size-6-widescreen { - font-size: 1rem !important; } - .is-size-7-widescreen { - font-size: 0.75rem !important; } } - -.has-text-centered { - text-align: center !important; } - -.has-text-justified { - text-align: justify !important; } - -.has-text-left { - text-align: left !important; } - -.has-text-right { - text-align: right !important; } - -@media screen and (max-width: 768px) { - .has-text-centered-mobile { - text-align: center !important; } } - -@media screen and (min-width: 769px), print { - .has-text-centered-tablet { - text-align: center !important; } } - -@media screen and (min-width: 769px) and (max-width: 1087px) { - .has-text-centered-tablet-only { - text-align: center !important; } } - -@media screen and (max-width: 1087px) { - .has-text-centered-touch { - text-align: center !important; } } - -@media screen and (min-width: 1088px) { - .has-text-centered-desktop { - text-align: center !important; } } - -@media screen and (min-width: 1088px) and (max-width: 1279px) { - .has-text-centered-desktop-only { - text-align: center !important; } } - -@media screen and (min-width: 1280px) { - .has-text-centered-widescreen { - text-align: center !important; } } - -@media screen and (max-width: 768px) { - .has-text-justified-mobile { - text-align: justify !important; } } - -@media screen and (min-width: 769px), print { - .has-text-justified-tablet { - text-align: justify !important; } } - -@media screen and (min-width: 769px) and (max-width: 1087px) { - .has-text-justified-tablet-only { - text-align: justify !important; } } - -@media screen and (max-width: 1087px) { - .has-text-justified-touch { - text-align: justify !important; } } - -@media screen and (min-width: 1088px) { - .has-text-justified-desktop { - text-align: justify !important; } } - -@media screen and (min-width: 1088px) and (max-width: 1279px) { - .has-text-justified-desktop-only { - text-align: justify !important; } } - -@media screen and (min-width: 1280px) { - .has-text-justified-widescreen { - text-align: justify !important; } } - -@media screen and (max-width: 768px) { - .has-text-left-mobile { - text-align: left !important; } } - -@media screen and (min-width: 769px), print { - .has-text-left-tablet { - text-align: left !important; } } - -@media screen and (min-width: 769px) and (max-width: 1087px) { - .has-text-left-tablet-only { - text-align: left !important; } } - -@media screen and (max-width: 1087px) { - .has-text-left-touch { - text-align: left !important; } } - -@media screen and (min-width: 1088px) { - .has-text-left-desktop { - text-align: left !important; } } - -@media screen and (min-width: 1088px) and (max-width: 1279px) { - .has-text-left-desktop-only { - text-align: left !important; } } - -@media screen and (min-width: 1280px) { - .has-text-left-widescreen { - text-align: left !important; } } - -@media screen and (max-width: 768px) { - .has-text-right-mobile { - text-align: right !important; } } - -@media screen and (min-width: 769px), print { - .has-text-right-tablet { - text-align: right !important; } } - -@media screen and (min-width: 769px) and (max-width: 1087px) { - .has-text-right-tablet-only { - text-align: right !important; } } - -@media screen and (max-width: 1087px) { - .has-text-right-touch { - text-align: right !important; } } - -@media screen and (min-width: 1088px) { - .has-text-right-desktop { - text-align: right !important; } } - -@media screen and (min-width: 1088px) and (max-width: 1279px) { - .has-text-right-desktop-only { - text-align: right !important; } } - -@media screen and (min-width: 1280px) { - .has-text-right-widescreen { - text-align: right !important; } } - -.is-capitalized { - text-transform: capitalize !important; } - -.is-lowercase { - text-transform: lowercase !important; } - -.is-uppercase { - text-transform: uppercase !important; } - -.is-italic { - font-style: italic !important; } - -.has-text-white { - color: white !important; } - -a.has-text-white:hover, a.has-text-white:focus { - color: #e6e6e6 !important; } - -.has-background-white { - background-color: white !important; } - -.has-text-black { - color: #0a0a0a !important; } - -a.has-text-black:hover, a.has-text-black:focus { - color: black !important; } - -.has-background-black { - background-color: #0a0a0a !important; } - -.has-text-light { - color: whitesmoke !important; } - -a.has-text-light:hover, a.has-text-light:focus { - color: #dbdbdb !important; } - -.has-background-light { - background-color: whitesmoke !important; } - -.has-text-dark { - color: #363636 !important; } - -a.has-text-dark:hover, a.has-text-dark:focus { - color: #1c1c1c !important; } - -.has-background-dark { - background-color: #363636 !important; } - -.has-text-primary { - color: #00d1b2 !important; } - -a.has-text-primary:hover, a.has-text-primary:focus { - color: #009e86 !important; } - -.has-background-primary { - background-color: #00d1b2 !important; } - -.has-text-link { - color: #3273dc !important; } - -a.has-text-link:hover, a.has-text-link:focus { - color: #205bbc !important; } - -.has-background-link { - background-color: #3273dc !important; } - -.has-text-info { - color: #209cee !important; } - -a.has-text-info:hover, a.has-text-info:focus { - color: #0f81cc !important; } - -.has-background-info { - background-color: #209cee !important; } - -.has-text-success { - color: #23d160 !important; } - -a.has-text-success:hover, a.has-text-success:focus { - color: #1ca64c !important; } - -.has-background-success { - background-color: #23d160 !important; } - -.has-text-warning { - color: #ffdd57 !important; } - -a.has-text-warning:hover, a.has-text-warning:focus { - color: #ffd324 !important; } - -.has-background-warning { - background-color: #ffdd57 !important; } - -.has-text-danger { - color: #ff3860 !important; } - -a.has-text-danger:hover, a.has-text-danger:focus { - color: #ff0537 !important; } - -.has-background-danger { - background-color: #ff3860 !important; } - -.has-text-black-bis { - color: #121212 !important; } - -.has-text-black-ter { - color: #242424 !important; } - -.has-text-grey-darker { - color: #363636 !important; } - -.has-text-grey-dark { - color: #4a4a4a !important; } - -.has-text-grey { - color: #7a7a7a !important; } - -.has-text-grey-light { - color: #b5b5b5 !important; } - -.has-text-grey-lighter { - color: #dbdbdb !important; } - -.has-text-white-ter { - color: whitesmoke !important; } - -.has-text-white-bis { - color: #fafafa !important; } - -.has-text-weight-light { - font-weight: 300 !important; } - -.has-text-weight-normal { - font-weight: 400 !important; } - -.has-text-weight-semibold { - font-weight: 600 !important; } - -.has-text-weight-bold { - font-weight: 700 !important; } - -.is-block { - display: block !important; } - -@media screen and (max-width: 768px) { - .is-block-mobile { - display: block !important; } } - -@media screen and (min-width: 769px), print { - .is-block-tablet { - display: block !important; } } - -@media screen and (min-width: 769px) and (max-width: 1087px) { - .is-block-tablet-only { - display: block !important; } } - -@media screen and (max-width: 1087px) { - .is-block-touch { - display: block !important; } } - -@media screen and (min-width: 1088px) { - .is-block-desktop { - display: block !important; } } - -@media screen and (min-width: 1088px) and (max-width: 1279px) { - .is-block-desktop-only { - display: block !important; } } - -@media screen and (min-width: 1280px) { - .is-block-widescreen { - display: block !important; } } - -.is-flex { - display: flex !important; } - -@media screen and (max-width: 768px) { - .is-flex-mobile { - display: flex !important; } } - -@media screen and (min-width: 769px), print { - .is-flex-tablet { - display: flex !important; } } - -@media screen and (min-width: 769px) and (max-width: 1087px) { - .is-flex-tablet-only { - display: flex !important; } } - -@media screen and (max-width: 1087px) { - .is-flex-touch { - display: flex !important; } } - -@media screen and (min-width: 1088px) { - .is-flex-desktop { - display: flex !important; } } - -@media screen and (min-width: 1088px) and (max-width: 1279px) { - .is-flex-desktop-only { - display: flex !important; } } - -@media screen and (min-width: 1280px) { - .is-flex-widescreen { - display: flex !important; } } - -.is-inline { - display: inline !important; } - -@media screen and (max-width: 768px) { - .is-inline-mobile { - display: inline !important; } } - -@media screen and (min-width: 769px), print { - .is-inline-tablet { - display: inline !important; } } - -@media screen and (min-width: 769px) and (max-width: 1087px) { - .is-inline-tablet-only { - display: inline !important; } } - -@media screen and (max-width: 1087px) { - .is-inline-touch { - display: inline !important; } } - -@media screen and (min-width: 1088px) { - .is-inline-desktop { - display: inline !important; } } - -@media screen and (min-width: 1088px) and (max-width: 1279px) { - .is-inline-desktop-only { - display: inline !important; } } - -@media screen and (min-width: 1280px) { - .is-inline-widescreen { - display: inline !important; } } - -.is-inline-block { - display: inline-block !important; } - -@media screen and (max-width: 768px) { - .is-inline-block-mobile { - display: inline-block !important; } } - -@media screen and (min-width: 769px), print { - .is-inline-block-tablet { - display: inline-block !important; } } - -@media screen and (min-width: 769px) and (max-width: 1087px) { - .is-inline-block-tablet-only { - display: inline-block !important; } } - -@media screen and (max-width: 1087px) { - .is-inline-block-touch { - display: inline-block !important; } } - -@media screen and (min-width: 1088px) { - .is-inline-block-desktop { - display: inline-block !important; } } - -@media screen and (min-width: 1088px) and (max-width: 1279px) { - .is-inline-block-desktop-only { - display: inline-block !important; } } - -@media screen and (min-width: 1280px) { - .is-inline-block-widescreen { - display: inline-block !important; } } - -.is-inline-flex { - display: inline-flex !important; } - -@media screen and (max-width: 768px) { - .is-inline-flex-mobile { - display: inline-flex !important; } } - -@media screen and (min-width: 769px), print { - .is-inline-flex-tablet { - display: inline-flex !important; } } - -@media screen and (min-width: 769px) and (max-width: 1087px) { - .is-inline-flex-tablet-only { - display: inline-flex !important; } } - -@media screen and (max-width: 1087px) { - .is-inline-flex-touch { - display: inline-flex !important; } } - -@media screen and (min-width: 1088px) { - .is-inline-flex-desktop { - display: inline-flex !important; } } - -@media screen and (min-width: 1088px) and (max-width: 1279px) { - .is-inline-flex-desktop-only { - display: inline-flex !important; } } - -@media screen and (min-width: 1280px) { - .is-inline-flex-widescreen { - display: inline-flex !important; } } - -.is-hidden { - display: none !important; } - -@media screen and (max-width: 768px) { - .is-hidden-mobile { - display: none !important; } } - -@media screen and (min-width: 769px), print { - .is-hidden-tablet { - display: none !important; } } - -@media screen and (min-width: 769px) and (max-width: 1087px) { - .is-hidden-tablet-only { - display: none !important; } } - -@media screen and (max-width: 1087px) { - .is-hidden-touch { - display: none !important; } } - -@media screen and (min-width: 1088px) { - .is-hidden-desktop { - display: none !important; } } - -@media screen and (min-width: 1088px) and (max-width: 1279px) { - .is-hidden-desktop-only { - display: none !important; } } - -@media screen and (min-width: 1280px) { - .is-hidden-widescreen { - display: none !important; } } - -.is-invisible { - visibility: hidden !important; } - -@media screen and (max-width: 768px) { - .is-invisible-mobile { - visibility: hidden !important; } } - -@media screen and (min-width: 769px), print { - .is-invisible-tablet { - visibility: hidden !important; } } - -@media screen and (min-width: 769px) and (max-width: 1087px) { - .is-invisible-tablet-only { - visibility: hidden !important; } } - -@media screen and (max-width: 1087px) { - .is-invisible-touch { - visibility: hidden !important; } } - -@media screen and (min-width: 1088px) { - .is-invisible-desktop { - visibility: hidden !important; } } - -@media screen and (min-width: 1088px) and (max-width: 1279px) { - .is-invisible-desktop-only { - visibility: hidden !important; } } - -@media screen and (min-width: 1280px) { - .is-invisible-widescreen { - visibility: hidden !important; } } - -.is-marginless { - margin: 0 !important; } - -.is-paddingless { - padding: 0 !important; } - -.is-radiusless { - border-radius: 0 !important; } - -.is-shadowless { - box-shadow: none !important; } - -.box { - background-color: white; - border-radius: 6px; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - color: #4a4a4a; - display: block; - padding: 1.25rem; } - -a.box:hover, a.box:focus { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; } - -a.box:active { - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; } - -.button { - background-color: white; - border-color: #dbdbdb; - border-width: 1px; - color: #363636; - cursor: pointer; - justify-content: center; - padding-bottom: calc(0.375em - 1px); - padding-left: 0.75em; - padding-right: 0.75em; - padding-top: calc(0.375em - 1px); - text-align: center; - white-space: nowrap; } - .button strong { - color: inherit; } - .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { - height: 1.5em; - width: 1.5em; } - .button .icon:first-child:not(:last-child) { - margin-left: calc(-0.375em - 1px); - margin-right: 0.1875em; } - .button .icon:last-child:not(:first-child) { - margin-left: 0.1875em; - margin-right: calc(-0.375em - 1px); } - .button .icon:first-child:last-child { - margin-left: calc(-0.375em - 1px); - margin-right: calc(-0.375em - 1px); } - .button:hover, .button.is-hovered { - border-color: #b5b5b5; - color: #363636; } - .button:focus, .button.is-focused { - border-color: #3273dc; - color: #363636; } - .button:focus:not(:active), .button.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } - .button:active, .button.is-active { - border-color: #4a4a4a; - color: #363636; } - .button.is-text { - background-color: transparent; - border-color: transparent; - color: #4a4a4a; - text-decoration: underline; } - .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { - background-color: whitesmoke; - color: #363636; } - .button.is-text:active, .button.is-text.is-active { - background-color: #e8e8e8; - color: #363636; } - .button.is-text[disabled] { - background-color: transparent; - border-color: transparent; - box-shadow: none; } - .button.is-white { - background-color: white; - border-color: transparent; - color: #0a0a0a; } - .button.is-white:hover, .button.is-white.is-hovered { - background-color: #f9f9f9; - border-color: transparent; - color: #0a0a0a; } - .button.is-white:focus, .button.is-white.is-focused { - border-color: transparent; - color: #0a0a0a; } - .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } - .button.is-white:active, .button.is-white.is-active { - background-color: #f2f2f2; - border-color: transparent; - color: #0a0a0a; } - .button.is-white[disabled] { - background-color: white; - border-color: transparent; - box-shadow: none; } - .button.is-white.is-inverted { - background-color: #0a0a0a; - color: white; } - .button.is-white.is-inverted:hover { - background-color: black; } - .button.is-white.is-inverted[disabled] { - background-color: #0a0a0a; - border-color: transparent; - box-shadow: none; - color: white; } - .button.is-white.is-loading::after { - border-color: transparent transparent #0a0a0a #0a0a0a !important; } - .button.is-white.is-outlined { - background-color: transparent; - border-color: white; - color: white; } - .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus { - background-color: white; - border-color: white; - color: #0a0a0a; } - .button.is-white.is-outlined.is-loading::after { - border-color: transparent transparent white white !important; } - .button.is-white.is-outlined[disabled] { - background-color: transparent; - border-color: white; - box-shadow: none; - color: white; } - .button.is-white.is-inverted.is-outlined { - background-color: transparent; - border-color: #0a0a0a; - color: #0a0a0a; } - .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus { - background-color: #0a0a0a; - color: white; } - .button.is-white.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #0a0a0a; - box-shadow: none; - color: #0a0a0a; } - .button.is-black { - background-color: #0a0a0a; - border-color: transparent; - color: white; } - .button.is-black:hover, .button.is-black.is-hovered { - background-color: #040404; - border-color: transparent; - color: white; } - .button.is-black:focus, .button.is-black.is-focused { - border-color: transparent; - color: white; } - .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } - .button.is-black:active, .button.is-black.is-active { - background-color: black; - border-color: transparent; - color: white; } - .button.is-black[disabled] { - background-color: #0a0a0a; - border-color: transparent; - box-shadow: none; } - .button.is-black.is-inverted { - background-color: white; - color: #0a0a0a; } - .button.is-black.is-inverted:hover { - background-color: #f2f2f2; } - .button.is-black.is-inverted[disabled] { - background-color: white; - border-color: transparent; - box-shadow: none; - color: #0a0a0a; } - .button.is-black.is-loading::after { - border-color: transparent transparent white white !important; } - .button.is-black.is-outlined { - background-color: transparent; - border-color: #0a0a0a; - color: #0a0a0a; } - .button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus { - background-color: #0a0a0a; - border-color: #0a0a0a; - color: white; } - .button.is-black.is-outlined.is-loading::after { - border-color: transparent transparent #0a0a0a #0a0a0a !important; } - .button.is-black.is-outlined[disabled] { - background-color: transparent; - border-color: #0a0a0a; - box-shadow: none; - color: #0a0a0a; } - .button.is-black.is-inverted.is-outlined { - background-color: transparent; - border-color: white; - color: white; } - .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus { - background-color: white; - color: #0a0a0a; } - .button.is-black.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: white; - box-shadow: none; - color: white; } - .button.is-light { - background-color: whitesmoke; - border-color: transparent; - color: #363636; } - .button.is-light:hover, .button.is-light.is-hovered { - background-color: #eeeeee; - border-color: transparent; - color: #363636; } - .button.is-light:focus, .button.is-light.is-focused { - border-color: transparent; - color: #363636; } - .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } - .button.is-light:active, .button.is-light.is-active { - background-color: #e8e8e8; - border-color: transparent; - color: #363636; } - .button.is-light[disabled] { - background-color: whitesmoke; - border-color: transparent; - box-shadow: none; } - .button.is-light.is-inverted { - background-color: #363636; - color: whitesmoke; } - .button.is-light.is-inverted:hover { - background-color: #292929; } - .button.is-light.is-inverted[disabled] { - background-color: #363636; - border-color: transparent; - box-shadow: none; - color: whitesmoke; } - .button.is-light.is-loading::after { - border-color: transparent transparent #363636 #363636 !important; } - .button.is-light.is-outlined { - background-color: transparent; - border-color: whitesmoke; - color: whitesmoke; } - .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus { - background-color: whitesmoke; - border-color: whitesmoke; - color: #363636; } - .button.is-light.is-outlined.is-loading::after { - border-color: transparent transparent whitesmoke whitesmoke !important; } - .button.is-light.is-outlined[disabled] { - background-color: transparent; - border-color: whitesmoke; - box-shadow: none; - color: whitesmoke; } - .button.is-light.is-inverted.is-outlined { - background-color: transparent; - border-color: #363636; - color: #363636; } - .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus { - background-color: #363636; - color: whitesmoke; } - .button.is-light.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #363636; - box-shadow: none; - color: #363636; } - .button.is-dark { - background-color: #363636; - border-color: transparent; - color: whitesmoke; } - .button.is-dark:hover, .button.is-dark.is-hovered { - background-color: #2f2f2f; - border-color: transparent; - color: whitesmoke; } - .button.is-dark:focus, .button.is-dark.is-focused { - border-color: transparent; - color: whitesmoke; } - .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } - .button.is-dark:active, .button.is-dark.is-active { - background-color: #292929; - border-color: transparent; - color: whitesmoke; } - .button.is-dark[disabled] { - background-color: #363636; - border-color: transparent; - box-shadow: none; } - .button.is-dark.is-inverted { - background-color: whitesmoke; - color: #363636; } - .button.is-dark.is-inverted:hover { - background-color: #e8e8e8; } - .button.is-dark.is-inverted[disabled] { - background-color: whitesmoke; - border-color: transparent; - box-shadow: none; - color: #363636; } - .button.is-dark.is-loading::after { - border-color: transparent transparent whitesmoke whitesmoke !important; } - .button.is-dark.is-outlined { - background-color: transparent; - border-color: #363636; - color: #363636; } - .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus { - background-color: #363636; - border-color: #363636; - color: whitesmoke; } - .button.is-dark.is-outlined.is-loading::after { - border-color: transparent transparent #363636 #363636 !important; } - .button.is-dark.is-outlined[disabled] { - background-color: transparent; - border-color: #363636; - box-shadow: none; - color: #363636; } - .button.is-dark.is-inverted.is-outlined { - background-color: transparent; - border-color: whitesmoke; - color: whitesmoke; } - .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus { - background-color: whitesmoke; - color: #363636; } - .button.is-dark.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: whitesmoke; - box-shadow: none; - color: whitesmoke; } - .button.is-primary { - background-color: #00d1b2; - border-color: transparent; - color: #fff; } - .button.is-primary:hover, .button.is-primary.is-hovered { - background-color: #00c4a7; - border-color: transparent; - color: #fff; } - .button.is-primary:focus, .button.is-primary.is-focused { - border-color: transparent; - color: #fff; } - .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } - .button.is-primary:active, .button.is-primary.is-active { - background-color: #00b89c; - border-color: transparent; - color: #fff; } - .button.is-primary[disabled] { - background-color: #00d1b2; - border-color: transparent; - box-shadow: none; } - .button.is-primary.is-inverted { - background-color: #fff; - color: #00d1b2; } - .button.is-primary.is-inverted:hover { - background-color: #f2f2f2; } - .button.is-primary.is-inverted[disabled] { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: #00d1b2; } - .button.is-primary.is-loading::after { - border-color: transparent transparent #fff #fff !important; } - .button.is-primary.is-outlined { - background-color: transparent; - border-color: #00d1b2; - color: #00d1b2; } - .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus { - background-color: #00d1b2; - border-color: #00d1b2; - color: #fff; } - .button.is-primary.is-outlined.is-loading::after { - border-color: transparent transparent #00d1b2 #00d1b2 !important; } - .button.is-primary.is-outlined[disabled] { - background-color: transparent; - border-color: #00d1b2; - box-shadow: none; - color: #00d1b2; } - .button.is-primary.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; } - .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus { - background-color: #fff; - color: #00d1b2; } - .button.is-primary.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; } - .button.is-link { - background-color: #3273dc; - border-color: transparent; - color: #fff; } - .button.is-link:hover, .button.is-link.is-hovered { - background-color: #276cda; - border-color: transparent; - color: #fff; } - .button.is-link:focus, .button.is-link.is-focused { - border-color: transparent; - color: #fff; } - .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } - .button.is-link:active, .button.is-link.is-active { - background-color: #2366d1; - border-color: transparent; - color: #fff; } - .button.is-link[disabled] { - background-color: #3273dc; - border-color: transparent; - box-shadow: none; } - .button.is-link.is-inverted { - background-color: #fff; - color: #3273dc; } - .button.is-link.is-inverted:hover { - background-color: #f2f2f2; } - .button.is-link.is-inverted[disabled] { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: #3273dc; } - .button.is-link.is-loading::after { - border-color: transparent transparent #fff #fff !important; } - .button.is-link.is-outlined { - background-color: transparent; - border-color: #3273dc; - color: #3273dc; } - .button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus { - background-color: #3273dc; - border-color: #3273dc; - color: #fff; } - .button.is-link.is-outlined.is-loading::after { - border-color: transparent transparent #3273dc #3273dc !important; } - .button.is-link.is-outlined[disabled] { - background-color: transparent; - border-color: #3273dc; - box-shadow: none; - color: #3273dc; } - .button.is-link.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; } - .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus { - background-color: #fff; - color: #3273dc; } - .button.is-link.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; } - .button.is-info { - background-color: #209cee; - border-color: transparent; - color: #fff; } - .button.is-info:hover, .button.is-info.is-hovered { - background-color: #1496ed; - border-color: transparent; - color: #fff; } - .button.is-info:focus, .button.is-info.is-focused { - border-color: transparent; - color: #fff; } - .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } - .button.is-info:active, .button.is-info.is-active { - background-color: #118fe4; - border-color: transparent; - color: #fff; } - .button.is-info[disabled] { - background-color: #209cee; - border-color: transparent; - box-shadow: none; } - .button.is-info.is-inverted { - background-color: #fff; - color: #209cee; } - .button.is-info.is-inverted:hover { - background-color: #f2f2f2; } - .button.is-info.is-inverted[disabled] { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: #209cee; } - .button.is-info.is-loading::after { - border-color: transparent transparent #fff #fff !important; } - .button.is-info.is-outlined { - background-color: transparent; - border-color: #209cee; - color: #209cee; } - .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus { - background-color: #209cee; - border-color: #209cee; - color: #fff; } - .button.is-info.is-outlined.is-loading::after { - border-color: transparent transparent #209cee #209cee !important; } - .button.is-info.is-outlined[disabled] { - background-color: transparent; - border-color: #209cee; - box-shadow: none; - color: #209cee; } - .button.is-info.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; } - .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus { - background-color: #fff; - color: #209cee; } - .button.is-info.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; } - .button.is-success { - background-color: #23d160; - border-color: transparent; - color: #fff; } - .button.is-success:hover, .button.is-success.is-hovered { - background-color: #22c65b; - border-color: transparent; - color: #fff; } - .button.is-success:focus, .button.is-success.is-focused { - border-color: transparent; - color: #fff; } - .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } - .button.is-success:active, .button.is-success.is-active { - background-color: #20bc56; - border-color: transparent; - color: #fff; } - .button.is-success[disabled] { - background-color: #23d160; - border-color: transparent; - box-shadow: none; } - .button.is-success.is-inverted { - background-color: #fff; - color: #23d160; } - .button.is-success.is-inverted:hover { - background-color: #f2f2f2; } - .button.is-success.is-inverted[disabled] { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: #23d160; } - .button.is-success.is-loading::after { - border-color: transparent transparent #fff #fff !important; } - .button.is-success.is-outlined { - background-color: transparent; - border-color: #23d160; - color: #23d160; } - .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus { - background-color: #23d160; - border-color: #23d160; - color: #fff; } - .button.is-success.is-outlined.is-loading::after { - border-color: transparent transparent #23d160 #23d160 !important; } - .button.is-success.is-outlined[disabled] { - background-color: transparent; - border-color: #23d160; - box-shadow: none; - color: #23d160; } - .button.is-success.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; } - .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus { - background-color: #fff; - color: #23d160; } - .button.is-success.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; } - .button.is-warning { - background-color: #ffdd57; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - .button.is-warning:hover, .button.is-warning.is-hovered { - background-color: #ffdb4a; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - .button.is-warning:focus, .button.is-warning.is-focused { - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } - .button.is-warning:active, .button.is-warning.is-active { - background-color: #ffd83d; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - .button.is-warning[disabled] { - background-color: #ffdd57; - border-color: transparent; - box-shadow: none; } - .button.is-warning.is-inverted { - background-color: rgba(0, 0, 0, 0.7); - color: #ffdd57; } - .button.is-warning.is-inverted:hover { - background-color: rgba(0, 0, 0, 0.7); } - .button.is-warning.is-inverted[disabled] { - background-color: rgba(0, 0, 0, 0.7); - border-color: transparent; - box-shadow: none; - color: #ffdd57; } - .button.is-warning.is-loading::after { - border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } - .button.is-warning.is-outlined { - background-color: transparent; - border-color: #ffdd57; - color: #ffdd57; } - .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus { - background-color: #ffdd57; - border-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - .button.is-warning.is-outlined.is-loading::after { - border-color: transparent transparent #ffdd57 #ffdd57 !important; } - .button.is-warning.is-outlined[disabled] { - background-color: transparent; - border-color: #ffdd57; - box-shadow: none; - color: #ffdd57; } - .button.is-warning.is-inverted.is-outlined { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.7); - color: rgba(0, 0, 0, 0.7); } - .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus { - background-color: rgba(0, 0, 0, 0.7); - color: #ffdd57; } - .button.is-warning.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.7); - box-shadow: none; - color: rgba(0, 0, 0, 0.7); } - .button.is-danger { - background-color: #ff3860; - border-color: transparent; - color: #fff; } - .button.is-danger:hover, .button.is-danger.is-hovered { - background-color: #ff2b56; - border-color: transparent; - color: #fff; } - .button.is-danger:focus, .button.is-danger.is-focused { - border-color: transparent; - color: #fff; } - .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } - .button.is-danger:active, .button.is-danger.is-active { - background-color: #ff1f4b; - border-color: transparent; - color: #fff; } - .button.is-danger[disabled] { - background-color: #ff3860; - border-color: transparent; - box-shadow: none; } - .button.is-danger.is-inverted { - background-color: #fff; - color: #ff3860; } - .button.is-danger.is-inverted:hover { - background-color: #f2f2f2; } - .button.is-danger.is-inverted[disabled] { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: #ff3860; } - .button.is-danger.is-loading::after { - border-color: transparent transparent #fff #fff !important; } - .button.is-danger.is-outlined { - background-color: transparent; - border-color: #ff3860; - color: #ff3860; } - .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus { - background-color: #ff3860; - border-color: #ff3860; - color: #fff; } - .button.is-danger.is-outlined.is-loading::after { - border-color: transparent transparent #ff3860 #ff3860 !important; } - .button.is-danger.is-outlined[disabled] { - background-color: transparent; - border-color: #ff3860; - box-shadow: none; - color: #ff3860; } - .button.is-danger.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; } - .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus { - background-color: #fff; - color: #ff3860; } - .button.is-danger.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; } - .button.is-small { - border-radius: 2px; - font-size: 0.75rem; } - .button.is-medium { - font-size: 1.25rem; } - .button.is-large { - font-size: 1.5rem; } - .button[disabled] { - background-color: white; - border-color: #dbdbdb; - box-shadow: none; - opacity: 0.5; } - .button.is-fullwidth { - display: flex; - width: 100%; } - .button.is-loading { - color: transparent !important; - pointer-events: none; } - .button.is-loading::after { - position: absolute; - left: calc(50% - (1em / 2)); - top: calc(50% - (1em / 2)); - position: absolute !important; } - .button.is-static { - background-color: whitesmoke; - border-color: #dbdbdb; - color: #7a7a7a; - box-shadow: none; - pointer-events: none; } - .button.is-rounded { - border-radius: 290486px; - padding-left: 1em; - padding-right: 1em; } - -.buttons { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; } - .buttons .button { - margin-bottom: 0.5rem; } - .buttons .button:not(:last-child) { - margin-right: 0.5rem; } - .buttons:last-child { - margin-bottom: -0.5rem; } - .buttons:not(:last-child) { - margin-bottom: 1rem; } - .buttons.has-addons .button:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .buttons.has-addons .button:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; - margin-right: -1px; } - .buttons.has-addons .button:last-child { - margin-right: 0; } - .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { - z-index: 2; } - .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { - z-index: 3; } - .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { - z-index: 4; } - .buttons.has-addons .button.is-expanded { - flex-grow: 1; } - .buttons.is-centered { - justify-content: center; } - .buttons.is-right { - justify-content: flex-end; } - -.container { - margin: 0 auto; - position: relative; } - @media screen and (min-width: 1088px) { - .container { - max-width: 960px; - width: 960px; } - .container.is-fluid { - margin-left: 64px; - margin-right: 64px; - max-width: none; - width: auto; } } - @media screen and (max-width: 1279px) { - .container.is-widescreen { - max-width: 1152px; - width: auto; } } - @media screen and (min-width: 1280px) { - .container { - max-width: 1152px; - width: 1152px; } } -.content li + li { - margin-top: 0.25em; } - -.content p:not(:last-child), -.content dl:not(:last-child), -.content ol:not(:last-child), -.content ul:not(:last-child), -.content blockquote:not(:last-child), -.content pre:not(:last-child), -.content table:not(:last-child) { - margin-bottom: 1em; } - -.content h1, -.content h2, -.content h3, -.content h4, -.content h5, -.content h6 { - color: #363636; - font-weight: 600; - line-height: 1.125; } - -.content h1 { - font-size: 2em; - margin-bottom: 0.5em; } - .content h1:not(:first-child) { - margin-top: 1em; } - -.content h2 { - font-size: 1.75em; - margin-bottom: 0.5714em; } - .content h2:not(:first-child) { - margin-top: 1.1428em; } - -.content h3 { - font-size: 1.5em; - margin-bottom: 0.6666em; } - .content h3:not(:first-child) { - margin-top: 1.3333em; } - -.content h4 { - font-size: 1.25em; - margin-bottom: 0.8em; } - -.content h5 { - font-size: 1.125em; - margin-bottom: 0.8888em; } - -.content h6 { - font-size: 1em; - margin-bottom: 1em; } - -.content blockquote { - background-color: whitesmoke; - border-left: 5px solid #dbdbdb; - padding: 1.25em 1.5em; } - -.content ol { - list-style: decimal outside; - margin-left: 2em; - margin-top: 1em; } - -.content ul { - list-style: disc outside; - margin-left: 2em; - margin-top: 1em; } - .content ul ul { - list-style-type: circle; - margin-top: 0.5em; } - .content ul ul ul { - list-style-type: square; } - -.content dd { - margin-left: 2em; } - -.content figure { - margin-left: 2em; - margin-right: 2em; - text-align: center; } - .content figure:not(:first-child) { - margin-top: 2em; } - .content figure:not(:last-child) { - margin-bottom: 2em; } - .content figure img { - display: inline-block; } - .content figure figcaption { - font-style: italic; } - -.content pre { - -webkit-overflow-scrolling: touch; - overflow-x: auto; - padding: 1.25em 1.5em; - white-space: pre; - word-wrap: normal; } - -.content sup, -.content sub { - font-size: 75%; } - -.content table { - width: 100%; } - .content table td, - .content table th { - border: 1px solid #dbdbdb; - border-width: 0 0 1px; - padding: 0.5em 0.75em; - vertical-align: top; } - .content table th { - color: #363636; - text-align: left; } - .content table thead td, - .content table thead th { - border-width: 0 0 2px; - color: #363636; } - .content table tfoot td, - .content table tfoot th { - border-width: 2px 0 0; - color: #363636; } - .content table tbody tr:last-child td, - .content table tbody tr:last-child th { - border-bottom-width: 0; } - -.content.is-small { - font-size: 0.75rem; } - -.content.is-medium { - font-size: 1.25rem; } - -.content.is-large { - font-size: 1.5rem; } - -.input, -.textarea { - background-color: white; - border-color: #dbdbdb; - color: #363636; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - max-width: 100%; - width: 100%; } - .input::-moz-placeholder, - .textarea::-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - .input::-webkit-input-placeholder, - .textarea::-webkit-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - .input:-moz-placeholder, - .textarea:-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - .input:-ms-input-placeholder, - .textarea:-ms-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - .input:hover, .input.is-hovered, - .textarea:hover, - .textarea.is-hovered { - border-color: #b5b5b5; } - .input:focus, .input.is-focused, .input:active, .input.is-active, - .textarea:focus, - .textarea.is-focused, - .textarea:active, - .textarea.is-active { - border-color: #3273dc; - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } - .input[disabled], - .textarea[disabled] { - background-color: whitesmoke; - border-color: whitesmoke; - box-shadow: none; - color: #7a7a7a; } - .input[disabled]::-moz-placeholder, - .textarea[disabled]::-moz-placeholder { - color: rgba(122, 122, 122, 0.3); } - .input[disabled]::-webkit-input-placeholder, - .textarea[disabled]::-webkit-input-placeholder { - color: rgba(122, 122, 122, 0.3); } - .input[disabled]:-moz-placeholder, - .textarea[disabled]:-moz-placeholder { - color: rgba(122, 122, 122, 0.3); } - .input[disabled]:-ms-input-placeholder, - .textarea[disabled]:-ms-input-placeholder { - color: rgba(122, 122, 122, 0.3); } - .input[readonly], - .textarea[readonly] { - box-shadow: none; } - .input.is-white, - .textarea.is-white { - border-color: white; } - .input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active, - .textarea.is-white:focus, - .textarea.is-white.is-focused, - .textarea.is-white:active, - .textarea.is-white.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } - .input.is-black, - .textarea.is-black { - border-color: #0a0a0a; } - .input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active, - .textarea.is-black:focus, - .textarea.is-black.is-focused, - .textarea.is-black:active, - .textarea.is-black.is-active { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } - .input.is-light, - .textarea.is-light { - border-color: whitesmoke; } - .input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active, - .textarea.is-light:focus, - .textarea.is-light.is-focused, - .textarea.is-light:active, - .textarea.is-light.is-active { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } - .input.is-dark, - .textarea.is-dark { - border-color: #363636; } - .input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active, - .textarea.is-dark:focus, - .textarea.is-dark.is-focused, - .textarea.is-dark:active, - .textarea.is-dark.is-active { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } - .input.is-primary, - .textarea.is-primary { - border-color: #00d1b2; } - .input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active, - .textarea.is-primary:focus, - .textarea.is-primary.is-focused, - .textarea.is-primary:active, - .textarea.is-primary.is-active { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } - .input.is-link, - .textarea.is-link { - border-color: #3273dc; } - .input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active, - .textarea.is-link:focus, - .textarea.is-link.is-focused, - .textarea.is-link:active, - .textarea.is-link.is-active { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } - .input.is-info, - .textarea.is-info { - border-color: #209cee; } - .input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active, - .textarea.is-info:focus, - .textarea.is-info.is-focused, - .textarea.is-info:active, - .textarea.is-info.is-active { - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } - .input.is-success, - .textarea.is-success { - border-color: #23d160; } - .input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active, - .textarea.is-success:focus, - .textarea.is-success.is-focused, - .textarea.is-success:active, - .textarea.is-success.is-active { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } - .input.is-warning, - .textarea.is-warning { - border-color: #ffdd57; } - .input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active, - .textarea.is-warning:focus, - .textarea.is-warning.is-focused, - .textarea.is-warning:active, - .textarea.is-warning.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } - .input.is-danger, - .textarea.is-danger { - border-color: #ff3860; } - .input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active, - .textarea.is-danger:focus, - .textarea.is-danger.is-focused, - .textarea.is-danger:active, - .textarea.is-danger.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } - .input.is-small, - .textarea.is-small { - border-radius: 2px; - font-size: 0.75rem; } - .input.is-medium, - .textarea.is-medium { - font-size: 1.25rem; } - .input.is-large, - .textarea.is-large { - font-size: 1.5rem; } - .input.is-fullwidth, - .textarea.is-fullwidth { - display: block; - width: 100%; } - .input.is-inline, - .textarea.is-inline { - display: inline; - width: auto; } - -.input.is-rounded { - border-radius: 290486px; - padding-left: 1em; - padding-right: 1em; } - -.input.is-static { - background-color: transparent; - border-color: transparent; - box-shadow: none; - padding-left: 0; - padding-right: 0; } - -.textarea { - display: block; - max-width: 100%; - min-width: 100%; - padding: 0.625em; - resize: vertical; } - .textarea:not([rows]) { - max-height: 600px; - min-height: 120px; } - .textarea[rows] { - height: initial; } - .textarea.has-fixed-size { - resize: none; } - -.checkbox, -.radio { - cursor: pointer; - display: inline-block; - line-height: 1.25; - position: relative; } - .checkbox input, - .radio input { - cursor: pointer; } - .checkbox:hover, - .radio:hover { - color: #363636; } - .checkbox[disabled], - .radio[disabled] { - color: #7a7a7a; - cursor: not-allowed; } - -.radio + .radio { - margin-left: 0.5em; } - -.select { - display: inline-block; - max-width: 100%; - position: relative; - vertical-align: top; } - .select:not(.is-multiple) { - height: 2.25em; } - .select:not(.is-multiple):not(.is-loading)::after { - border-color: #3273dc; - right: 1.125em; - z-index: 4; } - .select.is-rounded select { - border-radius: 290486px; - padding-left: 1em; } - .select select { - background-color: white; - border-color: #dbdbdb; - color: #363636; - cursor: pointer; - display: block; - font-size: 1em; - max-width: 100%; - outline: none; } - .select select::-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select::-webkit-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select:-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select:-ms-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select:hover, .select select.is-hovered { - border-color: #b5b5b5; } - .select select:focus, .select select.is-focused, .select select:active, .select select.is-active { - border-color: #3273dc; - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } - .select select[disabled] { - background-color: whitesmoke; - border-color: whitesmoke; - box-shadow: none; - color: #7a7a7a; } - .select select[disabled]::-moz-placeholder { - color: rgba(122, 122, 122, 0.3); } - .select select[disabled]::-webkit-input-placeholder { - color: rgba(122, 122, 122, 0.3); } - .select select[disabled]:-moz-placeholder { - color: rgba(122, 122, 122, 0.3); } - .select select[disabled]:-ms-input-placeholder { - color: rgba(122, 122, 122, 0.3); } - .select select::-ms-expand { - display: none; } - .select select[disabled]:hover { - border-color: whitesmoke; } - .select select:not([multiple]) { - padding-right: 2.5em; } - .select select[multiple] { - height: initial; - padding: 0; } - .select select[multiple] option { - padding: 0.5em 1em; } - .select:not(.is-multiple):not(.is-loading):hover::after { - border-color: #363636; } - .select.is-white:not(:hover)::after { - border-color: white; } - .select.is-white select { - border-color: white; } - .select.is-white select:hover, .select.is-white select.is-hovered { - border-color: #f2f2f2; } - .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } - .select.is-black:not(:hover)::after { - border-color: #0a0a0a; } - .select.is-black select { - border-color: #0a0a0a; } - .select.is-black select:hover, .select.is-black select.is-hovered { - border-color: black; } - .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } - .select.is-light:not(:hover)::after { - border-color: whitesmoke; } - .select.is-light select { - border-color: whitesmoke; } - .select.is-light select:hover, .select.is-light select.is-hovered { - border-color: #e8e8e8; } - .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } - .select.is-dark:not(:hover)::after { - border-color: #363636; } - .select.is-dark select { - border-color: #363636; } - .select.is-dark select:hover, .select.is-dark select.is-hovered { - border-color: #292929; } - .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } - .select.is-primary:not(:hover)::after { - border-color: #00d1b2; } - .select.is-primary select { - border-color: #00d1b2; } - .select.is-primary select:hover, .select.is-primary select.is-hovered { - border-color: #00b89c; } - .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } - .select.is-link:not(:hover)::after { - border-color: #3273dc; } - .select.is-link select { - border-color: #3273dc; } - .select.is-link select:hover, .select.is-link select.is-hovered { - border-color: #2366d1; } - .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } - .select.is-info:not(:hover)::after { - border-color: #209cee; } - .select.is-info select { - border-color: #209cee; } - .select.is-info select:hover, .select.is-info select.is-hovered { - border-color: #118fe4; } - .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } - .select.is-success:not(:hover)::after { - border-color: #23d160; } - .select.is-success select { - border-color: #23d160; } - .select.is-success select:hover, .select.is-success select.is-hovered { - border-color: #20bc56; } - .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } - .select.is-warning:not(:hover)::after { - border-color: #ffdd57; } - .select.is-warning select { - border-color: #ffdd57; } - .select.is-warning select:hover, .select.is-warning select.is-hovered { - border-color: #ffd83d; } - .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } - .select.is-danger:not(:hover)::after { - border-color: #ff3860; } - .select.is-danger select { - border-color: #ff3860; } - .select.is-danger select:hover, .select.is-danger select.is-hovered { - border-color: #ff1f4b; } - .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } - .select.is-small { - border-radius: 2px; - font-size: 0.75rem; } - .select.is-medium { - font-size: 1.25rem; } - .select.is-large { - font-size: 1.5rem; } - .select.is-disabled::after { - border-color: #7a7a7a; } - .select.is-fullwidth { - width: 100%; } - .select.is-fullwidth select { - width: 100%; } - .select.is-loading::after { - margin-top: 0; - position: absolute; - right: 0.625em; - top: 0.625em; - transform: none; } - .select.is-loading.is-small:after { - font-size: 0.75rem; } - .select.is-loading.is-medium:after { - font-size: 1.25rem; } - .select.is-loading.is-large:after { - font-size: 1.5rem; } - -.file { - align-items: stretch; - display: flex; - justify-content: flex-start; - position: relative; } - .file.is-white .file-cta { - background-color: white; - border-color: transparent; - color: #0a0a0a; } - .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { - background-color: #f9f9f9; - border-color: transparent; - color: #0a0a0a; } - .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); - color: #0a0a0a; } - .file.is-white:active .file-cta, .file.is-white.is-active .file-cta { - background-color: #f2f2f2; - border-color: transparent; - color: #0a0a0a; } - .file.is-black .file-cta { - background-color: #0a0a0a; - border-color: transparent; - color: white; } - .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { - background-color: #040404; - border-color: transparent; - color: white; } - .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); - color: white; } - .file.is-black:active .file-cta, .file.is-black.is-active .file-cta { - background-color: black; - border-color: transparent; - color: white; } - .file.is-light .file-cta { - background-color: whitesmoke; - border-color: transparent; - color: #363636; } - .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { - background-color: #eeeeee; - border-color: transparent; - color: #363636; } - .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); - color: #363636; } - .file.is-light:active .file-cta, .file.is-light.is-active .file-cta { - background-color: #e8e8e8; - border-color: transparent; - color: #363636; } - .file.is-dark .file-cta { - background-color: #363636; - border-color: transparent; - color: whitesmoke; } - .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { - background-color: #2f2f2f; - border-color: transparent; - color: whitesmoke; } - .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); - color: whitesmoke; } - .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { - background-color: #292929; - border-color: transparent; - color: whitesmoke; } - .file.is-primary .file-cta { - background-color: #00d1b2; - border-color: transparent; - color: #fff; } - .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { - background-color: #00c4a7; - border-color: transparent; - color: #fff; } - .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); - color: #fff; } - .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { - background-color: #00b89c; - border-color: transparent; - color: #fff; } - .file.is-link .file-cta { - background-color: #3273dc; - border-color: transparent; - color: #fff; } - .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { - background-color: #276cda; - border-color: transparent; - color: #fff; } - .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); - color: #fff; } - .file.is-link:active .file-cta, .file.is-link.is-active .file-cta { - background-color: #2366d1; - border-color: transparent; - color: #fff; } - .file.is-info .file-cta { - background-color: #209cee; - border-color: transparent; - color: #fff; } - .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { - background-color: #1496ed; - border-color: transparent; - color: #fff; } - .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); - color: #fff; } - .file.is-info:active .file-cta, .file.is-info.is-active .file-cta { - background-color: #118fe4; - border-color: transparent; - color: #fff; } - .file.is-success .file-cta { - background-color: #23d160; - border-color: transparent; - color: #fff; } - .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { - background-color: #22c65b; - border-color: transparent; - color: #fff; } - .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); - color: #fff; } - .file.is-success:active .file-cta, .file.is-success.is-active .file-cta { - background-color: #20bc56; - border-color: transparent; - color: #fff; } - .file.is-warning .file-cta { - background-color: #ffdd57; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { - background-color: #ffdb4a; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); - color: rgba(0, 0, 0, 0.7); } - .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { - background-color: #ffd83d; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - .file.is-danger .file-cta { - background-color: #ff3860; - border-color: transparent; - color: #fff; } - .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { - background-color: #ff2b56; - border-color: transparent; - color: #fff; } - .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); - color: #fff; } - .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { - background-color: #ff1f4b; - border-color: transparent; - color: #fff; } - .file.is-small { - font-size: 0.75rem; } - .file.is-medium { - font-size: 1.25rem; } - .file.is-medium .file-icon .fa { - font-size: 21px; } - .file.is-large { - font-size: 1.5rem; } - .file.is-large .file-icon .fa { - font-size: 28px; } - .file.has-name .file-cta { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .file.has-name .file-name { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .file.has-name.is-empty .file-cta { - border-radius: 4px; } - .file.has-name.is-empty .file-name { - display: none; } - .file.is-boxed .file-label { - flex-direction: column; } - .file.is-boxed .file-cta { - flex-direction: column; - height: auto; - padding: 1em 3em; } - .file.is-boxed .file-name { - border-width: 0 1px 1px; } - .file.is-boxed .file-icon { - height: 1.5em; - width: 1.5em; } - .file.is-boxed .file-icon .fa { - font-size: 21px; } - .file.is-boxed.is-small .file-icon .fa { - font-size: 14px; } - .file.is-boxed.is-medium .file-icon .fa { - font-size: 28px; } - .file.is-boxed.is-large .file-icon .fa { - font-size: 35px; } - .file.is-boxed.has-name .file-cta { - border-radius: 4px 4px 0 0; } - .file.is-boxed.has-name .file-name { - border-radius: 0 0 4px 4px; - border-width: 0 1px 1px; } - .file.is-centered { - justify-content: center; } - .file.is-fullwidth .file-label { - width: 100%; } - .file.is-fullwidth .file-name { - flex-grow: 1; - max-width: none; } - .file.is-right { - justify-content: flex-end; } - .file.is-right .file-cta { - border-radius: 0 4px 4px 0; } - .file.is-right .file-name { - border-radius: 4px 0 0 4px; - border-width: 1px 0 1px 1px; - order: -1; } - -.file-label { - align-items: stretch; - display: flex; - cursor: pointer; - justify-content: flex-start; - overflow: hidden; - position: relative; } - .file-label:hover .file-cta { - background-color: #eeeeee; - color: #363636; } - .file-label:hover .file-name { - border-color: #d5d5d5; } - .file-label:active .file-cta { - background-color: #e8e8e8; - color: #363636; } - .file-label:active .file-name { - border-color: #cfcfcf; } - -.file-input { - height: 0.01em; - left: 0; - outline: none; - position: absolute; - top: 0; - width: 0.01em; } - -.file-cta, -.file-name { - border-color: #dbdbdb; - border-radius: 4px; - font-size: 1em; - padding-left: 1em; - padding-right: 1em; - white-space: nowrap; } - -.file-cta { - background-color: whitesmoke; - color: #4a4a4a; } - -.file-name { - border-color: #dbdbdb; - border-style: solid; - border-width: 1px 1px 1px 0; - display: block; - max-width: 16em; - overflow: hidden; - text-align: left; - text-overflow: ellipsis; } - -.file-icon { - align-items: center; - display: flex; - height: 1em; - justify-content: center; - margin-right: 0.5em; - width: 1em; } - .file-icon .fa { - font-size: 14px; } - -.label { - color: #363636; - display: block; - font-size: 1rem; - font-weight: 700; } - .label:not(:last-child) { - margin-bottom: 0.5em; } - .label.is-small { - font-size: 0.75rem; } - .label.is-medium { - font-size: 1.25rem; } - .label.is-large { - font-size: 1.5rem; } - -.help { - display: block; - font-size: 0.75rem; - margin-top: 0.25rem; } - .help.is-white { - color: white; } - .help.is-black { - color: #0a0a0a; } - .help.is-light { - color: whitesmoke; } - .help.is-dark { - color: #363636; } - .help.is-primary { - color: #00d1b2; } - .help.is-link { - color: #3273dc; } - .help.is-info { - color: #209cee; } - .help.is-success { - color: #23d160; } - .help.is-warning { - color: #ffdd57; } - .help.is-danger { - color: #ff3860; } - -.field:not(:last-child) { - margin-bottom: 0.75rem; } - -.field.has-addons { - display: flex; - justify-content: flex-start; } - .field.has-addons .control:not(:last-child) { - margin-right: -1px; } - .field.has-addons .control:not(:first-child):not(:last-child) .button, - .field.has-addons .control:not(:first-child):not(:last-child) .input, - .field.has-addons .control:not(:first-child):not(:last-child) .select select { - border-radius: 0; } - .field.has-addons .control:first-child .button, - .field.has-addons .control:first-child .input, - .field.has-addons .control:first-child .select select { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .field.has-addons .control:last-child .button, - .field.has-addons .control:last-child .input, - .field.has-addons .control:last-child .select select { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered, - .field.has-addons .control .input:hover, - .field.has-addons .control .input.is-hovered, - .field.has-addons .control .select select:hover, - .field.has-addons .control .select select.is-hovered { - z-index: 2; } - .field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active, - .field.has-addons .control .input:focus, - .field.has-addons .control .input.is-focused, - .field.has-addons .control .input:active, - .field.has-addons .control .input.is-active, - .field.has-addons .control .select select:focus, - .field.has-addons .control .select select.is-focused, - .field.has-addons .control .select select:active, - .field.has-addons .control .select select.is-active { - z-index: 3; } - .field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover, - .field.has-addons .control .input:focus:hover, - .field.has-addons .control .input.is-focused:hover, - .field.has-addons .control .input:active:hover, - .field.has-addons .control .input.is-active:hover, - .field.has-addons .control .select select:focus:hover, - .field.has-addons .control .select select.is-focused:hover, - .field.has-addons .control .select select:active:hover, - .field.has-addons .control .select select.is-active:hover { - z-index: 4; } - .field.has-addons .control.is-expanded { - flex-grow: 1; } - .field.has-addons.has-addons-centered { - justify-content: center; } - .field.has-addons.has-addons-right { - justify-content: flex-end; } - .field.has-addons.has-addons-fullwidth .control { - flex-grow: 1; - flex-shrink: 0; } - -.field.is-grouped { - display: flex; - justify-content: flex-start; } - .field.is-grouped > .control { - flex-shrink: 0; } - .field.is-grouped > .control:not(:last-child) { - margin-bottom: 0; - margin-right: 0.75rem; } - .field.is-grouped > .control.is-expanded { - flex-grow: 1; - flex-shrink: 1; } - .field.is-grouped.is-grouped-centered { - justify-content: center; } - .field.is-grouped.is-grouped-right { - justify-content: flex-end; } - .field.is-grouped.is-grouped-multiline { - flex-wrap: wrap; } - .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { - margin-bottom: 0.75rem; } - .field.is-grouped.is-grouped-multiline:last-child { - margin-bottom: -0.75rem; } - .field.is-grouped.is-grouped-multiline:not(:last-child) { - margin-bottom: 0; } - -@media screen and (min-width: 769px), print { - .field.is-horizontal { - display: flex; } } - -.field-label .label { - font-size: inherit; } - -@media screen and (max-width: 768px) { - .field-label { - margin-bottom: 0.5rem; } } - -@media screen and (min-width: 769px), print { - .field-label { - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; - margin-right: 1.5rem; - text-align: right; } - .field-label.is-small { - font-size: 0.75rem; - padding-top: 0.375em; } - .field-label.is-normal { - padding-top: 0.375em; } - .field-label.is-medium { - font-size: 1.25rem; - padding-top: 0.375em; } - .field-label.is-large { - font-size: 1.5rem; - padding-top: 0.375em; } } - -.field-body .field .field { - margin-bottom: 0; } - -@media screen and (min-width: 769px), print { - .field-body { - display: flex; - flex-basis: 0; - flex-grow: 5; - flex-shrink: 1; } - .field-body .field { - margin-bottom: 0; } - .field-body > .field { - flex-shrink: 1; } - .field-body > .field:not(.is-narrow) { - flex-grow: 1; } - .field-body > .field:not(:last-child) { - margin-right: 0.75rem; } } - -.control { - font-size: 1rem; - position: relative; - text-align: left; } - .control.has-icon .icon { - color: #dbdbdb; - height: 2.25em; - pointer-events: none; - position: absolute; - top: 0; - width: 2.25em; - z-index: 4; } - .control.has-icon .input:focus + .icon { - color: #7a7a7a; } - .control.has-icon .input.is-small + .icon { - font-size: 0.75rem; } - .control.has-icon .input.is-medium + .icon { - font-size: 1.25rem; } - .control.has-icon .input.is-large + .icon { - font-size: 1.5rem; } - .control.has-icon:not(.has-icon-right) .icon { - left: 0; } - .control.has-icon:not(.has-icon-right) .input { - padding-left: 2.25em; } - .control.has-icon.has-icon-right .icon { - right: 0; } - .control.has-icon.has-icon-right .input { - padding-right: 2.25em; } - .control.has-icons-left .input:focus ~ .icon, - .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, - .control.has-icons-right .select:focus ~ .icon { - color: #7a7a7a; } - .control.has-icons-left .input.is-small ~ .icon, - .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, - .control.has-icons-right .select.is-small ~ .icon { - font-size: 0.75rem; } - .control.has-icons-left .input.is-medium ~ .icon, - .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, - .control.has-icons-right .select.is-medium ~ .icon { - font-size: 1.25rem; } - .control.has-icons-left .input.is-large ~ .icon, - .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, - .control.has-icons-right .select.is-large ~ .icon { - font-size: 1.5rem; } - .control.has-icons-left .icon, .control.has-icons-right .icon { - color: #dbdbdb; - height: 2.25em; - pointer-events: none; - position: absolute; - top: 0; - width: 2.25em; - z-index: 4; } - .control.has-icons-left .input, - .control.has-icons-left .select select { - padding-left: 2.25em; } - .control.has-icons-left .icon.is-left { - left: 0; } - .control.has-icons-right .input, - .control.has-icons-right .select select { - padding-right: 2.25em; } - .control.has-icons-right .icon.is-right { - right: 0; } - .control.is-loading::after { - position: absolute !important; - right: 0.625em; - top: 0.625em; - z-index: 4; } - .control.is-loading.is-small:after { - font-size: 0.75rem; } - .control.is-loading.is-medium:after { - font-size: 1.25rem; } - .control.is-loading.is-large:after { - font-size: 1.5rem; } - -.icon { - align-items: center; - display: inline-flex; - justify-content: center; - height: 1.5rem; - width: 1.5rem; } - .icon.is-small { - height: 1rem; - width: 1rem; } - .icon.is-medium { - height: 2rem; - width: 2rem; } - .icon.is-large { - height: 3rem; - width: 3rem; } - -.image { - display: block; - position: relative; } - .image img { - display: block; - height: auto; - width: 100%; } - .image img.is-rounded { - border-radius: 290486px; } - .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img { - height: 100%; - width: 100%; } - .image.is-square, .image.is-1by1 { - padding-top: 100%; } - .image.is-5by4 { - padding-top: 80%; } - .image.is-4by3 { - padding-top: 75%; } - .image.is-3by2 { - padding-top: 66.6666%; } - .image.is-5by3 { - padding-top: 60%; } - .image.is-16by9 { - padding-top: 56.25%; } - .image.is-2by1 { - padding-top: 50%; } - .image.is-3by1 { - padding-top: 33.3333%; } - .image.is-4by5 { - padding-top: 125%; } - .image.is-3by4 { - padding-top: 133.3333%; } - .image.is-2by3 { - padding-top: 150%; } - .image.is-3by5 { - padding-top: 166.6666%; } - .image.is-9by16 { - padding-top: 177.7777%; } - .image.is-1by2 { - padding-top: 200%; } - .image.is-1by3 { - padding-top: 300%; } - .image.is-16x16 { - height: 16px; - width: 16px; } - .image.is-24x24 { - height: 24px; - width: 24px; } - .image.is-32x32 { - height: 32px; - width: 32px; } - .image.is-48x48 { - height: 48px; - width: 48px; } - .image.is-64x64 { - height: 64px; - width: 64px; } - .image.is-96x96 { - height: 96px; - width: 96px; } - .image.is-128x128 { - height: 128px; - width: 128px; } - -.notification { - background-color: whitesmoke; - border-radius: 4px; - padding: 1.25rem 2.5rem 1.25rem 1.5rem; - position: relative; } - .notification a:not(.button) { - color: currentColor; - text-decoration: underline; } - .notification strong { - color: currentColor; } - .notification code, - .notification pre { - background: white; } - .notification pre code { - background: transparent; } - .notification > .delete { - position: absolute; - right: 0.5rem; - top: 0.5rem; } - .notification .title, - .notification .subtitle, - .notification .content { - color: currentColor; } - .notification.is-white { - background-color: white; - color: #0a0a0a; } - .notification.is-black { - background-color: #0a0a0a; - color: white; } - .notification.is-light { - background-color: whitesmoke; - color: #363636; } - .notification.is-dark { - background-color: #363636; - color: whitesmoke; } - .notification.is-primary { - background-color: #00d1b2; - color: #fff; } - .notification.is-link { - background-color: #3273dc; - color: #fff; } - .notification.is-info { - background-color: #209cee; - color: #fff; } - .notification.is-success { - background-color: #23d160; - color: #fff; } - .notification.is-warning { - background-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - .notification.is-danger { - background-color: #ff3860; - color: #fff; } - -.progress { - -moz-appearance: none; - -webkit-appearance: none; - border: none; - border-radius: 290486px; - display: block; - height: 1rem; - overflow: hidden; - padding: 0; - width: 100%; } - .progress::-webkit-progress-bar { - background-color: #dbdbdb; } - .progress::-webkit-progress-value { - background-color: #4a4a4a; } - .progress::-moz-progress-bar { - background-color: #4a4a4a; } - .progress::-ms-fill { - background-color: #4a4a4a; - border: none; } - .progress.is-white::-webkit-progress-value { - background-color: white; } - .progress.is-white::-moz-progress-bar { - background-color: white; } - .progress.is-white::-ms-fill { - background-color: white; } - .progress.is-black::-webkit-progress-value { - background-color: #0a0a0a; } - .progress.is-black::-moz-progress-bar { - background-color: #0a0a0a; } - .progress.is-black::-ms-fill { - background-color: #0a0a0a; } - .progress.is-light::-webkit-progress-value { - background-color: whitesmoke; } - .progress.is-light::-moz-progress-bar { - background-color: whitesmoke; } - .progress.is-light::-ms-fill { - background-color: whitesmoke; } - .progress.is-dark::-webkit-progress-value { - background-color: #363636; } - .progress.is-dark::-moz-progress-bar { - background-color: #363636; } - .progress.is-dark::-ms-fill { - background-color: #363636; } - .progress.is-primary::-webkit-progress-value { - background-color: #00d1b2; } - .progress.is-primary::-moz-progress-bar { - background-color: #00d1b2; } - .progress.is-primary::-ms-fill { - background-color: #00d1b2; } - .progress.is-link::-webkit-progress-value { - background-color: #3273dc; } - .progress.is-link::-moz-progress-bar { - background-color: #3273dc; } - .progress.is-link::-ms-fill { - background-color: #3273dc; } - .progress.is-info::-webkit-progress-value { - background-color: #209cee; } - .progress.is-info::-moz-progress-bar { - background-color: #209cee; } - .progress.is-info::-ms-fill { - background-color: #209cee; } - .progress.is-success::-webkit-progress-value { - background-color: #23d160; } - .progress.is-success::-moz-progress-bar { - background-color: #23d160; } - .progress.is-success::-ms-fill { - background-color: #23d160; } - .progress.is-warning::-webkit-progress-value { - background-color: #ffdd57; } - .progress.is-warning::-moz-progress-bar { - background-color: #ffdd57; } - .progress.is-warning::-ms-fill { - background-color: #ffdd57; } - .progress.is-danger::-webkit-progress-value { - background-color: #ff3860; } - .progress.is-danger::-moz-progress-bar { - background-color: #ff3860; } - .progress.is-danger::-ms-fill { - background-color: #ff3860; } - .progress.is-small { - height: 0.75rem; } - .progress.is-medium { - height: 1.25rem; } - .progress.is-large { - height: 1.5rem; } - -.table { - background-color: white; - color: #363636; } - .table td, - .table th { - border: 1px solid #dbdbdb; - border-width: 0 0 1px; - padding: 0.5em 0.75em; - vertical-align: top; } - .table td.is-white, - .table th.is-white { - background-color: white; - border-color: white; - color: #0a0a0a; } - .table td.is-black, - .table th.is-black { - background-color: #0a0a0a; - border-color: #0a0a0a; - color: white; } - .table td.is-light, - .table th.is-light { - background-color: whitesmoke; - border-color: whitesmoke; - color: #363636; } - .table td.is-dark, - .table th.is-dark { - background-color: #363636; - border-color: #363636; - color: whitesmoke; } - .table td.is-primary, - .table th.is-primary { - background-color: #00d1b2; - border-color: #00d1b2; - color: #fff; } - .table td.is-link, - .table th.is-link { - background-color: #3273dc; - border-color: #3273dc; - color: #fff; } - .table td.is-info, - .table th.is-info { - background-color: #209cee; - border-color: #209cee; - color: #fff; } - .table td.is-success, - .table th.is-success { - background-color: #23d160; - border-color: #23d160; - color: #fff; } - .table td.is-warning, - .table th.is-warning { - background-color: #ffdd57; - border-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - .table td.is-danger, - .table th.is-danger { - background-color: #ff3860; - border-color: #ff3860; - color: #fff; } - .table td.is-narrow, - .table th.is-narrow { - white-space: nowrap; - width: 1%; } - .table td.is-selected, - .table th.is-selected { - background-color: #00d1b2; - color: #fff; } - .table td.is-selected a, - .table td.is-selected strong, - .table th.is-selected a, - .table th.is-selected strong { - color: currentColor; } - .table th { - color: #363636; - text-align: left; } - .table tr.is-selected { - background-color: #00d1b2; - color: #fff; } - .table tr.is-selected a, - .table tr.is-selected strong { - color: currentColor; } - .table tr.is-selected td, - .table tr.is-selected th { - border-color: #fff; - color: currentColor; } - .table thead td, - .table thead th { - border-width: 0 0 2px; - color: #363636; } - .table tfoot td, - .table tfoot th { - border-width: 2px 0 0; - color: #363636; } - .table tbody tr:last-child td, - .table tbody tr:last-child th { - border-bottom-width: 0; } - .table.is-bordered td, - .table.is-bordered th { - border-width: 1px; } - .table.is-bordered tr:last-child td, - .table.is-bordered tr:last-child th { - border-bottom-width: 1px; } - .table.is-fullwidth { - width: 100%; } - .table.is-hoverable tbody tr:not(.is-selected):hover { - background-color: #fafafa; } - .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { - background-color: whitesmoke; } - .table.is-narrow td, - .table.is-narrow th { - padding: 0.25em 0.5em; } - .table.is-striped tbody tr:not(.is-selected):nth-child(even) { - background-color: #fafafa; } - -.table-container { - -webkit-overflow-scrolling: touch; - overflow: auto; - overflow-y: hidden; - max-width: 100%; } - -.tags { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; } - .tags .tag { - margin-bottom: 0.5rem; } - .tags .tag:not(:last-child) { - margin-right: 0.5rem; } - .tags:last-child { - margin-bottom: -0.5rem; } - .tags:not(:last-child) { - margin-bottom: 1rem; } - .tags.has-addons .tag { - margin-right: 0; } - .tags.has-addons .tag:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .tags.has-addons .tag:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .tags.is-centered { - justify-content: center; } - .tags.is-centered .tag { - margin-right: 0.25rem; - margin-left: 0.25rem; } - .tags.is-right { - justify-content: flex-end; } - .tags.is-right .tag:not(:first-child) { - margin-left: 0.5rem; } - .tags.is-right .tag:not(:last-child) { - margin-right: 0; } - -.tag:not(body) { - align-items: center; - background-color: whitesmoke; - border-radius: 4px; - color: #4a4a4a; - display: inline-flex; - font-size: 0.75rem; - height: 2em; - justify-content: center; - line-height: 1.5; - padding-left: 0.75em; - padding-right: 0.75em; - white-space: nowrap; } - .tag:not(body) .delete { - margin-left: 0.25rem; - margin-right: -0.375rem; } - .tag:not(body).is-white { - background-color: white; - color: #0a0a0a; } - .tag:not(body).is-black { - background-color: #0a0a0a; - color: white; } - .tag:not(body).is-light { - background-color: whitesmoke; - color: #363636; } - .tag:not(body).is-dark { - background-color: #363636; - color: whitesmoke; } - .tag:not(body).is-primary { - background-color: #00d1b2; - color: #fff; } - .tag:not(body).is-link { - background-color: #3273dc; - color: #fff; } - .tag:not(body).is-info { - background-color: #209cee; - color: #fff; } - .tag:not(body).is-success { - background-color: #23d160; - color: #fff; } - .tag:not(body).is-warning { - background-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - .tag:not(body).is-danger { - background-color: #ff3860; - color: #fff; } - .tag:not(body).is-medium { - font-size: 1rem; } - .tag:not(body).is-large { - font-size: 1.25rem; } - .tag:not(body) .icon:first-child:not(:last-child) { - margin-left: -0.375em; - margin-right: 0.1875em; } - .tag:not(body) .icon:last-child:not(:first-child) { - margin-left: 0.1875em; - margin-right: -0.375em; } - .tag:not(body) .icon:first-child:last-child { - margin-left: -0.375em; - margin-right: -0.375em; } - .tag:not(body).is-delete { - margin-left: 1px; - padding: 0; - position: relative; - width: 2em; } - .tag:not(body).is-delete::before, .tag:not(body).is-delete::after { - background-color: currentColor; - content: ""; - display: block; - left: 50%; - position: absolute; - top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; } - .tag:not(body).is-delete::before { - height: 1px; - width: 50%; } - .tag:not(body).is-delete::after { - height: 50%; - width: 1px; } - .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { - background-color: #e8e8e8; } - .tag:not(body).is-delete:active { - background-color: #dbdbdb; } - .tag:not(body).is-rounded { - border-radius: 290486px; } - -a.tag:hover { - text-decoration: underline; } - -.title, -.subtitle { - word-break: break-word; } - .title em, - .title span, - .subtitle em, - .subtitle span { - font-weight: inherit; } - .title sub, - .subtitle sub { - font-size: 0.75em; } - .title sup, - .subtitle sup { - font-size: 0.75em; } - .title .tag, - .subtitle .tag { - vertical-align: middle; } - -.title { - color: #363636; - font-size: 2rem; - font-weight: 600; - line-height: 1.125; } - .title strong { - color: inherit; - font-weight: inherit; } - .title + .highlight { - margin-top: -0.75rem; } - .title:not(.is-spaced) + .subtitle { - margin-top: -1.25rem; } - .title.is-1 { - font-size: 3rem; } - .title.is-2 { - font-size: 2.5rem; } - .title.is-3 { - font-size: 2rem; } - .title.is-4 { - font-size: 1.5rem; } - .title.is-5 { - font-size: 1.25rem; } - .title.is-6 { - font-size: 1rem; } - .title.is-7 { - font-size: 0.75rem; } - -.subtitle { - color: #4a4a4a; - font-size: 1.25rem; - font-weight: 400; - line-height: 1.25; } - .subtitle strong { - color: #363636; - font-weight: 600; } - .subtitle:not(.is-spaced) + .title { - margin-top: -1.25rem; } - .subtitle.is-1 { - font-size: 3rem; } - .subtitle.is-2 { - font-size: 2.5rem; } - .subtitle.is-3 { - font-size: 2rem; } - .subtitle.is-4 { - font-size: 1.5rem; } - .subtitle.is-5 { - font-size: 1.25rem; } - .subtitle.is-6 { - font-size: 1rem; } - .subtitle.is-7 { - font-size: 0.75rem; } - -.heading { - display: block; - font-size: 11px; - letter-spacing: 1px; - margin-bottom: 5px; - text-transform: uppercase; } - -.highlight { - font-weight: 400; - max-width: 100%; - overflow: hidden; - padding: 0; } - .highlight pre { - overflow: auto; - max-width: 100%; } - -.number { - align-items: center; - background-color: whitesmoke; - border-radius: 290486px; - display: inline-flex; - font-size: 1.25rem; - height: 2em; - justify-content: center; - margin-right: 1.5rem; - min-width: 2.5em; - padding: 0.25rem 0.5rem; - text-align: center; - vertical-align: top; } - -.breadcrumb { - font-size: 1rem; - white-space: nowrap; } - .breadcrumb a { - align-items: center; - color: #3273dc; - display: flex; - justify-content: center; - padding: 0 0.75em; } - .breadcrumb a:hover { - color: #363636; } - .breadcrumb li { - align-items: center; - display: flex; } - .breadcrumb li:first-child a { - padding-left: 0; } - .breadcrumb li.is-active a { - color: #363636; - cursor: default; - pointer-events: none; } - .breadcrumb li + li::before { - color: #b5b5b5; - content: "\0002f"; } - .breadcrumb ul, - .breadcrumb ol { - align-items: flex-start; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; } - .breadcrumb .icon:first-child { - margin-right: 0.5em; } - .breadcrumb .icon:last-child { - margin-left: 0.5em; } - .breadcrumb.is-centered ol, - .breadcrumb.is-centered ul { - justify-content: center; } - .breadcrumb.is-right ol, - .breadcrumb.is-right ul { - justify-content: flex-end; } - .breadcrumb.is-small { - font-size: 0.75rem; } - .breadcrumb.is-medium { - font-size: 1.25rem; } - .breadcrumb.is-large { - font-size: 1.5rem; } - .breadcrumb.has-arrow-separator li + li::before { - content: "\02192"; } - .breadcrumb.has-bullet-separator li + li::before { - content: "\02022"; } - .breadcrumb.has-dot-separator li + li::before { - content: "\000b7"; } - .breadcrumb.has-succeeds-separator li + li::before { - content: "\0227B"; } - -.card { - background-color: white; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - color: #4a4a4a; - max-width: 100%; - position: relative; } - -.card-header { - background-color: none; - align-items: stretch; - box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); - display: flex; } - -.card-header-title { - align-items: center; - color: #363636; - display: flex; - flex-grow: 1; - font-weight: 700; - padding: 0.75rem; } - .card-header-title.is-centered { - justify-content: center; } - -.card-header-icon { - align-items: center; - cursor: pointer; - display: flex; - justify-content: center; - padding: 0.75rem; } - -.card-image { - display: block; - position: relative; } - -.card-content { - background-color: none; - padding: 1.5rem; } - -.card-footer { - background-color: none; - border-top: 1px solid #dbdbdb; - align-items: stretch; - display: flex; } - -.card-footer-item { - align-items: center; - display: flex; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; - justify-content: center; - padding: 0.75rem; } - .card-footer-item:not(:last-child) { - border-right: 1px solid #dbdbdb; } - -.card .media:not(:last-child) { - margin-bottom: 0.75rem; } - -.dropdown { - display: inline-flex; - position: relative; - vertical-align: top; } - .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { - display: block; } - .dropdown.is-right .dropdown-menu { - left: auto; - right: 0; } - .dropdown.is-up .dropdown-menu { - bottom: 100%; - padding-bottom: 4px; - padding-top: initial; - top: auto; } - -.dropdown-menu { - display: none; - left: 0; - min-width: 12rem; - padding-top: 4px; - position: absolute; - top: 100%; - z-index: 20; } - -.dropdown-content { - background-color: white; - border-radius: 4px; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - padding-bottom: 0.5rem; - padding-top: 0.5rem; } - -.dropdown-item { - color: #4a4a4a; - display: block; - font-size: 0.875rem; - line-height: 1.5; - padding: 0.375rem 1rem; - position: relative; } - -a.dropdown-item { - padding-right: 3rem; - white-space: nowrap; } - a.dropdown-item:hover { - background-color: whitesmoke; - color: #0a0a0a; } - a.dropdown-item.is-active { - background-color: #3273dc; - color: #fff; } - -.dropdown-divider { - background-color: #dbdbdb; - border: none; - display: block; - height: 1px; - margin: 0.5rem 0; } - -.level { - align-items: center; - justify-content: space-between; } - .level code { - border-radius: 4px; } - .level img { - display: inline-block; - vertical-align: top; } - .level.is-mobile { - display: flex; } - .level.is-mobile .level-left, - .level.is-mobile .level-right { - display: flex; } - .level.is-mobile .level-left + .level-right { - margin-top: 0; } - .level.is-mobile .level-item { - margin-right: 0.75rem; } - .level.is-mobile .level-item:not(:last-child) { - margin-bottom: 0; } - .level.is-mobile .level-item:not(.is-narrow) { - flex-grow: 1; } - @media screen and (min-width: 769px), print { - .level { - display: flex; } - .level > .level-item:not(.is-narrow) { - flex-grow: 1; } } -.level-item { - align-items: center; - display: flex; - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; - justify-content: center; } - .level-item .title, - .level-item .subtitle { - margin-bottom: 0; } - @media screen and (max-width: 768px) { - .level-item:not(:last-child) { - margin-bottom: 0.75rem; } } -.level-left, -.level-right { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; } - .level-left .level-item.is-flexible, - .level-right .level-item.is-flexible { - flex-grow: 1; } - @media screen and (min-width: 769px), print { - .level-left .level-item:not(:last-child), - .level-right .level-item:not(:last-child) { - margin-right: 0.75rem; } } -.level-left { - align-items: center; - justify-content: flex-start; } - @media screen and (max-width: 768px) { - .level-left + .level-right { - margin-top: 1.5rem; } } - @media screen and (min-width: 769px), print { - .level-left { - display: flex; } } -.level-right { - align-items: center; - justify-content: flex-end; } - @media screen and (min-width: 769px), print { - .level-right { - display: flex; } } -.media { - align-items: flex-start; - display: flex; - text-align: left; } - .media .content:not(:last-child) { - margin-bottom: 0.75rem; } - .media .media { - border-top: 1px solid rgba(219, 219, 219, 0.5); - display: flex; - padding-top: 0.75rem; } - .media .media .content:not(:last-child), - .media .media .control:not(:last-child) { - margin-bottom: 0.5rem; } - .media .media .media { - padding-top: 0.5rem; } - .media .media .media + .media { - margin-top: 0.5rem; } - .media + .media { - border-top: 1px solid rgba(219, 219, 219, 0.5); - margin-top: 1rem; - padding-top: 1rem; } - .media.is-large + .media { - margin-top: 1.5rem; - padding-top: 1.5rem; } - -.media-left, -.media-right { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; } - -.media-left { - margin-right: 1rem; } - -.media-right { - margin-left: 1rem; } - -.media-content { - flex-basis: auto; - flex-grow: 1; - flex-shrink: 1; - text-align: left; } - -.menu { - font-size: 1rem; } - .menu.is-small { - font-size: 0.75rem; } - .menu.is-medium { - font-size: 1.25rem; } - .menu.is-large { - font-size: 1.5rem; } - -.menu-list { - line-height: 1.25; } - .menu-list a { - border-radius: 2px; - color: #4a4a4a; - display: block; - padding: 0.5em 0.75em; } - .menu-list a:hover { - background-color: whitesmoke; - color: #363636; } - .menu-list a.is-active { - background-color: #3273dc; - color: #fff; } - .menu-list li ul { - border-left: 1px solid #dbdbdb; - margin: 0.75em; - padding-left: 0.75em; } - -.menu-label { - color: #7a7a7a; - font-size: 0.75em; - letter-spacing: 0.1em; - text-transform: uppercase; } - .menu-label:not(:first-child) { - margin-top: 1em; } - .menu-label:not(:last-child) { - margin-bottom: 1em; } - -.message { - background-color: whitesmoke; - border-radius: 4px; - font-size: 1rem; } - .message strong { - color: currentColor; } - .message a:not(.button):not(.tag) { - color: currentColor; - text-decoration: underline; } - .message.is-small { - font-size: 0.75rem; } - .message.is-medium { - font-size: 1.25rem; } - .message.is-large { - font-size: 1.5rem; } - .message.is-white { - background-color: white; } - .message.is-white .message-header { - background-color: white; - color: #0a0a0a; } - .message.is-white .message-body { - border-color: white; - color: #4d4d4d; } - .message.is-black { - background-color: #fafafa; } - .message.is-black .message-header { - background-color: #0a0a0a; - color: white; } - .message.is-black .message-body { - border-color: #0a0a0a; - color: #090909; } - .message.is-light { - background-color: #fafafa; } - .message.is-light .message-header { - background-color: whitesmoke; - color: #363636; } - .message.is-light .message-body { - border-color: whitesmoke; - color: #505050; } - .message.is-dark { - background-color: #fafafa; } - .message.is-dark .message-header { - background-color: #363636; - color: whitesmoke; } - .message.is-dark .message-body { - border-color: #363636; - color: #2a2a2a; } - .message.is-primary { - background-color: #f5fffd; } - .message.is-primary .message-header { - background-color: #00d1b2; - color: #fff; } - .message.is-primary .message-body { - border-color: #00d1b2; - color: #021310; } - .message.is-link { - background-color: #f6f9fe; } - .message.is-link .message-header { - background-color: #3273dc; - color: #fff; } - .message.is-link .message-body { - border-color: #3273dc; - color: #22509a; } - .message.is-info { - background-color: #f6fbfe; } - .message.is-info .message-header { - background-color: #209cee; - color: #fff; } - .message.is-info .message-body { - border-color: #209cee; - color: #12537e; } - .message.is-success { - background-color: #f6fef9; } - .message.is-success .message-header { - background-color: #23d160; - color: #fff; } - .message.is-success .message-body { - border-color: #23d160; - color: #0e301a; } - .message.is-warning { - background-color: #fffdf5; } - .message.is-warning .message-header { - background-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - .message.is-warning .message-body { - border-color: #ffdd57; - color: #3b3108; } - .message.is-danger { - background-color: #fff5f7; } - .message.is-danger .message-header { - background-color: #ff3860; - color: #fff; } - .message.is-danger .message-body { - border-color: #ff3860; - color: #cd0930; } - -.message-header { - align-items: center; - background-color: #4a4a4a; - border-radius: 4px 4px 0 0; - color: #fff; - display: flex; - font-weight: 700; - justify-content: space-between; - line-height: 1.25; - padding: 0.75em 1em; - position: relative; } - .message-header .delete { - flex-grow: 0; - flex-shrink: 0; - margin-left: 0.75em; } - .message-header + .message-body { - border-width: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; } - -.message-body { - border-color: #dbdbdb; - border-radius: 4px; - border-style: solid; - border-width: 0 0 0 4px; - color: #4a4a4a; - padding: 1.25em 1.5em; } - .message-body code, - .message-body pre { - background-color: white; } - .message-body pre code { - background-color: transparent; } - -.modal { - align-items: center; - display: none; - justify-content: center; - overflow: hidden; - position: fixed; - z-index: 40; } - .modal.is-active { - display: flex; } - -.modal-background { - background-color: rgba(10, 10, 10, 0.86); } - -.modal-content, -.modal-card { - margin: 0 20px; - max-height: calc(100vh - 160px); - overflow: auto; - position: relative; - width: 100%; } - @media screen and (min-width: 769px), print { - .modal-content, - .modal-card { - margin: 0 auto; - max-height: calc(100vh - 40px); - width: 640px; } } -.modal-close { - background: none; - height: 40px; - position: fixed; - right: 20px; - top: 20px; - width: 40px; } - -.modal-card { - display: flex; - flex-direction: column; - max-height: calc(100vh - 40px); - overflow: hidden; } - -.modal-card-head, -.modal-card-foot { - align-items: center; - background-color: whitesmoke; - display: flex; - flex-shrink: 0; - justify-content: flex-start; - padding: 20px; - position: relative; } - -.modal-card-head { - border-bottom: 1px solid #dbdbdb; - border-top-left-radius: 6px; - border-top-right-radius: 6px; } - -.modal-card-title { - color: #363636; - flex-grow: 1; - flex-shrink: 0; - font-size: 1.5rem; - line-height: 1; } - -.modal-card-foot { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-top: 1px solid #dbdbdb; } - .modal-card-foot .button:not(:last-child) { - margin-right: 10px; } - -.modal-card-body { - -webkit-overflow-scrolling: touch; - background-color: white; - flex-grow: 1; - flex-shrink: 1; - overflow: auto; - padding: 20px; } - -.navbar { - background-color: white; - box-shadow: 0 2px 0 0 whitesmoke; - min-height: 3.25rem; - position: relative; - z-index: 30; } - .navbar.is-white { - background-color: white; - color: #0a0a0a; } - .navbar.is-white .navbar-brand > .navbar-item, - .navbar.is-white .navbar-brand .navbar-link { - color: #0a0a0a; } - .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, - .navbar.is-white .navbar-brand .navbar-link:hover, - .navbar.is-white .navbar-brand .navbar-link.is-active { - background-color: #f2f2f2; - color: #0a0a0a; } - .navbar.is-white .navbar-brand .navbar-link::after { - border-color: #0a0a0a; } - @media screen and (min-width: 1088px) { - .navbar.is-white .navbar-start > .navbar-item, - .navbar.is-white .navbar-start .navbar-link, - .navbar.is-white .navbar-end > .navbar-item, - .navbar.is-white .navbar-end .navbar-link { - color: #0a0a0a; } - .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, - .navbar.is-white .navbar-start .navbar-link:hover, - .navbar.is-white .navbar-start .navbar-link.is-active, - .navbar.is-white .navbar-end > a.navbar-item:hover, - .navbar.is-white .navbar-end > a.navbar-item.is-active, - .navbar.is-white .navbar-end .navbar-link:hover, - .navbar.is-white .navbar-end .navbar-link.is-active { - background-color: #f2f2f2; - color: #0a0a0a; } - .navbar.is-white .navbar-start .navbar-link::after, - .navbar.is-white .navbar-end .navbar-link::after { - border-color: #0a0a0a; } - .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #f2f2f2; - color: #0a0a0a; } - .navbar.is-white .navbar-dropdown a.navbar-item.is-active { - background-color: white; - color: #0a0a0a; } } - .navbar.is-black { - background-color: #0a0a0a; - color: white; } - .navbar.is-black .navbar-brand > .navbar-item, - .navbar.is-black .navbar-brand .navbar-link { - color: white; } - .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, - .navbar.is-black .navbar-brand .navbar-link:hover, - .navbar.is-black .navbar-brand .navbar-link.is-active { - background-color: black; - color: white; } - .navbar.is-black .navbar-brand .navbar-link::after { - border-color: white; } - @media screen and (min-width: 1088px) { - .navbar.is-black .navbar-start > .navbar-item, - .navbar.is-black .navbar-start .navbar-link, - .navbar.is-black .navbar-end > .navbar-item, - .navbar.is-black .navbar-end .navbar-link { - color: white; } - .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, - .navbar.is-black .navbar-start .navbar-link:hover, - .navbar.is-black .navbar-start .navbar-link.is-active, - .navbar.is-black .navbar-end > a.navbar-item:hover, - .navbar.is-black .navbar-end > a.navbar-item.is-active, - .navbar.is-black .navbar-end .navbar-link:hover, - .navbar.is-black .navbar-end .navbar-link.is-active { - background-color: black; - color: white; } - .navbar.is-black .navbar-start .navbar-link::after, - .navbar.is-black .navbar-end .navbar-link::after { - border-color: white; } - .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { - background-color: black; - color: white; } - .navbar.is-black .navbar-dropdown a.navbar-item.is-active { - background-color: #0a0a0a; - color: white; } } - .navbar.is-light { - background-color: whitesmoke; - color: #363636; } - .navbar.is-light .navbar-brand > .navbar-item, - .navbar.is-light .navbar-brand .navbar-link { - color: #363636; } - .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, - .navbar.is-light .navbar-brand .navbar-link:hover, - .navbar.is-light .navbar-brand .navbar-link.is-active { - background-color: #e8e8e8; - color: #363636; } - .navbar.is-light .navbar-brand .navbar-link::after { - border-color: #363636; } - @media screen and (min-width: 1088px) { - .navbar.is-light .navbar-start > .navbar-item, - .navbar.is-light .navbar-start .navbar-link, - .navbar.is-light .navbar-end > .navbar-item, - .navbar.is-light .navbar-end .navbar-link { - color: #363636; } - .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, - .navbar.is-light .navbar-start .navbar-link:hover, - .navbar.is-light .navbar-start .navbar-link.is-active, - .navbar.is-light .navbar-end > a.navbar-item:hover, - .navbar.is-light .navbar-end > a.navbar-item.is-active, - .navbar.is-light .navbar-end .navbar-link:hover, - .navbar.is-light .navbar-end .navbar-link.is-active { - background-color: #e8e8e8; - color: #363636; } - .navbar.is-light .navbar-start .navbar-link::after, - .navbar.is-light .navbar-end .navbar-link::after { - border-color: #363636; } - .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #e8e8e8; - color: #363636; } - .navbar.is-light .navbar-dropdown a.navbar-item.is-active { - background-color: whitesmoke; - color: #363636; } } - .navbar.is-dark { - background-color: #363636; - color: whitesmoke; } - .navbar.is-dark .navbar-brand > .navbar-item, - .navbar.is-dark .navbar-brand .navbar-link { - color: whitesmoke; } - .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, - .navbar.is-dark .navbar-brand .navbar-link:hover, - .navbar.is-dark .navbar-brand .navbar-link.is-active { - background-color: #292929; - color: whitesmoke; } - .navbar.is-dark .navbar-brand .navbar-link::after { - border-color: whitesmoke; } - @media screen and (min-width: 1088px) { - .navbar.is-dark .navbar-start > .navbar-item, - .navbar.is-dark .navbar-start .navbar-link, - .navbar.is-dark .navbar-end > .navbar-item, - .navbar.is-dark .navbar-end .navbar-link { - color: whitesmoke; } - .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, - .navbar.is-dark .navbar-start .navbar-link:hover, - .navbar.is-dark .navbar-start .navbar-link.is-active, - .navbar.is-dark .navbar-end > a.navbar-item:hover, - .navbar.is-dark .navbar-end > a.navbar-item.is-active, - .navbar.is-dark .navbar-end .navbar-link:hover, - .navbar.is-dark .navbar-end .navbar-link.is-active { - background-color: #292929; - color: whitesmoke; } - .navbar.is-dark .navbar-start .navbar-link::after, - .navbar.is-dark .navbar-end .navbar-link::after { - border-color: whitesmoke; } - .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #292929; - color: whitesmoke; } - .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { - background-color: #363636; - color: whitesmoke; } } - .navbar.is-primary { - background-color: #00d1b2; - color: #fff; } - .navbar.is-primary .navbar-brand > .navbar-item, - .navbar.is-primary .navbar-brand .navbar-link { - color: #fff; } - .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, - .navbar.is-primary .navbar-brand .navbar-link:hover, - .navbar.is-primary .navbar-brand .navbar-link.is-active { - background-color: #00b89c; - color: #fff; } - .navbar.is-primary .navbar-brand .navbar-link::after { - border-color: #fff; } - @media screen and (min-width: 1088px) { - .navbar.is-primary .navbar-start > .navbar-item, - .navbar.is-primary .navbar-start .navbar-link, - .navbar.is-primary .navbar-end > .navbar-item, - .navbar.is-primary .navbar-end .navbar-link { - color: #fff; } - .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, - .navbar.is-primary .navbar-start .navbar-link:hover, - .navbar.is-primary .navbar-start .navbar-link.is-active, - .navbar.is-primary .navbar-end > a.navbar-item:hover, - .navbar.is-primary .navbar-end > a.navbar-item.is-active, - .navbar.is-primary .navbar-end .navbar-link:hover, - .navbar.is-primary .navbar-end .navbar-link.is-active { - background-color: #00b89c; - color: #fff; } - .navbar.is-primary .navbar-start .navbar-link::after, - .navbar.is-primary .navbar-end .navbar-link::after { - border-color: #fff; } - .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #00b89c; - color: #fff; } - .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { - background-color: #00d1b2; - color: #fff; } } - .navbar.is-link { - background-color: #3273dc; - color: #fff; } - .navbar.is-link .navbar-brand > .navbar-item, - .navbar.is-link .navbar-brand .navbar-link { - color: #fff; } - .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, - .navbar.is-link .navbar-brand .navbar-link:hover, - .navbar.is-link .navbar-brand .navbar-link.is-active { - background-color: #2366d1; - color: #fff; } - .navbar.is-link .navbar-brand .navbar-link::after { - border-color: #fff; } - @media screen and (min-width: 1088px) { - .navbar.is-link .navbar-start > .navbar-item, - .navbar.is-link .navbar-start .navbar-link, - .navbar.is-link .navbar-end > .navbar-item, - .navbar.is-link .navbar-end .navbar-link { - color: #fff; } - .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, - .navbar.is-link .navbar-start .navbar-link:hover, - .navbar.is-link .navbar-start .navbar-link.is-active, - .navbar.is-link .navbar-end > a.navbar-item:hover, - .navbar.is-link .navbar-end > a.navbar-item.is-active, - .navbar.is-link .navbar-end .navbar-link:hover, - .navbar.is-link .navbar-end .navbar-link.is-active { - background-color: #2366d1; - color: #fff; } - .navbar.is-link .navbar-start .navbar-link::after, - .navbar.is-link .navbar-end .navbar-link::after { - border-color: #fff; } - .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #2366d1; - color: #fff; } - .navbar.is-link .navbar-dropdown a.navbar-item.is-active { - background-color: #3273dc; - color: #fff; } } - .navbar.is-info { - background-color: #209cee; - color: #fff; } - .navbar.is-info .navbar-brand > .navbar-item, - .navbar.is-info .navbar-brand .navbar-link { - color: #fff; } - .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, - .navbar.is-info .navbar-brand .navbar-link:hover, - .navbar.is-info .navbar-brand .navbar-link.is-active { - background-color: #118fe4; - color: #fff; } - .navbar.is-info .navbar-brand .navbar-link::after { - border-color: #fff; } - @media screen and (min-width: 1088px) { - .navbar.is-info .navbar-start > .navbar-item, - .navbar.is-info .navbar-start .navbar-link, - .navbar.is-info .navbar-end > .navbar-item, - .navbar.is-info .navbar-end .navbar-link { - color: #fff; } - .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, - .navbar.is-info .navbar-start .navbar-link:hover, - .navbar.is-info .navbar-start .navbar-link.is-active, - .navbar.is-info .navbar-end > a.navbar-item:hover, - .navbar.is-info .navbar-end > a.navbar-item.is-active, - .navbar.is-info .navbar-end .navbar-link:hover, - .navbar.is-info .navbar-end .navbar-link.is-active { - background-color: #118fe4; - color: #fff; } - .navbar.is-info .navbar-start .navbar-link::after, - .navbar.is-info .navbar-end .navbar-link::after { - border-color: #fff; } - .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #118fe4; - color: #fff; } - .navbar.is-info .navbar-dropdown a.navbar-item.is-active { - background-color: #209cee; - color: #fff; } } - .navbar.is-success { - background-color: #23d160; - color: #fff; } - .navbar.is-success .navbar-brand > .navbar-item, - .navbar.is-success .navbar-brand .navbar-link { - color: #fff; } - .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, - .navbar.is-success .navbar-brand .navbar-link:hover, - .navbar.is-success .navbar-brand .navbar-link.is-active { - background-color: #20bc56; - color: #fff; } - .navbar.is-success .navbar-brand .navbar-link::after { - border-color: #fff; } - @media screen and (min-width: 1088px) { - .navbar.is-success .navbar-start > .navbar-item, - .navbar.is-success .navbar-start .navbar-link, - .navbar.is-success .navbar-end > .navbar-item, - .navbar.is-success .navbar-end .navbar-link { - color: #fff; } - .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, - .navbar.is-success .navbar-start .navbar-link:hover, - .navbar.is-success .navbar-start .navbar-link.is-active, - .navbar.is-success .navbar-end > a.navbar-item:hover, - .navbar.is-success .navbar-end > a.navbar-item.is-active, - .navbar.is-success .navbar-end .navbar-link:hover, - .navbar.is-success .navbar-end .navbar-link.is-active { - background-color: #20bc56; - color: #fff; } - .navbar.is-success .navbar-start .navbar-link::after, - .navbar.is-success .navbar-end .navbar-link::after { - border-color: #fff; } - .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #20bc56; - color: #fff; } - .navbar.is-success .navbar-dropdown a.navbar-item.is-active { - background-color: #23d160; - color: #fff; } } - .navbar.is-warning { - background-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-brand > .navbar-item, - .navbar.is-warning .navbar-brand .navbar-link { - color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, - .navbar.is-warning .navbar-brand .navbar-link:hover, - .navbar.is-warning .navbar-brand .navbar-link.is-active { - background-color: #ffd83d; - color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-brand .navbar-link::after { - border-color: rgba(0, 0, 0, 0.7); } - @media screen and (min-width: 1088px) { - .navbar.is-warning .navbar-start > .navbar-item, - .navbar.is-warning .navbar-start .navbar-link, - .navbar.is-warning .navbar-end > .navbar-item, - .navbar.is-warning .navbar-end .navbar-link { - color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, - .navbar.is-warning .navbar-start .navbar-link:hover, - .navbar.is-warning .navbar-start .navbar-link.is-active, - .navbar.is-warning .navbar-end > a.navbar-item:hover, - .navbar.is-warning .navbar-end > a.navbar-item.is-active, - .navbar.is-warning .navbar-end .navbar-link:hover, - .navbar.is-warning .navbar-end .navbar-link.is-active { - background-color: #ffd83d; - color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-start .navbar-link::after, - .navbar.is-warning .navbar-end .navbar-link::after { - border-color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #ffd83d; - color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { - background-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } } - .navbar.is-danger { - background-color: #ff3860; - color: #fff; } - .navbar.is-danger .navbar-brand > .navbar-item, - .navbar.is-danger .navbar-brand .navbar-link { - color: #fff; } - .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, - .navbar.is-danger .navbar-brand .navbar-link:hover, - .navbar.is-danger .navbar-brand .navbar-link.is-active { - background-color: #ff1f4b; - color: #fff; } - .navbar.is-danger .navbar-brand .navbar-link::after { - border-color: #fff; } - @media screen and (min-width: 1088px) { - .navbar.is-danger .navbar-start > .navbar-item, - .navbar.is-danger .navbar-start .navbar-link, - .navbar.is-danger .navbar-end > .navbar-item, - .navbar.is-danger .navbar-end .navbar-link { - color: #fff; } - .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, - .navbar.is-danger .navbar-start .navbar-link:hover, - .navbar.is-danger .navbar-start .navbar-link.is-active, - .navbar.is-danger .navbar-end > a.navbar-item:hover, - .navbar.is-danger .navbar-end > a.navbar-item.is-active, - .navbar.is-danger .navbar-end .navbar-link:hover, - .navbar.is-danger .navbar-end .navbar-link.is-active { - background-color: #ff1f4b; - color: #fff; } - .navbar.is-danger .navbar-start .navbar-link::after, - .navbar.is-danger .navbar-end .navbar-link::after { - border-color: #fff; } - .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #ff1f4b; - color: #fff; } - .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { - background-color: #ff3860; - color: #fff; } } - .navbar > .container { - align-items: stretch; - display: flex; - min-height: 3.25rem; - width: 100%; } - .navbar.has-shadow { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); } - .navbar.is-fixed-bottom, .navbar.is-fixed-top { - left: 0; - position: fixed; - right: 0; - z-index: 30; } - .navbar.is-fixed-bottom { - bottom: 0; } - .navbar.is-fixed-bottom.has-shadow { - box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } - .navbar.is-fixed-top { - top: 0; } - -html.has-navbar-fixed-top, -body.has-navbar-fixed-top { - padding-top: 3.25rem; } - -html.has-navbar-fixed-bottom, -body.has-navbar-fixed-bottom { - padding-bottom: 3.25rem; } - -.navbar-brand, -.navbar-tabs { - align-items: stretch; - display: flex; - flex-shrink: 0; - min-height: 3.25rem; } - -.navbar-brand a.navbar-item:hover { - background-color: transparent; } - -.navbar-tabs { - -webkit-overflow-scrolling: touch; - max-width: 100vw; - overflow-x: auto; - overflow-y: hidden; } - -.navbar-burger { - cursor: pointer; - display: block; - height: 3.25rem; - position: relative; - width: 3.25rem; - margin-left: auto; } - .navbar-burger span { - background-color: currentColor; - display: block; - height: 1px; - left: calc(50% - 8px); - position: absolute; - transform-origin: center; - transition-duration: 86ms; - transition-property: background-color, opacity, transform; - transition-timing-function: ease-out; - width: 16px; } - .navbar-burger span:nth-child(1) { - top: calc(50% - 6px); } - .navbar-burger span:nth-child(2) { - top: calc(50% - 1px); } - .navbar-burger span:nth-child(3) { - top: calc(50% + 4px); } - .navbar-burger:hover { - background-color: rgba(0, 0, 0, 0.05); } - .navbar-burger.is-active span:nth-child(1) { - transform: translateY(5px) rotate(45deg); } - .navbar-burger.is-active span:nth-child(2) { - opacity: 0; } - .navbar-burger.is-active span:nth-child(3) { - transform: translateY(-5px) rotate(-45deg); } - -.navbar-menu { - display: none; } - -.navbar-item, -.navbar-link { - color: #4a4a4a; - display: block; - line-height: 1.5; - padding: 0.5rem 0.75rem; - position: relative; } - .navbar-item .icon:only-child, - .navbar-link .icon:only-child { - margin-left: -0.25rem; - margin-right: -0.25rem; } - -a.navbar-item, -.navbar-link { - cursor: pointer; } - a.navbar-item:hover, a.navbar-item.is-active, - .navbar-link:hover, - .navbar-link.is-active { - background-color: #fafafa; - color: #3273dc; } - -.navbar-item { - display: block; - flex-grow: 0; - flex-shrink: 0; } - .navbar-item img { - max-height: 1.75rem; } - .navbar-item.has-dropdown { - padding: 0; } - .navbar-item.is-expanded { - flex-grow: 1; - flex-shrink: 1; } - .navbar-item.is-tab { - border-bottom: 1px solid transparent; - min-height: 3.25rem; - padding-bottom: calc(0.5rem - 1px); } - .navbar-item.is-tab:hover { - background-color: transparent; - border-bottom-color: #3273dc; } - .navbar-item.is-tab.is-active { - background-color: transparent; - border-bottom-color: #3273dc; - border-bottom-style: solid; - border-bottom-width: 3px; - color: #3273dc; - padding-bottom: calc(0.5rem - 3px); } - -.navbar-content { - flex-grow: 1; - flex-shrink: 1; } - -.navbar-link { - padding-right: 2.5em; } - .navbar-link::after { - border-color: #3273dc; - margin-top: -0.375em; - right: 1.125em; } - -.navbar-dropdown { - font-size: 0.875rem; - padding-bottom: 0.5rem; - padding-top: 0.5rem; } - .navbar-dropdown .navbar-item { - padding-left: 1.5rem; - padding-right: 1.5rem; } - -.navbar-divider { - background-color: whitesmoke; - border: none; - display: none; - height: 2px; - margin: 0.5rem 0; } - -@media screen and (max-width: 1087px) { - .navbar > .container { - display: block; } - .navbar-brand .navbar-item, - .navbar-tabs .navbar-item { - align-items: center; - display: flex; } - .navbar-link::after { - display: none; } - .navbar-menu { - background-color: white; - box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); - padding: 0.5rem 0; } - .navbar-menu.is-active { - display: block; } - .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { - left: 0; - position: fixed; - right: 0; - z-index: 30; } - .navbar.is-fixed-bottom-touch { - bottom: 0; } - .navbar.is-fixed-bottom-touch.has-shadow { - box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } - .navbar.is-fixed-top-touch { - top: 0; } - .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { - -webkit-overflow-scrolling: touch; - max-height: calc(100vh - 3.25rem); - overflow: auto; } - html.has-navbar-fixed-top-touch, - body.has-navbar-fixed-top-touch { - padding-top: 3.25rem; } - html.has-navbar-fixed-bottom-touch, - body.has-navbar-fixed-bottom-touch { - padding-bottom: 3.25rem; } } - -@media screen and (min-width: 1088px) { - .navbar, - .navbar-menu, - .navbar-start, - .navbar-end { - align-items: stretch; - display: flex; } - .navbar { - min-height: 3.25rem; } - .navbar.is-spaced { - padding: 1rem 2rem; } - .navbar.is-spaced .navbar-start, - .navbar.is-spaced .navbar-end { - align-items: center; } - .navbar.is-spaced a.navbar-item, - .navbar.is-spaced .navbar-link { - border-radius: 4px; } - .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, - .navbar.is-transparent .navbar-link:hover, - .navbar.is-transparent .navbar-link.is-active { - background-color: transparent !important; } - .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { - background-color: transparent !important; } - .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { - background-color: whitesmoke; - color: #0a0a0a; } - .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { - background-color: whitesmoke; - color: #3273dc; } - .navbar-burger { - display: none; } - .navbar-item, - .navbar-link { - align-items: center; - display: flex; } - .navbar-item { - display: flex; } - .navbar-item.has-dropdown { - align-items: stretch; } - .navbar-item.has-dropdown-up .navbar-link::after { - transform: rotate(135deg) translate(0.25em, -0.25em); } - .navbar-item.has-dropdown-up .navbar-dropdown { - border-bottom: 2px solid #dbdbdb; - border-radius: 6px 6px 0 0; - border-top: none; - bottom: 100%; - box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); - top: auto; } - .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { - display: block; } - .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { - opacity: 1; - pointer-events: auto; - transform: translateY(0); } - .navbar-menu { - flex-grow: 1; - flex-shrink: 0; } - .navbar-start { - justify-content: flex-start; - margin-right: auto; } - .navbar-end { - justify-content: flex-end; - margin-left: auto; } - .navbar-dropdown { - background-color: white; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-top: 2px solid #dbdbdb; - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); - display: none; - font-size: 0.875rem; - left: 0; - min-width: 100%; - position: absolute; - top: 100%; - z-index: 20; } - .navbar-dropdown .navbar-item { - padding: 0.375rem 1rem; - white-space: nowrap; } - .navbar-dropdown a.navbar-item { - padding-right: 3rem; } - .navbar-dropdown a.navbar-item:hover { - background-color: whitesmoke; - color: #0a0a0a; } - .navbar-dropdown a.navbar-item.is-active { - background-color: whitesmoke; - color: #3273dc; } - .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { - border-radius: 6px; - border-top: none; - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - display: block; - opacity: 0; - pointer-events: none; - top: calc(100% + (-4px)); - transform: translateY(-5px); - transition-duration: 86ms; - transition-property: opacity, transform; } - .navbar-dropdown.is-right { - left: auto; - right: 0; } - .navbar-divider { - display: block; } - .navbar > .container .navbar-brand, - .container > .navbar .navbar-brand { - margin-left: -1rem; } - .navbar > .container .navbar-menu, - .container > .navbar .navbar-menu { - margin-right: -1rem; } - .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { - left: 0; - position: fixed; - right: 0; - z-index: 30; } - .navbar.is-fixed-bottom-desktop { - bottom: 0; } - .navbar.is-fixed-bottom-desktop.has-shadow { - box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } - .navbar.is-fixed-top-desktop { - top: 0; } - html.has-navbar-fixed-top-desktop, - body.has-navbar-fixed-top-desktop { - padding-top: 3.25rem; } - html.has-navbar-fixed-bottom-desktop, - body.has-navbar-fixed-bottom-desktop { - padding-bottom: 3.25rem; } - html.has-spaced-navbar-fixed-top, - body.has-spaced-navbar-fixed-top { - padding-top: 5.25rem; } - html.has-spaced-navbar-fixed-bottom, - body.has-spaced-navbar-fixed-bottom { - padding-bottom: 5.25rem; } - a.navbar-item.is-active, - .navbar-link.is-active { - color: #0a0a0a; } - a.navbar-item.is-active:not(:hover), - .navbar-link.is-active:not(:hover) { - background-color: transparent; } - .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #fafafa; } } - -.pagination { - font-size: 1rem; - margin: -0.25rem; } - .pagination.is-small { - font-size: 0.75rem; } - .pagination.is-medium { - font-size: 1.25rem; } - .pagination.is-large { - font-size: 1.5rem; } - .pagination.is-rounded .pagination-previous, - .pagination.is-rounded .pagination-next { - padding-left: 1em; - padding-right: 1em; - border-radius: 290486px; } - .pagination.is-rounded .pagination-link { - border-radius: 290486px; } - -.pagination, -.pagination-list { - align-items: center; - display: flex; - justify-content: center; - text-align: center; } - -.pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis { - font-size: 1em; - padding-left: 0.5em; - padding-right: 0.5em; - justify-content: center; - margin: 0.25rem; - text-align: center; } - -.pagination-previous, -.pagination-next, -.pagination-link { - border-color: #dbdbdb; - color: #363636; - min-width: 2.25em; } - .pagination-previous:hover, - .pagination-next:hover, - .pagination-link:hover { - border-color: #b5b5b5; - color: #363636; } - .pagination-previous:focus, - .pagination-next:focus, - .pagination-link:focus { - border-color: #3273dc; } - .pagination-previous:active, - .pagination-next:active, - .pagination-link:active { - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); } - .pagination-previous[disabled], - .pagination-next[disabled], - .pagination-link[disabled] { - background-color: #dbdbdb; - border-color: #dbdbdb; - box-shadow: none; - color: #7a7a7a; - opacity: 0.5; } - -.pagination-previous, -.pagination-next { - padding-left: 0.75em; - padding-right: 0.75em; - white-space: nowrap; } - -.pagination-link.is-current { - background-color: #3273dc; - border-color: #3273dc; - color: #fff; } - -.pagination-ellipsis { - color: #b5b5b5; - pointer-events: none; } - -.pagination-list { - flex-wrap: wrap; } - -@media screen and (max-width: 768px) { - .pagination { - flex-wrap: wrap; } - .pagination-previous, - .pagination-next { - flex-grow: 1; - flex-shrink: 1; } - .pagination-list li { - flex-grow: 1; - flex-shrink: 1; } } - -@media screen and (min-width: 769px), print { - .pagination-list { - flex-grow: 1; - flex-shrink: 1; - justify-content: flex-start; - order: 1; } - .pagination-previous { - order: 2; } - .pagination-next { - order: 3; } - .pagination { - justify-content: space-between; } - .pagination.is-centered .pagination-previous { - order: 1; } - .pagination.is-centered .pagination-list { - justify-content: center; - order: 2; } - .pagination.is-centered .pagination-next { - order: 3; } - .pagination.is-right .pagination-previous { - order: 1; } - .pagination.is-right .pagination-next { - order: 2; } - .pagination.is-right .pagination-list { - justify-content: flex-end; - order: 3; } } - -.panel { - font-size: 1rem; } - .panel:not(:last-child) { - margin-bottom: 1.5rem; } - -.panel-heading, -.panel-tabs, -.panel-block { - border-bottom: 1px solid #dbdbdb; - border-left: 1px solid #dbdbdb; - border-right: 1px solid #dbdbdb; } - .panel-heading:first-child, - .panel-tabs:first-child, - .panel-block:first-child { - border-top: 1px solid #dbdbdb; } - -.panel-heading { - background-color: whitesmoke; - border-radius: 4px 4px 0 0; - color: #363636; - font-size: 1.25em; - font-weight: 300; - line-height: 1.25; - padding: 0.5em 0.75em; } - -.panel-tabs { - align-items: flex-end; - display: flex; - font-size: 0.875em; - justify-content: center; } - .panel-tabs a { - border-bottom: 1px solid #dbdbdb; - margin-bottom: -1px; - padding: 0.5em; } - .panel-tabs a.is-active { - border-bottom-color: #4a4a4a; - color: #363636; } - -.panel-list a { - color: #4a4a4a; } - .panel-list a:hover { - color: #3273dc; } - -.panel-block { - align-items: center; - color: #363636; - display: flex; - justify-content: flex-start; - padding: 0.5em 0.75em; } - .panel-block input[type="checkbox"] { - margin-right: 0.75em; } - .panel-block > .control { - flex-grow: 1; - flex-shrink: 1; - width: 100%; } - .panel-block.is-wrapped { - flex-wrap: wrap; } - .panel-block.is-active { - border-left-color: #3273dc; - color: #363636; } - .panel-block.is-active .panel-icon { - color: #3273dc; } - -a.panel-block, -label.panel-block { - cursor: pointer; } - a.panel-block:hover, - label.panel-block:hover { - background-color: whitesmoke; } - -.panel-icon { - display: inline-block; - font-size: 14px; - height: 1em; - line-height: 1em; - text-align: center; - vertical-align: top; - width: 1em; - color: #7a7a7a; - margin-right: 0.75em; } - .panel-icon .fa { - font-size: inherit; - line-height: inherit; } - -.tabs { - -webkit-overflow-scrolling: touch; - align-items: stretch; - display: flex; - font-size: 1rem; - justify-content: space-between; - overflow: hidden; - overflow-x: auto; - white-space: nowrap; } - .tabs a { - align-items: center; - border-bottom-color: #dbdbdb; - border-bottom-style: solid; - border-bottom-width: 1px; - color: #4a4a4a; - display: flex; - justify-content: center; - margin-bottom: -1px; - padding: 0.5em 1em; - vertical-align: top; } - .tabs a:hover { - border-bottom-color: #363636; - color: #363636; } - .tabs li { - display: block; } - .tabs li.is-active a { - border-bottom-color: #3273dc; - color: #3273dc; } - .tabs ul { - align-items: center; - border-bottom-color: #dbdbdb; - border-bottom-style: solid; - border-bottom-width: 1px; - display: flex; - flex-grow: 1; - flex-shrink: 0; - justify-content: flex-start; } - .tabs ul.is-left { - padding-right: 0.75em; } - .tabs ul.is-center { - flex: none; - justify-content: center; - padding-left: 0.75em; - padding-right: 0.75em; } - .tabs ul.is-right { - justify-content: flex-end; - padding-left: 0.75em; } - .tabs .icon:first-child { - margin-right: 0.5em; } - .tabs .icon:last-child { - margin-left: 0.5em; } - .tabs.is-centered ul { - justify-content: center; } - .tabs.is-right ul { - justify-content: flex-end; } - .tabs.is-boxed a { - border: 1px solid transparent; - border-radius: 4px 4px 0 0; } - .tabs.is-boxed a:hover { - background-color: whitesmoke; - border-bottom-color: #dbdbdb; } - .tabs.is-boxed li.is-active a { - background-color: white; - border-color: #dbdbdb; - border-bottom-color: transparent !important; } - .tabs.is-fullwidth li { - flex-grow: 1; - flex-shrink: 0; } - .tabs.is-toggle a { - border-color: #dbdbdb; - border-style: solid; - border-width: 1px; - margin-bottom: 0; - position: relative; } - .tabs.is-toggle a:hover { - background-color: whitesmoke; - border-color: #b5b5b5; - z-index: 2; } - .tabs.is-toggle li + li { - margin-left: -1px; } - .tabs.is-toggle li:first-child a { - border-radius: 4px 0 0 4px; } - .tabs.is-toggle li:last-child a { - border-radius: 0 4px 4px 0; } - .tabs.is-toggle li.is-active a { - background-color: #3273dc; - border-color: #3273dc; - color: #fff; - z-index: 1; } - .tabs.is-toggle ul { - border-bottom: none; } - .tabs.is-toggle.is-toggle-rounded li:first-child a { - border-bottom-left-radius: 290486px; - border-top-left-radius: 290486px; - padding-left: 1.25em; } - .tabs.is-toggle.is-toggle-rounded li:last-child a { - border-bottom-right-radius: 290486px; - border-top-right-radius: 290486px; - padding-right: 1.25em; } - .tabs.is-small { - font-size: 0.75rem; } - .tabs.is-medium { - font-size: 1.25rem; } - .tabs.is-large { - font-size: 1.5rem; } - -.column { - display: block; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 1; - padding: 0.75rem; } - .columns.is-mobile > .column.is-narrow { - flex: none; } - .columns.is-mobile > .column.is-full { - flex: none; - width: 100%; } - .columns.is-mobile > .column.is-three-quarters { - flex: none; - width: 75%; } - .columns.is-mobile > .column.is-two-thirds { - flex: none; - width: 66.6666%; } - .columns.is-mobile > .column.is-half { - flex: none; - width: 50%; } - .columns.is-mobile > .column.is-one-third { - flex: none; - width: 33.3333%; } - .columns.is-mobile > .column.is-one-quarter { - flex: none; - width: 25%; } - .columns.is-mobile > .column.is-one-fifth { - flex: none; - width: 20%; } - .columns.is-mobile > .column.is-two-fifths { - flex: none; - width: 40%; } - .columns.is-mobile > .column.is-three-fifths { - flex: none; - width: 60%; } - .columns.is-mobile > .column.is-four-fifths { - flex: none; - width: 80%; } - .columns.is-mobile > .column.is-offset-three-quarters { - margin-left: 75%; } - .columns.is-mobile > .column.is-offset-two-thirds { - margin-left: 66.6666%; } - .columns.is-mobile > .column.is-offset-half { - margin-left: 50%; } - .columns.is-mobile > .column.is-offset-one-third { - margin-left: 33.3333%; } - .columns.is-mobile > .column.is-offset-one-quarter { - margin-left: 25%; } - .columns.is-mobile > .column.is-offset-one-fifth { - margin-left: 20%; } - .columns.is-mobile > .column.is-offset-two-fifths { - margin-left: 40%; } - .columns.is-mobile > .column.is-offset-three-fifths { - margin-left: 60%; } - .columns.is-mobile > .column.is-offset-four-fifths { - margin-left: 80%; } - .columns.is-mobile > .column.is-1 { - flex: none; - width: 8.33333333%; } - .columns.is-mobile > .column.is-offset-1 { - margin-left: 8.33333333%; } - .columns.is-mobile > .column.is-2 { - flex: none; - width: 16.66666667%; } - .columns.is-mobile > .column.is-offset-2 { - margin-left: 16.66666667%; } - .columns.is-mobile > .column.is-3 { - flex: none; - width: 25%; } - .columns.is-mobile > .column.is-offset-3 { - margin-left: 25%; } - .columns.is-mobile > .column.is-4 { - flex: none; - width: 33.33333333%; } - .columns.is-mobile > .column.is-offset-4 { - margin-left: 33.33333333%; } - .columns.is-mobile > .column.is-5 { - flex: none; - width: 41.66666667%; } - .columns.is-mobile > .column.is-offset-5 { - margin-left: 41.66666667%; } - .columns.is-mobile > .column.is-6 { - flex: none; - width: 50%; } - .columns.is-mobile > .column.is-offset-6 { - margin-left: 50%; } - .columns.is-mobile > .column.is-7 { - flex: none; - width: 58.33333333%; } - .columns.is-mobile > .column.is-offset-7 { - margin-left: 58.33333333%; } - .columns.is-mobile > .column.is-8 { - flex: none; - width: 66.66666667%; } - .columns.is-mobile > .column.is-offset-8 { - margin-left: 66.66666667%; } - .columns.is-mobile > .column.is-9 { - flex: none; - width: 75%; } - .columns.is-mobile > .column.is-offset-9 { - margin-left: 75%; } - .columns.is-mobile > .column.is-10 { - flex: none; - width: 83.33333333%; } - .columns.is-mobile > .column.is-offset-10 { - margin-left: 83.33333333%; } - .columns.is-mobile > .column.is-11 { - flex: none; - width: 91.66666667%; } - .columns.is-mobile > .column.is-offset-11 { - margin-left: 91.66666667%; } - .columns.is-mobile > .column.is-12 { - flex: none; - width: 100%; } - .columns.is-mobile > .column.is-offset-12 { - margin-left: 100%; } - @media screen and (max-width: 768px) { - .column.is-narrow-mobile { - flex: none; } - .column.is-full-mobile { - flex: none; - width: 100%; } - .column.is-three-quarters-mobile { - flex: none; - width: 75%; } - .column.is-two-thirds-mobile { - flex: none; - width: 66.6666%; } - .column.is-half-mobile { - flex: none; - width: 50%; } - .column.is-one-third-mobile { - flex: none; - width: 33.3333%; } - .column.is-one-quarter-mobile { - flex: none; - width: 25%; } - .column.is-one-fifth-mobile { - flex: none; - width: 20%; } - .column.is-two-fifths-mobile { - flex: none; - width: 40%; } - .column.is-three-fifths-mobile { - flex: none; - width: 60%; } - .column.is-four-fifths-mobile { - flex: none; - width: 80%; } - .column.is-offset-three-quarters-mobile { - margin-left: 75%; } - .column.is-offset-two-thirds-mobile { - margin-left: 66.6666%; } - .column.is-offset-half-mobile { - margin-left: 50%; } - .column.is-offset-one-third-mobile { - margin-left: 33.3333%; } - .column.is-offset-one-quarter-mobile { - margin-left: 25%; } - .column.is-offset-one-fifth-mobile { - margin-left: 20%; } - .column.is-offset-two-fifths-mobile { - margin-left: 40%; } - .column.is-offset-three-fifths-mobile { - margin-left: 60%; } - .column.is-offset-four-fifths-mobile { - margin-left: 80%; } - .column.is-1-mobile { - flex: none; - width: 8.33333333%; } - .column.is-offset-1-mobile { - margin-left: 8.33333333%; } - .column.is-2-mobile { - flex: none; - width: 16.66666667%; } - .column.is-offset-2-mobile { - margin-left: 16.66666667%; } - .column.is-3-mobile { - flex: none; - width: 25%; } - .column.is-offset-3-mobile { - margin-left: 25%; } - .column.is-4-mobile { - flex: none; - width: 33.33333333%; } - .column.is-offset-4-mobile { - margin-left: 33.33333333%; } - .column.is-5-mobile { - flex: none; - width: 41.66666667%; } - .column.is-offset-5-mobile { - margin-left: 41.66666667%; } - .column.is-6-mobile { - flex: none; - width: 50%; } - .column.is-offset-6-mobile { - margin-left: 50%; } - .column.is-7-mobile { - flex: none; - width: 58.33333333%; } - .column.is-offset-7-mobile { - margin-left: 58.33333333%; } - .column.is-8-mobile { - flex: none; - width: 66.66666667%; } - .column.is-offset-8-mobile { - margin-left: 66.66666667%; } - .column.is-9-mobile { - flex: none; - width: 75%; } - .column.is-offset-9-mobile { - margin-left: 75%; } - .column.is-10-mobile { - flex: none; - width: 83.33333333%; } - .column.is-offset-10-mobile { - margin-left: 83.33333333%; } - .column.is-11-mobile { - flex: none; - width: 91.66666667%; } - .column.is-offset-11-mobile { - margin-left: 91.66666667%; } - .column.is-12-mobile { - flex: none; - width: 100%; } - .column.is-offset-12-mobile { - margin-left: 100%; } } - @media screen and (min-width: 769px), print { - .column.is-narrow, .column.is-narrow-tablet { - flex: none; } - .column.is-full, .column.is-full-tablet { - flex: none; - width: 100%; } - .column.is-three-quarters, .column.is-three-quarters-tablet { - flex: none; - width: 75%; } - .column.is-two-thirds, .column.is-two-thirds-tablet { - flex: none; - width: 66.6666%; } - .column.is-half, .column.is-half-tablet { - flex: none; - width: 50%; } - .column.is-one-third, .column.is-one-third-tablet { - flex: none; - width: 33.3333%; } - .column.is-one-quarter, .column.is-one-quarter-tablet { - flex: none; - width: 25%; } - .column.is-one-fifth, .column.is-one-fifth-tablet { - flex: none; - width: 20%; } - .column.is-two-fifths, .column.is-two-fifths-tablet { - flex: none; - width: 40%; } - .column.is-three-fifths, .column.is-three-fifths-tablet { - flex: none; - width: 60%; } - .column.is-four-fifths, .column.is-four-fifths-tablet { - flex: none; - width: 80%; } - .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { - margin-left: 75%; } - .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { - margin-left: 66.6666%; } - .column.is-offset-half, .column.is-offset-half-tablet { - margin-left: 50%; } - .column.is-offset-one-third, .column.is-offset-one-third-tablet { - margin-left: 33.3333%; } - .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { - margin-left: 25%; } - .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { - margin-left: 20%; } - .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { - margin-left: 40%; } - .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { - margin-left: 60%; } - .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { - margin-left: 80%; } - .column.is-1, .column.is-1-tablet { - flex: none; - width: 8.33333333%; } - .column.is-offset-1, .column.is-offset-1-tablet { - margin-left: 8.33333333%; } - .column.is-2, .column.is-2-tablet { - flex: none; - width: 16.66666667%; } - .column.is-offset-2, .column.is-offset-2-tablet { - margin-left: 16.66666667%; } - .column.is-3, .column.is-3-tablet { - flex: none; - width: 25%; } - .column.is-offset-3, .column.is-offset-3-tablet { - margin-left: 25%; } - .column.is-4, .column.is-4-tablet { - flex: none; - width: 33.33333333%; } - .column.is-offset-4, .column.is-offset-4-tablet { - margin-left: 33.33333333%; } - .column.is-5, .column.is-5-tablet { - flex: none; - width: 41.66666667%; } - .column.is-offset-5, .column.is-offset-5-tablet { - margin-left: 41.66666667%; } - .column.is-6, .column.is-6-tablet { - flex: none; - width: 50%; } - .column.is-offset-6, .column.is-offset-6-tablet { - margin-left: 50%; } - .column.is-7, .column.is-7-tablet { - flex: none; - width: 58.33333333%; } - .column.is-offset-7, .column.is-offset-7-tablet { - margin-left: 58.33333333%; } - .column.is-8, .column.is-8-tablet { - flex: none; - width: 66.66666667%; } - .column.is-offset-8, .column.is-offset-8-tablet { - margin-left: 66.66666667%; } - .column.is-9, .column.is-9-tablet { - flex: none; - width: 75%; } - .column.is-offset-9, .column.is-offset-9-tablet { - margin-left: 75%; } - .column.is-10, .column.is-10-tablet { - flex: none; - width: 83.33333333%; } - .column.is-offset-10, .column.is-offset-10-tablet { - margin-left: 83.33333333%; } - .column.is-11, .column.is-11-tablet { - flex: none; - width: 91.66666667%; } - .column.is-offset-11, .column.is-offset-11-tablet { - margin-left: 91.66666667%; } - .column.is-12, .column.is-12-tablet { - flex: none; - width: 100%; } - .column.is-offset-12, .column.is-offset-12-tablet { - margin-left: 100%; } } - @media screen and (max-width: 1087px) { - .column.is-narrow-touch { - flex: none; } - .column.is-full-touch { - flex: none; - width: 100%; } - .column.is-three-quarters-touch { - flex: none; - width: 75%; } - .column.is-two-thirds-touch { - flex: none; - width: 66.6666%; } - .column.is-half-touch { - flex: none; - width: 50%; } - .column.is-one-third-touch { - flex: none; - width: 33.3333%; } - .column.is-one-quarter-touch { - flex: none; - width: 25%; } - .column.is-one-fifth-touch { - flex: none; - width: 20%; } - .column.is-two-fifths-touch { - flex: none; - width: 40%; } - .column.is-three-fifths-touch { - flex: none; - width: 60%; } - .column.is-four-fifths-touch { - flex: none; - width: 80%; } - .column.is-offset-three-quarters-touch { - margin-left: 75%; } - .column.is-offset-two-thirds-touch { - margin-left: 66.6666%; } - .column.is-offset-half-touch { - margin-left: 50%; } - .column.is-offset-one-third-touch { - margin-left: 33.3333%; } - .column.is-offset-one-quarter-touch { - margin-left: 25%; } - .column.is-offset-one-fifth-touch { - margin-left: 20%; } - .column.is-offset-two-fifths-touch { - margin-left: 40%; } - .column.is-offset-three-fifths-touch { - margin-left: 60%; } - .column.is-offset-four-fifths-touch { - margin-left: 80%; } - .column.is-1-touch { - flex: none; - width: 8.33333333%; } - .column.is-offset-1-touch { - margin-left: 8.33333333%; } - .column.is-2-touch { - flex: none; - width: 16.66666667%; } - .column.is-offset-2-touch { - margin-left: 16.66666667%; } - .column.is-3-touch { - flex: none; - width: 25%; } - .column.is-offset-3-touch { - margin-left: 25%; } - .column.is-4-touch { - flex: none; - width: 33.33333333%; } - .column.is-offset-4-touch { - margin-left: 33.33333333%; } - .column.is-5-touch { - flex: none; - width: 41.66666667%; } - .column.is-offset-5-touch { - margin-left: 41.66666667%; } - .column.is-6-touch { - flex: none; - width: 50%; } - .column.is-offset-6-touch { - margin-left: 50%; } - .column.is-7-touch { - flex: none; - width: 58.33333333%; } - .column.is-offset-7-touch { - margin-left: 58.33333333%; } - .column.is-8-touch { - flex: none; - width: 66.66666667%; } - .column.is-offset-8-touch { - margin-left: 66.66666667%; } - .column.is-9-touch { - flex: none; - width: 75%; } - .column.is-offset-9-touch { - margin-left: 75%; } - .column.is-10-touch { - flex: none; - width: 83.33333333%; } - .column.is-offset-10-touch { - margin-left: 83.33333333%; } - .column.is-11-touch { - flex: none; - width: 91.66666667%; } - .column.is-offset-11-touch { - margin-left: 91.66666667%; } - .column.is-12-touch { - flex: none; - width: 100%; } - .column.is-offset-12-touch { - margin-left: 100%; } } - @media screen and (min-width: 1088px) { - .column.is-narrow-desktop { - flex: none; } - .column.is-full-desktop { - flex: none; - width: 100%; } - .column.is-three-quarters-desktop { - flex: none; - width: 75%; } - .column.is-two-thirds-desktop { - flex: none; - width: 66.6666%; } - .column.is-half-desktop { - flex: none; - width: 50%; } - .column.is-one-third-desktop { - flex: none; - width: 33.3333%; } - .column.is-one-quarter-desktop { - flex: none; - width: 25%; } - .column.is-one-fifth-desktop { - flex: none; - width: 20%; } - .column.is-two-fifths-desktop { - flex: none; - width: 40%; } - .column.is-three-fifths-desktop { - flex: none; - width: 60%; } - .column.is-four-fifths-desktop { - flex: none; - width: 80%; } - .column.is-offset-three-quarters-desktop { - margin-left: 75%; } - .column.is-offset-two-thirds-desktop { - margin-left: 66.6666%; } - .column.is-offset-half-desktop { - margin-left: 50%; } - .column.is-offset-one-third-desktop { - margin-left: 33.3333%; } - .column.is-offset-one-quarter-desktop { - margin-left: 25%; } - .column.is-offset-one-fifth-desktop { - margin-left: 20%; } - .column.is-offset-two-fifths-desktop { - margin-left: 40%; } - .column.is-offset-three-fifths-desktop { - margin-left: 60%; } - .column.is-offset-four-fifths-desktop { - margin-left: 80%; } - .column.is-1-desktop { - flex: none; - width: 8.33333333%; } - .column.is-offset-1-desktop { - margin-left: 8.33333333%; } - .column.is-2-desktop { - flex: none; - width: 16.66666667%; } - .column.is-offset-2-desktop { - margin-left: 16.66666667%; } - .column.is-3-desktop { - flex: none; - width: 25%; } - .column.is-offset-3-desktop { - margin-left: 25%; } - .column.is-4-desktop { - flex: none; - width: 33.33333333%; } - .column.is-offset-4-desktop { - margin-left: 33.33333333%; } - .column.is-5-desktop { - flex: none; - width: 41.66666667%; } - .column.is-offset-5-desktop { - margin-left: 41.66666667%; } - .column.is-6-desktop { - flex: none; - width: 50%; } - .column.is-offset-6-desktop { - margin-left: 50%; } - .column.is-7-desktop { - flex: none; - width: 58.33333333%; } - .column.is-offset-7-desktop { - margin-left: 58.33333333%; } - .column.is-8-desktop { - flex: none; - width: 66.66666667%; } - .column.is-offset-8-desktop { - margin-left: 66.66666667%; } - .column.is-9-desktop { - flex: none; - width: 75%; } - .column.is-offset-9-desktop { - margin-left: 75%; } - .column.is-10-desktop { - flex: none; - width: 83.33333333%; } - .column.is-offset-10-desktop { - margin-left: 83.33333333%; } - .column.is-11-desktop { - flex: none; - width: 91.66666667%; } - .column.is-offset-11-desktop { - margin-left: 91.66666667%; } - .column.is-12-desktop { - flex: none; - width: 100%; } - .column.is-offset-12-desktop { - margin-left: 100%; } } - @media screen and (min-width: 1280px) { - .column.is-narrow-widescreen { - flex: none; } - .column.is-full-widescreen { - flex: none; - width: 100%; } - .column.is-three-quarters-widescreen { - flex: none; - width: 75%; } - .column.is-two-thirds-widescreen { - flex: none; - width: 66.6666%; } - .column.is-half-widescreen { - flex: none; - width: 50%; } - .column.is-one-third-widescreen { - flex: none; - width: 33.3333%; } - .column.is-one-quarter-widescreen { - flex: none; - width: 25%; } - .column.is-one-fifth-widescreen { - flex: none; - width: 20%; } - .column.is-two-fifths-widescreen { - flex: none; - width: 40%; } - .column.is-three-fifths-widescreen { - flex: none; - width: 60%; } - .column.is-four-fifths-widescreen { - flex: none; - width: 80%; } - .column.is-offset-three-quarters-widescreen { - margin-left: 75%; } - .column.is-offset-two-thirds-widescreen { - margin-left: 66.6666%; } - .column.is-offset-half-widescreen { - margin-left: 50%; } - .column.is-offset-one-third-widescreen { - margin-left: 33.3333%; } - .column.is-offset-one-quarter-widescreen { - margin-left: 25%; } - .column.is-offset-one-fifth-widescreen { - margin-left: 20%; } - .column.is-offset-two-fifths-widescreen { - margin-left: 40%; } - .column.is-offset-three-fifths-widescreen { - margin-left: 60%; } - .column.is-offset-four-fifths-widescreen { - margin-left: 80%; } - .column.is-1-widescreen { - flex: none; - width: 8.33333333%; } - .column.is-offset-1-widescreen { - margin-left: 8.33333333%; } - .column.is-2-widescreen { - flex: none; - width: 16.66666667%; } - .column.is-offset-2-widescreen { - margin-left: 16.66666667%; } - .column.is-3-widescreen { - flex: none; - width: 25%; } - .column.is-offset-3-widescreen { - margin-left: 25%; } - .column.is-4-widescreen { - flex: none; - width: 33.33333333%; } - .column.is-offset-4-widescreen { - margin-left: 33.33333333%; } - .column.is-5-widescreen { - flex: none; - width: 41.66666667%; } - .column.is-offset-5-widescreen { - margin-left: 41.66666667%; } - .column.is-6-widescreen { - flex: none; - width: 50%; } - .column.is-offset-6-widescreen { - margin-left: 50%; } - .column.is-7-widescreen { - flex: none; - width: 58.33333333%; } - .column.is-offset-7-widescreen { - margin-left: 58.33333333%; } - .column.is-8-widescreen { - flex: none; - width: 66.66666667%; } - .column.is-offset-8-widescreen { - margin-left: 66.66666667%; } - .column.is-9-widescreen { - flex: none; - width: 75%; } - .column.is-offset-9-widescreen { - margin-left: 75%; } - .column.is-10-widescreen { - flex: none; - width: 83.33333333%; } - .column.is-offset-10-widescreen { - margin-left: 83.33333333%; } - .column.is-11-widescreen { - flex: none; - width: 91.66666667%; } - .column.is-offset-11-widescreen { - margin-left: 91.66666667%; } - .column.is-12-widescreen { - flex: none; - width: 100%; } - .column.is-offset-12-widescreen { - margin-left: 100%; } } -.columns { - margin-left: -0.75rem; - margin-right: -0.75rem; - margin-top: -0.75rem; } - .columns:last-child { - margin-bottom: -0.75rem; } - .columns:not(:last-child) { - margin-bottom: calc(1.5rem - 0.75rem); } - .columns.is-centered { - justify-content: center; } - .columns.is-gapless { - margin-left: 0; - margin-right: 0; - margin-top: 0; } - .columns.is-gapless > .column { - margin: 0; - padding: 0 !important; } - .columns.is-gapless:not(:last-child) { - margin-bottom: 1.5rem; } - .columns.is-gapless:last-child { - margin-bottom: 0; } - .columns.is-mobile { - display: flex; } - .columns.is-multiline { - flex-wrap: wrap; } - .columns.is-vcentered { - align-items: center; } - @media screen and (min-width: 769px), print { - .columns:not(.is-desktop) { - display: flex; } } - @media screen and (min-width: 1088px) { - .columns.is-desktop { - display: flex; } } -.columns.is-variable { - --columnGap: 0.75rem; - margin-left: calc(-1 * var(--columnGap)); - margin-right: calc(-1 * var(--columnGap)); } - .columns.is-variable .column { - padding-left: var(--columnGap); - padding-right: var(--columnGap); } - .columns.is-variable.is-0 { - --columnGap: 0rem; } - .columns.is-variable.is-1 { - --columnGap: 0.25rem; } - .columns.is-variable.is-2 { - --columnGap: 0.5rem; } - .columns.is-variable.is-3 { - --columnGap: 0.75rem; } - .columns.is-variable.is-4 { - --columnGap: 1rem; } - .columns.is-variable.is-5 { - --columnGap: 1.25rem; } - .columns.is-variable.is-6 { - --columnGap: 1.5rem; } - .columns.is-variable.is-7 { - --columnGap: 1.75rem; } - .columns.is-variable.is-8 { - --columnGap: 2rem; } - -.tile { - align-items: stretch; - display: block; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 1; - min-height: min-content; } - .tile.is-ancestor { - margin-left: -0.75rem; - margin-right: -0.75rem; - margin-top: -0.75rem; } - .tile.is-ancestor:last-child { - margin-bottom: -0.75rem; } - .tile.is-ancestor:not(:last-child) { - margin-bottom: 0.75rem; } - .tile.is-child { - margin: 0 !important; } - .tile.is-parent { - padding: 0.75rem; } - .tile.is-vertical { - flex-direction: column; } - .tile.is-vertical > .tile.is-child:not(:last-child) { - margin-bottom: 1.5rem !important; } - @media screen and (min-width: 769px), print { - .tile:not(.is-child) { - display: flex; } - .tile.is-1 { - flex: none; - width: 8.33333333%; } - .tile.is-2 { - flex: none; - width: 16.66666667%; } - .tile.is-3 { - flex: none; - width: 25%; } - .tile.is-4 { - flex: none; - width: 33.33333333%; } - .tile.is-5 { - flex: none; - width: 41.66666667%; } - .tile.is-6 { - flex: none; - width: 50%; } - .tile.is-7 { - flex: none; - width: 58.33333333%; } - .tile.is-8 { - flex: none; - width: 66.66666667%; } - .tile.is-9 { - flex: none; - width: 75%; } - .tile.is-10 { - flex: none; - width: 83.33333333%; } - .tile.is-11 { - flex: none; - width: 91.66666667%; } - .tile.is-12 { - flex: none; - width: 100%; } } -.hero { - align-items: stretch; - display: flex; - flex-direction: column; - justify-content: space-between; } - .hero .navbar { - background: none; } - .hero .tabs ul { - border-bottom: none; } - .hero.is-white { - background-color: white; - color: #0a0a0a; } - .hero.is-white a:not(.button):not(.dropdown-item):not(.tag), - .hero.is-white strong { - color: inherit; } - .hero.is-white .title { - color: #0a0a0a; } - .hero.is-white .subtitle { - color: rgba(10, 10, 10, 0.9); } - .hero.is-white .subtitle a:not(.button), - .hero.is-white .subtitle strong { - color: #0a0a0a; } - @media screen and (max-width: 1087px) { - .hero.is-white .navbar-menu { - background-color: white; } } - .hero.is-white .navbar-item, - .hero.is-white .navbar-link { - color: rgba(10, 10, 10, 0.7); } - .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active, - .hero.is-white .navbar-link:hover, - .hero.is-white .navbar-link.is-active { - background-color: #f2f2f2; - color: #0a0a0a; } - .hero.is-white .tabs a { - color: #0a0a0a; - opacity: 0.9; } - .hero.is-white .tabs a:hover { - opacity: 1; } - .hero.is-white .tabs li.is-active a { - opacity: 1; } - .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { - color: #0a0a0a; } - .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { - background-color: #0a0a0a; - border-color: #0a0a0a; - color: white; } - .hero.is-white.is-bold { - background-image: linear-gradient(141deg, #e8e3e4 0%, white 71%, white 100%); } - @media screen and (max-width: 768px) { - .hero.is-white.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #e8e3e4 0%, white 71%, white 100%); } } - .hero.is-black { - background-color: #0a0a0a; - color: white; } - .hero.is-black a:not(.button):not(.dropdown-item):not(.tag), - .hero.is-black strong { - color: inherit; } - .hero.is-black .title { - color: white; } - .hero.is-black .subtitle { - color: rgba(255, 255, 255, 0.9); } - .hero.is-black .subtitle a:not(.button), - .hero.is-black .subtitle strong { - color: white; } - @media screen and (max-width: 1087px) { - .hero.is-black .navbar-menu { - background-color: #0a0a0a; } } - .hero.is-black .navbar-item, - .hero.is-black .navbar-link { - color: rgba(255, 255, 255, 0.7); } - .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active, - .hero.is-black .navbar-link:hover, - .hero.is-black .navbar-link.is-active { - background-color: black; - color: white; } - .hero.is-black .tabs a { - color: white; - opacity: 0.9; } - .hero.is-black .tabs a:hover { - opacity: 1; } - .hero.is-black .tabs li.is-active a { - opacity: 1; } - .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { - color: white; } - .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { - background-color: white; - border-color: white; - color: #0a0a0a; } - .hero.is-black.is-bold { - background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } - @media screen and (max-width: 768px) { - .hero.is-black.is-bold .navbar-menu { - background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } } - .hero.is-light { - background-color: whitesmoke; - color: #363636; } - .hero.is-light a:not(.button):not(.dropdown-item):not(.tag), - .hero.is-light strong { - color: inherit; } - .hero.is-light .title { - color: #363636; } - .hero.is-light .subtitle { - color: rgba(54, 54, 54, 0.9); } - .hero.is-light .subtitle a:not(.button), - .hero.is-light .subtitle strong { - color: #363636; } - @media screen and (max-width: 1087px) { - .hero.is-light .navbar-menu { - background-color: whitesmoke; } } - .hero.is-light .navbar-item, - .hero.is-light .navbar-link { - color: rgba(54, 54, 54, 0.7); } - .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, - .hero.is-light .navbar-link:hover, - .hero.is-light .navbar-link.is-active { - background-color: #e8e8e8; - color: #363636; } - .hero.is-light .tabs a { - color: #363636; - opacity: 0.9; } - .hero.is-light .tabs a:hover { - opacity: 1; } - .hero.is-light .tabs li.is-active a { - opacity: 1; } - .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { - color: #363636; } - .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { - background-color: #363636; - border-color: #363636; - color: whitesmoke; } - .hero.is-light.is-bold { - background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } - @media screen and (max-width: 768px) { - .hero.is-light.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } } - .hero.is-dark { - background-color: #363636; - color: whitesmoke; } - .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag), - .hero.is-dark strong { - color: inherit; } - .hero.is-dark .title { - color: whitesmoke; } - .hero.is-dark .subtitle { - color: rgba(245, 245, 245, 0.9); } - .hero.is-dark .subtitle a:not(.button), - .hero.is-dark .subtitle strong { - color: whitesmoke; } - @media screen and (max-width: 1087px) { - .hero.is-dark .navbar-menu { - background-color: #363636; } } - .hero.is-dark .navbar-item, - .hero.is-dark .navbar-link { - color: rgba(245, 245, 245, 0.7); } - .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, - .hero.is-dark .navbar-link:hover, - .hero.is-dark .navbar-link.is-active { - background-color: #292929; - color: whitesmoke; } - .hero.is-dark .tabs a { - color: whitesmoke; - opacity: 0.9; } - .hero.is-dark .tabs a:hover { - opacity: 1; } - .hero.is-dark .tabs li.is-active a { - opacity: 1; } - .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { - color: whitesmoke; } - .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { - background-color: whitesmoke; - border-color: whitesmoke; - color: #363636; } - .hero.is-dark.is-bold { - background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } - @media screen and (max-width: 768px) { - .hero.is-dark.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } } - .hero.is-primary { - background-color: #00d1b2; - color: #fff; } - .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag), - .hero.is-primary strong { - color: inherit; } - .hero.is-primary .title { - color: #fff; } - .hero.is-primary .subtitle { - color: rgba(255, 255, 255, 0.9); } - .hero.is-primary .subtitle a:not(.button), - .hero.is-primary .subtitle strong { - color: #fff; } - @media screen and (max-width: 1087px) { - .hero.is-primary .navbar-menu { - background-color: #00d1b2; } } - .hero.is-primary .navbar-item, - .hero.is-primary .navbar-link { - color: rgba(255, 255, 255, 0.7); } - .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, - .hero.is-primary .navbar-link:hover, - .hero.is-primary .navbar-link.is-active { - background-color: #00b89c; - color: #fff; } - .hero.is-primary .tabs a { - color: #fff; - opacity: 0.9; } - .hero.is-primary .tabs a:hover { - opacity: 1; } - .hero.is-primary .tabs li.is-active a { - opacity: 1; } - .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { - color: #fff; } - .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: #00d1b2; } - .hero.is-primary.is-bold { - background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); } - @media screen and (max-width: 768px) { - .hero.is-primary.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); } } - .hero.is-link { - background-color: #3273dc; - color: #fff; } - .hero.is-link a:not(.button):not(.dropdown-item):not(.tag), - .hero.is-link strong { - color: inherit; } - .hero.is-link .title { - color: #fff; } - .hero.is-link .subtitle { - color: rgba(255, 255, 255, 0.9); } - .hero.is-link .subtitle a:not(.button), - .hero.is-link .subtitle strong { - color: #fff; } - @media screen and (max-width: 1087px) { - .hero.is-link .navbar-menu { - background-color: #3273dc; } } - .hero.is-link .navbar-item, - .hero.is-link .navbar-link { - color: rgba(255, 255, 255, 0.7); } - .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active, - .hero.is-link .navbar-link:hover, - .hero.is-link .navbar-link.is-active { - background-color: #2366d1; - color: #fff; } - .hero.is-link .tabs a { - color: #fff; - opacity: 0.9; } - .hero.is-link .tabs a:hover { - opacity: 1; } - .hero.is-link .tabs li.is-active a { - opacity: 1; } - .hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a { - color: #fff; } - .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: #3273dc; } - .hero.is-link.is-bold { - background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); } - @media screen and (max-width: 768px) { - .hero.is-link.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); } } - .hero.is-info { - background-color: #209cee; - color: #fff; } - .hero.is-info a:not(.button):not(.dropdown-item):not(.tag), - .hero.is-info strong { - color: inherit; } - .hero.is-info .title { - color: #fff; } - .hero.is-info .subtitle { - color: rgba(255, 255, 255, 0.9); } - .hero.is-info .subtitle a:not(.button), - .hero.is-info .subtitle strong { - color: #fff; } - @media screen and (max-width: 1087px) { - .hero.is-info .navbar-menu { - background-color: #209cee; } } - .hero.is-info .navbar-item, - .hero.is-info .navbar-link { - color: rgba(255, 255, 255, 0.7); } - .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, - .hero.is-info .navbar-link:hover, - .hero.is-info .navbar-link.is-active { - background-color: #118fe4; - color: #fff; } - .hero.is-info .tabs a { - color: #fff; - opacity: 0.9; } - .hero.is-info .tabs a:hover { - opacity: 1; } - .hero.is-info .tabs li.is-active a { - opacity: 1; } - .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { - color: #fff; } - .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: #209cee; } - .hero.is-info.is-bold { - background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); } - @media screen and (max-width: 768px) { - .hero.is-info.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); } } - .hero.is-success { - background-color: #23d160; - color: #fff; } - .hero.is-success a:not(.button):not(.dropdown-item):not(.tag), - .hero.is-success strong { - color: inherit; } - .hero.is-success .title { - color: #fff; } - .hero.is-success .subtitle { - color: rgba(255, 255, 255, 0.9); } - .hero.is-success .subtitle a:not(.button), - .hero.is-success .subtitle strong { - color: #fff; } - @media screen and (max-width: 1087px) { - .hero.is-success .navbar-menu { - background-color: #23d160; } } - .hero.is-success .navbar-item, - .hero.is-success .navbar-link { - color: rgba(255, 255, 255, 0.7); } - .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, - .hero.is-success .navbar-link:hover, - .hero.is-success .navbar-link.is-active { - background-color: #20bc56; - color: #fff; } - .hero.is-success .tabs a { - color: #fff; - opacity: 0.9; } - .hero.is-success .tabs a:hover { - opacity: 1; } - .hero.is-success .tabs li.is-active a { - opacity: 1; } - .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { - color: #fff; } - .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: #23d160; } - .hero.is-success.is-bold { - background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); } - @media screen and (max-width: 768px) { - .hero.is-success.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); } } - .hero.is-warning { - background-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag), - .hero.is-warning strong { - color: inherit; } - .hero.is-warning .title { - color: rgba(0, 0, 0, 0.7); } - .hero.is-warning .subtitle { - color: rgba(0, 0, 0, 0.9); } - .hero.is-warning .subtitle a:not(.button), - .hero.is-warning .subtitle strong { - color: rgba(0, 0, 0, 0.7); } - @media screen and (max-width: 1087px) { - .hero.is-warning .navbar-menu { - background-color: #ffdd57; } } - .hero.is-warning .navbar-item, - .hero.is-warning .navbar-link { - color: rgba(0, 0, 0, 0.7); } - .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active, - .hero.is-warning .navbar-link:hover, - .hero.is-warning .navbar-link.is-active { - background-color: #ffd83d; - color: rgba(0, 0, 0, 0.7); } - .hero.is-warning .tabs a { - color: rgba(0, 0, 0, 0.7); - opacity: 0.9; } - .hero.is-warning .tabs a:hover { - opacity: 1; } - .hero.is-warning .tabs li.is-active a { - opacity: 1; } - .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { - color: rgba(0, 0, 0, 0.7); } - .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { - background-color: rgba(0, 0, 0, 0.7); - border-color: rgba(0, 0, 0, 0.7); - color: #ffdd57; } - .hero.is-warning.is-bold { - background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); } - @media screen and (max-width: 768px) { - .hero.is-warning.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); } } - .hero.is-danger { - background-color: #ff3860; - color: #fff; } - .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag), - .hero.is-danger strong { - color: inherit; } - .hero.is-danger .title { - color: #fff; } - .hero.is-danger .subtitle { - color: rgba(255, 255, 255, 0.9); } - .hero.is-danger .subtitle a:not(.button), - .hero.is-danger .subtitle strong { - color: #fff; } - @media screen and (max-width: 1087px) { - .hero.is-danger .navbar-menu { - background-color: #ff3860; } } - .hero.is-danger .navbar-item, - .hero.is-danger .navbar-link { - color: rgba(255, 255, 255, 0.7); } - .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, - .hero.is-danger .navbar-link:hover, - .hero.is-danger .navbar-link.is-active { - background-color: #ff1f4b; - color: #fff; } - .hero.is-danger .tabs a { - color: #fff; - opacity: 0.9; } - .hero.is-danger .tabs a:hover { - opacity: 1; } - .hero.is-danger .tabs li.is-active a { - opacity: 1; } - .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { - color: #fff; } - .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: #ff3860; } - .hero.is-danger.is-bold { - background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); } - @media screen and (max-width: 768px) { - .hero.is-danger.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); } } - .hero.is-small .hero-body { - padding-bottom: 1.5rem; - padding-top: 1.5rem; } - @media screen and (min-width: 769px), print { - .hero.is-medium .hero-body { - padding-bottom: 9rem; - padding-top: 9rem; } } - @media screen and (min-width: 769px), print { - .hero.is-large .hero-body { - padding-bottom: 18rem; - padding-top: 18rem; } } - .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body { - align-items: center; - display: flex; } - .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container { - flex-grow: 1; - flex-shrink: 1; } - .hero.is-halfheight { - min-height: 50vh; } - .hero.is-fullheight { - min-height: 100vh; } - -.hero-video { - overflow: hidden; } - .hero-video video { - left: 50%; - min-height: 100%; - min-width: 100%; - position: absolute; - top: 50%; - transform: translate3d(-50%, -50%, 0); } - .hero-video.is-transparent { - opacity: 0.3; } - @media screen and (max-width: 768px) { - .hero-video { - display: none; } } -.hero-buttons { - margin-top: 1.5rem; } - @media screen and (max-width: 768px) { - .hero-buttons .button { - display: flex; } - .hero-buttons .button:not(:last-child) { - margin-bottom: 0.75rem; } } - @media screen and (min-width: 769px), print { - .hero-buttons { - display: flex; - justify-content: center; } - .hero-buttons .button:not(:last-child) { - margin-right: 1.5rem; } } -.hero-head, -.hero-foot { - flex-grow: 0; - flex-shrink: 0; } - -.hero-body { - flex-grow: 1; - flex-shrink: 0; - padding: 3rem 1.5rem; } - -.section { - padding: 3rem 1.5rem; } - @media screen and (min-width: 1088px) { - .section.is-medium { - padding: 9rem 1.5rem; } - .section.is-large { - padding: 18rem 1.5rem; } } -.footer { - background-color: #fafafa; - padding: 3rem 1.5rem 6rem; } - -/* ========================================================================== -Main SCSS file / Fresh -========================================================================== */ -/* ========================================================================== -Color variables -========================================================================== */ -/* $secondary: #F39200; */ -/* $accent: #00efb7; grüner Button */ -/* $title-grey: #A9ABAC; */ -/* $muted-grey: #999; */ -/* $medium-grey: #66676b; */ -/* $section-grey: #fbfbfb; */ -/* ========================================================================== -Navbar -========================================================================== */ -.navbar.is-fresh { - position: sticky; - top: 0px; - min-height: 3.8rem; - transition: all .3s; - z-index: 99; - width: 100%; - min-height: 4rem !important; - background: #fff; - box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); } - .navbar.is-fresh .container { - min-height: 4rem; } - .navbar.is-fresh.no-shadow { - box-shadow: none !important; } - .navbar.is-fresh .navbar-burger { - width: 4rem; - height: 4rem; } - .navbar.is-fresh .navbar-brand { - min-height: 4rem; } - .navbar.is-fresh .navbar-brand img { - max-height: 36px !important; - height: 36px; } - .navbar.is-fresh .navbar-brand:hover .navbar-item { - background: transparent !important; } - .navbar.is-fresh .navbar-end { - align-items: center; } - .navbar.is-fresh .navbar-item { - color: #344258; } - .navbar.is-fresh .navbar-item.is-secondary:hover { - color: #a47c42 !important; } - .navbar.is-fresh .navbar-item.has-dropdown { - padding: 10px 0; } - .navbar.is-fresh .navbar-item.has-dropdown .navbar-link { - color: #344258; } - .navbar.is-fresh .navbar-item.has-dropdown .navbar-link:after { - top: 55%; - height: 0.5em; - width: 0.5em; - border-width: 2px; - border-color: #344258; } - .navbar.is-fresh .navbar-item.has-dropdown .navbar-dropdown { - top: 3.4rem; - min-width: 220px; - margin-top: 4px; - border-top-color: #a47c42; } - .navbar.is-fresh .navbar-item.has-dropdown .navbar-dropdown .navbar-item { - padding: 10px 20px; } - .navbar.is-fresh .navbar-item.has-dropdown:hover .navbar-link { - color: #a47c42; } - .navbar.is-fresh .navbar-item.has-dropdown:hover .navbar-link:after { - border-color: #a47c42; } - .navbar.is-fresh .navbar-item .signup { - display: block; - line-height: 0; - font-size: .9rem !important; } - .navbar.is-fresh a { - color: #444F60; } - .navbar.is-fresh a:hover { - color: #4FC1EA; } - -/* ========================================================================== -Dropdown styles -========================================================================== */ -div.nav-item.is-drop a { - padding-right: 7px; } - -div.nav-item.is-drop:hover .dropContain .dropOut { - opacity: 1; } - -div.nav-item.is-drop:hover, div.nav-item.is-drop:hover a { - border-bottom: 1px solid transparent !important; - color: #a47c42; } - -div.nav-item.is-drop:hover .dropContain { - top: 65px; - animation: fadeInUp 0.27s ease-out; } - -span.drop-caret { - position: relative; - top: 5px; } - -div.nav-item.is-drop { - position: relative; } - div.nav-item.is-drop .dropContain { - width: 220px; - position: absolute; - z-index: 3; - left: 50%; - margin-left: -110px; - /* half of width */ - top: -400px; } - div.nav-item.is-drop .dropContain .dropOut { - width: 220px; - background: #fff; - float: left; - position: relative; - margin-top: 15px; - opacity: 0; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); - -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); - -webkit-transition: all .5s ease-out; - -moz-transition: all .5s ease-out; - -ms-transition: all .5s ease-out; - -o-transition: all .5s ease-out; - transition: all .5s ease-out; } - div.nav-item.is-drop .dropContain .dropOut .triangle { - width: 0; - height: 0; - position: absolute; - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-bottom: 8px solid #fff; - top: -8px; - left: 50%; - margin-left: -8px; } - div.nav-item.is-drop .dropContain .dropOut ul li { - text-align: left; - float: left; - width: 200px; - padding: 12px 0 10px 15px; - margin: 0px 10px; - color: #777; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - -webkit-transition: background .1s ease-out; - -moz-transition: background .1s ease-out; - -ms-transition: background .1s ease-out; - -o-transition: background .1s ease-out; - transition: background .1s ease-out; } - div.nav-item.is-drop .dropContain .dropOut ul li:hover { - background: #EFF4F7; - cursor: pointer; } - div.nav-item.is-drop .dropContain .dropOut ul { - float: left; - padding: 10px 0; } - -/* ========================================================================== -Section Styles -========================================================================== */ -.section.section-light-grey { - background-color: #EFF4F7; } - -.section.section-feature-grey { - background-color: #eff4f7; } - -.section.section-secondary { - background-color: #a47c42; } - -.section.section-half { - height: 75vh !important; } - -.section .title, .section .subtitle { - font-family: 'Open Sans', sans-serif; } - -.section .subtitle.is-muted { - color: #344258; } - -.title-wrapper { - max-width: 500px; - margin: 0 auto; } - .title-wrapper .title, .title-wrapper .subtitle { - font-family: 'Open Sans', sans-serif; } - .title-wrapper .subtitle.is-muted { - color: #344258; } - -.divider { - height: 3px; - border-radius: 50px; - background: #a47c42; - width: 60px; } - .divider.is-centered { - margin: 0 auto; } - -.content-wrapper { - padding: 60px 0; } - -img.pushed-image { - margin-top: -5vh; } - -.media.icon-box { - border-top: none !important; } - .media.icon-box .media-content .content p span { - display: block; } - .media.icon-box .media-content .content p .icon-box-title { - color: #444F60; - font-size: 1.2rem; - font-weight: 600; } - .media.icon-box .media-content .content p .icon-box-text { - color: #344258; - font-size: 1rem; - font-weight: 400; } - -/* ========================================================================== -Hero styles -========================================================================== */ -.hero-body { - padding-top: 6rem; - padding-bottom: 6rem; } - .hero-body .title, .hero-body .subtitle { - font-family: 'Open Sans', sans-serif; } - .hero-body .title.is-bold { - font-weight: 700; } - .hero-body .subtitle.is-muted { - color: #344258; } - -.hero-foot img.partner-logo { - height: 70px; } - -/* ========================================================================== -Fresh Footer -========================================================================== */ -footer.footer-dark { - background: #444F60; - color: #fff; } - footer.footer-dark .columns { - margin-top: 35px; } - footer.footer-dark .footer-logo img { - height: 40px; } - footer.footer-dark .footer-column .footer-header h3 { - font-weight: 500; - font-size: 1.2rem; - text-transform: uppercase; - letter-spacing: 1px; - margin-bottom: 20px; } - footer.footer-dark .footer-column ul.link-list { - line-height: 40px; - font-size: 1.1rem; } - footer.footer-dark .footer-column ul.link-list a { - color: #98a9c3; - font-weight: 400; - transition: all 0.5s; } - footer.footer-dark .footer-column ul.link-list :hover { - color: #fcfcfc; } - footer.footer-dark .footer-column .level-item .icon { - color: #a47c42; - transition: all 0.5s; } - footer.footer-dark .footer-column .level-item .icon :hover { - color: #fcfcfc; } - -/* ========================================================================== -Classes to change the feel of bulma buttons -========================================================================== */ -.button { - cursor: pointer; - transition: all 0.5s; } - .button.cta { - font-family: 'Open Sans', sans-serif; - font-size: 1rem; - font-weight: 600; - padding: 26px 40px 26px 40px; - margin-top: 26px; - margin-right: 20px; - margin-left: 20px; } - .button.is-clear { - line-height: 0 !important; } - .button.rounded { - border-radius: 500px; } - .button.raised:hover { - box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important; - opacity: 0.8; } - .button.btn-outlined { - background: transparent; } - .button.signup-button { - font-size: .9rem; - font-weight: 600; - font-family: 'Open Sans', sans-serif; - padding: 24px 26px; - width: 130px; } - -.button.primary-btn { - outline: none; - border-color: #4FC1EA; - background-color: #4FC1EA; - color: #fff; - transition: all 0.5s; } - .button.primary-btn:hover { - color: #fff; } - .button.primary-btn.raised:hover { - box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; - opacity: 0.8; } - .button.primary-btn.btn-outlined { - border-color: #4FC1EA; - color: #4FC1EA; - background-color: transparent; } - .button.primary-btn.btn-outlined:hover { - color: #fff; - background-color: #4FC1EA; } - -.button.secondary-btn { - outline: none; - border-color: #a47c42; - background-color: #a47c42; - color: #fff; - transition: all 0.5s; } - .button.secondary-btn:hover { - color: #fff; } - .button.secondary-btn.raised:hover { - box-shadow: 0 14px 26px -12px rgba(243, 146, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(243, 146, 0, 0.2) !important; - opacity: 0.8; } - .button.secondary-btn.btn-outlined { - border-color: #a47c42; - color: #a47c42; - background-color: transparent; } - .button.secondary-btn.btn-outlined:hover { - color: #fff; - background-color: #a47c42; } - -.button.button.accent-btn { - outline: none; - border-color: #4FC1EA; - background-color: #4FC1EA; - color: #fff; - transition: all 0.5s; } - .button.button.accent-btn:hover { - color: #fff; } - .button.button.accent-btn.raised:hover { - box-shadow: 0 14px 26px -12px rgba(104, 187, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(104, 187, 136, 0.2) !important; - opacity: 0.8; } - .button.button.accent-btn.btn-outlined { - border-color: #4FC1EA; - color: #4FC1EA; - background-color: transparent; } - .button.button.accent-btn.btn-outlined:hover { - color: #fff; - background-color: #4FC1EA; } - -/*! _cards.scss v1.0.0 | Commercial License | built on top of bulma.io/Bulmax */ -/* ========================================================================== -Cards and Card content styles -========================================================================== */ -.feature-card { - width: 300px; - height: 320px; - background-color: #fff; - border-radius: 3px; - margin: 0 auto; } - .feature-card .card-title h4 { - font-family: 'Open Sans', sans-serif; - padding-top: 25px; - font-size: 1.2rem; - font-weight: 600; - color: #444F60; } - .feature-card .card-icon img { - height: 120px; - margin-top: 20px; } - .feature-card .card-text { - padding: 0 40px; } - .feature-card .card-text p { - color: #344258; } - .feature-card .card-action { - margin-top: 10px; } - .feature-card.is-bordered { - border: 1px solid #ededed; } - -.flex-card { - position: relative; - background-color: #fff; - border: 0; - border-radius: 0.1875rem; - display: inline-block; - position: relative; - overflow: hidden; - width: 100%; - margin-bottom: 20px; } - .flex-card.raised { - box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); } - .flex-card .tabs { - padding: 15px 0.7rem; } - .flex-card .navtab-content { - min-height: 190px; } - .flex-card .navtab-content p { - padding: 0 0.8rem 20px; } - .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.primary { - background-color: #4FC1EA; } - .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.secondary { - background-color: #a47c42; } - .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.accent { - background-color: #4FC1EA; } - .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header ul li a { - color: #f2f2f2; } - .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header ul li.is-active a { - color: #fff; - border: 1px solid #fff; - border-bottom-color: #fff !important; } - -/* ========================================================================== -Inputs styles -========================================================================== */ -input.input { - color: #878787; - box-shadow: none !important; - transition: all 0.8s; - padding-bottom: 3px; } - input.input.is-small { - padding-bottom: 2px; - padding-left: 10px; } - input.input.is-medium { - padding-bottom: 5px; } - input.input.is-large { - padding-bottom: 7px; } - input.input:focus, input.input:active { - border-color: #EFF4F7; } - input.input.rounded { - border-radius: 100px; } - input.input.is-primary-focus:focus { - border-color: #4FC1EA; } - input.input.is-primary-focus:focus ~ span.icon i { - color: #4FC1EA; } - input.input.is-secondary-focus:focus { - border-color: #a47c42; } - input.input.is-secondary-focus:focus ~ span.icon i { - color: #a47c42; } - input.input.is-accent-focus:focus { - border-color: #4FC1EA; } - input.input.is-accent-focus:focus ~ span.icon i { - color: #4FC1EA; } - input.input.is-bloody-focus:focus { - border-color: #FC354C; } - input.input.is-bloody-focus:focus ~ span.icon i { - color: #FC354C; } - -.form-footer { - width: 100%; } - -/* ========================================================================== -General Keyframes animations -========================================================================== */ -.animated { - animation-duration: 0.5s; - animation-fill-mode: both; - -webkit-animation-duration: 0.5s; - -webkit-animation-fill-mode: both; } - -.delay-1 { - animation-delay: .25s; } - -.delay-2 { - animation-delay: .5s; } - -.delay-3 { - animation-delay: .75s; } - -.delay-4 { - animation-delay: 1s; } - -@keyframes fadeInLeft { - from { - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@-webkit-keyframes fadeInLeft { - from { - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -.preFadeInLeft { - opacity: 0; } - -.fadeInLeft { - opacity: 0; - animation-name: fadeInLeft; - -webkit-animation-name: fadeInLeft; } - -@keyframes fadeInUp { - from { - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@-webkit-keyframes fadeInUp { - from { - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -.preFadeInUp { - opacity: 0; } - -.fadeInUp { - opacity: 0; - animation-name: fadeInUp; - -webkit-animation-name: fadeInUp; } - -.gelatine { - animation: gelatine 0.6s; - animation-duration: 0.6s; - -webkit-animation-duration: 0.5s; - animation-fill-mode: both; - -webkit-animation-fill-mode: both; } - -@keyframes gelatine { - from, to { - transform: scale(1, 1); } - 25% { - transform: scale(0.9, 1.1); } - 50% { - transform: scale(1.1, 0.9); } - 75% { - transform: scale(0.95, 1.05); } } - -/* ========================================================================== -Sidebar Styles -========================================================================== */ -.menu-icon-wrapper { - position: relative; - left: 0; - top: 0; - width: 34px; - height: 34px; - pointer-events: none; - transition: 0.1s; } - .menu-icon-wrapper svg { - position: absolute; - top: -18px; - left: -18px; - transform: scale(0.07); - transform-origin: 0 0; } - .menu-icon-wrapper svg path { - stroke: #a47c42; - stroke-width: 40px; - stroke-linecap: round; - stroke-linejoin: round; - fill: transparent; - transition: stroke-dasharray 0.5s; } - .menu-icon-wrapper svg path.path1 { - stroke-dashoffset: 5803.15px; - stroke-dasharray: 2901.57px, 2981.57px, 240px; } - .menu-icon-wrapper svg path.path2 { - stroke-dashoffset: 800px; - stroke-dasharray: 400px, 480px, 240px; } - .menu-icon-wrapper svg path.path3 { - stroke-dashoffset: 6993.11px; - stroke-dasharray: 3496.56px, 3576.56px, 240px; } - .menu-icon-wrapper.open svg path.path1 { - stroke-dasharray: 2901.57px, 5258.15px, 240px; } - .menu-icon-wrapper.open svg path.path2 { - stroke-dasharray: 400px, 600px, 0px; } - .menu-icon-wrapper.open svg path.path3 { - stroke-dasharray: 3496.56px, 6448.11px, 240px; } - .menu-icon-wrapper .menu-icon-trigger { - position: relative; - width: 100%; - height: 100%; - cursor: pointer; - pointer-events: auto; - background: none; - border: none; - margin: 0; - padding: 0; } - -.sidebar { - background: #344258; - width: 280px; - height: 100%; - position: fixed; - top: 0; - left: 0; - transform: translateX(-281px); - transition: all .3s; - z-index: 10000; - overflow-y: auto; } - .sidebar.is-active { - transform: translateX(0); } - .sidebar .sidebar-header { - height: 4.25rem; - display: flex; - justify-content: space-between; - align-items: center; - border-bottom: 1px solid #3d4e68; - padding: 0 20px; } - .sidebar .sidebar-header img { - height: 32px; } - .sidebar .sidebar-header a { - width: 24px; - height: 24px; } - .sidebar .sidebar-header svg { - stroke: #fff; - transform: rotate(0); - transition: all .3s; - cursor: pointer; } - .sidebar .sidebar-header svg:hover { - stroke: #a47c42; - transform: rotate(180deg); } - .sidebar .inner { - position: relative; } - .sidebar .inner .sidebar-menu { - margin: 0; - padding: 0; - max-width: 400px; - list-style: none; - list-style-type: none; - font-family: 'Open Sans', sans-serif !important; } - .sidebar .inner .sidebar-menu li a { - padding: 20px 25px; - display: block; - text-decoration: none; - color: #fff; } - .sidebar .inner .sidebar-menu li a:hover { - padding: 20px 25px; - display: block; - text-decoration: none; - color: #fff; } - .sidebar .inner .sidebar-menu li a span { - margin-right: 20px; - color: #fff; } - .sidebar .inner .sidebar-menu li.have-children ul { - padding: 0px; } - .sidebar .inner .sidebar-menu li.have-children li a { - background-color: #2b3648; - padding-left: 62px; - border-bottom: 1px solid #303d52; - font-size: .8rem; } - .sidebar .inner .sidebar-menu li.have-children li a:hover { - color: #4FC1EA; - padding-left: 62px; } - .sidebar .inner .sidebar-menu li.have-children span::after { - position: absolute; - top: 27px; - right: 30px; - content: "\f054"; - color: #fff; - transition: all .5s; - font-weight: 200 !important; - font-size: .8rem; } - .sidebar .inner li.have-children, .sidebar .inner li { - position: relative; } - .sidebar .inner li.have-children.active > a, .sidebar .inner li.have-children.active > a span, .sidebar .inner li.have-children.active > a span:after { - color: #a47c42; } - .sidebar .inner li.active.have-children span::after { - -moz-transform: rotate(90deg); - -o-transform: rotate(90deg); - -webkit-transform: rotate(90deg); - transform: rotate(90deg); } - .sidebar .inner .sidebar-menu .have-children > ul { - display: none; } - -/* ========================================================================== -Testimonials Styles -========================================================================== */ -.testimonial { - position: relative; - overflow: hidden; - margin: 10px auto; - min-width: 220px; - max-width: 310px; - width: 100%; - color: #333; - text-align: left; - box-shadow: none !important; } - .testimonial * { - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .testimonial img { - max-width: 100%; - height: 80px; - width: 80px; - border-radius: 50%; - margin-right: 5px; - display: block; - z-index: 1; - position: absolute; - right: 60%; } - .testimonial blockquote { - margin: 0; - display: block; - border-radius: 8px; - position: relative; - background-color: #fcfcfc; - padding: 30px 50px 65px 50px; - font-size: 1.2rem; - font-weight: 500; - margin: 0 0 -40px; - line-height: 1.6em; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } - .testimonial blockquote:before, .testimonial blockquote:after { - font-family: 'FontAwesome'; - content: "\f10d"; - position: absolute; - font-size: 20px; - opacity: 0.3; - font-style: normal; } - .testimonial blockquote:before { - top: 35px; - left: 20px; } - .testimonial blockquote:after { - content: "\f10e"; - right: 20px; - bottom: 35px; } - .testimonial .author { - margin: 0; - height: 80px; - display: block; - text-align: left; - color: #fff; - padding: 0 35px; - position: relative; - z-index: 0; } - .testimonial .author h5, .testimonial .author span { - position: absolute; - opacity: 0.8; - padding: 3px 5px; } - .testimonial .author h5 { - text-transform: capitalize; - bottom: 60%; - margin: 0; - font-weight: 600; - font-size: 1.2rem; - color: #444F60; } - .testimonial .author span { - font-size: 0.8em; - color: #fff; - top: 50%; } - -/* ========================================================================== -Responsive Styles -========================================================================== */ -@media (max-width: 767px) { - .landing-caption { - text-align: center; } - .navbar-menu .is-static { - position: absolute; - width: 100%; } - .navbar-menu .is-fixed { - position: fixed; - width: 100%; } - .navbar-menu .navbar-item { - text-align: center !important; } - .navbar-menu .navbar-item .signup-button { - width: 100% !important; } - .navbar-menu .navbar-link { - padding: 10px 20px !important; } - .title.section-title { - font-size: 2rem !important; } - .level-left.level-social { - display: flex; - justify-content: flex-start; } - .pushed-image { - margin-top: 0 !important; } - .testimonial { - margin: 0 auto; } } - -@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { - .landing-caption { - text-align: center; } - .navbar-menu .is-static { - position: absolute; - width: 100%; } - .navbar-menu .is-fixed { - position: fixed; - width: 100%; } - .navbar-menu .navbar-item { - text-align: center !important; } - .navbar-menu .navbar-item .signup-button { - width: 100% !important; } - .navbar-menu .navbar-link { - padding: 10px 20px !important; } - .pushed-image { - margin-top: 0 !important; } - .testimonial { - margin: 0 auto; } - .is-centered-tablet-portrait { - text-align: center !important; } - .is-centered-tablet-portrait .divider { - margin: 0 auto !important; } } - -section:focus { - outline: none !important; } - -button:focus, button:active { - outline: none; } - -#preloader { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #fff; - z-index: 99; } - -#status { - width: 200px; - height: 200px; - position: absolute; - left: 50%; - top: 50%; - background-image: url(../images/loaders/rings.svg); - background-size: 80px 80px; - background-repeat: no-repeat; - background-position: center; - margin: -100px 0 0 -100px; } - -#backtotop { - position: fixed; - right: 0; - opacity: 0; - visibility: hidden; - bottom: 25px; - margin: 0 25px 0 0; - z-index: 9999; - transition: 0.35s; - transform: scale(0.7); - transition: all 0.5s; } - -#backtotop.visible { - opacity: 1; - visibility: visible; - transform: scale(1); } - -#backtotop.visible a:hover { - outline: none; - opacity: 0.9; - background: #a47c42; } - -#backtotop a { - outline: none; - text-decoration: none; - border: 0 none; - display: block; - width: 46px; - height: 46px; - background-color: #a47c42; - opacity: 1; - transition: all 0.3s; - border-radius: 50%; - text-align: center; - font-size: 26px; } - -body #backtotop a { - outline: none; - color: #fff; } - -#backtotop a:after { - outline: none; - content: "\f106"; - font-family: "FontAwesome"; - position: relative; - display: block; - top: 50%; - -webkit-transform: translateY(-55%); - transform: translateY(-55%); } - -.is-disabled { - pointer-events: none; - opacity: 0.4; - cursor: default !important; } - -.is-hidden { - display: none !important; } - -.stuck { - position: fixed !important; - top: 0 !important; - z-index: 2 !important; } - -.light-text { - color: #fff !important; } - -.mb-20 { - margin-bottom: 20px; } - -.mb-40 { - margin-bottom: 40px; } - -.mb-60 { - margin-bottom: 60px; } - -.mt-20 { - margin-top: 20px; } - -.mt-40 { - margin-top: 40px; } - -.mt-50 { - margin-top: 50px; } - -.mt-60 { - margin-top: 60px; } - -.ml-30 { - margin-left: 30px; } - -.huge-pb { - padding-bottom: 100px; } - -.pb-20 { - padding-bottom: 20px !important; } - -.pb-40 { - padding-bottom: 40px !important; } - -::-webkit-input-placeholder { - /* Chrome/Opera/Safari */ - color: #cecece; } - -::-moz-placeholder { - /* Firefox 19+ */ - color: #cecece; } - -:-ms-input-placeholder { - /* IE 10+ */ - color: #cecece; } - -:-moz-placeholder { - /* Firefox 18- */ - color: #cecece; } - -ul.list-translations li { - display: inline-block; - margin-right: 10px; } - -ul.list-translations li:before { - content: "› "; } - -.navbar-translation > i { - font-size: 2em; } - -/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/resources/_gen/assets/sass/style.sass_5ad6f408b0e3e473c748aac88af0ea18.json b/resources/_gen/assets/sass/style.sass_5ad6f408b0e3e473c748aac88af0ea18.json deleted file mode 100644 index 28c014b..0000000 --- a/resources/_gen/assets/sass/style.sass_5ad6f408b0e3e473c748aac88af0ea18.json +++ /dev/null @@ -1 +0,0 @@ -{"Target":"css/style.css","MediaType":"text/css","Data":{}} \ No newline at end of file diff --git a/static/images/quotes/AlexandravanHuffelen.png b/static/images/quotes/AlexandravanHuffelen.png new file mode 100644 index 0000000..36a22f0 Binary files /dev/null and b/static/images/quotes/AlexandravanHuffelen.png differ diff --git a/static/images/quotes/StefanBrink.jpg b/static/images/quotes/StefanBrink.jpg new file mode 100644 index 0000000..63c8202 Binary files /dev/null and b/static/images/quotes/StefanBrink.jpg differ diff --git a/static/images/quotes/VolkerBrozio.png b/static/images/quotes/VolkerBrozio.png new file mode 100644 index 0000000..561ee70 Binary files /dev/null and b/static/images/quotes/VolkerBrozio.png differ diff --git a/static/images/quotes/WojciechWiewiórowski.jpg b/static/images/quotes/WojciechWiewiórowski.jpg new file mode 100644 index 0000000..765b601 Binary files /dev/null and b/static/images/quotes/WojciechWiewiórowski.jpg differ diff --git a/themes/hugo-fresh/assets/bulma/sass/layout/hero.sass b/themes/hugo-fresh/assets/bulma/sass/layout/hero.sass index be7a9d7..5dca129 100644 --- a/themes/hugo-fresh/assets/bulma/sass/layout/hero.sass +++ b/themes/hugo-fresh/assets/bulma/sass/layout/hero.sass @@ -7,149 +7,21 @@ justify-content: space-between .navbar background: none - .tabs - ul - border-bottom: none - // Colors - @each $name, $pair in $colors - $color: nth($pair, 1) - $color-invert: nth($pair, 2) - &.is-#{$name} - background-color: $color - color: $color-invert - a:not(.button):not(.dropdown-item):not(.tag), - strong - color: inherit - .title - color: $color-invert - .subtitle - color: rgba($color-invert, 0.9) - a:not(.button), - strong - color: $color-invert - .navbar-menu - +touch - background-color: $color - .navbar-item, - .navbar-link - color: rgba($color-invert, 0.7) - a.navbar-item, - .navbar-link - &:hover, - &.is-active - background-color: darken($color, 5%) - color: $color-invert - .tabs - a - color: $color-invert - opacity: 0.9 - &:hover - opacity: 1 - li - &.is-active a - opacity: 1 - &.is-boxed, - &.is-toggle - a - color: $color-invert - &:hover - background-color: rgba($black, 0.1) - li.is-active a - &, - &:hover - background-color: $color-invert - border-color: $color-invert - color: $color - // Modifiers - &.is-bold - $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%) - $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%) - background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%) - +mobile - .navbar-menu - background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%) - // Responsiveness - // +mobile - // .nav-toggle - // span - // background-color: $color-invert - // &:hover - // background-color: rgba($black, 0.1) - // &.is-active - // span - // background-color: $color-invert - // .nav-menu - // .nav-item - // border-top-color: rgba($color-invert, 0.2) - // Sizes - &.is-small - .hero-body - padding-bottom: 1.5rem - padding-top: 1.5rem - &.is-medium - +tablet - .hero-body - padding-bottom: 9rem - padding-top: 9rem - &.is-large - +tablet - .hero-body - padding-bottom: 18rem - padding-top: 18rem - &.is-halfheight, - &.is-fullheight - .hero-body - align-items: center - display: flex - & > .container - flex-grow: 1 - flex-shrink: 1 - &.is-halfheight - min-height: 50vh - &.is-fullheight - min-height: 100vh - -// Components - -.hero-video - +overlay - overflow: hidden - video - left: 50% - min-height: 100% - min-width: 100% - position: absolute - top: 50% - transform: translate3d(-50%, -50%, 0) - // Modifiers - &.is-transparent - opacity: 0.3 - // Responsiveness - +mobile - display: none - -.hero-buttons - margin-top: 1.5rem - // Responsiveness - +mobile - .button - display: flex - &:not(:last-child) - margin-bottom: 0.75rem - +tablet - display: flex - justify-content: center - .button:not(:last-child) - margin-right: 1.5rem - -// Containers - -.hero-head, -.hero-foot - flex-grow: 0 - flex-shrink: 0 .hero-body flex-grow: 1 flex-shrink: 0 padding: 3rem 1.5rem + + .buttons + margin-top: 1.5rem + display: flex; + justify-content: space-around + .button + margin: 0 + +.hero-body .title, +.hero-body .subtitle + text-align: center + + diff --git a/themes/hugo-fresh/assets/fresh/partials/_responsive.scss b/themes/hugo-fresh/assets/fresh/partials/_responsive.scss index 58e7864..8c737cf 100644 --- a/themes/hugo-fresh/assets/fresh/partials/_responsive.scss +++ b/themes/hugo-fresh/assets/fresh/partials/_responsive.scss @@ -36,9 +36,6 @@ Responsive Styles .pushed-image { margin-top: 0 !important; } - .testimonial { - margin: 0 auto; - } } @@ -68,13 +65,10 @@ Responsive Styles .pushed-image { margin-top: 0 !important; } - .testimonial { - margin: 0 auto; - } .is-centered-tablet-portrait { text-align: center !important; .divider { margin: 0 auto !important; } } -} \ No newline at end of file +} diff --git a/themes/hugo-fresh/assets/fresh/partials/_sections.scss b/themes/hugo-fresh/assets/fresh/partials/_sections.scss index 75808eb..39346f2 100644 --- a/themes/hugo-fresh/assets/fresh/partials/_sections.scss +++ b/themes/hugo-fresh/assets/fresh/partials/_sections.scss @@ -65,21 +65,13 @@ img.pushed-image { } //Icon box -.media.icon-box { - border-top: none !important; - .media-content .content p { - span { - display: block; - } - .icon-box-title { - color: $blue-grey; - font-size: 1.2rem; - font-weight: 600; - } - .icon-box-text { - color: $title-grey; - font-size: 1rem; - font-weight: 400; - } - } -} \ No newline at end of file +article .icon-box-title { + color: $blue-grey; + font-size: 1.2rem; + font-weight: 600; +} +article .icon-box-text { + color: $title-grey; + font-size: 1rem; + font-weight: 400; +} diff --git a/themes/hugo-fresh/assets/fresh/partials/_testimonials.scss b/themes/hugo-fresh/assets/fresh/partials/_testimonials.scss index 0ed4aa5..78a55a7 100644 --- a/themes/hugo-fresh/assets/fresh/partials/_testimonials.scss +++ b/themes/hugo-fresh/assets/fresh/partials/_testimonials.scss @@ -2,43 +2,48 @@ Testimonials Styles ========================================================================== */ +.row { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: start; +} + +.row > * { + flex-basis: calc(50% - 15px); + gap: 30px 10px; + margin: 10px auto; +} + .testimonial { - position: relative; - overflow: hidden; - margin: 10px auto; - min-width: 220px; - max-width: 310px; - width: 100%; + background-color: $smoke-white; color: #333; text-align: left; - box-shadow: none !important; - * { - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + border-radius: 8px; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) !important; + display: grid; + grid-template-areas: "face quote" ". author"; + padding: 30px 30px 30px 30px; + + * { box-sizing: border-box; } img { - max-width: 100%; - height: 80px; - width: 80px; + grid-area: face; + height: 100px; + width: 100px; + object-fit: cover; border-radius: 50%; - margin-right: 5px; display: block; - z-index: 1; - position: absolute; - right: 60%; + align-self: center; } blockquote { + grid-area: quote; margin: 0; - display: block; - border-radius: 8px; position: relative; - background-color: $smoke-white; - padding: 30px 50px 65px 50px; + padding: 0px 50px; font-size: 1.2rem; font-weight: 500; - margin: 0 0 -40px; line-height: 1.6em; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); + align-self: center; } blockquote:before, blockquote:after { font-family: 'FontAwesome'; @@ -49,41 +54,33 @@ Testimonials Styles font-style: normal; } blockquote:before { - top: 35px; + top: 10px; left: 20px; } blockquote:after { content: "\f10e"; right: 20px; - bottom: 35px; + bottom: 0px; } .author { + padding-left: 50px; + grid-area: author; margin: 0; - height: 80px; display: block; text-align: left; - color: $white; - padding: 0 35px; - position: relative; - z-index: 0; - h5, span { - position: absolute; - opacity: 0.8; - padding: 3px 5px; - } - h5 { - text-transform: capitalize; - bottom: 60%; - margin: 0; - font-weight: 600; - font-size: 1.2rem; - color: $blue-grey; - } - span { - font-size: 0.8em; - color: $white; - top: 50%; - } + font-size: 1.2rem; } } +@media screen and (max-width: 1024px) { + .row { flex-direction: column; } + .testimonial { + grid-template-areas: "quote quote" "face author"; + grid-template-columns: 100px 1fr; + + .author { + padding-left: 30px; + align-self: center; + } + } +} diff --git a/themes/hugo-fresh/layouts/index.html b/themes/hugo-fresh/layouts/index.html index 4fe4fc2..791e588 100644 --- a/themes/hugo-fresh/layouts/index.html +++ b/themes/hugo-fresh/layouts/index.html @@ -2,29 +2,11 @@ {{ partial "navbar.html" . }} {{ partial "hero-body.html" . }} - {{ if .Site.Params.section2 }} {{ partial "section2.html" . }} - {{ end }} - - {{ if .Site.Params.section1 }} {{ partial "section1.html" . }} - {{ end }} - - {{ if .Site.Params.section3 }} - {{ partial "section3.html" . }} - {{ end }} - - {{ if .Site.Params.section4 }} {{ partial "section4.html" . }} - {{ end }} - - {{ if .Site.Params.section6 }} {{ partial "section6.html" . }} - {{ end }} - - {{ if .Site.Params.footer }} {{ partial "footer.html" . }} - {{ end }}
diff --git a/themes/hugo-fresh/layouts/partials/hero-body.html b/themes/hugo-fresh/layouts/partials/hero-body.html index 325ad1d..a97583b 100644 --- a/themes/hugo-fresh/layouts/partials/hero-body.html +++ b/themes/hugo-fresh/layouts/partials/hero-body.html @@ -1,47 +1,41 @@ -{{- $hero := .Site.Params.hero }} -{{- $title := i18n (index $hero "title") }} -{{- $subtitle := i18n (index $hero "subtitle") }} -{{- $subtitle2 := i18n (index $hero "subtitle2") }} -{{- $subtitle3 := i18n (index $hero "subtitle3") }} -{{- $buttonText := i18n (index $hero "buttontext") }} -{{- $buttonLink := index $hero "buttonlink" }} -{{- $button1 := i18n (index $hero "button1") }} -{{- $button1Link := i18n (index $hero "button1link") }} -{{- $image := index $hero "image" }}
+

+ Comunicação federada nas instituições públicas +

+

+ Comunicar com o público com confiança e respeito +

+
-

- {{ $title }} -

- {{ with $subtitle }} -

- {{ . }} -

- {{ end }} -

- - {{ $buttonText }} - - - {{ $button1 }} - +

+ As instituições públicas usam maioritariamente plataformas + proprietárias como Twitter, Facebook, Instagram e Youtube. + + As empresas donas destas plataformas controlam quem as pode utilizar + e como podem ser utilizadas. + + Ao promover e utilizar estas serviços, as instituições públicas + acabam também por publicitar e incentivar a sua utilização. +
+
+ Queremos convencer as instituições públicas a repensar o seu uso das + redes sociais. Isto é possível com a transição gradual para soluções + federadas de Software Livre.

-

- {{ with $subtitle2 }} -

- {{ . }} - {{ end }} -

- {{ with $subtitle3 }} - {{ . }} -

- {{ end }} +
- Description +
diff --git a/themes/hugo-fresh/layouts/partials/hero.html b/themes/hugo-fresh/layouts/partials/hero.html deleted file mode 100644 index e69de29..0000000 diff --git a/themes/hugo-fresh/layouts/partials/section1.html b/themes/hugo-fresh/layouts/partials/section1.html index 74cdc35..29db2fa 100644 --- a/themes/hugo-fresh/layouts/partials/section1.html +++ b/themes/hugo-fresh/layouts/partials/section1.html @@ -1,36 +1,69 @@ -{{- $section1 := .Site.Params.section1 }} -{{- $title := i18n (index $section1 "title") }} -{{- $subtitle := i18n (index $section1 "subtitle") }} -{{- $tiles := index $section1 "tiles" }}
-

{{ $title }}

-

{{ $subtitle }}

+

Comunicação aberta no Fediverso

+

+ Um conjunto de serviços federados usados para publicação na web, alojamento de ficheiros, redes sociais, e microblogging. +

- {{- range $tiles }}
-
+
-

{{ i18n .title }}

+

Microblogging

- +
-

{{ i18n .text }}

+

Mastodon em vez de Twitter

+
+
+
+
+
+

Partilha de fotografias

+
+
+ +
+
+

Pixelfed em vez de Instagram

+
+
+ Começar +
+
+
+
+
+
+

Partilha de vídeos

+
+
+ +
+
+

Peertube em vez de Youtube

+
+
- {{- end }}
+

+ + Explorar o Fediverso + +

diff --git a/themes/hugo-fresh/layouts/partials/section2.html b/themes/hugo-fresh/layouts/partials/section2.html index 8c09602..03ac33f 100644 --- a/themes/hugo-fresh/layouts/partials/section2.html +++ b/themes/hugo-fresh/layouts/partials/section2.html @@ -1,7 +1,3 @@ -{{- $section2 := .Site.Params.section2 }} -{{- $title := i18n (index $section2 "title") }} -{{- $subtitle := i18n (index $section2 "subtitle") }} -{{- $features := index $section2 "features" }}
@@ -10,74 +6,49 @@
-
-
-
-
-
-

- Soberania - - A soberania digital procura a utilização independente e - auto-determinada de tecnologias digitais por parte do - estado, organizações e indivíduos. Soluções de Software - Livre descentralizadas dão-nos o direito de as usar, - estudar, distribuir e melhorar para qualquer objectivo. - Este é um ponto fundamental para a democracia numa - sociedade cada vez mais digital. - -

-
-
-
-
-
-
-

- Protecção de Dados - - As pessoas não devem ser forçadas a ceder os seus dados a - megacorporações só para poderem comunicar com instituições - públicas. A administração pública deve apoiar o público a - proteger os seus dados. - -

-
-
-
-
-
-
-
-
-

- Dinheiro público - - O dinheiro público deve ser usado para o benefício da - população e para cumprir as obrigações legais das - instituições públicas, e não para subsidiar modelos de - negócio duvidosos de provedores internacionais. - -

-
-
-
-
-
-
-

- Certeza legal - - É difícil de conciliar a utilização de redes sociais de - empresas gigantes tecnológicas com as leis de protecção de - dados. As instituições públicas têm o dever de garantir a - comunicação segura e legal das pessoas. - -

-
-
-
-
+
+
+

Soberania

+

+ A soberania digital procura a utilização independente e + auto-determinada de tecnologias digitais por parte do + estado, organizações e indivíduos. Soluções de Software + Livre descentralizadas dão-nos o direito de as usar, + estudar, distribuir e melhorar para qualquer objectivo. + Este é um ponto fundamental para a democracia numa + sociedade cada vez mais digital. +

+
+
+

Protecção de Dados

+

+ As pessoas não devem ser forçadas a ceder os seus dados a + megacorporações só para poderem comunicar com instituições + públicas. A administração pública deve apoiar o público a + proteger os seus dados. +

+
+
+
+
+

Dinheiro público

+

+ O dinheiro público deve ser usado para o benefício da + população e para cumprir as obrigações legais das + instituições públicas, e não para subsidiar modelos de + negócio duvidosos de provedores internacionais. +

+
+
+

Certeza legal

+

+ É difícil de conciliar a utilização de redes sociais de + empresas gigantes tecnológicas com as leis de protecção de + dados. As instituições públicas têm o dever de garantir a + comunicação segura e legal das pessoas. + +

+
diff --git a/themes/hugo-fresh/layouts/partials/section3.html b/themes/hugo-fresh/layouts/partials/section3.html deleted file mode 100644 index 2717ca7..0000000 --- a/themes/hugo-fresh/layouts/partials/section3.html +++ /dev/null @@ -1,28 +0,0 @@ -{{- $section3 := .Site.Params.section3 }} -{{- $title := i18n (index $section3 "title") }} -{{- $subtitle := i18n (index $section3 "subtitle") }} -{{- $image := index $section3 "image" }} -{{- $buttonText := i18n (index $section3 "buttontext") }} -{{- $buttonLink := index $section3 "buttonlink" }} -
-
-
-
-
- -
-
-
- -
-

{{ $title }}

-

{{ $subtitle }}

-
- -

- - {{ $buttonText }} - -

-
-
diff --git a/themes/hugo-fresh/layouts/partials/section4.html b/themes/hugo-fresh/layouts/partials/section4.html index 57ab334..634bd12 100644 --- a/themes/hugo-fresh/layouts/partials/section4.html +++ b/themes/hugo-fresh/layouts/partials/section4.html @@ -1,35 +1,50 @@ -{{- $section4 := .Site.Params.section4 }} -{{- $title := i18n (index $section4 "title") }} -{{- $subtitle := i18n (index $section4 "subtitle") }} -{{- $clients := index $section4 "clients" }}
-
-

{{ $title }}

- {{- with $subtitle }} -

{{ . }}

- {{- end }} +

Casos de sucesso na Europa

+

Instituições Europeias já comunicam com o público de forma soberana, sem publicidade e com foco na privacidade.

-
- {{- range $clients }} -
-
- -
- {{ i18n .quote }} -
-
-
{{ i18n .name }}
- {{ i18n .job }} -
-
-
+
+
+ +
+ Com o nosso novo perfil de Mastodon queremos mostrar que as redes sociais podem ser usadas de acordo com as leis de protecção de dados. +
+
+ Volker Brozio, Encarregado interino de protecção de dados de Berlim +
+
+
+ +
+ Com o lançamento piloto do EU Voice e EU Video, queremos oferecer redes sociais alternativas que prioritizem os indivíduos e o seu direito à privacidade e protecção de dados. +
+
+ Wojciech Wiewiórowski, Autoridade Europeia para a Proteção de Dados +
+
+
+
+
+ +
+ Na rede Mastodon, mantemos um diálogo digital activo sem entregar os nossos dados ou os dos utilizadores a uma empresa comercial que faz negócios com os dados pessoais. +
+
+ Stefan Brink, Encarregado de protecção de dados de Baden-Württemberg +
+
+
+ +
+ Queremos estimular alternativas públicas para que os valores como privacidade, transparência, e liberdade de escolha não sejam prejudicados por serviços privados. +
+
+ Alexandra van Huffelen, Secretária de Estado da Digitalização dos Países Baixos +
- {{- end }}
-
diff --git a/themes/hugo-fresh/layouts/partials/section5.html b/themes/hugo-fresh/layouts/partials/section5.html deleted file mode 100644 index e69de29..0000000 diff --git a/themes/hugo-fresh/layouts/partials/section6.html b/themes/hugo-fresh/layouts/partials/section6.html index 577b796..f3fa463 100644 --- a/themes/hugo-fresh/layouts/partials/section6.html +++ b/themes/hugo-fresh/layouts/partials/section6.html @@ -1,41 +1,26 @@ {{- $section6 := .Site.Params.section6 }} -{{- $title := i18n (index $section6 "title") }} -{{- $subtitle := i18n (index $section6 "subtitle") }} -{{- $image := index $section6 "image" }} {{- $text := i18n (index $section6 "text") }} -{{- $buttonText := i18n (index $section6 "buttontext") }} -{{- $buttonLink := index $section6 "buttonlink" }} {{- $mailto := i18n (index $section6 "mailto") }} -{{- $mailtext := i18n (index $section6 "mailtext") }} +{{- $subject := i18n "section6_subject" }}
- - -
-

{{ $title }}

-

{{ $subtitle }}

-
- -
-
-

- {{ $text | markdownify }} -

-
-

- - {{ $buttonText }} + + Alternativamente, envie um email