make to calendar button pink

static/client/css/main.css

@@ -1236,6 +1236,14 @@ aside nav+hr {
     background: -o-linear-gradient(top, #ff8000 0, #f60 100%);
     background: linear-gradient(to bottom, #ff8000 0, #f60 100%)
 }
+.button.pink{
+    color: #ef3976;
+    border-color: #ef3976;
+}
+.button.pink:hover{
+    color: #fff;
+    background-color: #ef3976;
+}
 .cli-photo-list .cli-phg-bot .cli-pb-button .button {
     height: 29px;
     line-height: 22px;
@@ -1300,6 +1308,13 @@ aside nav+hr {
 .button.icon-calendar-o:hover:before {
     background-position: -197px -145px
 }
+
+.button.pink.icon-calendar:before{
+    background-position: -406px -90px;
+}
+.button.pink.icon-calendar.active:before, .button.pink.icon-calendar:hover:before{
+    background-position: -60px -16px;
+}
 .button.icon-save:before {
     width: 12px;
     height: 13px;
@@ -11933,6 +11948,15 @@ button.gray:hover {
 .button.removecalendar:hover {
     background: #4c9ec4
 }
+.button.pink.removecalendar,
+.button.pink.removecalendar:hover{
+    border-color: #ef3976;
+    background-color: #ef3976;
+}
+.button.pink.removecalendar:before,
+.button.pink.removecalendar:hover:before{
+    background-position: -60px -16px;
+}
 .button.unvisit {
     border-color: #f60;
     background: #f60;

templates/client/includes/calendar_button.html

@@ -1,5 +1,6 @@
 {% load i18n %}
 {% load template_filters %}
 
-<a class="button blue icon-calendar {% if obj|in_calendar:request.user %}removecalendar {% else %}addcalendar {% endif %}" href="{{ obj.get_calendar_url }}">{% if obj|in_calendar:request.user %}{% trans 'Из расписания' %}{% else %}{% trans 'В расписание' %}{% endif %}</a>
+{# FIXME: не работает условие if obj|in_calendar:request.user #}
+<a class="button pink icon-calendar {% if obj|in_calendar:request.user %}removecalendar {% else %}addcalendar {% endif %}" href="{{ obj.get_calendar_url }}">{% if obj|in_calendar:request.user %}{% trans 'Из расписания' %}{% else %}{% trans 'В расписание' %}{% endif %}</a>