TypoMustakes/Prog4_Beadando
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed accent color, rounded table borders

Browse Source
This commit is contained in:
Miskolczi Richárd
2024-05-06 22:21:40 +02:00
parent 4996233c67
commit 8700f1aaca
1 changed files with 36 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css
View File

@@ -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;
}