#890 Styles for the new contacts page (#895)

front/less/common/variables.less

@@ -100,6 +100,9 @@
 @c-article-img-border: #cbd1d7;
 @c-article-img-shadow: #bec3c6;
 
+// Icon colors
+@c-icon-blue: #2b6988;
+
 // Other colors
 @c-price-border-color: #dddddd;
 

front/less/pages/contacts.less

@@ -0,0 +1,41 @@
+.contacts-department {
+  width: 100%;
+  height: 288px;
+  background-color: @c-white;
+
+  & .text {
+    display: inline-block;
+    vertical-align: top;
+    width: 45%;
+    padding: 55px 0 0 40px;
+    background-color: white;
+
+    & ul.items {
+      list-style: None;
+      line-height: 19px;
+
+      & li {
+        margin-bottom: 15px;
+
+        & .fa {
+          padding-right: 12px;
+        }
+
+        & a {
+          color: inherit;
+          text-decoration: none;
+        }
+      }
+    }
+  }
+
+  & .map {
+    display: inline-block;
+    width: 54%;
+    height: 288px;
+  }
+
+  &-details {
+    margin-top: 20px;
+  }
+}

templates/pages/page.html

@@ -13,6 +13,10 @@
 
     <div class="col-sm-9 right-col">
       <h1>{{ page.display.h1 }}</h1>
+      {% comment %}
+        @todo #890:60m  Remove date_published outside of base template.
+         Pages whose are needed at date_pubslished should use it explicitly.
+      {% endcomment %}
       {% if page.type != 'navigation' and page.date_published %}
         <p class="date-pub-article">
           {{ page.date_published|date:'d.m.Y' }}