diff --git a/assets/css/custom.css b/assets/css/custom.css index 5659b3e..1b77b73 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -1,29 +1,101 @@ -@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Open+Sans&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap'); + +:root { + --primary-color: #0d6efd; + --secondary-color: #6c757d; + --light-color: #f8f9fa; + --dark-color: #212529; + --body-gradient-start: #e0e5ff; + --body-gradient-end: #d9e2f3; + --card-bg-color: rgba(255, 255, 255, 0.75); + --card-bg-color-odd: rgba(233, 236, 239, 0.75); + --card-bg-color-even: rgba(204, 219, 255, 0.75); + --card-border-color: rgba(255, 255, 255, 0.2); + --shadow-color: rgba(0, 0, 0, 0.1); + --font-family: 'Poppins', sans-serif; +} body { - background-color: #f8f9fa; - font-family: 'Open Sans', sans-serif; + font-family: var(--font-family); + background: linear-gradient(135deg, var(--body-gradient-start), var(--body-gradient-end)); + color: var(--dark-color); } -h1, h5 { - font-family: 'Roboto', sans-serif; +header.bg-primary { + background: linear-gradient(135deg, #29375a 0%, #1a233f 100%) !important; + border-bottom: 3px solid var(--primary-color); +} + +header h1 { font-weight: 700; -} - -.btn-primary { - background-color: #1a73e8; - border-color: #1a73e8; -} - -.btn-primary:hover { - background-color: #1765c4; - border-color: #1765c4; + text-shadow: 1px 1px 2px rgba(0,0,0,0.2); } .card { - border-radius: 0.5rem; + border: 1px solid var(--card-border-color); + border-radius: 1rem; + box-shadow: 0 8px 32px 0 var(--shadow-color); + backdrop-filter: blur(12px); + -webkit-backdrop-filter: blur(12px); } -.form-control, .btn { - border-radius: 0.25rem; +#odds-section .card:nth-child(odd) { + background-color: var(--card-bg-color-odd); } + +#odds-section .card:nth-child(even) { + background-color: var(--card-bg-color-even); +} + + +.card-header { + background-color: rgba(255, 255, 255, 0.5); + border-bottom: 1px solid var(--card-border-color); + font-weight: 600 !important; +} + +.btn-primary { + background-color: var(--primary-color); + border: none; + border-radius: 0.5rem; + font-weight: 600; + transition: all 0.3s ease; + box-shadow: 0 4px 15px 0 rgba(13, 110, 253, 0.4); +} + +.btn-primary:hover { + transform: translateY(-2px); + box-shadow: 0 6px 20px 0 rgba(13, 110, 253, 0.5); +} + +.table { + background-color: transparent; +} + +.table-striped > tbody > tr:nth-of-type(odd) > * { + background-color: rgba(0, 0, 0, 0.03); +} + +.table-light > thead > tr > th { + background-color: rgba(255,255,255,0.4); + font-weight: 600; + color: var(--dark-color); +} + +.badge.bg-secondary { + background-color: #4a5568 !important; + font-size: 0.9em; + padding: 0.5em 0.8em; +} + +footer.bg-light { + background-color: #29375a !important; + color: var(--light-color); + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + margin-top: 3rem; +} + +footer p { + color: #a0aec0; +} \ No newline at end of file diff --git a/includes/odds_api.php b/includes/odds_api.php index 38f3518..33f5a22 100644 --- a/includes/odds_api.php +++ b/includes/odds_api.php @@ -1,5 +1,5 @@
-
+
Próximas Partidas e Odds (Premier League)
- - - - - - - - - - - - - - +
+
+ + +
+
+
PartidaCasaEmpateFora
+ + + + + + + + + + + + + + + + + '; } - } - ?> - - - - - - -
Casa de Apostas1 (Casa)X (Empate)2 (Fora)
Nenhuma casa de aposta disponível para esta partida.
+ ?> + + +
+
Não foi possível buscar as odds no momento. Verifique sua chave de API ou tente novamente mais tarde.
'; }