diff options
Diffstat (limited to '')
-rw-r--r-- | templates/registration/base_admin.html | 47 | ||||
-rw-r--r-- | templates/registration/base_client.html | 53 | ||||
-rw-r--r-- | templates/registration/base_simple.html | 53 |
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> |