Add one possible way to show donation links, with styling.

This commit is contained in:
Ismo Vuorinen
2013-11-18 17:11:04 +02:00
parent a9f8c63409
commit a34d1ec4e7
2 changed files with 38 additions and 0 deletions

View File

@@ -104,6 +104,15 @@
ja kannustaa pohtimaan liikkumisvalintoja.
</p>
<h3>Lahjoita ympäristötyöhön</h3>
<p>
<div class="donationtarget">
<a href="#" target="_blank">
<img src="http://placehold.it/200x200&text=Logo" width="200" height="200" alt="Logo" style="float: left">
<span>Tee lahjoitus X:lle</span>
</a>
</div>
</p>
</div>
<div class="tab-pane" id="operation"></div>

View File

@@ -29,6 +29,35 @@ body {
}
}
.donationtarget {
display: block;
margin-bottom: 15px;
border: 1px solid #999;
overflow: auto;
a {
display: block;
padding: 15px 10px;
img {
float: right;
width: auto;
height: 90px;
margin: 0px 15px 0px 0px;
}
span {
display: block;
padding: 35px 0px;
}
}
:hover {
background: #efefef;
}
}
.no-js .js-enabled-content {
opacity: 0.2;
}