mirror of
https://github.com/Ekokumppanit/Lentolaskuri.git
synced 2026-02-16 17:47:57 +00:00
Add one possible way to show donation links, with styling.
This commit is contained in:
@@ -104,6 +104,15 @@
|
|||||||
ja kannustaa pohtimaan liikkumisvalintoja.
|
ja kannustaa pohtimaan liikkumisvalintoja.
|
||||||
</p>
|
</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>
|
||||||
<div class="tab-pane" id="operation"></div>
|
<div class="tab-pane" id="operation"></div>
|
||||||
|
|||||||
@@ -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 {
|
.no-js .js-enabled-content {
|
||||||
opacity: 0.2;
|
opacity: 0.2;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user