2017-06-13 21:07:42 +02:00
|
|
|
body {
|
2017-06-15 15:09:34 +02:00
|
|
|
font-family: "Lora", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
|
|
color: #ffffff;
|
2017-06-13 21:07:42 +02:00
|
|
|
background-color: $global-background-color;
|
|
|
|
|
2017-06-15 15:09:34 +02:00
|
|
|
.brand-heading {
|
|
|
|
font-size: 600%;
|
|
|
|
margin-left: -10%;
|
2017-09-17 01:30:52 +02:00
|
|
|
&.fade-in {
|
|
|
|
@include fade-in;
|
|
|
|
@include animation-delay(2s);
|
|
|
|
}
|
2017-06-15 15:09:34 +02:00
|
|
|
.icon-conversejs {
|
|
|
|
font-size: 88%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
div.content {
|
|
|
|
height: 100vh;
|
|
|
|
width: 100vw;
|
|
|
|
position: fixed;
|
|
|
|
background-color: $global-background-color;
|
2017-06-13 21:07:42 +02:00
|
|
|
|
2017-06-15 15:09:34 +02:00
|
|
|
.inner-content {
|
|
|
|
text-align: center;
|
|
|
|
padding: 7%;
|
|
|
|
@include calc(padding-left, '5% + #{$controlbox-width}');
|
|
|
|
|
|
|
|
p.no-chats {
|
|
|
|
padding-right: 10%;
|
|
|
|
font-size: 120%;
|
2017-06-15 11:02:20 +02:00
|
|
|
}
|
2017-06-13 21:07:42 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-01-23 20:47:16 +01:00
|
|
|
#conversejs.fullscreen {
|
2017-06-13 21:07:42 +02:00
|
|
|
|
2018-03-09 20:06:47 +01:00
|
|
|
// XXX: why is this neccessary?
|
|
|
|
margin-left: -15px;
|
|
|
|
|
2017-06-13 21:07:42 +02:00
|
|
|
form {
|
2018-02-22 15:51:44 +01:00
|
|
|
&.converse-form {
|
2017-06-13 21:07:42 +02:00
|
|
|
margin: 1em;
|
2017-08-16 09:39:13 +02:00
|
|
|
input[type=checkbox] {
|
|
|
|
margin-left: 1em;
|
|
|
|
display: inline;
|
2017-09-17 01:30:52 +02:00
|
|
|
margin-bottom: 2em;
|
2017-06-13 21:07:42 +02:00
|
|
|
}
|
|
|
|
input[type=button],
|
|
|
|
input[type=submit] {
|
|
|
|
padding-left: 1em;
|
|
|
|
padding-right: 1em;
|
|
|
|
margin-right: 1em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2018-01-25 12:28:24 +01:00
|
|
|
}
|