From 2af5da31ad9f98e6d0de9e8fcb24c336e3b9a75e Mon Sep 17 00:00:00 2001 From: Michele Casanova <68413054+m-casanova@users.noreply.github.com> Date: Tue, 20 Aug 2024 07:04:29 +0200 Subject: [PATCH] ottimizza css --- assets/css/style.css | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index dba849f..7b553bf 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -16,7 +16,7 @@ header > div.info { background: #004d99; } header > div.titolo { background: #0066cc; } header > div > div { width: 1180px; margin: 0px auto; padding:0 } header div div p { margin:0; padding:10px; font-size: 12pt } -header div div h1 { margin:0; padding:20px 10px; font-size: 40px; font-weight: 350; color: #fff } +header div div h1 { margin:0; padding:20px 10px; font-size: 40px; line-eight: 1em; font-weight: 350; color: #fff } main { width: 1180px; margin:60px auto 60px; padding:0 } @@ -32,9 +32,9 @@ footer > div { padding: 40px 0; margin:0 auto; width: 1180px } footer p { margin: 0 10px; font-size: 18px } footer a { color: #fff; font-weight: 450; } -h2 { margin:30px 10px;padding:0; font-size: 32px; font-weight: 400; color: #048 } -h3 { margin:35px 0px 25px; padding: 10px 10px 10px 0; color:#5c6f82; font-size: 24px; font-weight: 500; display: flex; } -h3 span { font-weight: 700; margin: 0 6px; color: #004d99 } +h2 { margin:30px 10px;padding:0; font-size: 32px; line-height: 1em; font-weight: 400; color: #048 } +h3 { margin:40px 10px 0px; padding: 0; color:#004d99; font-size: 28px; font-weight: 600; display: flex; } +p.info { font-weight: 450; margin: 0 10px; font-size: 18px; color: #5c6f82 } .tabs { display: flex; cursor: pointer; border-bottom: 2px solid #06c; } .tabs div { padding: 10px 20px; margin-right: 10px; background-color: #f0f0f0; border: 1px solid #ddd; border-bottom: none; } @@ -54,12 +54,12 @@ h3 span { font-weight: 700; margin: 0 6px; color: #004d99 } .risp { margin: 20px 0; font-weight: 400; } .elenco, .elencoz { margin: 20px 0; position: relative; padding: 0; } -.el_data { position: relative; padding: 0 0 10px 24px; margin: 0 } -.el_data::before { content: ""; position: absolute; left: 10px; top: 0; bottom: 0; width: 4px; background-color: #bfdfff; z-index: 0 } +.el_data { position: relative; padding: 0 0 10px 30px; margin: 0 } +.el_data:hover { background: #f2f7fc } +.el_data::before { content: ""; position: absolute; left: 16px; top: 0; bottom: 0; width: 4px; background-color: #bfdfff; z-index: 0 } .el_data:first-child::before { top: 10px } .el_data:last-child::before { height: 10px; } -.punto { position: absolute; top: 5px; left: 0; width: 16px; height: 16px; background-color: #fff; border: 4px solid #94c4f5; border-radius: 50%; z-index: 1; } -.punto::before { content: ''; } +.punto { position: absolute; top: 5px; left: 6px; width: 16px; height: 16px; background-color: #fff; border: 4px solid #94c4f5; border-radius: 50%; z-index: 1; } .el_data:first-child .punto { border-color: #4392E0; } .elencoz .el_data:last-child .punto { background: #94c4f5; }