2017-06-13 21:07:42 +02:00
|
|
|
body {
|
2017-06-15 15:09:34 +02:00
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
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%;
|
|
|
|
.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
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#conversejs {
|
|
|
|
width: 100vw;
|
|
|
|
height: 100vh;
|
|
|
|
|
|
|
|
form {
|
|
|
|
&.pure-form.converse-form {
|
|
|
|
margin: 1em;
|
|
|
|
legend {
|
|
|
|
color: $text-color;
|
|
|
|
}
|
|
|
|
label {
|
|
|
|
margin-top: 1em;
|
|
|
|
}
|
|
|
|
input[type=text],
|
|
|
|
input[type=password],
|
|
|
|
input[type=number],
|
|
|
|
input[type=button],
|
|
|
|
input[type=submit] {
|
|
|
|
height: 2.2em;
|
|
|
|
}
|
|
|
|
input[type=button],
|
|
|
|
input[type=submit] {
|
|
|
|
padding-left: 1em;
|
|
|
|
padding-right: 1em;
|
|
|
|
margin-right: 1em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|