sld-admin/sld-web-health-check
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added new css features

Browse Source
This commit is contained in:
Simone Cusano
2026-02-12 00:05:03 +00:00
parent bcd7cec6a2
commit 509cd9c332
6 changed files with 172 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
assets/css/style.css
View File

@@ -1,14 +1,38 @@
html { scroll-behavior: smooth; font-family: ubuntu; }
*{ box-sizing: border-box; margin:0; padding:0;}
body{overflow-y: hidden;}
header{
position:fixed;
display:flex;
justify-content: center;
align-items: center;
width:100vw;
padding:5px 10px;
background-color: var(--menu-color);
border-bottom: 2px solid var(--menu-border-col);
color:white;
}
.main-title{
-webkit-text-stroke: 1.2px var(--menu-border-col);
}
.main-container{
padding:20px;
background-color: rgb(186, 186, 186);
padding:50px 20px 20px 20px ;
background-color: #363636;
width:100vw;
height:100vh;
display:flex;
flex-direction: column;
align-items: center;
overflow-y: scroll;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none;/* IE e Edge vecchio */
}
.main-container::-webkit-scrollbar {
display: none; /* Chrome, Safari, Edge Chromium */
}
.alert-container{
@@ -67,9 +91,12 @@ html { scroll-behavior: smooth; font-family: ubuntu; }
.alert_red{
background-color: #df1414;
color:#ff9175;
color:#ffe9e3;
box-shadow: 0px 0px 0px 0px #ff3535, 0 0 10px 1px black inset;;
animation: bumping_red_bg 4s linear 2s infinite;
/* animation: bumping_red_bg 4s linear 2s infinite; */
background: linear-gradient(-45deg,#ff0000, #bb0000, #ff0000);
background-size: 200% 200%;
animation: gradient 3s linear infinite;
}
.alert_green{
@@ -77,4 +104,25 @@ html { scroll-behavior: smooth; font-family: ubuntu; }
color:#c3ffb4;
box-shadow: 0px 0px 3px 1px #41e920, 0 0 10px 1px black inset;;
animation: bumping_green_bg 4s linear 2s infinite;
}
footer{
position:fixed;
display:flex;
justify-content: space-around;
align-items: center;
bottom:0;
background-color: black !important;
width:100vw;
padding:14px;
border-top: 2px solid var(--menu-border-col);
color:white;
}
footer > div{
background-color: #cccccc;
color:black;
padding:5px 10px;
border-radius: 20px;
border: 2px solid var(--menu-border-col);
}