IIWiki:DonateBanner: Difference between revisions

Jump to navigation Jump to search
(Created page with "<templatestyles src="IIWiki:DonateBanner/styles.css" /> <div style="width: 500px; margin: 0 auto;"><!-- DEMO CONTAINER --> <h1 style="text-align: center;">No JS Alerts.</h1>...")
 
(Updated to align with current Patreon brand guidelines.)
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
<templatestyles src="IIWiki:DonateBanner/styles.css" />
<div style="width: 500px; margin: 0 auto;"><!-- DEMO CONTAINER -->
  <h1 style="text-align: center;">No JS Alerts.</h1>
<div class="alert error">
<input type="checkbox" id="alert1"/>
    <label class="close" title="close" for="alert1">
      <i class="icon-remove"></i>
    </label>
<p class="inner">
<strong>Warning!</strong> The alerts are too damn awesome!
</p>
</div>
<div class="alert success">
<input type="checkbox" id="alert2"/>
<label class="close" title="close" for="alert2">
      <i class="icon-remove"></i>
    </label>
<p class="inner">
Your alerts have dismissed successfully.
</p>
</div>
<div class="alert info">
<input type="checkbox" id="alert3"/>
<label class="close" title="close" for="alert3">
      <i class="icon-remove"></i>
    </label>
<p class="inner">
Here is an info block. Just playing with colours.
also lets make this one have lots and lots of
text to show off what line wrapping looks like.
</p>
</div>
<div class="alert warning">
<input type="checkbox" id="alert4"/>
<label class="close" title="close" for="alert4">
      <i class="icon-remove"></i>
    </label>
<p class="inner">
Warnings should be orange correct?
</p>
</div>
<div class="alert">
<input type="checkbox" id="alert5"/>
<label class="close" title="close" for="alert5">
      <i class="icon-remove"></i>
    </label>
<p class="inner">
Standard alert with no 'function' or style specified.
</p>
</div>
  <hr> <!-- Container End Visual -->
</div>
<!--        PATREON BANNER        -->
<!--        PATREON BANNER        -->
<div style="display:flex; justify-content:center;">
<div style="display:flex; justify-content:center;">
<div style="width:95%; border: 2px solid rgb(232, 91, 70); border-right: 20px solid rgb(232, 91, 70); padding-left: 1em; font-size: 1em; text-align:center;">
<div style="width:95%; max-width:1000px; border: 2px solid #FF424D; border-right: 20px solid #FF424D; padding-left: 1em; font-size: 1em; text-align:center;">
[[File:Patreon_Mark_Primary.png|25px]]&nbsp; &nbsp; If you can spare a dollar or two to help maintain the site, please consider '''<span class="plainlinks" id="patreon">[https://www.patreon.com/iiwiki/overview supporting IIWiki on Patreon.]</span>'''
[[File:Patreon_Mark_Primary.png|25px]]&nbsp; &nbsp; If you can spare a dollar or two to help maintain the site, please consider '''<span class="plainlinks" id="patreon">[https://www.patreon.com/iiwiki/overview supporting IIWiki on Patreon.]</span>'''
</div>
</div>
</div>
</div>

Latest revision as of 05:23, 13 August 2023

Patreon Mark Primary.png    If you can spare a dollar or two to help maintain the site, please consider supporting IIWiki on Patreon.