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;
padding: 0.5em 1em;
border: 2px solid #1c619a;
border: 0;
color: #fff;
background: #1c619a;
}
.button.thin {
border-width: 1px;
color: #005188;
background: transparent;
border: 1px solid #1c619a;
padding: 0.15em 0.50em;
border-radius: 7px;
border-radius: 9px;
font-size: 0.85em;
}
.button, .button.inverted:hover {
color: #1c619a;
color: #005188;
background: transparent;
.button:hover {
color: #fff;
background: #005188;
}
.button:hover, .button.inverted {
.button.thin:hover {
color: #fff;
background: #1c619a;
}
/***************************************************/
/********************* Header */
@ -521,6 +525,10 @@ a.pure-button-primary, a.pure-button-selected {
.button-danger {
background-color: #A7332F;
}
.button-danger:hover {
background-color: #972925;
}
form p.inputinfo {
font-size: 0.8em;
@ -1292,19 +1300,21 @@ div.ticket-message-private {
fill: #1c619a;
}
.button {
border: 2px solid #35b8ff;
.button.thin {
border: 1px solid #35b8ff;
color: #35b8ff;
}
.button:hover {
.button.thin:hover {
background: #35b8ff;
color: #000;
}
.button.inverted {
border: 2px solid #1c619a;
a.button {
color: #fff;
}
.button.inverted {
}
.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,

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

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

@ -93,7 +93,7 @@
</div>
<div class="pure-controls">
<input type="submit" class="pure-button pure-button-primary"
<input type="submit" class="button"
value="{% trans 'Subscribe' %}" />
</div>
<p>{% trans 'You can cancel the recurring payment at any time.' %}</p>
@ -132,7 +132,7 @@
</div>
<div class="pure-controls">
<input type="submit" class="pure-button pure-button-primary"
<input type="submit" class="button"
value="{% trans 'Buy Now' %}" />
</div>
<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" />
</div>
<div class="pure-controls">
<input type="submit" class="pure-button pure-button-primary"
<input type="submit" class="button"
value="{% trans 'Use' %}" />
</div>
<p>{% trans 'Our coupons are alphanumeric codes that give you a fixed duration of VPN access.' %}<br />

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

@ -25,7 +25,7 @@
</div>
<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>
</fieldset>
</form>
@ -53,7 +53,7 @@
</div>
<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>
</fieldset>
</form>
@ -76,7 +76,7 @@
</p>
<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>
<p class="inputinfo">
{% blocktrans trimmed %}
@ -107,7 +107,7 @@
</div>
<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>
{% endif %}
</fieldset>

@ -27,7 +27,7 @@
{% else %}
href="{% url 'lambdainst:wireguard_new' %}"
{% endif %}
class="pure-button pure-button-primary"
class="button inverted"
>
{% trans "New Device" %}
</a>
@ -36,7 +36,7 @@
</div>
{% if keys %}
<table class="pure-table pure-table-bordered page-wg-table">
<table class="flat-table page-wg-table">
<thead>
<tr>
<td>{% trans "Public Key" %}</td>
@ -125,10 +125,10 @@
{% trans 'Enable IPv6?' %}
</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
</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
</button>
</div>

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

@ -18,7 +18,7 @@
<hr />
<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' %}" />
</div>
</fieldset>

@ -10,7 +10,7 @@
{% csrf_token %}
{{ form.as_p }}
<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>
<div class="rightsignup links">
<ul>

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

@ -12,7 +12,7 @@
<input type="email" id="email" name="email"
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>
<div class="links">
<ul>

@ -10,7 +10,7 @@
<div class="table-header">
<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' %}
</a>
</div>

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

@ -44,11 +44,11 @@
<input id="id_staff_only" name="staff_only" type="checkbox" />
{% 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 %}
<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 %}
<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 %}
</div>
</form>

Loading…
Cancel
Save