moparisthebest/kaiwa
1
0
Fork 0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-25 18:52:20 -05:00
Code Issues Releases Wiki Activity

[ux] port font sizes

Browse Source
This commit is contained in:
karolinaszczur 2013-10-23 19:15:38 +02:00
parent f6d866c205
commit bdfd344f45
6 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/css/_variables.styl
View File

@ -19,6 +19,7 @@ $font-family-gotham = 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-ser
$font-size-large = 16px $font-size-large = 16px
$font-size-base = 14px $font-size-base = 14px
$font-size-small = 12px $font-size-small = 12px
$font-size-smaller = 10px
$font-size-h1 = 30px $font-size-h1 = 30px
$font-size-h2 = 24px $font-size-h2 = 24px

3
public/css/app/callbar.styl
View File

@ -106,11 +106,11 @@ $callHeight = 80px
color: #fff color: #fff
text_shadow(rgba(0,0,0,.7),0,1px,0) text_shadow(rgba(0,0,0,.7),0,1px,0)
line-height: 1 line-height: 1
font-size: $font-size-h3
.caller .caller
margin: 0 margin: 0
padding: 5px 0 0 0 padding: 5px 0 0 0
font-size: 20px
padding-bottom: 0px padding-bottom: 0px
.callerName .callerName
@ -123,5 +123,4 @@ $callHeight = 80px
position: absolute position: absolute
top: 12px top: 12px
right: 40px right: 40px
font-size: 20px
margin: 0 margin: 0

8
public/css/app/chat.styl
View File

@ -39,7 +39,7 @@
margin: 15px margin: 15px
padding: 0px padding: 0px
margin-left: 45px margin-left: 45px
font-size: 14px font-size: $font-size-base
line-height: 14px line-height: 14px
max-width: 50% max-width: 50%
@ -52,7 +52,7 @@
padding: 0 5px padding: 0 5px
roundall(3px) roundall(3px)
text-transform: uppercase text-transform: uppercase
font-size: 9px font-size: $font-size-smaller
font-weight: $font-weight-bold font-weight: $font-weight-bold
line-height: 20px line-height: 20px
color: lighten($baseText, 30%) color: lighten($baseText, 30%)
@ -145,7 +145,7 @@
vertical-align: middle vertical-align: middle
.message .message
font-size: 12px font-size: $font-size-small
margin: 0px margin: 0px
display: inline-block display: inline-block
padding-right: 11px padding-right: 11px
@ -178,7 +178,7 @@
word-break: break-word word-break: break-word
.timestamp .timestamp
font-size: 10px font-size: $font-size-smaller
font-weight: $font-weight-bold font-weight: $font-weight-bold
color: lighten($activeBlue, 50%) color: lighten($activeBlue, 50%)
float: right float: right

2
public/css/app/layout.styl
View File

@ -14,7 +14,7 @@ h1, h2, h3, h4
h3 h3
margin-top: 0 margin-top: 0
font-size: $fontMedium font-size: $font-size-h3
#pages #pages
position: absolute position: absolute

8
public/css/app/roster.styl
View File

@ -42,7 +42,7 @@
background: lighten($sidebarActive, 10%) background: lighten($sidebarActive, 10%)
h1 h1
font-size: 10px font-size: $font-size-small
margin: 0 margin: 0
padding: 20px 10px padding: 20px 10px
color: white color: white
@ -165,7 +165,7 @@
.status .status
color: $textSecondary color: $textSecondary
font-size: 10px font-size: $font-size-smaller
font-weight: 400 font-weight: 400
line-height: 12px line-height: 12px
margin: 0 margin: 0
@ -180,7 +180,7 @@
position: absolute position: absolute
top: 5px top: 5px
left: 10px left: 10px
font-size: 10px font-size: $font-size-smaller
font-weight: $font-weight-bold font-weight: $font-weight-bold
text-align: center text-align: center
background: rgba(0, 174, 239, .8) background: rgba(0, 174, 239, .8)
@ -188,7 +188,7 @@
.idleTime .idleTime
display: inline-block display: inline-block
margin-left: 5px margin-left: 5px
font-size: 10px font-size: $font-size-small
color: darken($textSecondary, 50%) color: darken($textSecondary, 50%)
#bookmarks #bookmarks

11
public/css/otalk.css
View File

@ -177,7 +177,7 @@ h4 {
} }
h3 { h3 {
margin-top: 0; margin-top: 0;
font-size: $fontMedium; font-size: 18px;
} }
#pages { #pages {
position: absolute; position: absolute;
@ -278,7 +278,7 @@ h3 {
background: #2b3f65; background: #2b3f65;
} }
#menu h1 { #menu h1 {
font-size: 10px; font-size: 12px;
margin: 0; margin: 0;
padding: 20px 10px; padding: 20px 10px;
color: #fff; color: #fff;
@ -480,7 +480,7 @@ h3 {
#bookmarks li .idleTime { #bookmarks li .idleTime {
display: inline-block; display: inline-block;
margin-left: 5px; margin-left: 5px;
font-size: 10px; font-size: 12px;
color: #5c5c5c; color: #5c5c5c;
} }
#bookmarks .name { #bookmarks .name {
@ -621,7 +621,7 @@ h3 {
-border-radius: 3px; -border-radius: 3px;
border-radius: 3px; border-radius: 3px;
text-transform: uppercase; text-transform: uppercase;
font-size: 9px; font-size: 10px;
font-weight: 800; font-weight: 800;
line-height: 20px; line-height: 20px;
color: #898989; color: #898989;
@ -1127,11 +1127,11 @@ rgba(0,0,0,0.2)
color: #fff; color: #fff;
rgba(0,0,0,0.7) rgba(0,0,0,0.7)
line-height: 1; line-height: 1;
font-size: 18px;
} }
#calls .caller { #calls .caller {
margin: 0; margin: 0;
padding: 5px 0 0 0; padding: 5px 0 0 0;
font-size: 20px;
padding-bottom: 0px; padding-bottom: 0px;
} }
#calls .callerName { #calls .callerName {
@ -1145,6 +1145,5 @@ rgba(0,0,0,0.7)
position: absolute; position: absolute;
top: 12px; top: 12px;
right: 40px; right: 40px;
font-size: 20px;
margin: 0; margin: 0;
} }