31 lines
1.8 KiB
CSS
31 lines
1.8 KiB
CSS
/* Обновленный style.css */
|
|
body { font-family: Arial, sans-serif; background: #f4f4f4; margin: 0; }
|
|
header { background: #333; color: white; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; }
|
|
header nav a { color: #4CAF50; margin-left: 15px; text-decoration: none; }
|
|
header nav .user-info { color: #ff9800; margin-left: 15px; font-size: 14px; }
|
|
main { max-width: 900px; margin: 20px auto; padding: 0 20px; }
|
|
|
|
.filters { margin-bottom: 20px; display: flex; gap: 10px; }
|
|
.filters input, .filters select { padding: 5px; }
|
|
|
|
.product-card { display: flex; background: white; border: 1px solid #ccc; margin-bottom: 15px; padding: 15px; align-items: center; border-radius: 5px; }
|
|
.product-card.highlight { background-color: #ffcccc; } /* Светло-красный */
|
|
.product-card img { width: 120px; height: 120px; object-fit: contain; margin-right: 20px; }
|
|
.info { flex-grow: 1; }
|
|
.info h3 { margin: 0 0 5px 0; }
|
|
.info p { margin: 2px 0; font-size: 14px; color: #555; }
|
|
.price-block { text-align: right; min-width: 150px; }
|
|
.old-price { text-decoration: line-through; color: red; font-size: 14px; display: block; }
|
|
.new-price { font-weight: bold; font-size: 18px; }
|
|
.add-form { margin-top: 10px; display: flex; flex-direction: column; gap: 5px; }
|
|
|
|
table { width: 100%; border-collapse: collapse; background: white; }
|
|
th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
|
|
th { background: #333; color: white; }
|
|
|
|
.btn-danger { color: red; text-decoration: none; }
|
|
.btn-success { background: #4CAF50; color: white; padding: 5px 10px; border: none; cursor: pointer; }
|
|
|
|
.flash { padding: 10px; margin-bottom: 15px; border-radius: 3px; }
|
|
.flash.error { background: #f8d7da; color: #721c24; }
|
|
.flash.message { background: #d4edda; color: #155724; } |