"Fossies" - the Fresh Open Source Software Archive 
Member "jitsi-meet-6316/css/_welcome_page.scss" (5 Jul 2022, 7652 Bytes) of package /linux/misc/jitsi-meet-6316.tar.gz:
As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) Sass/SCSS source code syntax highlighting (style:
standard) with prefixed line numbers.
Alternatively you can here
view or
download the uninterpreted source code file.
1 body.welcome-page {
2 background: inherit;
3 overflow: auto;
4 }
5
6 .welcome {
7 background-image: $welcomePageBackground;
8 background-color: #fff;
9 display: flex;
10 flex-direction: column;
11 font-family: $welcomePageFontFamily;
12 justify-content: space-between;
13 min-height: 100vh;
14 position: relative;
15
16 .header {
17 background-image: $welcomePageHeaderBackground;
18 background-position: $welcomePageHeaderBackgroundPosition;
19 background-repeat: $welcomePageHeaderBackgroundRepeat;
20 background-size: $welcomePageHeaderBackgroundSize;
21 padding-bottom: $welcomePageHeaderPaddingBottom;
22 background-color: #131519;
23 height: 400px;
24 overflow: hidden;
25 position: relative;
26
27 .header-container {
28 display: $welcomePageHeaderContainerDisplay;
29 flex-direction: column;
30 margin: $welcomePageHeaderContainerMargin;
31 z-index: $zindex2;
32 }
33
34 .header-text-title {
35 color: $welcomePageTitleColor;
36 font-size: $welcomePageHeaderTextTitleFontSize;
37 font-weight: $welcomePageHeaderTextTitleFontWeight;
38 line-height: $welcomePageHeaderTextTitleLineHeight;
39 margin-bottom: $welcomePageHeaderTextTitleMarginBottom;
40 max-width: $welcomePageHeaderTitleMaxWidth;
41 opacity: $welcomePageHeaderTextTitleOpacity;
42 text-align: $welcomePageHeaderTextAlign;
43 }
44
45 .header-text-subtitle {
46 color: #fff;
47 font-size: 20px;
48 font-weight: 600;
49 line-height: 26px;
50 margin: 16px 0 32px 0;
51 text-align: $welcomePageHeaderTextAlign;
52
53 }
54
55 #enter_room {
56 display: $welcomePageEnterRoomDisplay;
57 align-items: center;
58 max-width: 480px;
59 width: $welcomePageEnterRoomWidth;
60 z-index: $zindex2;
61 background-color: #fff;
62 padding: $welcomePageEnterRoomPadding;
63 border-radius: 4px;
64 margin: $welcomePageEnterRoomMargin;
65
66 .enter-room-input-container {
67 text-align: left;
68 color: #253858;
69 flex-grow: 1;
70 height: fit-content;
71 padding-right: 4px;
72 position: relative;
73
74 .enter-room-input {
75 border: 0;
76 background: #fff;
77 display: inline-block;
78 height: 50px;
79 width: 100%;
80 font-size: 14px;
81 padding-left: 10px;
82
83 &:focus {
84 outline: auto 2px #005fcc;
85 }
86 }
87
88 .insecure-room-name-warning {
89 align-items: center;
90 color: $defaultWarningColor;
91 display: flex;
92 flex-direction: row;
93 margin-top: 15px;
94
95 .jitsi-icon {
96 margin-right: 15px;
97
98 svg {
99 fill: $defaultWarningColor
100 }
101 }
102 }
103
104 ::placeholder {
105 color: #253858;
106 }
107 }
108
109 .warning-without-link {
110 position: absolute;
111 top: 44px;
112 left: -10px;
113 }
114
115 .warning-with-link {
116 position: absolute;
117 top: 84px;
118 }
119
120 }
121
122 #moderated-meetings {
123 max-width: calc(100% - 40px);
124 padding: 16px 0 39px 0;
125 width: $welcomePageEnterRoomWidth;
126
127 p {
128 color: $welcomePageDescriptionColor;
129 float: left;
130 text-align: $welcomePageHeaderTextAlign;
131
132 a {
133 color: inherit;
134 font-weight: 600;
135 }
136 }
137 }
138 }
139
140 .tab-container {
141 font-size: 16px;
142 position: relative;
143 text-align: left;
144 display: $welcomePageTabContainerDisplay;
145 flex-direction: column;
146
147 .tab-content{
148 display: $welcomePageTabContentDisplay;
149 height: 250px;
150 margin: 5px 0px;
151 overflow: hidden;
152 flex-grow: 1;
153 position: relative;
154 }
155
156 .tab-buttons {
157 background-color: #c7ddff;
158 border-radius: 6px;
159 color: #0163FF;
160 font-size: 14px;
161 line-height: 18px;
162 margin: 4px;
163 display: $welcomePageTabButtonsDisplay;
164
165 .tab {
166 background-color: #c7ddff;
167 border-radius: 7px;
168 cursor: pointer;
169 display: $welcomePageTabDisplay;
170 flex-grow: 1;
171 margin: 2px;
172 padding: 7px 0;
173 text-align: center;
174
175 &.selected {
176 background-color: #FFF;
177 }
178 }
179
180 }
181 }
182
183 .welcome-page-button {
184 border: 0;
185 font-size: 14px;
186 background: #0074E0;
187 border-radius: 3px;
188 color: #FFFFFF;
189 cursor: pointer;
190 padding: 16px 20px;
191
192 &:focus-within {
193 outline: auto 2px #022e61;
194 }
195 }
196
197 .welcome-page-settings {
198 background: rgba(255, 255, 255, 0.38);
199 border-radius: 3px;
200 color: $welcomePageDescriptionColor;
201 padding: 4px;
202 position: absolute;
203 top: 32px;
204 right: 32px;
205 z-index: $zindex2;
206
207 * {
208 cursor: pointer;
209 font-size: 32px;
210 }
211
212 .toolbox-icon {
213 height: 24px;
214 width: 24px;
215 }
216 }
217
218 .welcome-watermark {
219 position: absolute;
220 width: 100%;
221 height: 100%;
222
223 .watermark.leftwatermark {
224 width: $welcomePageWatermarkWidth;
225 height: $welcomePageWatermarkHeight;
226 }
227 }
228
229 &.without-content {
230 .welcome-card {
231 min-width: 500px;
232 max-width: 580px;
233 }
234 }
235
236 &.without-footer {
237 justify-content: start;
238 }
239
240 .welcome-cards-container {
241 color:#131519;
242 padding-top: 40px;
243 }
244
245 .welcome-card-row {
246 display: flex;
247 justify-content: center;
248 padding: 0 32px;
249 }
250
251 .welcome-card-text {
252 padding: 32px;
253 }
254
255 .welcome-card {
256 width: 49%;
257 border-radius: 8px;
258
259 &--dark {
260 background: #444447;
261 color: #fff;
262 }
263
264 &--blue {
265 background: #D5E5FF;
266 }
267
268 &--grey {
269 background: #F2F3F4;
270 }
271
272 &--shadow {
273 box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
274 }
275 }
276
277 .welcome-footer {
278 background: #131519;
279 color: #fff;
280 margin-top: 40px;
281 position: relative;
282 }
283
284 .welcome-footer-centered {
285 max-width: 688px;
286 margin: 0 auto;
287 }
288
289 .welcome-footer-padded {
290 padding: 0px 16px;
291 }
292
293 .welcome-footer-row-block {
294 display: flex;
295 justify-content: space-between;
296 align-items: center;
297 border-bottom: 1px solid #424447;
298
299 &:last-child {
300 border-bottom: none;
301 }
302 }
303
304 .welcome-footer--row-1 {
305 padding: 40px 0 24px 0;
306 }
307
308 .welcome-footer-row-1-text {
309 max-width: 200px;
310 margin-right: 16px;
311 }
312 }