Server : Apache System : Linux server1.cgrithy.com 3.10.0-1160.95.1.el7.x86_64 #1 SMP Mon Jul 24 13:59:37 UTC 2023 x86_64 User : nobody ( 99) PHP Version : 8.1.23 Disable Function : NONE Directory : /home/dnlcambodia/public_html/dnl_dashboard/assets/css/ |
/* Reset default margin and padding for the entire page */ .Name_profile{ padding: 10px; text-align: center; } body { margin: 0; padding: 0; background-image: url('../images/3771155_76825-01.jpg'); /* Replace 'your-image.jpg' with the path to your image */ background-size: cover; background-attachment: fixed; /* Optional - keeps the background fixed while scrolling */ } /* Set the background color and font for the entire page */ body { background-color: #f2f2f2; font-family: Arial, sans-serif; } /* Center the content vertically and horizontally */ .container { display: flex; margin-top: 50px; flex-direction: column; align-items: center; min-height: 100vh; } .profile { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } /* Style the profile image */ .profile img { max-width: 30%; border-radius: 20%; } /* Style the "Add to Contacts" button */ #addToContacts { background-color: #002D5F; /* Blue color */ color: #fff; /* White text */ border: none; padding: 10px 20px; cursor: pointer; border-radius: 5px; border-color: #002D5F; } /* Center the "Add to Contacts" button horizontally */ #addToContacts { display: block; margin: 0 auto; border-color: #002D5F; } /* Style the navigation menu as buttons */ .nav-menu { list-style: none; display: flex; justify-content: space-around; padding: 0; margin-bottom: -14px; } .nav-menu li.active a{ background-color: #002D5F; /* Active background color */ color: #fff; border-radius: 5px 5px 0px 0px; } /* Style the menu items as buttons */ .nav-menu li { margin: 5px; } /* Style the links in the navigation menu as buttons */ .nav-menu a { text-decoration: none; padding: 10px 20px; /* Add padding to make it look like a button */ background-color: transparent; /* Background color for the button */ color: #002D5F; /* Text color for the button */ font-weight: bold; border-radius: 5px 5px 0px 0px; /* Add rounded corners to the button */ transition: background-color 0.3s; /* Add a smooth hover effect */ /* Center the text and remove underlines on hover */ display: flex; align-items: center; justify-content: center; } .nav-menu a:hover { text-decoration: none; } /* Add a hover effect for the button links */ .content { background-color: #002D5F; /* White background */ padding: 20px; border-radius: 10px; width: 100%; height: 500px; /* Adjust the width as needed */ text-align: start; /* Center the text in the content section */ color: #f2f2f2; } i{ margin-right: 10px; align-self: start; }