Project-Pro/aacperspektywy.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding new btns

Browse Source
This commit is contained in:
Roman Pyrih
2026-01-28 15:51:35 +01:00
parent 41d43ff55e
commit dc24af37e2
4 changed files with 217 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
wp-content/themes/aac/css/custom.css
View File

@@ -264,6 +264,23 @@ body.no-scroll {
background: #536783;
}
.btn-4 {
color: #fff !important;
font-weight: 600;
font-size: 16px;
line-height: 1;
text-decoration: none;
display: inline-block;
padding: 14px 25px;
border: 1px solid #209252;
border-radius: 8px;
background: #209252;
transition: all 250ms ease-in-out;
}
.btn-4:hover {
background: rgb(29, 132, 74);
}
header#masthead {
position: relative;
background: #fff;
@@ -296,7 +313,7 @@ header#masthead .row {
}
@media (max-width: 575px) {
header#masthead .row .site-branding {
width: 100%;
order: 1;
}
}
header#masthead .row .site-branding img {
@@ -310,15 +327,17 @@ header#masthead .row .site-branding img {
}
header#masthead .row nav#site-navigation {
width: auto;
flex: 1;
}
@media (max-width: 575px) {
header#masthead .row nav#site-navigation {
order: 3;
order: 4;
}
}
header#masthead .row nav#site-navigation ul#primary-menu {
-moz-column-gap: 40px;
column-gap: 40px;
justify-content: center;
}
header#masthead .row nav#site-navigation ul#primary-menu li.menu-item.current_page_item > a {
color: #583867;
@@ -369,10 +388,10 @@ header#masthead .row .main-navigation-secondary {
}
@media (max-width: 575px) {
header#masthead .row .main-navigation-secondary {
order: 2;
order: 3;
}
}
header#masthead .row .main-navigation-secondary > li {
header#masthead .row .main-navigation-secondary > li:not(.btn-external) {
display: flex;
flex-direction: row;
align-items: center;
@@ -382,63 +401,72 @@ header#masthead .row .main-navigation-secondary > li {
gap: 16px;
}
@media (max-width: 1199px) {
header#masthead .row .main-navigation-secondary > li {
header#masthead .row .main-navigation-secondary > li:not(.btn-external) {
gap: 10px;
}
}
header#masthead .row .main-navigation-secondary > li .social-icon img {
header#masthead .row .main-navigation-secondary > li:not(.btn-external) .social-icon img {
width: 16px;
min-width: 16px;
height: 16px;
}
@media (max-width: 1199px) {
header#masthead .row .main-navigation-secondary > li .social-icon img {
header#masthead .row .main-navigation-secondary > li:not(.btn-external) .social-icon img {
width: 12px;
min-width: 12px;
height: 12px;
}
}
header#masthead .row .main-navigation-secondary > li ol.other-icons {
header#masthead .row .main-navigation-secondary > li:not(.btn-external) ol.other-icons {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
align-items: center;
}
header#masthead .row .main-navigation-secondary > li ol.other-icons li {
header#masthead .row .main-navigation-secondary > li:not(.btn-external) ol.other-icons li {
width: 36px;
min-width: 36px;
height: 36px;
}
header#masthead .row .main-navigation-secondary > li ol.other-icons li a {
header#masthead .row .main-navigation-secondary > li:not(.btn-external) ol.other-icons li a {
display: block;
width: 100%;
height: 100%;
}
header#masthead .row .main-navigation-secondary > li ol.other-icons li a:hover img {
header#masthead .row .main-navigation-secondary > li:not(.btn-external) ol.other-icons li a:hover img {
transform: scale(1.2);
transition: all 250ms ease-in-out;
}
header#masthead .row .main-navigation-secondary > li ol.other-icons li:not(:first-child) {
header#masthead .row .main-navigation-secondary > li:not(.btn-external) ol.other-icons li:not(:first-child) {
margin-left: -10px;
}
@media (max-width: 575px) {
header#masthead .row .main-navigation-secondary > li ol.other-icons li:not(:first-child) {
header#masthead .row .main-navigation-secondary > li:not(.btn-external) ol.other-icons li:not(:first-child) {
margin-left: 5px;
}
}
@media (max-width: 1199px) {
header#masthead .row .main-navigation-secondary > li ol.other-icons li {
header#masthead .row .main-navigation-secondary > li:not(.btn-external) ol.other-icons li {
width: 30px;
min-width: 30px;
height: 30px;
}
}
header#masthead .row .main-navigation-secondary > li ol.other-icons li img {
header#masthead .row .main-navigation-secondary > li:not(.btn-external) ol.other-icons li img {
width: 100%;
border: 1px solid #fff;
border-radius: 100%;
}
header#masthead .row .btn-external {
margin-left: 10px;
}
@media (max-width: 575px) {
header#masthead .row .btn-external {
order: 2;
margin-left: 0;
}
}
header#masthead .row #nav-menu-toggle {
position: relative;
display: block;
@@ -4303,6 +4331,9 @@ body.page-id-511 .box-3 .box-3--wrapper .row-1 .col-1 .box-data p {
background: #583867;
border-radius: 50px;
}
body.page-id-511 .box-3 .box-3--wrapper .row-1 .col-1 .btn-4 {
margin-top: 50px;
}
body.page-id-511 .box-3 .box-3--wrapper .row-1 .col-2 {
width: 100%;
max-width: 630px;
@@ -4447,6 +4478,9 @@ body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-1 .box-alert p {
font-size: 12px;
line-height: 1.3;
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-1 .btn-4 {
margin-top: 50px;
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-2 {
width: 100%;
max-width: 630px;
@@ -4703,13 +4737,30 @@ body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .modul
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
@media (max-width: 991px) {
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--nav {
flex-wrap: wrap;
gap: 20px;
}
}
@media (max-width: 767px) {
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--nav {
justify-content: center;
}
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--nav .module-tile--nav--btns {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--nav nav {
display: flex;
flex-direction: row;
gap: 10px;
flex-wrap: wrap;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--nav .module-tile--btn {
display: inline-flex;
flex-direction: row;
@@ -4736,6 +4787,8 @@ body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .modul
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 20px;
min-width: -moz-max-content;
min-width: max-content;
padding: 10px 16px;
background: #583867;
border-radius: 50px;