From 52b3d985a1f18b9199aa52f608e0698fe268b879 Mon Sep 17 00:00:00 2001 From: karolinaszczur Date: Thu, 19 Sep 2013 15:56:10 +0200 Subject: [PATCH] [ux] removing all shadows and gradients --- public/css/app/chat.styl | 2 -- public/css/app/roster.styl | 7 +------ public/css/otalk.css | 18 ------------------ 3 files changed, 1 insertion(+), 26 deletions(-) diff --git a/public/css/app/chat.styl b/public/css/app/chat.styl index 6eb815d..1f78d03 100644 --- a/public/css/app/chat.styl +++ b/public/css/app/chat.styl @@ -18,8 +18,6 @@ header padding: 5px - gradient: #e1e4e6 #cacdce - shadow: rgba(#000,0.1) 2px 1px 5px border-bottom: 1px solid #aaa position: fixed right: 0px diff --git a/public/css/app/roster.styl b/public/css/app/roster.styl index f938633..e63a57d 100644 --- a/public/css/app/roster.styl +++ b/public/css/app/roster.styl @@ -82,7 +82,6 @@ color: #777 &.activeContact - gradient: #35c8ff #00aeef border-top: 1px solid #8de0ff border-bottom: 1px solid #004a65 @@ -104,14 +103,12 @@ width: 30px height: 30px roundall: 5px - shadow: rgba(0,0,0,0.5) -1px -1px 1px noselect() .name margin: 0px margin-left: 40px font-weight: bold - text-shadow: rgba(0,0,0,0.5) -1px -1px 1px .status color: #ccc @@ -120,7 +117,6 @@ font-weight: 600 margin: 0px margin-left: 40px - text-shadow: rgba(0,0,0,0.5) 1px 1px 1px .unread display: none @@ -135,5 +131,4 @@ font-weight: bold background-color: red border: 1px solid white - text-shadow: rgba(0,0,0,0.5) 1px 1px 1px - shadow: rgba(0,0,0,0.5) 1px 1px 1px + diff --git a/public/css/otalk.css b/public/css/otalk.css index 90dc307..d52c114 100644 --- a/public/css/otalk.css +++ b/public/css/otalk.css @@ -340,9 +340,6 @@ td { } #roster li.activeContact, #bookmarks li.activeContact { - background: #35c8ff; - background-image: -moz-linear-gradient(top, #35c8ff, #00aeef); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #35c8ff), color-stop(1, #00aeef)); border-top: 1px solid #8de0ff; border-bottom: 1px solid #004a65; } @@ -373,9 +370,6 @@ td { -o-border-radius: 5px; -border-radius: 5px; border-radius: 5px; - -webkit-box-shadow: rgba(0,0,0,0.5) -1px -1px 1px; - -moz-box-shadow: rgba(0,0,0,0.5) -1px -1px 1px; - box-shadow: rgba(0,0,0,0.5) -1px -1px 1px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; @@ -388,7 +382,6 @@ td { margin: 0px; margin-left: 40px; font-weight: bold; - text-shadow: rgba(0,0,0,0.5) -1px -1px 1px; } #roster li .status, #bookmarks li .status { @@ -398,7 +391,6 @@ td { font-weight: 600; margin: 0px; margin-left: 40px; - text-shadow: rgba(0,0,0,0.5) 1px 1px 1px; } #roster li .unread, #bookmarks li .unread { @@ -419,10 +411,6 @@ td { font-weight: bold; background-color: #f00; border: 1px solid #fff; - text-shadow: rgba(0,0,0,0.5) 1px 1px 1px; - -webkit-box-shadow: rgba(0,0,0,0.5) 1px 1px 1px; - -moz-box-shadow: rgba(0,0,0,0.5) 1px 1px 1px; - box-shadow: rgba(0,0,0,0.5) 1px 1px 1px; } .page.chat { padding-top: 0px; @@ -445,12 +433,6 @@ td { } .conversation header { padding: 5px; - background: #e1e4e6; - background-image: -moz-linear-gradient(top, #e1e4e6, #cacdce); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e1e4e6), color-stop(1, #cacdce)); - -webkit-box-shadow: rgba(0,0,0,0.1) 2px 1px 5px; - -moz-box-shadow: rgba(0,0,0,0.1) 2px 1px 5px; - box-shadow: rgba(0,0,0,0.1) 2px 1px 5px; border-bottom: 1px solid #aaa; position: fixed; right: 0px;