Template:Form-template/wlm: Difference between revisions

Content deleted Content added
Seddon (WMF) (talk | contribs)
No edit summary
No edit summary
 
(2 intermediate revisions by 2 users not shown)
Line 1:
<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;
width: 33%;
top: 45%;
right: 30px;
transform: translateY(-45%);
min-width: 110px;
}
 
.button1:hover {
background-color: #447FF5;
}
</style>
 
<div id="donate-form-wrapper">
<div id="actual-form">
<a class="buttonlink" href="//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Africa_2016/Participate/{{{lang}}}">
<nowiki><div class="button button1"><nowiki>Step 1: Create an account<nowiki></div></nowiki><html>
Line 61 ⟶ 10:
<nowiki><div class="button button1"></nowiki>Step 3: Upload to wikimedia commons<nowiki></div></nowiki>
</a>
</div>
<div class="dividing-line" id="form-line"></div>
<div>Some text</div>