text & design adjustments

master
alice 3 years ago
parent 3058d8834c
commit 17487e29d8

@ -87,7 +87,7 @@ div#captcha > div {
header{
color: #1c619a;
padding: 1em 6em;
padding: 2em 8em;
}
header .inner {
display: flex;
@ -206,7 +206,7 @@ header .site-menu a{
@media screen and (max-width: 64em) {
header {
padding: 0.6em 1em;
padding: 1em 2em;
}
header nav {
margin-left: 3em;
@ -292,9 +292,6 @@ header .site-menu a{
}
.content h2 {
font-size: 1.5em;
font-weight: normal;
font-weight: 400;
text-align: center;
font-family: 'Arvo', serif;
@ -310,6 +307,7 @@ header .site-menu a{
.flex-page {
display: flex;
margin: 0 auto 0 auto;
align-items: flex-start;
}
.flex-page .left-menu {
display: block;
@ -624,9 +622,9 @@ ul.errorlist {
.homepage h2 {
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 2.3em;
font-size: 2.5em;
font-weight: bold;
margin: 3em 0.5em;
margin: 2.75em 0.5em;
-webkit-text-fill-color: #D99C7E;
-webkit-text-stroke-width: 1px;
@ -660,7 +658,7 @@ ul.errorlist {
.homepage h3 {
font-family: 'Arvo', serif;
font-weight: normal;
font-size: 1.2em;
font-size: 1.3em;
}
.homepage ul {
list-style-type: circle;
@ -702,6 +700,9 @@ ul.errorlist {
}
@media screen and (max-width: 48em) {
.homepage h2 {
font-size: 2.3em;
}
.homepage .title h3, .homepage .inner {
width: 90%;
}
@ -760,7 +761,6 @@ a.home-signup-button {
}
.account-status table td {
padding: 0.5em 1em;
width: 50%;
}
.account-status table td:first-child {
border-right: 1px solid #ddd;
@ -904,13 +904,13 @@ a.home-signup-button {
/***************************************************/
/********************* Gateways */
#gateways table {
table.flat-table {
width: 100%;
}
#gateways td {
.flat-table td {
padding: 10px;
}
#gateways table thead td {
.flat-table thead td {
text-align: center;
font-size: 1.1em;
border: 1px solid #bbb;
@ -918,37 +918,37 @@ a.home-signup-button {
color: #1c619a;
background: #ddd;
}
#gateways table thead tr td:first-child {
.flat-table thead tr td:first-child {
border-left: 0;
}
#gateways table thead tr td:last-child {
.flat-table thead tr td:last-child {
border-right: 0;
}
#gateways table tbody tr td:first-child {
.flat-table tbody tr td:first-child {
border-left: 0;
}
#gateways table tbody tr td {
.flat-table tbody tr td {
border: 1px solid #bbb;
}
#gateways table tbody tr td:first-child {
.flat-table tbody tr td:first-child {
border-left: 0;
}
#gateways table tbody tr td:last-child {
.flat-table tbody tr td:last-child {
border-right: 0;
}
#gateways table tbody tr:last-child td {
.flat-table tbody tr:last-child td {
border-bottom: 0;
}
#gateways table tbody tr:nth-child(even) {
.flat-table tbody tr:nth-child(even) {
background: #eee;
}
#gateways .host_name {
.flat-table .host_name {
font-family: monospace;
}
#gateways td {
.flat-table td {
white-space: nowrap;
}
#gateways .right {
.flat-table .right {
text-align: right;
}

@ -21,12 +21,10 @@
<i class="fa fa-download fa-fw" aria-hidden="true"></i>&nbsp;
{% trans 'OpenVPN' %}
</a></li>
{% if config.WIREGUARD %}
<li><a href="/account/wireguard">
<i class="icon icon-wireguard fa-fw" aria-hidden="true"></i>&nbsp;
{% trans 'WireGuard' %}
</a></li>
{% endif %}
<li><a href="/payments">
<i class="fa fa-credit-card fa-fw" aria-hidden="true"></i>&nbsp;
{% trans 'Payments' %}
@ -39,9 +37,11 @@
</div>
</div>
{% block account_content_outer %}
<div class="flex-page-content">
<div class="content-box">
{% block account_content %}{% endblock %}
</div>
</div>
{% endblock %}
</div>
</div>

@ -15,10 +15,15 @@
<h3>{% trans 'Hide your IP Address' %}</h3>
</div>
<div class="inner">
<p>
<p>
{% blocktrans trimmed %}
From sites and corporations tracking you for advertising, marketing, geo-blocking, ...
and sometimes leaking the data or ignoring regulations.
{% endblocktrans %}
</p>
<p>
{% blocktrans trimmed %}
From corporations and attackers tracking you for advertising, marketing, geo-blocking, extortion, ...
and irresponsibly storing personal data that can leak to malicious parties and be used against you.
From attackers collecting leaked data or harvesting IP addresses on P2P networks to stalk or extort you.
{% endblocktrans %}
</p>
</div>

@ -4,7 +4,6 @@
{% block pagetitle %}{% trans 'OpenVPN Configuration' %}{% endblock %}
{% block account_content %}
<div>
<form action="/account/config_dl" method="get" class="pure-form pure-form-aligned">
<fieldset>
<div class="pure-control-group">
@ -61,8 +60,4 @@
</div>
</fieldset>
</form>
</div>
{% endblock %}

@ -8,7 +8,7 @@
<div class="pure-u-1 pure-u-xl-2-3" id="gateways">
<h2>{% trans 'Our Servers' %}</h2>
<table>
<table class="flat-table">
<thead>
<tr><td>{% trans 'Location' %}</td>
<td>{% trans 'Hostname' %}</td>

@ -3,8 +3,8 @@
{% load static %}
{% block pagetitle %}{% trans 'Payments' %}{% endblock %}
{% block account_content %}
<table class="admin-list">
{% block account_content_outer %}
<table class="flat-table">
<thead>
<tr>
<td>{% trans 'Date' %}</td>
@ -15,7 +15,7 @@
<tbody>
{% for payment in payments %}
<tr>
<td>{{ payment.created }}</td>
<td>{{ payment.created|date:'Y-m-d H:i' }}</td>
<td>{{ payment.time }}
({{ payment.get_amount_display }})
</td>

Loading…
Cancel
Save