cta detail

This commit is contained in:
Set Sakrecoer 2019-06-18 17:09:48 +02:00
parent d7508bab76
commit ad78359b11
3 changed files with 15 additions and 5 deletions

View file

@ -39,7 +39,7 @@
kl. {{ event.event_data.start_datetime | date: "%R"}}<br /> kl. {{ event.event_data.start_datetime | date: "%R"}}<br />
Typ av konst: {{ event.category }}</p> Typ av konst: {{ event.category }}</p>
<h3>{{ event.description | truncatewords: 10 }} </h3> <h3>{{ event.description | truncatewords: 10 }} </h3>
<p><a class="cta" href="{{ event.url }}">Läs mer</a></p> <p><a class="cta" href="{{ event.url }}" style="padding:10px;"> Läs mer </a></p>
</div> </div>
{% break %} {% break %}
{% endif %} {% endif %}

View file

@ -21,7 +21,7 @@ input[type=text], input[type=email], textarea, select {
input[type=submit] { input[type=submit] {
width: 200px; width: 200px;
background: linear-gradient(97deg, rgb(84, 241, 210), rgb(165, 202, 195)); background-color: rgb(165, 202, 195);
color: black; color: black;
padding: 14px 20px; padding: 14px 20px;
margin: 8px 0; margin: 8px 0;
@ -29,10 +29,15 @@ input[type=submit] {
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
font-family: avantB, "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: avantB, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-ms-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
} }
input[type=submit]:hover { input[type=submit]:hover {
background: linear-gradient(97deg, rgb(165, 202, 195), rgb(84, 241, 210)); background-color: rgb(84, 241, 210);
} }
/* CSS Created by CSS CHECKBOX */ /* CSS Created by CSS CHECKBOX */

View file

@ -148,7 +148,7 @@ a:active {
background-image: url('/images/tile.png'); background-image: url('/images/tile.png');
} }
a.cta{ a.cta{
background: linear-gradient(97deg, rgb(84, 241, 210), rgb(165, 202, 195)); background-color: rgb(165, 202, 195);
color: black; color: black;
padding: 14px 20px; padding: 14px 20px;
margin: 8px 0; margin: 8px 0;
@ -156,9 +156,14 @@ a.cta{
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
font-family: avantB, "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: avantB, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-ms-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
} }
a.cta:hover { a.cta:hover {
background: linear-gradient(97deg, rgb(165, 202, 195), rgb(84, 241, 210)); background-color: rgb(84, 241, 210);
} }
.square-image { .square-image {
width: 150px; width: 150px;