From 003a4ad2866285077e0d13b5d701e0a4aa741e3f Mon Sep 17 00:00:00 2001 From: connors Date: Fri, 2 Aug 2013 15:35:57 -0700 Subject: [PATCH] Squishing buttons, counts and stuff. --- lib/css/buttons.css | 27 +++------------------------ lib/css/counts.css | 2 +- lib/css/toggles.css | 2 +- 3 files changed, 5 insertions(+), 26 deletions(-) diff --git a/lib/css/buttons.css b/lib/css/buttons.css index 153f559..fb6b9e3 100644 --- a/lib/css/buttons.css +++ b/lib/css/buttons.css @@ -10,25 +10,16 @@ line-height: 18px; color: #333; text-align: center; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); vertical-align: top; cursor: pointer; - background-color: #f8f8f8; - background-image: -webkit-linear-gradient(top, #f8f8f8 0, #d4d4d4 100%); - background-image: linear-gradient(to bottom, #f8f8f8 0, #d4d4d4 100%); + background-color: transparent; border: 1px solid rgba(0, 0, 0, .3); border-radius: 3px; - box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), 0 1px 2px rgba(0, 0, 0, .05); } /* Active */ [class*="button"]:active { - padding-top: 5px; - padding-bottom: 3px; - color: #333; - background-color: #ccc; background-image: none; - box-shadow: inset 0 3px 3px rgba(0, 0, 0, .2); } /* Button modifiers @@ -39,30 +30,23 @@ .button-positive, .button-negative { color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); } /* Main button */ .button-main { background-color: #1eafe7; - background-image: -webkit-linear-gradient(top, #1eafe7 0, #1a97c8 100%); - background-image: linear-gradient(to bottom, #1eafe7 0, #1a97c8 100%); border: 1px solid #117aaa; } /* Positive button */ .button-positive { - background-color: #34ba15; - background-image: -webkit-linear-gradient(top, #34ba15 0, #2da012 100%); - background-image: linear-gradient(to bottom, #34ba15 0, #2da012 100%); + background-color: #4cd964; border: 1px solid #278f0f; } /* Negative button */ .button-negative { background-color: #e71e1e; - background-image: -webkit-linear-gradient(top, #e71e1e 0,#c71a1a 100%); - background-image: linear-gradient(to bottom, #e71e1e 0, #c71a1a 100%); border: 1px solid #b51a1a; } @@ -90,10 +74,6 @@ font-size: 16px; } -/* Active state for block level buttons */ -.button-block:active { - padding: 12px 0; -} /* Counts in buttons -------------------------------------------------- */ @@ -105,8 +85,7 @@ margin-right: -4px; margin-left: 4px; text-shadow: none; - background-color: rgba(0, 0, 0, .2); - box-shadow: inset 0 1px 1px -1px #000000, 0 1px 1px -1px #fff; + background-color: rgba(0, 0, 0, .1); } /* Position counts within block level buttons diff --git a/lib/css/counts.css b/lib/css/counts.css index b0621f3..04bd936 100644 --- a/lib/css/counts.css +++ b/lib/css/counts.css @@ -29,7 +29,7 @@ /* Positive count */ .count-positive { - background-color: #34ba15; + background-color: #4cd964; } /* Negative count */ diff --git a/lib/css/toggles.css b/lib/css/toggles.css index 59c04ce..b1e973b 100644 --- a/lib/css/toggles.css +++ b/lib/css/toggles.css @@ -21,7 +21,7 @@ background-color: #fff; border: 1px solid rgba(0, 0, 0, .1); border-radius: 100px; - box-shadow: 0 3px 3px rgba(0,0,0,.1); + box-shadow: 0 3px 3px rgba(0,0,0,.08); -webkit-transition: -webkit-transform 0.1s ease-in-out, border 0.1s ease-in-out; transition: transform 0.1s ease-in-out, border 0.1s ease-in-out; }