From 8700f1aaca7312862e7e3171f60d7a7a9e011bfc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Miskolczi=20Rich=C3=A1rd?= Date: Mon, 6 May 2024 22:21:40 +0200 Subject: [PATCH] changed accent color, rounded table borders --- .../wwwroot/style.css | 47 ++++++++++++++----- 1 file changed, 36 insertions(+), 11 deletions(-) diff --git a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css index 7818a93..c908acd 100644 --- a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css +++ b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css @@ -23,7 +23,7 @@ input{ } input:focus{ - border: 2px solid #ff5c33; + border: 2px solid #e34f5b; outline: none; } @@ -45,7 +45,7 @@ input:focus{ .button:hover{ background: rgba(255, 255, 255, 0.25); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; - border: 3px solid #ff5c33; + border: 3px solid #e34f5b; } a.bookmark{ @@ -68,21 +68,46 @@ table.inputs td:first-child{ background-color: rgba(0, 0, 0, 0.1); } -tr.addbutton -{ - background-color: rgba(0, 0, 0, 0.1); -} - table.queryresults { width: 80%; font-size: 20px; color: white; margin: 0 auto; - border-radius: 30px; - border-collapse: collapse; } +table thead tr:first-child th:first-child { + border-top-left-radius: 5px; +} + +table thead tr:first-child th:last-child { + border-top-right-radius: 5px; +} + +table tr:last-child td:first-child { + border-bottom-left-radius: 5px; +} + +table tr:last-child td:last-child { + border-bottom-right-radius: 5px; +} + +#forms tr:first-child td:first-child { + border-top-left-radius: 5px; +} + +#forms tr:first-child td:last-child { + border-top-right-radius: 5px; +} + +#resultarea tr:first-child td:first-child { + border-top-left-radius: 5px; +} + +#resultarea tr:first-child td:last-child { + border-top-right-radius: 5px; +} + table th, table td { border: 2px solid white; @@ -129,7 +154,7 @@ button { button:hover { - border: 2px solid #ff5c33; + border: 2px solid #e34f5b; background: rgba(255, 255, 255, 0.25); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } @@ -148,7 +173,7 @@ button.save{ button.save:hover { - border: 2px solid #ff5c33; + border: 2px solid #e34f5b; background: rgba(255, 255, 255, 0.25); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }