git.roojs.org Git - ratchet/blob - lib/css/counts.css

   1 /* General count styles
   2 -------------------------------------------------- */
   3
   4 [class*="count"] {
   5   display: inline-block;
   6   padding: 4px 9px;
   7   font-size: 12px;
   8   font-weight: bold;
   9   line-height: 13px;
  10   color: #fff;
  11   background-color: rgba(0, 0, 0, .3);
  12   border-radius: 100px;
  13 }
  14
  15 /* Count modifiers
  16 -------------------------------------------------- */
  17
  18 /* Overriding styles for counts with modifiers  */
  19 .count-main,
  20 .count-positive,
  21 .count-negative {
  22   color: #fff;
  23   text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
  24 }
  25
  26 /* Main count  */
  27 .count-main {
  28   background-color: #1eafe7;
  29   background-image: -webkit-linear-gradient(top, #1eafe7 0, #1a97c8 100%);
  30   background-image: linear-gradient(to bottom, #1eafe7 0, #1a97c8 100%);
  31 }
  32
  33 /* Positive count  */
  34 .count-positive {
  35   background-color: #34ba15;
  36   background-image: -webkit-linear-gradient(top, #34ba15 0, #2da012 100%);
  37   background-image: linear-gradient(to bottom, #34ba15 0, #2da012 100%);
  38 }
  39
  40 /* Negative count  */
  41 .count-negative {
  42   background-color: #e71e1e;
  43   background-image: -webkit-linear-gradient(top, #e71e1e 0,#c71a1a 100%);
  44   background-image: linear-gradient(to bottom, #e71e1e 0, #c71a1a 100%);
  45 }