xmpp.chapril.org-conversejs/sass/inverse/_core.scss

60 lines
1.3 KiB
SCSS
Raw Normal View History

2017-06-13 21:07:42 +02:00
body {
font-family: "Lora", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #ffffff;
2017-06-13 21:07:42 +02:00
background-color: $global-background-color;
.brand-heading {
font-size: 600%;
margin-left: -10%;
&.fade-in {
@include fade-in;
@include animation-delay(2s);
}
.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
.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-13 21:07:42 +02:00
}
}
}
#conversejs.fullscreen {
2017-06-13 21:07:42 +02:00
.converse-chatboxes {
width: 100vw;
2018-03-26 17:54:56 +02:00
right: 15px; // Hack due to padding added by bootstrap
}
2017-06-13 21:07:42 +02:00
form {
&.converse-form {
input[type=checkbox] {
margin-left: 1em;
display: inline;
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;
}
}
}
}