gaja-group
/
element-web
forked from matrix/element-web
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge pull request #445 from vector-im/matthew/new-font 

switch to Open Sans
This commit is contained in:
Matthew Hodgson 2015-12-01 10:59:05 +00:00
parent 4409f07c2e badfdb5e3e
commit 2bc3b665d2
20 changed files with 54 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/skins/vector/css/atoms/ImageView.css
View File

@ -87,13 +87,13 @@ limitations under the License.
} }
.mx_ImageView_name { .mx_ImageView_name {
font-size: 20px; font-size: 18px;
margin-bottom: 6px; margin-bottom: 6px;
pointer-events: all; pointer-events: all;
} }
.mx_ImageView_metadata { .mx_ImageView_metadata {
font-size: 16px; font-size: 15px;
opacity: 0.5; opacity: 0.5;
pointer-events: all; pointer-events: all;
} }
@ -105,13 +105,13 @@ limitations under the License.
margin-bottom: 6px; margin-bottom: 6px;
border-radius: 5px; border-radius: 5px;
background-color: #454545; background-color: #454545;
font-size: 16px; font-size: 14px;
padding: 9px; padding: 9px;
border: 1px solid #fff; border: 1px solid #fff;
} }
.mx_ImageView_size { .mx_ImageView_size {
font-size: 12px; font-size: 11px;
} }
.mx_ImageView_link { .mx_ImageView_link {
@ -121,7 +121,7 @@ limitations under the License.
.mx_ImageView_button { .mx_ImageView_button {
pointer-events: all; pointer-events: all;
font-size: 16px; font-size: 15px;
opacity: 0.5; opacity: 0.5;
margin-top: 18px; margin-top: 18px;
cursor: pointer; cursor: pointer;

2
src/skins/vector/css/atoms/MemberAvatar.css
View File

@ -20,6 +20,7 @@ limitations under the License.
.mx_MemberAvatar_initial { .mx_MemberAvatar_initial {
position: absolute; position: absolute;
z-index: 1;
color: #fff; color: #fff;
text-align: center; text-align: center;
speak: none; speak: none;
@ -28,4 +29,5 @@ limitations under the License.
.mx_MemberAvatar_image { .mx_MemberAvatar_image {
border-radius: 20px; border-radius: 20px;
vertical-align: top;
} }

16
src/skins/vector/css/common.css
View File

@ -22,13 +22,13 @@ html {
} }
body { body {
/* Myriad Pro lacks combining diacritics, so these will fall through /* Open Sans lacks combining diacritics, so these will fall through
to the next font. Helevetica's diacritics however do not combine to the next font. Helevetica's diacritics however do not combine
nicely with Myriad Pro (on OSX, at least) and result in a huge nicely with Open Sans (on OSX, at least) and result in a huge
horizontal mess. Arial empirically gets it right, hence prioritising horizontal mess. Arial empirically gets it right, hence prioritising
Arial here. */ Arial here. */
font-family: 'Myriad Pro', Arial, Helvetica, Sans-Serif; font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
font-size: 16px; font-size: 15px;
color: #454545; color: #454545;
border: 0px; border: 0px;
margin: 0px; margin: 0px;
@ -41,7 +41,7 @@ div.error {
h2 { h2 {
color: #454545; color: #454545;
font-weight: 400; font-weight: 400;
font-size: 20px; font-size: 18px;
margin-top: 16px; margin-top: 16px;
margin-bottom: 16px; margin-bottom: 16px;
} }
@ -129,7 +129,7 @@ a:visited {
text-align: center; text-align: center;
z-index: 4010; z-index: 4010;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: 15px;
position: relative; position: relative;
border-radius: 8px; border-radius: 8px;
max-width: 80%; max-width: 80%;
@ -172,7 +172,7 @@ a:visited {
height: 36px; height: 36px;
border-radius: 36px; border-radius: 36px;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 15px;
color: #fff; color: #fff;
background-color: #76cfa6; background-color: #76cfa6;
margin-left: 8px; margin-left: 8px;
@ -187,6 +187,6 @@ a:visited {
padding: 12px; padding: 12px;
border-bottom: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4;
font-weight: bold; font-weight: bold;
font-size: 20px; font-size: 18px;
line-height: 1.4; line-height: 1.4;
} }

10
src/skins/vector/css/molecules/EventTile.css
View File

@ -25,9 +25,10 @@ limitations under the License.
padding-left: 18px; padding-left: 18px;
padding-right: 12px; padding-right: 12px;
margin-left: -73px; margin-left: -73px;
margin-top: -4px; margin-top: -2px;
float: left; float: left;
position: relative; position: relative;
top: 0px;
} }
.mx_EventTile_avatar img { .mx_EventTile_avatar img {
@ -42,7 +43,7 @@ limitations under the License.
.mx_EventTile .mx_SenderProfile { .mx_EventTile .mx_SenderProfile {
color: #454545; color: #454545;
opacity: 0.5; opacity: 0.5;
font-size: 14px; font-size: 13px;
margin-bottom: 4px; margin-bottom: 4px;
display: block; display: block;
overflow-y: hidden; overflow-y: hidden;
@ -50,7 +51,7 @@ limitations under the License.
.mx_EventTile .mx_MessageTimestamp { .mx_EventTile .mx_MessageTimestamp {
color: #acacac; color: #acacac;
font-size: 12px; font-size: 11px;
} }
.mx_EventTile_line { .mx_EventTile_line {
@ -74,6 +75,7 @@ limitations under the License.
font-family: inherit ! important; font-family: inherit ! important;
white-space: normal ! important; white-space: normal ! important;
line-height: inherit ! important; line-height: inherit ! important;
font-size: 15px;
} }
.mx_MessageTile_content .markdown-body h1, .mx_MessageTile_content .markdown-body h1,
@ -175,6 +177,6 @@ limitations under the License.
.mx_EventTile_readAvatarRemainder { .mx_EventTile_readAvatarRemainder {
color: #acacac; color: #acacac;
font-size: 12px; font-size: 11px;
position: absolute; position: absolute;
} }

4
src/skins/vector/css/molecules/MemberInfo.css
View File

@ -38,7 +38,7 @@ limitations under the License.
.mx_MemberInfo_profileField { .mx_MemberInfo_profileField {
font-color: #999999; font-color: #999999;
font-size: 14px; font-size: 13px;
position: relative; position: relative;
background-color: #fff; background-color: #fff;
} }
@ -51,7 +51,7 @@ limitations under the License.
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
text-align: center; text-align: center;
font-size: 12px; font-size: 11px;
background-color: #888; background-color: #888;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;

8
src/skins/vector/css/molecules/MemberTile.css
View File

@ -25,8 +25,8 @@ limitations under the License.
display: table-cell; display: table-cell;
padding-left: 3px; padding-left: 3px;
padding-right: 12px; padding-right: 12px;
padding-top: 2px; padding-top: 4px;
padding-bottom: 0px; padding-bottom: 4px;
vertical-align: middle; vertical-align: middle;
width: 36px; width: 36px;
height: 36px; height: 36px;
@ -55,13 +55,13 @@ limitations under the License.
} }
.mx_MemberTile_userId { .mx_MemberTile_userId {
font-size: 14px; font-size: 13px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.mx_MemberTile_presence { .mx_MemberTile_presence {
font-size: 12px; font-size: 11px;
opacity: 0.5; opacity: 0.5;
} }

2
src/skins/vector/css/molecules/MessageComposer.css
View File

@ -59,7 +59,7 @@ limitations under the License.
box-shadow: none; box-shadow: none;
/* needed for FF */ /* needed for FF */
font-family: 'Myriad Pro', Arial, Helvetica, Sans-Serif; font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
} }
/* hack for FF as vertical alignment of custom placeholder text is broken */ /* hack for FF as vertical alignment of custom placeholder text is broken */

2
src/skins/vector/css/molecules/RoomDropTarget.css
View File

@ -15,7 +15,7 @@ limitations under the License.
*/ */
.mx_RoomDropTarget { .mx_RoomDropTarget {
font-size: 14px; font-size: 13px;
margin-left: 10px; margin-left: 10px;
margin-right: 15px; margin-right: 15px;
padding-top: 5px; padding-top: 5px;

6
src/skins/vector/css/molecules/RoomHeader.css
View File

@ -91,7 +91,7 @@ limitations under the License.
.mx_RoomHeader_simpleHeader { .mx_RoomHeader_simpleHeader {
line-height: 83px; line-height: 83px;
color: #454545; color: #454545;
font-size: 24px; font-size: 22px;
font-weight: bold; font-weight: bold;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -103,7 +103,7 @@ limitations under the License.
height: 28px; height: 28px;
color: #454545; color: #454545;
font-weight: bold; font-weight: bold;
font-size: 24px; font-size: 22px;
padding-left: 19px; padding-left: 19px;
padding-right: 16px; padding-right: 16px;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -141,7 +141,7 @@ limitations under the License.
width: 260px; width: 260px;
border: 1px solid #c7c7c7; border: 1px solid #c7c7c7;
font-weight: 300; font-weight: 300;
font-size: 14px; font-size: 13px;
padding: 9px; padding: 9px;
} }

4
src/skins/vector/css/molecules/RoomSettings.css
View File

@ -39,7 +39,7 @@ limitations under the License.
border-radius: 3px; border-radius: 3px;
border: 1px solid #c7c7c7; border: 1px solid #c7c7c7;
font-weight: 300; font-weight: 300;
font-size: 14px; font-size: 13px;
padding: 9px; padding: 9px;
margin-top: 6px; margin-top: 6px;
} }
@ -59,7 +59,7 @@ limitations under the License.
height: 36px; height: 36px;
border-radius: 36px; border-radius: 36px;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 15px;
color: #fff; color: #fff;
background-color: #76cfa6; background-color: #76cfa6;
width: auto; width: auto;

2
src/skins/vector/css/molecules/RoomTile.css
View File

@ -18,7 +18,7 @@ limitations under the License.
cursor: pointer; cursor: pointer;
/* This fixes wrapping of long room names, but breaks drag & drop previews */ /* This fixes wrapping of long room names, but breaks drag & drop previews */
/* display: table-row; */ /* display: table-row; */
font-size: 14px; font-size: 13px;
} }
.mx_RoomTile_avatar { .mx_RoomTile_avatar {

4
src/skins/vector/css/molecules/SearchBar.css
View File

@ -25,7 +25,7 @@ limitations under the License.
display: inline block; display: inline block;
border-radius: 3px; border-radius: 3px;
border: 1px solid #f0f0f0; border: 1px solid #f0f0f0;
font-size: 16px; font-size: 15px;
padding: 9px; padding: 9px;
padding-left: 11px; padding-left: 11px;
margin-right: 17px; margin-right: 17px;
@ -38,7 +38,7 @@ limitations under the License.
border: 0px; border: 0px;
border-radius: 36px; border-radius: 36px;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 15px;
color: #fff; color: #fff;
background-color: #76cfa6; background-color: #76cfa6;
width: auto; width: auto;

2
src/skins/vector/css/molecules/ServerConfig.css
View File

@ -25,7 +25,7 @@ limitations under the License.
.mx_ServerConfig_help:link { .mx_ServerConfig_help:link {
opacity: 0.8; opacity: 0.8;
font-size: 14px; font-size: 13px;
font-weight: 300; font-weight: 300;
color: #4a4a4a; color: #4a4a4a;
} }

2
src/skins/vector/css/organisms/CreateRoom.css
View File

@ -26,7 +26,7 @@ limitations under the License.
border-radius: 3px; border-radius: 3px;
border: 1px solid #c7c7c7; border: 1px solid #c7c7c7;
font-weight: 300; font-weight: 300;
font-size: 14px; font-size: 13px;
padding: 9px; padding: 9px;
margin-top: 6px; margin-top: 6px;
} }

6
src/skins/vector/css/organisms/MemberList.css
View File

@ -45,13 +45,13 @@ limitations under the License.
} }
.mx_MemberList_invite { .mx_MemberList_invite {
font-family: 'Myriad Pro', Arial, Helvetica, Sans-Serif; font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
border-radius: 3px; border-radius: 3px;
border: 1px solid #f0f0f0; border: 1px solid #f0f0f0;
padding: 9px; padding: 9px;
color: #454545; color: #454545;
margin-left: 3px; margin-left: 3px;
font-size: 16px; font-size: 15px;
margin-bottom: 8px; margin-bottom: 8px;
width: 180px; width: 180px;
} }
@ -69,7 +69,7 @@ limitations under the License.
text-transform: uppercase; text-transform: uppercase;
color: #3d3b39; color: #3d3b39;
font-weight: 600; font-weight: 600;
font-size: 14px; font-size: 13px;
padding-left: 3px; padding-left: 3px;
padding-right: 12px; padding-right: 12px;
margin-top: 8px; margin-top: 8px;

2
src/skins/vector/css/organisms/RightPanel.css
View File

@ -66,7 +66,7 @@ limitations under the License.
.mx_RightPanel_headerButton_badge { .mx_RightPanel_headerButton_badge {
position: absolute; position: absolute;
top: 5px; top: 4px;
left: 28px; left: 28px;
font-size: 12px; font-size: 12px;
background-color: #76cfa6; background-color: #76cfa6;

7
src/skins/vector/css/organisms/RoomDirectory.css
View File

@ -50,7 +50,7 @@ limitations under the License.
border-radius: 3px; border-radius: 3px;
border: 1px solid #c7c7c7; border: 1px solid #c7c7c7;
font-weight: 300; font-weight: 300;
font-size: 14px; font-size: 13px;
padding: 9px; padding: 9px;
margin-top: 12px; margin-top: 12px;
margin-bottom: 12px; margin-bottom: 12px;
@ -70,7 +70,7 @@ limitations under the License.
.mx_RoomDirectory_table th { .mx_RoomDirectory_table th {
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 11px;
} }
.mx_RoomDirectory_table tbody { .mx_RoomDirectory_table tbody {
@ -79,7 +79,6 @@ limitations under the License.
.mx_RoomDirectory_table td { .mx_RoomDirectory_table td {
font-weight: 300; font-weight: 300;
font-size: 16px;
overflow-x: hidden; overflow-x: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
@ -90,7 +89,7 @@ limitations under the License.
.mx_RoomDirectory_table .mx_RoomDirectory_topic { .mx_RoomDirectory_table .mx_RoomDirectory_topic {
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 11px;
} }
.mx_RoomDirectory_table td, .mx_RoomDirectory_table td,

2
src/skins/vector/css/organisms/RoomSubList.css
View File

@ -29,7 +29,7 @@ limitations under the License.
text-transform: uppercase; text-transform: uppercase;
color: #3d3b39; color: #3d3b39;
font-weight: 600; font-weight: 600;
font-size: 14px; font-size: 13px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-top: 8px; margin-top: 8px;

2
src/skins/vector/css/organisms/RoomView.css
View File

@ -204,7 +204,7 @@ limitations under the License.
.mx_RoomView_connectionLostBar_desc { .mx_RoomView_connectionLostBar_desc {
color: #454545; color: #454545;
font-size: 14px; font-size: 13px;
opacity: 0.5; opacity: 0.5;
} }

10
src/skins/vector/css/templates/Login.css
View File

@ -55,7 +55,7 @@ limitations under the License.
border-radius: 3px; border-radius: 3px;
border: 1px solid #c7c7c7; border: 1px solid #c7c7c7;
font-weight: 300; font-weight: 300;
font-size: 14px; font-size: 13px;
padding: 9px; padding: 9px;
margin-bottom: 14px; margin-bottom: 14px;
} }
@ -68,12 +68,12 @@ limitations under the License.
height: 40px; height: 40px;
border: 0px; border: 0px;
background-color: #76cfa6; background-color: #76cfa6;
font-size: 16px; font-size: 15px;
color: #fff; color: #fff;
} }
.mx_Login_label { .mx_Login_label {
font-size: 14px; font-size: 13px;
opacity: 0.8; opacity: 0.8;
} }
@ -85,7 +85,7 @@ limitations under the License.
display: block; display: block;
text-align: center; text-align: center;
width: 100%; width: 100%;
font-size: 14px; font-size: 13px;
opacity: 0.8; opacity: 0.8;
} }
@ -97,7 +97,7 @@ limitations under the License.
display: block; display: block;
text-align: center; text-align: center;
width: 100%; width: 100%;
font-size: 14px; font-size: 13px;
opacity: 0.8; opacity: 0.8;
} }