.current-menu-item > a, .current-menu-parent > a, .current_page_item > a, .current_page_parent > a { boja: #26b5b9; /* Željena boja */ font-weight: bold; obrub-dno: 2 px čvrsta #26b5b9; } .o-timeline-container { box-shadow: ništa !važno; /* Uklanja svaku sjenu */ granica: ništa !važno; /* Uklanja okvir */ boja pozadine: transparentna !važno; /* Čini boju pozadine prozirnom */ padding: 0 !important; /* Uklanja unutarnju marginu */ margina: 0 !važno; /* Uklanja vanjsku marginu */ } .wp-block-themeisle-blocks-timeline-item { background-color: transparent !important; /* Čini pozadinu elemenata vremenske trake prozirnom */ border: none !important; /* Uklanja okvir elemenata vremenske trake */ box-shadow: ništa !važno; /* Uklanja sjene s elemenata vremenske trake */ } .o-timeline-content { background-color: transparent !important; /* Čini pozadinu sadržaja prozirnom */ box-shadow: none !important; /* Uklanja sjenu */ granica: ništa !važno; /* Uklanja okvir */ padding: 0 !važno; /* Uklanja nepotrebnu unutarnju marginu */ } .wp-block-themeisle-blocks-timeline-item { margin-bottom: 20px !important; /* Donja margina između elemenata */ padding: 40px !važno; /* Unutarnji prostor oko elemenata */ } .wp-block-themeisle-blocks-timeline-item { margin-bottom: 20px !important; /* Donja margina između elemenata */ padding: 20px !važno; /* Unutarnji prostor oko elemenata */ } .o-timeline-content { padding-left: 40px !important; /* Povećava lijevi razmak između teksta i ikone */ } .o-timeline-content { padding-left: 50px !important; /* Dodatno povećajte lijevo ispunjavanje kako biste pomaknuli tekst dalje od ikone */ } /* Popravite položaj ikona i postavite njihov z-index */ .o-timeline-icon { position: relative; /* Promjena položaja ikone */ z-index: 2 !važno; /* Pomiče ikone naprijed tako da se pojavljuju iznad crte */ background-color: #ffffff; /* Bijela pozadina iza ikone za skrivanje linije */ border-radius: 50%; /* Učini ikone kružnim */ padding: 8px; /* Dodatna ispuna tako da ikona ne dodiruje liniju */ } /* Postavite položaj i z-indeks linije */ .o-timeline-root::before { content: ""; pozicija: apsolutna; lijevo: 50%; /* Centrira liniju */ transform: translateX(-50%); širina: 4px; /* Širina linije */ visina: 100%; boja pozadine: #26b5b9; /* Boja linije */ z-index: 1; /* Smanjite z-indeks linije */ } /* Stavite položaj i z-indeks ikona u prvi plan */ .o-timeline-icon { position: relative; /* Relativni položaj ikona */ z-index: 9999 !važno; /* Visoka vrijednost z-indeksa koja se pojavljuje ispred svega */ boja pozadine: #ffffff; /* Bijela boja pozadine za ikone */ border-radius: 50%; /* Kružne ikone */ padding: 8px; /* Dodatno ispunjavanje */ box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); /* Lagana sjena za naglašavanje */ } /* Stavite z-indeks vremenske linije u pozadinu */ .o-timeline-root::before { content: ""; pozicija: apsolutna; lijevo: 50%; transformacija: translateX(-50%); širina: 4px; visina: 100%; boja pozadine: #26b5b9; z-indeks: 1; /* Smanjite z-index da bude ispred ikona */ } /* Smanjite z-index cijele stavke vremenske trake */ .wp-block-themeisle-blocks-timeline-item { position: relative; z-indeks: 5; /* Niži z-index za ikone */ } /* Onemogući animaciju na ikonama */ .o-timeline-icon .fas { animacija: ništa !važno; } .o-timeline-content { padding-left: 70px !important; /* Povećaj lijevi razmak između teksta i ikone */ } a { text-decoration: none; boja: naslijediti; prijelaz: svih 0,3s lakoća; } a:hover { kursor: url('custom-hand-cursor.png'), pokazivač; /* Navedite prilagođenu sliku kursora */ color: #3498db; /* Promjena boje pri lebdenju */ transform: scale(1.05); /* Lagano zumiranje pri lebdenju */ } button { background-color: #3498db; boja: bijela; granica: nema; ispuna: 10px 20px; veličina fonta: 16px; rubni radijus: 5px; prijelaz: boja pozadine 0,3 s lakoća, transformacija 0,2 s lakoća; } button:hover { background-color: #2980b9; /* Tamnija sjena pri lebdenju */ transform: translateY(-3px); /* Lagano podizanje */ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sjena */ kursor: pokazivač; } button: active { transform: translateY(1px); /* Malo blijedi kada se klikne */ } img { prijelaz: transformacija 0.3s lakoća, filter 0.3s lakoća; } img:lebdjeti { transform: skala(1.1); /* Lagano zumiranje */ filter: svjetlina(1.2); /* Svjetlija boja */ kursor: url('custom-hand-cursor.png'), pokazivač; } .traka napretka { širina: 0; visina: 5px; pozadina: linearni gradijent (90 stupnjeva, #3498db, #1abc9c); animacija: napredak-animacija 3s naprijed lagano-unutrašnje; } @keyframes napredak-animacija { 0% { širina: 0; } 100% { širina: 100%; } } .fade-in { neprozirnost: 0; transformacija: translateY(20px); prijelaz: neprozirnost 0,5 s lakoća, transformacija 0,5 s lakoća; } .fade-in.visible { neprozirnost: 1; transformacija: translateY(0); } /* Izvorno */ tijelo { margin: 0; ispuna: 0; } /* Smanjeno */ body{margin:0;padding:0;} .container { display: flex; justify-content: razmak između; align-items: center; ispuna: 10px; } .sprite { pozadina: url('sprite.png') bez ponavljanja; } .icon-home { width: 32px; visina: 32px; položaj pozadine: 0 0; } .icon-settings { width: 32px; visina: 32px; položaj pozadine: -32px 0; } /* Pozicija i stil ikone izbornika (hamburger) */ .menu-toggle { pozicija: fiksna; gore: 15px; desno: 20px; z-indeks: 1000; /* Provjerite je li uvijek na vrhu */ background-color: transparent; granica: nema; veličina fonta: 24px; boja: #fff; /* Bijela ikona */ kursor: pokazivač; } /* Mobilni izbornik (skriven prema zadanim postavkama) */ .mobile-menu { pozicija: fiksna; vrh: 0; lijevo: 0; širina: 100%; visina: 100vh; /* Cijeli zaslon */ boja pozadine: #2c3e50; /* Tamna pozadina */ boja: #fff; z-indeks: 999; /* Neka bude ispred, ali ispred ikone hamburgera */ display: none; /* Skriveno prema zadanim postavkama */ padding: 20px; veličina okvira: border-box; preljev-y: auto; /* Mogućnost pomicanja dugih izbornika */ } /* Stil veze izbornika */ .mobile-menu a { display: block; ispuna: 10px 0; tekst-ukras: nema; boja: #fff; veličina fonta: 18px; } /* Aktivno stanje hover */ .mobile-menu a:hover { background-color: #1abc9c; boja: #fff; } /* Opće postavke za kartice */ .is-style-customboxshadow { prijelaz: transformacija 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; rubni radijus: 10px; /* Zaobljeni kutovi */ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Osnovna sjena */ boja pozadine: rgba(255, 255, 255, 0.1); /* Prozirna pozadina */ } /* Efekt lebdenja – kada prijeđete mišem preko nje */ .is-style-customboxshadow:hover { transform: scale(1.05); /* Malo raste */ box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3); /* Jača sjena */ boja pozadine: rgba(255, 255, 255, 0.15); /* Malo svjetlija pozadina */ } /* Animacija ikona i naslova */ .is-style-customboxshadow:hover .guten-icon-wrapper, .is-style-customboxshadow:hover h3, .is-style-customboxshadow:hover h2 { transform: translateY(-5px); /* Lagano se pomiče prema gore */ prijelaz: transformacija 0,3s lakoća; } /* Opće postavke za okvire vremenske trake */ .wp-block-themeisle-blocks-timeline-item { prijelaz: transformacija 0,3 s lakoća, box-shadow 0,3 s lakoća, pozadinska boja 0,3 s lakoća; rubni radijus: 10px; /* Zaobljeni kutovi */ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); /* Osnovna sjena */ boja pozadine: rgba(255, 255, 255, 0.1); /* Prozirna pozadina */ } /* Efekt lebdenja – kada miš prijeđe preko */ .wp-block-themeisle-blocks-timeline-item:hover { transform: scale(1.05); /* Malo raste */ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); /* Jača sjena */ boja pozadine: rgba(255, 255, 255, 0.2); /* Svjetlija pozadina */ } /* Neka se tekst i ikone malo pomaknu */ .wp-block-themeisle-blocks-timeline-item:hover .o-timeline-icon, .wp-block-themeisle-blocks-timeline-item:hover .o-timeline-content { transform: translateY(-5px); prijelaz: transformacija 0,3s jednostavnost; } /* Primjenjuje se samo na navedene stupce */ #wp-block-themeisle-blocks-advanced-columns-7631bb9c .wp-block-themeisle-blocks-advanced-column { prijelaz: transformacija 0.3s lakoća, box-shadow 0.3s lakoća, pozadinska boja 0.3s lakoća; radijus granice: 0px; /* Ukloni zaokruživanje */ box-shadow: ništa !važno; /* Ukloni sjenu */ pozadina: ništa !važno; /* Ukloni pozadinu */ padding: 20px; } /* Efekt lebdenja – kada miš prijeđe preko */ #wp-block-themeisle-blocks-advanced-columns-7631bb9c .wp-block-themeisle-blocks-advanced-column:hover { transform: scale(1.05); /* Malo će narasti */ box-shadow: ništa !važno; /* Nema sjene tijekom lebdenja */ pozadina: ništa !važno; /* Nema pozadine pod lebdenjem */ } /* Ikona i naslov također se malo pomiču */ #wp-block-themeisle-blocks-advanced-columns-7631bb9c .wp-block-themeisle-blocks-advanced-column:hover .wp-block-heading, #wp-block-themeisle-blocks-advanced-columns-7631bb9c .wp-block-themeisle-blocks-advanced-column:hover .wp-block-themeisle-blocks-font-awesome-icons { transform: translateY(-5px); prijelaz: transformacija 0,3s jednostavnost; } /* Označi tekst pri lebdenju */ #wp-block-themeisle-blocks-advanced-columns-7631bb9c .wp-block-themeisle-blocks-advanced-column:hover p { color: #fff; /* Svjetlije isticanje teksta */ } #wp-block-themeisle-blocks-advanced-columns-546fa8db .wp-block-themeisle-blocks-advanced-column { prijelaz: transformacija 0.3s lakoća, box-shadow 0.3s lakoća, pozadinska boja 0.3s lakoća; radijus granice: 0px; box-shadow: ništa !važno; pozadina: ništa !važno; ispuna: 20px; } #wp-block-themeisle-blocks-advanced-columns-546fa8db .wp-block-themeisle-blocks-advanced-column:hover { transform: scale(1.05); box-shadow: ništa !važno; pozadina: ništa !važno; } #wp-block-themeisle-blocks-advanced-columns-546fa8db .wp-block-themeisle-blocks-advanced-column:hover .wp-block-heading, #wp-block-themeisle-blocks-advanced-columns-546fa8db .wp-block-themeisle-blocks-advanced-column:hover .wp-block-heading .wp-block-themeisle-blocks-font-awesome-icons { transform: translateY(-5px); prijelaz: transformacija 0,3s jednostavnost; } #wp-block-themeisle-blocks-advanced-columns-546fa8db .wp-block-themeisle-blocks-advanced-column:hover p { color: #fff; } /* Primjenjuje se samo na stupce pristupačnosti */ .wp-block-columns-is-layout-flex .wp-block-column { prijelaz: transformacija 0.3s lakoća, box-shadow 0.3s lakoća, background-color 0.3s lakoća; radijus granice: 0px; /* Ukloni zaokruživanje */ box-shadow: ništa !važno; /* Ukloni sjenu */ pozadina: ništa !važno; /* Ukloni pozadinu */ padding: 20px; } /* Efekt lebdenja – kada miš prijeđe preko */ .wp-block-columns-is-layout-flex .wp-block-column:hover { transform: scale(1.05); box-shadow: ništa !važno; pozadina: ništa !važno; } /* Ikona i naslov također se malo pomiču */ .wp-block-columns-is-layout-flex .wp-block-column:hover .wp-block-heading, .wp-block-columns-is-layout-flex .wp-block-column:hover .wp-block-themeisle-blocks-font-awesome-icons { transformacija: translateY(-5px); prijelaz: transformacija 0,3s jednostavnost; } /* Istakni tekst pri lebdenju */ .wp-block-columns-is-layout-flex .wp-block-column:hover p { color: #fff; } /* Osnovni stil */ .wp-elements-3a076a4ecca71bfb29c204ec6b0a5dfd { prijelaz: boja 0,3 s lakoća, transformacija 0,3 s lakoća, tekst-sjena 0,3 s lakoća; font-weight: bold; položaj: relativan; prikaz: inline-block; } /* Efekt lebdenja – kada prijeđete mišem preko njega */ .wp-elements-3a076a4ecca71bfb29c204ec6b0a5dfd: lebdite { boja: #f9c0a3; /* Npr. blijedo ružičasta nijansa */ text-shadow: 0 0 10px rgba(249, 192, 163, 0.8); /* Sjajni efekt */ transform: scale(1.1); /* Malo će narasti */ } /* Animirano podcrtavanje */ .wp-elements-3a076a4ecca71bfb29c204ec6b0a5dfd::after { content: ""; pozicija: apsolutna; lijevo: 50%; dolje: -5px; širina: 0; visina: 2px; boja pozadine: #f9c0a3; prijelaz: širina 0,3 s lakoća, lijevo 0,3 s lakoća; } /* Ako zadržite pokazivač iznad njega, otvorit će se podcrtano */ .wp-elements-3a076a4ecca71bfb29c204ec6b0a5dfd:hover::after { width: 100%; lijevo: 0; } /* Podcrtajte aktivnu stavku podizbornika */ .current-menu-item > a { color: #26b5b9; font-weight: bold; položaj: relativan; } /* Efekt podvlačenja */ .current-menu-item > a::after, .current-menu-ancestor > a::after, .current-menu-parent > a::after { content: ""; pozicija: apsolutna; lijevo: 0; dolje: 0; širina: 100%; visina: 2px; boja pozadine: #26b5b9; } /* Podcrtajte aktivnu stavku podizbornika */ .current-menu-item > a::after { width: 100%; } /* Stavke nadređenog izbornika koje tamo vode ("Početna", "Aplikacije") također trebaju biti podvučene */ .current-menu-ancestor > a::after, .current-menu-parent > a::after { width: 100%; } i { font-display: swap; volja-promjena: transformirati; } /* 📌 Chatbot prikazuje ime bota u zaglavlju */ .wp-chatbot-header::after { content: "ArtifAI"; /* Naziv chatbota */ pozicija: apsolutna; vrh: 50%; lijevo: 50%; transformacija: prevedi (-50%, -50%); veličina fonta: 18px; font-weight: bold; boja: #ffffff; /* Bijela boja */ transformacija teksta: velika slova; razmak između slova: 1px; z-indeks: 10 !važno; /* Osigurava da je uvijek vidljiv */ pointer-events: none; /* Sprječava da se na njega može kliknuti */ } /* 📌 Fino podesite položaj i stil zaglavlja */ .wp-chatbot-header { position: relative; poravnanje teksta: središte; padding: 10px !važno; } /* 📌 Chatbot prikazuje ime bota u zaglavlju */ .wp-chatbot-header::after { content: "ArtifAI"; /* Naziv chatbota */ pozicija: apsolutna; vrh: 50%; lijevo: 50%; transformacija: prevedi (-50%, -50%); veličina fonta: 18px; font-weight: bold; boja: #ffffff; /* Bijela boja */ transformacija teksta: velika slova; razmak između slova: 1px; } /* 📌 Fino podesite položaj i stil zaglavlja */ .wp-chatbot-header { položaj: relativan; poravnanje teksta: središte; } /* 📌 Pozadina trake s porukama (podnožje) kontrastnija */ .wp-chatbot-footer { pozadina: rgba(240, 240, 240, 0.95) !važno; /* Svijetlo siva pozadina */ border-top: 2px solid #26b5b9 !important; /* Tirkizna linija za odvajanje */ padding: 10px !važno; filtar pozadine: zamućenje(5px) !važno; /* Suptilno zamućenje pozadine */ } /* 📌 Polje poruke (unos) čitljivija pozadina i tekst */ #wp-chatbot-editor { pozadina: #ffffff !važno; /* Bijela pozadina */ obrub: 2px solid #26b5b9 !važno; /* Tirkizni rub */ border-radius: 15px !važno; padding: 12px !važno; veličina fonta: 15px !važno; boja: #314b5a !važno; /* Tamnoplavi tekst */ font-weight: bold !important; box-shadow: umetnuti 0px 2px 4px rgba(0, 0, 0, 0.1) !važno; } /* 📌 Kontrastniji tekst rezerviranog mjesta za polje poruke */ #wp-chatbot-editor::placeholder { boja: #4d4d4d !važno; /* Tamnije sivi tekst */ font-weight: normal !important; } /* 📌 Učini donje ikone (informacije, izbornik) vidljivijima */ .wp-chatbot-tab-nav ul li a { boja: #4d4d4d !važno; /* Tamnije siva */ neprozirnost: 1 !važno; }