diff --git a/src/components/views/messages/MessageTimestamp.js b/src/components/views/messages/MessageTimestamp.js
index 609b5f4fc..dda87767a 100644
--- a/src/components/views/messages/MessageTimestamp.js
+++ b/src/components/views/messages/MessageTimestamp.js
@@ -26,7 +26,7 @@ module.exports = React.createClass({
var date = new Date(this.props.ts);
return (
- { DateUtils.formatDate(date) }
+ { DateUtils.formatTime(date) }
);
},
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/MatrixChat.css b/src/skins/vector/css/matrix-react-sdk/structures/MatrixChat.css
index 954556017..e93510ffb 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/MatrixChat.css
+++ b/src/skins/vector/css/matrix-react-sdk/structures/MatrixChat.css
@@ -109,7 +109,7 @@ limitations under the License.
-webkit-order: 2;
order: 2;
- padding-left: 25px;
+ padding-left: 20px;
padding-right: 22px;
background-color: #fff;
diff --git a/src/skins/vector/css/matrix-react-sdk/views/messages/MImageBody.css b/src/skins/vector/css/matrix-react-sdk/views/messages/MImageBody.css
index acbefbad2..0b43a81b0 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/messages/MImageBody.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/messages/MImageBody.css
@@ -16,6 +16,7 @@ limitations under the License.
.mx_MImageBody {
display: block;
+ margin-right: 34px;
}
.mx_MImageBody_thumbnail {
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css
index b9b8f4546..9534d9f55 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css
@@ -17,23 +17,25 @@ limitations under the License.
.mx_EventTile {
max-width: 100%;
clear: both;
- padding-top: 24px;
- margin-left: 65px;
+ padding-top: 18px;
+ font-size: 14px;
+ position: relative;
+}
+
+.mx_EventTile.mx_EventTile_info {
+ padding-top: 0px;
}
.mx_EventTile_avatar {
- padding-left: 18px;
- padding-right: 12px;
- margin-left: -73px;
- margin-top: -2px;
- float: left;
- position: relative;
- top: 0px;
+ position: absolute;
+ top: 14px;
+ left: 8px;
cursor: pointer;
+ z-index: 2;
}
.mx_EventTile_continuation {
- padding-top: 8px ! important;
+ padding-top: 0px ! important;
}
.mx_EventTile_verified {
@@ -47,79 +49,38 @@ limitations under the License.
.mx_EventTile .mx_SenderProfile {
color: #454545;
opacity: 0.5;
- display: inline-block;
- font-size: 13px;
+ font-size: 14px;
overflow-y: hidden;
cursor: pointer;
+ padding-left: 65px; /* left gutter */
+ padding-bottom: 0px;
+ padding-top: 0px;
+ margin: 0px;
+ line-height: 22px;
}
.mx_EventTile .mx_MessageTimestamp {
+ display: block;
+ visibility: hidden;
+ white-space: nowrap;
color: #acacac;
font-size: 11px;
+ left: 8px;
+ position: absolute;
}
.mx_EventTile_line {
position: relative;
/* ideally should be 100px, but 95px gives us a max thumbnail size of 800x600, which is nice */
- margin-right: 95px;
+ margin-right: 110px;
+ padding-left: 65px; /* left gutter */
+ padding-top: 4px;
+ padding-bottom: 2px;
+ border-radius: 4px;
+ min-height: 24px;
+ line-height: 22px;
}
-/* all the overflow-y: hidden; are to trap Zalgos -
- but they introduce an implicit overflow-x: auto.
- so make that explicitly hidden too to avoid random
- horizontal scrollbars occasionally appearing, like in
- https://github.com/vector-im/vector-web/issues/1154
- */
-.mx_EventTile_content {
- display: block;
- overflow-y: hidden;
- overflow-x: hidden;
-}
-
-/* De-zalgoing */
-.mx_EventTile_body {
- overflow-y: hidden;
-}
-
-/* Various markdown overrides */
-
-.mx_EventTile_content .markdown-body {
- font-family: inherit ! important;
- white-space: normal ! important;
- line-height: inherit ! important;
- color: inherit;
- font-size: 15px;
-}
-
-/* have to use overlay rather than auto otherwise Linux and Windows
- Chrome gets very confused about vertical spacing:
- https://github.com/vector-im/vector-web/issues/754
-*/
-.mx_EventTile_content .markdown-body pre {
- overflow-x: overlay;
- overflow-y: visible;
-}
-
-.mx_EventTile_content .markdown-body h1,
-.mx_EventTile_content .markdown-body h2,
-.mx_EventTile_content .markdown-body h3,
-.mx_EventTile_content .markdown-body h4,
-.mx_EventTile_content .markdown-body h5,
-.mx_EventTile_content .markdown-body h6
-{
- font-family: inherit ! important;
-}
-
-.mx_EventTile_content .markdown-body a {
- color: #76cfa6;
-}
-
-.mx_EventTile_content .markdown-body .hljs {
- display: inline ! important;
-}
-
-/* end of overrides */
-
/* HACK to override line-height which is already marked important elsewhere */
.mx_EventTile_bigEmoji.mx_EventTile_bigEmoji {
font-size: 48px ! important;
@@ -129,10 +90,16 @@ limitations under the License.
/* this is used for the tile for the event which is selected via the URL.
* TODO: ultimately we probably want some transition on here.
*/
-.mx_EventTile_selected {
+.mx_EventTile_selected .mx_EventTile_line {
border-left: #76cfa6 5px solid;
- margin-left: 53px;
- padding-left: 7px;
+ padding-left: 60px;
+ background-color: #f7f7f7;
+}
+
+.mx_EventTile:hover .mx_EventTile_line,
+.mx_EventTile.menu .mx_EventTile_line
+{
+ background-color: #f7f7f7;
}
.mx_EventTile_searchHighlight {
@@ -181,32 +148,29 @@ limitations under the License.
text-decoration: none;
}
-.mx_EventTile .mx_MessageTimestamp {
- display: block;
- visibility: hidden;
- text-align: right;
- white-space: nowrap;
-}
-
-.mx_EventTile_last .mx_MessageTimestamp {
+.mx_EventTile_last .mx_MessageTimestamp,
+.mx_EventTile:hover .mx_MessageTimestamp,
+.mx_EventTile.menu .mx_MessageTimestamp
+{
visibility: visible;
}
-.mx_EventTile:hover .mx_MessageTimestamp {
- visibility: visible;
+.mx_EventTile_selected .mx_MessageTimestamp {
+ left: 3px;
}
.mx_EventTile_editButton {
position: absolute;
display: inline-block;
visibility: hidden;
+ cursor: pointer;
+ top: 6px;
+ right: 6px;
}
-.mx_EventTile:hover .mx_EventTile_editButton {
- visibility: visible;
-}
-
-.mx_EventTile.menu .mx_EventTile_editButton {
+.mx_EventTile:hover .mx_EventTile_editButton,
+.mx_EventTile.menu .mx_EventTile_editButton
+{
visibility: visible;
}
@@ -219,6 +183,13 @@ limitations under the License.
display: inline-block;
width: 14px;
height: 14px;
+ top: 29px;
+}
+
+.mx_EventTile_continuation .mx_EventTile_readAvatars,
+.mx_EventTile_info .mx_EventTile_readAvatars
+{
+ top: 7px;
}
.mx_EventTile_readAvatars .mx_BaseAvatar {
@@ -231,3 +202,60 @@ limitations under the License.
font-size: 11px;
position: absolute;
}
+
+/* all the overflow-y: hidden; are to trap Zalgos -
+ but they introduce an implicit overflow-x: auto.
+ so make that explicitly hidden too to avoid random
+ horizontal scrollbars occasionally appearing, like in
+ https://github.com/vector-im/vector-web/issues/1154
+ */
+.mx_EventTile_content {
+ display: block;
+ overflow-y: hidden;
+ overflow-x: hidden;
+ margin-right: 34px;
+}
+
+/* De-zalgoing */
+.mx_EventTile_body {
+ overflow-y: hidden;
+}
+
+/* Various markdown overrides */
+
+.mx_EventTile_content .markdown-body {
+ font-family: inherit ! important;
+ white-space: normal ! important;
+ line-height: inherit ! important;
+ color: inherit;
+ font-size: 14px;
+}
+
+/* have to use overlay rather than auto otherwise Linux and Windows
+ Chrome gets very confused about vertical spacing:
+ https://github.com/vector-im/vector-web/issues/754
+*/
+.mx_EventTile_content .markdown-body pre {
+ overflow-x: overlay;
+ overflow-y: visible;
+}
+
+.mx_EventTile_content .markdown-body h1,
+.mx_EventTile_content .markdown-body h2,
+.mx_EventTile_content .markdown-body h3,
+.mx_EventTile_content .markdown-body h4,
+.mx_EventTile_content .markdown-body h5,
+.mx_EventTile_content .markdown-body h6
+{
+ font-family: inherit ! important;
+}
+
+.mx_EventTile_content .markdown-body a {
+ color: #76cfa6;
+}
+
+.mx_EventTile_content .markdown-body .hljs {
+ display: inline ! important;
+}
+
+/* end of overrides */
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css
index 5d1a9c204..b1fbd2946 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css
@@ -62,6 +62,7 @@ limitations under the License.
display: flex;
align-items: center;
overflow: auto;
+ font-size: 14px;
}
.mx_MessageComposer_input_rte {
border-top: 2px solid #76cfa6; /* placeholder RTE indicator */
@@ -73,7 +74,6 @@ limitations under the License.
.mx_MessageComposer_input textarea {
display: block;
- font-size: 15px;
width: 100%;
padding: 0px;
margin-top: 6px;
@@ -86,6 +86,7 @@ limitations under the License.
box-shadow: none;
color: #454545;
background-color: #fff;
+ font-size: 14px;
/* needed for FF */
font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
diff --git a/src/skins/vector/css/vector-web/fonts.css b/src/skins/vector/css/vector-web/fonts.css
new file mode 100644
index 000000000..719eeebcb
--- /dev/null
+++ b/src/skins/vector/css/vector-web/fonts.css
@@ -0,0 +1,65 @@
+/*
+ * Open Sans
+ * Includes extended Latin, Greek, Cyrillic and Vietnamese character sets
+ */
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
+ font-weight: 400;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('fonts/Open_Sans/OpenSans-Italic.ttf') format('truetype');
+ font-weight: 400;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('fonts/Open_Sans/OpenSans-Semibold.ttf') format('truetype');
+ font-weight: 600;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('fonts/Open_Sans/OpenSans-SemiboldItalic.ttf') format('truetype');
+ font-weight: 600;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype');
+ font-weight: 700;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('fonts/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype');
+ font-weight: 700;
+ font-style: italic;
+}
+
+/*
+ * Fira Mono
+ * Used for monospace copy, i.e. code
+ */
+
+@font-face {
+ font-family: 'Fira Mono';
+ src: url('fonts/Fira_Mono/FiraMono-Regular.ttf') format('truetype');
+ font-weight: 400;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Fira Mono';
+ src: url('fonts/Fira_Mono/FiraMono-Bold.ttf') format('truetype');
+ font-weight: 700;
+ font-style: normal;
+}
diff --git a/src/skins/vector/fonts/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2 b/src/skins/vector/fonts/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2
deleted file mode 100644
index 8c49ba2aa..000000000
Binary files a/src/skins/vector/fonts/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2 and /dev/null differ
diff --git a/src/skins/vector/fonts/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2 b/src/skins/vector/fonts/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2
deleted file mode 100644
index 24217a1f9..000000000
Binary files a/src/skins/vector/fonts/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2 and /dev/null differ
diff --git a/src/skins/vector/fonts/Fira_Mono/FiraMono-Bold.ttf b/src/skins/vector/fonts/Fira_Mono/FiraMono-Bold.ttf
new file mode 100755
index 000000000..4b8b1cfbc
Binary files /dev/null and b/src/skins/vector/fonts/Fira_Mono/FiraMono-Bold.ttf differ
diff --git a/src/skins/vector/fonts/Fira_Mono/FiraMono-Regular.ttf b/src/skins/vector/fonts/Fira_Mono/FiraMono-Regular.ttf
new file mode 100755
index 000000000..5238c09ed
Binary files /dev/null and b/src/skins/vector/fonts/Fira_Mono/FiraMono-Regular.ttf differ
diff --git a/src/skins/vector/fonts/Fira_Mono/OFL.txt b/src/skins/vector/fonts/Fira_Mono/OFL.txt
new file mode 100755
index 000000000..ba853c049
--- /dev/null
+++ b/src/skins/vector/fonts/Fira_Mono/OFL.txt
@@ -0,0 +1,92 @@
+Copyright (c) 2012-2013, The Mozilla Corporation and Telefonica S.A.
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/src/skins/vector/fonts/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2 b/src/skins/vector/fonts/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2
deleted file mode 100644
index 890fc5fb4..000000000
Binary files a/src/skins/vector/fonts/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2 and /dev/null differ
diff --git a/src/skins/vector/fonts/Lato.css b/src/skins/vector/fonts/Lato.css
deleted file mode 100644
index e3e3115da..000000000
--- a/src/skins/vector/fonts/Lato.css
+++ /dev/null
@@ -1,48 +0,0 @@
-/* latin-ext */
-@font-face {
- font-family: 'Lato';
- font-style: normal;
- font-weight: 300;
- src: local('Lato Light'), local('Lato-Light'), url(IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
- unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
- font-family: 'Lato';
- font-style: normal;
- font-weight: 300;
- src: local('Lato Light'), local('Lato-Light'), url(22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
-}
-/* latin-ext */
-@font-face {
- font-family: 'Lato';
- font-style: normal;
- font-weight: 400;
- src: local('Lato Regular'), local('Lato-Regular'), url(8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
- unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
- font-family: 'Lato';
- font-style: normal;
- font-weight: 400;
- src: local('Lato Regular'), local('Lato-Regular'), url(MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
-}
-/* latin-ext */
-@font-face {
- font-family: 'Lato';
- font-style: normal;
- font-weight: 700;
- src: local('Lato Bold'), local('Lato-Bold'), url(rZPI2gHXi8zxUjnybc2ZQFKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
- unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
- font-family: 'Lato';
- font-style: normal;
- font-weight: 700;
- src: local('Lato Bold'), local('Lato-Bold'), url(MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
-}
diff --git a/src/skins/vector/fonts/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2 b/src/skins/vector/fonts/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2
deleted file mode 100644
index c83fe9554..000000000
Binary files a/src/skins/vector/fonts/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2 and /dev/null differ
diff --git a/src/skins/vector/fonts/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2 b/src/skins/vector/fonts/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2
deleted file mode 100644
index a9ffeae99..000000000
Binary files a/src/skins/vector/fonts/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2 and /dev/null differ
diff --git a/src/skins/vector/fonts/OpenSans.css b/src/skins/vector/fonts/OpenSans.css
deleted file mode 100644
index c8a0effee..000000000
--- a/src/skins/vector/fonts/OpenSans.css
+++ /dev/null
@@ -1,24 +0,0 @@
-/* latin */
-@font-face {
- font-family: 'Open Sans';
- font-style: normal;
- font-weight: 400;
- src: local('Open Sans'), local('OpenSans'), url(opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2'), url(Open_Sans/OpenSans-Regular.ttf) format('truetype');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
-}
-/* latin */
-@font-face {
- font-family: 'Open Sans';
- font-style: normal;
- font-weight: 600;
- src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'), url(Open_Sans/OpenSans-Semibold.ttf) format('truetype');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
-}
-/* latin */
-@font-face {
- font-family: 'Open Sans';
- font-style: normal;
- font-weight: 700;
- src: local('Open Sans Bold'), local('OpenSans-Bold'), url(opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'), url(Open_Sans/OpenSans-Bold.ttf) format('truetype');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
-}
diff --git a/src/skins/vector/fonts/Open_Sans/OpenSans-BoldItalic.ttf b/src/skins/vector/fonts/Open_Sans/OpenSans-BoldItalic.ttf
new file mode 100755
index 000000000..9bc800958
Binary files /dev/null and b/src/skins/vector/fonts/Open_Sans/OpenSans-BoldItalic.ttf differ
diff --git a/src/skins/vector/fonts/Open_Sans/OpenSans-Italic.ttf b/src/skins/vector/fonts/Open_Sans/OpenSans-Italic.ttf
new file mode 100755
index 000000000..c90da48ff
Binary files /dev/null and b/src/skins/vector/fonts/Open_Sans/OpenSans-Italic.ttf differ
diff --git a/src/skins/vector/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf b/src/skins/vector/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf
new file mode 100755
index 000000000..59b6d16b0
Binary files /dev/null and b/src/skins/vector/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf differ
diff --git a/src/skins/vector/fonts/k3k702ZOKiLJc3WVjuplzNqQynqKV_9Plp7mupa0S4g.ttf b/src/skins/vector/fonts/k3k702ZOKiLJc3WVjuplzNqQynqKV_9Plp7mupa0S4g.ttf
deleted file mode 100644
index bffc5fcf6..000000000
Binary files a/src/skins/vector/fonts/k3k702ZOKiLJc3WVjuplzNqQynqKV_9Plp7mupa0S4g.ttf and /dev/null differ
diff --git a/src/skins/vector/fonts/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2 b/src/skins/vector/fonts/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2
deleted file mode 100644
index 4001c52a3..000000000
Binary files a/src/skins/vector/fonts/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2 and /dev/null differ
diff --git a/src/skins/vector/fonts/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2 b/src/skins/vector/fonts/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2
deleted file mode 100644
index 402dfd77b..000000000
Binary files a/src/skins/vector/fonts/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2 and /dev/null differ
diff --git a/src/skins/vector/fonts/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2 b/src/skins/vector/fonts/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2
deleted file mode 100644
index 51c75cadf..000000000
Binary files a/src/skins/vector/fonts/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2 and /dev/null differ
diff --git a/src/skins/vector/fonts/rZPI2gHXi8zxUjnybc2ZQFKPGs1ZzpMvnHX-7fPOuAc.woff2 b/src/skins/vector/fonts/rZPI2gHXi8zxUjnybc2ZQFKPGs1ZzpMvnHX-7fPOuAc.woff2
deleted file mode 100644
index 272e1ea8e..000000000
Binary files a/src/skins/vector/fonts/rZPI2gHXi8zxUjnybc2ZQFKPGs1ZzpMvnHX-7fPOuAc.woff2 and /dev/null differ
diff --git a/src/skins/vector/fonts/u-WUoqrET9fUeobQW7jkRaCWcynf_cDxXwCLxiixG1c.ttf b/src/skins/vector/fonts/u-WUoqrET9fUeobQW7jkRaCWcynf_cDxXwCLxiixG1c.ttf
deleted file mode 100644
index 89ce23b4b..000000000
Binary files a/src/skins/vector/fonts/u-WUoqrET9fUeobQW7jkRaCWcynf_cDxXwCLxiixG1c.ttf and /dev/null differ
diff --git a/src/skins/vector/img/icon_context_message.svg b/src/skins/vector/img/icon_context_message.svg
new file mode 100644
index 000000000..f2ceccfa7
--- /dev/null
+++ b/src/skins/vector/img/icon_context_message.svg
@@ -0,0 +1,15 @@
+
+
diff --git a/vector/index.html b/vector/index.html
index a78beac10..d6d8ddcb6 100644
--- a/vector/index.html
+++ b/vector/index.html
@@ -3,7 +3,6 @@
Vector
-