aboutsummaryrefslogtreecommitdiffstats
path: root/templates/registration
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--templates/registration/base_admin.html47
-rw-r--r--templates/registration/base_client.html53
-rw-r--r--templates/registration/base_simple.html53
3 files changed, 138 insertions, 15 deletions
diff --git a/templates/registration/base_admin.html b/templates/registration/base_admin.html
index 4a12892..6d5d590 100644
--- a/templates/registration/base_admin.html
+++ b/templates/registration/base_admin.html
@@ -8,11 +8,16 @@
<link rel="stylesheet" type="text/css" href="{% static 'material_icons.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'materialize.min.css' %}">
<style>
- .input-field input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label {
+ input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label {
color: {{hexcolor}} !important;
}
- .input-field input[type=text]:focus, .materialize-textarea:focus:not([readonly]) {
+ input[type=text]:focus, .materialize-textarea:focus:not([readonly]) {
+ border-bottom: 1px solid {{hexcolor}} !important;
+ box-shadow: 0 1px 0 0 {{hexcolor}} !important;
+ }
+
+ input[type=password]:focus, .materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid {{hexcolor}} !important;
box-shadow: 0 1px 0 0 {{hexcolor}} !important;
}
@@ -29,6 +34,42 @@
.switch label input[type="checkbox"]:checked + .lever::after {
background-color: {{hexcolor}};
}
+
+ .progress .indeterminate {
+ background-color: {{hexcolor}};
+ }
+
+ .progress .determinate {
+ background-color: {{hexcolor}};
+ }
+
+ .progress {
+ background-color: {{hexlightcolor}};
+ }
+
+ .dropdown-content li > a, .dropdown-content li > span {
+ color: {{hexcolor}};
+ }
+
+ .datepicker-date-display {
+ background-color: {{hexcolor}};
+ }
+
+ .datepicker-table td.is-selected {
+ background-color: {{hexcolor}};
+ }
+
+ .datepicker-table td.is-today {
+ color: {{hexcolor}};
+ }
+
+ .datepicker-cancel, .datepicker-today, .datepicker-done {
+ color: black;
+ }
+
+ blockquote {
+ border-left: 5px solid {{hexcolor}};
+ }
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta charset="utf-8">
@@ -66,7 +107,7 @@
{% endblock %}
</nav>
- <main style="margin-left: 10px;margin-right: 10px;margin-top: 10px;">
+ <main id="main" style="margin-left: 10px;margin-right: 10px;margin-top: 10px;">
{% block content %}
{% endblock %}
</main>
diff --git a/templates/registration/base_client.html b/templates/registration/base_client.html
index 8155e88..3957c9c 100644
--- a/templates/registration/base_client.html
+++ b/templates/registration/base_client.html
@@ -1,6 +1,6 @@
-{% with color="teal" %}
-{% with hexcolor="#009688" %}
-{% with hexlightcolor="#80cbc4" %}
+{% with color="light-blue darken-4" %}
+{% with hexcolor="#01579b" %}
+{% with hexlightcolor="#039be5" %}
<!DOCTYPE html>
<html>
<head>
@@ -8,11 +8,16 @@
<link rel="stylesheet" type="text/css" href="{% static 'material_icons.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'materialize.min.css' %}">
<style>
- .input-field input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label {
+ input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label {
color: {{hexcolor}} !important;
}
- .input-field input[type=text]:focus, .materialize-textarea:focus:not([readonly]) {
+ input[type=text]:focus, .materialize-textarea:focus:not([readonly]) {
+ border-bottom: 1px solid {{hexcolor}} !important;
+ box-shadow: 0 1px 0 0 {{hexcolor}} !important;
+ }
+
+ input[type=password]:focus, .materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid {{hexcolor}} !important;
box-shadow: 0 1px 0 0 {{hexcolor}} !important;
}
@@ -29,6 +34,42 @@
.switch label input[type="checkbox"]:checked + .lever::after {
background-color: {{hexcolor}};
}
+
+ .progress .indeterminate {
+ background-color: {{hexcolor}};
+ }
+
+ .progress .determinate {
+ background-color: {{hexcolor}};
+ }
+
+ .progress {
+ background-color: {{hexlightcolor}};
+ }
+
+ .dropdown-content li > a, .dropdown-content li > span {
+ color: {{hexcolor}};
+ }
+
+ .datepicker-date-display {
+ background-color: {{hexcolor}};
+ }
+
+ .datepicker-table td.is-selected {
+ background-color: {{hexcolor}};
+ }
+
+ .datepicker-table td.is-today {
+ color: {{hexcolor}};
+ }
+
+ .datepicker-cancel, .datepicker-today, .datepicker-done {
+ color: black;
+ }
+
+ blockquote {
+ border-left: 5px solid {{hexcolor}};
+ }
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta charset="utf-8">
@@ -66,7 +107,7 @@
{% endblock %}
</nav>
- <main style="margin-left: 10px;margin-right: 10px;margin-top: 10px;">
+ <main id="main" style="margin-left: 10px;margin-right: 10px;margin-top: 10px;">
{% block content %}
{% endblock %}
</main>
diff --git a/templates/registration/base_simple.html b/templates/registration/base_simple.html
index f8c74bc..6fcd1da 100644
--- a/templates/registration/base_simple.html
+++ b/templates/registration/base_simple.html
@@ -1,6 +1,6 @@
-{% with color="teal" %}
-{% with hexcolor="#009688" %}
-{% with hexlightcolor="#80cbc4" %}
+{% with color="light-blue darken-4" %}
+{% with hexcolor="#01579b" %}
+{% with hexlightcolor="#039be5" %}
<!DOCTYPE html>
<html>
<head>
@@ -8,11 +8,16 @@
<link rel="stylesheet" type="text/css" href="{% static 'material_icons.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'materialize.min.css' %}">
<style>
- .input-field input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label {
+ input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label {
color: {{hexcolor}} !important;
}
- .input-field input[type=text]:focus, .materialize-textarea:focus:not([readonly]) {
+ input[type=text]:focus, .materialize-textarea:focus:not([readonly]) {
+ border-bottom: 1px solid {{hexcolor}} !important;
+ box-shadow: 0 1px 0 0 {{hexcolor}} !important;
+ }
+
+ input[type=password]:focus, .materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid {{hexcolor}} !important;
box-shadow: 0 1px 0 0 {{hexcolor}} !important;
}
@@ -29,13 +34,49 @@
.switch label input[type="checkbox"]:checked + .lever::after {
background-color: {{hexcolor}};
}
+
+ .progress .indeterminate {
+ background-color: {{hexcolor}};
+ }
+
+ .progress .determinate {
+ background-color: {{hexcolor}};
+ }
+
+ .progress {
+ background-color: {{hexlightcolor}};
+ }
+
+ .dropdown-content li > a, .dropdown-content li > span {
+ color: {{hexcolor}};
+ }
+
+ .datepicker-date-display {
+ background-color: {{hexcolor}};
+ }
+
+ .datepicker-table td.is-selected {
+ background-color: {{hexcolor}};
+ }
+
+ .datepicker-table td.is-today {
+ color: {{hexcolor}};
+ }
+
+ .datepicker-cancel, .datepicker-today, .datepicker-done {
+ color: black;
+ }
+
+ blockquote {
+ border-left: 5px solid {{hexcolor}};
+ }
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta charset="utf-8">
<title>{% block title %}Scout Brega{% endblock %}</title>
</head>
<body>
- <main style="margin-left: 10px;margin-right: 10px;margin-top: 10px;">
+ <main id="main" style="margin-left: 10px;margin-right: 10px;margin-top: 10px;">
{% block content %}
{% endblock %}
</main>