Add box-shadows

This commit is contained in:
Fred Boniface 2023-10-05 14:51:34 +01:00
parent 892a13dba2
commit 1b04a28212
6 changed files with 11 additions and 3 deletions

View File

@ -14,5 +14,6 @@
-ms-transform: rotate(45deg); -ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg);
transform: rotate(45deg); transform: rotate(45deg);
box-shadow: 1px 1px 5px rgba(0,0,0,0.39);
} }
</style> </style>

View File

@ -10,7 +10,8 @@
margin: auto; margin: auto;
padding: 10px 5px 10px 5px; padding: 10px 5px 10px 5px;
border-radius: 10px; border-radius: 10px;
margin-top: 5px; margin-top: 10px;
margin-bottom: 5px; margin-bottom: 5px;
box-shadow: 1px 1px 5px rgba(0,0,0,0.19);
} }
</style> </style>

View File

@ -20,6 +20,7 @@
padding-bottom: 5px; padding-bottom: 5px;
text-align: center; text-align: center;
background-color: var(--accent-color); background-color: var(--accent-color);
box-shadow: 0px 3px 2px rgba(0,0,0,0.19);
} }
h1 { h1 {

View File

@ -52,7 +52,7 @@
text-decoration: none; text-decoration: none;
font-size: 18px; font-size: 18px;
font-family: caprasimo; font-family: caprasimo;
font-weight: bolder; font-weight: normal;
} }
nav a:hover { nav a:hover {

View File

@ -14,10 +14,12 @@
margin: 10px; margin: 10px;
background-color: var(--accent-color); background-color: var(--accent-color);
border-radius: 5px; border-radius: 5px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.19);
} }
.tag-link:hover, .tag-link:hover,
.tag-link:active { .tag-link:active {
background-color: var(--accent-rollover); /*background-color: var(--accent-rollover);*/
box-shadow: 1px 1px 1px rgba(0,0,0,0.19) inset;
} }
</style> </style>

View File

@ -59,6 +59,7 @@
margin: 0; /* Reset margin to ensure full width */ margin: 0; /* Reset margin to ensure full width */
padding: 0; /* Reset padding to ensure full width */ padding: 0; /* Reset padding to ensure full width */
box-sizing: border-box; /* Include padding and border in width calculation */ box-sizing: border-box; /* Include padding and border in width calculation */
box-shadow: 0px 3px 2px rgba(0,0,0,0.19);
} }
#header-text { #header-text {
@ -92,6 +93,7 @@
border: none; border: none;
max-height: 150px; max-height: 150px;
height: 30vw; height: 30vw;
box-shadow: 1px 1px 5px rgba(0,0,0,0.19);
} }
/* Media query for larger screens */ /* Media query for larger screens */
@ -145,5 +147,6 @@
h1 { h1 {
font-family: caprasimo; font-family: caprasimo;
font-weight: normal;
} }
</style> </style>