|
|
| Строка 1: |
Строка 1: |
| .department-card {
| | #info-banner { |
| margin: 20px auto; | | position: fixed; |
| max-width: 800px;
| | top: 0; |
| background: #2b2b2b;
| | left: 0; |
| color: #f5f5f5;
| | width: 100%; |
| border-radius: 10px; | | background-color: #f0ad4e; |
| overflow: hidden;
| | color: #fff; |
| font-family: Arial, sans-serif;
| |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
| |
| transition: transform 0.3s ease, box-shadow 0.3s ease; | |
| }
| |
| | |
| .department-card:hover {
| |
| transform: translateY(-5px); | |
| box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
| |
| }
| |
| | |
| .department-header {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| background: #3b3b3b; | |
| padding: 20px;
| |
| text-shadow: 1px 1px #000;
| |
| }
| |
| | |
| .department-header img {
| |
| margin-right: 10px;
| |
| width: 64px;
| |
| height: 64px;
| |
| }
| |
| | |
| .department-header .title {
| |
| font-size: 30px;
| |
| font-weight: bold;
| |
| color: #f0a500; | |
| }
| |
| | |
| .section-header {
| |
| background: #3b3b3b;
| |
| text-align: center; | | text-align: center; |
| padding: 10px; | | padding: 10px 0; |
| font-size: 20px; | | font-size: 16px; |
| | z-index: 9999; |
| font-weight: bold; | | font-weight: bold; |
| border-radius: 5px; | | cursor: pointer; |
| margin: 15px 10px;
| |
| color: #f0a500;
| |
| }
| |
| | |
| .employee-list {
| |
| display: flex;
| |
| justify-content: space-around;
| |
| flex-wrap: wrap;
| |
| padding: 15px;
| |
| gap: 15px;
| |
| }
| |
| | |
| .employee {
| |
| text-align: center;
| |
| flex: 1;
| |
| max-width: 150px;
| |
| transition: transform 0.3s ease, box-shadow 0.3s ease;
| |
| background: #3b3b3b;
| |
| border-radius: 10px;
| |
| padding: 10px;
| |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
| |
| }
| |
| | |
| .employee:hover {
| |
| transform: scale(1.1);
| |
| box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
| |
| }
| |
| | |
| .employee img {
| |
| width: 120px;
| |
| height: 120px;
| |
| border-radius: 50%;
| |
| border: 3px solid #f5f5f5;
| |
| margin-bottom: 10px;
| |
| }
| |
| | |
| .guides {
| |
| text-align: center;
| |
| padding: 15px;
| |
| font-size: 18px;
| |
| color: #f0a500;
| |
| } | | } |
Версия от 12:26, 26 января 2025
#info-banner {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #f0ad4e;
color: #fff;
text-align: center;
padding: 10px 0;
font-size: 16px;
z-index: 9999;
font-weight: bold;
cursor: pointer;
}
