fix .button and use for all buttons

static/css/style.css

@@ -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,

templates/ccvpn/require_email.html

@@ -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>

templates/ccvpn/signup.html

@@ -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>

templates/lambdainst/account.html

@@ -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 />

templates/lambdainst/config.html

@@ -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>

templates/lambdainst/settings.html

@@ -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>

templates/lambdainst/wireguard.html

@@ -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>

templates/lambdainst/wireguard_new.html

@@ -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>

templates/payments/cancel_subscr.html

@@ -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>

templates/registration/login.html

@@ -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>

templates/registration/password_reset_confirm.html

@@ -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>

templates/registration/password_reset_form.html

@@ -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>

templates/tickets/index.html

@@ -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>

templates/tickets/new.html

@@ -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 %}

templates/tickets/view.html

@@ -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>