highlight

_layouts/events.html

@@ -3,17 +3,22 @@ layout: default
 ---
 <!-- begin events.html -->
 <div class="column">
-  <div style="padding:0 3px 3px 3px;border-radius: 3px;" class="highlight">
+  <div class="highlight">
     <h1>{{ page.title }}</h1>
     <a href="cloudcannon:collections/{{ event.path }}" rel="nofollow" class="editor-link cms-editor-link">Redigera Event</a>
-    Eventet börjar: <strong>{{ page.event_data.start_datetime | date: "%Y-%m-%d"}} klockan
-      {{ page.event_data.start_datetime | date: "%R"}}</strong><br />
-    Och slutar: <strong>{{ page.event_data.end_datetime | date: "%Y-%m-%d"}} klockan
-      {{ page.event_data.end_datetime | date: "%R"}}</strong><br />
+    <p>Eventet börjar: 
+      <br /><strong>{{ page.event_data.start_datetime | date: "%Y-%m-%d"}} 
+      <em>{{ page.event_data.start_datetime | date: "%R"}}</em></strong><br />
+      Och slutar: 
+      <br /><strong>{{ page.event_data.end_datetime | date: "%Y-%m-%d"}} 
+      <em>{{ page.event_data.end_datetime | date: "%R"}}</em></strong><br />
+    </p>      
+
     <p><strong>{{ page.description }}</strong></p>
   </div>
-{{ content }}
   <img src="{{ site.baseurl}}{{ page.image }}" width="100%" alt="Event flyer för: {{ page.title }}" title="Event flyer för: {{ page.title }}" />
+{{ content }}
+
 
 </div>{% include featured-artists.html %}{% if page.slutet_salskap == true %}
 <div class="column">{% if page.slutet_salskap == true %}

_sass/stylish.scss

@@ -217,7 +217,10 @@ canvas {
   margin-left: 5px;
 }
 .highlight {
-  background: linear-gradient(242deg, #d0eee8, #a4f5e5);
+  padding:10px;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 5px 5px 15px 5px #a5cec6;
+  box-shadow: inset 5px 5px 15px 5px #a5cec6;
   background-size: 400% 400%;
   
   -webkit-animation: AnimationName 3s ease infinite;