diff --git a/app.py b/app.py index 5bcced8..cdb6b04 100644 --- a/app.py +++ b/app.py @@ -22,7 +22,9 @@ HTML_TEMPLATE = """
{% if show_logo %} - + + + {% endif %}
diff --git a/static/myip.css b/static/myip.css index dd4464b..089d755 100644 --- a/static/myip.css +++ b/static/myip.css @@ -19,11 +19,19 @@ body { align-items: center; text-align: center; } +.badge { margin-bottom: 1rem; } .title { font-size: 1.25rem; color: #101F2D; margin-bottom: 0.5rem; } +.ip-wrapper { margin-top: 1rem; margin-bottom: 1rem; } +.ip { font-size: 3em; font-weight: 600; color: #0181C4; } +.divider { + border-bottom: 1px solid #0181C4; + width: 100%; + margin-bottom: 30px; +} .ripe-title { font-size: 1.1rem; font-weight: 600; @@ -35,6 +43,10 @@ body { color: #101F2D; margin: 0.2rem 0; } +.ripe-muted { + font-size: .8rem; + margin-top: 30px; +} /* Logo ridimensionato correttamente */ .logo { max-width: 260px; @@ -45,13 +57,26 @@ body { margin-bottom: 1.5rem; display: block; } -/* wrapper solo per l'IP */ -.ip-wrapper { - margin-bottom: 0.75rem; -} /* bottone sotto l'IP */ .copy-btn-below { + font-family: 'Montserrat', Helvetica, Arial, sans-serif; margin-top: 0.5rem; margin-bottom: 1.5rem; + background: #101F2D; + color: #ffffff; + font-size: 1.2em; + padding: 5px 20px; + transition: all .3s; } +.copy-btn-below:hover, .copy-btn-below:active { + font-family: 'Montserrat', Helvetica, Arial, sans-serif; + margin-top: 0.5rem; + margin-bottom: 1.5rem; + background: #79858B; + color: #ffffff; + font-size: 1.2em; + padding: 5px 20px; + transition: all .3s; +} +