From ae9b736ca0d321deaef16f02d8b4c6a344005c69 Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Fri, 3 Feb 2023 20:53:02 +0100 Subject: [PATCH] chore: remplacement site static par des pages md --- public/pages/fiches.md | 3 + public/pages/home.md | 9 + static/fiches.html | 79 -- static/includes/_breadcrumb.html | 8 - static/includes/_footer.html | 26 - static/includes/_headerbar.html | 7 - static/includes/_links.html | 11 - static/includes/_sidebar.html | 16 - static/index.html | 52 - static/style.css | 1684 ------------------------------ 10 files changed, 12 insertions(+), 1883 deletions(-) create mode 100644 public/pages/fiches.md create mode 100644 public/pages/home.md delete mode 100644 static/fiches.html delete mode 100644 static/includes/_breadcrumb.html delete mode 100644 static/includes/_footer.html delete mode 100644 static/includes/_headerbar.html delete mode 100644 static/includes/_links.html delete mode 100644 static/includes/_sidebar.html delete mode 100644 static/index.html delete mode 100644 static/style.css diff --git a/public/pages/fiches.md b/public/pages/fiches.md new file mode 100644 index 0000000..b61ca15 --- /dev/null +++ b/public/pages/fiches.md @@ -0,0 +1,3 @@ +# Fiches à télécharger + +Vous pourrez trouver sur cette page les différentes fiches de Pélican à télécharger. \ No newline at end of file diff --git a/public/pages/home.md b/public/pages/home.md new file mode 100644 index 0000000..c6b36e8 --- /dev/null +++ b/public/pages/home.md @@ -0,0 +1,9 @@ +# Bienvenue sur le site de JDR + +Pélican est un système générique de jeu de rôle basé sur le système D100, ayant pour objectif de créer un système de jeu de rôle simple mais efficace, se basant sur les dés les plus générique d’un rôliste. Il ne s'agit cependant que d'une base de système, à partir de laquelle vous pourrez construire des systèmes adaptés à votre univers et vos concepts. + +Le système pélican à pour objectif de mettre en avant l'imagination et le RP plus que des règles complexes et un gameplay hyper peaufiné. Il vise à être simple à apprendre et à retenir, tout en offrant pas mal de cas de figure et possibilité. Il contient également des recommendation en terme de bienveillance envers les joueurs. + +Cette page vous donne accès au set de base et aux différents set de règle que j'ai fait pour mes différentes campagnes. + +Ce set de règle est fourni par [Kazhnuz](https://kazhnuz.space), avec certaines règles reprise des systèmes de mon groupe de JDR. Il est distribué sous la [Creative Common BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/). \ No newline at end of file diff --git a/static/fiches.html b/static/fiches.html deleted file mode 100644 index 8e2d640..0000000 --- a/static/fiches.html +++ /dev/null @@ -1,79 +0,0 @@ - - - - - - Pélican - Fiche de personnages - - - - - - - - - - -
- - -
- -
-
-

Retour

- -
-
Type de fiche
-
-
-
Fiche de personnage
-
- .ODT - .PDF -
-
-
-
Fiche de PNJ
-
- .ODT - .PDF -
-
-
-
Fiche de suiveurs
-
- .ODT - .PDF -
-
-
-
Fiche de créature
-
- .ODT - .PDF -
-
-
-
Fiche de véhicule
-
- .ODT - .PDF -
-
-
-
- -
- - - -
-
- -
- - - - - diff --git a/static/includes/_breadcrumb.html b/static/includes/_breadcrumb.html deleted file mode 100644 index de2f669..0000000 --- a/static/includes/_breadcrumb.html +++ /dev/null @@ -1,8 +0,0 @@ -
- -
diff --git a/static/includes/_footer.html b/static/includes/_footer.html deleted file mode 100644 index d45a27f..0000000 --- a/static/includes/_footer.html +++ /dev/null @@ -1,26 +0,0 @@ - diff --git a/static/includes/_headerbar.html b/static/includes/_headerbar.html deleted file mode 100644 index 71db607..0000000 --- a/static/includes/_headerbar.html +++ /dev/null @@ -1,7 +0,0 @@ -
-
- Retour -
- -

Pélican

-
diff --git a/static/includes/_links.html b/static/includes/_links.html deleted file mode 100644 index c7706f7..0000000 --- a/static/includes/_links.html +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/static/includes/_sidebar.html b/static/includes/_sidebar.html deleted file mode 100644 index d8b1881..0000000 --- a/static/includes/_sidebar.html +++ /dev/null @@ -1,16 +0,0 @@ -
-
-
-   Pélican -
-
- - Règles de bases - - - Fiches de personnages - -
-
- -
diff --git a/static/index.html b/static/index.html deleted file mode 100644 index 4a045b6..0000000 --- a/static/index.html +++ /dev/null @@ -1,52 +0,0 @@ - - - - - - Pélican JDR - - - - - - - - - -
- - -
- -
-
- - -
-
- Bienvenue sur la page d'accueil du système Pelican -
-
-

Pélican est un système générique de jeu de rôle basé sur le système D100, ayant pour objectif de créer un système de jeu de rôle simple mais efficace, se basant sur les dés les plus générique d’un rôliste. Il ne s’agit cependant que d’une base de système, à partir de laquelle vous pourrez construire des systèmes adaptés à votre univers et vos concepts..

- -

Pourquoi cette page ? Et bien, faisant un petit JDR avec mes amis, je me suis retrouvé comme beaucoup de MJ avec une situation qui peut être parfois casse-pied... Devoir gérer 300 versions du livre de règles différentes parce que le fichier .odt a été passé à plusieurs personnes, modifié sur le tas, etc.

- -

Étant particulièrement feinéant, j'ai commensé à me dire que toute possibilité de moins bosser étant la plus belle chose qui pouvait m'arriver. Du coup, voici le site de pélican !

- -

Cette page vous donne accès au set de base et aux différents set de règle que j'ai fait pour mes différentes campagnes.

