fix .button and use for all buttons

master
alice 3 years ago
parent ea83a49adf
commit 0d67ddfcd5

@ -73,25 +73,29 @@ div#captcha > div {
border-radius: 3px; border-radius: 3px;
padding: 0.5em 1em; padding: 0.5em 1em;
border: 2px solid #1c619a; border: 0;
color: #fff;
background: #1c619a;
} }
.button.thin { .button.thin {
border-width: 1px; color: #005188;
background: transparent;
border: 1px solid #1c619a;
padding: 0.15em 0.50em; padding: 0.15em 0.50em;
border-radius: 7px; border-radius: 9px;
font-size: 0.85em; font-size: 0.85em;
} }
.button:hover {
.button, .button.inverted:hover { color: #fff;
color: #1c619a; background: #005188;
color: #005188;
background: transparent;
} }
.button:hover, .button.inverted { .button.thin:hover {
color: #fff; color: #fff;
background: #1c619a; background: #1c619a;
} }
/***************************************************/ /***************************************************/
/********************* Header */ /********************* Header */
@ -521,6 +525,10 @@ a.pure-button-primary, a.pure-button-selected {
.button-danger { .button-danger {
background-color: #A7332F; background-color: #A7332F;
} }
.button-danger:hover {
background-color: #972925;
}
form p.inputinfo { form p.inputinfo {
font-size: 0.8em; font-size: 0.8em;
@ -1292,19 +1300,21 @@ div.ticket-message-private {
fill: #1c619a; fill: #1c619a;
} }
.button { .button.thin {
border: 2px solid #35b8ff; border: 1px solid #35b8ff;
color: #35b8ff;
} }
.button:hover { .button.thin:hover {
background: #35b8ff; background: #35b8ff;
color: #000; color: #000;
} }
.button.inverted {
border: 2px solid #1c619a;
a.button {
color: #fff;
}
.button.inverted {
} }
.button, .button.inverted:hover { .button, .button.inverted:hover {
color: #35b8ff;
} }
.pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form select, .pure-form textarea, .pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form select, .pure-form textarea,

@ -16,7 +16,7 @@
<b>{% trans 'Required to use the forums. A confirmation will be sent.' %}</b> <b>{% trans 'Required to use the forums. A confirmation will be sent.' %}</b>
</p> </p>
<input type="submit" class="pure-button pure-button-primary" value="{% trans 'Continue' %}" /> <input type="submit" class="button" value="{% trans 'Continue' %}" />
</form> </form>
</div> </div>
</div> </div>

@ -39,7 +39,7 @@
<script src="https://hcaptcha.com/1/api.js" async defer></script> <script src="https://hcaptcha.com/1/api.js" async defer></script>
{% endif %} {% endif %}
<input type="submit" class="pure-button pure-button-primary" value="{% trans 'Sign up' %}" /> <input type="submit" class="button" value="{% trans 'Sign up' %}" />
</form> </form>
<div class="rightsignup links"> <div class="rightsignup links">
<ul> <ul>

@ -93,7 +93,7 @@
</div> </div>
<div class="pure-controls"> <div class="pure-controls">
<input type="submit" class="pure-button pure-button-primary" <input type="submit" class="button"
value="{% trans 'Subscribe' %}" /> value="{% trans 'Subscribe' %}" />
</div> </div>
<p>{% trans 'You can cancel the recurring payment at any time.' %}</p> <p>{% trans 'You can cancel the recurring payment at any time.' %}</p>
@ -132,7 +132,7 @@
</div> </div>
<div class="pure-controls"> <div class="pure-controls">
<input type="submit" class="pure-button pure-button-primary" <input type="submit" class="button"
value="{% trans 'Buy Now' %}" /> value="{% trans 'Buy Now' %}" />
</div> </div>
<p>{% trans 'If you still have time, the first payment will be delayed.' %}</p> <p>{% trans 'If you still have time, the first payment will be delayed.' %}</p>
@ -154,7 +154,7 @@
pattern="[ ]*[a-zA-Z0-9]{1,32}[ ]*" autocomplete="off" /> pattern="[ ]*[a-zA-Z0-9]{1,32}[ ]*" autocomplete="off" />
</div> </div>
<div class="pure-controls"> <div class="pure-controls">
<input type="submit" class="pure-button pure-button-primary" <input type="submit" class="button"
value="{% trans 'Use' %}" /> value="{% trans 'Use' %}" />
</div> </div>
<p>{% trans 'Our coupons are alphanumeric codes that give you a fixed duration of VPN access.' %}<br /> <p>{% trans 'Our coupons are alphanumeric codes that give you a fixed duration of VPN access.' %}<br />

@ -55,7 +55,7 @@
{% trans 'Enable IPv6?' %} {% trans 'Enable IPv6?' %}
</label> </label>
<input type="submit" class="pure-button pure-button-primary" <input type="submit" class="button"
value="{% trans 'Download config' %}" /> value="{% trans 'Download config' %}" />
</div> </div>
</fieldset> </fieldset>

@ -25,7 +25,7 @@
</div> </div>
<div class="pure-controls"> <div class="pure-controls">
<input type="submit" class="pure-button pure-button-primary" value="{% trans 'Save' %}" /> <input type="submit" class="button" value="{% trans 'Save' %}" />
</div> </div>
</fieldset> </fieldset>
</form> </form>
@ -53,7 +53,7 @@
</div> </div>
<div class="pure-controls"> <div class="pure-controls">
<input type="submit" class="pure-button pure-button-primary" value="{% trans 'Save' %}" /> <input type="submit" class="button" value="{% trans 'Save' %}" />
</div> </div>
</fieldset> </fieldset>
</form> </form>
@ -76,7 +76,7 @@
</p> </p>
<div class="pure-controls"> <div class="pure-controls">
<input type="submit" class="pure-button pure-button-primary button-danger" value="{% trans 'Export my data' %}" /> <input type="submit" class="button button-danger" value="{% trans 'Export my data' %}" />
</div> </div>
<p class="inputinfo"> <p class="inputinfo">
{% blocktrans trimmed %} {% blocktrans trimmed %}
@ -107,7 +107,7 @@
</div> </div>
<div class="pure-controls"> <div class="pure-controls">
<input type="submit" class="pure-button pure-button-primary button-danger" value="{% trans 'Delete my account' %}" /> <input type="submit" class="button button-danger" value="{% trans 'Delete my account' %}" />
</div> </div>
{% endif %} {% endif %}
</fieldset> </fieldset>

@ -27,7 +27,7 @@
{% else %} {% else %}
href="{% url 'lambdainst:wireguard_new' %}" href="{% url 'lambdainst:wireguard_new' %}"
{% endif %} {% endif %}
class="pure-button pure-button-primary" class="button inverted"
> >
{% trans "New Device" %} {% trans "New Device" %}
</a> </a>
@ -36,7 +36,7 @@
</div> </div>
{% if keys %} {% if keys %}
<table class="pure-table pure-table-bordered page-wg-table"> <table class="flat-table page-wg-table">
<thead> <thead>
<tr> <tr>
<td>{% trans "Public Key" %}</td> <td>{% trans "Public Key" %}</td>
@ -125,10 +125,10 @@
{% trans 'Enable IPv6?' %} {% trans 'Enable IPv6?' %}
</label> </label>
<button type="submit" class="pure-button pure-button-primary"> <button type="submit" class="button">
<i class="fa fa-download" aria-hidden="true"></i> Download <i class="fa fa-download" aria-hidden="true"></i> Download
</button> </button>
<button onclick="showWgCode(this, 'config-form'); return false" class="pure-button pure-button-primary" id="qrbutton"> <button onclick="showWgCode(this, 'config-form'); return false" class="button" id="qrbutton">
<i class="fa fa-qrcode" aria-hidden="true"></i> QR Code <i class="fa fa-qrcode" aria-hidden="true"></i> QR Code
</button> </button>
</div> </div>

@ -31,7 +31,7 @@
</div> </div>
<div class="pure-controls"> <div class="pure-controls">
<input type="submit" class="pure-button pure-button-primary" <input type="submit" class="button"
value="{% trans 'Create Key' %}" /> value="{% trans 'Create Key' %}" />
</div> </div>
</fieldset> </fieldset>

@ -18,7 +18,7 @@
<hr /> <hr />
<div class="pure-controls"> <div class="pure-controls">
<input type="submit" class="pure-button pure-button-primary button-danger" <input type="submit" class="button button-danger"
value="{% trans 'Cancel Subscription' %}" /> value="{% trans 'Cancel Subscription' %}" />
</div> </div>
</fieldset> </fieldset>

@ -10,7 +10,7 @@
{% csrf_token %} {% csrf_token %}
{{ form.as_p }} {{ form.as_p }}
<input type="hidden" name="next" value="{{ next }}" /> <input type="hidden" name="next" value="{{ next }}" />
<input type="submit" class="pure-button pure-button-primary" value="{% trans 'Log in' %}" /> <input type="submit" class="button" value="{% trans 'Log in' %}" />
</form> </form>
<div class="rightsignup links"> <div class="rightsignup links">
<ul> <ul>

@ -10,7 +10,7 @@
<form class="pure-form pure-form-stacked" action="" method="post"> <form class="pure-form pure-form-stacked" action="" method="post">
{% csrf_token %} {% csrf_token %}
{{ form }} {{ form }}
<input type="submit" class="pure-button pure-button-primary" value="{% trans 'Reset' %}"/> <input type="submit" class="button" value="{% trans 'Reset' %}"/>
</form> </form>
{% else %} {% else %}
<p>{% trans 'Invalid reset link.' %}</p> <p>{% trans 'Invalid reset link.' %}</p>

@ -12,7 +12,7 @@
<input type="email" id="email" name="email" <input type="email" id="email" name="email"
required="required" /> required="required" />
<input type="submit" class="pure-button pure-button-primary" value="{% trans 'Reset Password' %}" /> <input type="submit" class="button" value="{% trans 'Reset Password' %}" />
</form> </form>
<div class="links"> <div class="links">
<ul> <ul>

@ -10,7 +10,7 @@
<div class="table-header"> <div class="table-header">
<h3>{% trans 'Your Tickets' %}</h3> <h3>{% trans 'Your Tickets' %}</h3>
<a href="{% url 'tickets:new' %}" class="pure-button pure-button-primary"> <a href="{% url 'tickets:new' %}" class="button">
{% trans 'New Ticket' %} {% trans 'New Ticket' %}
</a> </a>
</div> </div>

@ -9,7 +9,7 @@
{% csrf_token %} {% csrf_token %}
{{ form }} {{ form }}
<input type="submit" class="pure-button pure-button-primary" value="{% trans 'Open Ticket' %}" /> <input type="submit" class="button" value="{% trans 'Open Ticket' %}" />
</form> </form>
</div> </div>
{% endblock %} {% endblock %}

@ -44,11 +44,11 @@
<input id="id_staff_only" name="staff_only" type="checkbox" /> <input id="id_staff_only" name="staff_only" type="checkbox" />
{% endif %} {% endif %}
<input type="submit" class="pure-button pure-button-primary button-1-2" value="{% trans 'Reply' %}" /> <input type="submit" class="button inverted button-1-2" value="{% trans 'Reply' %}" />
{% if ticket.is_open %} {% if ticket.is_open %}
<input type="submit" class="pure-button button-1-2" name="close" value="{% trans 'Close Ticket' %}" /> <input type="submit" class="button button-1-2" name="close" value="{% trans 'Close Ticket' %}" />
{% else %} {% else %}
<input type="submit" class="pure-button button-1-2" name="reopen" value="{% trans 'Re-open Ticket' %}" /> <input type="submit" class="button secondary button-1-2" name="reopen" value="{% trans 'Re-open Ticket' %}" />
{% endif %} {% endif %}
</div> </div>
</form> </form>

Loading…
Cancel
Save