diff options
| -rw-r--r-- | client/templates/client/doc_create.html | 8 | ||||
| -rw-r--r-- | client/templates/client/doc_edit.html | 4 | ||||
| -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 |
5 files changed, 144 insertions, 21 deletions
diff --git a/client/templates/client/doc_create.html b/client/templates/client/doc_create.html index d7c3edd..18940d8 100644 --- a/client/templates/client/doc_create.html +++ b/client/templates/client/doc_create.html @@ -26,10 +26,10 @@ <label>Documento</label> </div> </div> - <a class="btn waves-effect waves-light" onclick="window.history.back();" > + <a class="btn waves-effect waves-light {{color}}" onclick="window.history.back();" > <i class="material-icons left">navigate_before</i>Indietro </a> - <a class="btn waves-effect waves-light" onclick="send('details')" >Avanti + <a class="btn waves-effect waves-light {{color}}" onclick="send('details')" >Avanti <i class="material-icons right">navigate_next</i> </a> {% else %} @@ -94,10 +94,10 @@ <div class="row"> <div class="col s12"> <br> - <a class="btn waves-effect waves-light" onclick="window.history.back();" > + <a class="btn waves-effect waves-light {{color}}" onclick="window.history.back();" > <i class="material-icons left">navigate_before</i>Indietro </a> - <a class="btn waves-effect waves-light" onclick="send('save')" >Crea + <a class="btn waves-effect waves-light {{color}}" onclick="send('save')" >Crea <i class="material-icons right">create</i> </a> </div> diff --git a/client/templates/client/doc_edit.html b/client/templates/client/doc_edit.html index 87efee4..278f34c 100644 --- a/client/templates/client/doc_edit.html +++ b/client/templates/client/doc_edit.html @@ -74,10 +74,10 @@ <div class="row"> <div class="col s12"> <br> - <a class="btn waves-effect waves-light" onclick="window.history.back();" > + <a class="btn waves-effect waves-light {{color}}" onclick="window.history.back();" > <i class="material-icons left">navigate_before</i>Indietro </a> - <a class="btn waves-effect waves-light" onclick="send('save')" >Salva + <a class="btn waves-effect waves-light {{color}}" onclick="send('save')" >Salva <i class="material-icons right">save</i> </a> </div> 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> |