Template:Form-template/wlm: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
Seddon (WMF) (talk | contribs)
No edit summary
No edit summary
 
(7 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}}}">
</html><nowiki><div class="button button1">Step 1: Create an account</div></nowiki><html>
<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>

Latest revision as of 20:08, 6 September 2023