Skip to content

C
converse.js
Commit 5e17d6b1 authored by JC Brand's avatar JC Brand
Browse files
Options

Update fonts for better Linux support

parent 3cd5d9f8
Show whitespace changes
Inline Side-by-side
Showing with 19 additions and 19 deletions
css/converse.css
View file @ 5e17d6b1
...@@ -6851,7 +6851,7 @@ body.reset { ...@@ -6851,7 +6851,7 @@ body.reset {
content: "\e600"; } content: "\e600"; }
.converse-brand-heading { .converse-brand-heading {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
font-size: 6em; font-size: 6em;
font-weight: normal; } font-weight: normal; }
.converse-brand-heading .icon-conversejs { .converse-brand-heading .icon-conversejs {
...@@ -6867,7 +6867,7 @@ body.reset { ...@@ -6867,7 +6867,7 @@ body.reset {
display: block; display: block;
z-index: 1031; } z-index: 1031; }
#conversejs .brand-heading { #conversejs .brand-heading {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; } font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif; }
#conversejs .brand-heading .icon-conversejs { #conversejs .brand-heading .icon-conversejs {
font-size: 80%; } font-size: 80%; }
#conversejs .converse-chatboxes { #conversejs .converse-chatboxes {
...@@ -7000,7 +7000,7 @@ body.reset { ...@@ -7000,7 +7000,7 @@ body.reset {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; } -moz-osx-font-smoothing: grayscale; }
#conversejs .btn { #conversejs .btn {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
font-weight: normal; font-weight: normal;
color: #fff; } color: #fff; }
#conversejs .btn .fa { #conversejs .btn .fa {
...@@ -7371,7 +7371,7 @@ body.reset { ...@@ -7371,7 +7371,7 @@ body.reset {
width: 100%; width: 100%;
height: 100vh; } } height: 100vh; } }
#conversejs .chatbox .chat-title { #conversejs .chatbox .chat-title {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
color: white; color: white;
display: block; display: block;
line-height: 20px; line-height: 20px;
...@@ -7827,7 +7827,7 @@ body.reset { ...@@ -7827,7 +7827,7 @@ body.reset {
#conversejs #controlbox .controlbox-section { #conversejs #controlbox .controlbox-section {
margin: 1em 0 0 0; } margin: 1em 0 0 0; }
#conversejs #controlbox .controlbox-section .controlbox-heading { #conversejs #controlbox .controlbox-section .controlbox-heading {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
margin: 0 0 0.5em 0; margin: 0 0 0.5em 0;
text-transform: uppercase; } text-transform: uppercase; }
#conversejs #controlbox .dropdown a { #conversejs #controlbox .dropdown a {
...@@ -7977,7 +7977,7 @@ body.reset { ...@@ -7977,7 +7977,7 @@ body.reset {
text-align: left; text-align: left;
padding: 0.3em 0; } padding: 0.3em 0; }
#conversejs .list-container .rooms-toggle { #conversejs .list-container .rooms-toggle {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
display: block; display: block;
color: #666; color: #666;
padding: 0 0 0.5rem 0; } padding: 0 0 0.5rem 0; }
...@@ -8101,7 +8101,7 @@ body.reset { ...@@ -8101,7 +8101,7 @@ body.reset {
text-shadow: 0 1px 0 #FAFAFA; text-shadow: 0 1px 0 #FAFAFA;
margin: 0.75em 0 0.75em 0; } margin: 0.75em 0 0.75em 0; }
#conversejs #converse-roster .roster-contacts .roster-group .group-toggle { #conversejs #converse-roster .roster-contacts .roster-group .group-toggle {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
color: #666; color: #666;
display: block; display: block;
width: 100%; width: 100%;
...@@ -8313,7 +8313,7 @@ body.reset { ...@@ -8313,7 +8313,7 @@ body.reset {
padding: 0.5em; } padding: 0.5em; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading, #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
#conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading { #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
padding: 0.3em 0; } padding: 0.3em 0; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .chatroom-features, #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .chatroom-features,
#conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features { #conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features {
...@@ -8562,7 +8562,7 @@ body.reset { ...@@ -8562,7 +8562,7 @@ body.reset {
padding-bottom: 0.25rem; padding-bottom: 0.25rem;
display: block; } display: block; }
#conversejs .message.chat-msg .chat-msg-heading .chat-msg-author { #conversejs .message.chat-msg .chat-msg-heading .chat-msg-author {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
font-size: 115%; } font-size: 115%; }
#conversejs .message.chat-msg .chat-msg-heading .chat-msg-author .badge { #conversejs .message.chat-msg .chat-msg-heading .chat-msg-author .badge {
font-size: 80%; font-size: 80%;
......
css/inverse.css
View file @ 5e17d6b1
...@@ -6851,7 +6851,7 @@ body.reset { ...@@ -6851,7 +6851,7 @@ body.reset {
content: "\e600"; } content: "\e600"; }
.converse-brand-heading { .converse-brand-heading {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
font-size: 6em; font-size: 6em;
font-weight: normal; } font-weight: normal; }
.converse-brand-heading .icon-conversejs { .converse-brand-heading .icon-conversejs {
...@@ -6867,7 +6867,7 @@ body.reset { ...@@ -6867,7 +6867,7 @@ body.reset {
display: block; display: block;
z-index: 1031; } z-index: 1031; }
#conversejs .brand-heading { #conversejs .brand-heading {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; } font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif; }
#conversejs .brand-heading .icon-conversejs { #conversejs .brand-heading .icon-conversejs {
font-size: 80%; } font-size: 80%; }
#conversejs .converse-chatboxes { #conversejs .converse-chatboxes {
...@@ -7000,7 +7000,7 @@ body.reset { ...@@ -7000,7 +7000,7 @@ body.reset {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; } -moz-osx-font-smoothing: grayscale; }
#conversejs .btn { #conversejs .btn {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
font-weight: normal; font-weight: normal;
color: #fff; } color: #fff; }
#conversejs .btn .fa { #conversejs .btn .fa {
...@@ -7422,7 +7422,7 @@ body { ...@@ -7422,7 +7422,7 @@ body {
width: 100%; width: 100%;
height: 100vh; } } height: 100vh; } }
#conversejs .chatbox .chat-title { #conversejs .chatbox .chat-title {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
color: white; color: white;
display: block; display: block;
line-height: 24px; line-height: 24px;
...@@ -7897,7 +7897,7 @@ body { ...@@ -7897,7 +7897,7 @@ body {
#conversejs #controlbox .controlbox-section { #conversejs #controlbox .controlbox-section {
margin: 1em 0 0 0; } margin: 1em 0 0 0; }
#conversejs #controlbox .controlbox-section .controlbox-heading { #conversejs #controlbox .controlbox-section .controlbox-heading {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
margin: 0 0 0.5em 0; margin: 0 0 0.5em 0;
text-transform: uppercase; } text-transform: uppercase; }
#conversejs #controlbox .dropdown a { #conversejs #controlbox .dropdown a {
...@@ -8152,7 +8152,7 @@ body { ...@@ -8152,7 +8152,7 @@ body {
text-shadow: 0 1px 0 #FAFAFA; text-shadow: 0 1px 0 #FAFAFA;
margin: 0.75em 0 0.75em 0; } margin: 0.75em 0 0.75em 0; }
#conversejs #converse-roster .roster-contacts .roster-group .group-toggle { #conversejs #converse-roster .roster-contacts .roster-group .group-toggle {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
color: #666; color: #666;
display: block; display: block;
width: 100%; width: 100%;
...@@ -8245,7 +8245,7 @@ body { ...@@ -8245,7 +8245,7 @@ body {
text-align: left; text-align: left;
padding: 0.3em 0; } padding: 0.3em 0; }
#conversejs .list-container .rooms-toggle { #conversejs .list-container .rooms-toggle {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
display: block; display: block;
color: #666; color: #666;
padding: 0 0 0.5rem 0; } padding: 0 0 0.5rem 0; }
...@@ -8452,7 +8452,7 @@ body { ...@@ -8452,7 +8452,7 @@ body {
padding: 0.5em; } padding: 0.5em; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading, #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
#conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading { #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
padding: 0.3em 0; } padding: 0.3em 0; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .chatroom-features, #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .chatroom-features,
#conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features { #conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features {
...@@ -8747,7 +8747,7 @@ body { ...@@ -8747,7 +8747,7 @@ body {
padding-bottom: 0.25rem; padding-bottom: 0.25rem;
display: block; } display: block; }
#conversejs .message.chat-msg .chat-msg-heading .chat-msg-author { #conversejs .message.chat-msg .chat-msg-heading .chat-msg-author {
font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
font-size: 115%; } font-size: 115%; }
#conversejs .message.chat-msg .chat-msg-heading .chat-msg-author .badge { #conversejs .message.chat-msg .chat-msg-heading .chat-msg-author .badge {
font-size: 80%; font-size: 80%;
......
sass/_variables.scss
View file @ 5e17d6b1
...@@ -108,7 +108,7 @@ $small-mobile-chat-height: 300px !default; ...@@ -108,7 +108,7 @@ $small-mobile-chat-height: 300px !default;
$font-path: "../fonticons/fonts/" !default; $font-path: "../fonticons/fonts/" !default;
$normal-font: "Helvetica", "Arial", sans-serif; $normal-font: "Helvetica", "Arial", sans-serif;
$heading-font: Futura,Helvetica,Trebuchet MS,Arial,sans-serif !default; $heading-font: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif !default;
$chatroom-head-color: $red !default; $chatroom-head-color: $red !default;
$chatroom-color-light: $light-red !default; $chatroom-color-light: $light-red !default;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7