diff --git a/static/myip.css b/static/myip.css index f864122..1003055 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,30 +43,11 @@ body { color: #101F2D; margin: 0.2rem 0; } - -/* Logo link wrapper */ -.logo-link { - display: inline-block; - text-decoration: none; +.ripe-muted { + font-size: .8rem; + margin-top: 30px; } - -/* Bandierina geoloc */ -.flag-icon { - width: 24px; - height: 24px; - border-radius: 4px; - margin-right: 6px; - vertical-align: middle; - box-shadow: 0 0 3px rgba(0,0,0,0.25); -} - -/* Bottone copia IP sotto l'indirizzo */ -.copy-btn-below { - margin-top: 0.5rem; - margin-bottom: 1.5rem; -} - -/* Logo size constraints */ +/* Logo ridimensionato correttamente */ .logo { max-width: 260px; max-height: 100px; @@ -68,3 +57,38 @@ body { margin-bottom: 1.5rem; display: block; } + +/* 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: 8px 20px; + transition: all .3s; + border:0; +} +.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: 8px 20px; + transition: all .3s; + border:0; +} + + +/* Bandierina geoloc */ +.flag-icon { + width: 24px; + height: 24px; + border-radius: 4px; + margin-right: 6px; + vertical-align: middle; + box-shadow: 0 0 3px rgba(0,0,0,0.25); +} \ No newline at end of file