css
Data utworzenia: 2025-05-06 06:22:33
body {
margin: 0;
font-family: sans-serif;
background-color: #f8eee3;
display: flex;
}
.sidebar {
width: 230px;
background-color: #498dca;
padding: 20px;
color: white;
text-align: center;
box-shadow: 4px 0 6px rgba(0, 0, 0, 0.2);
}
.sidebar img {
max-width: 100px;
margin-bottom: 15px;
}
.promo-table {
width: 100%;
margin-top: 10px;
color: white;
border-collapse: collapse;
font-size: 14px;
}
.promo-table th,
.promo-table td {
padding: 4px;
border-bottom: 1px solid #fff;
}
.main {
flex: 1;
}
.header {
background-color: #498dca;
color: white;
padding: 20px;
font-size: 24px;
font-weight: bold;
text-align: center;
}
.tabs {
display: flex;
background-color: white;
border-bottom: 1px solid #ccc;
}
.tab {
flex: 1;
text-align: center;
padding: 10px;
background-color: #498dca;
color: white;
cursor: pointer;
border-right: 1px solid #fff;
}
.tab.active {
background-color: #000042;
}
.form-container {
background-color: #aed6e0;
padding: 30px;
display: flex;
flex-direction: column;
gap: 15px;
}
label {
font-weight: bold;
}
input[type="text"],
input[type="date"] {
padding: 5px;
font-size: 14px;
border: 1px solid #ccc;
width: 200px;
}
.color-block {
height: 20px;
background-color: #000042;
}
.bottom-bar {
height: 20px;
background-color: #d8d8d8;
border-top: 2px solid white;
}
Powrót