/
customAndTwemoji.css
119 lines (111 loc) · 2.61 KB
/
customAndTwemoji.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
/* Cantarell font! */
@import url('https://fonts.googleapis.com/css?family=Cantarell&display=swap');
body {
font-family: 'Cantarell', sans-serif;
}
/* space between buttons */
.btn-space {
margin-right: 5px;
}
/* purple button */
.btn-purple {
color: #ffffff;
background-color: #611BBD;
border-color: #611BBD;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
color: #ffffff;
background-color: #49247A;
border-color: #611BBD;
}
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
background-image: none;
}
.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
background-color: #611BBD;
border-color: #611BBD;
}
.btn-purple .badge {
color: #611BBD;
background-color: #ffffff;
}
.btn-purple:not(:disabled):not(.disabled):focus,
.btn-purple:not(:disabled):not(.disabled):active:focus,
.show>.btn-purple.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem #a06de4;
}
.btn-purple.focus, .btn-purple:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem #a06de4;
}
/* no padding for jumbotron (besides sides) */
.jumbotron-no-padding {
padding: 0rem 1rem;
margin-bottom: 0rem;
}
/* no padding for jumbotron (besides top/bottom) */
.jumbotron-little-padding {
padding: 1rem 0rem;
margin-bottom: 0rem;
}
.jumbotron-little-little-padding {
padding: 1rem 1rem;
margin-bottom: 0rem;
}
.vertical-center {
min-height: 100%; /* Fallback for browsers do NOT support vh unit */
min-height: 100vh; /* These two lines are counted as one :-) */
display: flex;
align-items: center;
}
.modal {
width: 80%;
margin: auto;
}
.modal-dialog {
height: 90%; /* = 90% of the .modal-backdrop block = %90 of the screen */
max-width: 80%;
}
.modal-content {
height: 100%; /* = 100% of the .modal-dialog block */
}
.carousel {
border-radius: 10px 10px 10px 10px;
overflow: hidden;
...
}
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
.emojis {
margin-bottom: 20px;
font-size: 32px;
}