Template:Form-template/wlm: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
Seddon (WMF) (talk | contribs) No edit summary |
No edit summary |
||
| (11 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<html> |
<html> |
||
<style> |
|||
.button { |
|||
background-color: #4CAF50; /* Green */ |
|||
border: none; |
|||
border-radius: 4px; |
|||
color: white; |
|||
padding: 10px 16px; |
|||
text-align: center; |
|||
font-weight: bold; |
|||
text-decoration: none; |
|||
font-size: 12px; |
|||
margin: 4px 2px; |
|||
-webkit-transition-duration: 0.4s; /* Safari */ |
|||
transition-duration: 0.4s; |
|||
cursor: pointer; |
|||
z-index: 999; |
|||
} |
|||
@media (min-width: 1200px) { .button {display: inline-block; } } |
|||
@media (max-width: 1200px) { .button {width: 30%; } } |
|||
@media (max-width: 1200px) { .button {margin: auto; margin-top: 10px; } } |
|||
/* --- Buttons --- */ |
|||
# a.buttonlink { |
|||
cursor: pointer; |
|||
text-decoration: none; |
|||
color: black; |
|||
} |
|||
a.buttonlink:hover { |
|||
color: white; |
|||
} |
|||
.button1 { |
|||
background-color: #0082C0; |
|||
color: white; |
|||
position: static; |
|||
top: 45%; |
|||
right: 30px; |
|||
transform: translateY(-45%); |
|||
min-width: 110px; |
|||
} |
|||
.button1:hover { |
|||
background-color: #447FF5; |
|||
} |
|||
</style> |
|||
<div id="donate-form-wrapper"> |
<div id="donate-form-wrapper"> |
||
<div id="actual-form"> |
|||
<a class="buttonlink" href="//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Africa_2016/Participate/{{{lang}}}"> |
<a class="buttonlink" href="//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Africa_2016/Participate/{{{lang}}}"> |
||
<div class="button button1">Step 1: Create an account</div> |
<nowiki><div class="button button1"><nowiki>Step 1: Create an account<nowiki></div></nowiki><html> |
||
</a> |
</a> |
||
<a class="buttonlink" href="//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Africa_2016/Participate/{{{lang}}}"> |
<a class="buttonlink" href="//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Africa_2016/Participate/{{{lang}}}"> |
||
<div class="button button1">Step 2: Find a nearby monument</div> |
<nowiki><div class="button button1"></nowiki>Step 2: Find a nearby monument<nowiki></div></nowiki> |
||
</a> |
</a> |
||
<a class="buttonlink" href="//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Africa_2016/Participate/{{{lang}}}"> |
<a class="buttonlink" href="//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Africa_2016/Participate/{{{lang}}}"> |
||
<div class="button button1">Step 3: Upload to wikimedia commons</div> |
<nowiki><div class="button button1"></nowiki>Step 3: Upload to wikimedia commons<nowiki></div></nowiki> |
||
</a> |
</a> |
||
</div> |
|||
<div class="dividing-line" id="form-line"></div> |
<div class="dividing-line" id="form-line"></div> |
||
<div>Some text</div> |
<div>Some text</div> |
||