mirror of
https://github.com/Wessel/portfolio.git
synced 2026-07-14 12:35:03 +02:00
2404 lines
75 KiB
CSS
2404 lines
75 KiB
CSS
.btn, input[type="submit"] {
|
|
backface-visibility: hidden;
|
|
-webkit-backface-visibility: hidden;
|
|
-ms-backface-visibility: hidden;
|
|
-moz-backface-visibility: hidden;
|
|
-o-backface-visibility: hidden;
|
|
transition: all 350ms ease;
|
|
-webkit-transition: all 350ms ease;
|
|
-ms-transition: all 350ms ease;
|
|
-moz-transition: all 350ms ease;
|
|
-o-transition: all 350ms ease;
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-family: 'Roboto', sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
height: 38px;
|
|
line-height: 38px;
|
|
margin: .5em;
|
|
padding: 0 30px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
}
|
|
.btn.alizarin, input[type="submit"].alizarin {
|
|
background-color: #e74c3c;
|
|
filter: drop-shadow(5px 5px 0 rgba(231, 76, 60, 0.6));
|
|
}
|
|
.btn.alizarin:hover, input[type="submit"].alizarin:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(231, 76, 60, 0.6)) brightness(50%);
|
|
}
|
|
.btn.alizarin-border, input[type="submit"].alizarin-border {
|
|
border: 3px solid #e74c3c;
|
|
height: auto;
|
|
}
|
|
.btn.alizarin-border:hover, input[type="submit"].alizarin-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.alizarin-border-nodark, input[type="submit"].alizarin-border-nodark {
|
|
border: 3px solid #e74c3c;
|
|
height: auto;
|
|
}
|
|
.btn.alizarin-nodark, input[type="submit"].alizarin-nodark {
|
|
background-color: #e74c3c;
|
|
filter: drop-shadow(5px 5px 0 rgba(231, 76, 60, 0.6));
|
|
}
|
|
.btn.alizarin-flat, input[type="submit"].alizarin-flat {
|
|
background-color: #e74c3c;
|
|
}
|
|
.btn.alizarin-flat:hover, input[type="submit"].alizarin-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.alizarin-flat-nodark, input[type="submit"].alizarin-flat-nodark {
|
|
background-color: #e74c3c;
|
|
}
|
|
.btn.amethyst, input[type="submit"].amethyst {
|
|
background-color: #9b59b6;
|
|
filter: drop-shadow(5px 5px 0 rgba(155, 89, 182, 0.6));
|
|
}
|
|
.btn.amethyst:hover, input[type="submit"].amethyst:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(155, 89, 182, 0.6)) brightness(50%);
|
|
}
|
|
.btn.amethyst-border, input[type="submit"].amethyst-border {
|
|
border: 3px solid #9b59b6;
|
|
height: auto;
|
|
}
|
|
.btn.amethyst-border:hover, input[type="submit"].amethyst-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.amethyst-border-nodark, input[type="submit"].amethyst-border-nodark {
|
|
border: 3px solid #9b59b6;
|
|
height: auto;
|
|
}
|
|
.btn.amethyst-nodark, input[type="submit"].amethyst-nodark {
|
|
background-color: #9b59b6;
|
|
filter: drop-shadow(5px 5px 0 rgba(155, 89, 182, 0.6));
|
|
}
|
|
.btn.amethyst-flat, input[type="submit"].amethyst-flat {
|
|
background-color: #9b59b6;
|
|
}
|
|
.btn.amethyst-flat:hover, input[type="submit"].amethyst-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.amethyst-flat-nodark, input[type="submit"].amethyst-flat-nodark {
|
|
background-color: #9b59b6;
|
|
}
|
|
.btn.asbestos, input[type="submit"].asbestos {
|
|
background-color: #7f8c8d;
|
|
filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6));
|
|
}
|
|
.btn.asbestos:hover, input[type="submit"].asbestos:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6)) brightness(50%);
|
|
}
|
|
.btn.asbestos-border, input[type="submit"].asbestos-border {
|
|
border: 3px solid #7f8c8d;
|
|
height: auto;
|
|
}
|
|
.btn.asbestos-border:hover, input[type="submit"].asbestos-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.asbestos-border-nodark, input[type="submit"].asbestos-border-nodark {
|
|
border: 3px solid #7f8c8d;
|
|
height: auto;
|
|
}
|
|
.btn.asbestos-nodark, input[type="submit"].asbestos-nodark {
|
|
background-color: #7f8c8d;
|
|
filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6));
|
|
}
|
|
.btn.asbestos-flat, input[type="submit"].asbestos-flat {
|
|
background-color: #7f8c8d;
|
|
}
|
|
.btn.asbestos-flat:hover, input[type="submit"].asbestos-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.asbestos-flat-nodark, input[type="submit"].asbestos-flat-nodark {
|
|
background-color: #7f8c8d;
|
|
}
|
|
.btn.belize-hole, input[type="submit"].belize-hole {
|
|
background-color: #2980b9;
|
|
filter: drop-shadow(5px 5px 0 rgba(41, 128, 185, 0.6));
|
|
}
|
|
.btn.belize-hole:hover, input[type="submit"].belize-hole:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(41, 128, 185, 0.6)) brightness(50%);
|
|
}
|
|
.btn.belize-hole-border, input[type="submit"].belize-hole-border {
|
|
border: 3px solid #2980b9;
|
|
height: auto;
|
|
}
|
|
.btn.belize-hole-border:hover, input[type="submit"].belize-hole-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.belize-hole-border-nodark, input[type="submit"].belize-hole-border-nodark {
|
|
border: 3px solid #2980b9;
|
|
height: auto;
|
|
}
|
|
.btn.belize-hole-nodark, input[type="submit"].belize-hole-nodark {
|
|
background-color: #2980b9;
|
|
filter: drop-shadow(5px 5px 0 rgba(41, 128, 185, 0.6));
|
|
}
|
|
.btn.belize-hole-flat, input[type="submit"].belize-hole-flat {
|
|
background-color: #2980b9;
|
|
}
|
|
.btn.belize-hole-flat:hover, input[type="submit"].belize-hole-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.belize-hole-flat-nodark, input[type="submit"].belize-hole-flat-nodark {
|
|
background-color: #2980b9;
|
|
}
|
|
.btn.black, input[type="submit"].black {
|
|
background-color: #000;
|
|
filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6));
|
|
}
|
|
.btn.black:hover, input[type="submit"].black:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6)) brightness(50%);
|
|
}
|
|
.btn.black-border, input[type="submit"].black-border {
|
|
border: 3px solid #000;
|
|
height: auto;
|
|
}
|
|
.btn.black-border:hover, input[type="submit"].black-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.black-border-nodark, input[type="submit"].black-border-nodark {
|
|
border: 3px solid #000;
|
|
height: auto;
|
|
}
|
|
.btn.black-nodark, input[type="submit"].black-nodark {
|
|
background-color: #000;
|
|
filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6));
|
|
}
|
|
.btn.black-flat, input[type="submit"].black-flat {
|
|
background-color: #000;
|
|
}
|
|
.btn.black-flat:hover, input[type="submit"].black-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.black-flat-nodark, input[type="submit"].black-flat-nodark {
|
|
background-color: #000;
|
|
}
|
|
.btn.carrot, input[type="submit"].carrot {
|
|
background-color: #e67e22;
|
|
filter: drop-shadow(5px 5px 0 rgba(230, 126, 34, 0.6));
|
|
}
|
|
.btn.carrot:hover, input[type="submit"].carrot:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(230, 126, 34, 0.6)) brightness(50%);
|
|
}
|
|
.btn.carrot-border, input[type="submit"].carrot-border {
|
|
border: 3px solid #e67e22;
|
|
height: auto;
|
|
}
|
|
.btn.carrot-border:hover, input[type="submit"].carrot-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.carrot-border-nodark, input[type="submit"].carrot-border-nodark {
|
|
border: 3px solid #e67e22;
|
|
height: auto;
|
|
}
|
|
.btn.carrot-nodark, input[type="submit"].carrot-nodark {
|
|
background-color: #e67e22;
|
|
filter: drop-shadow(5px 5px 0 rgba(230, 126, 34, 0.6));
|
|
}
|
|
.btn.carrot-flat, input[type="submit"].carrot-flat {
|
|
background-color: #e67e22;
|
|
}
|
|
.btn.carrot-flat:hover, input[type="submit"].carrot-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.carrot-flat-nodark, input[type="submit"].carrot-flat-nodark {
|
|
background-color: #e67e22;
|
|
}
|
|
.btn.clouds, input[type="submit"].clouds {
|
|
background-color: #ecf0f1;
|
|
filter: drop-shadow(5px 5px 0 rgba(236, 240, 241, 0.6));
|
|
}
|
|
.btn.clouds:hover, input[type="submit"].clouds:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(236, 240, 241, 0.6)) brightness(50%);
|
|
}
|
|
.btn.clouds-border, input[type="submit"].clouds-border {
|
|
border: 3px solid #ecf0f1;
|
|
height: auto;
|
|
}
|
|
.btn.clouds-border:hover, input[type="submit"].clouds-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.clouds-border-nodark, input[type="submit"].clouds-border-nodark {
|
|
border: 3px solid #ecf0f1;
|
|
height: auto;
|
|
}
|
|
.btn.clouds-nodark, input[type="submit"].clouds-nodark {
|
|
background-color: #ecf0f1;
|
|
filter: drop-shadow(5px 5px 0 rgba(236, 240, 241, 0.6));
|
|
}
|
|
.btn.clouds-flat, input[type="submit"].clouds-flat {
|
|
background-color: #ecf0f1;
|
|
}
|
|
.btn.clouds-flat:hover, input[type="submit"].clouds-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.clouds-flat-nodark, input[type="submit"].clouds-flat-nodark {
|
|
background-color: #ecf0f1;
|
|
}
|
|
.btn.concrete, input[type="submit"].concrete {
|
|
background-color: #95a5a6;
|
|
filter: drop-shadow(5px 5px 0 rgba(149, 165, 166, 0.6));
|
|
}
|
|
.btn.concrete:hover, input[type="submit"].concrete:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(149, 165, 166, 0.6)) brightness(50%);
|
|
}
|
|
.btn.concrete-border, input[type="submit"].concrete-border {
|
|
border: 3px solid #95a5a6;
|
|
height: auto;
|
|
}
|
|
.btn.concrete-border:hover, input[type="submit"].concrete-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.concrete-border-nodark, input[type="submit"].concrete-border-nodark {
|
|
border: 3px solid #95a5a6;
|
|
height: auto;
|
|
}
|
|
.btn.concrete-nodark, input[type="submit"].concrete-nodark {
|
|
background-color: #95a5a6;
|
|
filter: drop-shadow(5px 5px 0 rgba(149, 165, 166, 0.6));
|
|
}
|
|
.btn.concrete-flat, input[type="submit"].concrete-flat {
|
|
background-color: #95a5a6;
|
|
}
|
|
.btn.concrete-flat:hover, input[type="submit"].concrete-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.concrete-flat-nodark, input[type="submit"].concrete-flat-nodark {
|
|
background-color: #95a5a6;
|
|
}
|
|
.btn.cubered, input[type="submit"].cubered {
|
|
background-color: #ef0c0c;
|
|
filter: drop-shadow(5px 5px 0 rgba(239, 12, 12, 0.6));
|
|
}
|
|
.btn.cubered:hover, input[type="submit"].cubered:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(239, 12, 12, 0.6)) brightness(50%);
|
|
}
|
|
.btn.cubered-border, input[type="submit"].cubered-border {
|
|
border: 3px solid #ef0c0c;
|
|
height: auto;
|
|
}
|
|
.btn.cubered-border:hover, input[type="submit"].cubered-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.cubered-border-nodark, input[type="submit"].cubered-border-nodark {
|
|
border: 3px solid #ef0c0c;
|
|
height: auto;
|
|
}
|
|
.btn.cubered-nodark, input[type="submit"].cubered-nodark {
|
|
background-color: #ef0c0c;
|
|
filter: drop-shadow(5px 5px 0 rgba(239, 12, 12, 0.6));
|
|
}
|
|
.btn.cubered-flat, input[type="submit"].cubered-flat {
|
|
background-color: #ef0c0c;
|
|
}
|
|
.btn.cubered-flat:hover, input[type="submit"].cubered-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.cubered-flat-nodark, input[type="submit"].cubered-flat-nodark {
|
|
background-color: #ef0c0c;
|
|
}
|
|
.btn.dark, input[type="submit"].dark {
|
|
background-color: #343a40;
|
|
filter: drop-shadow(5px 5px 0 rgba(52, 58, 64, 0.6));
|
|
}
|
|
.btn.dark:hover, input[type="submit"].dark:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(52, 58, 64, 0.6)) brightness(50%);
|
|
}
|
|
.btn.dark-border, input[type="submit"].dark-border {
|
|
border: 3px solid #343a40;
|
|
height: auto;
|
|
}
|
|
.btn.dark-border:hover, input[type="submit"].dark-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.dark-border-nodark, input[type="submit"].dark-border-nodark {
|
|
border: 3px solid #343a40;
|
|
height: auto;
|
|
}
|
|
.btn.dark-nodark, input[type="submit"].dark-nodark {
|
|
background-color: #343a40;
|
|
filter: drop-shadow(5px 5px 0 rgba(52, 58, 64, 0.6));
|
|
}
|
|
.btn.dark-flat, input[type="submit"].dark-flat {
|
|
background-color: #343a40;
|
|
}
|
|
.btn.dark-flat:hover, input[type="submit"].dark-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.dark-flat-nodark, input[type="submit"].dark-flat-nodark {
|
|
background-color: #343a40;
|
|
}
|
|
.btn.emerald, input[type="submit"].emerald {
|
|
background-color: #2ecc71;
|
|
filter: drop-shadow(5px 5px 0 rgba(46, 204, 113, 0.6));
|
|
}
|
|
.btn.emerald:hover, input[type="submit"].emerald:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(46, 204, 113, 0.6)) brightness(50%);
|
|
}
|
|
.btn.emerald-border, input[type="submit"].emerald-border {
|
|
border: 3px solid #2ecc71;
|
|
height: auto;
|
|
}
|
|
.btn.emerald-border:hover, input[type="submit"].emerald-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.emerald-border-nodark, input[type="submit"].emerald-border-nodark {
|
|
border: 3px solid #2ecc71;
|
|
height: auto;
|
|
}
|
|
.btn.emerald-nodark, input[type="submit"].emerald-nodark {
|
|
background-color: #2ecc71;
|
|
filter: drop-shadow(5px 5px 0 rgba(46, 204, 113, 0.6));
|
|
}
|
|
.btn.emerald-flat, input[type="submit"].emerald-flat {
|
|
background-color: #2ecc71;
|
|
}
|
|
.btn.emerald-flat:hover, input[type="submit"].emerald-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.emerald-flat-nodark, input[type="submit"].emerald-flat-nodark {
|
|
background-color: #2ecc71;
|
|
}
|
|
.btn.gold, input[type="submit"].gold {
|
|
background-color: #ffd700;
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 215, 0, 0.6));
|
|
}
|
|
.btn.gold:hover, input[type="submit"].gold:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 215, 0, 0.6)) brightness(50%);
|
|
}
|
|
.btn.gold-border, input[type="submit"].gold-border {
|
|
border: 3px solid #ffd700;
|
|
height: auto;
|
|
}
|
|
.btn.gold-border:hover, input[type="submit"].gold-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.gold-border-nodark, input[type="submit"].gold-border-nodark {
|
|
border: 3px solid #ffd700;
|
|
height: auto;
|
|
}
|
|
.btn.gold-nodark, input[type="submit"].gold-nodark {
|
|
background-color: #ffd700;
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 215, 0, 0.6));
|
|
}
|
|
.btn.gold-flat, input[type="submit"].gold-flat {
|
|
background-color: #ffd700;
|
|
}
|
|
.btn.gold-flat:hover, input[type="submit"].gold-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.gold-flat-nodark, input[type="submit"].gold-flat-nodark {
|
|
background-color: #ffd700;
|
|
}
|
|
.btn.green-sea, input[type="submit"].green-sea {
|
|
background-color: #16a085;
|
|
filter: drop-shadow(5px 5px 0 rgba(22, 160, 133, 0.6));
|
|
}
|
|
.btn.green-sea:hover, input[type="submit"].green-sea:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(22, 160, 133, 0.6)) brightness(50%);
|
|
}
|
|
.btn.green-sea-border, input[type="submit"].green-sea-border {
|
|
border: 3px solid #16a085;
|
|
height: auto;
|
|
}
|
|
.btn.green-sea-border:hover, input[type="submit"].green-sea-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.green-sea-border-nodark, input[type="submit"].green-sea-border-nodark {
|
|
border: 3px solid #16a085;
|
|
height: auto;
|
|
}
|
|
.btn.green-sea-nodark, input[type="submit"].green-sea-nodark {
|
|
background-color: #16a085;
|
|
filter: drop-shadow(5px 5px 0 rgba(22, 160, 133, 0.6));
|
|
}
|
|
.btn.green-sea-flat, input[type="submit"].green-sea-flat {
|
|
background-color: #16a085;
|
|
}
|
|
.btn.green-sea-flat:hover, input[type="submit"].green-sea-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.green-sea-flat-nodark, input[type="submit"].green-sea-flat-nodark {
|
|
background-color: #16a085;
|
|
}
|
|
.btn.highlight, input[type="submit"].highlight {
|
|
background-color: #181818;
|
|
filter: drop-shadow(5px 5px 0 rgba(24, 24, 24, 0.6));
|
|
}
|
|
.btn.highlight:hover, input[type="submit"].highlight:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(24, 24, 24, 0.6)) brightness(50%);
|
|
}
|
|
.btn.highlight-border, input[type="submit"].highlight-border {
|
|
border: 3px solid #181818;
|
|
height: auto;
|
|
}
|
|
.btn.highlight-border:hover, input[type="submit"].highlight-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.highlight-border-nodark, input[type="submit"].highlight-border-nodark {
|
|
border: 3px solid #181818;
|
|
height: auto;
|
|
}
|
|
.btn.highlight-nodark, input[type="submit"].highlight-nodark {
|
|
background-color: #181818;
|
|
filter: drop-shadow(5px 5px 0 rgba(24, 24, 24, 0.6));
|
|
}
|
|
.btn.highlight-flat, input[type="submit"].highlight-flat {
|
|
background-color: #181818;
|
|
}
|
|
.btn.highlight-flat:hover, input[type="submit"].highlight-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.highlight-flat-nodark, input[type="submit"].highlight-flat-nodark {
|
|
background-color: #181818;
|
|
}
|
|
.btn.light, input[type="submit"].light {
|
|
background-color: #f8f9fa;
|
|
filter: drop-shadow(5px 5px 0 rgba(248, 249, 250, 0.6));
|
|
}
|
|
.btn.light:hover, input[type="submit"].light:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(248, 249, 250, 0.6)) brightness(50%);
|
|
}
|
|
.btn.light-border, input[type="submit"].light-border {
|
|
border: 3px solid #f8f9fa;
|
|
height: auto;
|
|
}
|
|
.btn.light-border:hover, input[type="submit"].light-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.light-border-nodark, input[type="submit"].light-border-nodark {
|
|
border: 3px solid #f8f9fa;
|
|
height: auto;
|
|
}
|
|
.btn.light-nodark, input[type="submit"].light-nodark {
|
|
background-color: #f8f9fa;
|
|
filter: drop-shadow(5px 5px 0 rgba(248, 249, 250, 0.6));
|
|
}
|
|
.btn.light-flat, input[type="submit"].light-flat {
|
|
background-color: #f8f9fa;
|
|
}
|
|
.btn.light-flat:hover, input[type="submit"].light-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.light-flat-nodark, input[type="submit"].light-flat-nodark {
|
|
background-color: #f8f9fa;
|
|
}
|
|
.btn.midnight-blue, input[type="submit"].midnight-blue {
|
|
background-color: #2c3e50;
|
|
filter: drop-shadow(5px 5px 0 rgba(44, 62, 80, 0.6));
|
|
}
|
|
.btn.midnight-blue:hover, input[type="submit"].midnight-blue:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(44, 62, 80, 0.6)) brightness(50%);
|
|
}
|
|
.btn.midnight-blue-border, input[type="submit"].midnight-blue-border {
|
|
border: 3px solid #2c3e50;
|
|
height: auto;
|
|
}
|
|
.btn.midnight-blue-border:hover, input[type="submit"].midnight-blue-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.midnight-blue-border-nodark, input[type="submit"].midnight-blue-border-nodark {
|
|
border: 3px solid #2c3e50;
|
|
height: auto;
|
|
}
|
|
.btn.midnight-blue-nodark, input[type="submit"].midnight-blue-nodark {
|
|
background-color: #2c3e50;
|
|
filter: drop-shadow(5px 5px 0 rgba(44, 62, 80, 0.6));
|
|
}
|
|
.btn.midnight-blue-flat, input[type="submit"].midnight-blue-flat {
|
|
background-color: #2c3e50;
|
|
}
|
|
.btn.midnight-blue-flat:hover, input[type="submit"].midnight-blue-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.midnight-blue-flat-nodark, input[type="submit"].midnight-blue-flat-nodark {
|
|
background-color: #2c3e50;
|
|
}
|
|
.btn.nephritis, input[type="submit"].nephritis {
|
|
background-color: #27ae60;
|
|
filter: drop-shadow(5px 5px 0 rgba(39, 174, 96, 0.6));
|
|
}
|
|
.btn.nephritis:hover, input[type="submit"].nephritis:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(39, 174, 96, 0.6)) brightness(50%);
|
|
}
|
|
.btn.nephritis-border, input[type="submit"].nephritis-border {
|
|
border: 3px solid #27ae60;
|
|
height: auto;
|
|
}
|
|
.btn.nephritis-border:hover, input[type="submit"].nephritis-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.nephritis-border-nodark, input[type="submit"].nephritis-border-nodark {
|
|
border: 3px solid #27ae60;
|
|
height: auto;
|
|
}
|
|
.btn.nephritis-nodark, input[type="submit"].nephritis-nodark {
|
|
background-color: #27ae60;
|
|
filter: drop-shadow(5px 5px 0 rgba(39, 174, 96, 0.6));
|
|
}
|
|
.btn.nephritis-flat, input[type="submit"].nephritis-flat {
|
|
background-color: #27ae60;
|
|
}
|
|
.btn.nephritis-flat:hover, input[type="submit"].nephritis-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.nephritis-flat-nodark, input[type="submit"].nephritis-flat-nodark {
|
|
background-color: #27ae60;
|
|
}
|
|
.btn.orange, input[type="submit"].orange {
|
|
background-color: #f39c12;
|
|
filter: drop-shadow(5px 5px 0 rgba(243, 156, 18, 0.6));
|
|
}
|
|
.btn.orange:hover, input[type="submit"].orange:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(243, 156, 18, 0.6)) brightness(50%);
|
|
}
|
|
.btn.orange-border, input[type="submit"].orange-border {
|
|
border: 3px solid #f39c12;
|
|
height: auto;
|
|
}
|
|
.btn.orange-border:hover, input[type="submit"].orange-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.orange-border-nodark, input[type="submit"].orange-border-nodark {
|
|
border: 3px solid #f39c12;
|
|
height: auto;
|
|
}
|
|
.btn.orange-nodark, input[type="submit"].orange-nodark {
|
|
background-color: #f39c12;
|
|
filter: drop-shadow(5px 5px 0 rgba(243, 156, 18, 0.6));
|
|
}
|
|
.btn.orange-flat, input[type="submit"].orange-flat {
|
|
background-color: #f39c12;
|
|
}
|
|
.btn.orange-flat:hover, input[type="submit"].orange-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.orange-flat-nodark, input[type="submit"].orange-flat-nodark {
|
|
background-color: #f39c12;
|
|
}
|
|
.btn.peach, input[type="submit"].peach {
|
|
background-color: #f49898;
|
|
filter: drop-shadow(5px 5px 0 rgba(244, 152, 152, 0.6));
|
|
}
|
|
.btn.peach:hover, input[type="submit"].peach:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(244, 152, 152, 0.6)) brightness(50%);
|
|
}
|
|
.btn.peach-border, input[type="submit"].peach-border {
|
|
border: 3px solid #f49898;
|
|
height: auto;
|
|
}
|
|
.btn.peach-border:hover, input[type="submit"].peach-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.peach-border-nodark, input[type="submit"].peach-border-nodark {
|
|
border: 3px solid #f49898;
|
|
height: auto;
|
|
}
|
|
.btn.peach-nodark, input[type="submit"].peach-nodark {
|
|
background-color: #f49898;
|
|
filter: drop-shadow(5px 5px 0 rgba(244, 152, 152, 0.6));
|
|
}
|
|
.btn.peach-flat, input[type="submit"].peach-flat {
|
|
background-color: #f49898;
|
|
}
|
|
.btn.peach-flat:hover, input[type="submit"].peach-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.peach-flat-nodark, input[type="submit"].peach-flat-nodark {
|
|
background-color: #f49898;
|
|
}
|
|
.btn.peter-river, input[type="submit"].peter-river {
|
|
background-color: #3498db;
|
|
filter: drop-shadow(5px 5px 0 rgba(52, 152, 219, 0.6));
|
|
}
|
|
.btn.peter-river:hover, input[type="submit"].peter-river:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(52, 152, 219, 0.6)) brightness(50%);
|
|
}
|
|
.btn.peter-river-border, input[type="submit"].peter-river-border {
|
|
border: 3px solid #3498db;
|
|
height: auto;
|
|
}
|
|
.btn.peter-river-border:hover, input[type="submit"].peter-river-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.peter-river-border-nodark, input[type="submit"].peter-river-border-nodark {
|
|
border: 3px solid #3498db;
|
|
height: auto;
|
|
}
|
|
.btn.peter-river-nodark, input[type="submit"].peter-river-nodark {
|
|
background-color: #3498db;
|
|
filter: drop-shadow(5px 5px 0 rgba(52, 152, 219, 0.6));
|
|
}
|
|
.btn.peter-river-flat, input[type="submit"].peter-river-flat {
|
|
background-color: #3498db;
|
|
}
|
|
.btn.peter-river-flat:hover, input[type="submit"].peter-river-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.peter-river-flat-nodark, input[type="submit"].peter-river-flat-nodark {
|
|
background-color: #3498db;
|
|
}
|
|
.btn.pomegranate, input[type="submit"].pomegranate {
|
|
background-color: #c0392b;
|
|
filter: drop-shadow(5px 5px 0 rgba(192, 57, 43, 0.6));
|
|
}
|
|
.btn.pomegranate:hover, input[type="submit"].pomegranate:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(192, 57, 43, 0.6)) brightness(50%);
|
|
}
|
|
.btn.pomegranate-border, input[type="submit"].pomegranate-border {
|
|
border: 3px solid #c0392b;
|
|
height: auto;
|
|
}
|
|
.btn.pomegranate-border:hover, input[type="submit"].pomegranate-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.pomegranate-border-nodark, input[type="submit"].pomegranate-border-nodark {
|
|
border: 3px solid #c0392b;
|
|
height: auto;
|
|
}
|
|
.btn.pomegranate-nodark, input[type="submit"].pomegranate-nodark {
|
|
background-color: #c0392b;
|
|
filter: drop-shadow(5px 5px 0 rgba(192, 57, 43, 0.6));
|
|
}
|
|
.btn.pomegranate-flat, input[type="submit"].pomegranate-flat {
|
|
background-color: #c0392b;
|
|
}
|
|
.btn.pomegranate-flat:hover, input[type="submit"].pomegranate-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.pomegranate-flat-nodark, input[type="submit"].pomegranate-flat-nodark {
|
|
background-color: #c0392b;
|
|
}
|
|
.btn.primary, input[type="submit"].primary {
|
|
background-color: #282828;
|
|
filter: drop-shadow(5px 5px 0 rgba(40, 40, 40, 0.6));
|
|
}
|
|
.btn.primary:hover, input[type="submit"].primary:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(40, 40, 40, 0.6)) brightness(50%);
|
|
}
|
|
.btn.primary-border, input[type="submit"].primary-border {
|
|
border: 3px solid #282828;
|
|
height: auto;
|
|
}
|
|
.btn.primary-border:hover, input[type="submit"].primary-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.primary-border-nodark, input[type="submit"].primary-border-nodark {
|
|
border: 3px solid #282828;
|
|
height: auto;
|
|
}
|
|
.btn.primary-nodark, input[type="submit"].primary-nodark {
|
|
background-color: #282828;
|
|
filter: drop-shadow(5px 5px 0 rgba(40, 40, 40, 0.6));
|
|
}
|
|
.btn.primary-flat, input[type="submit"].primary-flat {
|
|
background-color: #282828;
|
|
}
|
|
.btn.primary-flat:hover, input[type="submit"].primary-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.primary-flat-nodark, input[type="submit"].primary-flat-nodark {
|
|
background-color: #282828;
|
|
}
|
|
.btn.pumpkin, input[type="submit"].pumpkin {
|
|
background-color: #d35400;
|
|
filter: drop-shadow(5px 5px 0 rgba(211, 84, 0, 0.6));
|
|
}
|
|
.btn.pumpkin:hover, input[type="submit"].pumpkin:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(211, 84, 0, 0.6)) brightness(50%);
|
|
}
|
|
.btn.pumpkin-border, input[type="submit"].pumpkin-border {
|
|
border: 3px solid #d35400;
|
|
height: auto;
|
|
}
|
|
.btn.pumpkin-border:hover, input[type="submit"].pumpkin-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.pumpkin-border-nodark, input[type="submit"].pumpkin-border-nodark {
|
|
border: 3px solid #d35400;
|
|
height: auto;
|
|
}
|
|
.btn.pumpkin-nodark, input[type="submit"].pumpkin-nodark {
|
|
background-color: #d35400;
|
|
filter: drop-shadow(5px 5px 0 rgba(211, 84, 0, 0.6));
|
|
}
|
|
.btn.pumpkin-flat, input[type="submit"].pumpkin-flat {
|
|
background-color: #d35400;
|
|
}
|
|
.btn.pumpkin-flat:hover, input[type="submit"].pumpkin-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.pumpkin-flat-nodark, input[type="submit"].pumpkin-flat-nodark {
|
|
background-color: #d35400;
|
|
}
|
|
.btn.raw-purple, input[type="submit"].raw-purple {
|
|
background-color: #7222c9;
|
|
filter: drop-shadow(5px 5px 0 rgba(114, 34, 201, 0.6));
|
|
}
|
|
.btn.raw-purple:hover, input[type="submit"].raw-purple:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(114, 34, 201, 0.6)) brightness(50%);
|
|
}
|
|
.btn.raw-purple-border, input[type="submit"].raw-purple-border {
|
|
border: 3px solid #7222c9;
|
|
height: auto;
|
|
}
|
|
.btn.raw-purple-border:hover, input[type="submit"].raw-purple-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.raw-purple-border-nodark, input[type="submit"].raw-purple-border-nodark {
|
|
border: 3px solid #7222c9;
|
|
height: auto;
|
|
}
|
|
.btn.raw-purple-nodark, input[type="submit"].raw-purple-nodark {
|
|
background-color: #7222c9;
|
|
filter: drop-shadow(5px 5px 0 rgba(114, 34, 201, 0.6));
|
|
}
|
|
.btn.raw-purple-flat, input[type="submit"].raw-purple-flat {
|
|
background-color: #7222c9;
|
|
}
|
|
.btn.raw-purple-flat:hover, input[type="submit"].raw-purple-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.raw-purple-flat-nodark, input[type="submit"].raw-purple-flat-nodark {
|
|
background-color: #7222c9;
|
|
}
|
|
.btn.secondary, input[type="submit"].secondary {
|
|
background-color: #303030;
|
|
filter: drop-shadow(5px 5px 0 rgba(48, 48, 48, 0.6));
|
|
}
|
|
.btn.secondary:hover, input[type="submit"].secondary:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(48, 48, 48, 0.6)) brightness(50%);
|
|
}
|
|
.btn.secondary-border, input[type="submit"].secondary-border {
|
|
border: 3px solid #303030;
|
|
height: auto;
|
|
}
|
|
.btn.secondary-border:hover, input[type="submit"].secondary-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.secondary-border-nodark, input[type="submit"].secondary-border-nodark {
|
|
border: 3px solid #303030;
|
|
height: auto;
|
|
}
|
|
.btn.secondary-nodark, input[type="submit"].secondary-nodark {
|
|
background-color: #303030;
|
|
filter: drop-shadow(5px 5px 0 rgba(48, 48, 48, 0.6));
|
|
}
|
|
.btn.secondary-flat, input[type="submit"].secondary-flat {
|
|
background-color: #303030;
|
|
}
|
|
.btn.secondary-flat:hover, input[type="submit"].secondary-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.secondary-flat-nodark, input[type="submit"].secondary-flat-nodark {
|
|
background-color: #303030;
|
|
}
|
|
.btn.silver, input[type="submit"].silver {
|
|
background-color: #7f8c8d;
|
|
filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6));
|
|
}
|
|
.btn.silver:hover, input[type="submit"].silver:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6)) brightness(50%);
|
|
}
|
|
.btn.silver-border, input[type="submit"].silver-border {
|
|
border: 3px solid #7f8c8d;
|
|
height: auto;
|
|
}
|
|
.btn.silver-border:hover, input[type="submit"].silver-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.silver-border-nodark, input[type="submit"].silver-border-nodark {
|
|
border: 3px solid #7f8c8d;
|
|
height: auto;
|
|
}
|
|
.btn.silver-nodark, input[type="submit"].silver-nodark {
|
|
background-color: #7f8c8d;
|
|
filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6));
|
|
}
|
|
.btn.silver-flat, input[type="submit"].silver-flat {
|
|
background-color: #7f8c8d;
|
|
}
|
|
.btn.silver-flat:hover, input[type="submit"].silver-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.silver-flat-nodark, input[type="submit"].silver-flat-nodark {
|
|
background-color: #7f8c8d;
|
|
}
|
|
.btn.sun-flower, input[type="submit"].sun-flower {
|
|
background-color: #f1c40f;
|
|
filter: drop-shadow(5px 5px 0 rgba(241, 196, 15, 0.6));
|
|
}
|
|
.btn.sun-flower:hover, input[type="submit"].sun-flower:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(241, 196, 15, 0.6)) brightness(50%);
|
|
}
|
|
.btn.sun-flower-border, input[type="submit"].sun-flower-border {
|
|
border: 3px solid #f1c40f;
|
|
height: auto;
|
|
}
|
|
.btn.sun-flower-border:hover, input[type="submit"].sun-flower-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.sun-flower-border-nodark, input[type="submit"].sun-flower-border-nodark {
|
|
border: 3px solid #f1c40f;
|
|
height: auto;
|
|
}
|
|
.btn.sun-flower-nodark, input[type="submit"].sun-flower-nodark {
|
|
background-color: #f1c40f;
|
|
filter: drop-shadow(5px 5px 0 rgba(241, 196, 15, 0.6));
|
|
}
|
|
.btn.sun-flower-flat, input[type="submit"].sun-flower-flat {
|
|
background-color: #f1c40f;
|
|
}
|
|
.btn.sun-flower-flat:hover, input[type="submit"].sun-flower-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.sun-flower-flat-nodark, input[type="submit"].sun-flower-flat-nodark {
|
|
background-color: #f1c40f;
|
|
}
|
|
.btn.transparent, input[type="submit"].transparent {
|
|
background-color: transparent;
|
|
filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6));
|
|
}
|
|
.btn.transparent:hover, input[type="submit"].transparent:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6)) brightness(50%);
|
|
}
|
|
.btn.transparent-border, input[type="submit"].transparent-border {
|
|
border: 3px solid transparent;
|
|
height: auto;
|
|
}
|
|
.btn.transparent-border:hover, input[type="submit"].transparent-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.transparent-border-nodark, input[type="submit"].transparent-border-nodark {
|
|
border: 3px solid transparent;
|
|
height: auto;
|
|
}
|
|
.btn.transparent-nodark, input[type="submit"].transparent-nodark {
|
|
background-color: transparent;
|
|
filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6));
|
|
}
|
|
.btn.transparent-flat, input[type="submit"].transparent-flat {
|
|
background-color: transparent;
|
|
}
|
|
.btn.transparent-flat:hover, input[type="submit"].transparent-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.transparent-flat-nodark, input[type="submit"].transparent-flat-nodark {
|
|
background-color: transparent;
|
|
}
|
|
.btn.turquoise, input[type="submit"].turquoise {
|
|
background-color: #1abc9c;
|
|
filter: drop-shadow(5px 5px 0 rgba(26, 188, 156, 0.6));
|
|
}
|
|
.btn.turquoise:hover, input[type="submit"].turquoise:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(26, 188, 156, 0.6)) brightness(50%);
|
|
}
|
|
.btn.turquoise-border, input[type="submit"].turquoise-border {
|
|
border: 3px solid #1abc9c;
|
|
height: auto;
|
|
}
|
|
.btn.turquoise-border:hover, input[type="submit"].turquoise-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.turquoise-border-nodark, input[type="submit"].turquoise-border-nodark {
|
|
border: 3px solid #1abc9c;
|
|
height: auto;
|
|
}
|
|
.btn.turquoise-nodark, input[type="submit"].turquoise-nodark {
|
|
background-color: #1abc9c;
|
|
filter: drop-shadow(5px 5px 0 rgba(26, 188, 156, 0.6));
|
|
}
|
|
.btn.turquoise-flat, input[type="submit"].turquoise-flat {
|
|
background-color: #1abc9c;
|
|
}
|
|
.btn.turquoise-flat:hover, input[type="submit"].turquoise-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.turquoise-flat-nodark, input[type="submit"].turquoise-flat-nodark {
|
|
background-color: #1abc9c;
|
|
}
|
|
.btn.wet-asphalt, input[type="submit"].wet-asphalt {
|
|
background-color: #34495e;
|
|
filter: drop-shadow(5px 5px 0 rgba(52, 73, 94, 0.6));
|
|
}
|
|
.btn.wet-asphalt:hover, input[type="submit"].wet-asphalt:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(52, 73, 94, 0.6)) brightness(50%);
|
|
}
|
|
.btn.wet-asphalt-border, input[type="submit"].wet-asphalt-border {
|
|
border: 3px solid #34495e;
|
|
height: auto;
|
|
}
|
|
.btn.wet-asphalt-border:hover, input[type="submit"].wet-asphalt-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.wet-asphalt-border-nodark, input[type="submit"].wet-asphalt-border-nodark {
|
|
border: 3px solid #34495e;
|
|
height: auto;
|
|
}
|
|
.btn.wet-asphalt-nodark, input[type="submit"].wet-asphalt-nodark {
|
|
background-color: #34495e;
|
|
filter: drop-shadow(5px 5px 0 rgba(52, 73, 94, 0.6));
|
|
}
|
|
.btn.wet-asphalt-flat, input[type="submit"].wet-asphalt-flat {
|
|
background-color: #34495e;
|
|
}
|
|
.btn.wet-asphalt-flat:hover, input[type="submit"].wet-asphalt-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.wet-asphalt-flat-nodark, input[type="submit"].wet-asphalt-flat-nodark {
|
|
background-color: #34495e;
|
|
}
|
|
.btn.white, input[type="submit"].white {
|
|
background-color: #fff;
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 255, 255, 0.6));
|
|
}
|
|
.btn.white:hover, input[type="submit"].white:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 255, 255, 0.6)) brightness(50%);
|
|
}
|
|
.btn.white-border, input[type="submit"].white-border {
|
|
border: 3px solid #fff;
|
|
height: auto;
|
|
}
|
|
.btn.white-border:hover, input[type="submit"].white-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.white-border-nodark, input[type="submit"].white-border-nodark {
|
|
border: 3px solid #fff;
|
|
height: auto;
|
|
}
|
|
.btn.white-nodark, input[type="submit"].white-nodark {
|
|
background-color: #fff;
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 255, 255, 0.6));
|
|
}
|
|
.btn.white-flat, input[type="submit"].white-flat {
|
|
background-color: #fff;
|
|
}
|
|
.btn.white-flat:hover, input[type="submit"].white-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.white-flat-nodark, input[type="submit"].white-flat-nodark {
|
|
background-color: #fff;
|
|
}
|
|
.btn.wisteria, input[type="submit"].wisteria {
|
|
background-color: #8e44ad;
|
|
filter: drop-shadow(5px 5px 0 rgba(142, 68, 173, 0.6));
|
|
}
|
|
.btn.wisteria:hover, input[type="submit"].wisteria:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(142, 68, 173, 0.6)) brightness(50%);
|
|
}
|
|
.btn.wisteria-border, input[type="submit"].wisteria-border {
|
|
border: 3px solid #8e44ad;
|
|
height: auto;
|
|
}
|
|
.btn.wisteria-border:hover, input[type="submit"].wisteria-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.wisteria-border-nodark, input[type="submit"].wisteria-border-nodark {
|
|
border: 3px solid #8e44ad;
|
|
height: auto;
|
|
}
|
|
.btn.wisteria-nodark, input[type="submit"].wisteria-nodark {
|
|
background-color: #8e44ad;
|
|
filter: drop-shadow(5px 5px 0 rgba(142, 68, 173, 0.6));
|
|
}
|
|
.btn.wisteria-flat, input[type="submit"].wisteria-flat {
|
|
background-color: #8e44ad;
|
|
}
|
|
.btn.wisteria-flat:hover, input[type="submit"].wisteria-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.wisteria-flat-nodark, input[type="submit"].wisteria-flat-nodark {
|
|
background-color: #8e44ad;
|
|
}
|
|
.btn.deviantart, input[type="submit"].deviantart {
|
|
background-color: #05cc47;
|
|
filter: drop-shadow(5px 5px 0 rgba(5, 204, 71, 0.6));
|
|
}
|
|
.btn.deviantart:hover, input[type="submit"].deviantart:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(5, 204, 71, 0.6)) brightness(50%);
|
|
}
|
|
.btn.deviantart-border, input[type="submit"].deviantart-border {
|
|
border: 3px solid #05cc47;
|
|
height: auto;
|
|
}
|
|
.btn.deviantart-border:hover, input[type="submit"].deviantart-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.deviantart-border-nodark, input[type="submit"].deviantart-border-nodark {
|
|
border: 3px solid #05cc47;
|
|
height: auto;
|
|
}
|
|
.btn.deviantart-nodark, input[type="submit"].deviantart-nodark {
|
|
background-color: #05cc47;
|
|
filter: drop-shadow(5px 5px 0 rgba(5, 204, 71, 0.6));
|
|
}
|
|
.btn.deviantart-flat, input[type="submit"].deviantart-flat {
|
|
background-color: #05cc47;
|
|
}
|
|
.btn.deviantart-flat:hover, input[type="submit"].deviantart-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.deviantart-flat-nodark, input[type="submit"].deviantart-flat-nodark {
|
|
background-color: #05cc47;
|
|
}
|
|
.btn.discord, input[type="submit"].discord {
|
|
background-color: #7289da;
|
|
filter: drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6));
|
|
}
|
|
.btn.discord:hover, input[type="submit"].discord:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6)) brightness(50%);
|
|
}
|
|
.btn.discord-border, input[type="submit"].discord-border {
|
|
border: 3px solid #7289da;
|
|
height: auto;
|
|
}
|
|
.btn.discord-border:hover, input[type="submit"].discord-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.discord-border-nodark, input[type="submit"].discord-border-nodark {
|
|
border: 3px solid #7289da;
|
|
height: auto;
|
|
}
|
|
.btn.discord-nodark, input[type="submit"].discord-nodark {
|
|
background-color: #7289da;
|
|
filter: drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6));
|
|
}
|
|
.btn.discord-flat, input[type="submit"].discord-flat {
|
|
background-color: #7289da;
|
|
}
|
|
.btn.discord-flat:hover, input[type="submit"].discord-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.discord-flat-nodark, input[type="submit"].discord-flat-nodark {
|
|
background-color: #7289da;
|
|
}
|
|
.btn.facebook, input[type="submit"].facebook {
|
|
background-color: #3b5998;
|
|
filter: drop-shadow(5px 5px 0 rgba(59, 89, 152, 0.6));
|
|
}
|
|
.btn.facebook:hover, input[type="submit"].facebook:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(59, 89, 152, 0.6)) brightness(50%);
|
|
}
|
|
.btn.facebook-border, input[type="submit"].facebook-border {
|
|
border: 3px solid #3b5998;
|
|
height: auto;
|
|
}
|
|
.btn.facebook-border:hover, input[type="submit"].facebook-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.facebook-border-nodark, input[type="submit"].facebook-border-nodark {
|
|
border: 3px solid #3b5998;
|
|
height: auto;
|
|
}
|
|
.btn.facebook-nodark, input[type="submit"].facebook-nodark {
|
|
background-color: #3b5998;
|
|
filter: drop-shadow(5px 5px 0 rgba(59, 89, 152, 0.6));
|
|
}
|
|
.btn.facebook-flat, input[type="submit"].facebook-flat {
|
|
background-color: #3b5998;
|
|
}
|
|
.btn.facebook-flat:hover, input[type="submit"].facebook-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.facebook-flat-nodark, input[type="submit"].facebook-flat-nodark {
|
|
background-color: #3b5998;
|
|
}
|
|
.btn.github, input[type="submit"].github {
|
|
background-color: #292d32;
|
|
filter: drop-shadow(5px 5px 0 rgba(41, 45, 50, 0.6));
|
|
}
|
|
.btn.github:hover, input[type="submit"].github:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(41, 45, 50, 0.6)) brightness(50%);
|
|
}
|
|
.btn.github-border, input[type="submit"].github-border {
|
|
border: 3px solid #292d32;
|
|
height: auto;
|
|
}
|
|
.btn.github-border:hover, input[type="submit"].github-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.github-border-nodark, input[type="submit"].github-border-nodark {
|
|
border: 3px solid #292d32;
|
|
height: auto;
|
|
}
|
|
.btn.github-nodark, input[type="submit"].github-nodark {
|
|
background-color: #292d32;
|
|
filter: drop-shadow(5px 5px 0 rgba(41, 45, 50, 0.6));
|
|
}
|
|
.btn.github-flat, input[type="submit"].github-flat {
|
|
background-color: #292d32;
|
|
}
|
|
.btn.github-flat:hover, input[type="submit"].github-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.github-flat-nodark, input[type="submit"].github-flat-nodark {
|
|
background-color: #292d32;
|
|
}
|
|
.btn.google, input[type="submit"].google {
|
|
background-color: #4285f4;
|
|
filter: drop-shadow(5px 5px 0 rgba(66, 133, 244, 0.6));
|
|
}
|
|
.btn.google:hover, input[type="submit"].google:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(66, 133, 244, 0.6)) brightness(50%);
|
|
}
|
|
.btn.google-border, input[type="submit"].google-border {
|
|
border: 3px solid #4285f4;
|
|
height: auto;
|
|
}
|
|
.btn.google-border:hover, input[type="submit"].google-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.google-border-nodark, input[type="submit"].google-border-nodark {
|
|
border: 3px solid #4285f4;
|
|
height: auto;
|
|
}
|
|
.btn.google-nodark, input[type="submit"].google-nodark {
|
|
background-color: #4285f4;
|
|
filter: drop-shadow(5px 5px 0 rgba(66, 133, 244, 0.6));
|
|
}
|
|
.btn.google-flat, input[type="submit"].google-flat {
|
|
background-color: #4285f4;
|
|
}
|
|
.btn.google-flat:hover, input[type="submit"].google-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.google-flat-nodark, input[type="submit"].google-flat-nodark {
|
|
background-color: #4285f4;
|
|
}
|
|
.btn.googleplus, input[type="submit"].googleplus {
|
|
background-color: #db4437;
|
|
filter: drop-shadow(5px 5px 0 rgba(219, 68, 55, 0.6));
|
|
}
|
|
.btn.googleplus:hover, input[type="submit"].googleplus:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(219, 68, 55, 0.6)) brightness(50%);
|
|
}
|
|
.btn.googleplus-border, input[type="submit"].googleplus-border {
|
|
border: 3px solid #db4437;
|
|
height: auto;
|
|
}
|
|
.btn.googleplus-border:hover, input[type="submit"].googleplus-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.googleplus-border-nodark, input[type="submit"].googleplus-border-nodark {
|
|
border: 3px solid #db4437;
|
|
height: auto;
|
|
}
|
|
.btn.googleplus-nodark, input[type="submit"].googleplus-nodark {
|
|
background-color: #db4437;
|
|
filter: drop-shadow(5px 5px 0 rgba(219, 68, 55, 0.6));
|
|
}
|
|
.btn.googleplus-flat, input[type="submit"].googleplus-flat {
|
|
background-color: #db4437;
|
|
}
|
|
.btn.googleplus-flat:hover, input[type="submit"].googleplus-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.googleplus-flat-nodark, input[type="submit"].googleplus-flat-nodark {
|
|
background-color: #db4437;
|
|
}
|
|
.btn.instagram, input[type="submit"].instagram {
|
|
background-color: #c32aa3;
|
|
filter: drop-shadow(5px 5px 0 rgba(195, 42, 163, 0.6));
|
|
}
|
|
.btn.instagram:hover, input[type="submit"].instagram:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(195, 42, 163, 0.6)) brightness(50%);
|
|
}
|
|
.btn.instagram-border, input[type="submit"].instagram-border {
|
|
border: 3px solid #c32aa3;
|
|
height: auto;
|
|
}
|
|
.btn.instagram-border:hover, input[type="submit"].instagram-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.instagram-border-nodark, input[type="submit"].instagram-border-nodark {
|
|
border: 3px solid #c32aa3;
|
|
height: auto;
|
|
}
|
|
.btn.instagram-nodark, input[type="submit"].instagram-nodark {
|
|
background-color: #c32aa3;
|
|
filter: drop-shadow(5px 5px 0 rgba(195, 42, 163, 0.6));
|
|
}
|
|
.btn.instagram-flat, input[type="submit"].instagram-flat {
|
|
background-color: #c32aa3;
|
|
}
|
|
.btn.instagram-flat:hover, input[type="submit"].instagram-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.instagram-flat-nodark, input[type="submit"].instagram-flat-nodark {
|
|
background-color: #c32aa3;
|
|
}
|
|
.btn.linkedin, input[type="submit"].linkedin {
|
|
background-color: #007bb5;
|
|
filter: drop-shadow(5px 5px 0 rgba(0, 123, 181, 0.6));
|
|
}
|
|
.btn.linkedin:hover, input[type="submit"].linkedin:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(0, 123, 181, 0.6)) brightness(50%);
|
|
}
|
|
.btn.linkedin-border, input[type="submit"].linkedin-border {
|
|
border: 3px solid #007bb5;
|
|
height: auto;
|
|
}
|
|
.btn.linkedin-border:hover, input[type="submit"].linkedin-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.linkedin-border-nodark, input[type="submit"].linkedin-border-nodark {
|
|
border: 3px solid #007bb5;
|
|
height: auto;
|
|
}
|
|
.btn.linkedin-nodark, input[type="submit"].linkedin-nodark {
|
|
background-color: #007bb5;
|
|
filter: drop-shadow(5px 5px 0 rgba(0, 123, 181, 0.6));
|
|
}
|
|
.btn.linkedin-flat, input[type="submit"].linkedin-flat {
|
|
background-color: #007bb5;
|
|
}
|
|
.btn.linkedin-flat:hover, input[type="submit"].linkedin-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.linkedin-flat-nodark, input[type="submit"].linkedin-flat-nodark {
|
|
background-color: #007bb5;
|
|
}
|
|
.btn.patreon, input[type="submit"].patreon {
|
|
background-color: #f96854;
|
|
filter: drop-shadow(5px 5px 0 rgba(249, 104, 84, 0.6));
|
|
}
|
|
.btn.patreon:hover, input[type="submit"].patreon:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(249, 104, 84, 0.6)) brightness(50%);
|
|
}
|
|
.btn.patreon-border, input[type="submit"].patreon-border {
|
|
border: 3px solid #f96854;
|
|
height: auto;
|
|
}
|
|
.btn.patreon-border:hover, input[type="submit"].patreon-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.patreon-border-nodark, input[type="submit"].patreon-border-nodark {
|
|
border: 3px solid #f96854;
|
|
height: auto;
|
|
}
|
|
.btn.patreon-nodark, input[type="submit"].patreon-nodark {
|
|
background-color: #f96854;
|
|
filter: drop-shadow(5px 5px 0 rgba(249, 104, 84, 0.6));
|
|
}
|
|
.btn.patreon-flat, input[type="submit"].patreon-flat {
|
|
background-color: #f96854;
|
|
}
|
|
.btn.patreon-flat:hover, input[type="submit"].patreon-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.patreon-flat-nodark, input[type="submit"].patreon-flat-nodark {
|
|
background-color: #f96854;
|
|
}
|
|
.btn.paypal, input[type="submit"].paypal {
|
|
background-color: #1e9cd7;
|
|
filter: drop-shadow(5px 5px 0 rgba(30, 156, 215, 0.6));
|
|
}
|
|
.btn.paypal:hover, input[type="submit"].paypal:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(30, 156, 215, 0.6)) brightness(50%);
|
|
}
|
|
.btn.paypal-border, input[type="submit"].paypal-border {
|
|
border: 3px solid #1e9cd7;
|
|
height: auto;
|
|
}
|
|
.btn.paypal-border:hover, input[type="submit"].paypal-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.paypal-border-nodark, input[type="submit"].paypal-border-nodark {
|
|
border: 3px solid #1e9cd7;
|
|
height: auto;
|
|
}
|
|
.btn.paypal-nodark, input[type="submit"].paypal-nodark {
|
|
background-color: #1e9cd7;
|
|
filter: drop-shadow(5px 5px 0 rgba(30, 156, 215, 0.6));
|
|
}
|
|
.btn.paypal-flat, input[type="submit"].paypal-flat {
|
|
background-color: #1e9cd7;
|
|
}
|
|
.btn.paypal-flat:hover, input[type="submit"].paypal-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.paypal-flat-nodark, input[type="submit"].paypal-flat-nodark {
|
|
background-color: #1e9cd7;
|
|
}
|
|
.btn.pinterest, input[type="submit"].pinterest {
|
|
background-color: #bd081c;
|
|
filter: drop-shadow(5px 5px 0 rgba(189, 8, 28, 0.6));
|
|
}
|
|
.btn.pinterest:hover, input[type="submit"].pinterest:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(189, 8, 28, 0.6)) brightness(50%);
|
|
}
|
|
.btn.pinterest-border, input[type="submit"].pinterest-border {
|
|
border: 3px solid #bd081c;
|
|
height: auto;
|
|
}
|
|
.btn.pinterest-border:hover, input[type="submit"].pinterest-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.pinterest-border-nodark, input[type="submit"].pinterest-border-nodark {
|
|
border: 3px solid #bd081c;
|
|
height: auto;
|
|
}
|
|
.btn.pinterest-nodark, input[type="submit"].pinterest-nodark {
|
|
background-color: #bd081c;
|
|
filter: drop-shadow(5px 5px 0 rgba(189, 8, 28, 0.6));
|
|
}
|
|
.btn.pinterest-flat, input[type="submit"].pinterest-flat {
|
|
background-color: #bd081c;
|
|
}
|
|
.btn.pinterest-flat:hover, input[type="submit"].pinterest-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.pinterest-flat-nodark, input[type="submit"].pinterest-flat-nodark {
|
|
background-color: #bd081c;
|
|
}
|
|
.btn.reddit, input[type="submit"].reddit {
|
|
background-color: #ff4500;
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 69, 0, 0.6));
|
|
}
|
|
.btn.reddit:hover, input[type="submit"].reddit:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 69, 0, 0.6)) brightness(50%);
|
|
}
|
|
.btn.reddit-border, input[type="submit"].reddit-border {
|
|
border: 3px solid #ff4500;
|
|
height: auto;
|
|
}
|
|
.btn.reddit-border:hover, input[type="submit"].reddit-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.reddit-border-nodark, input[type="submit"].reddit-border-nodark {
|
|
border: 3px solid #ff4500;
|
|
height: auto;
|
|
}
|
|
.btn.reddit-nodark, input[type="submit"].reddit-nodark {
|
|
background-color: #ff4500;
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 69, 0, 0.6));
|
|
}
|
|
.btn.reddit-flat, input[type="submit"].reddit-flat {
|
|
background-color: #ff4500;
|
|
}
|
|
.btn.reddit-flat:hover, input[type="submit"].reddit-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.reddit-flat-nodark, input[type="submit"].reddit-flat-nodark {
|
|
background-color: #ff4500;
|
|
}
|
|
.btn.skype, input[type="submit"].skype {
|
|
background-color: #41a6ed;
|
|
filter: drop-shadow(5px 5px 0 rgba(65, 166, 237, 0.6));
|
|
}
|
|
.btn.skype:hover, input[type="submit"].skype:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(65, 166, 237, 0.6)) brightness(50%);
|
|
}
|
|
.btn.skype-border, input[type="submit"].skype-border {
|
|
border: 3px solid #41a6ed;
|
|
height: auto;
|
|
}
|
|
.btn.skype-border:hover, input[type="submit"].skype-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.skype-border-nodark, input[type="submit"].skype-border-nodark {
|
|
border: 3px solid #41a6ed;
|
|
height: auto;
|
|
}
|
|
.btn.skype-nodark, input[type="submit"].skype-nodark {
|
|
background-color: #41a6ed;
|
|
filter: drop-shadow(5px 5px 0 rgba(65, 166, 237, 0.6));
|
|
}
|
|
.btn.skype-flat, input[type="submit"].skype-flat {
|
|
background-color: #41a6ed;
|
|
}
|
|
.btn.skype-flat:hover, input[type="submit"].skype-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.skype-flat-nodark, input[type="submit"].skype-flat-nodark {
|
|
background-color: #41a6ed;
|
|
}
|
|
.btn.slack, input[type="submit"].slack {
|
|
background-color: #4d394b;
|
|
filter: drop-shadow(5px 5px 0 rgba(77, 57, 75, 0.6));
|
|
}
|
|
.btn.slack:hover, input[type="submit"].slack:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(77, 57, 75, 0.6)) brightness(50%);
|
|
}
|
|
.btn.slack-border, input[type="submit"].slack-border {
|
|
border: 3px solid #4d394b;
|
|
height: auto;
|
|
}
|
|
.btn.slack-border:hover, input[type="submit"].slack-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.slack-border-nodark, input[type="submit"].slack-border-nodark {
|
|
border: 3px solid #4d394b;
|
|
height: auto;
|
|
}
|
|
.btn.slack-nodark, input[type="submit"].slack-nodark {
|
|
background-color: #4d394b;
|
|
filter: drop-shadow(5px 5px 0 rgba(77, 57, 75, 0.6));
|
|
}
|
|
.btn.slack-flat, input[type="submit"].slack-flat {
|
|
background-color: #4d394b;
|
|
}
|
|
.btn.slack-flat:hover, input[type="submit"].slack-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.slack-flat-nodark, input[type="submit"].slack-flat-nodark {
|
|
background-color: #4d394b;
|
|
}
|
|
.btn.snapchat, input[type="submit"].snapchat {
|
|
background-color: #fffc00;
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 252, 0, 0.6));
|
|
}
|
|
.btn.snapchat:hover, input[type="submit"].snapchat:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 252, 0, 0.6)) brightness(50%);
|
|
}
|
|
.btn.snapchat-border, input[type="submit"].snapchat-border {
|
|
border: 3px solid #fffc00;
|
|
height: auto;
|
|
}
|
|
.btn.snapchat-border:hover, input[type="submit"].snapchat-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.snapchat-border-nodark, input[type="submit"].snapchat-border-nodark {
|
|
border: 3px solid #fffc00;
|
|
height: auto;
|
|
}
|
|
.btn.snapchat-nodark, input[type="submit"].snapchat-nodark {
|
|
background-color: #fffc00;
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 252, 0, 0.6));
|
|
}
|
|
.btn.snapchat-flat, input[type="submit"].snapchat-flat {
|
|
background-color: #fffc00;
|
|
}
|
|
.btn.snapchat-flat:hover, input[type="submit"].snapchat-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.snapchat-flat-nodark, input[type="submit"].snapchat-flat-nodark {
|
|
background-color: #fffc00;
|
|
}
|
|
.btn.soundcloud, input[type="submit"].soundcloud {
|
|
background-color: #f50;
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 85, 0, 0.6));
|
|
}
|
|
.btn.soundcloud:hover, input[type="submit"].soundcloud:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 85, 0, 0.6)) brightness(50%);
|
|
}
|
|
.btn.soundcloud-border, input[type="submit"].soundcloud-border {
|
|
border: 3px solid #f50;
|
|
height: auto;
|
|
}
|
|
.btn.soundcloud-border:hover, input[type="submit"].soundcloud-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.soundcloud-border-nodark, input[type="submit"].soundcloud-border-nodark {
|
|
border: 3px solid #f50;
|
|
height: auto;
|
|
}
|
|
.btn.soundcloud-nodark, input[type="submit"].soundcloud-nodark {
|
|
background-color: #f50;
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 85, 0, 0.6));
|
|
}
|
|
.btn.soundcloud-flat, input[type="submit"].soundcloud-flat {
|
|
background-color: #f50;
|
|
}
|
|
.btn.soundcloud-flat:hover, input[type="submit"].soundcloud-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.soundcloud-flat-nodark, input[type="submit"].soundcloud-flat-nodark {
|
|
background-color: #f50;
|
|
}
|
|
.btn.spotify, input[type="submit"].spotify {
|
|
background-color: #1ed760;
|
|
filter: drop-shadow(5px 5px 0 rgba(30, 215, 96, 0.6));
|
|
}
|
|
.btn.spotify:hover, input[type="submit"].spotify:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(30, 215, 96, 0.6)) brightness(50%);
|
|
}
|
|
.btn.spotify-border, input[type="submit"].spotify-border {
|
|
border: 3px solid #1ed760;
|
|
height: auto;
|
|
}
|
|
.btn.spotify-border:hover, input[type="submit"].spotify-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.spotify-border-nodark, input[type="submit"].spotify-border-nodark {
|
|
border: 3px solid #1ed760;
|
|
height: auto;
|
|
}
|
|
.btn.spotify-nodark, input[type="submit"].spotify-nodark {
|
|
background-color: #1ed760;
|
|
filter: drop-shadow(5px 5px 0 rgba(30, 215, 96, 0.6));
|
|
}
|
|
.btn.spotify-flat, input[type="submit"].spotify-flat {
|
|
background-color: #1ed760;
|
|
}
|
|
.btn.spotify-flat:hover, input[type="submit"].spotify-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.spotify-flat-nodark, input[type="submit"].spotify-flat-nodark {
|
|
background-color: #1ed760;
|
|
}
|
|
.btn.steam, input[type="submit"].steam {
|
|
background-color: #171a21;
|
|
filter: drop-shadow(5px 5px 0 rgba(23, 26, 33, 0.6));
|
|
}
|
|
.btn.steam:hover, input[type="submit"].steam:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(23, 26, 33, 0.6)) brightness(50%);
|
|
}
|
|
.btn.steam-border, input[type="submit"].steam-border {
|
|
border: 3px solid #171a21;
|
|
height: auto;
|
|
}
|
|
.btn.steam-border:hover, input[type="submit"].steam-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.steam-border-nodark, input[type="submit"].steam-border-nodark {
|
|
border: 3px solid #171a21;
|
|
height: auto;
|
|
}
|
|
.btn.steam-nodark, input[type="submit"].steam-nodark {
|
|
background-color: #171a21;
|
|
filter: drop-shadow(5px 5px 0 rgba(23, 26, 33, 0.6));
|
|
}
|
|
.btn.steam-flat, input[type="submit"].steam-flat {
|
|
background-color: #171a21;
|
|
}
|
|
.btn.steam-flat:hover, input[type="submit"].steam-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.steam-flat-nodark, input[type="submit"].steam-flat-nodark {
|
|
background-color: #171a21;
|
|
}
|
|
.btn.telegram, input[type="submit"].telegram {
|
|
background-color: #08c;
|
|
filter: drop-shadow(5px 5px 0 rgba(0, 136, 204, 0.6));
|
|
}
|
|
.btn.telegram:hover, input[type="submit"].telegram:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(0, 136, 204, 0.6)) brightness(50%);
|
|
}
|
|
.btn.telegram-border, input[type="submit"].telegram-border {
|
|
border: 3px solid #08c;
|
|
height: auto;
|
|
}
|
|
.btn.telegram-border:hover, input[type="submit"].telegram-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.telegram-border-nodark, input[type="submit"].telegram-border-nodark {
|
|
border: 3px solid #08c;
|
|
height: auto;
|
|
}
|
|
.btn.telegram-nodark, input[type="submit"].telegram-nodark {
|
|
background-color: #08c;
|
|
filter: drop-shadow(5px 5px 0 rgba(0, 136, 204, 0.6));
|
|
}
|
|
.btn.telegram-flat, input[type="submit"].telegram-flat {
|
|
background-color: #08c;
|
|
}
|
|
.btn.telegram-flat:hover, input[type="submit"].telegram-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.telegram-flat-nodark, input[type="submit"].telegram-flat-nodark {
|
|
background-color: #08c;
|
|
}
|
|
.btn.tumblr, input[type="submit"].tumblr {
|
|
background-color: #35465d;
|
|
filter: drop-shadow(5px 5px 0 rgba(53, 70, 93, 0.6));
|
|
}
|
|
.btn.tumblr:hover, input[type="submit"].tumblr:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(53, 70, 93, 0.6)) brightness(50%);
|
|
}
|
|
.btn.tumblr-border, input[type="submit"].tumblr-border {
|
|
border: 3px solid #35465d;
|
|
height: auto;
|
|
}
|
|
.btn.tumblr-border:hover, input[type="submit"].tumblr-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.tumblr-border-nodark, input[type="submit"].tumblr-border-nodark {
|
|
border: 3px solid #35465d;
|
|
height: auto;
|
|
}
|
|
.btn.tumblr-nodark, input[type="submit"].tumblr-nodark {
|
|
background-color: #35465d;
|
|
filter: drop-shadow(5px 5px 0 rgba(53, 70, 93, 0.6));
|
|
}
|
|
.btn.tumblr-flat, input[type="submit"].tumblr-flat {
|
|
background-color: #35465d;
|
|
}
|
|
.btn.tumblr-flat:hover, input[type="submit"].tumblr-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.tumblr-flat-nodark, input[type="submit"].tumblr-flat-nodark {
|
|
background-color: #35465d;
|
|
}
|
|
.btn.twitch, input[type="submit"].twitch {
|
|
background-color: #6441a4;
|
|
filter: drop-shadow(5px 5px 0 rgba(100, 65, 164, 0.6));
|
|
}
|
|
.btn.twitch:hover, input[type="submit"].twitch:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(100, 65, 164, 0.6)) brightness(50%);
|
|
}
|
|
.btn.twitch-border, input[type="submit"].twitch-border {
|
|
border: 3px solid #6441a4;
|
|
height: auto;
|
|
}
|
|
.btn.twitch-border:hover, input[type="submit"].twitch-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.twitch-border-nodark, input[type="submit"].twitch-border-nodark {
|
|
border: 3px solid #6441a4;
|
|
height: auto;
|
|
}
|
|
.btn.twitch-nodark, input[type="submit"].twitch-nodark {
|
|
background-color: #6441a4;
|
|
filter: drop-shadow(5px 5px 0 rgba(100, 65, 164, 0.6));
|
|
}
|
|
.btn.twitch-flat, input[type="submit"].twitch-flat {
|
|
background-color: #6441a4;
|
|
}
|
|
.btn.twitch-flat:hover, input[type="submit"].twitch-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.twitch-flat-nodark, input[type="submit"].twitch-flat-nodark {
|
|
background-color: #6441a4;
|
|
}
|
|
.btn.twitter, input[type="submit"].twitter {
|
|
background-color: #1da1f2;
|
|
filter: drop-shadow(5px 5px 0 rgba(29, 161, 242, 0.6));
|
|
}
|
|
.btn.twitter:hover, input[type="submit"].twitter:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(29, 161, 242, 0.6)) brightness(50%);
|
|
}
|
|
.btn.twitter-border, input[type="submit"].twitter-border {
|
|
border: 3px solid #1da1f2;
|
|
height: auto;
|
|
}
|
|
.btn.twitter-border:hover, input[type="submit"].twitter-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.twitter-border-nodark, input[type="submit"].twitter-border-nodark {
|
|
border: 3px solid #1da1f2;
|
|
height: auto;
|
|
}
|
|
.btn.twitter-nodark, input[type="submit"].twitter-nodark {
|
|
background-color: #1da1f2;
|
|
filter: drop-shadow(5px 5px 0 rgba(29, 161, 242, 0.6));
|
|
}
|
|
.btn.twitter-flat, input[type="submit"].twitter-flat {
|
|
background-color: #1da1f2;
|
|
}
|
|
.btn.twitter-flat:hover, input[type="submit"].twitter-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.twitter-flat-nodark, input[type="submit"].twitter-flat-nodark {
|
|
background-color: #1da1f2;
|
|
}
|
|
.btn.viber, input[type="submit"].viber {
|
|
background-color: #7f4d9b;
|
|
filter: drop-shadow(5px 5px 0 rgba(127, 77, 155, 0.6));
|
|
}
|
|
.btn.viber:hover, input[type="submit"].viber:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(127, 77, 155, 0.6)) brightness(50%);
|
|
}
|
|
.btn.viber-border, input[type="submit"].viber-border {
|
|
border: 3px solid #7f4d9b;
|
|
height: auto;
|
|
}
|
|
.btn.viber-border:hover, input[type="submit"].viber-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.viber-border-nodark, input[type="submit"].viber-border-nodark {
|
|
border: 3px solid #7f4d9b;
|
|
height: auto;
|
|
}
|
|
.btn.viber-nodark, input[type="submit"].viber-nodark {
|
|
background-color: #7f4d9b;
|
|
filter: drop-shadow(5px 5px 0 rgba(127, 77, 155, 0.6));
|
|
}
|
|
.btn.viber-flat, input[type="submit"].viber-flat {
|
|
background-color: #7f4d9b;
|
|
}
|
|
.btn.viber-flat:hover, input[type="submit"].viber-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.viber-flat-nodark, input[type="submit"].viber-flat-nodark {
|
|
background-color: #7f4d9b;
|
|
}
|
|
.btn.whatsapp, input[type="submit"].whatsapp {
|
|
background-color: #25d366;
|
|
filter: drop-shadow(5px 5px 0 rgba(37, 211, 102, 0.6));
|
|
}
|
|
.btn.whatsapp:hover, input[type="submit"].whatsapp:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(37, 211, 102, 0.6)) brightness(50%);
|
|
}
|
|
.btn.whatsapp-border, input[type="submit"].whatsapp-border {
|
|
border: 3px solid #25d366;
|
|
height: auto;
|
|
}
|
|
.btn.whatsapp-border:hover, input[type="submit"].whatsapp-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.whatsapp-border-nodark, input[type="submit"].whatsapp-border-nodark {
|
|
border: 3px solid #25d366;
|
|
height: auto;
|
|
}
|
|
.btn.whatsapp-nodark, input[type="submit"].whatsapp-nodark {
|
|
background-color: #25d366;
|
|
filter: drop-shadow(5px 5px 0 rgba(37, 211, 102, 0.6));
|
|
}
|
|
.btn.whatsapp-flat, input[type="submit"].whatsapp-flat {
|
|
background-color: #25d366;
|
|
}
|
|
.btn.whatsapp-flat:hover, input[type="submit"].whatsapp-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.whatsapp-flat-nodark, input[type="submit"].whatsapp-flat-nodark {
|
|
background-color: #25d366;
|
|
}
|
|
.btn.youtube, input[type="submit"].youtube {
|
|
background-color: #f00;
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 0, 0, 0.6));
|
|
}
|
|
.btn.youtube:hover, input[type="submit"].youtube:hover {
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 0, 0, 0.6)) brightness(50%);
|
|
}
|
|
.btn.youtube-border, input[type="submit"].youtube-border {
|
|
border: 3px solid #f00;
|
|
height: auto;
|
|
}
|
|
.btn.youtube-border:hover, input[type="submit"].youtube-border:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.youtube-border-nodark, input[type="submit"].youtube-border-nodark {
|
|
border: 3px solid #f00;
|
|
height: auto;
|
|
}
|
|
.btn.youtube-nodark, input[type="submit"].youtube-nodark {
|
|
background-color: #f00;
|
|
filter: drop-shadow(5px 5px 0 rgba(255, 0, 0, 0.6));
|
|
}
|
|
.btn.youtube-flat, input[type="submit"].youtube-flat {
|
|
background-color: #f00;
|
|
}
|
|
.btn.youtube-flat:hover, input[type="submit"].youtube-flat:hover {
|
|
filter: brightness(50%);
|
|
}
|
|
.btn.youtube-flat-nodark, input[type="submit"].youtube-flat-nodark {
|
|
background-color: #f00;
|
|
}
|
|
.btn:hover, input[type="submit"]:hover {
|
|
transition: all 350ms ease;
|
|
-webkit-transition: all 350ms ease;
|
|
-ms-transition: all 350ms ease;
|
|
-moz-transition: all 350ms ease;
|
|
-o-transition: all 350ms ease;
|
|
color: #fff;
|
|
}
|
|
.btn.animation, input[type="submit"].animation {
|
|
animation: button-enter 1s ease-in-out forwards;
|
|
-webkit-animation: button-enter 1s ease-in-out forwards;
|
|
-ms-animation: button-enter 1s ease-in-out forwards;
|
|
-moz-animation: button-enter 1s ease-in-out forwards;
|
|
-o-animation: button-enter 1s ease-in-out forwards;
|
|
opacity: 0;
|
|
position: relative;
|
|
}
|
|
.btn.animation:nth-child(1), input[type="submit"].animation:nth-child(1) {
|
|
animation-delay: 0.25s;
|
|
}
|
|
.btn.animation:nth-child(2), input[type="submit"].animation:nth-child(2) {
|
|
animation-delay: 0.5s;
|
|
}
|
|
.btn.animation:nth-child(3), input[type="submit"].animation:nth-child(3) {
|
|
animation-delay: 0.75s;
|
|
}
|
|
.btn.animation:nth-child(4), input[type="submit"].animation:nth-child(4) {
|
|
animation-delay: 1s;
|
|
}
|
|
.btn.animation:nth-child(5), input[type="submit"].animation:nth-child(5) {
|
|
animation-delay: 1.25s;
|
|
}
|
|
.btn.animation:nth-child(6), input[type="submit"].animation:nth-child(6) {
|
|
animation-delay: 1.5s;
|
|
}
|
|
.btn.animation:nth-child(7), input[type="submit"].animation:nth-child(7) {
|
|
animation-delay: 1.75s;
|
|
}
|
|
.btn.animation:nth-child(8), input[type="submit"].animation:nth-child(8) {
|
|
animation-delay: 2s;
|
|
}
|
|
.btn.animation:nth-child(9), input[type="submit"].animation:nth-child(9) {
|
|
animation-delay: 2.25s;
|
|
}
|
|
.btn.animation:nth-child(10), input[type="submit"].animation:nth-child(10) {
|
|
animation-delay: 2.5s;
|
|
}
|
|
.btn.animation:nth-child(11), input[type="submit"].animation:nth-child(11) {
|
|
animation-delay: 2.75s;
|
|
}
|
|
.btn.animation:nth-child(12), input[type="submit"].animation:nth-child(12) {
|
|
animation-delay: 3s;
|
|
}
|
|
.btn.animation:nth-child(13), input[type="submit"].animation:nth-child(13) {
|
|
animation-delay: 3.25s;
|
|
}
|
|
.btn.animation:nth-child(14), input[type="submit"].animation:nth-child(14) {
|
|
animation-delay: 3.5s;
|
|
}
|
|
.btn.animation:nth-child(15), input[type="submit"].animation:nth-child(15) {
|
|
animation-delay: 3.75s;
|
|
}
|
|
.btn.animation-bounce, input[type="submit"].animation-bounce {
|
|
animation: bounce-button 1s ease-in-out;
|
|
-webkit-animation: bounce-button 1s ease-in-out;
|
|
-ms-animation: bounce-button 1s ease-in-out;
|
|
-moz-animation: bounce-button 1s ease-in-out;
|
|
-o-animation: bounce-button 1s ease-in-out;
|
|
}
|
|
.btn.animation-bounce:nth-child(1), input[type="submit"].animation-bounce:nth-child(1) {
|
|
animation-delay: 0.25s;
|
|
}
|
|
.btn.animation-bounce:nth-child(2), input[type="submit"].animation-bounce:nth-child(2) {
|
|
animation-delay: 0.5s;
|
|
}
|
|
.btn.animation-bounce:nth-child(3), input[type="submit"].animation-bounce:nth-child(3) {
|
|
animation-delay: 0.75s;
|
|
}
|
|
.btn.animation-bounce:nth-child(4), input[type="submit"].animation-bounce:nth-child(4) {
|
|
animation-delay: 1s;
|
|
}
|
|
.btn.animation-bounce:nth-child(5), input[type="submit"].animation-bounce:nth-child(5) {
|
|
animation-delay: 1.25s;
|
|
}
|
|
.btn.animation-bounce:nth-child(6), input[type="submit"].animation-bounce:nth-child(6) {
|
|
animation-delay: 1.5s;
|
|
}
|
|
.btn.animation-bounce:nth-child(7), input[type="submit"].animation-bounce:nth-child(7) {
|
|
animation-delay: 1.75s;
|
|
}
|
|
.btn.animation-bounce:nth-child(8), input[type="submit"].animation-bounce:nth-child(8) {
|
|
animation-delay: 2s;
|
|
}
|
|
.btn.animation-bounce:nth-child(9), input[type="submit"].animation-bounce:nth-child(9) {
|
|
animation-delay: 2.25s;
|
|
}
|
|
.btn.animation-bounce:nth-child(10), input[type="submit"].animation-bounce:nth-child(10) {
|
|
animation-delay: 2.5s;
|
|
}
|
|
.btn.animation-bounce:nth-child(11), input[type="submit"].animation-bounce:nth-child(11) {
|
|
animation-delay: 2.75s;
|
|
}
|
|
.btn.animation-bounce:nth-child(12), input[type="submit"].animation-bounce:nth-child(12) {
|
|
animation-delay: 3s;
|
|
}
|
|
.btn.animation-bounce:nth-child(13), input[type="submit"].animation-bounce:nth-child(13) {
|
|
animation-delay: 3.25s;
|
|
}
|
|
.btn.animation-bounce:nth-child(14), input[type="submit"].animation-bounce:nth-child(14) {
|
|
animation-delay: 3.5s;
|
|
}
|
|
.btn.animation-bounce:nth-child(15), input[type="submit"].animation-bounce:nth-child(15) {
|
|
animation-delay: 3.75s;
|
|
}
|
|
.btn.hover-scale, input[type="submit"].hover-scale {
|
|
transition: all 350ms ease;
|
|
-webkit-transition: all 350ms ease;
|
|
-ms-transition: all 350ms ease;
|
|
-moz-transition: all 350ms ease;
|
|
-o-transition: all 350ms ease;
|
|
}
|
|
.btn.hover-scale:hover, input[type="submit"].hover-scale:hover {
|
|
transform: scale(1.05);
|
|
-webkit-transform: scale(1.05);
|
|
-ms-transform: scale(1.05);
|
|
-moz-transform: scale(1.05);
|
|
-o-transform: scale(1.05);
|
|
}
|
|
.btn.hover-scale-inset, input[type="submit"].hover-scale-inset {
|
|
transition: all 350ms ease;
|
|
-webkit-transition: all 350ms ease;
|
|
-ms-transition: all 350ms ease;
|
|
-moz-transition: all 350ms ease;
|
|
-o-transition: all 350ms ease;
|
|
}
|
|
.btn.hover-scale-inset:hover, input[type="submit"].hover-scale-inset:hover {
|
|
transform: scale(0.95);
|
|
-webkit-transform: scale(0.95);
|
|
-ms-transform: scale(0.95);
|
|
-moz-transform: scale(0.95);
|
|
-o-transform: scale(0.95);
|
|
}
|
|
.btn.hover-bounce:hover, input[type="submit"].hover-bounce:hover {
|
|
animation: bounce-button 750ms ease-in-out;
|
|
-webkit-animation: bounce-button 750ms ease-in-out;
|
|
-ms-animation: bounce-button 750ms ease-in-out;
|
|
-moz-animation: bounce-button 750ms ease-in-out;
|
|
-o-animation: bounce-button 750ms ease-in-out;
|
|
}
|
|
.btn.hover, input[type="submit"].hover {
|
|
transition: all 350ms ease;
|
|
-webkit-transition: all 350ms ease;
|
|
-ms-transition: all 350ms ease;
|
|
-moz-transition: all 350ms ease;
|
|
-o-transition: all 350ms ease;
|
|
}
|
|
.btn.hover:hover, input[type="submit"].hover:hover {
|
|
transform: translateY(-0.5em);
|
|
-webkit-transform: translateY(-0.5em);
|
|
-ms-transform: translateY(-0.5em);
|
|
-moz-transform: translateY(-0.5em);
|
|
-o-transform: translateY(-0.5em);
|
|
}
|
|
|
|
.fullscreen.half .center-object .btn {
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.markdown-container .full-commit .btn-outline:not(:disabled):hover {
|
|
border-color: #005cc5;
|
|
color: #005cc5;
|
|
}
|
|
|
|
|
|
@-webkit-keyframes button-enter {
|
|
from {
|
|
opacity: 0;
|
|
top: 2em;
|
|
}
|
|
70% {
|
|
top: -.3em;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
top: 0;
|
|
}
|
|
}
|
|
@-moz-keyframes button-enter {
|
|
from {
|
|
opacity: 0;
|
|
top: 2em;
|
|
}
|
|
70% {
|
|
top: -.3em;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
top: 0;
|
|
}
|
|
}
|
|
@-o-keyframes button-enter {
|
|
from {
|
|
opacity: 0;
|
|
top: 2em;
|
|
}
|
|
70% {
|
|
top: -.3em;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
top: 0;
|
|
}
|
|
}
|
|
@keyframes button-enter {
|
|
from {
|
|
opacity: 0;
|
|
top: 2em;
|
|
}
|
|
70% {
|
|
top: -.3em;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
top: 0;
|
|
}
|
|
}
|
|
@-webkit-keyframes bounce-button {
|
|
from, 20%, 53%, 80%, to {
|
|
transform: translate3d(0, 0, 0);
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
-ms-transform: translate3d(0, 0, 0);
|
|
-moz-transform: translate3d(0, 0, 0);
|
|
-o-transform: translate3d(0, 0, 0);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
40%, 43% {
|
|
transform: translate3d(0, -30px, 0);
|
|
-webkit-transform: translate3d(0, -30px, 0);
|
|
-ms-transform: translate3d(0, -30px, 0);
|
|
-moz-transform: translate3d(0, -30px, 0);
|
|
-o-transform: translate3d(0, -30px, 0);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
}
|
|
70% {
|
|
transform: translate3d(0, -15px, 0);
|
|
-webkit-transform: translate3d(0, -15px, 0);
|
|
-ms-transform: translate3d(0, -15px, 0);
|
|
-moz-transform: translate3d(0, -15px, 0);
|
|
-o-transform: translate3d(0, -15px, 0);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
}
|
|
90% {
|
|
transform: translate3d(0, -4px, 0);
|
|
-webkit-transform: translate3d(0, -4px, 0);
|
|
-ms-transform: translate3d(0, -4px, 0);
|
|
-moz-transform: translate3d(0, -4px, 0);
|
|
-o-transform: translate3d(0, -4px, 0);
|
|
}
|
|
}
|
|
@-moz-keyframes bounce-button {
|
|
from, 20%, 53%, 80%, to {
|
|
transform: translate3d(0, 0, 0);
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
-ms-transform: translate3d(0, 0, 0);
|
|
-moz-transform: translate3d(0, 0, 0);
|
|
-o-transform: translate3d(0, 0, 0);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
40%, 43% {
|
|
transform: translate3d(0, -30px, 0);
|
|
-webkit-transform: translate3d(0, -30px, 0);
|
|
-ms-transform: translate3d(0, -30px, 0);
|
|
-moz-transform: translate3d(0, -30px, 0);
|
|
-o-transform: translate3d(0, -30px, 0);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
}
|
|
70% {
|
|
transform: translate3d(0, -15px, 0);
|
|
-webkit-transform: translate3d(0, -15px, 0);
|
|
-ms-transform: translate3d(0, -15px, 0);
|
|
-moz-transform: translate3d(0, -15px, 0);
|
|
-o-transform: translate3d(0, -15px, 0);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
}
|
|
90% {
|
|
transform: translate3d(0, -4px, 0);
|
|
-webkit-transform: translate3d(0, -4px, 0);
|
|
-ms-transform: translate3d(0, -4px, 0);
|
|
-moz-transform: translate3d(0, -4px, 0);
|
|
-o-transform: translate3d(0, -4px, 0);
|
|
}
|
|
}
|
|
@-o-keyframes bounce-button {
|
|
from, 20%, 53%, 80%, to {
|
|
transform: translate3d(0, 0, 0);
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
-ms-transform: translate3d(0, 0, 0);
|
|
-moz-transform: translate3d(0, 0, 0);
|
|
-o-transform: translate3d(0, 0, 0);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
40%, 43% {
|
|
transform: translate3d(0, -30px, 0);
|
|
-webkit-transform: translate3d(0, -30px, 0);
|
|
-ms-transform: translate3d(0, -30px, 0);
|
|
-moz-transform: translate3d(0, -30px, 0);
|
|
-o-transform: translate3d(0, -30px, 0);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
}
|
|
70% {
|
|
transform: translate3d(0, -15px, 0);
|
|
-webkit-transform: translate3d(0, -15px, 0);
|
|
-ms-transform: translate3d(0, -15px, 0);
|
|
-moz-transform: translate3d(0, -15px, 0);
|
|
-o-transform: translate3d(0, -15px, 0);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
}
|
|
90% {
|
|
transform: translate3d(0, -4px, 0);
|
|
-webkit-transform: translate3d(0, -4px, 0);
|
|
-ms-transform: translate3d(0, -4px, 0);
|
|
-moz-transform: translate3d(0, -4px, 0);
|
|
-o-transform: translate3d(0, -4px, 0);
|
|
}
|
|
}
|
|
@keyframes bounce-button {
|
|
from, 20%, 53%, 80%, to {
|
|
transform: translate3d(0, 0, 0);
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
-ms-transform: translate3d(0, 0, 0);
|
|
-moz-transform: translate3d(0, 0, 0);
|
|
-o-transform: translate3d(0, 0, 0);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
40%, 43% {
|
|
transform: translate3d(0, -30px, 0);
|
|
-webkit-transform: translate3d(0, -30px, 0);
|
|
-ms-transform: translate3d(0, -30px, 0);
|
|
-moz-transform: translate3d(0, -30px, 0);
|
|
-o-transform: translate3d(0, -30px, 0);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
}
|
|
70% {
|
|
transform: translate3d(0, -15px, 0);
|
|
-webkit-transform: translate3d(0, -15px, 0);
|
|
-ms-transform: translate3d(0, -15px, 0);
|
|
-moz-transform: translate3d(0, -15px, 0);
|
|
-o-transform: translate3d(0, -15px, 0);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
}
|
|
90% {
|
|
transform: translate3d(0, -4px, 0);
|
|
-webkit-transform: translate3d(0, -4px, 0);
|
|
-ms-transform: translate3d(0, -4px, 0);
|
|
-moz-transform: translate3d(0, -4px, 0);
|
|
-o-transform: translate3d(0, -4px, 0);
|
|
}
|
|
}
|
|
|
|
.buttons {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
|
|
button {
|
|
background-color: #464646;
|
|
border: 0;
|
|
box-shadow: 0 3px 0 0 #141414;
|
|
color: #fff;
|
|
margin: .5em;
|
|
outline: none;
|
|
padding: .3em .8em;
|
|
position: relative;
|
|
}
|
|
button:active {
|
|
box-shadow: none !important;
|
|
top: 2;
|
|
}
|
|
button.alizarin {
|
|
background-color: #e74c3c;
|
|
box-shadow: 0 3px 0 0 rgba(231, 76, 60, 0.5);
|
|
}
|
|
button.amethyst {
|
|
background-color: #9b59b6;
|
|
box-shadow: 0 3px 0 0 rgba(155, 89, 182, 0.5);
|
|
}
|
|
button.asbestos {
|
|
background-color: #7f8c8d;
|
|
box-shadow: 0 3px 0 0 rgba(127, 140, 141, 0.5);
|
|
}
|
|
button.belize-hole {
|
|
background-color: #2980b9;
|
|
box-shadow: 0 3px 0 0 rgba(41, 128, 185, 0.5);
|
|
}
|
|
button.black {
|
|
background-color: #000;
|
|
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.5);
|
|
}
|
|
button.carrot {
|
|
background-color: #e67e22;
|
|
box-shadow: 0 3px 0 0 rgba(230, 126, 34, 0.5);
|
|
}
|
|
button.clouds {
|
|
background-color: #ecf0f1;
|
|
box-shadow: 0 3px 0 0 rgba(236, 240, 241, 0.5);
|
|
}
|
|
button.concrete {
|
|
background-color: #95a5a6;
|
|
box-shadow: 0 3px 0 0 rgba(149, 165, 166, 0.5);
|
|
}
|
|
button.cubered {
|
|
background-color: #ef0c0c;
|
|
box-shadow: 0 3px 0 0 rgba(239, 12, 12, 0.5);
|
|
}
|
|
button.dark {
|
|
background-color: #343a40;
|
|
box-shadow: 0 3px 0 0 rgba(52, 58, 64, 0.5);
|
|
}
|
|
button.emerald {
|
|
background-color: #2ecc71;
|
|
box-shadow: 0 3px 0 0 rgba(46, 204, 113, 0.5);
|
|
}
|
|
button.gold {
|
|
background-color: #ffd700;
|
|
box-shadow: 0 3px 0 0 rgba(255, 215, 0, 0.5);
|
|
}
|
|
button.green-sea {
|
|
background-color: #16a085;
|
|
box-shadow: 0 3px 0 0 rgba(22, 160, 133, 0.5);
|
|
}
|
|
button.highlight {
|
|
background-color: #181818;
|
|
box-shadow: 0 3px 0 0 rgba(24, 24, 24, 0.5);
|
|
}
|
|
button.light {
|
|
background-color: #f8f9fa;
|
|
box-shadow: 0 3px 0 0 rgba(248, 249, 250, 0.5);
|
|
}
|
|
button.midnight-blue {
|
|
background-color: #2c3e50;
|
|
box-shadow: 0 3px 0 0 rgba(44, 62, 80, 0.5);
|
|
}
|
|
button.nephritis {
|
|
background-color: #27ae60;
|
|
box-shadow: 0 3px 0 0 rgba(39, 174, 96, 0.5);
|
|
}
|
|
button.orange {
|
|
background-color: #f39c12;
|
|
box-shadow: 0 3px 0 0 rgba(243, 156, 18, 0.5);
|
|
}
|
|
button.peach {
|
|
background-color: #f49898;
|
|
box-shadow: 0 3px 0 0 rgba(244, 152, 152, 0.5);
|
|
}
|
|
button.peter-river {
|
|
background-color: #3498db;
|
|
box-shadow: 0 3px 0 0 rgba(52, 152, 219, 0.5);
|
|
}
|
|
button.pomegranate {
|
|
background-color: #c0392b;
|
|
box-shadow: 0 3px 0 0 rgba(192, 57, 43, 0.5);
|
|
}
|
|
button.primary {
|
|
background-color: #282828;
|
|
box-shadow: 0 3px 0 0 rgba(40, 40, 40, 0.5);
|
|
}
|
|
button.pumpkin {
|
|
background-color: #d35400;
|
|
box-shadow: 0 3px 0 0 rgba(211, 84, 0, 0.5);
|
|
}
|
|
button.raw-purple {
|
|
background-color: #7222c9;
|
|
box-shadow: 0 3px 0 0 rgba(114, 34, 201, 0.5);
|
|
}
|
|
button.secondary {
|
|
background-color: #303030;
|
|
box-shadow: 0 3px 0 0 rgba(48, 48, 48, 0.5);
|
|
}
|
|
button.silver {
|
|
background-color: #7f8c8d;
|
|
box-shadow: 0 3px 0 0 rgba(127, 140, 141, 0.5);
|
|
}
|
|
button.sun-flower {
|
|
background-color: #f1c40f;
|
|
box-shadow: 0 3px 0 0 rgba(241, 196, 15, 0.5);
|
|
}
|
|
button.transparent {
|
|
background-color: transparent;
|
|
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.5);
|
|
}
|
|
button.turquoise {
|
|
background-color: #1abc9c;
|
|
box-shadow: 0 3px 0 0 rgba(26, 188, 156, 0.5);
|
|
}
|
|
button.wet-asphalt {
|
|
background-color: #34495e;
|
|
box-shadow: 0 3px 0 0 rgba(52, 73, 94, 0.5);
|
|
}
|
|
button.white {
|
|
background-color: #fff;
|
|
box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.5);
|
|
}
|
|
button.wisteria {
|
|
background-color: #8e44ad;
|
|
box-shadow: 0 3px 0 0 rgba(142, 68, 173, 0.5);
|
|
}
|
|
button.deviantart {
|
|
background-color: #05cc47;
|
|
box-shadow: 0 3px 0 0 rgba(5, 204, 71, 0.5);
|
|
}
|
|
button.discord {
|
|
background-color: #7289da;
|
|
box-shadow: 0 3px 0 0 rgba(114, 137, 218, 0.5);
|
|
}
|
|
button.facebook {
|
|
background-color: #3b5998;
|
|
box-shadow: 0 3px 0 0 rgba(59, 89, 152, 0.5);
|
|
}
|
|
button.github {
|
|
background-color: #292d32;
|
|
box-shadow: 0 3px 0 0 rgba(41, 45, 50, 0.5);
|
|
}
|
|
button.google {
|
|
background-color: #4285f4;
|
|
box-shadow: 0 3px 0 0 rgba(66, 133, 244, 0.5);
|
|
}
|
|
button.googleplus {
|
|
background-color: #db4437;
|
|
box-shadow: 0 3px 0 0 rgba(219, 68, 55, 0.5);
|
|
}
|
|
button.instagram {
|
|
background-color: #c32aa3;
|
|
box-shadow: 0 3px 0 0 rgba(195, 42, 163, 0.5);
|
|
}
|
|
button.linkedin {
|
|
background-color: #007bb5;
|
|
box-shadow: 0 3px 0 0 rgba(0, 123, 181, 0.5);
|
|
}
|
|
button.patreon {
|
|
background-color: #f96854;
|
|
box-shadow: 0 3px 0 0 rgba(249, 104, 84, 0.5);
|
|
}
|
|
button.paypal {
|
|
background-color: #1e9cd7;
|
|
box-shadow: 0 3px 0 0 rgba(30, 156, 215, 0.5);
|
|
}
|
|
button.pinterest {
|
|
background-color: #bd081c;
|
|
box-shadow: 0 3px 0 0 rgba(189, 8, 28, 0.5);
|
|
}
|
|
button.reddit {
|
|
background-color: #ff4500;
|
|
box-shadow: 0 3px 0 0 rgba(255, 69, 0, 0.5);
|
|
}
|
|
button.skype {
|
|
background-color: #41a6ed;
|
|
box-shadow: 0 3px 0 0 rgba(65, 166, 237, 0.5);
|
|
}
|
|
button.slack {
|
|
background-color: #4d394b;
|
|
box-shadow: 0 3px 0 0 rgba(77, 57, 75, 0.5);
|
|
}
|
|
button.snapchat {
|
|
background-color: #fffc00;
|
|
box-shadow: 0 3px 0 0 rgba(255, 252, 0, 0.5);
|
|
}
|
|
button.soundcloud {
|
|
background-color: #f50;
|
|
box-shadow: 0 3px 0 0 rgba(255, 85, 0, 0.5);
|
|
}
|
|
button.spotify {
|
|
background-color: #1ed760;
|
|
box-shadow: 0 3px 0 0 rgba(30, 215, 96, 0.5);
|
|
}
|
|
button.steam {
|
|
background-color: #171a21;
|
|
box-shadow: 0 3px 0 0 rgba(23, 26, 33, 0.5);
|
|
}
|
|
button.telegram {
|
|
background-color: #08c;
|
|
box-shadow: 0 3px 0 0 rgba(0, 136, 204, 0.5);
|
|
}
|
|
button.tumblr {
|
|
background-color: #35465d;
|
|
box-shadow: 0 3px 0 0 rgba(53, 70, 93, 0.5);
|
|
}
|
|
button.twitch {
|
|
background-color: #6441a4;
|
|
box-shadow: 0 3px 0 0 rgba(100, 65, 164, 0.5);
|
|
}
|
|
button.twitter {
|
|
background-color: #1da1f2;
|
|
box-shadow: 0 3px 0 0 rgba(29, 161, 242, 0.5);
|
|
}
|
|
button.viber {
|
|
background-color: #7f4d9b;
|
|
box-shadow: 0 3px 0 0 rgba(127, 77, 155, 0.5);
|
|
}
|
|
button.whatsapp {
|
|
background-color: #25d366;
|
|
box-shadow: 0 3px 0 0 rgba(37, 211, 102, 0.5);
|
|
}
|
|
button.youtube {
|
|
background-color: #f00;
|
|
box-shadow: 0 3px 0 0 rgba(255, 0, 0, 0.5);
|
|
} |