From 2a097eb095234a0b46a5007b6b29a7eb93d64f9f Mon Sep 17 00:00:00 2001 From: Sahat Yalkabov Date: Thu, 23 Jan 2014 18:30:51 -0500 Subject: [PATCH] Add new button styles --- public/css/styles.less | 49 +++++++++++++++++++++++------------------- 1 file changed, 27 insertions(+), 22 deletions(-) diff --git a/public/css/styles.less b/public/css/styles.less index fba244531c3..fc6dcba213f 100644 --- a/public/css/styles.less +++ b/public/css/styles.less @@ -44,13 +44,39 @@ body { .btn { border-radius: 0; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.11), 1px 1px 0 rgba(255, 255, 255, 0.21) inset; - outline: none !important; + + &:focus { + outline: none; + } } .btn-default, .btn-default:focus { background-image: linear-gradient(to bottom, #ffffff 60%, #f8f8f8 100%); } +.btn-facebook { + color: #fff; + background: #3b5998; + border: 1px solid rgba(0, 0, 0, 0.07); +} + +.btn-twitter { + color: #fff; + background: #00aced; + border: 1px solid rgba(0, 0, 0, 0.07); +} + +.btn-google-plus { + color: #fff; + background: #dd4b39; + border: 1px solid rgba(0, 0, 0, 0.07); +} + +.btn-github { + color: #fff; + background: #333; + border: 1px solid rgba(0, 0, 0, 0.07); +} // Form states and alerts // ------------------------- @@ -90,27 +116,6 @@ body { margin-right: 5px; } -.facebook { - background-color: #335397; - border-color: #335397; -} - -.twitter { - background-color: #00c7f7; - border-color: #00c7f7; -} - -.google { - background-color: #dd4b39; - border-color: #dd4b39; -} - -.github { - color: #fff; - background-color: #333; - border-color: #333; -} - .form-horizontal .checkbox, .form-horizontal .radio, .form-horizontal .radio-inline {