-
-
- -
- - - -
-
- -
- - - - - diff --git a/static/style.css b/static/style.css deleted file mode 100644 index 7a3b638..0000000 --- a/static/style.css +++ /dev/null @@ -1,1684 +0,0 @@ -@charset "UTF-8"; -/* ------------------------------------------------- - BLUESKY SCSS - - Auteur : Kazhnuz - Licence : Creative Common BY-SA - - Version 3.2 - - Thème CSS basé sur Bootstrap et ForkAwesome - créé originellement pour mon blog personnel. - - CC BY-SA Kazhnuz -------------------------------------------------- */ -.text-blue { - color: #4e63c9; -} -.text-violet { - color: #ce4dcd; -} -.text-purple { - color: #7951c0; -} -.text-red { - color: #e33d22; -} -.text-orange { - color: #eb790a; -} -.text-green { - color: #75b82d; -} -.text-skyblue { - color: #42a0f3; -} -.text-dark { - color: #2D2D2D; -} -.text-light { - color: #eeeeec; -} -.text-turquoise { - color: #46bd9e; -} -.text-yellow { - color: #f6d32d; -} -.text-brown { - color: #986a44; -} -.text-grey { - color: #77767b; -} -.text-primary { - color: #7951c0; -} -.text-secondary { - color: #4e63c9; -} -.text-warning { - color: #eb790a; -} -.text-danger { - color: #e33d22; -} -.text-info { - color: #42a0f3; -} -.text-success { - color: #75b82d; -} - -.bg-blue { - background-color: #4e63c9 !important; - color: #FFF; -} -.bg-violet { - background-color: #ce4dcd !important; - color: #FFF; -} -.bg-purple { - background-color: #7951c0 !important; - color: #FFF; -} -.bg-red { - background-color: #e33d22 !important; - color: #FFF; -} -.bg-orange { - background-color: #eb790a !important; - color: #FFF; -} -.bg-green { - background-color: #75b82d !important; - color: #FFF; -} -.bg-skyblue { - background-color: #42a0f3 !important; - color: #FFF; -} -.bg-dark { - background-color: #2D2D2D !important; - color: #FFF; -} -.bg-light { - background-color: #eeeeec !important; - color: #000; -} -.bg-turquoise { - background-color: #46bd9e !important; - color: #FFF; -} -.bg-yellow { - background-color: #f6d32d !important; - color: #FFF; -} -.bg-brown { - background-color: #986a44 !important; - color: #FFF; -} -.bg-grey { - background-color: #77767b !important; - color: #FFF; -} -.bg-primary { - background-color: #7951c0 !important; - color: #FFF; -} -.bg-secondary { - background-color: #4e63c9 !important; - color: #FFF; -} -.bg-warning { - background-color: #eb790a !important; - color: #FFF; -} -.bg-danger { - background-color: #e33d22 !important; - color: #FFF; -} -.bg-info { - background-color: #42a0f3 !important; - color: #FFF; -} -.bg-success { - background-color: #75b82d !important; - color: #FFF; -} - -a, a:hover, a:active { - color: #4e63c9; -} - -::selection { - background-color: #4e63c9 !important; - color: #FFF; -} - -::-moz-selection { - background-color: #4e63c9 !important; - color: #FFF; -} - -mark { - background-color: #fcf2c0; -} - -blockquote, pre { - border-color: #7951c0; -} - -/* --- 01. DEFINITIONS --- */ -/* - * Les définitions globales de la stylesheet. - * Elle permette de rapidement modifier le style globale de la fiche en modifiant les éléments centraux - * D'autres définitions importantes sont visibles dans les autres parties de la fiche. - * - * Pour customiser les couleurs, voyez _palette.scss - */ -/* 01.1 - Commons elements */ -.no-pills { - list-style: none; -} - -.align-center { - text-align: center; -} -.align-left { - text-align: left; -} -.align-right { - text-align: right; -} - -h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 { - color: white; - text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); -} - -/* ------------------ FONT LOADING ------------------- */ -@font-face { - font-family: "OpenSans"; - src: url("../fonts/OpenSans-Light-webfont.eot"); - src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#open_sansbold") format("svg"); - font-weight: 300; - font-style: normal; -} -@font-face { - font-family: "OpenSans"; - src: url("../fonts/OpenSans-LightItalic-webfont.eot"); - src: url("../fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-LightItalic-webfont.svg#open_sansbold") format("svg"); - font-weight: 300; - font-style: italic; -} -@font-face { - font-family: "OpenSans"; - src: url("../fonts/OpenSans-Regular-webfont.eot"); - src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#open_sansbold") format("svg"); - font-weight: 400; - font-style: normal; -} -@font-face { - font-family: "OpenSans"; - src: url("../fonts/OpenSans-Italic-webfont.eot"); - src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#open_sansbold") format("svg"); - font-weight: 400; - font-style: italic; -} -@font-face { - font-family: "OpenSans"; - src: url("../fonts/OpenSans-Semibold-webfont.eot"); - src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#open_sansbold") format("svg"); - font-weight: 600; - font-style: normal; -} -@font-face { - font-family: "OpenSans"; - src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot"); - src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiboldItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-SemiboldItalic-webfont.svg#open_sansbold") format("svg"); - font-weight: 600; - font-style: italic; -} -@font-face { - font-family: "OpenSans"; - src: url("../fonts/OpenSans-Bold-webfont.eot"); - src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg"); - font-weight: 700; - font-style: normal; -} -@font-face { - font-family: "OpenSans"; - src: url("../fonts/OpenSans-BoldItalic-webfont.eot"); - src: url("../fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold") format("svg"); - font-weight: 700; - font-style: italic; -} -@font-face { - font-family: "OpenSans"; - src: url("../fonts/OpenSans-ExtraBold-webfont.eot"); - src: url("../fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBold-webfont.svg#open_sansbold") format("svg"); - font-weight: 800; - font-style: normal; -} -@font-face { - font-family: "OpenSans"; - src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot"); - src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold") format("svg"); - font-weight: 800; - font-style: italic; -} -/* ------------------ GLOBAL STYLE ------------------- */ -html { - font-family: OpenSans, sans-serif; - text-align: left; - font-size: 18px; -} - -body { - line-height: 1.5rem; - color: #444; - font-weight: 400; -} - -.night-mode { - color: #BBB; -} - -strong { - font-weight: 600; -} - -em { - font-style: italic; -} - -a { - color: #2484c1; - text-decoration: none; -} - -p { - padding: 0; - margin: 0; - margin-bottom: 1.5rem; -} -p:last-child { - margin-bottom: 0; -} - -ul { - padding: 0; - margin: 0; - margin-bottom: 1.5rem; -} -ul ul { - margin-bottom: 0; -} -ul li { - margin-left: 1.5rem; -} - -ol { - padding: 0; - margin: 0; - margin-bottom: 1.5rem; -} -ol ol { - margin-bottom: 0; -} -ol li { - margin-left: 1.5rem; -} - -::selection { - background: #2484c1; - color: #fff; -} - -::-moz-selection { - background: #2484c1; - color: #fff; -} - -/* ------------------ WRAPPERS ------------------- */ -.text-wrapper { - width: 720px; - margin: auto; -} - -/* ------------------ TITLES ------------------- */ -h1, h2, h3, h4, h5, h6, h7 { - text-align: left; - font-size: 1em; - line-height: 1.5em; - padding: 0; - margin: 0; - font-weight: 400; -} - -h1 { - font-size: 2.3333333rem; - line-height: 3rem; - margin-bottom: 1.5rem; - font-weight: 700; -} - -h2 { - font-size: 2rem; - line-height: 3rem; - margin-bottom: 1.5rem; - font-weight: 700; -} - -h3 { - font-size: 1.5rem; - line-height: 1.5rem; - margin-bottom: 1.5rem; - font-weight: 700; -} - -h4 { - font-size: 1.5rem; - line-height: 1.5rem; - margin-bottom: 1.5rem; - font-weight: 600; -} - -h5 { - font-size: 1.333333rem; - line-height: 1.5rem; - margin-bottom: 1.5rem; - font-weight: 600; -} - -h6 { - font-size: 1.1rem; - line-height: 1.5rem; - margin-bottom: 1.5rem; - font-weight: 600; -} - -/* ------------------ HR ------------------- */ -hr { - border-top: 0px; - border-left: 0px; - border-right: 0px; - border-bottom: 1px; - border-color: rgba(1, 1, 1, 0.15); - border-style: solid; - margin-bottom: 1.5rem; -} - -/* ------------------ QUOTE ------------------- */ -blockquote { - border-width: 0 0 0 0.2em; - border-style: solid; - border-radius: 3px; - margin: 0; - margin-bottom: 1.5rem; - padding: 0.75rem; - max-width: 100%; - border-color: rgba(1, 1, 1, 0.15); -} -.night-mode blockquote { - border-color: rgba(255, 255, 255, 0.15); -} - -pre { - border-width: 0 0 0 0.2em; - border-style: solid; - border-radius: 3px; - margin: 0; - margin-bottom: 1.5rem; - padding: 0.75rem; - max-width: 100%; - border-color: rgba(1, 1, 1, 0.2); - background-color: #EEE; -} -.night-mode pre { - background-color: #222; - border-color: rgba(255, 255, 255, 0.2); -} - -/* ------------------ SPECIAL STYLING ------------------- */ -mark { - border-radius: 0.2em; - padding: 0 0.2em 0 0.2em; - background-color: rgba(255, 255, 0, 0.33); - color: inherit; -} - -.night-mode mark { - background-color: rgba(128, 128, 0, 0.66); -} - -/* ------------------ SPECIAL STYLING ------------------- */ -.time { - font-style: italic; - text-align: right; - width: 100%; - display: block; -} - -/* --- 02. GLOBAL ELEMENTS --- */ -/* - * Le style des "grandes parties". - * Cela permet de définir les différents éléments qui composeront la page totale - * - */ -/* 02.1 - Wrapper et page totale */ -#wrapper { - background-image: url("img/header.png"), url("img/back2.png"), url("img/back_alt.png"); - /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */ - background-attachment: scroll, scroll, scroll; - background-position: top center, top center, top center; - background-repeat: no-repeat, repeat-y, repeat; - padding-left: 2.25rem; - padding-right: 2.25rem; -} -@media (min-width: 1300pxpx) { - #wrapper { - padding-left: 4.5rem; - padding-right: 4.5rem; - } -} - -/* Alt background for smaller screen */ -@media screen and (max-width: 1199px) { - #wrapper { - background-image: url("img/header_small.png"), url("img/back2_small.png"), url("img/back_alt.png"); - /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */ - background-attachment: scroll, scroll, scroll; - background-position: top center, top center, top center; - background-repeat: no-repeat, repeat-y, repeat; - } -} -#global-area { - max-width: 1600px; - margin: auto; -} -@media (min-width: 1200px) { - #global-area { - display: grid; - grid-template-rows: auto; - row-gap: 1.5rem; - column-gap: 3rem; - } -} -#global-area.index-layout { - grid-template-columns: auto 300px; - grid-template-areas: "main sidebar"; -} - -/* 02.1 - Header */ -#page-header { - max-width: 1600px; - margin: auto; -} - -header h1 { - border-style: none !important; - color: #FFF; - font-weight: 700; - font-size: 5.4rem; - font-style: oblique; - padding-bottom: 0px; - margin: auto; - text-align: center; - line-height: 7.5rem; - margin-bottom: 1.5rem; -} - -.navbar { - box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); - border: 2px solid rgba(0, 0, 0, 0.3); - border-left: 0; - border-right: 0; -} -.navbar ul { - padding-bottom: 0; -} -.navbar li { - margin: 0; -} -.navbar.navbar-transparent { - border: none; - box-shadow: none; - background-color: transparent; -} - -.dropdown-menu { - box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); -} - -/* 02.2 - Main Area */ -#page-main { - max-width: 100%; -} - -/* 02.3 - Footer */ -#page-footer { - margin-top: 1.5rem; - max-width: 1600px; - margin: auto; - padding-left: 4.5rem; - padding-right: 4.5rem; -} - -/* social media */ -ul.social { - font-size: 1.5em; - padding: 0; - margin: auto; - margin-bottom: 1.5rem; - text-align: center; -} -ul.social li { - margin: 0; - list-style: none; - display: inline; -} -ul.social li a { - color: #FFFFFF; - background-color: #000000; - padding: 0.3em; - padding-left: 0.36em; - padding-right: 0.36em; - vertical-align: middle; - border-radius: 100%; -} -ul.social li a:hover { - color: #000; - background-color: #FFF; -} - -/* --- 1x. DESSINS DES COMPOSANTS --- */ -/* - * La liste des différents réutilisable de la fiche. - * Ne suit qu'une liste d'élément à réutiliser, ce fichier ne doit être modifié - * que par l'ajout d'un nouveau fichier dans components/ - */ -/* 10.1 - Cards */ -.card { - border-radius: 5px 5px 5px 5px; - box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); - border: none; - margin-bottom: 1.5rem; - background-color: transparent; -} -.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card h7, .card h8, .card h9, .card h10 { - color: #333; - text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -} -.card-blue > .card-header, .card-blue > .card-footer { - background-color: #4e63c9 !important; - color: #FFF; - border-color: #354aaf; - box-shadow: inset 0px 0px 0px 2px #7585d5; -} -.card-blue.card-colored > .card-body { - background-color: #4e63c9 !important; - color: #FFF; - border-color: #354aaf; - box-shadow: inset 0px 0px 0px 2px #7585d5; -} -.card-violet > .card-header, .card-violet > .card-footer { - background-color: #ce4dcd !important; - color: #FFF; - border-color: #b632b5; - box-shadow: inset 0px 0px 0px 2px #d975d8; -} -.card-violet.card-colored > .card-body { - background-color: #ce4dcd !important; - color: #FFF; - border-color: #b632b5; - box-shadow: inset 0px 0px 0px 2px #d975d8; -} -.card-purple > .card-header, .card-purple > .card-footer { - background-color: #7951c0 !important; - color: #FFF; - border-color: #603ba3; - box-shadow: inset 0px 0px 0px 2px #9676ce; -} -.card-purple.card-colored > .card-body { - background-color: #7951c0 !important; - color: #FFF; - border-color: #603ba3; - box-shadow: inset 0px 0px 0px 2px #9676ce; -} -.card-red > .card-header, .card-red > .card-footer { - background-color: #e33d22 !important; - color: #FFF; - border-color: #ba2e18; - box-shadow: inset 0px 0px 0px 2px #e9654f; -} -.card-red.card-colored > .card-body { - background-color: #e33d22 !important; - color: #FFF; - border-color: #ba2e18; - box-shadow: inset 0px 0px 0px 2px #e9654f; -} -.card-orange > .card-header, .card-orange > .card-footer { - background-color: #eb790a !important; - color: #FFF; - border-color: #ba6008; - box-shadow: inset 0px 0px 0px 2px #f69332; -} -.card-orange.card-colored > .card-body { - background-color: #eb790a !important; - color: #FFF; - border-color: #ba6008; - box-shadow: inset 0px 0px 0px 2px #f69332; -} -.card-green > .card-header, .card-green > .card-footer { - background-color: #75b82d !important; - color: #FFF; - border-color: #5b8f23; - box-shadow: inset 0px 0px 0px 2px #8fd246; -} -.card-green.card-colored > .card-body { - background-color: #75b82d !important; - color: #FFF; - border-color: #5b8f23; - box-shadow: inset 0px 0px 0px 2px #8fd246; -} -.card-skyblue > .card-header, .card-skyblue > .card-footer { - background-color: #42a0f3 !important; - color: #FFF; - border-color: #1288f0; - box-shadow: inset 0px 0px 0px 2px #72b8f6; -} -.card-skyblue.card-colored > .card-body { - background-color: #42a0f3 !important; - color: #FFF; - border-color: #1288f0; - box-shadow: inset 0px 0px 0px 2px #72b8f6; -} -.card-dark > .card-header, .card-dark > .card-footer { - background-color: #2D2D2D !important; - color: #FFF; - border-color: #141414; - box-shadow: inset 0px 0px 0px 2px #474747; -} -.card-dark.card-colored > .card-body { - background-color: #2D2D2D !important; - color: #FFF; - border-color: #141414; - box-shadow: inset 0px 0px 0px 2px #474747; -} -.card-light > .card-header, .card-light > .card-footer { - background-color: #eeeeec !important; - color: #000; - border-color: #d6d6d1; - box-shadow: inset 0px 0px 0px 2px white; -} -.card-light.card-colored > .card-body { - background-color: #eeeeec !important; - color: #000; - border-color: #d6d6d1; - box-shadow: inset 0px 0px 0px 2px white; -} -.card-turquoise > .card-header, .card-turquoise > .card-footer { - background-color: #46bd9e !important; - color: #FFF; - border-color: #379980; - box-shadow: inset 0px 0px 0px 2px #6ccab2; -} -.card-turquoise.card-colored > .card-body { - background-color: #46bd9e !important; - color: #FFF; - border-color: #379980; - box-shadow: inset 0px 0px 0px 2px #6ccab2; -} -.card-yellow > .card-header, .card-yellow > .card-footer { - background-color: #f6d32d !important; - color: #FFF; - border-color: #e6c00a; - box-shadow: inset 0px 0px 0px 2px #f8dd5e; -} -.card-yellow.card-colored > .card-body { - background-color: #f6d32d !important; - color: #FFF; - border-color: #e6c00a; - box-shadow: inset 0px 0px 0px 2px #f8dd5e; -} -.card-brown > .card-header, .card-brown > .card-footer { - background-color: #986a44 !important; - color: #FFF; - border-color: #755134; - box-shadow: inset 0px 0px 0px 2px #b5835a; -} -.card-brown.card-colored > .card-body { - background-color: #986a44 !important; - color: #FFF; - border-color: #755134; - box-shadow: inset 0px 0px 0px 2px #b5835a; -} -.card-grey > .card-header, .card-grey > .card-footer { - background-color: #77767b !important; - color: #FFF; - border-color: #5e5d61; - box-shadow: inset 0px 0px 0px 2px #919094; -} -.card-grey.card-colored > .card-body { - background-color: #77767b !important; - color: #FFF; - border-color: #5e5d61; - box-shadow: inset 0px 0px 0px 2px #919094; -} -.card-primary > .card-header, .card-primary > .card-footer { - background-color: #7951c0 !important; - color: #FFF; - border-color: #603ba3; - box-shadow: inset 0px 0px 0px 2px #9676ce; -} -.card-primary.card-colored > .card-body { - background-color: #7951c0 !important; - color: #FFF; - border-color: #603ba3; - box-shadow: inset 0px 0px 0px 2px #9676ce; -} -.card-secondary > .card-header, .card-secondary > .card-footer { - background-color: #4e63c9 !important; - color: #FFF; - border-color: #354aaf; - box-shadow: inset 0px 0px 0px 2px #7585d5; -} -.card-secondary.card-colored > .card-body { - background-color: #4e63c9 !important; - color: #FFF; - border-color: #354aaf; - box-shadow: inset 0px 0px 0px 2px #7585d5; -} -.card-warning > .card-header, .card-warning > .card-footer { - background-color: #eb790a !important; - color: #FFF; - border-color: #ba6008; - box-shadow: inset 0px 0px 0px 2px #f69332; -} -.card-warning.card-colored > .card-body { - background-color: #eb790a !important; - color: #FFF; - border-color: #ba6008; - box-shadow: inset 0px 0px 0px 2px #f69332; -} -.card-danger > .card-header, .card-danger > .card-footer { - background-color: #e33d22 !important; - color: #FFF; - border-color: #ba2e18; - box-shadow: inset 0px 0px 0px 2px #e9654f; -} -.card-danger.card-colored > .card-body { - background-color: #e33d22 !important; - color: #FFF; - border-color: #ba2e18; - box-shadow: inset 0px 0px 0px 2px #e9654f; -} -.card-info > .card-header, .card-info > .card-footer { - background-color: #42a0f3 !important; - color: #FFF; - border-color: #1288f0; - box-shadow: inset 0px 0px 0px 2px #72b8f6; -} -.card-info.card-colored > .card-body { - background-color: #42a0f3 !important; - color: #FFF; - border-color: #1288f0; - box-shadow: inset 0px 0px 0px 2px #72b8f6; -} -.card-success > .card-header, .card-success > .card-footer { - background-color: #75b82d !important; - color: #FFF; - border-color: #5b8f23; - box-shadow: inset 0px 0px 0px 2px #8fd246; -} -.card-success.card-colored > .card-body { - background-color: #75b82d !important; - color: #FFF; - border-color: #5b8f23; - box-shadow: inset 0px 0px 0px 2px #8fd246; -} - -.card-body { - border: 2px solid rgba(0, 0, 0, 0.3); - border-top-width: 0; - border-bottom-width: 0; - background-color: #eeeeec; - border-color: #d6d6d1; - box-shadow: inset 0px 0px 0px 2px white; -} -.card-body:first-child { - border-top-width: 2px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -.card-body:last-child { - border-bottom-width: 2px; - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; -} -.card-body:only-child { - border-top-width: 2px; - border-bottom-width: 2px; - border-radius: 5px 5px 5px 5px; -} - -/* 10.1.1 - Headers */ -.card-header, .card-footer { - border: 2px solid rgba(0, 0, 0, 0.3); - border-top-width: 0; - border-bottom-width: 0; - background-color: #eeeeec; - border-color: #d6d6d1; - box-shadow: inset 0px 0px 0px 2px white; - border: 2px solid rgba(0, 0, 0, 0.3); - font-size: 1.1em; - text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); - font-weight: 600; - border-radius: 0; -} -.card-header:first-child, .card-footer:first-child { - border-top-width: 2px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -.card-header:last-child, .card-footer:last-child { - border-bottom-width: 2px; - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; -} -.card-header:only-child, .card-footer:only-child { - border-top-width: 2px; - border-bottom-width: 2px; - border-radius: 5px 5px 5px 5px; -} -.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .card-header h7, .card-header h8, .card-header h9, .card-header h10, .card-footer h1, .card-footer h2, .card-footer h3, .card-footer h4, .card-footer h5, .card-footer h6, .card-footer h7, .card-footer h8, .card-footer h9, .card-footer h10 { - font-size: 1em; - text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); - padding: 0px; - margin: 0px; - color: #FFF; - font-weight: 600; - line-height: 1.5em; -} - -/* 10.1.2 - Meta */ -.card-meta { - padding: 1em; - border: 2px solid rgba(0, 0, 0, 0.3); - border-top-width: 0; - border-bottom-width: 0; - background-color: #eeeeec; - border-color: #d6d6d1; - box-shadow: inset 0px 0px 0px 2px white; - border-bottom: 2px solid rgba(0, 0, 0, 0.2); -} -.card-meta:first-child { - border-top-width: 2px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -.card-meta:last-child { - border-bottom-width: 2px; - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; -} -.card-meta:only-child { - border-top-width: 2px; - border-bottom-width: 2px; - border-radius: 5px 5px 5px 5px; -} -.card-meta.media { - -ms-flex-align: center !important; - align-items: center !important; -} -.card-meta .media-left .media-object { - height: 64px; - width: 64px; - border-radius: 10px; - margin-right: 1.5rem; -} -.card-meta author { - display: block; - font-weight: 600; -} -.card-meta time { - display: block; - font-style: italic; -} - -/* 10.1.3 - Lists */ -.list-group { - border: 2px solid rgba(0, 0, 0, 0.3); - border-top-width: 0; - border-bottom-width: 0; - background-color: #eeeeec; - border-color: #d6d6d1; - box-shadow: inset 0px 0px 0px 2px white; -} -.list-group:first-child { - border-top-width: 2px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -.list-group:last-child { - border-bottom-width: 2px; - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; -} -.list-group:only-child { - border-top-width: 2px; - border-bottom-width: 2px; - border-radius: 5px 5px 5px 5px; -} - -.list-group-item { - border: none; - background-color: transparent; -} - -a.list-group-item:hover { - border-style: none; - border-width: 0px; - border-radius: 0px; - background-color: rgba(0, 0, 0, 0.1); -} - -/* 10.2 - Breadcrumb */ -.breadcrumb { - border: 2px solid rgba(0, 0, 0, 0.3); - border-radius: 5px 5px 5px 5px; - box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); - border: none; - margin-bottom: 1.5rem; - background-color: transparent; - background-color: #eeeeec; - border-color: #d6d6d1; - box-shadow: inset 0px 0px 0px 2px white; - border-style: solid; - border-style: solid; -} -.breadcrumb li { - margin: 0; -} - -/* 10.3 - Alerts */ -.alert { - border: 2px solid rgba(0, 0, 0, 0.3); - border-radius: 5px 5px 5px 5px; - box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); - border: none; - margin-bottom: 1.5rem; - background-color: transparent; - background-color: #eeeeec; - border-color: #d6d6d1; - box-shadow: inset 0px 0px 0px 2px white; - border-style: solid; - color: rgba(0, 0, 0, 0.7); - border-style: solid; -} -.alert-blue { - background-color: #4e63c9 !important; - color: #FFF; - border-color: #354aaf; - box-shadow: inset 0px 0px 0px 2px #7585d5; -} -.alert-violet { - background-color: #ce4dcd !important; - color: #FFF; - border-color: #b632b5; - box-shadow: inset 0px 0px 0px 2px #d975d8; -} -.alert-purple { - background-color: #7951c0 !important; - color: #FFF; - border-color: #603ba3; - box-shadow: inset 0px 0px 0px 2px #9676ce; -} -.alert-red { - background-color: #e33d22 !important; - color: #FFF; - border-color: #ba2e18; - box-shadow: inset 0px 0px 0px 2px #e9654f; -} -.alert-orange { - background-color: #eb790a !important; - color: #FFF; - border-color: #ba6008; - box-shadow: inset 0px 0px 0px 2px #f69332; -} -.alert-green { - background-color: #75b82d !important; - color: #FFF; - border-color: #5b8f23; - box-shadow: inset 0px 0px 0px 2px #8fd246; -} -.alert-skyblue { - background-color: #42a0f3 !important; - color: #FFF; - border-color: #1288f0; - box-shadow: inset 0px 0px 0px 2px #72b8f6; -} -.alert-dark { - background-color: #2D2D2D !important; - color: #FFF; - border-color: #141414; - box-shadow: inset 0px 0px 0px 2px #474747; -} -.alert-light { - background-color: #eeeeec !important; - color: #2D2D2D; - border-color: #d6d6d1; - box-shadow: inset 0px 0px 0px 2px white; -} -.alert-turquoise { - background-color: #46bd9e !important; - color: #FFF; - border-color: #379980; - box-shadow: inset 0px 0px 0px 2px #6ccab2; -} -.alert-yellow { - background-color: #f6d32d !important; - color: #FFF; - border-color: #e6c00a; - box-shadow: inset 0px 0px 0px 2px #f8dd5e; -} -.alert-brown { - background-color: #986a44 !important; - color: #FFF; - border-color: #755134; - box-shadow: inset 0px 0px 0px 2px #b5835a; -} -.alert-grey { - background-color: #77767b !important; - color: #FFF; - border-color: #5e5d61; - box-shadow: inset 0px 0px 0px 2px #919094; -} -.alert-primary { - background-color: #7951c0 !important; - color: #FFF; - border-color: #603ba3; - box-shadow: inset 0px 0px 0px 2px #9676ce; -} -.alert-secondary { - background-color: #4e63c9 !important; - color: #FFF; - border-color: #354aaf; - box-shadow: inset 0px 0px 0px 2px #7585d5; -} -.alert-warning { - background-color: #eb790a !important; - color: #FFF; - border-color: #ba6008; - box-shadow: inset 0px 0px 0px 2px #f69332; -} -.alert-danger { - background-color: #e33d22 !important; - color: #FFF; - border-color: #ba2e18; - box-shadow: inset 0px 0px 0px 2px #e9654f; -} -.alert-info { - background-color: #42a0f3 !important; - color: #FFF; - border-color: #1288f0; - box-shadow: inset 0px 0px 0px 2px #72b8f6; -} -.alert-success { - background-color: #75b82d !important; - color: #FFF; - border-color: #5b8f23; - box-shadow: inset 0px 0px 0px 2px #8fd246; -} - -.btn { - border: 2px solid rgba(0, 0, 0, 0.3); - border-radius: 5px 5px 5px 5px; - text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.3); -} -.btn:hover { - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.3); - border: 2px solid rgba(0, 0, 0, 0.3); - border-radius: 5px 5px 5px 5px; - text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); -} -.btn:focus { - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 0px 0px 2px rgba(0, 0, 0, 0.3) !important; - outline: none; -} -.btn:active { - box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.3); - border: 2px solid rgba(0, 0, 0, 0.3); - border-radius: 5px 5px 5px 5px; - text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); -} -.btn:active:focus { - box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 0px 0px 2px rgba(0, 0, 0, 0.3) !important; - outline: none; -} -.btn-blue { - background-color: #4e63c9 !important; - color: #FFF; -} -.btn-blue:hover, .btn-blue:active, .btn-blue:focus, a:hover > .btn-blue, a:active > .btn-blue, a:focus > .btn-blue, .btn-blue:not(.disabled):not(:disabled):hover, .btn-blue:not(.disabled):not(:disabled):active, .btn-blue:not(.disabled):not(:disabled):focus, a:hover > .btn-blue:not(.disabled):not(:disabled), a:active > .btn-blue:not(.disabled):not(:disabled), a:focus > .btn-blue:not(.disabled):not(:disabled) { - background-color: #7585d5 !important; - color: #FFF; -} -.btn-violet { - background-color: #ce4dcd !important; - color: #FFF; -} -.btn-violet:hover, .btn-violet:active, .btn-violet:focus, a:hover > .btn-violet, a:active > .btn-violet, a:focus > .btn-violet, .btn-violet:not(.disabled):not(:disabled):hover, .btn-violet:not(.disabled):not(:disabled):active, .btn-violet:not(.disabled):not(:disabled):focus, a:hover > .btn-violet:not(.disabled):not(:disabled), a:active > .btn-violet:not(.disabled):not(:disabled), a:focus > .btn-violet:not(.disabled):not(:disabled) { - background-color: #d975d8 !important; - color: #FFF; -} -.btn-purple { - background-color: #7951c0 !important; - color: #FFF; -} -.btn-purple:hover, .btn-purple:active, .btn-purple:focus, a:hover > .btn-purple, a:active > .btn-purple, a:focus > .btn-purple, .btn-purple:not(.disabled):not(:disabled):hover, .btn-purple:not(.disabled):not(:disabled):active, .btn-purple:not(.disabled):not(:disabled):focus, a:hover > .btn-purple:not(.disabled):not(:disabled), a:active > .btn-purple:not(.disabled):not(:disabled), a:focus > .btn-purple:not(.disabled):not(:disabled) { - background-color: #9676ce !important; - color: #FFF; -} -.btn-red { - background-color: #e33d22 !important; - color: #FFF; -} -.btn-red:hover, .btn-red:active, .btn-red:focus, a:hover > .btn-red, a:active > .btn-red, a:focus > .btn-red, .btn-red:not(.disabled):not(:disabled):hover, .btn-red:not(.disabled):not(:disabled):active, .btn-red:not(.disabled):not(:disabled):focus, a:hover > .btn-red:not(.disabled):not(:disabled), a:active > .btn-red:not(.disabled):not(:disabled), a:focus > .btn-red:not(.disabled):not(:disabled) { - background-color: #e9654f !important; - color: #FFF; -} -.btn-orange { - background-color: #eb790a !important; - color: #FFF; -} -.btn-orange:hover, .btn-orange:active, .btn-orange:focus, a:hover > .btn-orange, a:active > .btn-orange, a:focus > .btn-orange, .btn-orange:not(.disabled):not(:disabled):hover, .btn-orange:not(.disabled):not(:disabled):active, .btn-orange:not(.disabled):not(:disabled):focus, a:hover > .btn-orange:not(.disabled):not(:disabled), a:active > .btn-orange:not(.disabled):not(:disabled), a:focus > .btn-orange:not(.disabled):not(:disabled) { - background-color: #f69332 !important; - color: #FFF; -} -.btn-green { - background-color: #75b82d !important; - color: #FFF; -} -.btn-green:hover, .btn-green:active, .btn-green:focus, a:hover > .btn-green, a:active > .btn-green, a:focus > .btn-green, .btn-green:not(.disabled):not(:disabled):hover, .btn-green:not(.disabled):not(:disabled):active, .btn-green:not(.disabled):not(:disabled):focus, a:hover > .btn-green:not(.disabled):not(:disabled), a:active > .btn-green:not(.disabled):not(:disabled), a:focus > .btn-green:not(.disabled):not(:disabled) { - background-color: #8fd246 !important; - color: #FFF; -} -.btn-skyblue { - background-color: #42a0f3 !important; - color: #FFF; -} -.btn-skyblue:hover, .btn-skyblue:active, .btn-skyblue:focus, a:hover > .btn-skyblue, a:active > .btn-skyblue, a:focus > .btn-skyblue, .btn-skyblue:not(.disabled):not(:disabled):hover, .btn-skyblue:not(.disabled):not(:disabled):active, .btn-skyblue:not(.disabled):not(:disabled):focus, a:hover > .btn-skyblue:not(.disabled):not(:disabled), a:active > .btn-skyblue:not(.disabled):not(:disabled), a:focus > .btn-skyblue:not(.disabled):not(:disabled) { - background-color: #72b8f6 !important; - color: #FFF; -} -.btn-dark { - background-color: #2D2D2D !important; - color: #FFF; -} -.btn-dark:hover, .btn-dark:active, .btn-dark:focus, a:hover > .btn-dark, a:active > .btn-dark, a:focus > .btn-dark, .btn-dark:not(.disabled):not(:disabled):hover, .btn-dark:not(.disabled):not(:disabled):active, .btn-dark:not(.disabled):not(:disabled):focus, a:hover > .btn-dark:not(.disabled):not(:disabled), a:active > .btn-dark:not(.disabled):not(:disabled), a:focus > .btn-dark:not(.disabled):not(:disabled) { - background-color: #474747 !important; - color: #FFF; -} -.btn-light { - background-color: #eeeeec !important; - color: #000; -} -.btn-light:hover, .btn-light:active, .btn-light:focus, a:hover > .btn-light, a:active > .btn-light, a:focus > .btn-light, .btn-light:not(.disabled):not(:disabled):hover, .btn-light:not(.disabled):not(:disabled):active, .btn-light:not(.disabled):not(:disabled):focus, a:hover > .btn-light:not(.disabled):not(:disabled), a:active > .btn-light:not(.disabled):not(:disabled), a:focus > .btn-light:not(.disabled):not(:disabled) { - background-color: white !important; - color: #000; -} -.btn-turquoise { - background-color: #46bd9e !important; - color: #FFF; -} -.btn-turquoise:hover, .btn-turquoise:active, .btn-turquoise:focus, a:hover > .btn-turquoise, a:active > .btn-turquoise, a:focus > .btn-turquoise, .btn-turquoise:not(.disabled):not(:disabled):hover, .btn-turquoise:not(.disabled):not(:disabled):active, .btn-turquoise:not(.disabled):not(:disabled):focus, a:hover > .btn-turquoise:not(.disabled):not(:disabled), a:active > .btn-turquoise:not(.disabled):not(:disabled), a:focus > .btn-turquoise:not(.disabled):not(:disabled) { - background-color: #6ccab2 !important; - color: #FFF; -} -.btn-yellow { - background-color: #f6d32d !important; - color: #FFF; -} -.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus, a:hover > .btn-yellow, a:active > .btn-yellow, a:focus > .btn-yellow, .btn-yellow:not(.disabled):not(:disabled):hover, .btn-yellow:not(.disabled):not(:disabled):active, .btn-yellow:not(.disabled):not(:disabled):focus, a:hover > .btn-yellow:not(.disabled):not(:disabled), a:active > .btn-yellow:not(.disabled):not(:disabled), a:focus > .btn-yellow:not(.disabled):not(:disabled) { - background-color: #f8dd5e !important; - color: #000; -} -.btn-brown { - background-color: #986a44 !important; - color: #FFF; -} -.btn-brown:hover, .btn-brown:active, .btn-brown:focus, a:hover > .btn-brown, a:active > .btn-brown, a:focus > .btn-brown, .btn-brown:not(.disabled):not(:disabled):hover, .btn-brown:not(.disabled):not(:disabled):active, .btn-brown:not(.disabled):not(:disabled):focus, a:hover > .btn-brown:not(.disabled):not(:disabled), a:active > .btn-brown:not(.disabled):not(:disabled), a:focus > .btn-brown:not(.disabled):not(:disabled) { - background-color: #b5835a !important; - color: #FFF; -} -.btn-grey { - background-color: #77767b !important; - color: #FFF; -} -.btn-grey:hover, .btn-grey:active, .btn-grey:focus, a:hover > .btn-grey, a:active > .btn-grey, a:focus > .btn-grey, .btn-grey:not(.disabled):not(:disabled):hover, .btn-grey:not(.disabled):not(:disabled):active, .btn-grey:not(.disabled):not(:disabled):focus, a:hover > .btn-grey:not(.disabled):not(:disabled), a:active > .btn-grey:not(.disabled):not(:disabled), a:focus > .btn-grey:not(.disabled):not(:disabled) { - background-color: #919094 !important; - color: #FFF; -} -.btn-primary { - background-color: #7951c0 !important; - color: #FFF; -} -.btn-primary:hover, .btn-primary:active, .btn-primary:focus, a:hover > .btn-primary, a:active > .btn-primary, a:focus > .btn-primary, .btn-primary:not(.disabled):not(:disabled):hover, .btn-primary:not(.disabled):not(:disabled):active, .btn-primary:not(.disabled):not(:disabled):focus, a:hover > .btn-primary:not(.disabled):not(:disabled), a:active > .btn-primary:not(.disabled):not(:disabled), a:focus > .btn-primary:not(.disabled):not(:disabled) { - background-color: #9676ce !important; - color: #FFF; -} -.btn-secondary { - background-color: #4e63c9 !important; - color: #FFF; -} -.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, a:hover > .btn-secondary, a:active > .btn-secondary, a:focus > .btn-secondary, .btn-secondary:not(.disabled):not(:disabled):hover, .btn-secondary:not(.disabled):not(:disabled):active, .btn-secondary:not(.disabled):not(:disabled):focus, a:hover > .btn-secondary:not(.disabled):not(:disabled), a:active > .btn-secondary:not(.disabled):not(:disabled), a:focus > .btn-secondary:not(.disabled):not(:disabled) { - background-color: #7585d5 !important; - color: #FFF; -} -.btn-warning { - background-color: #eb790a !important; - color: #FFF; -} -.btn-warning:hover, .btn-warning:active, .btn-warning:focus, a:hover > .btn-warning, a:active > .btn-warning, a:focus > .btn-warning, .btn-warning:not(.disabled):not(:disabled):hover, .btn-warning:not(.disabled):not(:disabled):active, .btn-warning:not(.disabled):not(:disabled):focus, a:hover > .btn-warning:not(.disabled):not(:disabled), a:active > .btn-warning:not(.disabled):not(:disabled), a:focus > .btn-warning:not(.disabled):not(:disabled) { - background-color: #f69332 !important; - color: #FFF; -} -.btn-danger { - background-color: #e33d22 !important; - color: #FFF; -} -.btn-danger:hover, .btn-danger:active, .btn-danger:focus, a:hover > .btn-danger, a:active > .btn-danger, a:focus > .btn-danger, .btn-danger:not(.disabled):not(:disabled):hover, .btn-danger:not(.disabled):not(:disabled):active, .btn-danger:not(.disabled):not(:disabled):focus, a:hover > .btn-danger:not(.disabled):not(:disabled), a:active > .btn-danger:not(.disabled):not(:disabled), a:focus > .btn-danger:not(.disabled):not(:disabled) { - background-color: #e9654f !important; - color: #FFF; -} -.btn-info { - background-color: #42a0f3 !important; - color: #FFF; -} -.btn-info:hover, .btn-info:active, .btn-info:focus, a:hover > .btn-info, a:active > .btn-info, a:focus > .btn-info, .btn-info:not(.disabled):not(:disabled):hover, .btn-info:not(.disabled):not(:disabled):active, .btn-info:not(.disabled):not(:disabled):focus, a:hover > .btn-info:not(.disabled):not(:disabled), a:active > .btn-info:not(.disabled):not(:disabled), a:focus > .btn-info:not(.disabled):not(:disabled) { - background-color: #72b8f6 !important; - color: #FFF; -} -.btn-success { - background-color: #75b82d !important; - color: #FFF; -} -.btn-success:hover, .btn-success:active, .btn-success:focus, a:hover > .btn-success, a:active > .btn-success, a:focus > .btn-success, .btn-success:not(.disabled):not(:disabled):hover, .btn-success:not(.disabled):not(:disabled):active, .btn-success:not(.disabled):not(:disabled):focus, a:hover > .btn-success:not(.disabled):not(:disabled), a:active > .btn-success:not(.disabled):not(:disabled), a:focus > .btn-success:not(.disabled):not(:disabled) { - background-color: #8fd246 !important; - color: #FFF; -} - -.btn-group { - box-shadow: none; -} - -.btn-group .btn { - border-radius: 5px 5px 5px 5px; -} -.btn-group .btn:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.btn-group .btn:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -/* 11.2 - Badges */ -.badge { - font-weight: 400; -} -.badge-blue { - background-color: #4e63c9 !important; - color: #FFF; -} -.badge-blue:hover, .badge-blue:active, .badge-blue:focus, a:hover > .badge-blue, a:active > .badge-blue, a:focus > .badge-blue, .badge-blue:not(.disabled):not(:disabled):hover, .badge-blue:not(.disabled):not(:disabled):active, .badge-blue:not(.disabled):not(:disabled):focus, a:hover > .badge-blue:not(.disabled):not(:disabled), a:active > .badge-blue:not(.disabled):not(:disabled), a:focus > .badge-blue:not(.disabled):not(:disabled) { - background-color: #7585d5 !important; - color: #FFF; -} -.badge-violet { - background-color: #ce4dcd !important; - color: #FFF; -} -.badge-violet:hover, .badge-violet:active, .badge-violet:focus, a:hover > .badge-violet, a:active > .badge-violet, a:focus > .badge-violet, .badge-violet:not(.disabled):not(:disabled):hover, .badge-violet:not(.disabled):not(:disabled):active, .badge-violet:not(.disabled):not(:disabled):focus, a:hover > .badge-violet:not(.disabled):not(:disabled), a:active > .badge-violet:not(.disabled):not(:disabled), a:focus > .badge-violet:not(.disabled):not(:disabled) { - background-color: #d975d8 !important; - color: #FFF; -} -.badge-purple { - background-color: #7951c0 !important; - color: #FFF; -} -.badge-purple:hover, .badge-purple:active, .badge-purple:focus, a:hover > .badge-purple, a:active > .badge-purple, a:focus > .badge-purple, .badge-purple:not(.disabled):not(:disabled):hover, .badge-purple:not(.disabled):not(:disabled):active, .badge-purple:not(.disabled):not(:disabled):focus, a:hover > .badge-purple:not(.disabled):not(:disabled), a:active > .badge-purple:not(.disabled):not(:disabled), a:focus > .badge-purple:not(.disabled):not(:disabled) { - background-color: #9676ce !important; - color: #FFF; -} -.badge-red { - background-color: #e33d22 !important; - color: #FFF; -} -.badge-red:hover, .badge-red:active, .badge-red:focus, a:hover > .badge-red, a:active > .badge-red, a:focus > .badge-red, .badge-red:not(.disabled):not(:disabled):hover, .badge-red:not(.disabled):not(:disabled):active, .badge-red:not(.disabled):not(:disabled):focus, a:hover > .badge-red:not(.disabled):not(:disabled), a:active > .badge-red:not(.disabled):not(:disabled), a:focus > .badge-red:not(.disabled):not(:disabled) { - background-color: #e9654f !important; - color: #FFF; -} -.badge-orange { - background-color: #eb790a !important; - color: #FFF; -} -.badge-orange:hover, .badge-orange:active, .badge-orange:focus, a:hover > .badge-orange, a:active > .badge-orange, a:focus > .badge-orange, .badge-orange:not(.disabled):not(:disabled):hover, .badge-orange:not(.disabled):not(:disabled):active, .badge-orange:not(.disabled):not(:disabled):focus, a:hover > .badge-orange:not(.disabled):not(:disabled), a:active > .badge-orange:not(.disabled):not(:disabled), a:focus > .badge-orange:not(.disabled):not(:disabled) { - background-color: #f69332 !important; - color: #FFF; -} -.badge-green { - background-color: #75b82d !important; - color: #FFF; -} -.badge-green:hover, .badge-green:active, .badge-green:focus, a:hover > .badge-green, a:active > .badge-green, a:focus > .badge-green, .badge-green:not(.disabled):not(:disabled):hover, .badge-green:not(.disabled):not(:disabled):active, .badge-green:not(.disabled):not(:disabled):focus, a:hover > .badge-green:not(.disabled):not(:disabled), a:active > .badge-green:not(.disabled):not(:disabled), a:focus > .badge-green:not(.disabled):not(:disabled) { - background-color: #8fd246 !important; - color: #FFF; -} -.badge-skyblue { - background-color: #42a0f3 !important; - color: #FFF; -} -.badge-skyblue:hover, .badge-skyblue:active, .badge-skyblue:focus, a:hover > .badge-skyblue, a:active > .badge-skyblue, a:focus > .badge-skyblue, .badge-skyblue:not(.disabled):not(:disabled):hover, .badge-skyblue:not(.disabled):not(:disabled):active, .badge-skyblue:not(.disabled):not(:disabled):focus, a:hover > .badge-skyblue:not(.disabled):not(:disabled), a:active > .badge-skyblue:not(.disabled):not(:disabled), a:focus > .badge-skyblue:not(.disabled):not(:disabled) { - background-color: #72b8f6 !important; - color: #FFF; -} -.badge-dark { - background-color: #2D2D2D !important; - color: #FFF; -} -.badge-dark:hover, .badge-dark:active, .badge-dark:focus, a:hover > .badge-dark, a:active > .badge-dark, a:focus > .badge-dark, .badge-dark:not(.disabled):not(:disabled):hover, .badge-dark:not(.disabled):not(:disabled):active, .badge-dark:not(.disabled):not(:disabled):focus, a:hover > .badge-dark:not(.disabled):not(:disabled), a:active > .badge-dark:not(.disabled):not(:disabled), a:focus > .badge-dark:not(.disabled):not(:disabled) { - background-color: #474747 !important; - color: #FFF; -} -.badge-light { - background-color: #eeeeec !important; - color: #000; -} -.badge-light:hover, .badge-light:active, .badge-light:focus, a:hover > .badge-light, a:active > .badge-light, a:focus > .badge-light, .badge-light:not(.disabled):not(:disabled):hover, .badge-light:not(.disabled):not(:disabled):active, .badge-light:not(.disabled):not(:disabled):focus, a:hover > .badge-light:not(.disabled):not(:disabled), a:active > .badge-light:not(.disabled):not(:disabled), a:focus > .badge-light:not(.disabled):not(:disabled) { - background-color: white !important; - color: #000; -} -.badge-turquoise { - background-color: #46bd9e !important; - color: #FFF; -} -.badge-turquoise:hover, .badge-turquoise:active, .badge-turquoise:focus, a:hover > .badge-turquoise, a:active > .badge-turquoise, a:focus > .badge-turquoise, .badge-turquoise:not(.disabled):not(:disabled):hover, .badge-turquoise:not(.disabled):not(:disabled):active, .badge-turquoise:not(.disabled):not(:disabled):focus, a:hover > .badge-turquoise:not(.disabled):not(:disabled), a:active > .badge-turquoise:not(.disabled):not(:disabled), a:focus > .badge-turquoise:not(.disabled):not(:disabled) { - background-color: #6ccab2 !important; - color: #FFF; -} -.badge-yellow { - background-color: #f6d32d !important; - color: #FFF; -} -.badge-yellow:hover, .badge-yellow:active, .badge-yellow:focus, a:hover > .badge-yellow, a:active > .badge-yellow, a:focus > .badge-yellow, .badge-yellow:not(.disabled):not(:disabled):hover, .badge-yellow:not(.disabled):not(:disabled):active, .badge-yellow:not(.disabled):not(:disabled):focus, a:hover > .badge-yellow:not(.disabled):not(:disabled), a:active > .badge-yellow:not(.disabled):not(:disabled), a:focus > .badge-yellow:not(.disabled):not(:disabled) { - background-color: #f8dd5e !important; - color: #000; -} -.badge-brown { - background-color: #986a44 !important; - color: #FFF; -} -.badge-brown:hover, .badge-brown:active, .badge-brown:focus, a:hover > .badge-brown, a:active > .badge-brown, a:focus > .badge-brown, .badge-brown:not(.disabled):not(:disabled):hover, .badge-brown:not(.disabled):not(:disabled):active, .badge-brown:not(.disabled):not(:disabled):focus, a:hover > .badge-brown:not(.disabled):not(:disabled), a:active > .badge-brown:not(.disabled):not(:disabled), a:focus > .badge-brown:not(.disabled):not(:disabled) { - background-color: #b5835a !important; - color: #FFF; -} -.badge-grey { - background-color: #77767b !important; - color: #FFF; -} -.badge-grey:hover, .badge-grey:active, .badge-grey:focus, a:hover > .badge-grey, a:active > .badge-grey, a:focus > .badge-grey, .badge-grey:not(.disabled):not(:disabled):hover, .badge-grey:not(.disabled):not(:disabled):active, .badge-grey:not(.disabled):not(:disabled):focus, a:hover > .badge-grey:not(.disabled):not(:disabled), a:active > .badge-grey:not(.disabled):not(:disabled), a:focus > .badge-grey:not(.disabled):not(:disabled) { - background-color: #919094 !important; - color: #FFF; -} -.badge-primary { - background-color: #7951c0 !important; - color: #FFF; -} -.badge-primary:hover, .badge-primary:active, .badge-primary:focus, a:hover > .badge-primary, a:active > .badge-primary, a:focus > .badge-primary, .badge-primary:not(.disabled):not(:disabled):hover, .badge-primary:not(.disabled):not(:disabled):active, .badge-primary:not(.disabled):not(:disabled):focus, a:hover > .badge-primary:not(.disabled):not(:disabled), a:active > .badge-primary:not(.disabled):not(:disabled), a:focus > .badge-primary:not(.disabled):not(:disabled) { - background-color: #9676ce !important; - color: #FFF; -} -.badge-secondary { - background-color: #4e63c9 !important; - color: #FFF; -} -.badge-secondary:hover, .badge-secondary:active, .badge-secondary:focus, a:hover > .badge-secondary, a:active > .badge-secondary, a:focus > .badge-secondary, .badge-secondary:not(.disabled):not(:disabled):hover, .badge-secondary:not(.disabled):not(:disabled):active, .badge-secondary:not(.disabled):not(:disabled):focus, a:hover > .badge-secondary:not(.disabled):not(:disabled), a:active > .badge-secondary:not(.disabled):not(:disabled), a:focus > .badge-secondary:not(.disabled):not(:disabled) { - background-color: #7585d5 !important; - color: #FFF; -} -.badge-warning { - background-color: #eb790a !important; - color: #FFF; -} -.badge-warning:hover, .badge-warning:active, .badge-warning:focus, a:hover > .badge-warning, a:active > .badge-warning, a:focus > .badge-warning, .badge-warning:not(.disabled):not(:disabled):hover, .badge-warning:not(.disabled):not(:disabled):active, .badge-warning:not(.disabled):not(:disabled):focus, a:hover > .badge-warning:not(.disabled):not(:disabled), a:active > .badge-warning:not(.disabled):not(:disabled), a:focus > .badge-warning:not(.disabled):not(:disabled) { - background-color: #f69332 !important; - color: #FFF; -} -.badge-danger { - background-color: #e33d22 !important; - color: #FFF; -} -.badge-danger:hover, .badge-danger:active, .badge-danger:focus, a:hover > .badge-danger, a:active > .badge-danger, a:focus > .badge-danger, .badge-danger:not(.disabled):not(:disabled):hover, .badge-danger:not(.disabled):not(:disabled):active, .badge-danger:not(.disabled):not(:disabled):focus, a:hover > .badge-danger:not(.disabled):not(:disabled), a:active > .badge-danger:not(.disabled):not(:disabled), a:focus > .badge-danger:not(.disabled):not(:disabled) { - background-color: #e9654f !important; - color: #FFF; -} -.badge-info { - background-color: #42a0f3 !important; - color: #FFF; -} -.badge-info:hover, .badge-info:active, .badge-info:focus, a:hover > .badge-info, a:active > .badge-info, a:focus > .badge-info, .badge-info:not(.disabled):not(:disabled):hover, .badge-info:not(.disabled):not(:disabled):active, .badge-info:not(.disabled):not(:disabled):focus, a:hover > .badge-info:not(.disabled):not(:disabled), a:active > .badge-info:not(.disabled):not(:disabled), a:focus > .badge-info:not(.disabled):not(:disabled) { - background-color: #72b8f6 !important; - color: #FFF; -} -.badge-success { - background-color: #75b82d !important; - color: #FFF; -} -.badge-success:hover, .badge-success:active, .badge-success:focus, a:hover > .badge-success, a:active > .badge-success, a:focus > .badge-success, .badge-success:not(.disabled):not(:disabled):hover, .badge-success:not(.disabled):not(:disabled):active, .badge-success:not(.disabled):not(:disabled):focus, a:hover > .badge-success:not(.disabled):not(:disabled), a:active > .badge-success:not(.disabled):not(:disabled), a:focus > .badge-success:not(.disabled):not(:disabled) { - background-color: #8fd246 !important; - color: #FFF; -} - -/* 11.3 - Réseaux sociaux */ -.share-buttons { - margin-top: 1.5rem; - margin-bottom: 1.5rem; -} - -.reagir { - text-align: right; -} - -.btn-facebook { - background-color: #3B5998 !important; - color: #FFF; -} -.btn-facebook:hover, .btn-facebook:active, .btn-facebook:focus, a:hover > .btn-facebook, a:active > .btn-facebook, a:focus > .btn-facebook, .btn-facebook:not(.disabled):not(:disabled):hover, .btn-facebook:not(.disabled):not(:disabled):active, .btn-facebook:not(.disabled):not(:disabled):focus, a:hover > .btn-facebook:not(.disabled):not(:disabled), a:active > .btn-facebook:not(.disabled):not(:disabled), a:focus > .btn-facebook:not(.disabled):not(:disabled) { - background-color: #4c70ba !important; - color: #FFF; -} -.btn-twitter { - background-color: #55ACEE !important; - color: #FFF; -} -.btn-twitter:hover, .btn-twitter:active, .btn-twitter:focus, a:hover > .btn-twitter, a:active > .btn-twitter, a:focus > .btn-twitter, .btn-twitter:not(.disabled):not(:disabled):hover, .btn-twitter:not(.disabled):not(:disabled):active, .btn-twitter:not(.disabled):not(:disabled):focus, a:hover > .btn-twitter:not(.disabled):not(:disabled), a:active > .btn-twitter:not(.disabled):not(:disabled), a:focus > .btn-twitter:not(.disabled):not(:disabled) { - background-color: #83c3f3 !important; - color: #FFF; -} -.btn-googleplus { - background-color: #d34836 !important; - color: #FFF; -} -.btn-googleplus:hover, .btn-googleplus:active, .btn-googleplus:focus, a:hover > .btn-googleplus, a:active > .btn-googleplus, a:focus > .btn-googleplus, .btn-googleplus:not(.disabled):not(:disabled):hover, .btn-googleplus:not(.disabled):not(:disabled):active, .btn-googleplus:not(.disabled):not(:disabled):focus, a:hover > .btn-googleplus:not(.disabled):not(:disabled), a:active > .btn-googleplus:not(.disabled):not(:disabled), a:focus > .btn-googleplus:not(.disabled):not(:disabled) { - background-color: #dc6e60 !important; - color: #FFF; -} -.btn-diaspora { - background-color: #313739 !important; - color: #FFF; -} -.btn-diaspora:hover, .btn-diaspora:active, .btn-diaspora:focus, a:hover > .btn-diaspora, a:active > .btn-diaspora, a:focus > .btn-diaspora, .btn-diaspora:not(.disabled):not(:disabled):hover, .btn-diaspora:not(.disabled):not(:disabled):active, .btn-diaspora:not(.disabled):not(:disabled):focus, a:hover > .btn-diaspora:not(.disabled):not(:disabled), a:active > .btn-diaspora:not(.disabled):not(:disabled), a:focus > .btn-diaspora:not(.disabled):not(:disabled) { - background-color: #495154 !important; - color: #FFF; -} -.btn-mastodon { - background-color: #282c37 !important; - color: #FFF; -} -.btn-mastodon:hover, .btn-mastodon:active, .btn-mastodon:focus, a:hover > .btn-mastodon, a:active > .btn-mastodon, a:focus > .btn-mastodon, .btn-mastodon:not(.disabled):not(:disabled):hover, .btn-mastodon:not(.disabled):not(:disabled):active, .btn-mastodon:not(.disabled):not(:disabled):focus, a:hover > .btn-mastodon:not(.disabled):not(:disabled), a:active > .btn-mastodon:not(.disabled):not(:disabled), a:focus > .btn-mastodon:not(.disabled):not(:disabled) { - background-color: #3d4455 !important; - color: #FFF; -} - -@media (min-width: 768px) { - .previews-section { - display: grid; - grid-template-columns: auto auto; - grid-template-rows: auto; - grid-gap: 1.5rem; - padding-bottom: 1.5rem; - } -} -@media (min-width: 1600px) { - .previews-section { - grid-template-columns: auto auto auto; - } -} - -.preview-container { - width: 100%; -} - -.card-preview { - border-radius: 5px 5px 5px 5px; - width: 100%; - margin: auto; - box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px -2px 0px rgba(0, 0, 0, 0.2); - margin-bottom: 1.5rem; -} -@media (min-width: 992px) { - .card-preview { - margin-bottom: 0; - } -} - -.preview-link:hover { - text-decoration: none !important; -} - -.preview-item { - height: 200px; - overflow: hidden; - font-size: 0.9em; - line-height: 1.5em !important; - padding: 0.2em; - text-align: justify; - background-color: #eeeeec; - color: rgba(0, 0, 0, 0.4); - position: relative; - display: flex; - -ms-flex-align: center !important; - align-items: center !important; - justify-content: center; -} - -.preview-content { - max-height: 200px; -} -.preview-content > p { - width: 100%; - margin: auto; -} -.preview-content > p.p-img { - text-align: center; - margin: auto; - padding: auto; - display: block; - width: 100%; -} -.preview-content > p > img { - max-width: 100%; - height: auto; - vertical-align: middle; - margin: auto; - text-align: center; -} - -.preview-item h1, .preview-item h2, .preview-item h3, .preview-item h4, .preview-item h5, .preview-item h6, .preview-item h7 { - margin-bottom: 0px; - max-width: 100%; - display: none; -} - -.preview-item h1 { - display: none; -} - -.preview-overlay { - height: 100%; - width: 100%; - opacity: 0; - top: 0; - left: 0; - position: absolute; - padding: 0; - transition: opacity 0.5s; - color: #FFF; - background-color: rgba(0, 0, 0, 0.5); - text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7); - backdrop-filter: none; -} -.preview-overlay h1 { - max-width: 100%; - padding-top: 0.3em; - margin: auto; - margin-bottom: 0px; - text-align: center; - display: block; - font-size: 2em; - color: white; -} - -.preview-overlay h1, .preview-overlay h2, .preview-overlay h3, .preview-overlay h4, .preview-overlay h5, .preview-overlay h6, .preview-overlay h7, .preview-overlay h8, .preview-overlay h9, .preview-overlay h10 { - color: white; - text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7); -} - -.preview-item:hover .preview-overlay { - opacity: 0.9; - transition: opacity 0.5s; - backdrop-filter: blur(2px); -} - -.comment-text { - margin-top: 0.8em; -} - -.card-preview time { - margin-bottom: 0.4em; - display: block; -} - -/*# sourceMappingURL=style.css.map */