diff --git a/components/header.php b/components/header.php index 0f8aa08..dde2a5d 100755 --- a/components/header.php +++ b/components/header.php @@ -17,12 +17,10 @@ - - - - + + templateCss() ?> pluginsCss() ?> @@ -36,7 +34,7 @@
- +
@@ -44,5 +42,3 @@

Kazhnuz

- - diff --git a/css/kspace-design.css b/css/kspace-design.css deleted file mode 100755 index 27c2c5e..0000000 --- a/css/kspace-design.css +++ /dev/null @@ -1,1119 +0,0 @@ -/* -------------------------------------------------- - ERRATUM DESIGN - -Thème CSS basé sur Bootstrap, FontAwesome et ClearTypography -créé pour le site de Dreieacht et du projet Erratum. - -CC BY-SA Kazhnuz -------------------------------------------------- -*/ - -html { -max-width:100%; -} - -/* GENERALITE */ - -@media (min-width:1200px) { - .container { - width:1170px; - } - body { - font-size:4mm; - } -} - -/* - -@media (min-width:1900px) { - .container { - width:1400px; - } - body { - font-size:4.78mm; - } -} - -*/ - -#site { - background-image: url("../images/header.png"), url("../images/back2.png"), url("../images/back.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 ; -} - -a { - color:#3e2c70; - font-weight:bold; -} - -/* Fixes to make bootstrap more responsive*/ - - -p { -margin: 0 0 1em; -} - -.list-group-item { -padding:0.7em 1em; -} - -/* Alt background for smaller screen */ - -@media screen and (max-width: 1199px) { - #site { - background-image: url("../images/header_small.png"), url("../images/back2_small.png"), url("../images/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 ; -} -} - -.center-it { - text-align:center; -} - - -/* HEADER */ - -#logo { - height:auto; - width:870px; - max-width:100%; - margin:auto; - text-align:center; -} - -h1.logotype { - -border-bottom:0px; - -} - -#usermainmenu { - font-size:1.15em; - text-align:right; -} - -#usermainmenu ul { - padding:0.5em; - margin-top:0.25em; - display:inline-block; - border-radius:0.5em; - background-color:rgba(0,0,0,0.3); -} - -#usermainmenu ul li { - padding:0.4em; - display:inline; -} - -#usermainmenu ul li a { - color:white; -} - -#usermainmenu ul li a:hover { - text-decoration:none; -} - -/* ## NAVBARS */ - -/* ### Positionnement */ - -.navbar-top { -border-style:solid; -border-top:0px; -border-left:0px; -border-right:0px; -border-bottom:2px solid; -border-radius:0px; -} - -.navbar-bottom { -border-style:solid; -border-top:2px solid; -border-left:0px; -border-right:0px; -border-bottom:2px solid; -border-radius:0px; -} - -/* ### Navbar-Colors */ - -.navbar-default { -color: #aaaaaa; -background-color: #eeeeee; -border-color: #d5d5d5; -box-shadow: 0px 2px 0px 0px #aaaaaa, inset 0px -2px 0px 0px #ffffff; -background-image: url("../images/navbar/default.png"); -background-repeat:repeat-x; -background-position: top center; -text-shadow: 2px 2px #d5d5d5; -} - -.navbar-inverse { -color: #fff; -background-color: #7154c6; -border-color: #5639ac; -box-shadow: 0px 2px 0px 0px #452e8a, inset 0px -2px 0px 0px #8971d0; -background-image: url("../images/navbar/primary.png"); -background-repeat:repeat-x; -background-position: top center; -text-shadow: 2px 2px rgba(0,0,0,0.2); -} - -.navbar-primary { -color: #fff; -background-color: #7154c6; -border-color: #5639ac; -box-shadow: 0px 2px 0px 0px #452e8a, inset 0px -2px 0px 0px #8971d0; -background-image: url("../images/navbar/primary.png"); -background-repeat:repeat-x; -background-position: top center; -text-shadow: 2px 2px rgba(0,0,0,0.2); -} - -.navbar-danger { -color: #fff; -background-color: #e86a17; -border-color: #cd5d12; -box-shadow: 0px 2px 0px 0px #aa4e11, inset 0px -2px 0px 0px #fa8132; -background-image: url("../images/navbar/danger.png"); -background-repeat:repeat-x; -background-position: top center; -text-shadow: 2px 2px rgba(0,0,0,0.2); -} - -.navbar-warning { -color: #fff; -background-color: #ffcc00; -border-color: #cda400; -box-shadow: 0px 2px 0px 0px #a88600, inset 0px -2px 0px 0px #ffd948; -background-image: url("../images/navbar/warning.png"); -background-repeat:repeat-x; -background-position: top center; -text-shadow: 2px 2px rgba(0,0,0,0.2); -} - -.navbar-info { -color: #fff; -background-color: #1ea7e1; -border-color: #1989b8; -box-shadow: 0px 2px 0px 0px #166e93, inset 0px -2px 0px 0px #35baf3; -background-image: url("../images/navbar/info.png"); -background-repeat:repeat-x; -background-position: top center; -text-shadow: 2px 2px rgba(0,0,0,0.2); -} - -.navbar-success { -color: #fff; -background-color: #73cd4b; -border-color: #5fb13a; -box-shadow: 0px 2px 0px 0px #47832c, inset 0px -2px 0px 0px #88e060; -background-image: url("../images/navbar/success.png"); -background-repeat:repeat-x; -background-position: top center; -text-shadow: 2px 2px rgba(0,0,0,0.2); -} - -.navbar-inverse .navbar-nav li a -{ -color:#FFF; -} - -.navbar-inverse .navbar-nav li a:hover -{ -color:#FFF; -text-shadow: 1px 1px rgba(0,0,0,0.2); -position:relative; -top:1px; -left:1px; -} - -.navbar-inverse .navbar-nav li a:active -{ -color:#FFF; -text-shadow: 0px 0px transparent; -position:relative; -top:2px; -left:2px; -} - -.navbar-inverse .navbar-nav li a:link -{ -color:#FFF; -} - -.navbar-inverse .navbar-nav li a:visited -{ -color:#FFF; -} - -.navbar-inverse .navbar-nav li.dropdown.open -{ -background-color:transparent; -} - -.navbar-inverse .navbar-toggle { - border-color: transparent; - border-style: none; - text-shadow: 2px 2px rgba(0,0,0,0.2); -} - -.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { - border-color: transparent; - border-style: none; - border-width: 2px; -} - -.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { - background-color: transparent; -} - -.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { -background-color:transparent; -color:#FFF; -} - -.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar- .navbar-nav > .open > a:focus { -background-color:transparent; -color:#FFF; -} - -.navbar-brand { - color:#FFF!important; -} - -.dropdown-menu > li > a { -color:#000!important; -text-shadow: none; -} - -/* PANELS */ - -.badge-danger { -background-color:#D9534F; -} - -.panel { -background-color: #eeeeee; -box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px white; -border-color: #999999; -border-style: solid; -border-width: 2px; -margin: 0em; -margin-bottom: 3em; -border-radius:4px; -} - -.panel-default { -background-color: #eeeeee; -box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px white; -border-color: #999999; -border-style: solid; -border-width: 2px; -margin: 0em; -margin-bottom: 3em; -} - -.panel-primary { -background-color: #7b60ca; -box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #8971d0; -border-color: #5639ac; -border-style: solid; -border-width: 2px; -margin: 0em; -margin-bottom: 3em; -color:#FFF; -text-shadow: 1px 1px #5639ac; -} - -.panel-success { -background-color: #7dd655; -box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #88e060; -border-color: #5fb13a; -border-style: solid; -border-width: 2px; -margin: 0em; -margin-bottom: 3em; -color:#FFF; -text-shadow: 1px 1px #5fb13a; -} - -.panel-danger { -background-color: #f17524; -box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #fa8132; -border-color: #cd5d12; -border-style: solid; -border-width: 2px; -margin: 0em; -margin-bottom: 3em; -color:#FFF; -text-shadow: 1px 1px #cd5d12; -} - -.panel-warning { -background-color: #ffd224; -box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #ffd948; -border-color: #cda400; -border-style: solid; -border-width: 2px; -margin: 0em; -margin-bottom: 3em; -color:#FFF; -text-shadow: 1px 1px #cda400; -} - -.panel-info { -background-color: #29b0ea; -box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #35baf3; -border-color: #1989b8; -border-style: solid; -border-width: 2px; -margin: 0em; -margin-bottom: 3em; -color:#FFF; -text-shadow: 1px 1px #1989b8; -} - -.panel-wood { -background-color: #97714a; -box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #b7916a; -border-color: #886644; -border-style: solid; -border-width: 2px; -margin: 0em; -margin-bottom: 3em; -color:#FFF; -text-shadow: 1px 1px #886644; -} - -.panel-rock { -background-color: #838796; -box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #9b9dad; -border-color: #616374; -border-style: solid; -border-width: 2px; -margin: 0em; -margin-bottom: 3em; -color:#FFF; -text-shadow: 1px 1px #616374; -} - -.panel-paper { -background-color: #d3bf8f; -color: #695a3c; -box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #b1a077; -border-color: #d9cdaf; -border-style: solid; -border-width: 2px; -margin: 0em; -margin-bottom: 3em; -text-shadow: 1px 1px rgba(0,0,0,0.15); -} - -.panel-body { -padding:2em; -overflow-wrap: break-word; -} - -.panel-bottom { -margin-top:0px; -border-radius:0px; -border-bottom-right-radius: 4px; -border-bottom-left-radius: 4px; -border-top:0px solid; -} -.panel-top { -margin-bottom:0px; -border-radius:0px; -border-top-left-radius: 4px; -border-top-right-radius: 4px; -padding:0.75em; -padding-left:2.5em; -padding-right:2.5em; -font-weight:bold; -} - -.panel-heading { -box-shadow : inset 0px 2px 0px 0px rgba(255,255,255,0.3), inset 0px -5px 10px 0px rgba(0,0,0,0.15); - -border-color: rgba(0,0,0,0.4); -border-style:solid; -border-top:0px; -border-left:0px; -border-right:0px; -border-bottom:1px; -} - -.panel-primary .panel-heading { -background-color:#428bca; -} - -.panel-info .panel-heading { -background-color:#5bc0de; -} - -.panel-success .panel-heading { -background-color:#5cb85c; -} - -.panel-warning .panel-heading { -background-color:#f0ad4e; -} - -.panel-danger .panel-heading { -background-color:#d9534f; -} - -.panel-title { - text-align:center; - font-size: 1em; - line-height: 1.5em; - padding:0em; - margin-bottom:0em; - font-weight:600; - border-top:0px; - border-left:0px; - border-right:0px; - border-bottom:0px; - border-color:#666; - border-style:dashed; - color:white; - text-shadow: 1px 1px 1px rgba(0,0,0,0.5); -} - -/* ## WELL */ -pre { - display: block; - padding: 9.5px; - margin: 0 0 10px; - font-size: 13px; - line-height: 1.42857143; - color: #333; - word-break: break-all; - word-wrap: break-word; - background-color: #eeeeee; - border: 0px solid; - border-radius: 4px; - text-shadow: 1px 1px rgba(0,0,0,0.2); - box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2); - -} - -.well, .well-default { - display: block; - padding: 1em; - margin: 0 0 10px; - line-height: 1.42857143; - color: #333; - background-color: #eeeeee; - border: 0px solid; - border-radius: 4px; - text-shadow: 1px 1px rgba(0,0,0,0.2); - box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2); - -} - -.well-paper { - color: #695a3c; - background-color: #d3bf8f; - text-shadow: 1px 1px rgba(0,0,0,0.15); -} - -.well-primary { - color: #FFF; - background-color: #5639ac; -} - - -/* ITEMLIST */ - -.list-group { -border-width:0px; -} - -.list-group-item { -border-width:0px; -} - -.list-group-item a { - color: #666; -} - -.list-group-item a:hover { - color: #666; - background-color:#000; - text-decoration:none; -} - -.list-group-item-description { -width:200px; -display:inline-block; -} - -.list-group-item-icons { -width:56px; -display:inline-block; -} - -.container-fluid { -padding:0px; -} - -.container-fluid .row { -padding-left:0px; -padding-right:0px; -margin:0px; -} - -.rowpadding { -margin-bottom:1.5em; -} -/* ## BREADCRUMB */ - -.breadcrumb { -background-color: #eeeeee; -box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px white; -border-color: #999999; -border-style:solid; -border-width:2px; -} - -/* ## BOUTONS */ - -.btn { -border-style:solid; -border-width:2px; -border-radius: 5px; -font-weight:bold; -font-size:1em; -} - -/* ### BOUTON-DEFAULT */ - -.btn-default { -background-color: #d5d5d5; -border-color: #d5d5d5; -box-shadow: 0px 2px 0px 0px #aaaaaa, inset 0px 0px 0px 2px #ffffff; -background-image: url("../images/btn/default.png"); -background-position: center center; -text-shadow: 2px 2px #d5d5d5; -} - -.btn-default:hover { -background-color: #d5d5d5; -border-color: #d5d5d5; -box-shadow: 0px 1px 0px 0px #aaaaaa, inset 0px 0px 0px 2px #ffffff; -background-image: url("../images/btn/default.png"); -background-position: center center; -text-shadow: 2px 2px #d5d5d5; -position:relative; -top:1px; -} - -.btn-default:active { -background-color: #d5d5d5; -border-color: #d5d5d5; -box-shadow: 0px 0px 0px 0px #aaaaaa, inset 0px 0px 0px 2px #ffffff; -background-image: url("../images/btn/default.png"); -background-position: center center; -text-shadow: 2px 2px #d5d5d5; -position:relative; -top:2px; -} - -/* ### BOUTON-PRIMARY */ - -.btn-primary { -color: #fff; -background-color: #5639ac; -border-color: #5639ac; -box-shadow: 0px 2px 0px 0px #452e8a, inset 0px 0px 0px 2px #8971d0; -background-image: url("../images/btn/primary.png"); -background-position: center center; -text-shadow: 2px 2px #5639ac; -} - -.btn-primary:hover { -color: #fff; -background-color: #5639ac; -border-color: #5639ac; -box-shadow: 0px 1px 0px 0px #452e8a, inset 0px 0px 0px 2px #8971d0; -background-image: url("../images/btn/primary.png"); -background-position: center center; -text-shadow: 2px 2px #5639ac; -position:relative; -top:1px; -} - -.btn-primary:active { -color: #fff; -background-color: #5639ac; -border-color: #5639ac; -box-shadow: 0px 0px 0px 0px #452e8a, inset 0px 0px 0px 2px #8971d0; -background-image: url("../images/btn/primary.png"); -background-position: center center; -text-shadow: 2px 2px #5639ac; -position:relative; -top:2px; -} - -/* ### BOUTON-BLUE */ - -.btn-blue { -color: #fff; -background-color: #2d5295; -border-color: #2d5295; -box-shadow: 0px 2px 0px 0px #1b3477, inset 0px 0px 0px 2px #6d9dd4; -background-image: url("../images/btn/blue.png"); -background-position: center center; -text-shadow: 2px 2px #2d5295; -} - -.btn-blue:hover { -color: #fff; -background-color: #2d5295; -border-color: #2d5295; -box-shadow: 0px 1px 0px 0px #1b3477, inset 0px 0px 0px 2px #6d9dd4; -background-image: url("../images/btn/blue.png"); -background-position: center center; -text-shadow: 2px 2px #2d5295; -position:relative; -top:1px; -} - -.btn-blue:active { -color: #fff; -background-color: #2d5295; -border-color: #2d5295; -box-shadow: 0px 0px 0px 0px #1b3477, inset 0px 0px 0px 2px #6d9dd4; -background-image: url("../images/btn/blue.png"); -background-position: center center; -text-shadow: 2px 2px #2d5295; -position:relative; -top:2px; -} - -/* ### BOUTON-SUCCESS */ - -.btn-success { -color: #fff; -background-color: #5fb13a; -border-color: #5fb13a; -box-shadow: 0px 2px 0px 0px #47832c, inset 0px 0px 0px 2px #88e060; -background-image: url("../images/btn/success.png"); -background-position: center center; -text-shadow: 2px 2px #5fb13a; -} - -.btn-success:hover { -color: #fff; -background-color: #5fb13a; -border-color: #5fb13a; -box-shadow: 0px 1px 0px 0px #47832c, inset 0px 0px 0px 2px #88e060; -background-image: url("../images/btn/success.png"); -background-position: center center; -text-shadow: 2px 2px #5fb13a; -position:relative; -top:1px; -} - -.btn-success:active { -color: #fff; -background-color: #5fb13a; -border-color: #5fb13a; -box-shadow: 0px 0px 0px 0px #47832c, inset 0px 0px 0px 2px #88e060; -background-image: url("../images/btn/success.png"); -background-position: center center; -text-shadow: 2px 2px #5fb13a; -position:relative; -top:2px; -} - -/* ### BOUTON-WARNING */ - -.btn-warning { -color: #fff; -background-color: #cda400; -border-color: #cda400; -box-shadow: 0px 2px 0px 0px #a88600, inset 0px 0px 0px 2px #ffd948; -background-image: url("../images/btn/warning.png"); -background-position: center center; -text-shadow: 2px 2px #cda400; -} - -.btn-warning:hover { -color: #fff; -background-color: #cda400; -border-color: #cda400; -box-shadow: 0px 1px 0px 0px #a88600, inset 0px 0px 0px 2px #ffd948; -background-image: url("../images/btn/warning.png"); -background-position: center center; -text-shadow: 2px 2px #cda400; -position:relative; -top:1px; -} - -.btn-warning:active { -color: #fff; -background-color: #cda400; -border-color: #cda400; -box-shadow: 0px 0px 0px 0px #a88600, inset 0px 0px 0px 2px #ffd948; -background-image: url("../images/btn/warning.png"); -background-position: center center; -text-shadow: 2px 2px #cda400; -position:relative; -top:2px; -} - -/* ### BOUTON-DANGER */ - -.btn-danger { -color: #fff; -background-color: #cd5d12; -border-color: #cd5d12; -box-shadow: 0px 2px 0px 0px #aa4e11, inset 0px 0px 0px 2px #fa8132; -background-image: url("../images/btn/danger.png"); -background-position: center center; -text-shadow: 2px 2px #cd5d12; -} - -.btn-danger:hover { -color: #fff; -background-color: #cd5d12; -border-color: #cd5d12; -box-shadow: 0px 1px 0px 0px #aa4e11, inset 0px 0px 0px 2px #fa8132; -background-image: url("../images/btn/danger.png"); -background-position: center center; -text-shadow: 2px 2px #cd5d12; -position:relative; -top:1px; -} - -.btn-danger:active { -color: #fff; -background-color: #cd5d12; -border-color: #cd5d12; -box-shadow: 0px 0px 0px 0px #aa4e11, inset 0px 0px 0px 2px #fa8132; -background-image: url("../images/btn/danger.png"); -background-position: center center; -text-shadow: 2px 2px #cd5d12; -position:relative; -top:2px; -} - -/* ### BOUTON-INFO */ - -.btn-info { -color: #fff; -background-color: #1989b8; -border-color: #1989b8; -box-shadow: 0px 2px 0px 0px #166e93, inset 0px 0px 0px 2px #35baf3; -background-image: url("../images/btn/info.png"); -background-position: center center; -text-shadow: 2px 2px #1989b8; -} - -.btn-info:hover { -color: #fff; -background-color: #1989b8; -border-color: #1989b8; -box-shadow: 0px 1px 0px 0px #166e93, inset 0px 0px 0px 2px #35baf3; -background-image: url("../images/btn/info.png"); -background-position: center center; -text-shadow: 2px 2px #1989b8; -position:relative; -top:1px; -} - -.btn-info:active { -color: #fff; -background-color: #1989b8; -border-color: #1989b8; -box-shadow: 0px 0px 0px 0px #166e93, inset 0px 0px 0px 2px #35baf3; -background-image: url("../images/btn/info.png"); -background-position: center center; -text-shadow: 2px 2px #1989b8; -position:relative; -top:2px; -} - -/* ### BOUTON-ROCK */ - -.btn-rock { -color: #fff; -background-color: #838796; -border-color: #9b9dad; -box-shadow: 0px 2px 0px 0px #616374, inset 0px 0px 0px 2px #727685; -background-position: center center; -text-shadow: 2px 2px #727685; -} - -.btn-rock:hover { -color: #fff; -background-color: #838796; -border-color: #9b9dad; -box-shadow: 0px 1px 0px 0px #616374, inset 0px 0px 0px 2px #727685; -background-position: center center; -text-shadow: 2px 2px #727685; -position:relative; -top:1px; -} - -.btn-rock:active { -color: #fff; -background-color: #838796; -border-color: #9b9dad; -box-shadow: 0px 0px 0px 0px #616374, inset 0px 0px 0px 2px #727685; -background-position: center center; -text-shadow: 2px 2px #727685; -position:relative; -top:2px; -} - -/* Images */ - -.panel-body img { - height:auto; - max-width:100%; -} - -/* SIDEBAR */ - -.partager { - text-align: center; - margin-bottom: 1.5em; -} - -.no-pills { - list-style:none; -} - -.sidebar-active { -border-radius:0px; -background-color:rgba(0,0,0,0.05); -} - -/* ARTICLE */ - -article.class-article { - font-size:1.2em; - overflow-wrap: break-word; -} - - -.article-img { - margin-bottom:2em; -} - -.article-img p img { - - height:auto; - max-width:100%; -} - -.article-img.shadow p img { - box-shadow:0px 3px 10px 2px rgba(0,0,0,0.2); - height:auto; - max-width:100%; -} - -.shadow { - box-shadow:0px 3px 10px 2px rgba(0,0,0,0.2); -} - -.prev-next { - height:4em; -} - -.article-meta .media-left .media-object { - height: 64px; - width: 64px; - border-radius: 10px; -} - -.article-meta author { - display:block; - font-weight:600; -} - -.article-meta .media-body { - padding-top:8px; -} - -.article-meta { - margin-bottom:15px; - margin-left:15px; -} - -.article-meta time { - display:block; - font-style:italic; -} - -/* FLEXBOXES */ - -.flex-container { - display: -webkit-flex; - display: flex; - -webkit-justify-content: space-evenly; - justify-content: space-evenly; - width: 100%; - padding: -10px; - margin-bottom:2em; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - align-items: center; -} - -.flex-link:hover { -text-decoration:none!important; -} - -.flex-item:hover { -/* color: #626262; - background-color: #898989; - box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4), inset 0px 0px 0px 2px #939393; - border-color: #585858;*/ -} - -.flex-item { - background-color: cornflowerblue; - max-height: 200px; - margin: 10px; - padding:10px; - overflow:hidden; - font-size:0.8em; - line-height:1.5em!important; - color: #aaaaaa; - flex-grow:1; - flex-basis:auto; - flex-shrink:1; - - background-color: #eeeeee; - box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px white; - border-color: #999999; - border-style: solid; - border-width: 2px; - border-radius:4px; - -webkit-transition: background-color 1s, border-color 1s, box-shadow 1s, color 1s; /* Safari */ - transition: background-color 1s, border-color 1s, box-shadow 1s, color 1s; - position: relative; -} - -.flex-item p { - max-width:200px; - min-width:120px; -} - -.flex-item p.p-img { - max-width:360px; - text-align:center; -} - -.flex-item h1, .flex-item h2, .flex-item h3, .flex-item h4, .flex-item h5, .flex-item h6, .flex-item h7 { - margin-bottom:0px; - max-width:200px; - display:none; -} - -.flex-item h1 { - display:none; -} - -.flex-item p img { - max-height:180px; - width:auto; - max-width:300px; - text-align:center; - margin:auto; -} - -.flex-overlay { - height: 100%; - width: 100%; - opacity: 0; - top: 0; - left: 0; - position: absolute; - padding: 0; - transition: opacity .5s; - color:#FFF; - background-color:rgba(0,0,0,0.5); - text-shadow:1px 1px 0px rgba(0,0,0,0.7) -} - -.flex-overlay h1 { - max-width:200px; - margin:auto; - margin-bottom:0px; - text-align:center; - display:block; -} - -.flex-item:hover .flex-overlay { - opacity: .9; - transition: opacity .5s; -} - -/* FLEX-HOME */ - -#home-flex .flex-container .flex-link .flex-item p { - max-width:200px; -} - - -/* PAGINATION */ - -.pagination { - display: -webkit-flex; - display: flex; - -webkit-justify-content: center; - justify-content: center; - width: 100%; - padding: -10px; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: center; - align-items: center; -} - -.pagination span { - display:block; - padding:5px; - - background-color: #eeeeee; - box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px white; - border-color: #999999; - border-style: solid; - border-width: 2px; - border-radius:4px; - -webkit-transition: background-color 1s, border-color 1s, box-shadow 1s, color 1s; /* Safari */ - transition: background-color 1s, border-color 1s, box-shadow 1s, color 1s; - -} - -/* FOOTER */ - -footer { -background-color:white; -margin-bottom:0px; -padding-bottom:3em; -} - -.creativecommon { -font-style:italic; -font-size:0.8em; -text-align:center; -} - -/* CREDITS -Kenney : -- UI pack : http://opengameart.org/content/ui-pack -- UI pack RPG Extension : http://opengameart.org/content/ui-pack-rpg-extension -*/ diff --git a/css/palette.css b/css/palette.css deleted file mode 100644 index 4fa9e02..0000000 --- a/css/palette.css +++ /dev/null @@ -1,256 +0,0 @@ -/* ------------------ COULEURS ------------------- */ - -/* de base */ - - -.card-primary > .card-header, .btn-primary, .btn-primary:hover, .btn-primary:active, .badge-primary { - background-color:#7951c0; - color:#FFF; -} - -.card-secondary > .card-header, .btn-secondary, .btn-secondary:hover, .btn-secondary:active, .badge-secondary { - background-color:#4e63c9; - color:#FFF; -} - -.card-danger > .card-header, .card-red > .card-header, .btn-danger, .btn-red, .badge-red, .badge-danger { - background-color:#e33d22; - color:#FFF; -} - -.card-warning > .card-header, .card-orange > .card-header, .btn-warning, .btn-orange, .badge-warning, .badge-orange { - background-color:#eb790a; - color:#FFF; -} - -.card-success > .card-header, .card-green > .card-header, .btn-success, .btn-green, .badge-success, .badge-green { - background-color:#75b82d; - color:#FFF; -} - -.card-info > .card-header, .card-skyblue > .card-header, .btn-info, .btn-skyblue, .badge-info, .badge-skyblue { - background-color:#42a0f3; - color:#FFF; -} - -.card-blue > .card-header, .btn-blue, .badge-blue { - background-color:#4e63c9; - color:#FFF -} - -.card-purple > .card-header, .btn-purple, .badge-purple { - background-color:#7951c0; - color:#FFF -} - -.card-dark > .card-header, .btn-dark, .badge-dark { - background-color:#6d6d6d; - color:#FFF -} - -.card-light > .card-header, .btn-light, .badge-light { - background-color:#eeeeec; -} - -.card-violet > .card-header, .btn-violet, .badge-violet { - background-color:#ce4dcd; - color:#FFF -} - -.card-turquoise > .card-header, .btn-turquoise, .badge-turquoise { - background-color:#46bd9e; - color:#FFF -} - -/* :hover */ - -.btn-primary:hover, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, -.show > .btn-primary.dropdown-toggle { - background-color:#9373cc; - color:#FFF; -} - -.btn-secondary:hover, .btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, -.show > .btn-secondary.dropdown-toggle { - background-color:#7182d3; - color:#FFF; -} - -.btn-blue:hover, .btn-blue:active { - background-color:#7182d3; - color:#FFF; -} - -.btn-purple:hover, .btn-purple:active { - background-color:#9373cc; - color:#FFF; -} - -.btn-success:hover, .btn-success:active, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, -.show > .btn-success.dropdown-toggle, .btn-green:hover, .btn-green:active { - background-color:#90c657; - color:#FFF; -} - -.btn-info:hover, .btn-info:active, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, -.show > .btn-info.dropdown-toggle, .btn-skyblue:hover, .btn-skyblue:active { - background-color:#67b3f5; - color:#FFF; -} - -.btn-warning:hover, .btn-warning:active, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, -.show > .btn-warning.dropdown-toggle, .btn-orange:hover, .btn-orange:active { - background-color:#ef933b; - color:#FFF; -} - -.btn-danger:hover, .btn-danger:active, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, -.show > .btn-danger.dropdown-toggle, .btn-red:hover, .btn-red:active { - background-color:#e8634e; - color:#FFF; -} - -.btn-dark:hover, .btn-dark:active, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, -.show > .btn-dark.dropdown-toggle { - background-color:#8a8a8a; - color:#FFF; -} - -.btn-light:hover, .btn-light:active, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, -.show > .btn-light.dropdown-toggle { - background-color:#dddddd; - color:#000; -} - -.btn-violet:hover, .btn-violet:active { - background-color:#d770d7; - color:#FFF; -} - -.btn-turquoise:hover, .btn-turquoise:active { - background-color:#6bcab1; - color:#FFF; -} - -.bg-primary { - background-color:#7951c0!important; -} - -/* alertes */ - -.alert-primary { - background-color:#e4dcf2; -} - -.alert-secondary { - background-color:#dbdff4; -} - -.alert-info { - background-color:#d9ecfc; -} - -.alert-success { - background-color:#e3f0d5; -} - -.alert-warning { - background-color:#fbe4ce; -} - -.alert-danger { - background-color:#f9d8d2; -} - - -.alert-violet { - background-color:#f5dbf5; -} - -.alert-purple { - background-color:#e4dcf2; -} - -.alert-blue { - background-color:#dbdff4; -} - -.alert-skyblue { - background-color:#d9ecfc; -} - -.alert-turquoise { - background-color:#daf1eb; -} - -.alert-green { - background-color:#e3f0d5; -} - -.alert-orange { - background-color:#fbe4ce; -} - -.alert-red { - background-color:#f9d8d2; -} - -.alert-light { - background-color:#ffffff; -} - -.alert-dark { - background-color:#e1e1e1; -} - -/* social */ - -.btn-facebook { - background-color:#3B5998; - color:#FFF; -} - -.btn-facebook:hover, .btn-facebook:active { - background-color:#627aac; - color:#FFF; -} - -.btn-twitter { - background-color:#55ACEE; - color:#FFF; -} - -.btn-twitter:hover, .btn-twitter:active { - background-color:#77bcf1; - color:#FFF; -} - -.btn-googleplus { - background-color:#d34836; - color:#FFF; -} - -.btn-googleplus:hover, .btn-googleplus:active { - background-color:#db6c5e; - color:#FFF; -} - -.btn-diaspora { - background-color:#313739; - color:#FFF; -} - -.btn-diaspora:hover, .btn-diaspora:active { - background-color:#5a5f60; - color:#FFF; -} - -.btn-mastodon { - background-color:#282c37; - color:#FFF; -} - -.btn-mastodon:hover, .btn-mastodon:active { - background-color:#53565f; - color:#FFF; -} diff --git a/css/style.css b/css/style.css deleted file mode 100644 index e207d99..0000000 --- a/css/style.css +++ /dev/null @@ -1,474 +0,0 @@ -/* ------------------ GLOBAL STYLE ------------------- */ - -#wrapper { - background: #64b5f6 url('../images/background.png') center bottom repeat-x; -} - -.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 2px 8px rgba(0, 0, 0, 0.4); -} - -/* ------------------ HEADERS ------------------- */ - - -header h1 { - border-style:none !important; - color:#FFF; - font-weight:700; - font-size:5.4em; - font-style:oblique; - text-shadow: 0px 2px 12px rgba(0, 0, 0, 0); - padding-bottom:0px; - margin:auto; - text-align:center; -} - -.navbar { - box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.1); - border-width:0px; - border-bottom:1px; - border-style:solid; - border-color:rgba(0,0,0,0.3) -} - -.dropdown-menu { - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2), inset 0px -2px 0px rgba(0, 0, 0, 0.2); -} - - -/* ------------------ FOOTER ------------------- */ - -footer { - margin-top:40px; -} - -/* social media */ - -ul.social { - font-size:1.5em; - padding-bottom:1em; - margin:auto; - text-align:center; -} - -li.social-li { - list-style:none; - display:inline; -} - -a.social-link { - color:#FFFFFF; - background-color:#000000; - padding:0.3em; - padding-left:0.36em; - padding-right:0.36em; - vertical-align:middle; - border-radius:100%; -} - -a.social-link:hover { - color:#000000; - background-color:#FFFFFF; -} - - -/* ------------------ CARDS ------------------- */ - -.card { - box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); - border-width:0px; - margin-bottom:1.2em; -} - -.card-shadow { - box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); -} - -/* header and titles */ - -.card-header { - border-top-left-radius:3px; - border-top-right-radius:3px; - border-top:1px solid; - border-left:1px solid; - border-right:1px solid; - border-width:1px; - border-color:rgba(0,0,0,0.3); - font-size:1.1em; - box-shadow: inset 0px 2px 0px rgba(255, 255, 255, 0.1); - text-shadow: 0px 1px 1px rgba(0,0,0,0.3); - font-weight:600; -} - -.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); -} - -h1.card-title, h2.card-title, h3.card-title, h4.card-title, h5.card-title, h6.card-title, h7.card-title, h8.card-title, h9.card-title, h10.card-title { - font-size:1em; - text-shadow: 0px -1px 0px rgba(0,0,0,0.3); - padding:0px; - margin:0px; - color:#FFF; - font-weight:600; -} - -/* meta */ - -.card-meta { - padding:1em; - border-bottom:1px solid rgba(0,0,0,0.2); -} - -.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:1em; -} - -.card-meta author { - display:block; - font-weight:600; -} - -.card-meta time { - display:block; - font-style:italic; -} - -/* lists */ - -.list-group-item { - border-style:none; - border-width:0px; - border-radius:0px; - 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); -} - - -/* ------------------ BUTTONS ------------------- */ - -.btn { - border-style:solid; - border-width:1px; - border-color:rgba(0, 0, 0, 0.3); - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); - text-shadow: 0px -1px 0px rgba(0,0,0,0.3); -} - -.btn.disabled { - border-style:solid; - border-width:1px; - border-color:rgba(0, 0, 0, 0.3); - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); - text-shadow: 0px -1px 0px rgba(0,0,0,0.3); - opacity:80%; -} - -.btn:hover { - position:relative; - box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); - top:1px; - border-style:solid; - border-width:1px; - border-color:rgba(0, 0, 0, 0.3); -} - -.btn.disabled:hover { - position:relative; - box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); - top:0px; - border-style:solid; - border-width:1px; - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); -} - -.btn.disabled:active { - position:relative; - box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); - top:0px; - border-style:solid; - border-width:1px; - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); -} - -.btn:active { - position:relative; - box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.2); - top:2px; - border-style:solid; - border-width:1px; - border-color:rgba(0, 0, 0, 0.3); -} - -.btn-group { - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3); -} - -.btn-group .btn { - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2); -} - -.btn-group .btn:hover { - position:relative; - top:1px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2); -} - -.btn-group .btn:active, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, -.show > .btn.dropdown-toggle { - position:relative; - box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.2)!important; - top:2px; - border-style:solid; - border-width:1px; - border-color:rgba(0, 0, 0, 0.3); -} - -.btn:focus, .btn-primary:focus, .btn-secondary:focus, .btn-danger:focus, .btn-warning:focus, .btn-success:focus, .btn-info:focus, .btn-dark:focus, .btn-light:focus { - position:relative; - box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 2px #75507b; - top:1px; - outline: none; -} - -/* ------------------ ALERTS ------------------- */ - -.alert { - border-style:solid; - border-width:1px; - border-color:rgba(0, 0, 0, 0.3); - color:rgba(0, 0, 0, 0.7); - box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3) -} - -.alert a, .alert-link { - color:rgba(0, 0, 0, 0.7); - font-weight:bold; -} - -/* ------------------ BREADCRUMB ------------------- */ - -.breadcrumb { - box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); - border-color:rgba(0,0,0,0.3); - border-width:1px; - background-color:#eeeeec; - margin-bottom:1.2em; -} - -/* ------------------ PARTAGE RESEAUX SOCIAUX ------------------- */ - -.share-buttons { - margin:15px; -} - -.reagir { - text-align:right; -} - -/* ------------------ PREVIEWS ------------------- */ - -.previews-section { - display: flex; - align-content: flex-start; - flex-wrap: wrap; -} - -.preview-container { - margin-bottom:1em; - padding:0.4em; - width:100% -} - - - -@media(max-width:767px){} -@media(min-width:768px){} -@media(min-width:992px){ - - .prev-col-2 .preview-container { - width:50%; - } - - .prev-col-3 .preview-container { - width:33%; - } - - .prev-col-4 .preview-container { - width:25%; - } - -} - -.card-preview { - width:100%; - - margin:auto; - box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); -} - -.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:rgba(0,0,0,0.05); - 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 .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: .9; - transition: opacity .5s; - backdrop-filter: blur(2px); -} - -.comment-text { - margin-top:0.8em; -} - -.card-preview time { - margin-bottom:0.4em; - display:block; -} - -/* DIVERS */ - -.prev-next { - display: flex; - justify-content: space-between; -} - -.prev { - text-align: left; -} - -.next { - text-align: right; -} - -/* PAGINATION */ - -.pagination { - margin:auto; - width:100%; - display: block; -} - -.pagination ul { - margin:auto; - width:100%; - display: flex; - justify-content: space-between; -} diff --git a/css/style2.css b/css/style2.css deleted file mode 100755 index 4f32cf0..0000000 --- a/css/style2.css +++ /dev/null @@ -1,618 +0,0 @@ -/* ------------------ STYLE GLOBAL ------------------- */ - -#wrapper { - background: #64b5f6 url('../images/background.png') center bottom repeat-x; -} - -.no-pills { - list-style:none; -} - -.align-right { - text-align:right; -} - -.align-center { - text-align:center; -} - -.align-left { - text-align:left; -} - -h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 { - color:white; - text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); - -} - -/* ------------------ HEADER ------------------- */ - -header h1 { - border-style:none !important; - color:#FFF; - font-weight:700; - font-size:5.4em; - font-style:oblique; - text-shadow: 0px 2px 12px rgba(0, 0, 0, 0); - padding-bottom:0px; - margin:auto; - text-align:center; -} - -header h1 img { - width:75%; - margin-top:0.2em; - margin-bottom:0.2em; -} - -.navbar { - box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.1); - border-width:0px; - border-bottom:1px; - border-style:solid; - border-color:rgba(0,0,0,0.3) -} - -.dropdown-menu { - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2), inset 0px -2px 0px rgba(0, 0, 0, 0.2); -} - -/* ------------------ FOOTER ------------------- */ - -footer { - margin-top:40px; -} - -/* social media */ - -ul.social { - font-size:1.5em; - padding-bottom:1em; - margin:auto; - text-align:center; -} - -li.social-li { - list-style:none; - display:inline; -} - -a.social-link { - color:#FFFFFF; - background-color:#000000; - padding:0.3em; - padding-left:0.36em; - padding-right:0.36em; - vertical-align:middle; - border-radius:100%; -} - -a.social-link:hover { - color:#000000; - background-color:#FFFFFF; -} - -/* ------------------ CARDS ------------------- */ - -.card { - box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); - border-width:0px; - margin-bottom:1.2em; -} - -.card-shadow { - box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); -} - -/* header */ - -.card-header { - border-top-left-radius:3px; - border-top-right-radius:3px; - border-top:1px solid; - border-left:1px solid; - border-right:1px solid; - border-width:1px; - border-color:rgba(0,0,0,0.3); - font-size:1.1em; - box-shadow: inset 0px 2px 0px rgba(255, 255, 255, 0.1); - text-shadow: 0px 1px 1px rgba(0,0,0,0.3); -} - -/* meta */ - -.card-meta { - padding:1em; - border-bottom:1px solid rgba(0,0,0,0.2); -} - -.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:1em; -} - -.card-meta author { - display:block; - font-weight:600; -} - -.card-meta time { - display:block; - font-style:italic; -} - -.partager { -margin:15px; -} - -/* listes */ - -.list-group-item { - border-style:none; - border-width:0px; - border-radius:0px; - 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); -} - -/*title*/ - -.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); -} - - -/* ------------------ BUTTONS ------------------- */ - -.btn { - border-style:solid; - border-width:1px; - border-color:rgba(0, 0, 0, 0.3); - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); - text-shadow: 0px -1px 0px rgba(0,0,0,0.3); -} - -.btn:hover { - position:relative; - box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); - top:1px; - border-style:solid; - border-width:1px; - border-color:rgba(0, 0, 0, 0.3); -} - -.btn:active { - position:relative; - box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.2); - top:2px; - border-style:solid; - border-width:1px; - border-color:rgba(0, 0, 0, 0.3); -} - -.btn-group { - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3); -} - -.btn-group .btn { - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2); -} - -.btn-group .btn:hover { - position:relative; - top:1px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2); -} - -.btn-group .btn:active, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, -.show > .btn.dropdown-toggle { - position:relative; - box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.2)!important; - top:2px; - border-style:solid; - border-width:1px; - border-color:rgba(0, 0, 0, 0.3); -} - -.btn:focus, .btn-primary:focus, .btn-secondary:focus, .btn-danger:focus, .btn-warning:focus, .btn-success:focus, .btn-info:focus, .btn-dark:focus, .btn-light:focus { - position:relative; - box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 2px #75507b; - top:1px; - outline: none; -} - -/* ------------------ BREADCRUMB ------------------- */ - -.alert { - border-style:solid; - border-width:1px; - border-color:rgba(0, 0, 0, 0.3); - color:rgba(0, 0, 0, 0.7); - box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3) -} - -.alert a, .alert-link { - color:rgba(0, 0, 0, 0.7); - font-weight:bold; -} - - -/* ------------------ COULEURS ------------------- */ - -/* de base */ - - -.card-primary > .card-header, .btn-primary, .btn-primary:hover, .btn-primary:active, .badge-primary { - background-color:#7951c0; - color:#FFF; -} - -.card-secondary > .card-header, .btn-secondary, .btn-secondary:hover, .btn-secondary:active, .badge-secondary { - background-color:#4e63c9; - color:#FFF; -} - -.card-danger > .card-header, .card-red > .card-header, .btn-danger, .btn-red, .badge-red, .badge-danger { - background-color:#e33d22; - color:#FFF; -} - -.card-warning > .card-header, .card-orange > .card-header, .btn-warning, .btn-orange, .badge-warning, .badge-orange { - background-color:#eb790a; - color:#FFF; -} - -.card-success > .card-header, .card-green > .card-header, .btn-success, .btn-green, .badge-success, .badge-green { - background-color:#75b82d; - color:#FFF; -} - -.card-info > .card-header, .card-skyblue > .card-header, .btn-info, .btn-skyblue, .badge-info, .badge-skyblue { - background-color:#42a0f3; - color:#FFF; -} - -.card-blue > .card-header, .btn-blue, .badge-blue { - background-color:#4e63c9; - color:#FFF -} - -.card-purple > .card-header, .btn-purple, .badge-purple { - background-color:#7951c0; - color:#FFF -} - -.card-dark > .card-header, .btn-dark, .badge-dark { - background-color:#6d6d6d; - color:#FFF -} - -.card-light > .card-header, .btn-light, .badge-light { - background-color:#eeeeec; -} - -.card-violet > .card-header, .btn-violet, .badge-violet { - background-color:#ce4dcd; - color:#FFF -} - -.card-turquoise > .card-header, .btn-turquoise, .badge-turquoise { - background-color:#46bd9e; - color:#FFF -} - -/* :hover */ - -.btn-primary:hover, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, -.show > .btn-primary.dropdown-toggle { - background-color:#9373cc; - color:#FFF; -} - -.btn-secondary:hover, .btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, -.show > .btn-secondary.dropdown-toggle { - background-color:#7182d3; - color:#FFF; -} - -.btn-blue:hover, .btn-blue:active { - background-color:#7182d3; - color:#FFF; -} - -.btn-purple:hover, .btn-purple:active { - background-color:#9373cc; - color:#FFF; -} - -.btn-success:hover, .btn-success:active, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, -.show > .btn-success.dropdown-toggle, .btn-green:hover, .btn-green:active { - background-color:#90c657; - color:#FFF; -} - -.btn-info:hover, .btn-info:active, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, -.show > .btn-info.dropdown-toggle, .btn-skyblue:hover, .btn-skyblue:active { - background-color:#67b3f5; - color:#FFF; -} - -.btn-warning:hover, .btn-warning:active, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, -.show > .btn-warning.dropdown-toggle, .btn-orange:hover, .btn-orange:active { - background-color:#ef933b; - color:#FFF; -} - -.btn-danger:hover, .btn-danger:active, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, -.show > .btn-danger.dropdown-toggle, .btn-red:hover, .btn-red:active { - background-color:#e8634e; - color:#FFF; -} - -.btn-dark:hover, .btn-dark:active, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, -.show > .btn-dark.dropdown-toggle { - background-color:#8a8a8a; - color:#FFF; -} - -.btn-light:hover, .btn-light:active, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, -.show > .btn-light.dropdown-toggle { - background-color:#dddddd; - color:#000; -} - -.btn-violet:hover, .btn-violet:active { - background-color:#d770d7; - color:#FFF; -} - -.btn-turquoise:hover, .btn-turquoise:active { - background-color:#6bcab1; - color:#FFF; -} - -.bg-primary { - background-color:#7951c0!important; -} - -/* alertes */ - -.alert-primary { - background-color:#e4dcf2; -} - -.alert-secondary { - background-color:#dbdff4; -} - -.alert-info { - background-color:#d9ecfc; -} - -.alert-success { - background-color:#e3f0d5; -} - -.alert-warning { - background-color:#fbe4ce; -} - -.alert-danger { - background-color:#f9d8d2; -} - - -.alert-violet { - background-color:#f5dbf5; -} - -.alert-purple { - background-color:#e4dcf2; -} - -.alert-blue { - background-color:#dbdff4; -} - -.alert-skyblue { - background-color:#d9ecfc; -} - -.alert-turquoise { - background-color:#daf1eb; -} - -.alert-green { - background-color:#e3f0d5; -} - -.alert-orange { - background-color:#fbe4ce; -} - -.alert-red { - background-color:#f9d8d2; -} - -.alert-light { - background-color:#ffffff; -} - -.alert-dark { - background-color:#e1e1e1; -} - -/* social */ - -.btn-facebook { - background-color:#3B5998; - color:#FFF; -} - -.btn-facebook:hover, .btn-facebook:active { - background-color:#627aac; - color:#FFF; -} - -.btn-twitter { - background-color:#55ACEE; - color:#FFF; -} - -.btn-twitter:hover, .btn-twitter:active { - background-color:#77bcf1; - color:#FFF; -} - -.btn-googleplus { - background-color:#d34836; - color:#FFF; -} - -.btn-googleplus:hover, .btn-googleplus:active { - background-color:#db6c5e; - color:#FFF; -} - -.btn-diaspora { - background-color:#313739; - color:#FFF; -} - -.btn-diaspora:hover, .btn-diaspora:active { - background-color:#5a5f60; - color:#FFF; -} - -.btn-mastodon { - background-color:#282c37; - color:#FFF; -} - -.btn-mastodon:hover, .btn-mastodon:active { - background-color:#53565f; - color:#FFF; -} - -/* ------------------ BREADCRUMB ------------------- */ - -.breadcrumb { - box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); - border-color:rgba(0,0,0,0.3); - border-width:1px; - background-color:#eeeeec; - margin-bottom:1.2em; -} - -/* ------------------ PREVIEWS ------------------- */ - -.card-preview { - width:242px; - margin:1em; - box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); -} - -.preview-link:hover { - text-decoration:none!important; -} - -.preview-item { - display: flex; - height:200px; - overflow:hidden; - font-size:0.9em; - line-height: 1.5em !important; - padding:0.2em; - text-align:justify; - background-color:rgba(0,0,0,0.05); - color:rgba(0,0,0,0.4); - position: relative; - -ms-flex-align: center !important; - align-items: center !important; - flex: 1 1 auto; -} - -.preview-content { - max-height:200px; -} - -.preview-content > p { - width:100%; -} - -.preview-content > p > img { - width:100%; - height:auto; - vertical-align:middle; -} - -.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 .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: .9; - transition: opacity .5s; - backdrop-filter: blur(2px); -} - -.comment-text { - margin-top:0.8em; -} - -.card-preview time { - margin-bottom:0.4em; - display:block; -} diff --git a/style.css b/style.css new file mode 100644 index 0000000..f05f060 --- /dev/null +++ b/style.css @@ -0,0 +1,1804 @@ +@charset "UTF-8"; +/* ------------------------------------------------- + KAZHNUZ SPACE SCSS + + Auteur : Kazhnuz + Licence : Creative Common BY-SA + + Version 0.1 + + Thème CSS basé sur Spectre et ForkAwesome + créé pour mon blog creatif kazhnuz.space + + CC BY-SA Kazhnuz +------------------------------------------------- */ +/* --- 00. PALETTE --- */ +/* + * Les définitions globales des couleurs du theme. + * + * Elle permettent de définir rapidement à la fois les couleurs + * de base qui seront utilisée pour tout le theme, mais + * également celles spécifiques pour certains sujets (liens, texte) + * + */ +a, a:hover, a:active { + color: #2aa198; } + +::selection { + background-color: #2aa198 !important; + color: #fdf6e3; } + +::-moz-selection { + background-color: #2aa198 !important; + color: #fdf6e3; } + +mark { + background-color: #ffd44f; } + +blockquote, pre { + border-color: #d33682; } + +/* BACKGROUNDS */ +.bg-blue { + background-color: #268bd2 !important; + color: #fdf6e3; } + +.bg-violet { + background-color: #d33682 !important; + color: #fdf6e3; } + +.bg-purple { + background-color: #6c71c4 !important; + color: #fdf6e3; } + +.bg-red { + background-color: #dc322f !important; + color: #fdf6e3; } + +.bg-orange { + background-color: #cb4b16 !important; + color: #fdf6e3; } + +.bg-green { + background-color: #859900 !important; + color: #fdf6e3; } + +.bg-skyblue { + background-color: #2aa198 !important; + color: #fdf6e3; } + +.bg-dark { + background-color: #002b36 !important; + color: #fdf6e3; } + +.bg-light { + background-color: #fdf6e3 !important; + color: #002b36; } + +.bg-turquoise { + background-color: #2aa198 !important; + color: #fdf6e3; } + +.bg-yellow { + background-color: #b58900 !important; + color: #fdf6e3; } + +.bg-brown { + background-color: #b58900 !important; + color: #fdf6e3; } + +.bg-grey { + background-color: #586e75 !important; + color: #fdf6e3; } + +.bg-primary { + background-color: #d33682 !important; + color: #fdf6e3; } + +.bg-secondary { + background-color: #2aa198 !important; + color: #fdf6e3; } + +.bg-warning { + background-color: #cb4b16 !important; + color: #fdf6e3; } + +.bg-danger { + background-color: #dc322f !important; + color: #fdf6e3; } + +.bg-info { + background-color: #2aa198 !important; + color: #fdf6e3; } + +.bg-success { + background-color: #859900 !important; + color: #fdf6e3; } + +/* TEXT */ +.text-blue { + color: #268bd2; } + +.text-violet { + color: #d33682; } + +.text-purple { + color: #6c71c4; } + +.text-red { + color: #dc322f; } + +.text-orange { + color: #cb4b16; } + +.text-green { + color: #859900; } + +.text-skyblue { + color: #2aa198; } + +.text-dark { + color: #002b36; } + +.text-light { + color: #fdf6e3; } + +.text-turquoise { + color: #2aa198; } + +.text-yellow { + color: #b58900; } + +.text-brown { + color: #b58900; } + +.text-grey { + color: #586e75; } + +.text-primary { + color: #d33682; } + +.text-secondary { + color: #2aa198; } + +.text-warning { + color: #cb4b16; } + +.text-danger { + color: #dc322f; } + +.text-info { + color: #2aa198; } + +.text-success { + color: #859900; } + +/* --- 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 + */ +/* + * 2 - Typography ( _typography.scss ) + * + * This part of the (s)css handle everything related to the typography + * like paragraphs, blockquote, etc. + * +*/ +/* 2.1 - Font Face */ +/* 2.1.1 - OpenSans + +@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; +}*/ +/* 2.2 - Global Typography */ +body { + font-family: Open Sans, sans-serif; + text-align: left; + font-size: 4.75mm; + line-height: 1.5rem; + color: #073642; + font-weight: 400; } + +.night-mode { + color: #eee8d5; } + +strong { + font-weight: 600; } + +em { + font-style: italic; + font-weight: 400; } + +a { + color: #2aa198; + text-decoration: none; } + a:hover, a:active { + color: #2aa198; } + +p { + padding: 0; + padding-bottom: 1.5rem; + margin: 0; } + p:last-child { + padding-bottom: 0; } + +ul, ol { + padding: 0; + padding-bottom: 1.5rem; + margin: 0; } + ul ul, ul ol, ol ul, ol ol { + padding-bottom: 0; + margin: 0; } + ul li, ol li { + margin: 0; + margin-left: 1.5rem; + line-height: 1.5rem; } + +::selection { + background: #2aa198; + color: #fdf6e3; } + +::-moz-selection { + background: #2aa198; + color: #fdf6e3; } + +/* 2.2 - Text Wrapper */ +.container-typographic p, .container-typographic em, .container-typographic p em { + font-weight: 400; } + +.container-typographic img { + max-width: 100%; + height: auto; } + +.container-typographic .article-thumbnail { + padding-bottom: 1em; + text-align: center; } + .container-typographic .article-thumbnail img { + max-width: 100%; + height: auto; } + +.container-typographic .article-excerpt { + padding: 0.5em 0.5em 0.5em 0.5em; + font-style: italic; } + +.container-typographic .article-author { + margin: 0; + padding: 0; } + .container-typographic .article-author .card-meta { + margin: 0; } + +.container-typographic .bypass-flex-fontsize { + line-height: 1.5rem; } + +article.maintext { + padding-bottom: 1.5rem; } + +/* 2.3 - Titles */ +h1, h2, h3, h4, h5, h6, h7 { + font-family: Open Sans, sans-serif; + text-align: left; + font-size: 1em; + padding: 0; + margin: 0; + font-weight: 400; } + h1.page-title, h2.page-title, h3.page-title, h4.page-title, h5.page-title, h6.page-title, h7.page-title { + color: #d33682; } + h1.page-title i, h2.page-title i, h3.page-title i, h4.page-title i, h5.page-title i, h6.page-title i, h7.page-title i { + font-size: 0.55em; + position: relative; + top: -0.175em; } + h1.page-title-flex, h2.page-title-flex, h3.page-title-flex, h4.page-title-flex, h5.page-title-flex, h6.page-title-flex, h7.page-title-flex { + display: flex; + flex-direction: row; + justify-content: space-between; } + h1.page-title-flex > span, h1.page-title-flex > i, h1.page-title-flex > a, h2.page-title-flex > span, h2.page-title-flex > i, h2.page-title-flex > a, h3.page-title-flex > span, h3.page-title-flex > i, h3.page-title-flex > a, h4.page-title-flex > span, h4.page-title-flex > i, h4.page-title-flex > a, h5.page-title-flex > span, h5.page-title-flex > i, h5.page-title-flex > a, h6.page-title-flex > span, h6.page-title-flex > i, h6.page-title-flex > a, h7.page-title-flex > span, h7.page-title-flex > i, h7.page-title-flex > a { + display: block; } + h1.page-title-flex > a, h2.page-title-flex > a, h3.page-title-flex > a, h4.page-title-flex > a, h5.page-title-flex > a, h6.page-title-flex > a, h7.page-title-flex > a { + color: #d33682; } + h1.page-title-flex > a:hover, h1.page-title-flex > a:focus, h1.page-title-flex > a:active, h2.page-title-flex > a:hover, h2.page-title-flex > a:focus, h2.page-title-flex > a:active, h3.page-title-flex > a:hover, h3.page-title-flex > a:focus, h3.page-title-flex > a:active, h4.page-title-flex > a:hover, h4.page-title-flex > a:focus, h4.page-title-flex > a:active, h5.page-title-flex > a:hover, h5.page-title-flex > a:focus, h5.page-title-flex > a:active, h6.page-title-flex > a:hover, h6.page-title-flex > a:focus, h6.page-title-flex > a:active, h7.page-title-flex > a:hover, h7.page-title-flex > a:focus, h7.page-title-flex > a:active { + color: #b02669; } + +h1 { + font-family: Amatic SC, sans-serif; + font-size: 3.815rem; + line-height: 4.5rem; + padding: 0; + padding-bottom: 1.5rem; + font-weight: 300; + color: #d33682; } + +h2 { + font-family: Open Sans, sans-serif; + font-size: 2.441rem; + line-height: 3rem; + padding: 0; + padding-bottom: 1.5rem; + font-weight: 300; } + +h3 { + font-family: Open Sans, sans-serif; + font-size: 1.953rem; + line-height: 3rem; + padding: 0; + padding-bottom: 1.5rem; + font-weight: 600; } + +h4 { + font-family: Open Sans, sans-serif; + font-size: 1.563rem; + line-height: 3rem; + padding: 0; + padding-bottom: 1.5rem; + font-weight: 800; } + +h5 { + font-family: Open Sans, sans-serif; + font-size: 1.25rem; + line-height: 1.5rem; + padding: 0; + padding-bottom: 1.5rem; + font-weight: 600; } + +h6 { + font-family: Open Sans, sans-serif; + font-size: 1rem; + line-height: 1.5rem; + padding: 0; + padding-bottom: 1.5rem; + font-weight: 800; } + +/* 2.4 - 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: 1.5em; } + +/* 2.5 - Wells and quotes */ +blockquote, .quote { + border-width: 0 0 0 0em; + border-style: none; + border-radius: 0px; + margin: 0 0 1.5rem 0; + padding: 1.5rem 1rem 1.5rem 1rem; + max-width: 100%; + background-color: #eee8d5; + font-style: italic; + color: #073642; } + blockquote:before, .quote:before { + content: ""; } + +.well, pre, .pre, .well-pre { + border-width: 0 0 0 0em; + border-style: none; + border-radius: 0px; + margin: 0 0 1.5rem 0; + padding: 1.5rem 1rem 1.5rem 1rem; + max-width: 100%; + background-color: #eee8d5; + font-style: italic; + color: #073642; } + +code { + background: transparent; + color: #dc322f; } + +.container-typographic { + max-width: 800px; + margin: auto; } + +/* 2.6 - Special styling */ +mark { + border-radius: 0.2em; + padding: 0 0.2em 0 0.2em; + background-color: #ffd44f; + color: inherit; } + +.night-mode mark { + background-color: #d33682; } + +.time { + font-style: italic; + text-align: right; + width: 100%; + display: block; } + +/* 2.6.1 - Colored texts */ +.text-blue { + color: #268bd2; } + +.text-violet { + color: #d33682; } + +.text-purple { + color: #6c71c4; } + +.text-red { + color: #dc322f; } + +.text-orange { + color: #cb4b16; } + +.text-green { + color: #859900; } + +.text-skyblue { + color: #2aa198; } + +.text-dark { + color: #002b36; } + +.text-light { + color: #fdf6e3; } + +.text-turquoise { + color: #2aa198; } + +.text-yellow { + color: #b58900; } + +.text-brown { + color: #b58900; } + +.text-grey { + color: #586e75; } + +.text-primary { + color: #d33682; } + +.text-secondary { + color: #2aa198; } + +.text-warning { + color: #cb4b16; } + +.text-danger { + color: #dc322f; } + +.text-info { + color: #2aa198; } + +.text-success { + color: #859900; } + +/* Table elements */ +table { + border-collapse: collapse; } + +table, th, td { + border: 0; + padding: 0px; + margin: 0px; } + +th, td { + vertical-align: center; + padding-top: 0.325em; + padding-bottom: 0.325em; } + +th { + font-weight: 800; } + +.table-blue th { + color: #268bd2; } + +.table-violet th { + color: #d33682; } + +.table-purple th { + color: #6c71c4; } + +.table-red th { + color: #dc322f; } + +.table-orange th { + color: #cb4b16; } + +.table-green th { + color: #859900; } + +.table-skyblue th { + color: #2aa198; } + +.table-dark th { + color: #002b36; } + +.table-light th { + color: #fdf6e3; } + +.table-turquoise th { + color: #2aa198; } + +.table-yellow th { + color: #b58900; } + +.table-brown th { + color: #b58900; } + +.table-grey th { + color: #586e75; } + +.table-primary th { + color: #d33682; } + +.table-secondary th { + color: #2aa198; } + +.table-warning th { + color: #cb4b16; } + +.table-danger th { + color: #dc322f; } + +.table-info th { + color: #2aa198; } + +.table-success th { + color: #859900; } + +/* --- 03. GLOBAL STYLING --- */ +/* + * Les styles "globaux" touchant toute la page. + * + */ +.no-pills { + list-style: none; } + +.align-center { + text-align: center; } + +.align-left { + text-align: left; } + +.align-right { + text-align: right; } + +/* ------------------ HEADERS ------------------- */ +#page-header { + background: #2aa198 url("img/background.png") center bottom repeat-x; + height: 15rem; + border-top: 6px solid #073642; + padding-left: 4.5rem; + padding-right: 4.5rem; } + +header h1 { + border-style: none !important; + color: #fdf6e3; + font-weight: 800; + font-size: 5.4em; + font-style: oblique; + padding-bottom: 0px; + line-height: 1.5em; } + header h1 img { + width: 100%; + height: auto; + margin-top: 0.75rem; } + +.navbar { + border-left: 0; + border-right: 0; + padding: 0.75rem; + color: #fdf6e3; } + .navbar a { + color: #fdf6e3; } + .navbar li { + margin: 0; } + +.dropdown-menu { + box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0); } + +/* ------------------ CONTAINERS ------------------- */ +.container-big { + padding-left: 4.5rem; + padding-right: 4.5rem; } + +.container-blog { + padding-left: 4.5rem; + padding-right: 4.5rem; + display: grid; + grid-template-columns: auto 360px; + grid-template-rows: auto; + row-gap: 1.5rem; + column-gap: 3rem; + grid-template-areas: "main sidebar"; } + +main.mainpane { + grid-area: main; } + +section.sidebar { + grid-area: sidebar; } + +.container-preview { + padding-left: 4.5rem; + padding-right: 4.5rem; + display: grid; + grid-template-columns: 360px auto; + grid-template-rows: auto; + row-gap: 1.5rem; + column-gap: 3rem; + grid-template-areas: "sidebar main"; } + +.container-onecolumn { + max-width: 1280px; + margin: auto; + padding-bottom: 1.5rem; } + +.container-personnage { + padding-left: 4.5rem; + padding-right: 4.5rem; + display: grid; + grid-template-columns: repeat(6, 1fr); + grid-template-rows: auto; + row-gap: 3rem; + column-gap: 3rem; + grid-template-areas: "nomp nomp nomp nomp nomp nomp" "info info info info meta meta" "goss goss look look look look" "aime aime aime dete dete dete" "hist hist hist hist hist hist"; } + .container-personnage .card { + margin: 0; } + .container-personnage h1 { + padding: 0; } + +.personnage-nomp { + grid-area: nomp; } + +.personnage-info { + grid-area: info; } + +.personnage-meta { + grid-area: meta; } + +.personnage-goss { + grid-area: goss; } + +.personnage-look { + grid-area: look; } + +.personnage-aime { + grid-area: aime; } + +.personnage-dete { + grid-area: dete; } + +.personnage-hist { + grid-area: hist; } + +/* ------------------ PAGE ------------------- */ +#wrapper { + background-color: #fdf6e3; } + +/* ------------------ FOOTER ------------------- */ +body { + background-color: #073642; } + +footer { + color: #fdf6e3; + margin-top: 1.5em; + padding-left: 4.5rem; + padding-right: 4.5rem; + font-size: 0.8rem !important; } + +/* social media */ +ul.social { + font-size: 1.5em; + padding-bottom: 1.5em; + margin: auto; + text-align: center; } + ul.social li { + margin: 0; + list-style: none; + display: inline; } + ul.social li a { + color: #073642; + background-color: #fdf6e3; + padding: 0.3em; + padding-left: 0.36em; + padding-right: 0.36em; + vertical-align: middle; + border-radius: 100%; } + ul.social li a:hover { + color: #fdf6e3; + background-color: #073642; } + +/* --- 04. COMPOSANTS --- */ +/* + * Les différents composants réutilisables de la page. + * + */ +/* + * 2. Cards and containers + * All elements that are supposed to contain other stuff + * + * +*/ +.card, .menu { + border-radius: 0px 0px 0px 0px; + background-color: #eee8d5; + box-shadow: 0px 2px 10px rgba(0, 0, 0, 0); + border: none; + margin: 0; + margin-bottom: 1.5rem; + padding: 1.5rem; + /* Menu handling */ } + .card-body, .menu-body { + padding: 0 !important; + margin: 0 !important; } + .card-header, .menu-header { + font-size: 1.1em; + font-weight: 300; + border-radius: 0; + padding: 0.75rem; + padding-left: 0; + padding-right: 0; + padding-bottom: 0.75rem !important; + margin-bottom: 0.75rem; + line-height: 1.5rem; + position: relative; + left: -1.875rem; + width: 95%; + position: relative; + z-index: 1; + overflow: visible; } + .card-header:before, .menu-header:before { + content: " "; + position: absolute; + top: 0; + left: -0.75rem; + right: -0.75rem; + bottom: 0; + z-index: -1; + transform: skewX(-15deg); + transition: background-color 0.3s; } + .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, .menu-header h1, .menu-header h2, .menu-header h3, .menu-header h4, .menu-header h5, .menu-header h6, .menu-header h7, .menu-header h8, .menu-header h9, .menu-header h10 { + font-family: Open Sans, sans-serif; + font-size: 1rem; + padding: 0px; + margin: 0px; + color: #fdf6e3; + font-weight: 300; + line-height: 1.5rem; } + .card-menu, .menu-menu { + display: flex; + flex-direction: column; } + .card-menu .menu-element, .menu-menu .menu-element { + display: flex; + line-height: 1.5rem; + padding-right: 0.75rem; + padding-left: 0.375rem; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin: 0; + justify-content: space-between; + word-wrap: none; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + position: relative; + z-index: 1; + overflow: visible; } + .card-menu .menu-element:before, .menu-menu .menu-element:before { + content: " "; + position: absolute; + top: 0; + left: -0.375rem; + right: -0.375rem; + bottom: 0; + z-index: -1; + transform: skewX(-15deg); + transition: background-color 0.3s; } + .card-menu a, .menu-menu a { + text-decoration: none; + color: #d33682; + background-color: transparent; } + .card-menu a:hover, .menu-menu a:hover { + text-decoration: none; + color: #d33682; + position: relative; + z-index: 1; + overflow: visible; } + .card-menu a:hover:before, .menu-menu a:hover:before { + content: " "; + position: absolute; + top: 0; + left: -0.375rem; + right: -0.375rem; + bottom: 0; + z-index: -1; + transform: skewX(-15deg); + transition: background-color 0.3s; } + .card-menu a:hover:before, .menu-menu a:hover:before { + background-color: #e3d9ba; } + .card-menu .menu-divider, .menu-menu .menu-divider { + position: relative; + left: -0.375rem; + font-weight: 800; + padding-top: 0.375rem; + padding-bottom: 0.375rem; } + +/* CARD LIST - Make a list part of a card */ +ul.card-list { + padding: 0; + margin: 0; } + ul.card-list li.list-element { + line-height: 1.5rem; + padding-right: 0.75rem; + padding-left: 0.375rem; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin: 0; } + +.list-check li.list-element { + list-style: none; } + .list-check li.list-element::before { + font-family: "ForkAwesome"; + content: ""; + padding-right: 0.75rem; } + +.list-cross li.list-element { + list-style: none; } + .list-cross li.list-element::before { + font-family: "ForkAwesome"; + content: ""; + padding-right: 0.75rem; } + +.list-danger li.list-element::before { + color: #dc322f; } + +.list-success li.list-element::before { + color: #859900; } + +.smallcard, .toast { + border-radius: 0px 0px 0px 0px; + background-color: #eee8d5; + box-shadow: 0px 2px 10px rgba(0, 0, 0, 0); + border: none; + margin: 0; + margin-bottom: 1.5rem; + padding: 0.75rem; } + .smallcard-header, .toast-header { + font-size: 1.1em; + font-weight: 300; + border-radius: 0; + padding: 0.75rem; + padding-left: 0; + padding-right: 0; + padding-bottom: 0.75rem !important; + margin-bottom: 0.75rem; + line-height: 1.5rem; + position: relative; + left: -1.875rem; + width: 95%; + position: relative; + z-index: 1; + overflow: visible; } + .smallcard-header:before, .toast-header:before { + content: " "; + position: absolute; + top: 0; + left: -0.75rem; + right: -0.75rem; + bottom: 0; + z-index: -1; + transform: skewX(-15deg); + transition: background-color 0.3s; } + .smallcard-header h1, .smallcard-header h2, .smallcard-header h3, .smallcard-header h4, .smallcard-header h5, .smallcard-header h6, .smallcard-header h7, .smallcard-header h8, .smallcard-header h9, .smallcard-header h10, .toast-header h1, .toast-header h2, .toast-header h3, .toast-header h4, .toast-header h5, .toast-header h6, .toast-header h7, .toast-header h8, .toast-header h9, .toast-header h10 { + font-family: Open Sans, sans-serif; + font-size: 1rem; + padding: 0px; + margin: 0px; + color: #fdf6e3; + font-weight: 300; + line-height: 1.5rem; } + +/* COLORIZE CARDS and TOASTS */ +.card-blue .card-header, .card-blue .menu-header, .smallcard-blue .card-header, .smallcard-blue .menu-header, .menu-blue .card-header, .menu-blue .menu-header { + background-color: #268bd2 !important; + color: #fdf6e3; } + .card-blue .card-header:before, .card-blue .menu-header:before, .smallcard-blue .card-header:before, .smallcard-blue .menu-header:before, .menu-blue .card-header:before, .menu-blue .menu-header:before { + background-color: #268bd2 !important; + color: #fdf6e3; } + +.card-violet .card-header, .card-violet .menu-header, .smallcard-violet .card-header, .smallcard-violet .menu-header, .menu-violet .card-header, .menu-violet .menu-header { + background-color: #d33682 !important; + color: #fdf6e3; } + .card-violet .card-header:before, .card-violet .menu-header:before, .smallcard-violet .card-header:before, .smallcard-violet .menu-header:before, .menu-violet .card-header:before, .menu-violet .menu-header:before { + background-color: #d33682 !important; + color: #fdf6e3; } + +.card-purple .card-header, .card-purple .menu-header, .smallcard-purple .card-header, .smallcard-purple .menu-header, .menu-purple .card-header, .menu-purple .menu-header { + background-color: #6c71c4 !important; + color: #fdf6e3; } + .card-purple .card-header:before, .card-purple .menu-header:before, .smallcard-purple .card-header:before, .smallcard-purple .menu-header:before, .menu-purple .card-header:before, .menu-purple .menu-header:before { + background-color: #6c71c4 !important; + color: #fdf6e3; } + +.card-red .card-header, .card-red .menu-header, .smallcard-red .card-header, .smallcard-red .menu-header, .menu-red .card-header, .menu-red .menu-header { + background-color: #dc322f !important; + color: #fdf6e3; } + .card-red .card-header:before, .card-red .menu-header:before, .smallcard-red .card-header:before, .smallcard-red .menu-header:before, .menu-red .card-header:before, .menu-red .menu-header:before { + background-color: #dc322f !important; + color: #fdf6e3; } + +.card-orange .card-header, .card-orange .menu-header, .smallcard-orange .card-header, .smallcard-orange .menu-header, .menu-orange .card-header, .menu-orange .menu-header { + background-color: #cb4b16 !important; + color: #fdf6e3; } + .card-orange .card-header:before, .card-orange .menu-header:before, .smallcard-orange .card-header:before, .smallcard-orange .menu-header:before, .menu-orange .card-header:before, .menu-orange .menu-header:before { + background-color: #cb4b16 !important; + color: #fdf6e3; } + +.card-green .card-header, .card-green .menu-header, .smallcard-green .card-header, .smallcard-green .menu-header, .menu-green .card-header, .menu-green .menu-header { + background-color: #859900 !important; + color: #fdf6e3; } + .card-green .card-header:before, .card-green .menu-header:before, .smallcard-green .card-header:before, .smallcard-green .menu-header:before, .menu-green .card-header:before, .menu-green .menu-header:before { + background-color: #859900 !important; + color: #fdf6e3; } + +.card-skyblue .card-header, .card-skyblue .menu-header, .smallcard-skyblue .card-header, .smallcard-skyblue .menu-header, .menu-skyblue .card-header, .menu-skyblue .menu-header { + background-color: #2aa198 !important; + color: #fdf6e3; } + .card-skyblue .card-header:before, .card-skyblue .menu-header:before, .smallcard-skyblue .card-header:before, .smallcard-skyblue .menu-header:before, .menu-skyblue .card-header:before, .menu-skyblue .menu-header:before { + background-color: #2aa198 !important; + color: #fdf6e3; } + +.card-dark .card-header, .card-dark .menu-header, .smallcard-dark .card-header, .smallcard-dark .menu-header, .menu-dark .card-header, .menu-dark .menu-header { + background-color: #002b36 !important; + color: #fdf6e3; } + .card-dark .card-header:before, .card-dark .menu-header:before, .smallcard-dark .card-header:before, .smallcard-dark .menu-header:before, .menu-dark .card-header:before, .menu-dark .menu-header:before { + background-color: #002b36 !important; + color: #fdf6e3; } + +.card-light .card-header, .card-light .menu-header, .smallcard-light .card-header, .smallcard-light .menu-header, .menu-light .card-header, .menu-light .menu-header { + background-color: #eee8d5 !important; + color: #002b36; } + .card-light .card-header:before, .card-light .menu-header:before, .smallcard-light .card-header:before, .smallcard-light .menu-header:before, .menu-light .card-header:before, .menu-light .menu-header:before { + background-color: #eee8d5 !important; + color: #002b36; } + +.card-turquoise .card-header, .card-turquoise .menu-header, .smallcard-turquoise .card-header, .smallcard-turquoise .menu-header, .menu-turquoise .card-header, .menu-turquoise .menu-header { + background-color: #2aa198 !important; + color: #fdf6e3; } + .card-turquoise .card-header:before, .card-turquoise .menu-header:before, .smallcard-turquoise .card-header:before, .smallcard-turquoise .menu-header:before, .menu-turquoise .card-header:before, .menu-turquoise .menu-header:before { + background-color: #2aa198 !important; + color: #fdf6e3; } + +.card-yellow .card-header, .card-yellow .menu-header, .smallcard-yellow .card-header, .smallcard-yellow .menu-header, .menu-yellow .card-header, .menu-yellow .menu-header { + background-color: #b58900 !important; + color: #fdf6e3; } + .card-yellow .card-header:before, .card-yellow .menu-header:before, .smallcard-yellow .card-header:before, .smallcard-yellow .menu-header:before, .menu-yellow .card-header:before, .menu-yellow .menu-header:before { + background-color: #b58900 !important; + color: #fdf6e3; } + +.card-brown .card-header, .card-brown .menu-header, .smallcard-brown .card-header, .smallcard-brown .menu-header, .menu-brown .card-header, .menu-brown .menu-header { + background-color: #b58900 !important; + color: #fdf6e3; } + .card-brown .card-header:before, .card-brown .menu-header:before, .smallcard-brown .card-header:before, .smallcard-brown .menu-header:before, .menu-brown .card-header:before, .menu-brown .menu-header:before { + background-color: #b58900 !important; + color: #fdf6e3; } + +.card-grey .card-header, .card-grey .menu-header, .smallcard-grey .card-header, .smallcard-grey .menu-header, .menu-grey .card-header, .menu-grey .menu-header { + background-color: #586e75 !important; + color: #fdf6e3; } + .card-grey .card-header:before, .card-grey .menu-header:before, .smallcard-grey .card-header:before, .smallcard-grey .menu-header:before, .menu-grey .card-header:before, .menu-grey .menu-header:before { + background-color: #586e75 !important; + color: #fdf6e3; } + +.card-primary .card-header, .card-primary .menu-header, .smallcard-primary .card-header, .smallcard-primary .menu-header, .menu-primary .card-header, .menu-primary .menu-header { + background-color: #d33682 !important; + color: #fdf6e3; } + .card-primary .card-header:before, .card-primary .menu-header:before, .smallcard-primary .card-header:before, .smallcard-primary .menu-header:before, .menu-primary .card-header:before, .menu-primary .menu-header:before { + background-color: #d33682 !important; + color: #fdf6e3; } + +.card-secondary .card-header, .card-secondary .menu-header, .smallcard-secondary .card-header, .smallcard-secondary .menu-header, .menu-secondary .card-header, .menu-secondary .menu-header { + background-color: #2aa198 !important; + color: #fdf6e3; } + .card-secondary .card-header:before, .card-secondary .menu-header:before, .smallcard-secondary .card-header:before, .smallcard-secondary .menu-header:before, .menu-secondary .card-header:before, .menu-secondary .menu-header:before { + background-color: #2aa198 !important; + color: #fdf6e3; } + +.card-warning .card-header, .card-warning .menu-header, .smallcard-warning .card-header, .smallcard-warning .menu-header, .menu-warning .card-header, .menu-warning .menu-header { + background-color: #cb4b16 !important; + color: #fdf6e3; } + .card-warning .card-header:before, .card-warning .menu-header:before, .smallcard-warning .card-header:before, .smallcard-warning .menu-header:before, .menu-warning .card-header:before, .menu-warning .menu-header:before { + background-color: #cb4b16 !important; + color: #fdf6e3; } + +.card-danger .card-header, .card-danger .menu-header, .smallcard-danger .card-header, .smallcard-danger .menu-header, .menu-danger .card-header, .menu-danger .menu-header { + background-color: #dc322f !important; + color: #fdf6e3; } + .card-danger .card-header:before, .card-danger .menu-header:before, .smallcard-danger .card-header:before, .smallcard-danger .menu-header:before, .menu-danger .card-header:before, .menu-danger .menu-header:before { + background-color: #dc322f !important; + color: #fdf6e3; } + +.card-info .card-header, .card-info .menu-header, .smallcard-info .card-header, .smallcard-info .menu-header, .menu-info .card-header, .menu-info .menu-header { + background-color: #2aa198 !important; + color: #fdf6e3; } + .card-info .card-header:before, .card-info .menu-header:before, .smallcard-info .card-header:before, .smallcard-info .menu-header:before, .menu-info .card-header:before, .menu-info .menu-header:before { + background-color: #2aa198 !important; + color: #fdf6e3; } + +.card-success .card-header, .card-success .menu-header, .smallcard-success .card-header, .smallcard-success .menu-header, .menu-success .card-header, .menu-success .menu-header { + background-color: #859900 !important; + color: #fdf6e3; } + .card-success .card-header:before, .card-success .menu-header:before, .smallcard-success .card-header:before, .smallcard-success .menu-header:before, .menu-success .card-header:before, .menu-success .menu-header:before { + background-color: #859900 !important; + color: #fdf6e3; } + +.toast-blue { + background-color: #268bd2 !important; + color: #fdf6e3; } + +.toast-violet { + background-color: #d33682 !important; + color: #fdf6e3; } + +.toast-purple { + background-color: #6c71c4 !important; + color: #fdf6e3; } + +.toast-red { + background-color: #dc322f !important; + color: #fdf6e3; } + +.toast-orange { + background-color: #cb4b16 !important; + color: #fdf6e3; } + +.toast-green { + background-color: #859900 !important; + color: #fdf6e3; } + +.toast-skyblue { + background-color: #2aa198 !important; + color: #fdf6e3; } + +.toast-dark { + background-color: #002b36 !important; + color: #fdf6e3; } + +.toast-light { + background-color: #eee8d5 !important; + color: #002b36; } + +.toast-turquoise { + background-color: #2aa198 !important; + color: #fdf6e3; } + +.toast-yellow { + background-color: #b58900 !important; + color: #fdf6e3; } + +.toast-brown { + background-color: #b58900 !important; + color: #fdf6e3; } + +.toast-grey { + background-color: #586e75 !important; + color: #fdf6e3; } + +.toast-primary { + background-color: #d33682 !important; + color: #fdf6e3; } + +.toast-secondary { + background-color: #2aa198 !important; + color: #fdf6e3; } + +.toast-warning { + background-color: #cb4b16 !important; + color: #fdf6e3; } + +.toast-danger { + background-color: #dc322f !important; + color: #fdf6e3; } + +.toast-info { + background-color: #2aa198 !important; + color: #fdf6e3; } + +.toast-success { + background-color: #859900 !important; + color: #fdf6e3; } + +/* + * 3. Buttons and labels + * All clickable elements + * +*/ +.btn { + padding: 1.5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + margin: 0.75rem; + margin-top: 0.5rem; + margin-bottom: 1.5rem; + line-height: 1.5rem; + height: auto; + border: 0px solid rgba(0, 0, 0, 0.3); + border-radius: 0px 0px 0px 0px; + font-weight: 400; + background-color: transparent; + position: relative; + z-index: 1; + overflow: visible; } + .btn:hover, .btn:active, .btn:focus, a:hover > .btn, a:active > .btn, a:focus > .btn { + text-decoration: none; + background-color: transparent; } + .btn:before { + content: " "; + position: absolute; + top: 0; + left: -0.75rem; + right: -0.75rem; + bottom: 0; + z-index: -1; + transform: skewX(-15deg); + transition: background-color 0.3s; } + .btn:focus { + outline: none; + box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); } + .btn:focus:before { + box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3); + outline: none; } + .btn:hover, .btn:active { + border: 0px solid rgba(0, 0, 0, 0.3); } + p .btn:last-child { + margin-bottom: 0; } + +.label, label.label, a.label, .chip, a.chip { + position: relative; + z-index: 1; + overflow: visible; + padding-left: 0.375rem; + padding-right: 0.375rem; + text-decoration: none; } + .label:before, label.label:before, a.label:before, .chip:before, a.chip:before { + content: " "; + position: absolute; + top: 0; + left: -0.1875rem; + right: -0.1875rem; + bottom: 0; + z-index: -1; + transform: skewX(-15deg); + transition: background-color 0.3s; } + +.menu-label { + position: relative; + z-index: 1; + overflow: visible; + padding-left: 0.375rem; + padding-right: 0.375rem; } + .menu-label:before { + content: " "; + position: absolute; + top: 0; + left: -0.1875rem; + right: -0.1875rem; + bottom: 0; + z-index: -1; + transform: skewX(-15deg); + transition: background-color 0.3s; } + +.navbar .btn-link { + color: #fdf6e3; } + .navbar .btn-link:before { + background-color: transparent; } + .navbar .btn-link:hover, .navbar .btn-link:active, .navbar .btn-link:focus, a:hover > .navbar .btn-link, a:active > .navbar .btn-link, a:focus > .navbar .btn-link, .navbar .btn-link:not(.disabled):not(:disabled):hover, .navbar .btn-link:not(.disabled):not(:disabled):active, .navbar .btn-link:not(.disabled):not(:disabled):focus, a:hover > .navbar .btn-link:not(.disabled):not(:disabled), a:active > .navbar .btn-link:not(.disabled):not(:disabled), a:focus > .navbar .btn-link:not(.disabled):not(:disabled) { + color: #fffefb; } + .navbar .btn-link:hover:before, .navbar .btn-link:active:before, .navbar .btn-link:focus:before, a:hover > .navbar .btn-link:before, a:active > .navbar .btn-link:before, a:focus > .navbar .btn-link:before, .navbar .btn-link:not(.disabled):not(:disabled):hover:before, .navbar .btn-link:not(.disabled):not(:disabled):active:before, .navbar .btn-link:not(.disabled):not(:disabled):focus:before, a:hover > .navbar .btn-link:not(.disabled):not(:disabled):before, a:active > .navbar .btn-link:not(.disabled):not(:disabled):before, a:focus > .navbar .btn-link:not(.disabled):not(:disabled):before { + background-color: rgba(0, 0, 0, 0.2); } + +.btn-readmore { + color: #d33682; } + .btn-readmore:before { + background-color: transparent; } + .btn-readmore:hover, .btn-readmore:active, .btn-readmore:focus, a:hover > .btn-readmore, a:active > .btn-readmore, a:focus > .btn-readmore, .btn-readmore:not(.disabled):not(:disabled):hover, .btn-readmore:not(.disabled):not(:disabled):active, .btn-readmore:not(.disabled):not(:disabled):focus, a:hover > .btn-readmore:not(.disabled):not(:disabled), a:active > .btn-readmore:not(.disabled):not(:disabled), a:focus > .btn-readmore:not(.disabled):not(:disabled) { + color: #d84b8f; } + .btn-readmore:hover:before, .btn-readmore:active:before, .btn-readmore:focus:before, a:hover > .btn-readmore:before, a:active > .btn-readmore:before, a:focus > .btn-readmore:before, .btn-readmore:not(.disabled):not(:disabled):hover:before, .btn-readmore:not(.disabled):not(:disabled):active:before, .btn-readmore:not(.disabled):not(:disabled):focus:before, a:hover > .btn-readmore:not(.disabled):not(:disabled):before, a:active > .btn-readmore:not(.disabled):not(:disabled):before, a:focus > .btn-readmore:not(.disabled):not(:disabled):before { + background-color: rgba(0, 0, 0, 0.2); } + +.btn-toolbar { + padding: 0 1.5rem; } + +.btn-group { + padding: 0px; + background-color: transparent; + margin-bottom: 1.33em; } + +.btn-group .btn { + margin: 0 0.95rem 0 0.95rem !important; } + +/* ------------------ BREADCRUMB ------------------- */ +ul.breadcrumb, ol.breadcrumb, .breadcrumb { + padding-top: 0em; + background-color: transparent; + margin: 0; + padding-bottom: 2rem; } + +.breadcrumb li.breadcrumb-item { + padding: 0; } + .breadcrumb li.breadcrumb-item:before { + display: none; } + .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item span { + display: inline-block; + padding: 1.5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + margin: 0.75rem; + margin-top: 0.5rem; + margin-bottom: 1.5rem; + line-height: 1.5rem; + height: auto; + border: 0px solid rgba(0, 0, 0, 0.3); + border-radius: 0px 0px 0px 0px; + font-weight: 400; + background-color: transparent; + position: relative; + z-index: 1; + overflow: visible; + color: #073642; + margin: 0 0.6rem 0 0.6rem; } + .breadcrumb li.breadcrumb-item a:hover, .breadcrumb li.breadcrumb-item a:active, .breadcrumb li.breadcrumb-item a:focus, a:hover > .breadcrumb li.breadcrumb-item a, a:active > .breadcrumb li.breadcrumb-item a, a:focus > .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item span:hover, .breadcrumb li.breadcrumb-item span:active, .breadcrumb li.breadcrumb-item span:focus, a:hover > .breadcrumb li.breadcrumb-item span, a:active > .breadcrumb li.breadcrumb-item span, a:focus > .breadcrumb li.breadcrumb-item span { + text-decoration: none; + background-color: transparent; } + .breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item span:before { + content: " "; + position: absolute; + top: 0; + left: -0.75rem; + right: -0.75rem; + bottom: 0; + z-index: -1; + transform: skewX(-15deg); + transition: background-color 0.3s; } + .breadcrumb li.breadcrumb-item a:focus, .breadcrumb li.breadcrumb-item span:focus { + outline: none; + box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); } + .breadcrumb li.breadcrumb-item a:focus:before, .breadcrumb li.breadcrumb-item span:focus:before { + box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3); + outline: none; } + .breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item span:before { + background-color: #eee8d5; } + .breadcrumb li.breadcrumb-item a:hover, .breadcrumb li.breadcrumb-item a:active, .breadcrumb li.breadcrumb-item a:focus, a:hover > .breadcrumb li.breadcrumb-item a, a:active > .breadcrumb li.breadcrumb-item a, a:focus > .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), .breadcrumb li.breadcrumb-item span:hover, .breadcrumb li.breadcrumb-item span:active, .breadcrumb li.breadcrumb-item span:focus, a:hover > .breadcrumb li.breadcrumb-item span, a:active > .breadcrumb li.breadcrumb-item span, a:focus > .breadcrumb li.breadcrumb-item span, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled) { + color: #094959; } + .breadcrumb li.breadcrumb-item a:hover:before, .breadcrumb li.breadcrumb-item a:active:before, .breadcrumb li.breadcrumb-item a:focus:before, a:hover > .breadcrumb li.breadcrumb-item a:before, a:active > .breadcrumb li.breadcrumb-item a:before, a:focus > .breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, .breadcrumb li.breadcrumb-item span:hover:before, .breadcrumb li.breadcrumb-item span:active:before, .breadcrumb li.breadcrumb-item span:focus:before, a:hover > .breadcrumb li.breadcrumb-item span:before, a:active > .breadcrumb li.breadcrumb-item span:before, a:focus > .breadcrumb li.breadcrumb-item span:before, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):before { + background-color: #e7dec3; } + .breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item span:before { + content: " " !important; + border-right: 1px solid rgba(0, 0, 0, 0.2); } + .breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item span.active { + color: #fdf6e3; } + .breadcrumb li.breadcrumb-item a.active:before, .breadcrumb li.breadcrumb-item span.active:before { + background-color: #d33682; } + .breadcrumb li.breadcrumb-item a.active:hover, .breadcrumb li.breadcrumb-item a.active:active, .breadcrumb li.breadcrumb-item a.active:focus, a:hover > .breadcrumb li.breadcrumb-item a.active, a:active > .breadcrumb li.breadcrumb-item a.active, a:focus > .breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), .breadcrumb li.breadcrumb-item span.active:hover, .breadcrumb li.breadcrumb-item span.active:active, .breadcrumb li.breadcrumb-item span.active:focus, a:hover > .breadcrumb li.breadcrumb-item span.active, a:active > .breadcrumb li.breadcrumb-item span.active, a:focus > .breadcrumb li.breadcrumb-item span.active, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled) { + color: #fffefb; } + .breadcrumb li.breadcrumb-item a.active:hover:before, .breadcrumb li.breadcrumb-item a.active:active:before, .breadcrumb li.breadcrumb-item a.active:focus:before, a:hover > .breadcrumb li.breadcrumb-item a.active:before, a:active > .breadcrumb li.breadcrumb-item a.active:before, a:focus > .breadcrumb li.breadcrumb-item a.active:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, .breadcrumb li.breadcrumb-item span.active:hover:before, .breadcrumb li.breadcrumb-item span.active:active:before, .breadcrumb li.breadcrumb-item span.active:focus:before, a:hover > .breadcrumb li.breadcrumb-item span.active:before, a:active > .breadcrumb li.breadcrumb-item span.active:before, a:focus > .breadcrumb li.breadcrumb-item span.active:before, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):before { + background-color: #d33682; } + +.btn-blue, a.btn-blue, .badge-blue, .chip-blue, a.chip-blue, a.badge-blue, .label-blue, a.label-blue, label.label-blue { + color: #fdf6e3; } + .btn-blue:before, a.btn-blue:before, .badge-blue:before, .chip-blue:before, a.chip-blue:before, a.badge-blue:before, .label-blue:before, a.label-blue:before, label.label-blue:before { + background-color: #268bd2; } + .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), a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus, a:hover > a.btn-blue, a:active > a.btn-blue, a:focus > a.btn-blue, a.btn-blue:not(.disabled):not(:disabled):hover, a.btn-blue:not(.disabled):not(:disabled):active, a.btn-blue:not(.disabled):not(:disabled):focus, a:hover > a.btn-blue:not(.disabled):not(:disabled), a:active > a.btn-blue:not(.disabled):not(:disabled), a:focus > a.btn-blue:not(.disabled):not(:disabled), .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), .chip-blue:hover, .chip-blue:active, .chip-blue:focus, a:hover > .chip-blue, a:active > .chip-blue, a:focus > .chip-blue, .chip-blue:not(.disabled):not(:disabled):hover, .chip-blue:not(.disabled):not(:disabled):active, .chip-blue:not(.disabled):not(:disabled):focus, a:hover > .chip-blue:not(.disabled):not(:disabled), a:active > .chip-blue:not(.disabled):not(:disabled), a:focus > .chip-blue:not(.disabled):not(:disabled), a.chip-blue:hover, a.chip-blue:active, a.chip-blue:focus, a:hover > a.chip-blue, a:active > a.chip-blue, a:focus > a.chip-blue, a.chip-blue:not(.disabled):not(:disabled):hover, a.chip-blue:not(.disabled):not(:disabled):active, a.chip-blue:not(.disabled):not(:disabled):focus, a:hover > a.chip-blue:not(.disabled):not(:disabled), a:active > a.chip-blue:not(.disabled):not(:disabled), a:focus > a.chip-blue:not(.disabled):not(:disabled), a.badge-blue:hover, a.badge-blue:active, a.badge-blue:focus, a:hover > a.badge-blue, a:active > a.badge-blue, a:focus > a.badge-blue, a.badge-blue:not(.disabled):not(:disabled):hover, a.badge-blue:not(.disabled):not(:disabled):active, a.badge-blue:not(.disabled):not(:disabled):focus, a:hover > a.badge-blue:not(.disabled):not(:disabled), a:active > a.badge-blue:not(.disabled):not(:disabled), a:focus > a.badge-blue:not(.disabled):not(:disabled), .label-blue:hover, .label-blue:active, .label-blue:focus, a:hover > .label-blue, a:active > .label-blue, a:focus > .label-blue, .label-blue:not(.disabled):not(:disabled):hover, .label-blue:not(.disabled):not(:disabled):active, .label-blue:not(.disabled):not(:disabled):focus, a:hover > .label-blue:not(.disabled):not(:disabled), a:active > .label-blue:not(.disabled):not(:disabled), a:focus > .label-blue:not(.disabled):not(:disabled), a.label-blue:hover, a.label-blue:active, a.label-blue:focus, a:hover > a.label-blue, a:active > a.label-blue, a:focus > a.label-blue, a.label-blue:not(.disabled):not(:disabled):hover, a.label-blue:not(.disabled):not(:disabled):active, a.label-blue:not(.disabled):not(:disabled):focus, a:hover > a.label-blue:not(.disabled):not(:disabled), a:active > a.label-blue:not(.disabled):not(:disabled), a:focus > a.label-blue:not(.disabled):not(:disabled), label.label-blue:hover, label.label-blue:active, label.label-blue:focus, a:hover > label.label-blue, a:active > label.label-blue, a:focus > label.label-blue, label.label-blue:not(.disabled):not(:disabled):hover, label.label-blue:not(.disabled):not(:disabled):active, label.label-blue:not(.disabled):not(:disabled):focus, a:hover > label.label-blue:not(.disabled):not(:disabled), a:active > label.label-blue:not(.disabled):not(:disabled), a:focus > label.label-blue:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-blue:hover:before, .btn-blue:active:before, .btn-blue:focus:before, a:hover > .btn-blue:before, a:active > .btn-blue:before, a:focus > .btn-blue:before, .btn-blue:not(.disabled):not(:disabled):hover:before, .btn-blue:not(.disabled):not(:disabled):active:before, .btn-blue:not(.disabled):not(:disabled):focus:before, a:hover > .btn-blue:not(.disabled):not(:disabled):before, a:active > .btn-blue:not(.disabled):not(:disabled):before, a:focus > .btn-blue:not(.disabled):not(:disabled):before, a.btn-blue:hover:before, a.btn-blue:active:before, a.btn-blue:focus:before, a:hover > a.btn-blue:before, a:active > a.btn-blue:before, a:focus > a.btn-blue:before, a.btn-blue:not(.disabled):not(:disabled):hover:before, a.btn-blue:not(.disabled):not(:disabled):active:before, a.btn-blue:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-blue:not(.disabled):not(:disabled):before, a:active > a.btn-blue:not(.disabled):not(:disabled):before, a:focus > a.btn-blue:not(.disabled):not(:disabled):before, .badge-blue:hover:before, .badge-blue:active:before, .badge-blue:focus:before, a:hover > .badge-blue:before, a:active > .badge-blue:before, a:focus > .badge-blue:before, .badge-blue:not(.disabled):not(:disabled):hover:before, .badge-blue:not(.disabled):not(:disabled):active:before, .badge-blue:not(.disabled):not(:disabled):focus:before, a:hover > .badge-blue:not(.disabled):not(:disabled):before, a:active > .badge-blue:not(.disabled):not(:disabled):before, a:focus > .badge-blue:not(.disabled):not(:disabled):before, .chip-blue:hover:before, .chip-blue:active:before, .chip-blue:focus:before, a:hover > .chip-blue:before, a:active > .chip-blue:before, a:focus > .chip-blue:before, .chip-blue:not(.disabled):not(:disabled):hover:before, .chip-blue:not(.disabled):not(:disabled):active:before, .chip-blue:not(.disabled):not(:disabled):focus:before, a:hover > .chip-blue:not(.disabled):not(:disabled):before, a:active > .chip-blue:not(.disabled):not(:disabled):before, a:focus > .chip-blue:not(.disabled):not(:disabled):before, a.chip-blue:hover:before, a.chip-blue:active:before, a.chip-blue:focus:before, a:hover > a.chip-blue:before, a:active > a.chip-blue:before, a:focus > a.chip-blue:before, a.chip-blue:not(.disabled):not(:disabled):hover:before, a.chip-blue:not(.disabled):not(:disabled):active:before, a.chip-blue:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-blue:not(.disabled):not(:disabled):before, a:active > a.chip-blue:not(.disabled):not(:disabled):before, a:focus > a.chip-blue:not(.disabled):not(:disabled):before, a.badge-blue:hover:before, a.badge-blue:active:before, a.badge-blue:focus:before, a:hover > a.badge-blue:before, a:active > a.badge-blue:before, a:focus > a.badge-blue:before, a.badge-blue:not(.disabled):not(:disabled):hover:before, a.badge-blue:not(.disabled):not(:disabled):active:before, a.badge-blue:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-blue:not(.disabled):not(:disabled):before, a:active > a.badge-blue:not(.disabled):not(:disabled):before, a:focus > a.badge-blue:not(.disabled):not(:disabled):before, .label-blue:hover:before, .label-blue:active:before, .label-blue:focus:before, a:hover > .label-blue:before, a:active > .label-blue:before, a:focus > .label-blue:before, .label-blue:not(.disabled):not(:disabled):hover:before, .label-blue:not(.disabled):not(:disabled):active:before, .label-blue:not(.disabled):not(:disabled):focus:before, a:hover > .label-blue:not(.disabled):not(:disabled):before, a:active > .label-blue:not(.disabled):not(:disabled):before, a:focus > .label-blue:not(.disabled):not(:disabled):before, a.label-blue:hover:before, a.label-blue:active:before, a.label-blue:focus:before, a:hover > a.label-blue:before, a:active > a.label-blue:before, a:focus > a.label-blue:before, a.label-blue:not(.disabled):not(:disabled):hover:before, a.label-blue:not(.disabled):not(:disabled):active:before, a.label-blue:not(.disabled):not(:disabled):focus:before, a:hover > a.label-blue:not(.disabled):not(:disabled):before, a:active > a.label-blue:not(.disabled):not(:disabled):before, a:focus > a.label-blue:not(.disabled):not(:disabled):before, label.label-blue:hover:before, label.label-blue:active:before, label.label-blue:focus:before, a:hover > label.label-blue:before, a:active > label.label-blue:before, a:focus > label.label-blue:before, label.label-blue:not(.disabled):not(:disabled):hover:before, label.label-blue:not(.disabled):not(:disabled):active:before, label.label-blue:not(.disabled):not(:disabled):focus:before, a:hover > label.label-blue:not(.disabled):not(:disabled):before, a:active > label.label-blue:not(.disabled):not(:disabled):before, a:focus > label.label-blue:not(.disabled):not(:disabled):before { + background-color: #2076b2; } + +.btn-violet, a.btn-violet, .badge-violet, .chip-violet, a.chip-violet, a.badge-violet, .label-violet, a.label-violet, label.label-violet { + color: #fdf6e3; } + .btn-violet:before, a.btn-violet:before, .badge-violet:before, .chip-violet:before, a.chip-violet:before, a.badge-violet:before, .label-violet:before, a.label-violet:before, label.label-violet:before { + background-color: #d33682; } + .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), a.btn-violet:hover, a.btn-violet:active, a.btn-violet:focus, a:hover > a.btn-violet, a:active > a.btn-violet, a:focus > a.btn-violet, a.btn-violet:not(.disabled):not(:disabled):hover, a.btn-violet:not(.disabled):not(:disabled):active, a.btn-violet:not(.disabled):not(:disabled):focus, a:hover > a.btn-violet:not(.disabled):not(:disabled), a:active > a.btn-violet:not(.disabled):not(:disabled), a:focus > a.btn-violet:not(.disabled):not(:disabled), .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), .chip-violet:hover, .chip-violet:active, .chip-violet:focus, a:hover > .chip-violet, a:active > .chip-violet, a:focus > .chip-violet, .chip-violet:not(.disabled):not(:disabled):hover, .chip-violet:not(.disabled):not(:disabled):active, .chip-violet:not(.disabled):not(:disabled):focus, a:hover > .chip-violet:not(.disabled):not(:disabled), a:active > .chip-violet:not(.disabled):not(:disabled), a:focus > .chip-violet:not(.disabled):not(:disabled), a.chip-violet:hover, a.chip-violet:active, a.chip-violet:focus, a:hover > a.chip-violet, a:active > a.chip-violet, a:focus > a.chip-violet, a.chip-violet:not(.disabled):not(:disabled):hover, a.chip-violet:not(.disabled):not(:disabled):active, a.chip-violet:not(.disabled):not(:disabled):focus, a:hover > a.chip-violet:not(.disabled):not(:disabled), a:active > a.chip-violet:not(.disabled):not(:disabled), a:focus > a.chip-violet:not(.disabled):not(:disabled), a.badge-violet:hover, a.badge-violet:active, a.badge-violet:focus, a:hover > a.badge-violet, a:active > a.badge-violet, a:focus > a.badge-violet, a.badge-violet:not(.disabled):not(:disabled):hover, a.badge-violet:not(.disabled):not(:disabled):active, a.badge-violet:not(.disabled):not(:disabled):focus, a:hover > a.badge-violet:not(.disabled):not(:disabled), a:active > a.badge-violet:not(.disabled):not(:disabled), a:focus > a.badge-violet:not(.disabled):not(:disabled), .label-violet:hover, .label-violet:active, .label-violet:focus, a:hover > .label-violet, a:active > .label-violet, a:focus > .label-violet, .label-violet:not(.disabled):not(:disabled):hover, .label-violet:not(.disabled):not(:disabled):active, .label-violet:not(.disabled):not(:disabled):focus, a:hover > .label-violet:not(.disabled):not(:disabled), a:active > .label-violet:not(.disabled):not(:disabled), a:focus > .label-violet:not(.disabled):not(:disabled), a.label-violet:hover, a.label-violet:active, a.label-violet:focus, a:hover > a.label-violet, a:active > a.label-violet, a:focus > a.label-violet, a.label-violet:not(.disabled):not(:disabled):hover, a.label-violet:not(.disabled):not(:disabled):active, a.label-violet:not(.disabled):not(:disabled):focus, a:hover > a.label-violet:not(.disabled):not(:disabled), a:active > a.label-violet:not(.disabled):not(:disabled), a:focus > a.label-violet:not(.disabled):not(:disabled), label.label-violet:hover, label.label-violet:active, label.label-violet:focus, a:hover > label.label-violet, a:active > label.label-violet, a:focus > label.label-violet, label.label-violet:not(.disabled):not(:disabled):hover, label.label-violet:not(.disabled):not(:disabled):active, label.label-violet:not(.disabled):not(:disabled):focus, a:hover > label.label-violet:not(.disabled):not(:disabled), a:active > label.label-violet:not(.disabled):not(:disabled), a:focus > label.label-violet:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-violet:hover:before, .btn-violet:active:before, .btn-violet:focus:before, a:hover > .btn-violet:before, a:active > .btn-violet:before, a:focus > .btn-violet:before, .btn-violet:not(.disabled):not(:disabled):hover:before, .btn-violet:not(.disabled):not(:disabled):active:before, .btn-violet:not(.disabled):not(:disabled):focus:before, a:hover > .btn-violet:not(.disabled):not(:disabled):before, a:active > .btn-violet:not(.disabled):not(:disabled):before, a:focus > .btn-violet:not(.disabled):not(:disabled):before, a.btn-violet:hover:before, a.btn-violet:active:before, a.btn-violet:focus:before, a:hover > a.btn-violet:before, a:active > a.btn-violet:before, a:focus > a.btn-violet:before, a.btn-violet:not(.disabled):not(:disabled):hover:before, a.btn-violet:not(.disabled):not(:disabled):active:before, a.btn-violet:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-violet:not(.disabled):not(:disabled):before, a:active > a.btn-violet:not(.disabled):not(:disabled):before, a:focus > a.btn-violet:not(.disabled):not(:disabled):before, .badge-violet:hover:before, .badge-violet:active:before, .badge-violet:focus:before, a:hover > .badge-violet:before, a:active > .badge-violet:before, a:focus > .badge-violet:before, .badge-violet:not(.disabled):not(:disabled):hover:before, .badge-violet:not(.disabled):not(:disabled):active:before, .badge-violet:not(.disabled):not(:disabled):focus:before, a:hover > .badge-violet:not(.disabled):not(:disabled):before, a:active > .badge-violet:not(.disabled):not(:disabled):before, a:focus > .badge-violet:not(.disabled):not(:disabled):before, .chip-violet:hover:before, .chip-violet:active:before, .chip-violet:focus:before, a:hover > .chip-violet:before, a:active > .chip-violet:before, a:focus > .chip-violet:before, .chip-violet:not(.disabled):not(:disabled):hover:before, .chip-violet:not(.disabled):not(:disabled):active:before, .chip-violet:not(.disabled):not(:disabled):focus:before, a:hover > .chip-violet:not(.disabled):not(:disabled):before, a:active > .chip-violet:not(.disabled):not(:disabled):before, a:focus > .chip-violet:not(.disabled):not(:disabled):before, a.chip-violet:hover:before, a.chip-violet:active:before, a.chip-violet:focus:before, a:hover > a.chip-violet:before, a:active > a.chip-violet:before, a:focus > a.chip-violet:before, a.chip-violet:not(.disabled):not(:disabled):hover:before, a.chip-violet:not(.disabled):not(:disabled):active:before, a.chip-violet:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-violet:not(.disabled):not(:disabled):before, a:active > a.chip-violet:not(.disabled):not(:disabled):before, a:focus > a.chip-violet:not(.disabled):not(:disabled):before, a.badge-violet:hover:before, a.badge-violet:active:before, a.badge-violet:focus:before, a:hover > a.badge-violet:before, a:active > a.badge-violet:before, a:focus > a.badge-violet:before, a.badge-violet:not(.disabled):not(:disabled):hover:before, a.badge-violet:not(.disabled):not(:disabled):active:before, a.badge-violet:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-violet:not(.disabled):not(:disabled):before, a:active > a.badge-violet:not(.disabled):not(:disabled):before, a:focus > a.badge-violet:not(.disabled):not(:disabled):before, .label-violet:hover:before, .label-violet:active:before, .label-violet:focus:before, a:hover > .label-violet:before, a:active > .label-violet:before, a:focus > .label-violet:before, .label-violet:not(.disabled):not(:disabled):hover:before, .label-violet:not(.disabled):not(:disabled):active:before, .label-violet:not(.disabled):not(:disabled):focus:before, a:hover > .label-violet:not(.disabled):not(:disabled):before, a:active > .label-violet:not(.disabled):not(:disabled):before, a:focus > .label-violet:not(.disabled):not(:disabled):before, a.label-violet:hover:before, a.label-violet:active:before, a.label-violet:focus:before, a:hover > a.label-violet:before, a:active > a.label-violet:before, a:focus > a.label-violet:before, a.label-violet:not(.disabled):not(:disabled):hover:before, a.label-violet:not(.disabled):not(:disabled):active:before, a.label-violet:not(.disabled):not(:disabled):focus:before, a:hover > a.label-violet:not(.disabled):not(:disabled):before, a:active > a.label-violet:not(.disabled):not(:disabled):before, a:focus > a.label-violet:not(.disabled):not(:disabled):before, label.label-violet:hover:before, label.label-violet:active:before, label.label-violet:focus:before, a:hover > label.label-violet:before, a:active > label.label-violet:before, a:focus > label.label-violet:before, label.label-violet:not(.disabled):not(:disabled):hover:before, label.label-violet:not(.disabled):not(:disabled):active:before, label.label-violet:not(.disabled):not(:disabled):focus:before, a:hover > label.label-violet:not(.disabled):not(:disabled):before, a:active > label.label-violet:not(.disabled):not(:disabled):before, a:focus > label.label-violet:not(.disabled):not(:disabled):before { + background-color: #ba296f; } + +.btn-purple, a.btn-purple, .badge-purple, .chip-purple, a.chip-purple, a.badge-purple, .label-purple, a.label-purple, label.label-purple { + color: #fdf6e3; } + .btn-purple:before, a.btn-purple:before, .badge-purple:before, .chip-purple:before, a.chip-purple:before, a.badge-purple:before, .label-purple:before, a.label-purple:before, label.label-purple:before { + background-color: #6c71c4; } + .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), a.btn-purple:hover, a.btn-purple:active, a.btn-purple:focus, a:hover > a.btn-purple, a:active > a.btn-purple, a:focus > a.btn-purple, a.btn-purple:not(.disabled):not(:disabled):hover, a.btn-purple:not(.disabled):not(:disabled):active, a.btn-purple:not(.disabled):not(:disabled):focus, a:hover > a.btn-purple:not(.disabled):not(:disabled), a:active > a.btn-purple:not(.disabled):not(:disabled), a:focus > a.btn-purple:not(.disabled):not(:disabled), .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), .chip-purple:hover, .chip-purple:active, .chip-purple:focus, a:hover > .chip-purple, a:active > .chip-purple, a:focus > .chip-purple, .chip-purple:not(.disabled):not(:disabled):hover, .chip-purple:not(.disabled):not(:disabled):active, .chip-purple:not(.disabled):not(:disabled):focus, a:hover > .chip-purple:not(.disabled):not(:disabled), a:active > .chip-purple:not(.disabled):not(:disabled), a:focus > .chip-purple:not(.disabled):not(:disabled), a.chip-purple:hover, a.chip-purple:active, a.chip-purple:focus, a:hover > a.chip-purple, a:active > a.chip-purple, a:focus > a.chip-purple, a.chip-purple:not(.disabled):not(:disabled):hover, a.chip-purple:not(.disabled):not(:disabled):active, a.chip-purple:not(.disabled):not(:disabled):focus, a:hover > a.chip-purple:not(.disabled):not(:disabled), a:active > a.chip-purple:not(.disabled):not(:disabled), a:focus > a.chip-purple:not(.disabled):not(:disabled), a.badge-purple:hover, a.badge-purple:active, a.badge-purple:focus, a:hover > a.badge-purple, a:active > a.badge-purple, a:focus > a.badge-purple, a.badge-purple:not(.disabled):not(:disabled):hover, a.badge-purple:not(.disabled):not(:disabled):active, a.badge-purple:not(.disabled):not(:disabled):focus, a:hover > a.badge-purple:not(.disabled):not(:disabled), a:active > a.badge-purple:not(.disabled):not(:disabled), a:focus > a.badge-purple:not(.disabled):not(:disabled), .label-purple:hover, .label-purple:active, .label-purple:focus, a:hover > .label-purple, a:active > .label-purple, a:focus > .label-purple, .label-purple:not(.disabled):not(:disabled):hover, .label-purple:not(.disabled):not(:disabled):active, .label-purple:not(.disabled):not(:disabled):focus, a:hover > .label-purple:not(.disabled):not(:disabled), a:active > .label-purple:not(.disabled):not(:disabled), a:focus > .label-purple:not(.disabled):not(:disabled), a.label-purple:hover, a.label-purple:active, a.label-purple:focus, a:hover > a.label-purple, a:active > a.label-purple, a:focus > a.label-purple, a.label-purple:not(.disabled):not(:disabled):hover, a.label-purple:not(.disabled):not(:disabled):active, a.label-purple:not(.disabled):not(:disabled):focus, a:hover > a.label-purple:not(.disabled):not(:disabled), a:active > a.label-purple:not(.disabled):not(:disabled), a:focus > a.label-purple:not(.disabled):not(:disabled), label.label-purple:hover, label.label-purple:active, label.label-purple:focus, a:hover > label.label-purple, a:active > label.label-purple, a:focus > label.label-purple, label.label-purple:not(.disabled):not(:disabled):hover, label.label-purple:not(.disabled):not(:disabled):active, label.label-purple:not(.disabled):not(:disabled):focus, a:hover > label.label-purple:not(.disabled):not(:disabled), a:active > label.label-purple:not(.disabled):not(:disabled), a:focus > label.label-purple:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-purple:hover:before, .btn-purple:active:before, .btn-purple:focus:before, a:hover > .btn-purple:before, a:active > .btn-purple:before, a:focus > .btn-purple:before, .btn-purple:not(.disabled):not(:disabled):hover:before, .btn-purple:not(.disabled):not(:disabled):active:before, .btn-purple:not(.disabled):not(:disabled):focus:before, a:hover > .btn-purple:not(.disabled):not(:disabled):before, a:active > .btn-purple:not(.disabled):not(:disabled):before, a:focus > .btn-purple:not(.disabled):not(:disabled):before, a.btn-purple:hover:before, a.btn-purple:active:before, a.btn-purple:focus:before, a:hover > a.btn-purple:before, a:active > a.btn-purple:before, a:focus > a.btn-purple:before, a.btn-purple:not(.disabled):not(:disabled):hover:before, a.btn-purple:not(.disabled):not(:disabled):active:before, a.btn-purple:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-purple:not(.disabled):not(:disabled):before, a:active > a.btn-purple:not(.disabled):not(:disabled):before, a:focus > a.btn-purple:not(.disabled):not(:disabled):before, .badge-purple:hover:before, .badge-purple:active:before, .badge-purple:focus:before, a:hover > .badge-purple:before, a:active > .badge-purple:before, a:focus > .badge-purple:before, .badge-purple:not(.disabled):not(:disabled):hover:before, .badge-purple:not(.disabled):not(:disabled):active:before, .badge-purple:not(.disabled):not(:disabled):focus:before, a:hover > .badge-purple:not(.disabled):not(:disabled):before, a:active > .badge-purple:not(.disabled):not(:disabled):before, a:focus > .badge-purple:not(.disabled):not(:disabled):before, .chip-purple:hover:before, .chip-purple:active:before, .chip-purple:focus:before, a:hover > .chip-purple:before, a:active > .chip-purple:before, a:focus > .chip-purple:before, .chip-purple:not(.disabled):not(:disabled):hover:before, .chip-purple:not(.disabled):not(:disabled):active:before, .chip-purple:not(.disabled):not(:disabled):focus:before, a:hover > .chip-purple:not(.disabled):not(:disabled):before, a:active > .chip-purple:not(.disabled):not(:disabled):before, a:focus > .chip-purple:not(.disabled):not(:disabled):before, a.chip-purple:hover:before, a.chip-purple:active:before, a.chip-purple:focus:before, a:hover > a.chip-purple:before, a:active > a.chip-purple:before, a:focus > a.chip-purple:before, a.chip-purple:not(.disabled):not(:disabled):hover:before, a.chip-purple:not(.disabled):not(:disabled):active:before, a.chip-purple:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-purple:not(.disabled):not(:disabled):before, a:active > a.chip-purple:not(.disabled):not(:disabled):before, a:focus > a.chip-purple:not(.disabled):not(:disabled):before, a.badge-purple:hover:before, a.badge-purple:active:before, a.badge-purple:focus:before, a:hover > a.badge-purple:before, a:active > a.badge-purple:before, a:focus > a.badge-purple:before, a.badge-purple:not(.disabled):not(:disabled):hover:before, a.badge-purple:not(.disabled):not(:disabled):active:before, a.badge-purple:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-purple:not(.disabled):not(:disabled):before, a:active > a.badge-purple:not(.disabled):not(:disabled):before, a:focus > a.badge-purple:not(.disabled):not(:disabled):before, .label-purple:hover:before, .label-purple:active:before, .label-purple:focus:before, a:hover > .label-purple:before, a:active > .label-purple:before, a:focus > .label-purple:before, .label-purple:not(.disabled):not(:disabled):hover:before, .label-purple:not(.disabled):not(:disabled):active:before, .label-purple:not(.disabled):not(:disabled):focus:before, a:hover > .label-purple:not(.disabled):not(:disabled):before, a:active > .label-purple:not(.disabled):not(:disabled):before, a:focus > .label-purple:not(.disabled):not(:disabled):before, a.label-purple:hover:before, a.label-purple:active:before, a.label-purple:focus:before, a:hover > a.label-purple:before, a:active > a.label-purple:before, a:focus > a.label-purple:before, a.label-purple:not(.disabled):not(:disabled):hover:before, a.label-purple:not(.disabled):not(:disabled):active:before, a.label-purple:not(.disabled):not(:disabled):focus:before, a:hover > a.label-purple:not(.disabled):not(:disabled):before, a:active > a.label-purple:not(.disabled):not(:disabled):before, a:focus > a.label-purple:not(.disabled):not(:disabled):before, label.label-purple:hover:before, label.label-purple:active:before, label.label-purple:focus:before, a:hover > label.label-purple:before, a:active > label.label-purple:before, a:focus > label.label-purple:before, label.label-purple:not(.disabled):not(:disabled):hover:before, label.label-purple:not(.disabled):not(:disabled):active:before, label.label-purple:not(.disabled):not(:disabled):focus:before, a:hover > label.label-purple:not(.disabled):not(:disabled):before, a:active > label.label-purple:not(.disabled):not(:disabled):before, a:focus > label.label-purple:not(.disabled):not(:disabled):before { + background-color: #5157b9; } + +.btn-red, a.btn-red, .badge-red, .chip-red, a.chip-red, a.badge-red, .label-red, a.label-red, label.label-red { + color: #fdf6e3; } + .btn-red:before, a.btn-red:before, .badge-red:before, .chip-red:before, a.chip-red:before, a.badge-red:before, .label-red:before, a.label-red:before, label.label-red:before { + background-color: #dc322f; } + .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), a.btn-red:hover, a.btn-red:active, a.btn-red:focus, a:hover > a.btn-red, a:active > a.btn-red, a:focus > a.btn-red, a.btn-red:not(.disabled):not(:disabled):hover, a.btn-red:not(.disabled):not(:disabled):active, a.btn-red:not(.disabled):not(:disabled):focus, a:hover > a.btn-red:not(.disabled):not(:disabled), a:active > a.btn-red:not(.disabled):not(:disabled), a:focus > a.btn-red:not(.disabled):not(:disabled), .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), .chip-red:hover, .chip-red:active, .chip-red:focus, a:hover > .chip-red, a:active > .chip-red, a:focus > .chip-red, .chip-red:not(.disabled):not(:disabled):hover, .chip-red:not(.disabled):not(:disabled):active, .chip-red:not(.disabled):not(:disabled):focus, a:hover > .chip-red:not(.disabled):not(:disabled), a:active > .chip-red:not(.disabled):not(:disabled), a:focus > .chip-red:not(.disabled):not(:disabled), a.chip-red:hover, a.chip-red:active, a.chip-red:focus, a:hover > a.chip-red, a:active > a.chip-red, a:focus > a.chip-red, a.chip-red:not(.disabled):not(:disabled):hover, a.chip-red:not(.disabled):not(:disabled):active, a.chip-red:not(.disabled):not(:disabled):focus, a:hover > a.chip-red:not(.disabled):not(:disabled), a:active > a.chip-red:not(.disabled):not(:disabled), a:focus > a.chip-red:not(.disabled):not(:disabled), a.badge-red:hover, a.badge-red:active, a.badge-red:focus, a:hover > a.badge-red, a:active > a.badge-red, a:focus > a.badge-red, a.badge-red:not(.disabled):not(:disabled):hover, a.badge-red:not(.disabled):not(:disabled):active, a.badge-red:not(.disabled):not(:disabled):focus, a:hover > a.badge-red:not(.disabled):not(:disabled), a:active > a.badge-red:not(.disabled):not(:disabled), a:focus > a.badge-red:not(.disabled):not(:disabled), .label-red:hover, .label-red:active, .label-red:focus, a:hover > .label-red, a:active > .label-red, a:focus > .label-red, .label-red:not(.disabled):not(:disabled):hover, .label-red:not(.disabled):not(:disabled):active, .label-red:not(.disabled):not(:disabled):focus, a:hover > .label-red:not(.disabled):not(:disabled), a:active > .label-red:not(.disabled):not(:disabled), a:focus > .label-red:not(.disabled):not(:disabled), a.label-red:hover, a.label-red:active, a.label-red:focus, a:hover > a.label-red, a:active > a.label-red, a:focus > a.label-red, a.label-red:not(.disabled):not(:disabled):hover, a.label-red:not(.disabled):not(:disabled):active, a.label-red:not(.disabled):not(:disabled):focus, a:hover > a.label-red:not(.disabled):not(:disabled), a:active > a.label-red:not(.disabled):not(:disabled), a:focus > a.label-red:not(.disabled):not(:disabled), label.label-red:hover, label.label-red:active, label.label-red:focus, a:hover > label.label-red, a:active > label.label-red, a:focus > label.label-red, label.label-red:not(.disabled):not(:disabled):hover, label.label-red:not(.disabled):not(:disabled):active, label.label-red:not(.disabled):not(:disabled):focus, a:hover > label.label-red:not(.disabled):not(:disabled), a:active > label.label-red:not(.disabled):not(:disabled), a:focus > label.label-red:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-red:hover:before, .btn-red:active:before, .btn-red:focus:before, a:hover > .btn-red:before, a:active > .btn-red:before, a:focus > .btn-red:before, .btn-red:not(.disabled):not(:disabled):hover:before, .btn-red:not(.disabled):not(:disabled):active:before, .btn-red:not(.disabled):not(:disabled):focus:before, a:hover > .btn-red:not(.disabled):not(:disabled):before, a:active > .btn-red:not(.disabled):not(:disabled):before, a:focus > .btn-red:not(.disabled):not(:disabled):before, a.btn-red:hover:before, a.btn-red:active:before, a.btn-red:focus:before, a:hover > a.btn-red:before, a:active > a.btn-red:before, a:focus > a.btn-red:before, a.btn-red:not(.disabled):not(:disabled):hover:before, a.btn-red:not(.disabled):not(:disabled):active:before, a.btn-red:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-red:not(.disabled):not(:disabled):before, a:active > a.btn-red:not(.disabled):not(:disabled):before, a:focus > a.btn-red:not(.disabled):not(:disabled):before, .badge-red:hover:before, .badge-red:active:before, .badge-red:focus:before, a:hover > .badge-red:before, a:active > .badge-red:before, a:focus > .badge-red:before, .badge-red:not(.disabled):not(:disabled):hover:before, .badge-red:not(.disabled):not(:disabled):active:before, .badge-red:not(.disabled):not(:disabled):focus:before, a:hover > .badge-red:not(.disabled):not(:disabled):before, a:active > .badge-red:not(.disabled):not(:disabled):before, a:focus > .badge-red:not(.disabled):not(:disabled):before, .chip-red:hover:before, .chip-red:active:before, .chip-red:focus:before, a:hover > .chip-red:before, a:active > .chip-red:before, a:focus > .chip-red:before, .chip-red:not(.disabled):not(:disabled):hover:before, .chip-red:not(.disabled):not(:disabled):active:before, .chip-red:not(.disabled):not(:disabled):focus:before, a:hover > .chip-red:not(.disabled):not(:disabled):before, a:active > .chip-red:not(.disabled):not(:disabled):before, a:focus > .chip-red:not(.disabled):not(:disabled):before, a.chip-red:hover:before, a.chip-red:active:before, a.chip-red:focus:before, a:hover > a.chip-red:before, a:active > a.chip-red:before, a:focus > a.chip-red:before, a.chip-red:not(.disabled):not(:disabled):hover:before, a.chip-red:not(.disabled):not(:disabled):active:before, a.chip-red:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-red:not(.disabled):not(:disabled):before, a:active > a.chip-red:not(.disabled):not(:disabled):before, a:focus > a.chip-red:not(.disabled):not(:disabled):before, a.badge-red:hover:before, a.badge-red:active:before, a.badge-red:focus:before, a:hover > a.badge-red:before, a:active > a.badge-red:before, a:focus > a.badge-red:before, a.badge-red:not(.disabled):not(:disabled):hover:before, a.badge-red:not(.disabled):not(:disabled):active:before, a.badge-red:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-red:not(.disabled):not(:disabled):before, a:active > a.badge-red:not(.disabled):not(:disabled):before, a:focus > a.badge-red:not(.disabled):not(:disabled):before, .label-red:hover:before, .label-red:active:before, .label-red:focus:before, a:hover > .label-red:before, a:active > .label-red:before, a:focus > .label-red:before, .label-red:not(.disabled):not(:disabled):hover:before, .label-red:not(.disabled):not(:disabled):active:before, .label-red:not(.disabled):not(:disabled):focus:before, a:hover > .label-red:not(.disabled):not(:disabled):before, a:active > .label-red:not(.disabled):not(:disabled):before, a:focus > .label-red:not(.disabled):not(:disabled):before, a.label-red:hover:before, a.label-red:active:before, a.label-red:focus:before, a:hover > a.label-red:before, a:active > a.label-red:before, a:focus > a.label-red:before, a.label-red:not(.disabled):not(:disabled):hover:before, a.label-red:not(.disabled):not(:disabled):active:before, a.label-red:not(.disabled):not(:disabled):focus:before, a:hover > a.label-red:not(.disabled):not(:disabled):before, a:active > a.label-red:not(.disabled):not(:disabled):before, a:focus > a.label-red:not(.disabled):not(:disabled):before, label.label-red:hover:before, label.label-red:active:before, label.label-red:focus:before, a:hover > label.label-red:before, a:active > label.label-red:before, a:focus > label.label-red:before, label.label-red:not(.disabled):not(:disabled):hover:before, label.label-red:not(.disabled):not(:disabled):active:before, label.label-red:not(.disabled):not(:disabled):focus:before, a:hover > label.label-red:not(.disabled):not(:disabled):before, a:active > label.label-red:not(.disabled):not(:disabled):before, a:focus > label.label-red:not(.disabled):not(:disabled):before { + background-color: #c42421; } + +.btn-orange, a.btn-orange, .badge-orange, .chip-orange, a.chip-orange, a.badge-orange, .label-orange, a.label-orange, label.label-orange { + color: #fdf6e3; } + .btn-orange:before, a.btn-orange:before, .badge-orange:before, .chip-orange:before, a.chip-orange:before, a.badge-orange:before, .label-orange:before, a.label-orange:before, label.label-orange:before { + background-color: #cb4b16; } + .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), a.btn-orange:hover, a.btn-orange:active, a.btn-orange:focus, a:hover > a.btn-orange, a:active > a.btn-orange, a:focus > a.btn-orange, a.btn-orange:not(.disabled):not(:disabled):hover, a.btn-orange:not(.disabled):not(:disabled):active, a.btn-orange:not(.disabled):not(:disabled):focus, a:hover > a.btn-orange:not(.disabled):not(:disabled), a:active > a.btn-orange:not(.disabled):not(:disabled), a:focus > a.btn-orange:not(.disabled):not(:disabled), .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), .chip-orange:hover, .chip-orange:active, .chip-orange:focus, a:hover > .chip-orange, a:active > .chip-orange, a:focus > .chip-orange, .chip-orange:not(.disabled):not(:disabled):hover, .chip-orange:not(.disabled):not(:disabled):active, .chip-orange:not(.disabled):not(:disabled):focus, a:hover > .chip-orange:not(.disabled):not(:disabled), a:active > .chip-orange:not(.disabled):not(:disabled), a:focus > .chip-orange:not(.disabled):not(:disabled), a.chip-orange:hover, a.chip-orange:active, a.chip-orange:focus, a:hover > a.chip-orange, a:active > a.chip-orange, a:focus > a.chip-orange, a.chip-orange:not(.disabled):not(:disabled):hover, a.chip-orange:not(.disabled):not(:disabled):active, a.chip-orange:not(.disabled):not(:disabled):focus, a:hover > a.chip-orange:not(.disabled):not(:disabled), a:active > a.chip-orange:not(.disabled):not(:disabled), a:focus > a.chip-orange:not(.disabled):not(:disabled), a.badge-orange:hover, a.badge-orange:active, a.badge-orange:focus, a:hover > a.badge-orange, a:active > a.badge-orange, a:focus > a.badge-orange, a.badge-orange:not(.disabled):not(:disabled):hover, a.badge-orange:not(.disabled):not(:disabled):active, a.badge-orange:not(.disabled):not(:disabled):focus, a:hover > a.badge-orange:not(.disabled):not(:disabled), a:active > a.badge-orange:not(.disabled):not(:disabled), a:focus > a.badge-orange:not(.disabled):not(:disabled), .label-orange:hover, .label-orange:active, .label-orange:focus, a:hover > .label-orange, a:active > .label-orange, a:focus > .label-orange, .label-orange:not(.disabled):not(:disabled):hover, .label-orange:not(.disabled):not(:disabled):active, .label-orange:not(.disabled):not(:disabled):focus, a:hover > .label-orange:not(.disabled):not(:disabled), a:active > .label-orange:not(.disabled):not(:disabled), a:focus > .label-orange:not(.disabled):not(:disabled), a.label-orange:hover, a.label-orange:active, a.label-orange:focus, a:hover > a.label-orange, a:active > a.label-orange, a:focus > a.label-orange, a.label-orange:not(.disabled):not(:disabled):hover, a.label-orange:not(.disabled):not(:disabled):active, a.label-orange:not(.disabled):not(:disabled):focus, a:hover > a.label-orange:not(.disabled):not(:disabled), a:active > a.label-orange:not(.disabled):not(:disabled), a:focus > a.label-orange:not(.disabled):not(:disabled), label.label-orange:hover, label.label-orange:active, label.label-orange:focus, a:hover > label.label-orange, a:active > label.label-orange, a:focus > label.label-orange, label.label-orange:not(.disabled):not(:disabled):hover, label.label-orange:not(.disabled):not(:disabled):active, label.label-orange:not(.disabled):not(:disabled):focus, a:hover > label.label-orange:not(.disabled):not(:disabled), a:active > label.label-orange:not(.disabled):not(:disabled), a:focus > label.label-orange:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-orange:hover:before, .btn-orange:active:before, .btn-orange:focus:before, a:hover > .btn-orange:before, a:active > .btn-orange:before, a:focus > .btn-orange:before, .btn-orange:not(.disabled):not(:disabled):hover:before, .btn-orange:not(.disabled):not(:disabled):active:before, .btn-orange:not(.disabled):not(:disabled):focus:before, a:hover > .btn-orange:not(.disabled):not(:disabled):before, a:active > .btn-orange:not(.disabled):not(:disabled):before, a:focus > .btn-orange:not(.disabled):not(:disabled):before, a.btn-orange:hover:before, a.btn-orange:active:before, a.btn-orange:focus:before, a:hover > a.btn-orange:before, a:active > a.btn-orange:before, a:focus > a.btn-orange:before, a.btn-orange:not(.disabled):not(:disabled):hover:before, a.btn-orange:not(.disabled):not(:disabled):active:before, a.btn-orange:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-orange:not(.disabled):not(:disabled):before, a:active > a.btn-orange:not(.disabled):not(:disabled):before, a:focus > a.btn-orange:not(.disabled):not(:disabled):before, .badge-orange:hover:before, .badge-orange:active:before, .badge-orange:focus:before, a:hover > .badge-orange:before, a:active > .badge-orange:before, a:focus > .badge-orange:before, .badge-orange:not(.disabled):not(:disabled):hover:before, .badge-orange:not(.disabled):not(:disabled):active:before, .badge-orange:not(.disabled):not(:disabled):focus:before, a:hover > .badge-orange:not(.disabled):not(:disabled):before, a:active > .badge-orange:not(.disabled):not(:disabled):before, a:focus > .badge-orange:not(.disabled):not(:disabled):before, .chip-orange:hover:before, .chip-orange:active:before, .chip-orange:focus:before, a:hover > .chip-orange:before, a:active > .chip-orange:before, a:focus > .chip-orange:before, .chip-orange:not(.disabled):not(:disabled):hover:before, .chip-orange:not(.disabled):not(:disabled):active:before, .chip-orange:not(.disabled):not(:disabled):focus:before, a:hover > .chip-orange:not(.disabled):not(:disabled):before, a:active > .chip-orange:not(.disabled):not(:disabled):before, a:focus > .chip-orange:not(.disabled):not(:disabled):before, a.chip-orange:hover:before, a.chip-orange:active:before, a.chip-orange:focus:before, a:hover > a.chip-orange:before, a:active > a.chip-orange:before, a:focus > a.chip-orange:before, a.chip-orange:not(.disabled):not(:disabled):hover:before, a.chip-orange:not(.disabled):not(:disabled):active:before, a.chip-orange:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-orange:not(.disabled):not(:disabled):before, a:active > a.chip-orange:not(.disabled):not(:disabled):before, a:focus > a.chip-orange:not(.disabled):not(:disabled):before, a.badge-orange:hover:before, a.badge-orange:active:before, a.badge-orange:focus:before, a:hover > a.badge-orange:before, a:active > a.badge-orange:before, a:focus > a.badge-orange:before, a.badge-orange:not(.disabled):not(:disabled):hover:before, a.badge-orange:not(.disabled):not(:disabled):active:before, a.badge-orange:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-orange:not(.disabled):not(:disabled):before, a:active > a.badge-orange:not(.disabled):not(:disabled):before, a:focus > a.badge-orange:not(.disabled):not(:disabled):before, .label-orange:hover:before, .label-orange:active:before, .label-orange:focus:before, a:hover > .label-orange:before, a:active > .label-orange:before, a:focus > .label-orange:before, .label-orange:not(.disabled):not(:disabled):hover:before, .label-orange:not(.disabled):not(:disabled):active:before, .label-orange:not(.disabled):not(:disabled):focus:before, a:hover > .label-orange:not(.disabled):not(:disabled):before, a:active > .label-orange:not(.disabled):not(:disabled):before, a:focus > .label-orange:not(.disabled):not(:disabled):before, a.label-orange:hover:before, a.label-orange:active:before, a.label-orange:focus:before, a:hover > a.label-orange:before, a:active > a.label-orange:before, a:focus > a.label-orange:before, a.label-orange:not(.disabled):not(:disabled):hover:before, a.label-orange:not(.disabled):not(:disabled):active:before, a.label-orange:not(.disabled):not(:disabled):focus:before, a:hover > a.label-orange:not(.disabled):not(:disabled):before, a:active > a.label-orange:not(.disabled):not(:disabled):before, a:focus > a.label-orange:not(.disabled):not(:disabled):before, label.label-orange:hover:before, label.label-orange:active:before, label.label-orange:focus:before, a:hover > label.label-orange:before, a:active > label.label-orange:before, a:focus > label.label-orange:before, label.label-orange:not(.disabled):not(:disabled):hover:before, label.label-orange:not(.disabled):not(:disabled):active:before, label.label-orange:not(.disabled):not(:disabled):focus:before, a:hover > label.label-orange:not(.disabled):not(:disabled):before, a:active > label.label-orange:not(.disabled):not(:disabled):before, a:focus > label.label-orange:not(.disabled):not(:disabled):before { + background-color: #a83e12; } + +.btn-green, a.btn-green, .badge-green, .chip-green, a.chip-green, a.badge-green, .label-green, a.label-green, label.label-green { + color: #fdf6e3; } + .btn-green:before, a.btn-green:before, .badge-green:before, .chip-green:before, a.chip-green:before, a.badge-green:before, .label-green:before, a.label-green:before, label.label-green:before { + background-color: #859900; } + .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), a.btn-green:hover, a.btn-green:active, a.btn-green:focus, a:hover > a.btn-green, a:active > a.btn-green, a:focus > a.btn-green, a.btn-green:not(.disabled):not(:disabled):hover, a.btn-green:not(.disabled):not(:disabled):active, a.btn-green:not(.disabled):not(:disabled):focus, a:hover > a.btn-green:not(.disabled):not(:disabled), a:active > a.btn-green:not(.disabled):not(:disabled), a:focus > a.btn-green:not(.disabled):not(:disabled), .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), .chip-green:hover, .chip-green:active, .chip-green:focus, a:hover > .chip-green, a:active > .chip-green, a:focus > .chip-green, .chip-green:not(.disabled):not(:disabled):hover, .chip-green:not(.disabled):not(:disabled):active, .chip-green:not(.disabled):not(:disabled):focus, a:hover > .chip-green:not(.disabled):not(:disabled), a:active > .chip-green:not(.disabled):not(:disabled), a:focus > .chip-green:not(.disabled):not(:disabled), a.chip-green:hover, a.chip-green:active, a.chip-green:focus, a:hover > a.chip-green, a:active > a.chip-green, a:focus > a.chip-green, a.chip-green:not(.disabled):not(:disabled):hover, a.chip-green:not(.disabled):not(:disabled):active, a.chip-green:not(.disabled):not(:disabled):focus, a:hover > a.chip-green:not(.disabled):not(:disabled), a:active > a.chip-green:not(.disabled):not(:disabled), a:focus > a.chip-green:not(.disabled):not(:disabled), a.badge-green:hover, a.badge-green:active, a.badge-green:focus, a:hover > a.badge-green, a:active > a.badge-green, a:focus > a.badge-green, a.badge-green:not(.disabled):not(:disabled):hover, a.badge-green:not(.disabled):not(:disabled):active, a.badge-green:not(.disabled):not(:disabled):focus, a:hover > a.badge-green:not(.disabled):not(:disabled), a:active > a.badge-green:not(.disabled):not(:disabled), a:focus > a.badge-green:not(.disabled):not(:disabled), .label-green:hover, .label-green:active, .label-green:focus, a:hover > .label-green, a:active > .label-green, a:focus > .label-green, .label-green:not(.disabled):not(:disabled):hover, .label-green:not(.disabled):not(:disabled):active, .label-green:not(.disabled):not(:disabled):focus, a:hover > .label-green:not(.disabled):not(:disabled), a:active > .label-green:not(.disabled):not(:disabled), a:focus > .label-green:not(.disabled):not(:disabled), a.label-green:hover, a.label-green:active, a.label-green:focus, a:hover > a.label-green, a:active > a.label-green, a:focus > a.label-green, a.label-green:not(.disabled):not(:disabled):hover, a.label-green:not(.disabled):not(:disabled):active, a.label-green:not(.disabled):not(:disabled):focus, a:hover > a.label-green:not(.disabled):not(:disabled), a:active > a.label-green:not(.disabled):not(:disabled), a:focus > a.label-green:not(.disabled):not(:disabled), label.label-green:hover, label.label-green:active, label.label-green:focus, a:hover > label.label-green, a:active > label.label-green, a:focus > label.label-green, label.label-green:not(.disabled):not(:disabled):hover, label.label-green:not(.disabled):not(:disabled):active, label.label-green:not(.disabled):not(:disabled):focus, a:hover > label.label-green:not(.disabled):not(:disabled), a:active > label.label-green:not(.disabled):not(:disabled), a:focus > label.label-green:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-green:hover:before, .btn-green:active:before, .btn-green:focus:before, a:hover > .btn-green:before, a:active > .btn-green:before, a:focus > .btn-green:before, .btn-green:not(.disabled):not(:disabled):hover:before, .btn-green:not(.disabled):not(:disabled):active:before, .btn-green:not(.disabled):not(:disabled):focus:before, a:hover > .btn-green:not(.disabled):not(:disabled):before, a:active > .btn-green:not(.disabled):not(:disabled):before, a:focus > .btn-green:not(.disabled):not(:disabled):before, a.btn-green:hover:before, a.btn-green:active:before, a.btn-green:focus:before, a:hover > a.btn-green:before, a:active > a.btn-green:before, a:focus > a.btn-green:before, a.btn-green:not(.disabled):not(:disabled):hover:before, a.btn-green:not(.disabled):not(:disabled):active:before, a.btn-green:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-green:not(.disabled):not(:disabled):before, a:active > a.btn-green:not(.disabled):not(:disabled):before, a:focus > a.btn-green:not(.disabled):not(:disabled):before, .badge-green:hover:before, .badge-green:active:before, .badge-green:focus:before, a:hover > .badge-green:before, a:active > .badge-green:before, a:focus > .badge-green:before, .badge-green:not(.disabled):not(:disabled):hover:before, .badge-green:not(.disabled):not(:disabled):active:before, .badge-green:not(.disabled):not(:disabled):focus:before, a:hover > .badge-green:not(.disabled):not(:disabled):before, a:active > .badge-green:not(.disabled):not(:disabled):before, a:focus > .badge-green:not(.disabled):not(:disabled):before, .chip-green:hover:before, .chip-green:active:before, .chip-green:focus:before, a:hover > .chip-green:before, a:active > .chip-green:before, a:focus > .chip-green:before, .chip-green:not(.disabled):not(:disabled):hover:before, .chip-green:not(.disabled):not(:disabled):active:before, .chip-green:not(.disabled):not(:disabled):focus:before, a:hover > .chip-green:not(.disabled):not(:disabled):before, a:active > .chip-green:not(.disabled):not(:disabled):before, a:focus > .chip-green:not(.disabled):not(:disabled):before, a.chip-green:hover:before, a.chip-green:active:before, a.chip-green:focus:before, a:hover > a.chip-green:before, a:active > a.chip-green:before, a:focus > a.chip-green:before, a.chip-green:not(.disabled):not(:disabled):hover:before, a.chip-green:not(.disabled):not(:disabled):active:before, a.chip-green:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-green:not(.disabled):not(:disabled):before, a:active > a.chip-green:not(.disabled):not(:disabled):before, a:focus > a.chip-green:not(.disabled):not(:disabled):before, a.badge-green:hover:before, a.badge-green:active:before, a.badge-green:focus:before, a:hover > a.badge-green:before, a:active > a.badge-green:before, a:focus > a.badge-green:before, a.badge-green:not(.disabled):not(:disabled):hover:before, a.badge-green:not(.disabled):not(:disabled):active:before, a.badge-green:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-green:not(.disabled):not(:disabled):before, a:active > a.badge-green:not(.disabled):not(:disabled):before, a:focus > a.badge-green:not(.disabled):not(:disabled):before, .label-green:hover:before, .label-green:active:before, .label-green:focus:before, a:hover > .label-green:before, a:active > .label-green:before, a:focus > .label-green:before, .label-green:not(.disabled):not(:disabled):hover:before, .label-green:not(.disabled):not(:disabled):active:before, .label-green:not(.disabled):not(:disabled):focus:before, a:hover > .label-green:not(.disabled):not(:disabled):before, a:active > .label-green:not(.disabled):not(:disabled):before, a:focus > .label-green:not(.disabled):not(:disabled):before, a.label-green:hover:before, a.label-green:active:before, a.label-green:focus:before, a:hover > a.label-green:before, a:active > a.label-green:before, a:focus > a.label-green:before, a.label-green:not(.disabled):not(:disabled):hover:before, a.label-green:not(.disabled):not(:disabled):active:before, a.label-green:not(.disabled):not(:disabled):focus:before, a:hover > a.label-green:not(.disabled):not(:disabled):before, a:active > a.label-green:not(.disabled):not(:disabled):before, a:focus > a.label-green:not(.disabled):not(:disabled):before, label.label-green:hover:before, label.label-green:active:before, label.label-green:focus:before, a:hover > label.label-green:before, a:active > label.label-green:before, a:focus > label.label-green:before, label.label-green:not(.disabled):not(:disabled):hover:before, label.label-green:not(.disabled):not(:disabled):active:before, label.label-green:not(.disabled):not(:disabled):focus:before, a:hover > label.label-green:not(.disabled):not(:disabled):before, a:active > label.label-green:not(.disabled):not(:disabled):before, a:focus > label.label-green:not(.disabled):not(:disabled):before { + background-color: #647300; } + +.btn-skyblue, a.btn-skyblue, .badge-skyblue, .chip-skyblue, a.chip-skyblue, a.badge-skyblue, .label-skyblue, a.label-skyblue, label.label-skyblue { + color: #fdf6e3; } + .btn-skyblue:before, a.btn-skyblue:before, .badge-skyblue:before, .chip-skyblue:before, a.chip-skyblue:before, a.badge-skyblue:before, .label-skyblue:before, a.label-skyblue:before, label.label-skyblue:before { + background-color: #2aa198; } + .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), a.btn-skyblue:hover, a.btn-skyblue:active, a.btn-skyblue:focus, a:hover > a.btn-skyblue, a:active > a.btn-skyblue, a:focus > a.btn-skyblue, a.btn-skyblue:not(.disabled):not(:disabled):hover, a.btn-skyblue:not(.disabled):not(:disabled):active, a.btn-skyblue:not(.disabled):not(:disabled):focus, a:hover > a.btn-skyblue:not(.disabled):not(:disabled), a:active > a.btn-skyblue:not(.disabled):not(:disabled), a:focus > a.btn-skyblue:not(.disabled):not(:disabled), .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), .chip-skyblue:hover, .chip-skyblue:active, .chip-skyblue:focus, a:hover > .chip-skyblue, a:active > .chip-skyblue, a:focus > .chip-skyblue, .chip-skyblue:not(.disabled):not(:disabled):hover, .chip-skyblue:not(.disabled):not(:disabled):active, .chip-skyblue:not(.disabled):not(:disabled):focus, a:hover > .chip-skyblue:not(.disabled):not(:disabled), a:active > .chip-skyblue:not(.disabled):not(:disabled), a:focus > .chip-skyblue:not(.disabled):not(:disabled), a.chip-skyblue:hover, a.chip-skyblue:active, a.chip-skyblue:focus, a:hover > a.chip-skyblue, a:active > a.chip-skyblue, a:focus > a.chip-skyblue, a.chip-skyblue:not(.disabled):not(:disabled):hover, a.chip-skyblue:not(.disabled):not(:disabled):active, a.chip-skyblue:not(.disabled):not(:disabled):focus, a:hover > a.chip-skyblue:not(.disabled):not(:disabled), a:active > a.chip-skyblue:not(.disabled):not(:disabled), a:focus > a.chip-skyblue:not(.disabled):not(:disabled), a.badge-skyblue:hover, a.badge-skyblue:active, a.badge-skyblue:focus, a:hover > a.badge-skyblue, a:active > a.badge-skyblue, a:focus > a.badge-skyblue, a.badge-skyblue:not(.disabled):not(:disabled):hover, a.badge-skyblue:not(.disabled):not(:disabled):active, a.badge-skyblue:not(.disabled):not(:disabled):focus, a:hover > a.badge-skyblue:not(.disabled):not(:disabled), a:active > a.badge-skyblue:not(.disabled):not(:disabled), a:focus > a.badge-skyblue:not(.disabled):not(:disabled), .label-skyblue:hover, .label-skyblue:active, .label-skyblue:focus, a:hover > .label-skyblue, a:active > .label-skyblue, a:focus > .label-skyblue, .label-skyblue:not(.disabled):not(:disabled):hover, .label-skyblue:not(.disabled):not(:disabled):active, .label-skyblue:not(.disabled):not(:disabled):focus, a:hover > .label-skyblue:not(.disabled):not(:disabled), a:active > .label-skyblue:not(.disabled):not(:disabled), a:focus > .label-skyblue:not(.disabled):not(:disabled), a.label-skyblue:hover, a.label-skyblue:active, a.label-skyblue:focus, a:hover > a.label-skyblue, a:active > a.label-skyblue, a:focus > a.label-skyblue, a.label-skyblue:not(.disabled):not(:disabled):hover, a.label-skyblue:not(.disabled):not(:disabled):active, a.label-skyblue:not(.disabled):not(:disabled):focus, a:hover > a.label-skyblue:not(.disabled):not(:disabled), a:active > a.label-skyblue:not(.disabled):not(:disabled), a:focus > a.label-skyblue:not(.disabled):not(:disabled), label.label-skyblue:hover, label.label-skyblue:active, label.label-skyblue:focus, a:hover > label.label-skyblue, a:active > label.label-skyblue, a:focus > label.label-skyblue, label.label-skyblue:not(.disabled):not(:disabled):hover, label.label-skyblue:not(.disabled):not(:disabled):active, label.label-skyblue:not(.disabled):not(:disabled):focus, a:hover > label.label-skyblue:not(.disabled):not(:disabled), a:active > label.label-skyblue:not(.disabled):not(:disabled), a:focus > label.label-skyblue:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-skyblue:hover:before, .btn-skyblue:active:before, .btn-skyblue:focus:before, a:hover > .btn-skyblue:before, a:active > .btn-skyblue:before, a:focus > .btn-skyblue:before, .btn-skyblue:not(.disabled):not(:disabled):hover:before, .btn-skyblue:not(.disabled):not(:disabled):active:before, .btn-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > .btn-skyblue:not(.disabled):not(:disabled):before, a:active > .btn-skyblue:not(.disabled):not(:disabled):before, a:focus > .btn-skyblue:not(.disabled):not(:disabled):before, a.btn-skyblue:hover:before, a.btn-skyblue:active:before, a.btn-skyblue:focus:before, a:hover > a.btn-skyblue:before, a:active > a.btn-skyblue:before, a:focus > a.btn-skyblue:before, a.btn-skyblue:not(.disabled):not(:disabled):hover:before, a.btn-skyblue:not(.disabled):not(:disabled):active:before, a.btn-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-skyblue:not(.disabled):not(:disabled):before, a:active > a.btn-skyblue:not(.disabled):not(:disabled):before, a:focus > a.btn-skyblue:not(.disabled):not(:disabled):before, .badge-skyblue:hover:before, .badge-skyblue:active:before, .badge-skyblue:focus:before, a:hover > .badge-skyblue:before, a:active > .badge-skyblue:before, a:focus > .badge-skyblue:before, .badge-skyblue:not(.disabled):not(:disabled):hover:before, .badge-skyblue:not(.disabled):not(:disabled):active:before, .badge-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > .badge-skyblue:not(.disabled):not(:disabled):before, a:active > .badge-skyblue:not(.disabled):not(:disabled):before, a:focus > .badge-skyblue:not(.disabled):not(:disabled):before, .chip-skyblue:hover:before, .chip-skyblue:active:before, .chip-skyblue:focus:before, a:hover > .chip-skyblue:before, a:active > .chip-skyblue:before, a:focus > .chip-skyblue:before, .chip-skyblue:not(.disabled):not(:disabled):hover:before, .chip-skyblue:not(.disabled):not(:disabled):active:before, .chip-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > .chip-skyblue:not(.disabled):not(:disabled):before, a:active > .chip-skyblue:not(.disabled):not(:disabled):before, a:focus > .chip-skyblue:not(.disabled):not(:disabled):before, a.chip-skyblue:hover:before, a.chip-skyblue:active:before, a.chip-skyblue:focus:before, a:hover > a.chip-skyblue:before, a:active > a.chip-skyblue:before, a:focus > a.chip-skyblue:before, a.chip-skyblue:not(.disabled):not(:disabled):hover:before, a.chip-skyblue:not(.disabled):not(:disabled):active:before, a.chip-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-skyblue:not(.disabled):not(:disabled):before, a:active > a.chip-skyblue:not(.disabled):not(:disabled):before, a:focus > a.chip-skyblue:not(.disabled):not(:disabled):before, a.badge-skyblue:hover:before, a.badge-skyblue:active:before, a.badge-skyblue:focus:before, a:hover > a.badge-skyblue:before, a:active > a.badge-skyblue:before, a:focus > a.badge-skyblue:before, a.badge-skyblue:not(.disabled):not(:disabled):hover:before, a.badge-skyblue:not(.disabled):not(:disabled):active:before, a.badge-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-skyblue:not(.disabled):not(:disabled):before, a:active > a.badge-skyblue:not(.disabled):not(:disabled):before, a:focus > a.badge-skyblue:not(.disabled):not(:disabled):before, .label-skyblue:hover:before, .label-skyblue:active:before, .label-skyblue:focus:before, a:hover > .label-skyblue:before, a:active > .label-skyblue:before, a:focus > .label-skyblue:before, .label-skyblue:not(.disabled):not(:disabled):hover:before, .label-skyblue:not(.disabled):not(:disabled):active:before, .label-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > .label-skyblue:not(.disabled):not(:disabled):before, a:active > .label-skyblue:not(.disabled):not(:disabled):before, a:focus > .label-skyblue:not(.disabled):not(:disabled):before, a.label-skyblue:hover:before, a.label-skyblue:active:before, a.label-skyblue:focus:before, a:hover > a.label-skyblue:before, a:active > a.label-skyblue:before, a:focus > a.label-skyblue:before, a.label-skyblue:not(.disabled):not(:disabled):hover:before, a.label-skyblue:not(.disabled):not(:disabled):active:before, a.label-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > a.label-skyblue:not(.disabled):not(:disabled):before, a:active > a.label-skyblue:not(.disabled):not(:disabled):before, a:focus > a.label-skyblue:not(.disabled):not(:disabled):before, label.label-skyblue:hover:before, label.label-skyblue:active:before, label.label-skyblue:focus:before, a:hover > label.label-skyblue:before, a:active > label.label-skyblue:before, a:focus > label.label-skyblue:before, label.label-skyblue:not(.disabled):not(:disabled):hover:before, label.label-skyblue:not(.disabled):not(:disabled):active:before, label.label-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > label.label-skyblue:not(.disabled):not(:disabled):before, a:active > label.label-skyblue:not(.disabled):not(:disabled):before, a:focus > label.label-skyblue:not(.disabled):not(:disabled):before { + background-color: #22837b; } + +.btn-dark, a.btn-dark, .badge-dark, .chip-dark, a.chip-dark, a.badge-dark, .label-dark, a.label-dark, label.label-dark { + color: #fdf6e3; } + .btn-dark:before, a.btn-dark:before, .badge-dark:before, .chip-dark:before, a.chip-dark:before, a.badge-dark:before, .label-dark:before, a.label-dark:before, label.label-dark:before { + background-color: #002b36; } + .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), a.btn-dark:hover, a.btn-dark:active, a.btn-dark:focus, a:hover > a.btn-dark, a:active > a.btn-dark, a:focus > a.btn-dark, a.btn-dark:not(.disabled):not(:disabled):hover, a.btn-dark:not(.disabled):not(:disabled):active, a.btn-dark:not(.disabled):not(:disabled):focus, a:hover > a.btn-dark:not(.disabled):not(:disabled), a:active > a.btn-dark:not(.disabled):not(:disabled), a:focus > a.btn-dark:not(.disabled):not(:disabled), .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), .chip-dark:hover, .chip-dark:active, .chip-dark:focus, a:hover > .chip-dark, a:active > .chip-dark, a:focus > .chip-dark, .chip-dark:not(.disabled):not(:disabled):hover, .chip-dark:not(.disabled):not(:disabled):active, .chip-dark:not(.disabled):not(:disabled):focus, a:hover > .chip-dark:not(.disabled):not(:disabled), a:active > .chip-dark:not(.disabled):not(:disabled), a:focus > .chip-dark:not(.disabled):not(:disabled), a.chip-dark:hover, a.chip-dark:active, a.chip-dark:focus, a:hover > a.chip-dark, a:active > a.chip-dark, a:focus > a.chip-dark, a.chip-dark:not(.disabled):not(:disabled):hover, a.chip-dark:not(.disabled):not(:disabled):active, a.chip-dark:not(.disabled):not(:disabled):focus, a:hover > a.chip-dark:not(.disabled):not(:disabled), a:active > a.chip-dark:not(.disabled):not(:disabled), a:focus > a.chip-dark:not(.disabled):not(:disabled), a.badge-dark:hover, a.badge-dark:active, a.badge-dark:focus, a:hover > a.badge-dark, a:active > a.badge-dark, a:focus > a.badge-dark, a.badge-dark:not(.disabled):not(:disabled):hover, a.badge-dark:not(.disabled):not(:disabled):active, a.badge-dark:not(.disabled):not(:disabled):focus, a:hover > a.badge-dark:not(.disabled):not(:disabled), a:active > a.badge-dark:not(.disabled):not(:disabled), a:focus > a.badge-dark:not(.disabled):not(:disabled), .label-dark:hover, .label-dark:active, .label-dark:focus, a:hover > .label-dark, a:active > .label-dark, a:focus > .label-dark, .label-dark:not(.disabled):not(:disabled):hover, .label-dark:not(.disabled):not(:disabled):active, .label-dark:not(.disabled):not(:disabled):focus, a:hover > .label-dark:not(.disabled):not(:disabled), a:active > .label-dark:not(.disabled):not(:disabled), a:focus > .label-dark:not(.disabled):not(:disabled), a.label-dark:hover, a.label-dark:active, a.label-dark:focus, a:hover > a.label-dark, a:active > a.label-dark, a:focus > a.label-dark, a.label-dark:not(.disabled):not(:disabled):hover, a.label-dark:not(.disabled):not(:disabled):active, a.label-dark:not(.disabled):not(:disabled):focus, a:hover > a.label-dark:not(.disabled):not(:disabled), a:active > a.label-dark:not(.disabled):not(:disabled), a:focus > a.label-dark:not(.disabled):not(:disabled), label.label-dark:hover, label.label-dark:active, label.label-dark:focus, a:hover > label.label-dark, a:active > label.label-dark, a:focus > label.label-dark, label.label-dark:not(.disabled):not(:disabled):hover, label.label-dark:not(.disabled):not(:disabled):active, label.label-dark:not(.disabled):not(:disabled):focus, a:hover > label.label-dark:not(.disabled):not(:disabled), a:active > label.label-dark:not(.disabled):not(:disabled), a:focus > label.label-dark:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-dark:hover:before, .btn-dark:active:before, .btn-dark:focus:before, a:hover > .btn-dark:before, a:active > .btn-dark:before, a:focus > .btn-dark:before, .btn-dark:not(.disabled):not(:disabled):hover:before, .btn-dark:not(.disabled):not(:disabled):active:before, .btn-dark:not(.disabled):not(:disabled):focus:before, a:hover > .btn-dark:not(.disabled):not(:disabled):before, a:active > .btn-dark:not(.disabled):not(:disabled):before, a:focus > .btn-dark:not(.disabled):not(:disabled):before, a.btn-dark:hover:before, a.btn-dark:active:before, a.btn-dark:focus:before, a:hover > a.btn-dark:before, a:active > a.btn-dark:before, a:focus > a.btn-dark:before, a.btn-dark:not(.disabled):not(:disabled):hover:before, a.btn-dark:not(.disabled):not(:disabled):active:before, a.btn-dark:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-dark:not(.disabled):not(:disabled):before, a:active > a.btn-dark:not(.disabled):not(:disabled):before, a:focus > a.btn-dark:not(.disabled):not(:disabled):before, .badge-dark:hover:before, .badge-dark:active:before, .badge-dark:focus:before, a:hover > .badge-dark:before, a:active > .badge-dark:before, a:focus > .badge-dark:before, .badge-dark:not(.disabled):not(:disabled):hover:before, .badge-dark:not(.disabled):not(:disabled):active:before, .badge-dark:not(.disabled):not(:disabled):focus:before, a:hover > .badge-dark:not(.disabled):not(:disabled):before, a:active > .badge-dark:not(.disabled):not(:disabled):before, a:focus > .badge-dark:not(.disabled):not(:disabled):before, .chip-dark:hover:before, .chip-dark:active:before, .chip-dark:focus:before, a:hover > .chip-dark:before, a:active > .chip-dark:before, a:focus > .chip-dark:before, .chip-dark:not(.disabled):not(:disabled):hover:before, .chip-dark:not(.disabled):not(:disabled):active:before, .chip-dark:not(.disabled):not(:disabled):focus:before, a:hover > .chip-dark:not(.disabled):not(:disabled):before, a:active > .chip-dark:not(.disabled):not(:disabled):before, a:focus > .chip-dark:not(.disabled):not(:disabled):before, a.chip-dark:hover:before, a.chip-dark:active:before, a.chip-dark:focus:before, a:hover > a.chip-dark:before, a:active > a.chip-dark:before, a:focus > a.chip-dark:before, a.chip-dark:not(.disabled):not(:disabled):hover:before, a.chip-dark:not(.disabled):not(:disabled):active:before, a.chip-dark:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-dark:not(.disabled):not(:disabled):before, a:active > a.chip-dark:not(.disabled):not(:disabled):before, a:focus > a.chip-dark:not(.disabled):not(:disabled):before, a.badge-dark:hover:before, a.badge-dark:active:before, a.badge-dark:focus:before, a:hover > a.badge-dark:before, a:active > a.badge-dark:before, a:focus > a.badge-dark:before, a.badge-dark:not(.disabled):not(:disabled):hover:before, a.badge-dark:not(.disabled):not(:disabled):active:before, a.badge-dark:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-dark:not(.disabled):not(:disabled):before, a:active > a.badge-dark:not(.disabled):not(:disabled):before, a:focus > a.badge-dark:not(.disabled):not(:disabled):before, .label-dark:hover:before, .label-dark:active:before, .label-dark:focus:before, a:hover > .label-dark:before, a:active > .label-dark:before, a:focus > .label-dark:before, .label-dark:not(.disabled):not(:disabled):hover:before, .label-dark:not(.disabled):not(:disabled):active:before, .label-dark:not(.disabled):not(:disabled):focus:before, a:hover > .label-dark:not(.disabled):not(:disabled):before, a:active > .label-dark:not(.disabled):not(:disabled):before, a:focus > .label-dark:not(.disabled):not(:disabled):before, a.label-dark:hover:before, a.label-dark:active:before, a.label-dark:focus:before, a:hover > a.label-dark:before, a:active > a.label-dark:before, a:focus > a.label-dark:before, a.label-dark:not(.disabled):not(:disabled):hover:before, a.label-dark:not(.disabled):not(:disabled):active:before, a.label-dark:not(.disabled):not(:disabled):focus:before, a:hover > a.label-dark:not(.disabled):not(:disabled):before, a:active > a.label-dark:not(.disabled):not(:disabled):before, a:focus > a.label-dark:not(.disabled):not(:disabled):before, label.label-dark:hover:before, label.label-dark:active:before, label.label-dark:focus:before, a:hover > label.label-dark:before, a:active > label.label-dark:before, a:focus > label.label-dark:before, label.label-dark:not(.disabled):not(:disabled):hover:before, label.label-dark:not(.disabled):not(:disabled):active:before, label.label-dark:not(.disabled):not(:disabled):focus:before, a:hover > label.label-dark:not(.disabled):not(:disabled):before, a:active > label.label-dark:not(.disabled):not(:disabled):before, a:focus > label.label-dark:not(.disabled):not(:disabled):before { + background-color: #000d10; } + +.btn-light, a.btn-light, .badge-light, .chip-light, a.chip-light, a.badge-light, .label-light, a.label-light, label.label-light { + color: #002b36; } + .btn-light:before, a.btn-light:before, .badge-light:before, .chip-light:before, a.chip-light:before, a.badge-light:before, .label-light:before, a.label-light:before, label.label-light:before { + background-color: #eee8d5; } + .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), a.btn-light:hover, a.btn-light:active, a.btn-light:focus, a:hover > a.btn-light, a:active > a.btn-light, a:focus > a.btn-light, a.btn-light:not(.disabled):not(:disabled):hover, a.btn-light:not(.disabled):not(:disabled):active, a.btn-light:not(.disabled):not(:disabled):focus, a:hover > a.btn-light:not(.disabled):not(:disabled), a:active > a.btn-light:not(.disabled):not(:disabled), a:focus > a.btn-light:not(.disabled):not(:disabled), .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), .chip-light:hover, .chip-light:active, .chip-light:focus, a:hover > .chip-light, a:active > .chip-light, a:focus > .chip-light, .chip-light:not(.disabled):not(:disabled):hover, .chip-light:not(.disabled):not(:disabled):active, .chip-light:not(.disabled):not(:disabled):focus, a:hover > .chip-light:not(.disabled):not(:disabled), a:active > .chip-light:not(.disabled):not(:disabled), a:focus > .chip-light:not(.disabled):not(:disabled), a.chip-light:hover, a.chip-light:active, a.chip-light:focus, a:hover > a.chip-light, a:active > a.chip-light, a:focus > a.chip-light, a.chip-light:not(.disabled):not(:disabled):hover, a.chip-light:not(.disabled):not(:disabled):active, a.chip-light:not(.disabled):not(:disabled):focus, a:hover > a.chip-light:not(.disabled):not(:disabled), a:active > a.chip-light:not(.disabled):not(:disabled), a:focus > a.chip-light:not(.disabled):not(:disabled), a.badge-light:hover, a.badge-light:active, a.badge-light:focus, a:hover > a.badge-light, a:active > a.badge-light, a:focus > a.badge-light, a.badge-light:not(.disabled):not(:disabled):hover, a.badge-light:not(.disabled):not(:disabled):active, a.badge-light:not(.disabled):not(:disabled):focus, a:hover > a.badge-light:not(.disabled):not(:disabled), a:active > a.badge-light:not(.disabled):not(:disabled), a:focus > a.badge-light:not(.disabled):not(:disabled), .label-light:hover, .label-light:active, .label-light:focus, a:hover > .label-light, a:active > .label-light, a:focus > .label-light, .label-light:not(.disabled):not(:disabled):hover, .label-light:not(.disabled):not(:disabled):active, .label-light:not(.disabled):not(:disabled):focus, a:hover > .label-light:not(.disabled):not(:disabled), a:active > .label-light:not(.disabled):not(:disabled), a:focus > .label-light:not(.disabled):not(:disabled), a.label-light:hover, a.label-light:active, a.label-light:focus, a:hover > a.label-light, a:active > a.label-light, a:focus > a.label-light, a.label-light:not(.disabled):not(:disabled):hover, a.label-light:not(.disabled):not(:disabled):active, a.label-light:not(.disabled):not(:disabled):focus, a:hover > a.label-light:not(.disabled):not(:disabled), a:active > a.label-light:not(.disabled):not(:disabled), a:focus > a.label-light:not(.disabled):not(:disabled), label.label-light:hover, label.label-light:active, label.label-light:focus, a:hover > label.label-light, a:active > label.label-light, a:focus > label.label-light, label.label-light:not(.disabled):not(:disabled):hover, label.label-light:not(.disabled):not(:disabled):active, label.label-light:not(.disabled):not(:disabled):focus, a:hover > label.label-light:not(.disabled):not(:disabled), a:active > label.label-light:not(.disabled):not(:disabled), a:focus > label.label-light:not(.disabled):not(:disabled) { + color: #003f50; } + .btn-light:hover:before, .btn-light:active:before, .btn-light:focus:before, a:hover > .btn-light:before, a:active > .btn-light:before, a:focus > .btn-light:before, .btn-light:not(.disabled):not(:disabled):hover:before, .btn-light:not(.disabled):not(:disabled):active:before, .btn-light:not(.disabled):not(:disabled):focus:before, a:hover > .btn-light:not(.disabled):not(:disabled):before, a:active > .btn-light:not(.disabled):not(:disabled):before, a:focus > .btn-light:not(.disabled):not(:disabled):before, a.btn-light:hover:before, a.btn-light:active:before, a.btn-light:focus:before, a:hover > a.btn-light:before, a:active > a.btn-light:before, a:focus > a.btn-light:before, a.btn-light:not(.disabled):not(:disabled):hover:before, a.btn-light:not(.disabled):not(:disabled):active:before, a.btn-light:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-light:not(.disabled):not(:disabled):before, a:active > a.btn-light:not(.disabled):not(:disabled):before, a:focus > a.btn-light:not(.disabled):not(:disabled):before, .badge-light:hover:before, .badge-light:active:before, .badge-light:focus:before, a:hover > .badge-light:before, a:active > .badge-light:before, a:focus > .badge-light:before, .badge-light:not(.disabled):not(:disabled):hover:before, .badge-light:not(.disabled):not(:disabled):active:before, .badge-light:not(.disabled):not(:disabled):focus:before, a:hover > .badge-light:not(.disabled):not(:disabled):before, a:active > .badge-light:not(.disabled):not(:disabled):before, a:focus > .badge-light:not(.disabled):not(:disabled):before, .chip-light:hover:before, .chip-light:active:before, .chip-light:focus:before, a:hover > .chip-light:before, a:active > .chip-light:before, a:focus > .chip-light:before, .chip-light:not(.disabled):not(:disabled):hover:before, .chip-light:not(.disabled):not(:disabled):active:before, .chip-light:not(.disabled):not(:disabled):focus:before, a:hover > .chip-light:not(.disabled):not(:disabled):before, a:active > .chip-light:not(.disabled):not(:disabled):before, a:focus > .chip-light:not(.disabled):not(:disabled):before, a.chip-light:hover:before, a.chip-light:active:before, a.chip-light:focus:before, a:hover > a.chip-light:before, a:active > a.chip-light:before, a:focus > a.chip-light:before, a.chip-light:not(.disabled):not(:disabled):hover:before, a.chip-light:not(.disabled):not(:disabled):active:before, a.chip-light:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-light:not(.disabled):not(:disabled):before, a:active > a.chip-light:not(.disabled):not(:disabled):before, a:focus > a.chip-light:not(.disabled):not(:disabled):before, a.badge-light:hover:before, a.badge-light:active:before, a.badge-light:focus:before, a:hover > a.badge-light:before, a:active > a.badge-light:before, a:focus > a.badge-light:before, a.badge-light:not(.disabled):not(:disabled):hover:before, a.badge-light:not(.disabled):not(:disabled):active:before, a.badge-light:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-light:not(.disabled):not(:disabled):before, a:active > a.badge-light:not(.disabled):not(:disabled):before, a:focus > a.badge-light:not(.disabled):not(:disabled):before, .label-light:hover:before, .label-light:active:before, .label-light:focus:before, a:hover > .label-light:before, a:active > .label-light:before, a:focus > .label-light:before, .label-light:not(.disabled):not(:disabled):hover:before, .label-light:not(.disabled):not(:disabled):active:before, .label-light:not(.disabled):not(:disabled):focus:before, a:hover > .label-light:not(.disabled):not(:disabled):before, a:active > .label-light:not(.disabled):not(:disabled):before, a:focus > .label-light:not(.disabled):not(:disabled):before, a.label-light:hover:before, a.label-light:active:before, a.label-light:focus:before, a:hover > a.label-light:before, a:active > a.label-light:before, a:focus > a.label-light:before, a.label-light:not(.disabled):not(:disabled):hover:before, a.label-light:not(.disabled):not(:disabled):active:before, a.label-light:not(.disabled):not(:disabled):focus:before, a:hover > a.label-light:not(.disabled):not(:disabled):before, a:active > a.label-light:not(.disabled):not(:disabled):before, a:focus > a.label-light:not(.disabled):not(:disabled):before, label.label-light:hover:before, label.label-light:active:before, label.label-light:focus:before, a:hover > label.label-light:before, a:active > label.label-light:before, a:focus > label.label-light:before, label.label-light:not(.disabled):not(:disabled):hover:before, label.label-light:not(.disabled):not(:disabled):active:before, label.label-light:not(.disabled):not(:disabled):focus:before, a:hover > label.label-light:not(.disabled):not(:disabled):before, a:active > label.label-light:not(.disabled):not(:disabled):before, a:focus > label.label-light:not(.disabled):not(:disabled):before { + background-color: #e3d9ba; } + +.btn-turquoise, a.btn-turquoise, .badge-turquoise, .chip-turquoise, a.chip-turquoise, a.badge-turquoise, .label-turquoise, a.label-turquoise, label.label-turquoise { + color: #fdf6e3; } + .btn-turquoise:before, a.btn-turquoise:before, .badge-turquoise:before, .chip-turquoise:before, a.chip-turquoise:before, a.badge-turquoise:before, .label-turquoise:before, a.label-turquoise:before, label.label-turquoise:before { + background-color: #2aa198; } + .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), a.btn-turquoise:hover, a.btn-turquoise:active, a.btn-turquoise:focus, a:hover > a.btn-turquoise, a:active > a.btn-turquoise, a:focus > a.btn-turquoise, a.btn-turquoise:not(.disabled):not(:disabled):hover, a.btn-turquoise:not(.disabled):not(:disabled):active, a.btn-turquoise:not(.disabled):not(:disabled):focus, a:hover > a.btn-turquoise:not(.disabled):not(:disabled), a:active > a.btn-turquoise:not(.disabled):not(:disabled), a:focus > a.btn-turquoise:not(.disabled):not(:disabled), .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), .chip-turquoise:hover, .chip-turquoise:active, .chip-turquoise:focus, a:hover > .chip-turquoise, a:active > .chip-turquoise, a:focus > .chip-turquoise, .chip-turquoise:not(.disabled):not(:disabled):hover, .chip-turquoise:not(.disabled):not(:disabled):active, .chip-turquoise:not(.disabled):not(:disabled):focus, a:hover > .chip-turquoise:not(.disabled):not(:disabled), a:active > .chip-turquoise:not(.disabled):not(:disabled), a:focus > .chip-turquoise:not(.disabled):not(:disabled), a.chip-turquoise:hover, a.chip-turquoise:active, a.chip-turquoise:focus, a:hover > a.chip-turquoise, a:active > a.chip-turquoise, a:focus > a.chip-turquoise, a.chip-turquoise:not(.disabled):not(:disabled):hover, a.chip-turquoise:not(.disabled):not(:disabled):active, a.chip-turquoise:not(.disabled):not(:disabled):focus, a:hover > a.chip-turquoise:not(.disabled):not(:disabled), a:active > a.chip-turquoise:not(.disabled):not(:disabled), a:focus > a.chip-turquoise:not(.disabled):not(:disabled), a.badge-turquoise:hover, a.badge-turquoise:active, a.badge-turquoise:focus, a:hover > a.badge-turquoise, a:active > a.badge-turquoise, a:focus > a.badge-turquoise, a.badge-turquoise:not(.disabled):not(:disabled):hover, a.badge-turquoise:not(.disabled):not(:disabled):active, a.badge-turquoise:not(.disabled):not(:disabled):focus, a:hover > a.badge-turquoise:not(.disabled):not(:disabled), a:active > a.badge-turquoise:not(.disabled):not(:disabled), a:focus > a.badge-turquoise:not(.disabled):not(:disabled), .label-turquoise:hover, .label-turquoise:active, .label-turquoise:focus, a:hover > .label-turquoise, a:active > .label-turquoise, a:focus > .label-turquoise, .label-turquoise:not(.disabled):not(:disabled):hover, .label-turquoise:not(.disabled):not(:disabled):active, .label-turquoise:not(.disabled):not(:disabled):focus, a:hover > .label-turquoise:not(.disabled):not(:disabled), a:active > .label-turquoise:not(.disabled):not(:disabled), a:focus > .label-turquoise:not(.disabled):not(:disabled), a.label-turquoise:hover, a.label-turquoise:active, a.label-turquoise:focus, a:hover > a.label-turquoise, a:active > a.label-turquoise, a:focus > a.label-turquoise, a.label-turquoise:not(.disabled):not(:disabled):hover, a.label-turquoise:not(.disabled):not(:disabled):active, a.label-turquoise:not(.disabled):not(:disabled):focus, a:hover > a.label-turquoise:not(.disabled):not(:disabled), a:active > a.label-turquoise:not(.disabled):not(:disabled), a:focus > a.label-turquoise:not(.disabled):not(:disabled), label.label-turquoise:hover, label.label-turquoise:active, label.label-turquoise:focus, a:hover > label.label-turquoise, a:active > label.label-turquoise, a:focus > label.label-turquoise, label.label-turquoise:not(.disabled):not(:disabled):hover, label.label-turquoise:not(.disabled):not(:disabled):active, label.label-turquoise:not(.disabled):not(:disabled):focus, a:hover > label.label-turquoise:not(.disabled):not(:disabled), a:active > label.label-turquoise:not(.disabled):not(:disabled), a:focus > label.label-turquoise:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-turquoise:hover:before, .btn-turquoise:active:before, .btn-turquoise:focus:before, a:hover > .btn-turquoise:before, a:active > .btn-turquoise:before, a:focus > .btn-turquoise:before, .btn-turquoise:not(.disabled):not(:disabled):hover:before, .btn-turquoise:not(.disabled):not(:disabled):active:before, .btn-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > .btn-turquoise:not(.disabled):not(:disabled):before, a:active > .btn-turquoise:not(.disabled):not(:disabled):before, a:focus > .btn-turquoise:not(.disabled):not(:disabled):before, a.btn-turquoise:hover:before, a.btn-turquoise:active:before, a.btn-turquoise:focus:before, a:hover > a.btn-turquoise:before, a:active > a.btn-turquoise:before, a:focus > a.btn-turquoise:before, a.btn-turquoise:not(.disabled):not(:disabled):hover:before, a.btn-turquoise:not(.disabled):not(:disabled):active:before, a.btn-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-turquoise:not(.disabled):not(:disabled):before, a:active > a.btn-turquoise:not(.disabled):not(:disabled):before, a:focus > a.btn-turquoise:not(.disabled):not(:disabled):before, .badge-turquoise:hover:before, .badge-turquoise:active:before, .badge-turquoise:focus:before, a:hover > .badge-turquoise:before, a:active > .badge-turquoise:before, a:focus > .badge-turquoise:before, .badge-turquoise:not(.disabled):not(:disabled):hover:before, .badge-turquoise:not(.disabled):not(:disabled):active:before, .badge-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > .badge-turquoise:not(.disabled):not(:disabled):before, a:active > .badge-turquoise:not(.disabled):not(:disabled):before, a:focus > .badge-turquoise:not(.disabled):not(:disabled):before, .chip-turquoise:hover:before, .chip-turquoise:active:before, .chip-turquoise:focus:before, a:hover > .chip-turquoise:before, a:active > .chip-turquoise:before, a:focus > .chip-turquoise:before, .chip-turquoise:not(.disabled):not(:disabled):hover:before, .chip-turquoise:not(.disabled):not(:disabled):active:before, .chip-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > .chip-turquoise:not(.disabled):not(:disabled):before, a:active > .chip-turquoise:not(.disabled):not(:disabled):before, a:focus > .chip-turquoise:not(.disabled):not(:disabled):before, a.chip-turquoise:hover:before, a.chip-turquoise:active:before, a.chip-turquoise:focus:before, a:hover > a.chip-turquoise:before, a:active > a.chip-turquoise:before, a:focus > a.chip-turquoise:before, a.chip-turquoise:not(.disabled):not(:disabled):hover:before, a.chip-turquoise:not(.disabled):not(:disabled):active:before, a.chip-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-turquoise:not(.disabled):not(:disabled):before, a:active > a.chip-turquoise:not(.disabled):not(:disabled):before, a:focus > a.chip-turquoise:not(.disabled):not(:disabled):before, a.badge-turquoise:hover:before, a.badge-turquoise:active:before, a.badge-turquoise:focus:before, a:hover > a.badge-turquoise:before, a:active > a.badge-turquoise:before, a:focus > a.badge-turquoise:before, a.badge-turquoise:not(.disabled):not(:disabled):hover:before, a.badge-turquoise:not(.disabled):not(:disabled):active:before, a.badge-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-turquoise:not(.disabled):not(:disabled):before, a:active > a.badge-turquoise:not(.disabled):not(:disabled):before, a:focus > a.badge-turquoise:not(.disabled):not(:disabled):before, .label-turquoise:hover:before, .label-turquoise:active:before, .label-turquoise:focus:before, a:hover > .label-turquoise:before, a:active > .label-turquoise:before, a:focus > .label-turquoise:before, .label-turquoise:not(.disabled):not(:disabled):hover:before, .label-turquoise:not(.disabled):not(:disabled):active:before, .label-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > .label-turquoise:not(.disabled):not(:disabled):before, a:active > .label-turquoise:not(.disabled):not(:disabled):before, a:focus > .label-turquoise:not(.disabled):not(:disabled):before, a.label-turquoise:hover:before, a.label-turquoise:active:before, a.label-turquoise:focus:before, a:hover > a.label-turquoise:before, a:active > a.label-turquoise:before, a:focus > a.label-turquoise:before, a.label-turquoise:not(.disabled):not(:disabled):hover:before, a.label-turquoise:not(.disabled):not(:disabled):active:before, a.label-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > a.label-turquoise:not(.disabled):not(:disabled):before, a:active > a.label-turquoise:not(.disabled):not(:disabled):before, a:focus > a.label-turquoise:not(.disabled):not(:disabled):before, label.label-turquoise:hover:before, label.label-turquoise:active:before, label.label-turquoise:focus:before, a:hover > label.label-turquoise:before, a:active > label.label-turquoise:before, a:focus > label.label-turquoise:before, label.label-turquoise:not(.disabled):not(:disabled):hover:before, label.label-turquoise:not(.disabled):not(:disabled):active:before, label.label-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > label.label-turquoise:not(.disabled):not(:disabled):before, a:active > label.label-turquoise:not(.disabled):not(:disabled):before, a:focus > label.label-turquoise:not(.disabled):not(:disabled):before { + background-color: #22837b; } + +.btn-yellow, a.btn-yellow, .badge-yellow, .chip-yellow, a.chip-yellow, a.badge-yellow, .label-yellow, a.label-yellow, label.label-yellow { + color: #fdf6e3; } + .btn-yellow:before, a.btn-yellow:before, .badge-yellow:before, .chip-yellow:before, a.chip-yellow:before, a.badge-yellow:before, .label-yellow:before, a.label-yellow:before, label.label-yellow:before { + background-color: #b58900; } + .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), a.btn-yellow:hover, a.btn-yellow:active, a.btn-yellow:focus, a:hover > a.btn-yellow, a:active > a.btn-yellow, a:focus > a.btn-yellow, a.btn-yellow:not(.disabled):not(:disabled):hover, a.btn-yellow:not(.disabled):not(:disabled):active, a.btn-yellow:not(.disabled):not(:disabled):focus, a:hover > a.btn-yellow:not(.disabled):not(:disabled), a:active > a.btn-yellow:not(.disabled):not(:disabled), a:focus > a.btn-yellow:not(.disabled):not(:disabled), .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), .chip-yellow:hover, .chip-yellow:active, .chip-yellow:focus, a:hover > .chip-yellow, a:active > .chip-yellow, a:focus > .chip-yellow, .chip-yellow:not(.disabled):not(:disabled):hover, .chip-yellow:not(.disabled):not(:disabled):active, .chip-yellow:not(.disabled):not(:disabled):focus, a:hover > .chip-yellow:not(.disabled):not(:disabled), a:active > .chip-yellow:not(.disabled):not(:disabled), a:focus > .chip-yellow:not(.disabled):not(:disabled), a.chip-yellow:hover, a.chip-yellow:active, a.chip-yellow:focus, a:hover > a.chip-yellow, a:active > a.chip-yellow, a:focus > a.chip-yellow, a.chip-yellow:not(.disabled):not(:disabled):hover, a.chip-yellow:not(.disabled):not(:disabled):active, a.chip-yellow:not(.disabled):not(:disabled):focus, a:hover > a.chip-yellow:not(.disabled):not(:disabled), a:active > a.chip-yellow:not(.disabled):not(:disabled), a:focus > a.chip-yellow:not(.disabled):not(:disabled), a.badge-yellow:hover, a.badge-yellow:active, a.badge-yellow:focus, a:hover > a.badge-yellow, a:active > a.badge-yellow, a:focus > a.badge-yellow, a.badge-yellow:not(.disabled):not(:disabled):hover, a.badge-yellow:not(.disabled):not(:disabled):active, a.badge-yellow:not(.disabled):not(:disabled):focus, a:hover > a.badge-yellow:not(.disabled):not(:disabled), a:active > a.badge-yellow:not(.disabled):not(:disabled), a:focus > a.badge-yellow:not(.disabled):not(:disabled), .label-yellow:hover, .label-yellow:active, .label-yellow:focus, a:hover > .label-yellow, a:active > .label-yellow, a:focus > .label-yellow, .label-yellow:not(.disabled):not(:disabled):hover, .label-yellow:not(.disabled):not(:disabled):active, .label-yellow:not(.disabled):not(:disabled):focus, a:hover > .label-yellow:not(.disabled):not(:disabled), a:active > .label-yellow:not(.disabled):not(:disabled), a:focus > .label-yellow:not(.disabled):not(:disabled), a.label-yellow:hover, a.label-yellow:active, a.label-yellow:focus, a:hover > a.label-yellow, a:active > a.label-yellow, a:focus > a.label-yellow, a.label-yellow:not(.disabled):not(:disabled):hover, a.label-yellow:not(.disabled):not(:disabled):active, a.label-yellow:not(.disabled):not(:disabled):focus, a:hover > a.label-yellow:not(.disabled):not(:disabled), a:active > a.label-yellow:not(.disabled):not(:disabled), a:focus > a.label-yellow:not(.disabled):not(:disabled), label.label-yellow:hover, label.label-yellow:active, label.label-yellow:focus, a:hover > label.label-yellow, a:active > label.label-yellow, a:focus > label.label-yellow, label.label-yellow:not(.disabled):not(:disabled):hover, label.label-yellow:not(.disabled):not(:disabled):active, label.label-yellow:not(.disabled):not(:disabled):focus, a:hover > label.label-yellow:not(.disabled):not(:disabled), a:active > label.label-yellow:not(.disabled):not(:disabled), a:focus > label.label-yellow:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-yellow:hover:before, .btn-yellow:active:before, .btn-yellow:focus:before, a:hover > .btn-yellow:before, a:active > .btn-yellow:before, a:focus > .btn-yellow:before, .btn-yellow:not(.disabled):not(:disabled):hover:before, .btn-yellow:not(.disabled):not(:disabled):active:before, .btn-yellow:not(.disabled):not(:disabled):focus:before, a:hover > .btn-yellow:not(.disabled):not(:disabled):before, a:active > .btn-yellow:not(.disabled):not(:disabled):before, a:focus > .btn-yellow:not(.disabled):not(:disabled):before, a.btn-yellow:hover:before, a.btn-yellow:active:before, a.btn-yellow:focus:before, a:hover > a.btn-yellow:before, a:active > a.btn-yellow:before, a:focus > a.btn-yellow:before, a.btn-yellow:not(.disabled):not(:disabled):hover:before, a.btn-yellow:not(.disabled):not(:disabled):active:before, a.btn-yellow:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-yellow:not(.disabled):not(:disabled):before, a:active > a.btn-yellow:not(.disabled):not(:disabled):before, a:focus > a.btn-yellow:not(.disabled):not(:disabled):before, .badge-yellow:hover:before, .badge-yellow:active:before, .badge-yellow:focus:before, a:hover > .badge-yellow:before, a:active > .badge-yellow:before, a:focus > .badge-yellow:before, .badge-yellow:not(.disabled):not(:disabled):hover:before, .badge-yellow:not(.disabled):not(:disabled):active:before, .badge-yellow:not(.disabled):not(:disabled):focus:before, a:hover > .badge-yellow:not(.disabled):not(:disabled):before, a:active > .badge-yellow:not(.disabled):not(:disabled):before, a:focus > .badge-yellow:not(.disabled):not(:disabled):before, .chip-yellow:hover:before, .chip-yellow:active:before, .chip-yellow:focus:before, a:hover > .chip-yellow:before, a:active > .chip-yellow:before, a:focus > .chip-yellow:before, .chip-yellow:not(.disabled):not(:disabled):hover:before, .chip-yellow:not(.disabled):not(:disabled):active:before, .chip-yellow:not(.disabled):not(:disabled):focus:before, a:hover > .chip-yellow:not(.disabled):not(:disabled):before, a:active > .chip-yellow:not(.disabled):not(:disabled):before, a:focus > .chip-yellow:not(.disabled):not(:disabled):before, a.chip-yellow:hover:before, a.chip-yellow:active:before, a.chip-yellow:focus:before, a:hover > a.chip-yellow:before, a:active > a.chip-yellow:before, a:focus > a.chip-yellow:before, a.chip-yellow:not(.disabled):not(:disabled):hover:before, a.chip-yellow:not(.disabled):not(:disabled):active:before, a.chip-yellow:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-yellow:not(.disabled):not(:disabled):before, a:active > a.chip-yellow:not(.disabled):not(:disabled):before, a:focus > a.chip-yellow:not(.disabled):not(:disabled):before, a.badge-yellow:hover:before, a.badge-yellow:active:before, a.badge-yellow:focus:before, a:hover > a.badge-yellow:before, a:active > a.badge-yellow:before, a:focus > a.badge-yellow:before, a.badge-yellow:not(.disabled):not(:disabled):hover:before, a.badge-yellow:not(.disabled):not(:disabled):active:before, a.badge-yellow:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-yellow:not(.disabled):not(:disabled):before, a:active > a.badge-yellow:not(.disabled):not(:disabled):before, a:focus > a.badge-yellow:not(.disabled):not(:disabled):before, .label-yellow:hover:before, .label-yellow:active:before, .label-yellow:focus:before, a:hover > .label-yellow:before, a:active > .label-yellow:before, a:focus > .label-yellow:before, .label-yellow:not(.disabled):not(:disabled):hover:before, .label-yellow:not(.disabled):not(:disabled):active:before, .label-yellow:not(.disabled):not(:disabled):focus:before, a:hover > .label-yellow:not(.disabled):not(:disabled):before, a:active > .label-yellow:not(.disabled):not(:disabled):before, a:focus > .label-yellow:not(.disabled):not(:disabled):before, a.label-yellow:hover:before, a.label-yellow:active:before, a.label-yellow:focus:before, a:hover > a.label-yellow:before, a:active > a.label-yellow:before, a:focus > a.label-yellow:before, a.label-yellow:not(.disabled):not(:disabled):hover:before, a.label-yellow:not(.disabled):not(:disabled):active:before, a.label-yellow:not(.disabled):not(:disabled):focus:before, a:hover > a.label-yellow:not(.disabled):not(:disabled):before, a:active > a.label-yellow:not(.disabled):not(:disabled):before, a:focus > a.label-yellow:not(.disabled):not(:disabled):before, label.label-yellow:hover:before, label.label-yellow:active:before, label.label-yellow:focus:before, a:hover > label.label-yellow:before, a:active > label.label-yellow:before, a:focus > label.label-yellow:before, label.label-yellow:not(.disabled):not(:disabled):hover:before, label.label-yellow:not(.disabled):not(:disabled):active:before, label.label-yellow:not(.disabled):not(:disabled):focus:before, a:hover > label.label-yellow:not(.disabled):not(:disabled):before, a:active > label.label-yellow:not(.disabled):not(:disabled):before, a:focus > label.label-yellow:not(.disabled):not(:disabled):before { + background-color: #8f6c00; } + +.btn-brown, a.btn-brown, .badge-brown, .chip-brown, a.chip-brown, a.badge-brown, .label-brown, a.label-brown, label.label-brown { + color: #fdf6e3; } + .btn-brown:before, a.btn-brown:before, .badge-brown:before, .chip-brown:before, a.chip-brown:before, a.badge-brown:before, .label-brown:before, a.label-brown:before, label.label-brown:before { + background-color: #b58900; } + .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), a.btn-brown:hover, a.btn-brown:active, a.btn-brown:focus, a:hover > a.btn-brown, a:active > a.btn-brown, a:focus > a.btn-brown, a.btn-brown:not(.disabled):not(:disabled):hover, a.btn-brown:not(.disabled):not(:disabled):active, a.btn-brown:not(.disabled):not(:disabled):focus, a:hover > a.btn-brown:not(.disabled):not(:disabled), a:active > a.btn-brown:not(.disabled):not(:disabled), a:focus > a.btn-brown:not(.disabled):not(:disabled), .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), .chip-brown:hover, .chip-brown:active, .chip-brown:focus, a:hover > .chip-brown, a:active > .chip-brown, a:focus > .chip-brown, .chip-brown:not(.disabled):not(:disabled):hover, .chip-brown:not(.disabled):not(:disabled):active, .chip-brown:not(.disabled):not(:disabled):focus, a:hover > .chip-brown:not(.disabled):not(:disabled), a:active > .chip-brown:not(.disabled):not(:disabled), a:focus > .chip-brown:not(.disabled):not(:disabled), a.chip-brown:hover, a.chip-brown:active, a.chip-brown:focus, a:hover > a.chip-brown, a:active > a.chip-brown, a:focus > a.chip-brown, a.chip-brown:not(.disabled):not(:disabled):hover, a.chip-brown:not(.disabled):not(:disabled):active, a.chip-brown:not(.disabled):not(:disabled):focus, a:hover > a.chip-brown:not(.disabled):not(:disabled), a:active > a.chip-brown:not(.disabled):not(:disabled), a:focus > a.chip-brown:not(.disabled):not(:disabled), a.badge-brown:hover, a.badge-brown:active, a.badge-brown:focus, a:hover > a.badge-brown, a:active > a.badge-brown, a:focus > a.badge-brown, a.badge-brown:not(.disabled):not(:disabled):hover, a.badge-brown:not(.disabled):not(:disabled):active, a.badge-brown:not(.disabled):not(:disabled):focus, a:hover > a.badge-brown:not(.disabled):not(:disabled), a:active > a.badge-brown:not(.disabled):not(:disabled), a:focus > a.badge-brown:not(.disabled):not(:disabled), .label-brown:hover, .label-brown:active, .label-brown:focus, a:hover > .label-brown, a:active > .label-brown, a:focus > .label-brown, .label-brown:not(.disabled):not(:disabled):hover, .label-brown:not(.disabled):not(:disabled):active, .label-brown:not(.disabled):not(:disabled):focus, a:hover > .label-brown:not(.disabled):not(:disabled), a:active > .label-brown:not(.disabled):not(:disabled), a:focus > .label-brown:not(.disabled):not(:disabled), a.label-brown:hover, a.label-brown:active, a.label-brown:focus, a:hover > a.label-brown, a:active > a.label-brown, a:focus > a.label-brown, a.label-brown:not(.disabled):not(:disabled):hover, a.label-brown:not(.disabled):not(:disabled):active, a.label-brown:not(.disabled):not(:disabled):focus, a:hover > a.label-brown:not(.disabled):not(:disabled), a:active > a.label-brown:not(.disabled):not(:disabled), a:focus > a.label-brown:not(.disabled):not(:disabled), label.label-brown:hover, label.label-brown:active, label.label-brown:focus, a:hover > label.label-brown, a:active > label.label-brown, a:focus > label.label-brown, label.label-brown:not(.disabled):not(:disabled):hover, label.label-brown:not(.disabled):not(:disabled):active, label.label-brown:not(.disabled):not(:disabled):focus, a:hover > label.label-brown:not(.disabled):not(:disabled), a:active > label.label-brown:not(.disabled):not(:disabled), a:focus > label.label-brown:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-brown:hover:before, .btn-brown:active:before, .btn-brown:focus:before, a:hover > .btn-brown:before, a:active > .btn-brown:before, a:focus > .btn-brown:before, .btn-brown:not(.disabled):not(:disabled):hover:before, .btn-brown:not(.disabled):not(:disabled):active:before, .btn-brown:not(.disabled):not(:disabled):focus:before, a:hover > .btn-brown:not(.disabled):not(:disabled):before, a:active > .btn-brown:not(.disabled):not(:disabled):before, a:focus > .btn-brown:not(.disabled):not(:disabled):before, a.btn-brown:hover:before, a.btn-brown:active:before, a.btn-brown:focus:before, a:hover > a.btn-brown:before, a:active > a.btn-brown:before, a:focus > a.btn-brown:before, a.btn-brown:not(.disabled):not(:disabled):hover:before, a.btn-brown:not(.disabled):not(:disabled):active:before, a.btn-brown:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-brown:not(.disabled):not(:disabled):before, a:active > a.btn-brown:not(.disabled):not(:disabled):before, a:focus > a.btn-brown:not(.disabled):not(:disabled):before, .badge-brown:hover:before, .badge-brown:active:before, .badge-brown:focus:before, a:hover > .badge-brown:before, a:active > .badge-brown:before, a:focus > .badge-brown:before, .badge-brown:not(.disabled):not(:disabled):hover:before, .badge-brown:not(.disabled):not(:disabled):active:before, .badge-brown:not(.disabled):not(:disabled):focus:before, a:hover > .badge-brown:not(.disabled):not(:disabled):before, a:active > .badge-brown:not(.disabled):not(:disabled):before, a:focus > .badge-brown:not(.disabled):not(:disabled):before, .chip-brown:hover:before, .chip-brown:active:before, .chip-brown:focus:before, a:hover > .chip-brown:before, a:active > .chip-brown:before, a:focus > .chip-brown:before, .chip-brown:not(.disabled):not(:disabled):hover:before, .chip-brown:not(.disabled):not(:disabled):active:before, .chip-brown:not(.disabled):not(:disabled):focus:before, a:hover > .chip-brown:not(.disabled):not(:disabled):before, a:active > .chip-brown:not(.disabled):not(:disabled):before, a:focus > .chip-brown:not(.disabled):not(:disabled):before, a.chip-brown:hover:before, a.chip-brown:active:before, a.chip-brown:focus:before, a:hover > a.chip-brown:before, a:active > a.chip-brown:before, a:focus > a.chip-brown:before, a.chip-brown:not(.disabled):not(:disabled):hover:before, a.chip-brown:not(.disabled):not(:disabled):active:before, a.chip-brown:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-brown:not(.disabled):not(:disabled):before, a:active > a.chip-brown:not(.disabled):not(:disabled):before, a:focus > a.chip-brown:not(.disabled):not(:disabled):before, a.badge-brown:hover:before, a.badge-brown:active:before, a.badge-brown:focus:before, a:hover > a.badge-brown:before, a:active > a.badge-brown:before, a:focus > a.badge-brown:before, a.badge-brown:not(.disabled):not(:disabled):hover:before, a.badge-brown:not(.disabled):not(:disabled):active:before, a.badge-brown:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-brown:not(.disabled):not(:disabled):before, a:active > a.badge-brown:not(.disabled):not(:disabled):before, a:focus > a.badge-brown:not(.disabled):not(:disabled):before, .label-brown:hover:before, .label-brown:active:before, .label-brown:focus:before, a:hover > .label-brown:before, a:active > .label-brown:before, a:focus > .label-brown:before, .label-brown:not(.disabled):not(:disabled):hover:before, .label-brown:not(.disabled):not(:disabled):active:before, .label-brown:not(.disabled):not(:disabled):focus:before, a:hover > .label-brown:not(.disabled):not(:disabled):before, a:active > .label-brown:not(.disabled):not(:disabled):before, a:focus > .label-brown:not(.disabled):not(:disabled):before, a.label-brown:hover:before, a.label-brown:active:before, a.label-brown:focus:before, a:hover > a.label-brown:before, a:active > a.label-brown:before, a:focus > a.label-brown:before, a.label-brown:not(.disabled):not(:disabled):hover:before, a.label-brown:not(.disabled):not(:disabled):active:before, a.label-brown:not(.disabled):not(:disabled):focus:before, a:hover > a.label-brown:not(.disabled):not(:disabled):before, a:active > a.label-brown:not(.disabled):not(:disabled):before, a:focus > a.label-brown:not(.disabled):not(:disabled):before, label.label-brown:hover:before, label.label-brown:active:before, label.label-brown:focus:before, a:hover > label.label-brown:before, a:active > label.label-brown:before, a:focus > label.label-brown:before, label.label-brown:not(.disabled):not(:disabled):hover:before, label.label-brown:not(.disabled):not(:disabled):active:before, label.label-brown:not(.disabled):not(:disabled):focus:before, a:hover > label.label-brown:not(.disabled):not(:disabled):before, a:active > label.label-brown:not(.disabled):not(:disabled):before, a:focus > label.label-brown:not(.disabled):not(:disabled):before { + background-color: #8f6c00; } + +.btn-grey, a.btn-grey, .badge-grey, .chip-grey, a.chip-grey, a.badge-grey, .label-grey, a.label-grey, label.label-grey { + color: #fdf6e3; } + .btn-grey:before, a.btn-grey:before, .badge-grey:before, .chip-grey:before, a.chip-grey:before, a.badge-grey:before, .label-grey:before, a.label-grey:before, label.label-grey:before { + background-color: #586e75; } + .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), a.btn-grey:hover, a.btn-grey:active, a.btn-grey:focus, a:hover > a.btn-grey, a:active > a.btn-grey, a:focus > a.btn-grey, a.btn-grey:not(.disabled):not(:disabled):hover, a.btn-grey:not(.disabled):not(:disabled):active, a.btn-grey:not(.disabled):not(:disabled):focus, a:hover > a.btn-grey:not(.disabled):not(:disabled), a:active > a.btn-grey:not(.disabled):not(:disabled), a:focus > a.btn-grey:not(.disabled):not(:disabled), .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), .chip-grey:hover, .chip-grey:active, .chip-grey:focus, a:hover > .chip-grey, a:active > .chip-grey, a:focus > .chip-grey, .chip-grey:not(.disabled):not(:disabled):hover, .chip-grey:not(.disabled):not(:disabled):active, .chip-grey:not(.disabled):not(:disabled):focus, a:hover > .chip-grey:not(.disabled):not(:disabled), a:active > .chip-grey:not(.disabled):not(:disabled), a:focus > .chip-grey:not(.disabled):not(:disabled), a.chip-grey:hover, a.chip-grey:active, a.chip-grey:focus, a:hover > a.chip-grey, a:active > a.chip-grey, a:focus > a.chip-grey, a.chip-grey:not(.disabled):not(:disabled):hover, a.chip-grey:not(.disabled):not(:disabled):active, a.chip-grey:not(.disabled):not(:disabled):focus, a:hover > a.chip-grey:not(.disabled):not(:disabled), a:active > a.chip-grey:not(.disabled):not(:disabled), a:focus > a.chip-grey:not(.disabled):not(:disabled), a.badge-grey:hover, a.badge-grey:active, a.badge-grey:focus, a:hover > a.badge-grey, a:active > a.badge-grey, a:focus > a.badge-grey, a.badge-grey:not(.disabled):not(:disabled):hover, a.badge-grey:not(.disabled):not(:disabled):active, a.badge-grey:not(.disabled):not(:disabled):focus, a:hover > a.badge-grey:not(.disabled):not(:disabled), a:active > a.badge-grey:not(.disabled):not(:disabled), a:focus > a.badge-grey:not(.disabled):not(:disabled), .label-grey:hover, .label-grey:active, .label-grey:focus, a:hover > .label-grey, a:active > .label-grey, a:focus > .label-grey, .label-grey:not(.disabled):not(:disabled):hover, .label-grey:not(.disabled):not(:disabled):active, .label-grey:not(.disabled):not(:disabled):focus, a:hover > .label-grey:not(.disabled):not(:disabled), a:active > .label-grey:not(.disabled):not(:disabled), a:focus > .label-grey:not(.disabled):not(:disabled), a.label-grey:hover, a.label-grey:active, a.label-grey:focus, a:hover > a.label-grey, a:active > a.label-grey, a:focus > a.label-grey, a.label-grey:not(.disabled):not(:disabled):hover, a.label-grey:not(.disabled):not(:disabled):active, a.label-grey:not(.disabled):not(:disabled):focus, a:hover > a.label-grey:not(.disabled):not(:disabled), a:active > a.label-grey:not(.disabled):not(:disabled), a:focus > a.label-grey:not(.disabled):not(:disabled), label.label-grey:hover, label.label-grey:active, label.label-grey:focus, a:hover > label.label-grey, a:active > label.label-grey, a:focus > label.label-grey, label.label-grey:not(.disabled):not(:disabled):hover, label.label-grey:not(.disabled):not(:disabled):active, label.label-grey:not(.disabled):not(:disabled):focus, a:hover > label.label-grey:not(.disabled):not(:disabled), a:active > label.label-grey:not(.disabled):not(:disabled), a:focus > label.label-grey:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-grey:hover:before, .btn-grey:active:before, .btn-grey:focus:before, a:hover > .btn-grey:before, a:active > .btn-grey:before, a:focus > .btn-grey:before, .btn-grey:not(.disabled):not(:disabled):hover:before, .btn-grey:not(.disabled):not(:disabled):active:before, .btn-grey:not(.disabled):not(:disabled):focus:before, a:hover > .btn-grey:not(.disabled):not(:disabled):before, a:active > .btn-grey:not(.disabled):not(:disabled):before, a:focus > .btn-grey:not(.disabled):not(:disabled):before, a.btn-grey:hover:before, a.btn-grey:active:before, a.btn-grey:focus:before, a:hover > a.btn-grey:before, a:active > a.btn-grey:before, a:focus > a.btn-grey:before, a.btn-grey:not(.disabled):not(:disabled):hover:before, a.btn-grey:not(.disabled):not(:disabled):active:before, a.btn-grey:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-grey:not(.disabled):not(:disabled):before, a:active > a.btn-grey:not(.disabled):not(:disabled):before, a:focus > a.btn-grey:not(.disabled):not(:disabled):before, .badge-grey:hover:before, .badge-grey:active:before, .badge-grey:focus:before, a:hover > .badge-grey:before, a:active > .badge-grey:before, a:focus > .badge-grey:before, .badge-grey:not(.disabled):not(:disabled):hover:before, .badge-grey:not(.disabled):not(:disabled):active:before, .badge-grey:not(.disabled):not(:disabled):focus:before, a:hover > .badge-grey:not(.disabled):not(:disabled):before, a:active > .badge-grey:not(.disabled):not(:disabled):before, a:focus > .badge-grey:not(.disabled):not(:disabled):before, .chip-grey:hover:before, .chip-grey:active:before, .chip-grey:focus:before, a:hover > .chip-grey:before, a:active > .chip-grey:before, a:focus > .chip-grey:before, .chip-grey:not(.disabled):not(:disabled):hover:before, .chip-grey:not(.disabled):not(:disabled):active:before, .chip-grey:not(.disabled):not(:disabled):focus:before, a:hover > .chip-grey:not(.disabled):not(:disabled):before, a:active > .chip-grey:not(.disabled):not(:disabled):before, a:focus > .chip-grey:not(.disabled):not(:disabled):before, a.chip-grey:hover:before, a.chip-grey:active:before, a.chip-grey:focus:before, a:hover > a.chip-grey:before, a:active > a.chip-grey:before, a:focus > a.chip-grey:before, a.chip-grey:not(.disabled):not(:disabled):hover:before, a.chip-grey:not(.disabled):not(:disabled):active:before, a.chip-grey:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-grey:not(.disabled):not(:disabled):before, a:active > a.chip-grey:not(.disabled):not(:disabled):before, a:focus > a.chip-grey:not(.disabled):not(:disabled):before, a.badge-grey:hover:before, a.badge-grey:active:before, a.badge-grey:focus:before, a:hover > a.badge-grey:before, a:active > a.badge-grey:before, a:focus > a.badge-grey:before, a.badge-grey:not(.disabled):not(:disabled):hover:before, a.badge-grey:not(.disabled):not(:disabled):active:before, a.badge-grey:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-grey:not(.disabled):not(:disabled):before, a:active > a.badge-grey:not(.disabled):not(:disabled):before, a:focus > a.badge-grey:not(.disabled):not(:disabled):before, .label-grey:hover:before, .label-grey:active:before, .label-grey:focus:before, a:hover > .label-grey:before, a:active > .label-grey:before, a:focus > .label-grey:before, .label-grey:not(.disabled):not(:disabled):hover:before, .label-grey:not(.disabled):not(:disabled):active:before, .label-grey:not(.disabled):not(:disabled):focus:before, a:hover > .label-grey:not(.disabled):not(:disabled):before, a:active > .label-grey:not(.disabled):not(:disabled):before, a:focus > .label-grey:not(.disabled):not(:disabled):before, a.label-grey:hover:before, a.label-grey:active:before, a.label-grey:focus:before, a:hover > a.label-grey:before, a:active > a.label-grey:before, a:focus > a.label-grey:before, a.label-grey:not(.disabled):not(:disabled):hover:before, a.label-grey:not(.disabled):not(:disabled):active:before, a.label-grey:not(.disabled):not(:disabled):focus:before, a:hover > a.label-grey:not(.disabled):not(:disabled):before, a:active > a.label-grey:not(.disabled):not(:disabled):before, a:focus > a.label-grey:not(.disabled):not(:disabled):before, label.label-grey:hover:before, label.label-grey:active:before, label.label-grey:focus:before, a:hover > label.label-grey:before, a:active > label.label-grey:before, a:focus > label.label-grey:before, label.label-grey:not(.disabled):not(:disabled):hover:before, label.label-grey:not(.disabled):not(:disabled):active:before, label.label-grey:not(.disabled):not(:disabled):focus:before, a:hover > label.label-grey:not(.disabled):not(:disabled):before, a:active > label.label-grey:not(.disabled):not(:disabled):before, a:focus > label.label-grey:not(.disabled):not(:disabled):before { + background-color: #48595f; } + +.btn-primary, a.btn-primary, .badge-primary, .chip-primary, a.chip-primary, a.badge-primary, .label-primary, a.label-primary, label.label-primary { + color: #fdf6e3; } + .btn-primary:before, a.btn-primary:before, .badge-primary:before, .chip-primary:before, a.chip-primary:before, a.badge-primary:before, .label-primary:before, a.label-primary:before, label.label-primary:before { + background-color: #d33682; } + .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), a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus, a:hover > a.btn-primary, a:active > a.btn-primary, a:focus > a.btn-primary, a.btn-primary:not(.disabled):not(:disabled):hover, a.btn-primary:not(.disabled):not(:disabled):active, a.btn-primary:not(.disabled):not(:disabled):focus, a:hover > a.btn-primary:not(.disabled):not(:disabled), a:active > a.btn-primary:not(.disabled):not(:disabled), a:focus > a.btn-primary:not(.disabled):not(:disabled), .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), .chip-primary:hover, .chip-primary:active, .chip-primary:focus, a:hover > .chip-primary, a:active > .chip-primary, a:focus > .chip-primary, .chip-primary:not(.disabled):not(:disabled):hover, .chip-primary:not(.disabled):not(:disabled):active, .chip-primary:not(.disabled):not(:disabled):focus, a:hover > .chip-primary:not(.disabled):not(:disabled), a:active > .chip-primary:not(.disabled):not(:disabled), a:focus > .chip-primary:not(.disabled):not(:disabled), a.chip-primary:hover, a.chip-primary:active, a.chip-primary:focus, a:hover > a.chip-primary, a:active > a.chip-primary, a:focus > a.chip-primary, a.chip-primary:not(.disabled):not(:disabled):hover, a.chip-primary:not(.disabled):not(:disabled):active, a.chip-primary:not(.disabled):not(:disabled):focus, a:hover > a.chip-primary:not(.disabled):not(:disabled), a:active > a.chip-primary:not(.disabled):not(:disabled), a:focus > a.chip-primary:not(.disabled):not(:disabled), a.badge-primary:hover, a.badge-primary:active, a.badge-primary:focus, a:hover > a.badge-primary, a:active > a.badge-primary, a:focus > a.badge-primary, a.badge-primary:not(.disabled):not(:disabled):hover, a.badge-primary:not(.disabled):not(:disabled):active, a.badge-primary:not(.disabled):not(:disabled):focus, a:hover > a.badge-primary:not(.disabled):not(:disabled), a:active > a.badge-primary:not(.disabled):not(:disabled), a:focus > a.badge-primary:not(.disabled):not(:disabled), .label-primary:hover, .label-primary:active, .label-primary:focus, a:hover > .label-primary, a:active > .label-primary, a:focus > .label-primary, .label-primary:not(.disabled):not(:disabled):hover, .label-primary:not(.disabled):not(:disabled):active, .label-primary:not(.disabled):not(:disabled):focus, a:hover > .label-primary:not(.disabled):not(:disabled), a:active > .label-primary:not(.disabled):not(:disabled), a:focus > .label-primary:not(.disabled):not(:disabled), a.label-primary:hover, a.label-primary:active, a.label-primary:focus, a:hover > a.label-primary, a:active > a.label-primary, a:focus > a.label-primary, a.label-primary:not(.disabled):not(:disabled):hover, a.label-primary:not(.disabled):not(:disabled):active, a.label-primary:not(.disabled):not(:disabled):focus, a:hover > a.label-primary:not(.disabled):not(:disabled), a:active > a.label-primary:not(.disabled):not(:disabled), a:focus > a.label-primary:not(.disabled):not(:disabled), label.label-primary:hover, label.label-primary:active, label.label-primary:focus, a:hover > label.label-primary, a:active > label.label-primary, a:focus > label.label-primary, label.label-primary:not(.disabled):not(:disabled):hover, label.label-primary:not(.disabled):not(:disabled):active, label.label-primary:not(.disabled):not(:disabled):focus, a:hover > label.label-primary:not(.disabled):not(:disabled), a:active > label.label-primary:not(.disabled):not(:disabled), a:focus > label.label-primary:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-primary:hover:before, .btn-primary:active:before, .btn-primary:focus:before, a:hover > .btn-primary:before, a:active > .btn-primary:before, a:focus > .btn-primary:before, .btn-primary:not(.disabled):not(:disabled):hover:before, .btn-primary:not(.disabled):not(:disabled):active:before, .btn-primary:not(.disabled):not(:disabled):focus:before, a:hover > .btn-primary:not(.disabled):not(:disabled):before, a:active > .btn-primary:not(.disabled):not(:disabled):before, a:focus > .btn-primary:not(.disabled):not(:disabled):before, a.btn-primary:hover:before, a.btn-primary:active:before, a.btn-primary:focus:before, a:hover > a.btn-primary:before, a:active > a.btn-primary:before, a:focus > a.btn-primary:before, a.btn-primary:not(.disabled):not(:disabled):hover:before, a.btn-primary:not(.disabled):not(:disabled):active:before, a.btn-primary:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-primary:not(.disabled):not(:disabled):before, a:active > a.btn-primary:not(.disabled):not(:disabled):before, a:focus > a.btn-primary:not(.disabled):not(:disabled):before, .badge-primary:hover:before, .badge-primary:active:before, .badge-primary:focus:before, a:hover > .badge-primary:before, a:active > .badge-primary:before, a:focus > .badge-primary:before, .badge-primary:not(.disabled):not(:disabled):hover:before, .badge-primary:not(.disabled):not(:disabled):active:before, .badge-primary:not(.disabled):not(:disabled):focus:before, a:hover > .badge-primary:not(.disabled):not(:disabled):before, a:active > .badge-primary:not(.disabled):not(:disabled):before, a:focus > .badge-primary:not(.disabled):not(:disabled):before, .chip-primary:hover:before, .chip-primary:active:before, .chip-primary:focus:before, a:hover > .chip-primary:before, a:active > .chip-primary:before, a:focus > .chip-primary:before, .chip-primary:not(.disabled):not(:disabled):hover:before, .chip-primary:not(.disabled):not(:disabled):active:before, .chip-primary:not(.disabled):not(:disabled):focus:before, a:hover > .chip-primary:not(.disabled):not(:disabled):before, a:active > .chip-primary:not(.disabled):not(:disabled):before, a:focus > .chip-primary:not(.disabled):not(:disabled):before, a.chip-primary:hover:before, a.chip-primary:active:before, a.chip-primary:focus:before, a:hover > a.chip-primary:before, a:active > a.chip-primary:before, a:focus > a.chip-primary:before, a.chip-primary:not(.disabled):not(:disabled):hover:before, a.chip-primary:not(.disabled):not(:disabled):active:before, a.chip-primary:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-primary:not(.disabled):not(:disabled):before, a:active > a.chip-primary:not(.disabled):not(:disabled):before, a:focus > a.chip-primary:not(.disabled):not(:disabled):before, a.badge-primary:hover:before, a.badge-primary:active:before, a.badge-primary:focus:before, a:hover > a.badge-primary:before, a:active > a.badge-primary:before, a:focus > a.badge-primary:before, a.badge-primary:not(.disabled):not(:disabled):hover:before, a.badge-primary:not(.disabled):not(:disabled):active:before, a.badge-primary:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-primary:not(.disabled):not(:disabled):before, a:active > a.badge-primary:not(.disabled):not(:disabled):before, a:focus > a.badge-primary:not(.disabled):not(:disabled):before, .label-primary:hover:before, .label-primary:active:before, .label-primary:focus:before, a:hover > .label-primary:before, a:active > .label-primary:before, a:focus > .label-primary:before, .label-primary:not(.disabled):not(:disabled):hover:before, .label-primary:not(.disabled):not(:disabled):active:before, .label-primary:not(.disabled):not(:disabled):focus:before, a:hover > .label-primary:not(.disabled):not(:disabled):before, a:active > .label-primary:not(.disabled):not(:disabled):before, a:focus > .label-primary:not(.disabled):not(:disabled):before, a.label-primary:hover:before, a.label-primary:active:before, a.label-primary:focus:before, a:hover > a.label-primary:before, a:active > a.label-primary:before, a:focus > a.label-primary:before, a.label-primary:not(.disabled):not(:disabled):hover:before, a.label-primary:not(.disabled):not(:disabled):active:before, a.label-primary:not(.disabled):not(:disabled):focus:before, a:hover > a.label-primary:not(.disabled):not(:disabled):before, a:active > a.label-primary:not(.disabled):not(:disabled):before, a:focus > a.label-primary:not(.disabled):not(:disabled):before, label.label-primary:hover:before, label.label-primary:active:before, label.label-primary:focus:before, a:hover > label.label-primary:before, a:active > label.label-primary:before, a:focus > label.label-primary:before, label.label-primary:not(.disabled):not(:disabled):hover:before, label.label-primary:not(.disabled):not(:disabled):active:before, label.label-primary:not(.disabled):not(:disabled):focus:before, a:hover > label.label-primary:not(.disabled):not(:disabled):before, a:active > label.label-primary:not(.disabled):not(:disabled):before, a:focus > label.label-primary:not(.disabled):not(:disabled):before { + background-color: #ba296f; } + +.btn-secondary, a.btn-secondary, .badge-secondary, .chip-secondary, a.chip-secondary, a.badge-secondary, .label-secondary, a.label-secondary, label.label-secondary { + color: #fdf6e3; } + .btn-secondary:before, a.btn-secondary:before, .badge-secondary:before, .chip-secondary:before, a.chip-secondary:before, a.badge-secondary:before, .label-secondary:before, a.label-secondary:before, label.label-secondary:before { + background-color: #2aa198; } + .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), a.btn-secondary:hover, a.btn-secondary:active, a.btn-secondary:focus, a:hover > a.btn-secondary, a:active > a.btn-secondary, a:focus > a.btn-secondary, a.btn-secondary:not(.disabled):not(:disabled):hover, a.btn-secondary:not(.disabled):not(:disabled):active, a.btn-secondary:not(.disabled):not(:disabled):focus, a:hover > a.btn-secondary:not(.disabled):not(:disabled), a:active > a.btn-secondary:not(.disabled):not(:disabled), a:focus > a.btn-secondary:not(.disabled):not(:disabled), .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), .chip-secondary:hover, .chip-secondary:active, .chip-secondary:focus, a:hover > .chip-secondary, a:active > .chip-secondary, a:focus > .chip-secondary, .chip-secondary:not(.disabled):not(:disabled):hover, .chip-secondary:not(.disabled):not(:disabled):active, .chip-secondary:not(.disabled):not(:disabled):focus, a:hover > .chip-secondary:not(.disabled):not(:disabled), a:active > .chip-secondary:not(.disabled):not(:disabled), a:focus > .chip-secondary:not(.disabled):not(:disabled), a.chip-secondary:hover, a.chip-secondary:active, a.chip-secondary:focus, a:hover > a.chip-secondary, a:active > a.chip-secondary, a:focus > a.chip-secondary, a.chip-secondary:not(.disabled):not(:disabled):hover, a.chip-secondary:not(.disabled):not(:disabled):active, a.chip-secondary:not(.disabled):not(:disabled):focus, a:hover > a.chip-secondary:not(.disabled):not(:disabled), a:active > a.chip-secondary:not(.disabled):not(:disabled), a:focus > a.chip-secondary:not(.disabled):not(:disabled), a.badge-secondary:hover, a.badge-secondary:active, a.badge-secondary:focus, a:hover > a.badge-secondary, a:active > a.badge-secondary, a:focus > a.badge-secondary, a.badge-secondary:not(.disabled):not(:disabled):hover, a.badge-secondary:not(.disabled):not(:disabled):active, a.badge-secondary:not(.disabled):not(:disabled):focus, a:hover > a.badge-secondary:not(.disabled):not(:disabled), a:active > a.badge-secondary:not(.disabled):not(:disabled), a:focus > a.badge-secondary:not(.disabled):not(:disabled), .label-secondary:hover, .label-secondary:active, .label-secondary:focus, a:hover > .label-secondary, a:active > .label-secondary, a:focus > .label-secondary, .label-secondary:not(.disabled):not(:disabled):hover, .label-secondary:not(.disabled):not(:disabled):active, .label-secondary:not(.disabled):not(:disabled):focus, a:hover > .label-secondary:not(.disabled):not(:disabled), a:active > .label-secondary:not(.disabled):not(:disabled), a:focus > .label-secondary:not(.disabled):not(:disabled), a.label-secondary:hover, a.label-secondary:active, a.label-secondary:focus, a:hover > a.label-secondary, a:active > a.label-secondary, a:focus > a.label-secondary, a.label-secondary:not(.disabled):not(:disabled):hover, a.label-secondary:not(.disabled):not(:disabled):active, a.label-secondary:not(.disabled):not(:disabled):focus, a:hover > a.label-secondary:not(.disabled):not(:disabled), a:active > a.label-secondary:not(.disabled):not(:disabled), a:focus > a.label-secondary:not(.disabled):not(:disabled), label.label-secondary:hover, label.label-secondary:active, label.label-secondary:focus, a:hover > label.label-secondary, a:active > label.label-secondary, a:focus > label.label-secondary, label.label-secondary:not(.disabled):not(:disabled):hover, label.label-secondary:not(.disabled):not(:disabled):active, label.label-secondary:not(.disabled):not(:disabled):focus, a:hover > label.label-secondary:not(.disabled):not(:disabled), a:active > label.label-secondary:not(.disabled):not(:disabled), a:focus > label.label-secondary:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-secondary:hover:before, .btn-secondary:active:before, .btn-secondary:focus:before, a:hover > .btn-secondary:before, a:active > .btn-secondary:before, a:focus > .btn-secondary:before, .btn-secondary:not(.disabled):not(:disabled):hover:before, .btn-secondary:not(.disabled):not(:disabled):active:before, .btn-secondary:not(.disabled):not(:disabled):focus:before, a:hover > .btn-secondary:not(.disabled):not(:disabled):before, a:active > .btn-secondary:not(.disabled):not(:disabled):before, a:focus > .btn-secondary:not(.disabled):not(:disabled):before, a.btn-secondary:hover:before, a.btn-secondary:active:before, a.btn-secondary:focus:before, a:hover > a.btn-secondary:before, a:active > a.btn-secondary:before, a:focus > a.btn-secondary:before, a.btn-secondary:not(.disabled):not(:disabled):hover:before, a.btn-secondary:not(.disabled):not(:disabled):active:before, a.btn-secondary:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-secondary:not(.disabled):not(:disabled):before, a:active > a.btn-secondary:not(.disabled):not(:disabled):before, a:focus > a.btn-secondary:not(.disabled):not(:disabled):before, .badge-secondary:hover:before, .badge-secondary:active:before, .badge-secondary:focus:before, a:hover > .badge-secondary:before, a:active > .badge-secondary:before, a:focus > .badge-secondary:before, .badge-secondary:not(.disabled):not(:disabled):hover:before, .badge-secondary:not(.disabled):not(:disabled):active:before, .badge-secondary:not(.disabled):not(:disabled):focus:before, a:hover > .badge-secondary:not(.disabled):not(:disabled):before, a:active > .badge-secondary:not(.disabled):not(:disabled):before, a:focus > .badge-secondary:not(.disabled):not(:disabled):before, .chip-secondary:hover:before, .chip-secondary:active:before, .chip-secondary:focus:before, a:hover > .chip-secondary:before, a:active > .chip-secondary:before, a:focus > .chip-secondary:before, .chip-secondary:not(.disabled):not(:disabled):hover:before, .chip-secondary:not(.disabled):not(:disabled):active:before, .chip-secondary:not(.disabled):not(:disabled):focus:before, a:hover > .chip-secondary:not(.disabled):not(:disabled):before, a:active > .chip-secondary:not(.disabled):not(:disabled):before, a:focus > .chip-secondary:not(.disabled):not(:disabled):before, a.chip-secondary:hover:before, a.chip-secondary:active:before, a.chip-secondary:focus:before, a:hover > a.chip-secondary:before, a:active > a.chip-secondary:before, a:focus > a.chip-secondary:before, a.chip-secondary:not(.disabled):not(:disabled):hover:before, a.chip-secondary:not(.disabled):not(:disabled):active:before, a.chip-secondary:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-secondary:not(.disabled):not(:disabled):before, a:active > a.chip-secondary:not(.disabled):not(:disabled):before, a:focus > a.chip-secondary:not(.disabled):not(:disabled):before, a.badge-secondary:hover:before, a.badge-secondary:active:before, a.badge-secondary:focus:before, a:hover > a.badge-secondary:before, a:active > a.badge-secondary:before, a:focus > a.badge-secondary:before, a.badge-secondary:not(.disabled):not(:disabled):hover:before, a.badge-secondary:not(.disabled):not(:disabled):active:before, a.badge-secondary:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-secondary:not(.disabled):not(:disabled):before, a:active > a.badge-secondary:not(.disabled):not(:disabled):before, a:focus > a.badge-secondary:not(.disabled):not(:disabled):before, .label-secondary:hover:before, .label-secondary:active:before, .label-secondary:focus:before, a:hover > .label-secondary:before, a:active > .label-secondary:before, a:focus > .label-secondary:before, .label-secondary:not(.disabled):not(:disabled):hover:before, .label-secondary:not(.disabled):not(:disabled):active:before, .label-secondary:not(.disabled):not(:disabled):focus:before, a:hover > .label-secondary:not(.disabled):not(:disabled):before, a:active > .label-secondary:not(.disabled):not(:disabled):before, a:focus > .label-secondary:not(.disabled):not(:disabled):before, a.label-secondary:hover:before, a.label-secondary:active:before, a.label-secondary:focus:before, a:hover > a.label-secondary:before, a:active > a.label-secondary:before, a:focus > a.label-secondary:before, a.label-secondary:not(.disabled):not(:disabled):hover:before, a.label-secondary:not(.disabled):not(:disabled):active:before, a.label-secondary:not(.disabled):not(:disabled):focus:before, a:hover > a.label-secondary:not(.disabled):not(:disabled):before, a:active > a.label-secondary:not(.disabled):not(:disabled):before, a:focus > a.label-secondary:not(.disabled):not(:disabled):before, label.label-secondary:hover:before, label.label-secondary:active:before, label.label-secondary:focus:before, a:hover > label.label-secondary:before, a:active > label.label-secondary:before, a:focus > label.label-secondary:before, label.label-secondary:not(.disabled):not(:disabled):hover:before, label.label-secondary:not(.disabled):not(:disabled):active:before, label.label-secondary:not(.disabled):not(:disabled):focus:before, a:hover > label.label-secondary:not(.disabled):not(:disabled):before, a:active > label.label-secondary:not(.disabled):not(:disabled):before, a:focus > label.label-secondary:not(.disabled):not(:disabled):before { + background-color: #22837b; } + +.btn-warning, a.btn-warning, .badge-warning, .chip-warning, a.chip-warning, a.badge-warning, .label-warning, a.label-warning, label.label-warning { + color: #fdf6e3; } + .btn-warning:before, a.btn-warning:before, .badge-warning:before, .chip-warning:before, a.chip-warning:before, a.badge-warning:before, .label-warning:before, a.label-warning:before, label.label-warning:before { + background-color: #cb4b16; } + .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), a.btn-warning:hover, a.btn-warning:active, a.btn-warning:focus, a:hover > a.btn-warning, a:active > a.btn-warning, a:focus > a.btn-warning, a.btn-warning:not(.disabled):not(:disabled):hover, a.btn-warning:not(.disabled):not(:disabled):active, a.btn-warning:not(.disabled):not(:disabled):focus, a:hover > a.btn-warning:not(.disabled):not(:disabled), a:active > a.btn-warning:not(.disabled):not(:disabled), a:focus > a.btn-warning:not(.disabled):not(:disabled), .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), .chip-warning:hover, .chip-warning:active, .chip-warning:focus, a:hover > .chip-warning, a:active > .chip-warning, a:focus > .chip-warning, .chip-warning:not(.disabled):not(:disabled):hover, .chip-warning:not(.disabled):not(:disabled):active, .chip-warning:not(.disabled):not(:disabled):focus, a:hover > .chip-warning:not(.disabled):not(:disabled), a:active > .chip-warning:not(.disabled):not(:disabled), a:focus > .chip-warning:not(.disabled):not(:disabled), a.chip-warning:hover, a.chip-warning:active, a.chip-warning:focus, a:hover > a.chip-warning, a:active > a.chip-warning, a:focus > a.chip-warning, a.chip-warning:not(.disabled):not(:disabled):hover, a.chip-warning:not(.disabled):not(:disabled):active, a.chip-warning:not(.disabled):not(:disabled):focus, a:hover > a.chip-warning:not(.disabled):not(:disabled), a:active > a.chip-warning:not(.disabled):not(:disabled), a:focus > a.chip-warning:not(.disabled):not(:disabled), a.badge-warning:hover, a.badge-warning:active, a.badge-warning:focus, a:hover > a.badge-warning, a:active > a.badge-warning, a:focus > a.badge-warning, a.badge-warning:not(.disabled):not(:disabled):hover, a.badge-warning:not(.disabled):not(:disabled):active, a.badge-warning:not(.disabled):not(:disabled):focus, a:hover > a.badge-warning:not(.disabled):not(:disabled), a:active > a.badge-warning:not(.disabled):not(:disabled), a:focus > a.badge-warning:not(.disabled):not(:disabled), .label-warning:hover, .label-warning:active, .label-warning:focus, a:hover > .label-warning, a:active > .label-warning, a:focus > .label-warning, .label-warning:not(.disabled):not(:disabled):hover, .label-warning:not(.disabled):not(:disabled):active, .label-warning:not(.disabled):not(:disabled):focus, a:hover > .label-warning:not(.disabled):not(:disabled), a:active > .label-warning:not(.disabled):not(:disabled), a:focus > .label-warning:not(.disabled):not(:disabled), a.label-warning:hover, a.label-warning:active, a.label-warning:focus, a:hover > a.label-warning, a:active > a.label-warning, a:focus > a.label-warning, a.label-warning:not(.disabled):not(:disabled):hover, a.label-warning:not(.disabled):not(:disabled):active, a.label-warning:not(.disabled):not(:disabled):focus, a:hover > a.label-warning:not(.disabled):not(:disabled), a:active > a.label-warning:not(.disabled):not(:disabled), a:focus > a.label-warning:not(.disabled):not(:disabled), label.label-warning:hover, label.label-warning:active, label.label-warning:focus, a:hover > label.label-warning, a:active > label.label-warning, a:focus > label.label-warning, label.label-warning:not(.disabled):not(:disabled):hover, label.label-warning:not(.disabled):not(:disabled):active, label.label-warning:not(.disabled):not(:disabled):focus, a:hover > label.label-warning:not(.disabled):not(:disabled), a:active > label.label-warning:not(.disabled):not(:disabled), a:focus > label.label-warning:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-warning:hover:before, .btn-warning:active:before, .btn-warning:focus:before, a:hover > .btn-warning:before, a:active > .btn-warning:before, a:focus > .btn-warning:before, .btn-warning:not(.disabled):not(:disabled):hover:before, .btn-warning:not(.disabled):not(:disabled):active:before, .btn-warning:not(.disabled):not(:disabled):focus:before, a:hover > .btn-warning:not(.disabled):not(:disabled):before, a:active > .btn-warning:not(.disabled):not(:disabled):before, a:focus > .btn-warning:not(.disabled):not(:disabled):before, a.btn-warning:hover:before, a.btn-warning:active:before, a.btn-warning:focus:before, a:hover > a.btn-warning:before, a:active > a.btn-warning:before, a:focus > a.btn-warning:before, a.btn-warning:not(.disabled):not(:disabled):hover:before, a.btn-warning:not(.disabled):not(:disabled):active:before, a.btn-warning:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-warning:not(.disabled):not(:disabled):before, a:active > a.btn-warning:not(.disabled):not(:disabled):before, a:focus > a.btn-warning:not(.disabled):not(:disabled):before, .badge-warning:hover:before, .badge-warning:active:before, .badge-warning:focus:before, a:hover > .badge-warning:before, a:active > .badge-warning:before, a:focus > .badge-warning:before, .badge-warning:not(.disabled):not(:disabled):hover:before, .badge-warning:not(.disabled):not(:disabled):active:before, .badge-warning:not(.disabled):not(:disabled):focus:before, a:hover > .badge-warning:not(.disabled):not(:disabled):before, a:active > .badge-warning:not(.disabled):not(:disabled):before, a:focus > .badge-warning:not(.disabled):not(:disabled):before, .chip-warning:hover:before, .chip-warning:active:before, .chip-warning:focus:before, a:hover > .chip-warning:before, a:active > .chip-warning:before, a:focus > .chip-warning:before, .chip-warning:not(.disabled):not(:disabled):hover:before, .chip-warning:not(.disabled):not(:disabled):active:before, .chip-warning:not(.disabled):not(:disabled):focus:before, a:hover > .chip-warning:not(.disabled):not(:disabled):before, a:active > .chip-warning:not(.disabled):not(:disabled):before, a:focus > .chip-warning:not(.disabled):not(:disabled):before, a.chip-warning:hover:before, a.chip-warning:active:before, a.chip-warning:focus:before, a:hover > a.chip-warning:before, a:active > a.chip-warning:before, a:focus > a.chip-warning:before, a.chip-warning:not(.disabled):not(:disabled):hover:before, a.chip-warning:not(.disabled):not(:disabled):active:before, a.chip-warning:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-warning:not(.disabled):not(:disabled):before, a:active > a.chip-warning:not(.disabled):not(:disabled):before, a:focus > a.chip-warning:not(.disabled):not(:disabled):before, a.badge-warning:hover:before, a.badge-warning:active:before, a.badge-warning:focus:before, a:hover > a.badge-warning:before, a:active > a.badge-warning:before, a:focus > a.badge-warning:before, a.badge-warning:not(.disabled):not(:disabled):hover:before, a.badge-warning:not(.disabled):not(:disabled):active:before, a.badge-warning:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-warning:not(.disabled):not(:disabled):before, a:active > a.badge-warning:not(.disabled):not(:disabled):before, a:focus > a.badge-warning:not(.disabled):not(:disabled):before, .label-warning:hover:before, .label-warning:active:before, .label-warning:focus:before, a:hover > .label-warning:before, a:active > .label-warning:before, a:focus > .label-warning:before, .label-warning:not(.disabled):not(:disabled):hover:before, .label-warning:not(.disabled):not(:disabled):active:before, .label-warning:not(.disabled):not(:disabled):focus:before, a:hover > .label-warning:not(.disabled):not(:disabled):before, a:active > .label-warning:not(.disabled):not(:disabled):before, a:focus > .label-warning:not(.disabled):not(:disabled):before, a.label-warning:hover:before, a.label-warning:active:before, a.label-warning:focus:before, a:hover > a.label-warning:before, a:active > a.label-warning:before, a:focus > a.label-warning:before, a.label-warning:not(.disabled):not(:disabled):hover:before, a.label-warning:not(.disabled):not(:disabled):active:before, a.label-warning:not(.disabled):not(:disabled):focus:before, a:hover > a.label-warning:not(.disabled):not(:disabled):before, a:active > a.label-warning:not(.disabled):not(:disabled):before, a:focus > a.label-warning:not(.disabled):not(:disabled):before, label.label-warning:hover:before, label.label-warning:active:before, label.label-warning:focus:before, a:hover > label.label-warning:before, a:active > label.label-warning:before, a:focus > label.label-warning:before, label.label-warning:not(.disabled):not(:disabled):hover:before, label.label-warning:not(.disabled):not(:disabled):active:before, label.label-warning:not(.disabled):not(:disabled):focus:before, a:hover > label.label-warning:not(.disabled):not(:disabled):before, a:active > label.label-warning:not(.disabled):not(:disabled):before, a:focus > label.label-warning:not(.disabled):not(:disabled):before { + background-color: #a83e12; } + +.btn-danger, a.btn-danger, .badge-danger, .chip-danger, a.chip-danger, a.badge-danger, .label-danger, a.label-danger, label.label-danger { + color: #fdf6e3; } + .btn-danger:before, a.btn-danger:before, .badge-danger:before, .chip-danger:before, a.chip-danger:before, a.badge-danger:before, .label-danger:before, a.label-danger:before, label.label-danger:before { + background-color: #dc322f; } + .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), a.btn-danger:hover, a.btn-danger:active, a.btn-danger:focus, a:hover > a.btn-danger, a:active > a.btn-danger, a:focus > a.btn-danger, a.btn-danger:not(.disabled):not(:disabled):hover, a.btn-danger:not(.disabled):not(:disabled):active, a.btn-danger:not(.disabled):not(:disabled):focus, a:hover > a.btn-danger:not(.disabled):not(:disabled), a:active > a.btn-danger:not(.disabled):not(:disabled), a:focus > a.btn-danger:not(.disabled):not(:disabled), .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), .chip-danger:hover, .chip-danger:active, .chip-danger:focus, a:hover > .chip-danger, a:active > .chip-danger, a:focus > .chip-danger, .chip-danger:not(.disabled):not(:disabled):hover, .chip-danger:not(.disabled):not(:disabled):active, .chip-danger:not(.disabled):not(:disabled):focus, a:hover > .chip-danger:not(.disabled):not(:disabled), a:active > .chip-danger:not(.disabled):not(:disabled), a:focus > .chip-danger:not(.disabled):not(:disabled), a.chip-danger:hover, a.chip-danger:active, a.chip-danger:focus, a:hover > a.chip-danger, a:active > a.chip-danger, a:focus > a.chip-danger, a.chip-danger:not(.disabled):not(:disabled):hover, a.chip-danger:not(.disabled):not(:disabled):active, a.chip-danger:not(.disabled):not(:disabled):focus, a:hover > a.chip-danger:not(.disabled):not(:disabled), a:active > a.chip-danger:not(.disabled):not(:disabled), a:focus > a.chip-danger:not(.disabled):not(:disabled), a.badge-danger:hover, a.badge-danger:active, a.badge-danger:focus, a:hover > a.badge-danger, a:active > a.badge-danger, a:focus > a.badge-danger, a.badge-danger:not(.disabled):not(:disabled):hover, a.badge-danger:not(.disabled):not(:disabled):active, a.badge-danger:not(.disabled):not(:disabled):focus, a:hover > a.badge-danger:not(.disabled):not(:disabled), a:active > a.badge-danger:not(.disabled):not(:disabled), a:focus > a.badge-danger:not(.disabled):not(:disabled), .label-danger:hover, .label-danger:active, .label-danger:focus, a:hover > .label-danger, a:active > .label-danger, a:focus > .label-danger, .label-danger:not(.disabled):not(:disabled):hover, .label-danger:not(.disabled):not(:disabled):active, .label-danger:not(.disabled):not(:disabled):focus, a:hover > .label-danger:not(.disabled):not(:disabled), a:active > .label-danger:not(.disabled):not(:disabled), a:focus > .label-danger:not(.disabled):not(:disabled), a.label-danger:hover, a.label-danger:active, a.label-danger:focus, a:hover > a.label-danger, a:active > a.label-danger, a:focus > a.label-danger, a.label-danger:not(.disabled):not(:disabled):hover, a.label-danger:not(.disabled):not(:disabled):active, a.label-danger:not(.disabled):not(:disabled):focus, a:hover > a.label-danger:not(.disabled):not(:disabled), a:active > a.label-danger:not(.disabled):not(:disabled), a:focus > a.label-danger:not(.disabled):not(:disabled), label.label-danger:hover, label.label-danger:active, label.label-danger:focus, a:hover > label.label-danger, a:active > label.label-danger, a:focus > label.label-danger, label.label-danger:not(.disabled):not(:disabled):hover, label.label-danger:not(.disabled):not(:disabled):active, label.label-danger:not(.disabled):not(:disabled):focus, a:hover > label.label-danger:not(.disabled):not(:disabled), a:active > label.label-danger:not(.disabled):not(:disabled), a:focus > label.label-danger:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-danger:hover:before, .btn-danger:active:before, .btn-danger:focus:before, a:hover > .btn-danger:before, a:active > .btn-danger:before, a:focus > .btn-danger:before, .btn-danger:not(.disabled):not(:disabled):hover:before, .btn-danger:not(.disabled):not(:disabled):active:before, .btn-danger:not(.disabled):not(:disabled):focus:before, a:hover > .btn-danger:not(.disabled):not(:disabled):before, a:active > .btn-danger:not(.disabled):not(:disabled):before, a:focus > .btn-danger:not(.disabled):not(:disabled):before, a.btn-danger:hover:before, a.btn-danger:active:before, a.btn-danger:focus:before, a:hover > a.btn-danger:before, a:active > a.btn-danger:before, a:focus > a.btn-danger:before, a.btn-danger:not(.disabled):not(:disabled):hover:before, a.btn-danger:not(.disabled):not(:disabled):active:before, a.btn-danger:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-danger:not(.disabled):not(:disabled):before, a:active > a.btn-danger:not(.disabled):not(:disabled):before, a:focus > a.btn-danger:not(.disabled):not(:disabled):before, .badge-danger:hover:before, .badge-danger:active:before, .badge-danger:focus:before, a:hover > .badge-danger:before, a:active > .badge-danger:before, a:focus > .badge-danger:before, .badge-danger:not(.disabled):not(:disabled):hover:before, .badge-danger:not(.disabled):not(:disabled):active:before, .badge-danger:not(.disabled):not(:disabled):focus:before, a:hover > .badge-danger:not(.disabled):not(:disabled):before, a:active > .badge-danger:not(.disabled):not(:disabled):before, a:focus > .badge-danger:not(.disabled):not(:disabled):before, .chip-danger:hover:before, .chip-danger:active:before, .chip-danger:focus:before, a:hover > .chip-danger:before, a:active > .chip-danger:before, a:focus > .chip-danger:before, .chip-danger:not(.disabled):not(:disabled):hover:before, .chip-danger:not(.disabled):not(:disabled):active:before, .chip-danger:not(.disabled):not(:disabled):focus:before, a:hover > .chip-danger:not(.disabled):not(:disabled):before, a:active > .chip-danger:not(.disabled):not(:disabled):before, a:focus > .chip-danger:not(.disabled):not(:disabled):before, a.chip-danger:hover:before, a.chip-danger:active:before, a.chip-danger:focus:before, a:hover > a.chip-danger:before, a:active > a.chip-danger:before, a:focus > a.chip-danger:before, a.chip-danger:not(.disabled):not(:disabled):hover:before, a.chip-danger:not(.disabled):not(:disabled):active:before, a.chip-danger:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-danger:not(.disabled):not(:disabled):before, a:active > a.chip-danger:not(.disabled):not(:disabled):before, a:focus > a.chip-danger:not(.disabled):not(:disabled):before, a.badge-danger:hover:before, a.badge-danger:active:before, a.badge-danger:focus:before, a:hover > a.badge-danger:before, a:active > a.badge-danger:before, a:focus > a.badge-danger:before, a.badge-danger:not(.disabled):not(:disabled):hover:before, a.badge-danger:not(.disabled):not(:disabled):active:before, a.badge-danger:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-danger:not(.disabled):not(:disabled):before, a:active > a.badge-danger:not(.disabled):not(:disabled):before, a:focus > a.badge-danger:not(.disabled):not(:disabled):before, .label-danger:hover:before, .label-danger:active:before, .label-danger:focus:before, a:hover > .label-danger:before, a:active > .label-danger:before, a:focus > .label-danger:before, .label-danger:not(.disabled):not(:disabled):hover:before, .label-danger:not(.disabled):not(:disabled):active:before, .label-danger:not(.disabled):not(:disabled):focus:before, a:hover > .label-danger:not(.disabled):not(:disabled):before, a:active > .label-danger:not(.disabled):not(:disabled):before, a:focus > .label-danger:not(.disabled):not(:disabled):before, a.label-danger:hover:before, a.label-danger:active:before, a.label-danger:focus:before, a:hover > a.label-danger:before, a:active > a.label-danger:before, a:focus > a.label-danger:before, a.label-danger:not(.disabled):not(:disabled):hover:before, a.label-danger:not(.disabled):not(:disabled):active:before, a.label-danger:not(.disabled):not(:disabled):focus:before, a:hover > a.label-danger:not(.disabled):not(:disabled):before, a:active > a.label-danger:not(.disabled):not(:disabled):before, a:focus > a.label-danger:not(.disabled):not(:disabled):before, label.label-danger:hover:before, label.label-danger:active:before, label.label-danger:focus:before, a:hover > label.label-danger:before, a:active > label.label-danger:before, a:focus > label.label-danger:before, label.label-danger:not(.disabled):not(:disabled):hover:before, label.label-danger:not(.disabled):not(:disabled):active:before, label.label-danger:not(.disabled):not(:disabled):focus:before, a:hover > label.label-danger:not(.disabled):not(:disabled):before, a:active > label.label-danger:not(.disabled):not(:disabled):before, a:focus > label.label-danger:not(.disabled):not(:disabled):before { + background-color: #c42421; } + +.btn-info, a.btn-info, .badge-info, .chip-info, a.chip-info, a.badge-info, .label-info, a.label-info, label.label-info { + color: #fdf6e3; } + .btn-info:before, a.btn-info:before, .badge-info:before, .chip-info:before, a.chip-info:before, a.badge-info:before, .label-info:before, a.label-info:before, label.label-info:before { + background-color: #2aa198; } + .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), a.btn-info:hover, a.btn-info:active, a.btn-info:focus, a:hover > a.btn-info, a:active > a.btn-info, a:focus > a.btn-info, a.btn-info:not(.disabled):not(:disabled):hover, a.btn-info:not(.disabled):not(:disabled):active, a.btn-info:not(.disabled):not(:disabled):focus, a:hover > a.btn-info:not(.disabled):not(:disabled), a:active > a.btn-info:not(.disabled):not(:disabled), a:focus > a.btn-info:not(.disabled):not(:disabled), .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), .chip-info:hover, .chip-info:active, .chip-info:focus, a:hover > .chip-info, a:active > .chip-info, a:focus > .chip-info, .chip-info:not(.disabled):not(:disabled):hover, .chip-info:not(.disabled):not(:disabled):active, .chip-info:not(.disabled):not(:disabled):focus, a:hover > .chip-info:not(.disabled):not(:disabled), a:active > .chip-info:not(.disabled):not(:disabled), a:focus > .chip-info:not(.disabled):not(:disabled), a.chip-info:hover, a.chip-info:active, a.chip-info:focus, a:hover > a.chip-info, a:active > a.chip-info, a:focus > a.chip-info, a.chip-info:not(.disabled):not(:disabled):hover, a.chip-info:not(.disabled):not(:disabled):active, a.chip-info:not(.disabled):not(:disabled):focus, a:hover > a.chip-info:not(.disabled):not(:disabled), a:active > a.chip-info:not(.disabled):not(:disabled), a:focus > a.chip-info:not(.disabled):not(:disabled), a.badge-info:hover, a.badge-info:active, a.badge-info:focus, a:hover > a.badge-info, a:active > a.badge-info, a:focus > a.badge-info, a.badge-info:not(.disabled):not(:disabled):hover, a.badge-info:not(.disabled):not(:disabled):active, a.badge-info:not(.disabled):not(:disabled):focus, a:hover > a.badge-info:not(.disabled):not(:disabled), a:active > a.badge-info:not(.disabled):not(:disabled), a:focus > a.badge-info:not(.disabled):not(:disabled), .label-info:hover, .label-info:active, .label-info:focus, a:hover > .label-info, a:active > .label-info, a:focus > .label-info, .label-info:not(.disabled):not(:disabled):hover, .label-info:not(.disabled):not(:disabled):active, .label-info:not(.disabled):not(:disabled):focus, a:hover > .label-info:not(.disabled):not(:disabled), a:active > .label-info:not(.disabled):not(:disabled), a:focus > .label-info:not(.disabled):not(:disabled), a.label-info:hover, a.label-info:active, a.label-info:focus, a:hover > a.label-info, a:active > a.label-info, a:focus > a.label-info, a.label-info:not(.disabled):not(:disabled):hover, a.label-info:not(.disabled):not(:disabled):active, a.label-info:not(.disabled):not(:disabled):focus, a:hover > a.label-info:not(.disabled):not(:disabled), a:active > a.label-info:not(.disabled):not(:disabled), a:focus > a.label-info:not(.disabled):not(:disabled), label.label-info:hover, label.label-info:active, label.label-info:focus, a:hover > label.label-info, a:active > label.label-info, a:focus > label.label-info, label.label-info:not(.disabled):not(:disabled):hover, label.label-info:not(.disabled):not(:disabled):active, label.label-info:not(.disabled):not(:disabled):focus, a:hover > label.label-info:not(.disabled):not(:disabled), a:active > label.label-info:not(.disabled):not(:disabled), a:focus > label.label-info:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-info:hover:before, .btn-info:active:before, .btn-info:focus:before, a:hover > .btn-info:before, a:active > .btn-info:before, a:focus > .btn-info:before, .btn-info:not(.disabled):not(:disabled):hover:before, .btn-info:not(.disabled):not(:disabled):active:before, .btn-info:not(.disabled):not(:disabled):focus:before, a:hover > .btn-info:not(.disabled):not(:disabled):before, a:active > .btn-info:not(.disabled):not(:disabled):before, a:focus > .btn-info:not(.disabled):not(:disabled):before, a.btn-info:hover:before, a.btn-info:active:before, a.btn-info:focus:before, a:hover > a.btn-info:before, a:active > a.btn-info:before, a:focus > a.btn-info:before, a.btn-info:not(.disabled):not(:disabled):hover:before, a.btn-info:not(.disabled):not(:disabled):active:before, a.btn-info:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-info:not(.disabled):not(:disabled):before, a:active > a.btn-info:not(.disabled):not(:disabled):before, a:focus > a.btn-info:not(.disabled):not(:disabled):before, .badge-info:hover:before, .badge-info:active:before, .badge-info:focus:before, a:hover > .badge-info:before, a:active > .badge-info:before, a:focus > .badge-info:before, .badge-info:not(.disabled):not(:disabled):hover:before, .badge-info:not(.disabled):not(:disabled):active:before, .badge-info:not(.disabled):not(:disabled):focus:before, a:hover > .badge-info:not(.disabled):not(:disabled):before, a:active > .badge-info:not(.disabled):not(:disabled):before, a:focus > .badge-info:not(.disabled):not(:disabled):before, .chip-info:hover:before, .chip-info:active:before, .chip-info:focus:before, a:hover > .chip-info:before, a:active > .chip-info:before, a:focus > .chip-info:before, .chip-info:not(.disabled):not(:disabled):hover:before, .chip-info:not(.disabled):not(:disabled):active:before, .chip-info:not(.disabled):not(:disabled):focus:before, a:hover > .chip-info:not(.disabled):not(:disabled):before, a:active > .chip-info:not(.disabled):not(:disabled):before, a:focus > .chip-info:not(.disabled):not(:disabled):before, a.chip-info:hover:before, a.chip-info:active:before, a.chip-info:focus:before, a:hover > a.chip-info:before, a:active > a.chip-info:before, a:focus > a.chip-info:before, a.chip-info:not(.disabled):not(:disabled):hover:before, a.chip-info:not(.disabled):not(:disabled):active:before, a.chip-info:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-info:not(.disabled):not(:disabled):before, a:active > a.chip-info:not(.disabled):not(:disabled):before, a:focus > a.chip-info:not(.disabled):not(:disabled):before, a.badge-info:hover:before, a.badge-info:active:before, a.badge-info:focus:before, a:hover > a.badge-info:before, a:active > a.badge-info:before, a:focus > a.badge-info:before, a.badge-info:not(.disabled):not(:disabled):hover:before, a.badge-info:not(.disabled):not(:disabled):active:before, a.badge-info:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-info:not(.disabled):not(:disabled):before, a:active > a.badge-info:not(.disabled):not(:disabled):before, a:focus > a.badge-info:not(.disabled):not(:disabled):before, .label-info:hover:before, .label-info:active:before, .label-info:focus:before, a:hover > .label-info:before, a:active > .label-info:before, a:focus > .label-info:before, .label-info:not(.disabled):not(:disabled):hover:before, .label-info:not(.disabled):not(:disabled):active:before, .label-info:not(.disabled):not(:disabled):focus:before, a:hover > .label-info:not(.disabled):not(:disabled):before, a:active > .label-info:not(.disabled):not(:disabled):before, a:focus > .label-info:not(.disabled):not(:disabled):before, a.label-info:hover:before, a.label-info:active:before, a.label-info:focus:before, a:hover > a.label-info:before, a:active > a.label-info:before, a:focus > a.label-info:before, a.label-info:not(.disabled):not(:disabled):hover:before, a.label-info:not(.disabled):not(:disabled):active:before, a.label-info:not(.disabled):not(:disabled):focus:before, a:hover > a.label-info:not(.disabled):not(:disabled):before, a:active > a.label-info:not(.disabled):not(:disabled):before, a:focus > a.label-info:not(.disabled):not(:disabled):before, label.label-info:hover:before, label.label-info:active:before, label.label-info:focus:before, a:hover > label.label-info:before, a:active > label.label-info:before, a:focus > label.label-info:before, label.label-info:not(.disabled):not(:disabled):hover:before, label.label-info:not(.disabled):not(:disabled):active:before, label.label-info:not(.disabled):not(:disabled):focus:before, a:hover > label.label-info:not(.disabled):not(:disabled):before, a:active > label.label-info:not(.disabled):not(:disabled):before, a:focus > label.label-info:not(.disabled):not(:disabled):before { + background-color: #22837b; } + +.btn-success, a.btn-success, .badge-success, .chip-success, a.chip-success, a.badge-success, .label-success, a.label-success, label.label-success { + color: #fdf6e3; } + .btn-success:before, a.btn-success:before, .badge-success:before, .chip-success:before, a.chip-success:before, a.badge-success:before, .label-success:before, a.label-success:before, label.label-success:before { + background-color: #859900; } + .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), a.btn-success:hover, a.btn-success:active, a.btn-success:focus, a:hover > a.btn-success, a:active > a.btn-success, a:focus > a.btn-success, a.btn-success:not(.disabled):not(:disabled):hover, a.btn-success:not(.disabled):not(:disabled):active, a.btn-success:not(.disabled):not(:disabled):focus, a:hover > a.btn-success:not(.disabled):not(:disabled), a:active > a.btn-success:not(.disabled):not(:disabled), a:focus > a.btn-success:not(.disabled):not(:disabled), .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), .chip-success:hover, .chip-success:active, .chip-success:focus, a:hover > .chip-success, a:active > .chip-success, a:focus > .chip-success, .chip-success:not(.disabled):not(:disabled):hover, .chip-success:not(.disabled):not(:disabled):active, .chip-success:not(.disabled):not(:disabled):focus, a:hover > .chip-success:not(.disabled):not(:disabled), a:active > .chip-success:not(.disabled):not(:disabled), a:focus > .chip-success:not(.disabled):not(:disabled), a.chip-success:hover, a.chip-success:active, a.chip-success:focus, a:hover > a.chip-success, a:active > a.chip-success, a:focus > a.chip-success, a.chip-success:not(.disabled):not(:disabled):hover, a.chip-success:not(.disabled):not(:disabled):active, a.chip-success:not(.disabled):not(:disabled):focus, a:hover > a.chip-success:not(.disabled):not(:disabled), a:active > a.chip-success:not(.disabled):not(:disabled), a:focus > a.chip-success:not(.disabled):not(:disabled), a.badge-success:hover, a.badge-success:active, a.badge-success:focus, a:hover > a.badge-success, a:active > a.badge-success, a:focus > a.badge-success, a.badge-success:not(.disabled):not(:disabled):hover, a.badge-success:not(.disabled):not(:disabled):active, a.badge-success:not(.disabled):not(:disabled):focus, a:hover > a.badge-success:not(.disabled):not(:disabled), a:active > a.badge-success:not(.disabled):not(:disabled), a:focus > a.badge-success:not(.disabled):not(:disabled), .label-success:hover, .label-success:active, .label-success:focus, a:hover > .label-success, a:active > .label-success, a:focus > .label-success, .label-success:not(.disabled):not(:disabled):hover, .label-success:not(.disabled):not(:disabled):active, .label-success:not(.disabled):not(:disabled):focus, a:hover > .label-success:not(.disabled):not(:disabled), a:active > .label-success:not(.disabled):not(:disabled), a:focus > .label-success:not(.disabled):not(:disabled), a.label-success:hover, a.label-success:active, a.label-success:focus, a:hover > a.label-success, a:active > a.label-success, a:focus > a.label-success, a.label-success:not(.disabled):not(:disabled):hover, a.label-success:not(.disabled):not(:disabled):active, a.label-success:not(.disabled):not(:disabled):focus, a:hover > a.label-success:not(.disabled):not(:disabled), a:active > a.label-success:not(.disabled):not(:disabled), a:focus > a.label-success:not(.disabled):not(:disabled), label.label-success:hover, label.label-success:active, label.label-success:focus, a:hover > label.label-success, a:active > label.label-success, a:focus > label.label-success, label.label-success:not(.disabled):not(:disabled):hover, label.label-success:not(.disabled):not(:disabled):active, label.label-success:not(.disabled):not(:disabled):focus, a:hover > label.label-success:not(.disabled):not(:disabled), a:active > label.label-success:not(.disabled):not(:disabled), a:focus > label.label-success:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-success:hover:before, .btn-success:active:before, .btn-success:focus:before, a:hover > .btn-success:before, a:active > .btn-success:before, a:focus > .btn-success:before, .btn-success:not(.disabled):not(:disabled):hover:before, .btn-success:not(.disabled):not(:disabled):active:before, .btn-success:not(.disabled):not(:disabled):focus:before, a:hover > .btn-success:not(.disabled):not(:disabled):before, a:active > .btn-success:not(.disabled):not(:disabled):before, a:focus > .btn-success:not(.disabled):not(:disabled):before, a.btn-success:hover:before, a.btn-success:active:before, a.btn-success:focus:before, a:hover > a.btn-success:before, a:active > a.btn-success:before, a:focus > a.btn-success:before, a.btn-success:not(.disabled):not(:disabled):hover:before, a.btn-success:not(.disabled):not(:disabled):active:before, a.btn-success:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-success:not(.disabled):not(:disabled):before, a:active > a.btn-success:not(.disabled):not(:disabled):before, a:focus > a.btn-success:not(.disabled):not(:disabled):before, .badge-success:hover:before, .badge-success:active:before, .badge-success:focus:before, a:hover > .badge-success:before, a:active > .badge-success:before, a:focus > .badge-success:before, .badge-success:not(.disabled):not(:disabled):hover:before, .badge-success:not(.disabled):not(:disabled):active:before, .badge-success:not(.disabled):not(:disabled):focus:before, a:hover > .badge-success:not(.disabled):not(:disabled):before, a:active > .badge-success:not(.disabled):not(:disabled):before, a:focus > .badge-success:not(.disabled):not(:disabled):before, .chip-success:hover:before, .chip-success:active:before, .chip-success:focus:before, a:hover > .chip-success:before, a:active > .chip-success:before, a:focus > .chip-success:before, .chip-success:not(.disabled):not(:disabled):hover:before, .chip-success:not(.disabled):not(:disabled):active:before, .chip-success:not(.disabled):not(:disabled):focus:before, a:hover > .chip-success:not(.disabled):not(:disabled):before, a:active > .chip-success:not(.disabled):not(:disabled):before, a:focus > .chip-success:not(.disabled):not(:disabled):before, a.chip-success:hover:before, a.chip-success:active:before, a.chip-success:focus:before, a:hover > a.chip-success:before, a:active > a.chip-success:before, a:focus > a.chip-success:before, a.chip-success:not(.disabled):not(:disabled):hover:before, a.chip-success:not(.disabled):not(:disabled):active:before, a.chip-success:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-success:not(.disabled):not(:disabled):before, a:active > a.chip-success:not(.disabled):not(:disabled):before, a:focus > a.chip-success:not(.disabled):not(:disabled):before, a.badge-success:hover:before, a.badge-success:active:before, a.badge-success:focus:before, a:hover > a.badge-success:before, a:active > a.badge-success:before, a:focus > a.badge-success:before, a.badge-success:not(.disabled):not(:disabled):hover:before, a.badge-success:not(.disabled):not(:disabled):active:before, a.badge-success:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-success:not(.disabled):not(:disabled):before, a:active > a.badge-success:not(.disabled):not(:disabled):before, a:focus > a.badge-success:not(.disabled):not(:disabled):before, .label-success:hover:before, .label-success:active:before, .label-success:focus:before, a:hover > .label-success:before, a:active > .label-success:before, a:focus > .label-success:before, .label-success:not(.disabled):not(:disabled):hover:before, .label-success:not(.disabled):not(:disabled):active:before, .label-success:not(.disabled):not(:disabled):focus:before, a:hover > .label-success:not(.disabled):not(:disabled):before, a:active > .label-success:not(.disabled):not(:disabled):before, a:focus > .label-success:not(.disabled):not(:disabled):before, a.label-success:hover:before, a.label-success:active:before, a.label-success:focus:before, a:hover > a.label-success:before, a:active > a.label-success:before, a:focus > a.label-success:before, a.label-success:not(.disabled):not(:disabled):hover:before, a.label-success:not(.disabled):not(:disabled):active:before, a.label-success:not(.disabled):not(:disabled):focus:before, a:hover > a.label-success:not(.disabled):not(:disabled):before, a:active > a.label-success:not(.disabled):not(:disabled):before, a:focus > a.label-success:not(.disabled):not(:disabled):before, label.label-success:hover:before, label.label-success:active:before, label.label-success:focus:before, a:hover > label.label-success:before, a:active > label.label-success:before, a:focus > label.label-success:before, label.label-success:not(.disabled):not(:disabled):hover:before, label.label-success:not(.disabled):not(:disabled):active:before, label.label-success:not(.disabled):not(:disabled):focus:before, a:hover > label.label-success:not(.disabled):not(:disabled):before, a:active > label.label-success:not(.disabled):not(:disabled):before, a:focus > label.label-success:not(.disabled):not(:disabled):before { + background-color: #647300; } + +.btn-link, a.btn-link, .badge-link, .chip-link, a.chip-link, a.badge-link, .label-link, a.label-link, label.label-link { + color: #002b36; } + .btn-link:before, a.btn-link:before, .badge-link:before, .chip-link:before, a.chip-link:before, a.badge-link:before, .label-link:before, a.label-link:before, label.label-link:before { + background-color: transparent; } + .btn-link:hover, .btn-link:active, .btn-link:focus, a:hover > .btn-link, a:active > .btn-link, a:focus > .btn-link, .btn-link:not(.disabled):not(:disabled):hover, .btn-link:not(.disabled):not(:disabled):active, .btn-link:not(.disabled):not(:disabled):focus, a:hover > .btn-link:not(.disabled):not(:disabled), a:active > .btn-link:not(.disabled):not(:disabled), a:focus > .btn-link:not(.disabled):not(:disabled), a.btn-link:hover, a.btn-link:active, a.btn-link:focus, a:hover > a.btn-link, a:active > a.btn-link, a:focus > a.btn-link, a.btn-link:not(.disabled):not(:disabled):hover, a.btn-link:not(.disabled):not(:disabled):active, a.btn-link:not(.disabled):not(:disabled):focus, a:hover > a.btn-link:not(.disabled):not(:disabled), a:active > a.btn-link:not(.disabled):not(:disabled), a:focus > a.btn-link:not(.disabled):not(:disabled), .badge-link:hover, .badge-link:active, .badge-link:focus, a:hover > .badge-link, a:active > .badge-link, a:focus > .badge-link, .badge-link:not(.disabled):not(:disabled):hover, .badge-link:not(.disabled):not(:disabled):active, .badge-link:not(.disabled):not(:disabled):focus, a:hover > .badge-link:not(.disabled):not(:disabled), a:active > .badge-link:not(.disabled):not(:disabled), a:focus > .badge-link:not(.disabled):not(:disabled), .chip-link:hover, .chip-link:active, .chip-link:focus, a:hover > .chip-link, a:active > .chip-link, a:focus > .chip-link, .chip-link:not(.disabled):not(:disabled):hover, .chip-link:not(.disabled):not(:disabled):active, .chip-link:not(.disabled):not(:disabled):focus, a:hover > .chip-link:not(.disabled):not(:disabled), a:active > .chip-link:not(.disabled):not(:disabled), a:focus > .chip-link:not(.disabled):not(:disabled), a.chip-link:hover, a.chip-link:active, a.chip-link:focus, a:hover > a.chip-link, a:active > a.chip-link, a:focus > a.chip-link, a.chip-link:not(.disabled):not(:disabled):hover, a.chip-link:not(.disabled):not(:disabled):active, a.chip-link:not(.disabled):not(:disabled):focus, a:hover > a.chip-link:not(.disabled):not(:disabled), a:active > a.chip-link:not(.disabled):not(:disabled), a:focus > a.chip-link:not(.disabled):not(:disabled), a.badge-link:hover, a.badge-link:active, a.badge-link:focus, a:hover > a.badge-link, a:active > a.badge-link, a:focus > a.badge-link, a.badge-link:not(.disabled):not(:disabled):hover, a.badge-link:not(.disabled):not(:disabled):active, a.badge-link:not(.disabled):not(:disabled):focus, a:hover > a.badge-link:not(.disabled):not(:disabled), a:active > a.badge-link:not(.disabled):not(:disabled), a:focus > a.badge-link:not(.disabled):not(:disabled), .label-link:hover, .label-link:active, .label-link:focus, a:hover > .label-link, a:active > .label-link, a:focus > .label-link, .label-link:not(.disabled):not(:disabled):hover, .label-link:not(.disabled):not(:disabled):active, .label-link:not(.disabled):not(:disabled):focus, a:hover > .label-link:not(.disabled):not(:disabled), a:active > .label-link:not(.disabled):not(:disabled), a:focus > .label-link:not(.disabled):not(:disabled), a.label-link:hover, a.label-link:active, a.label-link:focus, a:hover > a.label-link, a:active > a.label-link, a:focus > a.label-link, a.label-link:not(.disabled):not(:disabled):hover, a.label-link:not(.disabled):not(:disabled):active, a.label-link:not(.disabled):not(:disabled):focus, a:hover > a.label-link:not(.disabled):not(:disabled), a:active > a.label-link:not(.disabled):not(:disabled), a:focus > a.label-link:not(.disabled):not(:disabled), label.label-link:hover, label.label-link:active, label.label-link:focus, a:hover > label.label-link, a:active > label.label-link, a:focus > label.label-link, label.label-link:not(.disabled):not(:disabled):hover, label.label-link:not(.disabled):not(:disabled):active, label.label-link:not(.disabled):not(:disabled):focus, a:hover > label.label-link:not(.disabled):not(:disabled), a:active > label.label-link:not(.disabled):not(:disabled), a:focus > label.label-link:not(.disabled):not(:disabled) { + color: #003f50; } + .btn-link:hover:before, .btn-link:active:before, .btn-link:focus:before, a:hover > .btn-link:before, a:active > .btn-link:before, a:focus > .btn-link:before, .btn-link:not(.disabled):not(:disabled):hover:before, .btn-link:not(.disabled):not(:disabled):active:before, .btn-link:not(.disabled):not(:disabled):focus:before, a:hover > .btn-link:not(.disabled):not(:disabled):before, a:active > .btn-link:not(.disabled):not(:disabled):before, a:focus > .btn-link:not(.disabled):not(:disabled):before, a.btn-link:hover:before, a.btn-link:active:before, a.btn-link:focus:before, a:hover > a.btn-link:before, a:active > a.btn-link:before, a:focus > a.btn-link:before, a.btn-link:not(.disabled):not(:disabled):hover:before, a.btn-link:not(.disabled):not(:disabled):active:before, a.btn-link:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-link:not(.disabled):not(:disabled):before, a:active > a.btn-link:not(.disabled):not(:disabled):before, a:focus > a.btn-link:not(.disabled):not(:disabled):before, .badge-link:hover:before, .badge-link:active:before, .badge-link:focus:before, a:hover > .badge-link:before, a:active > .badge-link:before, a:focus > .badge-link:before, .badge-link:not(.disabled):not(:disabled):hover:before, .badge-link:not(.disabled):not(:disabled):active:before, .badge-link:not(.disabled):not(:disabled):focus:before, a:hover > .badge-link:not(.disabled):not(:disabled):before, a:active > .badge-link:not(.disabled):not(:disabled):before, a:focus > .badge-link:not(.disabled):not(:disabled):before, .chip-link:hover:before, .chip-link:active:before, .chip-link:focus:before, a:hover > .chip-link:before, a:active > .chip-link:before, a:focus > .chip-link:before, .chip-link:not(.disabled):not(:disabled):hover:before, .chip-link:not(.disabled):not(:disabled):active:before, .chip-link:not(.disabled):not(:disabled):focus:before, a:hover > .chip-link:not(.disabled):not(:disabled):before, a:active > .chip-link:not(.disabled):not(:disabled):before, a:focus > .chip-link:not(.disabled):not(:disabled):before, a.chip-link:hover:before, a.chip-link:active:before, a.chip-link:focus:before, a:hover > a.chip-link:before, a:active > a.chip-link:before, a:focus > a.chip-link:before, a.chip-link:not(.disabled):not(:disabled):hover:before, a.chip-link:not(.disabled):not(:disabled):active:before, a.chip-link:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-link:not(.disabled):not(:disabled):before, a:active > a.chip-link:not(.disabled):not(:disabled):before, a:focus > a.chip-link:not(.disabled):not(:disabled):before, a.badge-link:hover:before, a.badge-link:active:before, a.badge-link:focus:before, a:hover > a.badge-link:before, a:active > a.badge-link:before, a:focus > a.badge-link:before, a.badge-link:not(.disabled):not(:disabled):hover:before, a.badge-link:not(.disabled):not(:disabled):active:before, a.badge-link:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-link:not(.disabled):not(:disabled):before, a:active > a.badge-link:not(.disabled):not(:disabled):before, a:focus > a.badge-link:not(.disabled):not(:disabled):before, .label-link:hover:before, .label-link:active:before, .label-link:focus:before, a:hover > .label-link:before, a:active > .label-link:before, a:focus > .label-link:before, .label-link:not(.disabled):not(:disabled):hover:before, .label-link:not(.disabled):not(:disabled):active:before, .label-link:not(.disabled):not(:disabled):focus:before, a:hover > .label-link:not(.disabled):not(:disabled):before, a:active > .label-link:not(.disabled):not(:disabled):before, a:focus > .label-link:not(.disabled):not(:disabled):before, a.label-link:hover:before, a.label-link:active:before, a.label-link:focus:before, a:hover > a.label-link:before, a:active > a.label-link:before, a:focus > a.label-link:before, a.label-link:not(.disabled):not(:disabled):hover:before, a.label-link:not(.disabled):not(:disabled):active:before, a.label-link:not(.disabled):not(:disabled):focus:before, a:hover > a.label-link:not(.disabled):not(:disabled):before, a:active > a.label-link:not(.disabled):not(:disabled):before, a:focus > a.label-link:not(.disabled):not(:disabled):before, label.label-link:hover:before, label.label-link:active:before, label.label-link:focus:before, a:hover > label.label-link:before, a:active > label.label-link:before, a:focus > label.label-link:before, label.label-link:not(.disabled):not(:disabled):hover:before, label.label-link:not(.disabled):not(:disabled):active:before, label.label-link:not(.disabled):not(:disabled):focus:before, a:hover > label.label-link:not(.disabled):not(:disabled):before, a:active > label.label-link:not(.disabled):not(:disabled):before, a:focus > label.label-link:not(.disabled):not(:disabled):before { + background-color: rgba(0, 0, 0, 0); } + +/* ------------------ PARTAGE RESEAUX SOCIAUX ------------------- */ +.share-buttons { + margin-top: 1.5rem; } + +.reagir { + text-align: right; } + +.btn-facebook, a.btn-facebook { + color: #fdf6e3; } + .btn-facebook:before, a.btn-facebook:before { + background-color: #3B5998; } + .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), a.btn-facebook:hover, a.btn-facebook:active, a.btn-facebook:focus, a:hover > a.btn-facebook, a:active > a.btn-facebook, a:focus > a.btn-facebook, a.btn-facebook:not(.disabled):not(:disabled):hover, a.btn-facebook:not(.disabled):not(:disabled):active, a.btn-facebook:not(.disabled):not(:disabled):focus, a:hover > a.btn-facebook:not(.disabled):not(:disabled), a:active > a.btn-facebook:not(.disabled):not(:disabled), a:focus > a.btn-facebook:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-facebook:hover:before, .btn-facebook:active:before, .btn-facebook:focus:before, a:hover > .btn-facebook:before, a:active > .btn-facebook:before, a:focus > .btn-facebook:before, .btn-facebook:not(.disabled):not(:disabled):hover:before, .btn-facebook:not(.disabled):not(:disabled):active:before, .btn-facebook:not(.disabled):not(:disabled):focus:before, a:hover > .btn-facebook:not(.disabled):not(:disabled):before, a:active > .btn-facebook:not(.disabled):not(:disabled):before, a:focus > .btn-facebook:not(.disabled):not(:disabled):before, a.btn-facebook:hover:before, a.btn-facebook:active:before, a.btn-facebook:focus:before, a:hover > a.btn-facebook:before, a:active > a.btn-facebook:before, a:focus > a.btn-facebook:before, a.btn-facebook:not(.disabled):not(:disabled):hover:before, a.btn-facebook:not(.disabled):not(:disabled):active:before, a.btn-facebook:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-facebook:not(.disabled):not(:disabled):before, a:active > a.btn-facebook:not(.disabled):not(:disabled):before, a:focus > a.btn-facebook:not(.disabled):not(:disabled):before { + background-color: #30497c; } + +.btn-twitter, a.btn-twitter { + color: #fdf6e3; } + .btn-twitter:before, a.btn-twitter:before { + background-color: #55ACEE; } + .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), a.btn-twitter:hover, a.btn-twitter:active, a.btn-twitter:focus, a:hover > a.btn-twitter, a:active > a.btn-twitter, a:focus > a.btn-twitter, a.btn-twitter:not(.disabled):not(:disabled):hover, a.btn-twitter:not(.disabled):not(:disabled):active, a.btn-twitter:not(.disabled):not(:disabled):focus, a:hover > a.btn-twitter:not(.disabled):not(:disabled), a:active > a.btn-twitter:not(.disabled):not(:disabled), a:focus > a.btn-twitter:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-twitter:hover:before, .btn-twitter:active:before, .btn-twitter:focus:before, a:hover > .btn-twitter:before, a:active > .btn-twitter:before, a:focus > .btn-twitter:before, .btn-twitter:not(.disabled):not(:disabled):hover:before, .btn-twitter:not(.disabled):not(:disabled):active:before, .btn-twitter:not(.disabled):not(:disabled):focus:before, a:hover > .btn-twitter:not(.disabled):not(:disabled):before, a:active > .btn-twitter:not(.disabled):not(:disabled):before, a:focus > .btn-twitter:not(.disabled):not(:disabled):before, a.btn-twitter:hover:before, a.btn-twitter:active:before, a.btn-twitter:focus:before, a:hover > a.btn-twitter:before, a:active > a.btn-twitter:before, a:focus > a.btn-twitter:before, a.btn-twitter:not(.disabled):not(:disabled):hover:before, a.btn-twitter:not(.disabled):not(:disabled):active:before, a.btn-twitter:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-twitter:not(.disabled):not(:disabled):before, a:active > a.btn-twitter:not(.disabled):not(:disabled):before, a:focus > a.btn-twitter:not(.disabled):not(:disabled):before { + background-color: #329beb; } + +.btn-googleplus, a.btn-googleplus { + color: #fdf6e3; } + .btn-googleplus:before, a.btn-googleplus:before { + background-color: #d34836; } + .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), a.btn-googleplus:hover, a.btn-googleplus:active, a.btn-googleplus:focus, a:hover > a.btn-googleplus, a:active > a.btn-googleplus, a:focus > a.btn-googleplus, a.btn-googleplus:not(.disabled):not(:disabled):hover, a.btn-googleplus:not(.disabled):not(:disabled):active, a.btn-googleplus:not(.disabled):not(:disabled):focus, a:hover > a.btn-googleplus:not(.disabled):not(:disabled), a:active > a.btn-googleplus:not(.disabled):not(:disabled), a:focus > a.btn-googleplus:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-googleplus:hover:before, .btn-googleplus:active:before, .btn-googleplus:focus:before, a:hover > .btn-googleplus:before, a:active > .btn-googleplus:before, a:focus > .btn-googleplus:before, .btn-googleplus:not(.disabled):not(:disabled):hover:before, .btn-googleplus:not(.disabled):not(:disabled):active:before, .btn-googleplus:not(.disabled):not(:disabled):focus:before, a:hover > .btn-googleplus:not(.disabled):not(:disabled):before, a:active > .btn-googleplus:not(.disabled):not(:disabled):before, a:focus > .btn-googleplus:not(.disabled):not(:disabled):before, a.btn-googleplus:hover:before, a.btn-googleplus:active:before, a.btn-googleplus:focus:before, a:hover > a.btn-googleplus:before, a:active > a.btn-googleplus:before, a:focus > a.btn-googleplus:before, a.btn-googleplus:not(.disabled):not(:disabled):hover:before, a.btn-googleplus:not(.disabled):not(:disabled):active:before, a.btn-googleplus:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-googleplus:not(.disabled):not(:disabled):before, a:active > a.btn-googleplus:not(.disabled):not(:disabled):before, a:focus > a.btn-googleplus:not(.disabled):not(:disabled):before { + background-color: #ba3929; } + +.btn-diaspora, a.btn-diaspora { + color: #fdf6e3; } + .btn-diaspora:before, a.btn-diaspora:before { + background-color: #313739; } + .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), a.btn-diaspora:hover, a.btn-diaspora:active, a.btn-diaspora:focus, a:hover > a.btn-diaspora, a:active > a.btn-diaspora, a:focus > a.btn-diaspora, a.btn-diaspora:not(.disabled):not(:disabled):hover, a.btn-diaspora:not(.disabled):not(:disabled):active, a.btn-diaspora:not(.disabled):not(:disabled):focus, a:hover > a.btn-diaspora:not(.disabled):not(:disabled), a:active > a.btn-diaspora:not(.disabled):not(:disabled), a:focus > a.btn-diaspora:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-diaspora:hover:before, .btn-diaspora:active:before, .btn-diaspora:focus:before, a:hover > .btn-diaspora:before, a:active > .btn-diaspora:before, a:focus > .btn-diaspora:before, .btn-diaspora:not(.disabled):not(:disabled):hover:before, .btn-diaspora:not(.disabled):not(:disabled):active:before, .btn-diaspora:not(.disabled):not(:disabled):focus:before, a:hover > .btn-diaspora:not(.disabled):not(:disabled):before, a:active > .btn-diaspora:not(.disabled):not(:disabled):before, a:focus > .btn-diaspora:not(.disabled):not(:disabled):before, a.btn-diaspora:hover:before, a.btn-diaspora:active:before, a.btn-diaspora:focus:before, a:hover > a.btn-diaspora:before, a:active > a.btn-diaspora:before, a:focus > a.btn-diaspora:before, a.btn-diaspora:not(.disabled):not(:disabled):hover:before, a.btn-diaspora:not(.disabled):not(:disabled):active:before, a.btn-diaspora:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-diaspora:not(.disabled):not(:disabled):before, a:active > a.btn-diaspora:not(.disabled):not(:disabled):before, a:focus > a.btn-diaspora:not(.disabled):not(:disabled):before { + background-color: #1f2324; } + +.btn-mastodon, a.btn-mastodon { + color: #fdf6e3; } + .btn-mastodon:before, a.btn-mastodon:before { + background-color: #282c37; } + .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), a.btn-mastodon:hover, a.btn-mastodon:active, a.btn-mastodon:focus, a:hover > a.btn-mastodon, a:active > a.btn-mastodon, a:focus > a.btn-mastodon, a.btn-mastodon:not(.disabled):not(:disabled):hover, a.btn-mastodon:not(.disabled):not(:disabled):active, a.btn-mastodon:not(.disabled):not(:disabled):focus, a:hover > a.btn-mastodon:not(.disabled):not(:disabled), a:active > a.btn-mastodon:not(.disabled):not(:disabled), a:focus > a.btn-mastodon:not(.disabled):not(:disabled) { + color: #fffefb; } + .btn-mastodon:hover:before, .btn-mastodon:active:before, .btn-mastodon:focus:before, a:hover > .btn-mastodon:before, a:active > .btn-mastodon:before, a:focus > .btn-mastodon:before, .btn-mastodon:not(.disabled):not(:disabled):hover:before, .btn-mastodon:not(.disabled):not(:disabled):active:before, .btn-mastodon:not(.disabled):not(:disabled):focus:before, a:hover > .btn-mastodon:not(.disabled):not(:disabled):before, a:active > .btn-mastodon:not(.disabled):not(:disabled):before, a:focus > .btn-mastodon:not(.disabled):not(:disabled):before, a.btn-mastodon:hover:before, a.btn-mastodon:active:before, a.btn-mastodon:focus:before, a:hover > a.btn-mastodon:before, a:active > a.btn-mastodon:before, a:focus > a.btn-mastodon:before, a.btn-mastodon:not(.disabled):not(:disabled):hover:before, a.btn-mastodon:not(.disabled):not(:disabled):active:before, a.btn-mastodon:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-mastodon:not(.disabled):not(:disabled):before, a:active > a.btn-mastodon:not(.disabled):not(:disabled):before, a:focus > a.btn-mastodon:not(.disabled):not(:disabled):before { + background-color: #181a21; } + +/* + * 4. Previews + * Special style for previews cards + * +*/ +.previews-section { + display: grid; + grid-template-columns: auto auto auto; + grid-template-rows: auto; + grid-gap: 1.5rem; + padding-bottom: 1.5rem; } + +.preview-container { + width: 100%; } + +@media (min-width: 992px) { + .prev-col-2 .preview-container { + width: 50%; } + .prev-col-3 .preview-container { + width: 33%; } + .prev-col-4 .preview-container { + width: 25%; } } + +.card-preview { + padding: 0; + width: 100%; + margin: auto; + box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0); } + +.preview-link:hover { + text-decoration: none !important; } + +.preview-item { + height: 12rem; + font-size: 0.9rem; + line-height: 1.5rem !important; + padding: 0.2em; + text-align: justify; + background-color: rgba(0, 0, 0, 0); + color: rgba(0, 0, 0, 0.4); + position: relative; + display: flex; + -ms-flex-align: center !important; + align-items: center !important; + justify-content: center; } + .preview-item .preview-overlay { + height: 100%; + width: 100%; + top: 0; + left: 0; + position: absolute; + padding: 0.75rem; + backdrop-filter: none; + transition: background 0.3s; } + .preview-item .preview-overlay h1, .preview-item .preview-overlay h2, .preview-item .preview-overlay h3, .preview-item .preview-overlay h4, .preview-item .preview-overlay h5, .preview-item .preview-overlay h6 { + color: #fdf6e3; + font-size: 1rem; + line-height: 1.5rem; + font-weight: 300; } + .preview-item .preview-overlay .card-header { + font-family: Open Sans, sans-serif; + font-size: 1rem; + background-color: #d33682; + font-size: 1.1em; + font-weight: 300; + border-radius: 0; + padding: 0.375rem; + padding-left: 0; + padding-right: 0; + padding-bottom: 0.375rem !important; + margin-bottom: 0.75rem; + line-height: 1.5rem; + position: relative; + left: -0.9375rem; + width: 95%; + position: relative; + z-index: 1; + overflow: visible; + font-weight: 300; } + .preview-item .preview-overlay .card-header:before { + content: " "; + position: absolute; + top: 0; + left: -0.375rem; + right: -0.375rem; + bottom: 0; + z-index: -1; + transform: skewX(-15deg); + transition: background-color 0.3s; } + .preview-item .preview-overlay .card-header h1, .preview-item .preview-overlay .card-header h2, .preview-item .preview-overlay .card-header h3, .preview-item .preview-overlay .card-header h4, .preview-item .preview-overlay .card-header h5, .preview-item .preview-overlay .card-header h6, .preview-item .preview-overlay .card-header h7, .preview-item .preview-overlay .card-header h8, .preview-item .preview-overlay .card-header h9, .preview-item .preview-overlay .card-header h10 { + font-family: Open Sans, sans-serif; + font-size: 1rem; + padding: 0px; + margin: 0px; + color: #fdf6e3; + font-weight: 300; + line-height: 1.5rem; } + .preview-item:hover .preview-overlay { + backdrop-filter: blur(2px); + background-color: rgba(0, 0, 0, 0.4); } + .preview-item:hover .preview-overlay .preview-metadata { + opacity: .9; + transition: opacity .5s; } + +.preview-content { + max-height: 12rem; + overflow: hidden; } + .preview-content h1, .preview-content h2, .preview-content h3, .preview-content h4, .preview-content h5, .preview-content h6 { + margin-bottom: 0px; + max-width: 100%; + display: none; } + .preview-content > p { + width: 100%; + margin: auto; } + .preview-content > p > img { + max-width: 100%; + height: auto; + vertical-align: middle; + margin: auto; + text-align: center; } + .preview-content > p.p-img { + text-align: center; + margin: auto; + padding: auto; + display: block; + width: 100%; } + +.preview-metadata { + opacity: 0; + transition: opacity .3s; + color: #fdf6e3; } + +.comment-text { + margin-top: 0.8em; } + +.card-preview time { + margin-bottom: 0.4em; + display: block; } + +.author-area { + display: flex; } + .author-area img.author-avatar { + display: block; + height: 4.5rem; + width: auto; + border-radius: 100%; + padding: 0; + margin: 0; + margin-right: 1.5rem; } + .author-area .author-metadata { + align-items: center; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; } + .author-area .author-date { + font-style: italic; } + .author-area:not(:last-child) { + margin-bottom: 1.5rem; } + +.pigimg { + display: block; + max-width: 100%; + height: auto; + margin: auto; } + +.mwarea { + height: 7.5rem; } + +.mwaimg { + width: auto; + height: auto; + display: block; + margin: auto; }