mirror of
https://github.com/Ekokumppanit/Lentolaskuri.git
synced 2026-01-26 11:13:58 +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.
|
||||
</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>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user