.цуррент-мену-итем > а, .цуррент-мену-парент > а, .цуррент_паге_итем > а, .цуррент_паге_парент > а { цолор: 1ТП5Т26б5б9; /* Жељена боја */ фонт-веигхт: болд; бордер-боттом: 2пк солид 1ТП5Т26б5б9; } .о-тимелине-цонтаинер { бок-схадов: ноне !импортант; /* Уклања сваку сенку */ бордер: ноне !импортант; /* Уклања оквир */ бацкгроунд-цолор: транспарентан !импортант; /* Чини боју позадине провидном */ паддинг: 0 !импортант; /* Уклања унутрашњу маргину */ маргина: 0 !импортант; /* Уклања спољну маргину */ } .вп-блоцк-тхемеисле-блоцкс-тимелине-итем { бацкгроунд-цолор: транспарент !импортант; /* Чини позадину елемената временске линије транспарентном */ бордер: ноне !импортант; /* Уклања оквир елемената временске линије */ бок-схадов: ноне !импортант; /* Уклања сенке са елемената временске линије */ } .о-тимелине-цонтент { бацкгроунд-цолор: транспарент !импортант; /* Чини позадину садржаја провидном */ бок-схадов: ноне !импортант; /* Уклања сенку */ бордер: ноне !импортант; /* Уклања оквир */ паддинг: 0 !импортант; /* Уклања непотребну унутрашњу маргину */ } .вп-блоцк-тхемеисле-блоцкс-тимелине-итем { маргин-боттом: 20пк !импортант; /* Доња маргина између елемената */ паддинг: 40пк !импортант; /* Унутрашњи простор око елемената */ } .вп-блоцк-тхемеисле-блоцкс-тимелине-итем { маргин-боттом: 20пк !импортант; /* Доња маргина између елемената */ паддинг: 20пк !импортант; /* Унутрашњи простор око елемената */ } .о-тимелине-цонтент { паддинг-лефт: 40пк !импортант; /* Повећава леви паддинг између текста и иконе */ } .о-тимелине-цонтент { паддинг-лефт: 50пк !импортант; /* Повећајте још више леви паддинг да бисте померили текст даље од иконе */ } /* Поправите положај икона и подесите њихов з-индекс */ .о-тимелине-ицон { поситион: релативе; /* Промена положаја иконе */ з-индек: 2 !импортант; /* Пребацује иконе напред тако да се појављују изнад линије */ бацкгроунд-цолор: 1ТП5Тфффффф; /* Бела позадина иза иконе за сакривање линије */ бордер-радиус: 501ТП3Т; /* Направи иконе кружним */ паддинг: 8пк; /* Додатни паддинг тако да икона не додирује линију */ } /* Подесите позицију и з-индекс линије */ .о-тимелине-роот::бефоре { цонтент: ""; позиција: апсолутна; лево: 501ТП3Т; /* Центрира линију */ трансформ: транслатеКс(-501ТП3Т); ширина: 4пк; /* Ширина линије */ висина: 1001ТП3Т; бацкгроунд-цолор: 1ТП5Т26б5б9; /* Боја линије */ з-индекс: 1; /* Смањи з-индекс линије */ } /* Стави позицију и з-индекс икона у први план */ .о-тимелине-ицон { поситион:релатив; /* Релативна позиција икона */ з-индекс: 9999 !импортант; /* Висока вредност з-индекса да се појави испред свега */ бацкгроунд-цолор: 1ТП5Тфффффф; /* Бела боја позадине за иконе */ бордер-радиус: 501ТП3Т; /* Кружне иконе */ паддинг: 8пк; /* Додатни паддинг */ бок-схадов: 0 0 5пк ргба(0, 0, 0, 0.1); /* Мала сенка за истицање */ } /* Ставите з-индекс временске линије у позадину */ .о-тимелине-роот::бефоре { цонтент: ""; позиција: апсолутна; лево: 501ТП3Т; трансформ: транслатеКс(-501ТП3Т); ширина: 4пк; висина: 1001ТП3Т; бацкгроунд-цолор: 1ТП5Т26б5б9; з-индекс: 1; /* Доњи з-индекс да буде испред икона */ } /* Смањи з-индекс целе ставке временске линије */ .вп-блоцк-тхемеисле-блоцкс-тимелине-итем { поситион: релативе; з-индекс: 5; /* Доњи з-индекс за иконе */ } /* Онемогући анимацију на иконама */ .о-тимелине-ицон .фас { аниматион: ноне !импортант; } .о-тимелине-цонтент { паддинг-лефт: 70пк !импортант; /* Повећава размак између текста и иконе */ } а { тект-децоратион: ноне; боја: наследити; прелаз: све 0,3с лакоћа; } а:ховер { цурсор: урл('цустом-ханд-цурсор.пнг'), показивач; /* Одредите прилагођену слику курсора */ боја: 1ТП5Т3498дб; /* Промена боје при лебдењу */ трансформ: сцале(1.05); /* Лагано зумирање при лебдењу */ } дугме { бацкгроунд-цолор: 1ТП5Т3498дб; боја: бела; граница: нема; паддинг: 10пк 20пк; фонт-сизе: 16пк; бордер-радиус: 5пк; прелаз: боја позадине 0,3 с лакоћа, трансформација 0,2 с лакоћа; } буттон:ховер { бацкгроунд-цолор: 1ТП5Т2980б9; /* Тамнија нијанса при лебдењу */ трансформ: транслатеИ(-3пк); /* Благо подизање */ бок-схадов: 0 4пк 6пк ргба(0, 0, 0, 0.1); /* Сенка */ курсор: показивач; } дугме: ацтиве { трансформ: транслатеИ(1пк); /* Мало бледи када се кликне */ } имг {транзиција: лакоћа трансформације 0,3с, лакоћа филтера 0,3с; } имг:ховер { трансформ: сцале(1.1); /* Благо зумирање */ филтер: осветљеност(1.2); /* Светлија боја */ курсор: урл('цустом-ханд-цурсор.пнг'), показивач; } .прогресс-бар { видтх: 0; висина: 5пк; позадина: линеарни градијент (90 степени, 1ТП5Т3498дб, 1ТП5Т1абц9ц); анимација: напредовање-анимација 3с напред лако-улаз; } @кеифрамес прогресс-аниматион { 01ТП3Т { видтх: 0; } 1001ТП3Т { видтх: 1001ТП3Т; } } .фаде-ин { опацити: 0; трансформ: транслатеИ(20пк); прелаз: непрозирност 0,5с лакоћа, трансформација 0,5с лакоћа; } .фаде-ин.висибле { опацити: 1; трансформ: транслатеИ(0); } /* Оригинал */ боди { маргин: 0; паддинг: 0; } /* Минимизирано */ боди{маргин:0;паддинг:0;} .цонтаинер { дисплаи: флек; јустифи-цонтент: простор-између; алигн-итемс: центар; паддинг: 10пк; } .сприте { бацкгроунд: урл('сприте.пнг') но-репеат; } .ицон-хоме { видтх: 32пк; висина: 32пк; бацкгроунд-поситион: 0 0; } .ицон-сеттингс { видтх: 32пк; висина: 32пк; бацкгроунд-поситион: -32пк 0; } /* Положај и стил иконе менија (хамбургер) */ .мену-тоггле { поситион: фикед; врх: 15пк; десно: 20пк; з-индекс: 1000; /* Уверите се да је увек на врху */ бацкгроунд-цолор: транспарент; граница: нема; фонт-сизе: 24пк; боја: 1ТП5Тффф; /* Бела икона */ курсор: показивач; } /* Мобилни мени (подразумевано скривен) */ .мобиле-мену { поситион: фикед; топ: 0; лево: 0; ширина: 1001ТП3Т; висина: 100вх; /* Цео екран */ бацкгроунд-цолор: 1ТП5Т2ц3е50; /* Тамна позадина */ боја: 1ТП5Тффф; з-индекс: 999; /* Држите га испред, али пре иконе хамбургера */ дисплаи: ноне; /* Подразумевано скривено */ паддинг: 20пк; бок-сизинг: бордер-бок; оверфлов-и: ауто; /* Могућност померања за дугачке меније */ } /* Стил линка до менија */ .мобиле-мену а { дисплаи: блоцк; паддинг: 10пк 0; текст-декорација: нема; боја: 1ТП5Тффф; фонт-сизе: 18пк; } /* Активно стање ховер */ .мобиле-мену а:ховер { бацкгроунд-цолор: 1ТП5Т1абц9ц; боја: 1ТП5Тффф; } /* Општа подешавања за картице */ .ис-стиле-цустомбоксхадов { транзиција: лакоћа трансформације 0,3 с, лакоћа сенке кутије 0,3 с, лакоћа боја позадине 0,3 с; бордер-радиус: 10пк; /* Заобљени углови */ бок-схадов: 0пк 4пк 8пк ргба(0, 0, 0, 0.1); /* Основна сенка */ боја позадине: ргба(255, 255, 255, 0.1); /* Транспарентна позадина */ } /* Ефекат лебдења – када пређете мишем преко ње */ .ис-стиле-цустомбоксхадов:ховер { трансформ: сцале(1.05); /* Мало расте */ бок-схадов: 0пк 6пк 12пк ргба(0, 0, 0, 0.3); /* Јача сенка */ боја позадине: ргба(255, 255, 255, 0.15); /* Нешто светлија позадина */ } /* Анимација иконе и наслова */ .ис-стиле-цустомбоксхадов:ховер .гутен-ицон-враппер, .ис-стиле-цустомбоксхадов:ховер х3, .ис-стиле-цустомбоксхадов:ховер х2 { трансформ: транслатеИ(-5пк); /* Благо се помера нагоре */ прелаз: трансформација 0,3 с лакоћа; } /* Општа подешавања за оквире временске линије */ .вп-блоцк-тхемеисле-блоцкс-тимелине-итем { транзиција: лакоћа трансформације 0,3 с, лакоћа сенке кутије 0,3 с, лакоћа боја позадине 0,3 с; бордер-радиус: 10пк; /* Заобљени углови */ бок-схадов: 0пк 3пк 6пк ргба(0, 0, 0, 0.1); /* Основна сенка */ боја позадине: ргба(255, 255, 255, 0.1); /* Транспарентна позадина */ } /* Ефекат лебдења – када миш пређе преко */ .вп-блоцк-тхемеисле-блоцкс-тимелине-итем:ховер { трансформ: сцале(1.05); /* Мало расте */ бок-схадов: 0пк 5пк 10пк ргба(0, 0, 0, 0.2); /* Јача сенка */ боја позадине: ргба(255, 255, 255, 0.2); /* Светлија позадина */ } /* Нека се текст и иконе мало померају */ .вп-блоцк-тхемеисле-блоцкс-тимелине-итем:ховер .о-тимелине-ицон, .вп-блоцк-тхемеисле-блоцкс-тимелине-итем:ховер .о-тимелине-цонтент { трансформ: транслатеИ); прелаз: трансформација 0,3с лакоћа; } /* Примењује се само на наведене колоне */ 1ТП5Твп-блоцк-тхемеисле-блоцкс-адванцед-цолумнс-7631бб9ц .вп-блоцк-тхемеисле-блоцкс-адванцед-цолумн { транзиција: лакоћа трансформације 0,3с, бок-схадов 0,3с боја позадине 0,3с боја; бордер-радиус: 0пк; /* Уклони заокруживање */ бок-схадов: ноне !импортант; /* Уклони сенку */ бацкгроунд: ноне !импортант; /* Уклони позадину */ паддинг: 20пк; } /* Ефекат лебдења – када миш пређе преко */ 1ТП5Твп-блоцк-тхемеисле-блоцкс-адванцед-цолумнс-7631бб9ц .вп-блоцк-тхемеисле-блоцкс-адванцед-цолумн:ховер { трансформ: сцале(1.05); /* Мало ће порасти */ бок-схадов: ноне !импортант; /* Нема сенке током лебдења */ бацкгроунд: ноне !импортант; /* Немамо позадину испод курсора */ } /* Икона и наслов се такође мало померају */ 1ТП5Твп-блоцк-тхемеисле-блоцкс-адванцед-цолумнс-7631бб9ц .вп-блоцк-тхемеисле-блоцкс-адванцед-цолумн:ховер-.вп-б 1ТП5Твп-блоцк-тхемеисле-блоцкс-адванцед-цолумнс-7631бб9ц .вп-блоцк-тхемеисле-блоцкс-адванцед-цолумн:ховер .вп-блоцк-тхемеисле-блоцкс-фонт-авесоме-ицонс { трансформ: транслатеИ(-5пк); прелаз: трансформација 0,3с лакоћа; } /* Истакните текст при лебдењу */ 1ТП5Твп-блоцк-тхемеисле-блоцкс-адванцед-цолумнс-7631бб9ц .вп-блоцк-тхемеисле-блоцкс-адванцед-цолумн:ховер п { цолор: 1ТП5Тффф; /* Светлије истицање текста */ } 1ТП5Твп-блоцк-тхемеисле-блоцкс-адванцед-цолумнс-546фа8дб .вп-блоцк-тхемеисле-блоцкс-адванцед-цолумн { транзиција: лакоћа трансформације 0,3 с, бок-схадов 0,3 с лакоћа боја позадине; бордер-радиус: 0пк; бок-схадов: ноне !импортант; позадина: нема !важно; паддинг: 20пк; } 1ТП5Твп-блоцк-тхемеисле-блоцкс-адванцед-цолумнс-546фа8дб .вп-блоцк-тхемеисле-блоцкс-адванцед-цолумн:ховер { трансформ: сцале(1.05); бок-схадов: ноне !импортант; позадина: нема !важно; } 1ТП5Твп-блоцк-тхемеисле-блоцкс-адванцед-цолумнс-546фа8дб .вп-блоцк-тхемеисле-блоцкс-адванцед-цолумн:ховер .вп-блоцк-хеадинг, 1ТП5Твп-блоцк-тхемеисле-блоцкс-фадванцед-56 .вп-блоцк-тхемеисле-блоцкс-адванцед-цолумн:ховер .вп-блоцк-хеадинг .вп-блоцк-тхемеисле-блоцкс-фонт-авесоме-ицонс { трансформ: транслатеИ(-5пк); прелаз: трансформација 0,3с лакоћа; } 1ТП5Твп-блоцк-тхемеисле-блоцкс-адванцед-цолумнс-546фа8дб .вп-блоцк-тхемеисле-блоцкс-адванцед-цолумн:ховер п { цолор: 1ТП5Тффф; } /* Односи се само на колоне приступачности */ .вп-блоцк-цолумнс-ис-лаиоут-флек .вп-блоцк-цолумн { транзиција: лакоћа трансформације 0,3 с, лакоћа сенке оквира 0,3 с, лакоћа боја позадине 0,3 с; бордер-радиус: 0пк; /* Уклони заокруживање */ бок-схадов: ноне !импортант; /* Уклони сенку */ бацкгроунд: ноне !импортант; /* Уклони позадину */ паддинг: 20пк; } /* Ефекат лебдења – када миш пређе преко */ .вп-блоцк-цолумнс-ис-лаиоут-флек .вп-блоцк-цолумн:ховер { трансформ: сцале(1.05); бок-схадов: ноне !импортант; позадина: нема !важно; } /* Икона и наслов се такође мало померају */ .вп-блоцк-цолумнс-ис-лаиоут-флек .вп-блоцк-цолумн:ховер .вп-блоцк-хеадинг, .вп-блоцк-цолумнс-ис-лаиоут-флек .вп-блоцк-цолумн:ховер .вп-блоцк-тхемеисле-блоцкс-фонт-авесоме-ицонс { трансформ: транслатеИ(-5пк); прелаз: трансформација 0,3с лакоћа; } /* Истакните текст при лебдењу */ .вп-блоцк-цолумнс-ис-лаиоут-флек .вп-блоцк-цолумн:ховер п { цолор: 1ТП5Тффф; } /* Основни стил */ .вп-елементс-3а076а4ецца71бфб29ц204ец6б0а5дфд { транзиција: лакоћа боја 0,3 с, лакоћа трансформације 0,3 с, лакоћа сенке текста 0,3 с; фонт-веигхт: болд; положај: релативан; дисплеј: инлине-блоцк; } /* Ефекат лебдења – када пређете мишем преко њега */ .вп-елементс-3а076а4ецца71бфб29ц204ец6б0а5дфд:ховер { цолор: 1ТП5Тф9ц0а3; /* Нпр. бледо ружичаста нијанса */ тект-схадов: 0 0 10пк ргба(249, 192, 163, 0.8); /* Ефект сјаја */ трансформ: сцале(1.1); /* Мало ће порасти */ } /* Анимирано подвлачење */ .вп-елементс-3а076а4ецца71бфб29ц204ец6б0а5дфд::афтер { цонтент: ""; позиција: апсолутна; лево: 501ТП3Т; боттом: -5пк; ширина: 0; висина: 2пк; бацкгроунд-цолор: 1ТП5Тф9ц0а3; прелаз: ширина 0,3с лакоћа, лево 0,3с лакоћа; } /* Ако пређете мишем преко њега, отвориће се подвучена линија */ .вп-елементс-3а076а4ецца71бфб29ц204ец6б0а5дфд:ховер::афтер { видтх: 1001ТП3Т; лево: 0; } /* Подвуци активну ставку подменија */ .цуррент-мену-итем > а { цолор: 1ТП5Т26б5б9; фонт-веигхт: болд; положај: релативан; } /* Ефекат подвлачења */ .цуррент-мену-итем > а::афтер, .цуррент-мену-анцестор > а::афтер, .цуррент-мену-парент > а::афтер { цонтент: ""; позиција: апсолутна; лево: 0; боттом: 0; ширина: 1001ТП3Т; висина: 2пк; бацкгроунд-цолор: 1ТП5Т26б5б9; } /* Подвуци активну ставку подменија */ .цуррент-мену-итем > а::афтер { видтх: 1001ТП3Т; } /* Ставке родитељског менија које воде тамо ("Хоме", "Апплицатионс") такође треба да буду подвучене */ .цуррент-мену-анцестор > а::афтер, .цуррент-мену-парент > а::афтер { видтх: 1001ТП3Т; } и { фонт-дисплаи: свап; воља-промена: трансформација; } /* 📌 Цхатбот приказује име бота у заглављу */ .вп-цхатбот-хеадер::афтер { цонтент: "АртифАИ"; /* Име четбота */ позиција: апсолутна; врх: 501ТП3Т; лево: 501ТП3Т; трансформ: транслате(-501ТП3Т, -501ТП3Т); фонт-сизе: 18пк; фонт-веигхт: болд; боја: 1ТП5Тфффффф; /* Бела боја */ трансформација текста: велика слова; размак између слова: 1пк; з-индекс: 10 !важно; /* Осигурава да је увек видљив */ показивач-догађаји: ниједан; /* Спречава да се на њега може кликнути */ } /* 📌 Фино подесите позицију и стил заглавља */ .вп-цхатбот-хеадер { поситион: релативе; тект-алигн: центар; паддинг: 10пк !импортант; } /* 📌 Цхатбот приказује име бота у заглављу */ .вп-цхатбот-хеадер::афтер { цонтент: "АртифАИ"; /* Име четбота */ позиција: апсолутна; врх: 501ТП3Т; лево: 501ТП3Т; трансформ: транслате(-501ТП3Т, -501ТП3Т); фонт-сизе: 18пк; фонт-веигхт: болд; боја: 1ТП5Тфффффф; /* Бела боја */ трансформација текста: велика слова; размак између слова: 1пк; } /* 📌 Фино подесите позицију и стил заглавља */ .вп-цхатбот-хеадер { позиција: релативна; тект-алигн: центар; } /* 📌 Позадина траке за поруке (подножје) контрастнија */ .вп-цхатбот-фоотер { бацкгроунд: ргба(240, 240, 240, 0.95) !важно; /* Светло сива позадина */ бордер-топ: 2пк солид 1ТП5Т26б5б9 !импортант; /* Тиркизна линија за раздвајање */ паддинг: 10пк !импортант; бацкдроп-филтер: блур(5пк) !импортант; /* Суптилно замућење позадине */ } /* 📌 Поље поруке (унос) читљивија позадина и текст */ 1ТП5Твп-цхатбот-едитор { бацкгроунд: 1ТП5Тфффффф !импортант; /* Бела позадина */ граница: 2пк чврста 1ТП5Т26б5б9 !импортант; /* Тиркизна ивица */ бордер-радиус: 15пк !импортант; паддинг: 12пк !импортант; фонт-сизе: 15пк !импортант; боја: 1ТП5Т314б5а !важно; /* Тамноплави текст */ фонт-веигхт: болд !импортант; бок-схадов: инсет 0пк 2пк 4пк ргба(0, 0, 0, 0.1) !импортант; } /* 📌 Текст чувара места поруке контрастнији */ 1ТП5Твп-цхатбот-едитор::плацехолдер { цолор: 1ТП5Т4д4д4д !импортант; /* Тамније сиви текст */ фонт-веигхт: нормал !импортант; } /* 📌 Учини доње иконе (информације, мени) видљивијим */ .вп-цхатбот-таб-нав ул ли а { цолор: 1ТП5Т4д4д4д !импортант; /* Тамније сива */ непрозирност: 1 !импортант; }