TCEL/aportil
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add version files and new GIF images for UI components

Browse Source
This commit is contained in:
asansal
2025-04-03 06:26:44 +07:00
commit 663c28a2ea
5219 changed files with 772528 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
themes/css/cssdivalign.css Normal file
View File

@ -0,0 +1,26 @@
.div-fontawesome-circle {
display: inline-block;
width: 3em;
height: 3em;
border-radius:1.5em;
margin-right: 1em;
background-color: white;
text-align: center;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
}
.div-fontawesome-circle:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em; /* Adjusts for spacing */
}
.div-fontawesome-circle span {
color: #3498db;
font-size: 1.6em;
margin: auto;
text-align: center;
vertical-align: middle;
}

41
themes/css/cssdivgradient.css Normal file
View File

@ -0,0 +1,41 @@
.div-gradient-blue{
width:100%;height:230px;margin-top:30px;margin-left:16px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);border-radius:10px;
background-image: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);
}
.div-gradient-crystaline{
width:100%;height:230px;margin-top:30px;margin-left:16px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);border-radius:10px;
background-image: linear-gradient(-20deg, #00cdac 0%, #8ddad5 100%);
}
.div-gradient-blueocean{
width:100%;height:230px;margin-top:30px;margin-left:16px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);border-radius:10px;
background-image: linear-gradient(-20deg, #177cc1 0%, #3498db 100%);
}
.div-gradient-jungle{
width:100%;height:230px;margin-top:30px;margin-left:16px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);border-radius:10px;
background-image: linear-gradient(45deg, #8baaaa 0%, #ae8b9c 100%);
}
.div-gradient-red{
width:100%;height:230px;margin-top:30px;margin-left:16px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);border-radius:10px;
background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%);
}
.div-gradient-azure {
width:100%;height:230px;margin-top:30px;margin-left:16px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);border-radius:10px;
background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}
.div-gradient-saints {
width:100%;height:230px;margin-top:30px;margin-left:16px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);border-radius:10px;
background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}