Updated some styles for tables and links

This commit is contained in:
Gregory Ballantine
2024-05-29 15:07:54 -04:00
parent fb76f28643
commit 533c407183
6 changed files with 50 additions and 7 deletions

View File

@ -15,6 +15,22 @@ body{
background: #eee;
}
a{
color: teal;
transition: color 180ms ease-in-out;
}
a:hover{
color: darkcyan;
}
button.button-primary{
background: teal;
transition: background 180ms ease-in-out;
}
button.button-primary:hover{
background: darkcyan;
}
textarea{
max-width: 100%;
min-width: 100%;
@ -25,6 +41,33 @@ form select[multiple]{
min-height: 100px;
}
table{
border: 1px solid #ddd;
border-radius: 8px;
border-spacing: 0;
overflow: hidden;
}
table th,
table td,
table th:first-child,
table td:first-child{
border: none;
padding: 7px 12px;
}
table thead tr{
border-radius: 8px 8px 0 0;
}
table tbody tr:last-child{
border-radius: 0 0 8px 8px;
}
table thead tr,
table tr:nth-child(even){
background: #eee;
}
/* Material card styles */
.card-1 {
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
@ -52,7 +95,7 @@ form select[multiple]{
}
.container{
max-width: 1024px;
max-width: 1200px;
}
#main-nav{
@ -92,7 +135,7 @@ form select[multiple]{
}
#main-content{
padding: 14px 20px;
padding: 15px 25px;
background: white;
border-radius: 8px;
z-index: 10;