| |
| body { |
| font-family: Arial, sans-serif; |
| margin: 0; |
| padding: 0; |
| background-color: #f4f4f9; |
| color: #333; |
| } |
|
|
| header { |
| background-color: #0073e6; |
| color: white; |
| padding: 1rem; |
| text-align: center; |
| } |
|
|
| header h1 { |
| margin: 0; |
| } |
|
|
| nav { |
| margin-top: 1rem; |
| } |
|
|
| nav a { |
| color: white; |
| margin: 0 1rem; |
| text-decoration: none; |
| font-weight: bold; |
| } |
|
|
| nav a:hover { |
| text-decoration: underline; |
| } |
|
|
| main { |
| padding: 2rem; |
| } |
|
|
| footer { |
| background-color: #333; |
| color: white; |
| text-align: center; |
| padding: 1rem; |
| position: fixed; |
| bottom: 0; |
| width: 100%; |
| } |
|
|
| |
| .filters { |
| margin-bottom: 2rem; |
| } |
|
|
| .filters input, .filters select { |
| padding: 0.5rem; |
| margin-right: 1rem; |
| border: 1px solid #ccc; |
| border-radius: 4px; |
| } |
|
|
| .filters button { |
| padding: 0.5rem 1rem; |
| background-color: #0073e6; |
| color: white; |
| border: none; |
| border-radius: 4px; |
| cursor: pointer; |
| } |
|
|
| .filters button:hover { |
| background-color: #005bb5; |
| } |
|
|
| .ads-list { |
| display: grid; |
| gap: 1rem; |
| } |
|
|
| .ad-card { |
| background-color: white; |
| padding: 1rem; |
| border: 1px solid #ddd; |
| border-radius: 4px; |
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); |
| } |
|
|
| .ad-card .sentiment { |
| display: inline-block; |
| padding: 0.25rem 0.5rem; |
| border-radius: 4px; |
| font-size: 0.875rem; |
| } |
|
|
| .ad-card .sentiment.Positive { |
| background-color: #e6f4ea; |
| color: #34a853; |
| } |
|
|
| .ad-card .sentiment.Negative { |
| background-color: #fce8e6; |
| color: #d93025; |
| } |
|
|
| .pagination { |
| margin-top: 2rem; |
| text-align: center; |
| } |
|
|
| .pagination a { |
| padding: 0.5rem 1rem; |
| margin: 0 0.25rem; |
| background-color: #0073e6; |
| color: white; |
| text-decoration: none; |
| border-radius: 4px; |
| } |
|
|
| .pagination a.active { |
| background-color: #005bb5; |
| } |
|
|
| |
| table { |
| width: 100%; |
| border-collapse: collapse; |
| margin-top: 1rem; |
| } |
|
|
| table th, table td { |
| padding: 0.75rem; |
| border: 1px solid #ddd; |
| text-align: left; |
| } |
|
|
| table th { |
| background-color: #0073e6; |
| color: white; |
| } |
|
|
| table tr:nth-child(even) { |
| background-color: #f9f9f9; |
| } |
|
|
| table tr:hover { |
| background-color: #f1f1f1; |
| } |
|
|
| table button { |
| padding: 0.5rem 1rem; |
| background-color: #d93025; |
| color: white; |
| border: none; |
| border-radius: 4px; |
| cursor: pointer; |
| } |
|
|
| table button:hover { |
| background-color: #b31412; |
| } |
