penambahan link dan css

This commit is contained in:
baghizadizn 2025-11-10 08:44:39 +07:00
parent 68589ce778
commit 753e579335
3 changed files with 3249 additions and 3222 deletions

View File

@ -1,5 +1,4 @@
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,700;1,300&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,700;1,800&family=Roboto:wght@300;400&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,700;1,300&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,700;1,800&family=Roboto:wght@300;400&display=swap");
.eBlue { .eBlue {
background-color: #00a3ff !important; background-color: #00a3ff !important;
} }
@ -136,9 +135,11 @@ p {
color: #6c6c6c; color: #6c6c6c;
} }
/*==================== /*====================
Common styles Common styles
=========================*/ =========================*/
ul, ul,
ol, ol,
p { p {
@ -164,7 +165,9 @@ a:hover {
transition: all 0.4s ease; transition: all 0.4s ease;
} }
/*When a tag stay inside header tag, then header's color set to the a tag*/ /*When a tag stay inside header tag, then header's color set to the a tag*/
h1 a, h1 a,
h2 a, h2 a,
h3 a, h3 a,
@ -174,10 +177,14 @@ h6 a {
color: inherit; color: inherit;
} }
/*==================== /*====================
Common styles END Common styles END
=========================*/ =========================*/
/*Bootstrap color overwrite*/ /*Bootstrap color overwrite*/
.btn:focus, .btn:focus,
.btn:active { .btn:active {
box-shadow: 0 0 0 0rem rgba(49, 132, 253, 0) !important; box-shadow: 0 0 0 0rem rgba(49, 132, 253, 0) !important;
@ -261,7 +268,9 @@ Common styles END
border-color: #dedede !important; border-color: #dedede !important;
} }
/*Light btn*/ /*Light btn*/
.btn-light-success { .btn-light-success {
background-color: #dbffec !important; background-color: #dbffec !important;
border-color: #dbffec !important; border-color: #dbffec !important;
@ -392,8 +401,12 @@ Common styles END
border-color: #00a3ff; border-color: #00a3ff;
} }
/*Bootstrap color overwrite end*/ /*Bootstrap color overwrite end*/
/* Specing Start */ /* Specing Start */
.max-w-100px { .max-w-100px {
max-width: 100px !important; max-width: 100px !important;
} }
@ -444,7 +457,9 @@ Common styles END
margin-bottom: 16px; margin-bottom: 16px;
} }
/* Specing End */ /* Specing End */
.wrapper { .wrapper {
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -459,7 +474,9 @@ Common styles END
transition: all 0.5s; transition: all 0.5s;
} }
/* Dark Navbar */ /* Dark Navbar */
.navigation-section-dark { .navigation-section-dark {
background-color: #181c32; background-color: #181c32;
} }
@ -482,7 +499,6 @@ Common styles END
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
} }
.navigation-section>.navigation-section-backdrop { .navigation-section>.navigation-section-backdrop {
background-color: rgba(2, 2, 2, 0.3490196078); background-color: rgba(2, 2, 2, 0.3490196078);
z-index: 10; z-index: 10;
@ -496,7 +512,9 @@ Common styles END
} }
} }
/* Dark Navabr */ /* Dark Navabr */
.navigation-section-dark .side-navigation-bar { .navigation-section-dark .side-navigation-bar {
background-color: #181c32; background-color: #181c32;
} }
@ -528,7 +546,9 @@ Common styles END
width: 54px; width: 54px;
} }
/* Dark Navabr */ /* Dark Navabr */
.navigation-section-dark .side-navigation-bar .nav-header .header h3 { .navigation-section-dark .side-navigation-bar .nav-header .header h3 {
color: #fff; color: #fff;
} }
@ -585,7 +605,9 @@ Common styles END
color: #181c32; color: #181c32;
} }
/* Dark Navbar */ /* Dark Navbar */
.navigation-section-dark .side-navigation-bar>.parent-side-bar { .navigation-section-dark .side-navigation-bar>.parent-side-bar {
background-color: #181c32; background-color: #181c32;
} }
@ -619,7 +641,9 @@ Common styles END
line-height: 13px; line-height: 13px;
} }
/* Dark Navabr */ /* Dark Navabr */
.navigation-section-dark .side-navigation-bar>.parent-side-bar>li>a.active, .navigation-section-dark .side-navigation-bar>.parent-side-bar>li>a.active,
.navigation-section-dark .side-navigation-bar>.parent-side-bar>li>a:hover { .navigation-section-dark .side-navigation-bar>.parent-side-bar>li>a:hover {
color: #fff; color: #fff;
@ -632,7 +656,9 @@ Common styles END
font-weight: 500; font-weight: 500;
} }
/*SVG icon's hover effect*/ /*SVG icon's hover effect*/
.side-navigation-bar>.parent-side-bar>li>a .svg-icon1 { .side-navigation-bar>.parent-side-bar>li>a .svg-icon1 {
padding-right: 8px; padding-right: 8px;
display: inline-block; display: inline-block;
@ -742,7 +768,6 @@ Common styles END
margin-left: 0; margin-left: 0;
left: -266px; left: -266px;
} }
.showNav { .showNav {
max-width: 100%; max-width: 100%;
left: 0; left: 0;
@ -750,10 +775,14 @@ Common styles END
} }
} }
/*SVG icon's hover effect end*/ /*SVG icon's hover effect end*/
/**************** /****************
Parent droupdown Parent droupdown
*****************/ *****************/
.parent-droupdown>a.parent-droupdown-menu { .parent-droupdown>a.parent-droupdown-menu {
position: relative; position: relative;
} }
@ -809,7 +838,9 @@ Common styles END
display: block; display: block;
} }
/**Child dwoupdown or 2nd**/ /**Child dwoupdown or 2nd**/
.parent-droupdown-2nd>a.parent-droupdown-menu-2nd { .parent-droupdown-2nd>a.parent-droupdown-menu-2nd {
position: relative; position: relative;
} }
@ -888,9 +919,11 @@ Common styles END
border-radius: 5px; border-radius: 5px;
} }
/******************************* /*******************************
Body Section Body Section
********************************/ ********************************/
.body-section { .body-section {
max-width: calc(100% - 266px); max-width: calc(100% - 266px);
} }
@ -916,7 +949,6 @@ Body Section
width: 100%; width: 100%;
padding: 50px 50px 20px 50px; padding: 50px 50px 20px 50px;
} }
.body-section-dark { .body-section-dark {
padding: 0; padding: 0;
} }
@ -942,12 +974,10 @@ Body Section
border-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);
box-shadow: 0px 18px 30px rgba(0, 0, 0, 0.0352941176); box-shadow: 0px 18px 30px rgba(0, 0, 0, 0.0352941176);
} }
.body-section-dark .page-header { .body-section-dark .page-header {
height: 80px; height: 80px;
padding: 10px 20px; padding: 10px 20px;
} }
.body-section { .body-section {
width: 100%; width: 100%;
padding: 100px 20px 20px 20px; padding: 100px 20px 20px 20px;
@ -1014,7 +1044,9 @@ Body Section
color: #797c8b; color: #797c8b;
} }
/*Primary form*/ /*Primary form*/
.primary-form { .primary-form {
max-width: 550px; max-width: 550px;
margin-left: 120px; margin-left: 120px;
@ -1033,7 +1065,6 @@ Body Section
margin-left: 20px; margin-left: 20px;
margin-right: 20px; margin-right: 20px;
} }
.primary-form .w-sm-100 { .primary-form .w-sm-100 {
width: 100%; width: 100%;
margin-left: 0px !important; margin-left: 0px !important;
@ -1174,8 +1205,12 @@ Body Section
margin-top: 15px; margin-top: 15px;
} }
/*Primary form end*/ /*Primary form end*/
/*Vertically allignment of a div*/ /*Vertically allignment of a div*/
.parent-elem { .parent-elem {
display: table; display: table;
position: absolute; position: absolute;
@ -1190,9 +1225,15 @@ Body Section
vertical-align: middle; vertical-align: middle;
} }
/*Vertically allignment of a div end*/ /*Vertically allignment of a div end*/
/*Table start*/ /*Table start*/
/*Table End*/ /*Table End*/
.ekator-offcanvas { .ekator-offcanvas {
width: 630px; width: 630px;
} }
@ -1327,7 +1368,9 @@ Body Section
color: #fff; color: #fff;
} }
/* Update Admin Button */ /* Update Admin Button */
.dCreate_admin { .dCreate_admin {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -1364,7 +1407,9 @@ Body Section
box-shadow: none; box-shadow: none;
} }
/* Table Design */ /* Table Design */
.dCard_table th { .dCard_table th {
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
@ -1470,7 +1515,6 @@ Body Section
from { from {
opacity: 0; opacity: 0;
} }
to { to {
opacity: 1; opacity: 1;
} }
@ -1480,7 +1524,6 @@ Body Section
from { from {
opacity: 0; opacity: 0;
} }
to { to {
opacity: 1; opacity: 1;
} }
@ -1490,7 +1533,6 @@ Body Section
from { from {
margin-top: 0.75rem; margin-top: 0.75rem;
} }
to { to {
margin-top: 0; margin-top: 0;
} }
@ -1500,7 +1542,6 @@ Body Section
from { from {
margin-top: 0.75rem; margin-top: 0.75rem;
} }
to { to {
margin-top: 0; margin-top: 0;
} }
@ -1510,7 +1551,6 @@ Body Section
from { from {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
to { to {
margin-bottom: 0; margin-bottom: 0;
} }
@ -1520,13 +1560,14 @@ Body Section
from { from {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
to { to {
margin-bottom: 0; margin-bottom: 0;
} }
} }
/* Assigned Permissions Offcanvas */ /* Assigned Permissions Offcanvas */
.assignPermi_area h3.title { .assignPermi_area h3.title {
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
@ -1706,7 +1747,6 @@ Body Section
color: #fff; color: #fff;
} }
.sidebar .nav-links>li .sMenu-title .sidebar_icon { .sidebar .nav-links>li .sMenu-title .sidebar_icon {
opacity: 0; opacity: 0;
line-height: 44px; line-height: 44px;
@ -1945,56 +1985,45 @@ Body Section
width: 240px; width: 240px;
left: -240px; left: -240px;
} }
.sidebar .nav-links { .sidebar .nav-links {
padding-top: 50px; padding-top: 50px;
} }
.sidebar.close { .sidebar.close {
width: 260px; width: 260px;
left: 0; left: 0;
overflow: auto; overflow: auto;
} }
.sidebar.close::-webkit-scrollbar { .sidebar.close::-webkit-scrollbar {
display: none; display: none;
} }
.sidebar.close .logo-details .logo_name { .sidebar.close .logo-details .logo_name {
display: block; display: block;
opacity: 1; opacity: 1;
} }
.sidebar.close .nav-links li a .link_name { .sidebar.close .nav-links li a .link_name {
opacity: 1; opacity: 1;
pointer-events: visible; pointer-events: visible;
} }
.sidebar.close .nav-links li .sub-menu { .sidebar.close .nav-links li .sub-menu {
position: relative; position: relative;
left: 0; left: 0;
display: none; display: none;
} }
.sidebar.close .nav-links li.showMenu .sub-menu { .sidebar.close .nav-links li.showMenu .sub-menu {
display: block; display: block;
padding: 6px 6px 14px 80px; padding: 6px 6px 14px 80px;
opacity: 1; opacity: 1;
} }
.sidebar.close .nav-links li.showMenu .sub-menu .link_name { .sidebar.close .nav-links li.showMenu .sub-menu .link_name {
display: none; display: none;
} }
.sidebar.close .nav-links .arrow { .sidebar.close .nav-links .arrow {
display: flex; display: flex;
} }
.home-section { .home-section {
left: 0; left: 0;
width: 100%; width: 100%;
} }
.sidebar.close~.home-section { .sidebar.close~.home-section {
left: 0px; left: 0px;
width: 100%; width: 100%;
@ -2021,7 +2050,6 @@ Body Section
cursor: pointer; cursor: pointer;
color: #0d6efd; color: #0d6efd;
} }
.closeIcon svg { .closeIcon svg {
fill: #fff; fill: #fff;
width: 20px; width: 20px;
@ -4086,7 +4114,7 @@ input[type=time]::-webkit-calendar-picker-indicator {
color: #00a3ff !important; color: #00a3ff !important;
} }
.select2-container--default .select2-search--dropdown .select2-search__field{ .select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #d4d4d4; border: 1px solid #d4d4d4;
border-radius: 7px; border-radius: 7px;
margin: 4px 10px; margin: 4px 10px;
@ -6124,4 +6152,3 @@ input[type=time]::-webkit-calendar-picker-indicator {
.payment_table .table { .payment_table .table {
margin-bottom: 0; margin-bottom: 0;
} }

View File

@ -71,7 +71,7 @@
</div> </div>
</div> </div>
<div class="ol-card-body"> <div class="ol-card-body">
<canvas id="myChart" class="mw-100 w-100" height="320px"></canvas> <canvas id="myChart" class="mw-100 w-100" height="320px" style="display: inline-block !important;"></canvas>
</div> <!-- end card body--> </div> <!-- end card body-->
</div> <!-- end card --> </div> <!-- end card -->
</div><!-- end col--> </div><!-- end col-->

View File

@ -20,7 +20,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="https://maps.app.goo.gl/s6pksvyxha1C2VZi7?g_st=ipc" target="_blank" rel="noopener noreferrer">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.99453 11.1912C11.4305 11.1912 12.5945 10.0272 12.5945 8.59121C12.5945 7.15527 11.4305 5.99121 9.99453 5.99121C8.55859 5.99121 7.39453 7.15527 7.39453 8.59121C7.39453 10.0272 8.55859 11.1912 9.99453 11.1912Z" stroke="#192335" stroke-width="1.25" /> <path d="M9.99453 11.1912C11.4305 11.1912 12.5945 10.0272 12.5945 8.59121C12.5945 7.15527 11.4305 5.99121 9.99453 5.99121C8.55859 5.99121 7.39453 7.15527 7.39453 8.59121C7.39453 10.0272 8.55859 11.1912 9.99453 11.1912Z" stroke="#192335" stroke-width="1.25" />
<path d="M3.0187 7.0763C4.66037 -0.140363 15.352 -0.132029 16.9854 7.08464C17.9437 11.318 15.3104 14.9013 13.002 17.118C11.327 18.7346 8.67704 18.7346 6.9937 17.118C4.6937 14.9013 2.06037 11.3096 3.0187 7.0763Z" stroke="#192335" stroke-width="1.25" /> <path d="M3.0187 7.0763C4.66037 -0.140363 15.352 -0.132029 16.9854 7.08464C17.9437 11.318 15.3104 14.9013 13.002 17.118C11.327 18.7346 8.67704 18.7346 6.9937 17.118C4.6937 14.9013 2.06037 11.3096 3.0187 7.0763Z" stroke="#192335" stroke-width="1.25" />