Use Roboto font (#12)

skins/elastic/README

@@ -8,6 +8,7 @@ the terms described in the LICENSE section.
 For information about building or modifiying Roundcube skins please visit
 https://github.com/roundcube/roundcubemail/wiki/Skins
 
+Roboto font from https://google-webfonts-helper.herokuapp.com/fonts/roboto?subsets=cyrillic,latin-ext,cyrillic-ext,latin,greek,greek-ext
 
 LICENSE
 -------

skins/elastic/styles/font.less

@@ -0,0 +1,44 @@
+/* roboto-regular - greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'),
+       url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-italic - greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic */
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Roboto Italic'), local('Roboto-Italic'),
+       url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-700 - greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Roboto Bold'), local('Roboto-Bold'),
+       url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-700italic - greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic */
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 700;
+  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
+       url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* Define font-family. h1-h5 is needed here to overwrite semantic-ui font */
+body,h1,h2,h3,h4,h5 {
+	font-family: Roboto, sans-serif;
+}

skins/elastic/styles/layout.less

@@ -1,7 +1,10 @@
+@import "font.less";
 
 @page-font-size:        1em;
 @page-min-width:        240px;
 
+@taskmenu-width:        65px;
+
 /*** Responsive design - Layout ***/
 
 /*
@@ -70,14 +73,14 @@ body > #layout > div.list {
 }
 
 body > #layout > div.menu {
-	width: 60px;
+	width: @taskmenu-width;
 	background-color: @taskmenu-background-color;
 }
 
 body > #layout > div.menu a,
 body > #layout > div.menu a:before {
 	display: block;
-	width: 60px;
+	width: @taskmenu-width;
 }
 
 body:not(.iframe) > *:not(#layout),

skins/elastic/styles/styles.less

@@ -584,7 +584,6 @@ table.fixedcopy {
 .messagelist td {
 	border-left: 0;
 	vertical-align: top;
-	padding: 3px 2px !important;
 }
 
 .messagelist td.subject {