/* Theme Name: Liberta2026 Theme URI: http://childtheme-generator.com/ Description: Liberta2026 is a child theme of blankslate, created by ChildTheme-Generator.com Author: MIchał Stępak Author URI: http://childtheme-generator.com/ Template: blankslate Version: 1.0.0 Text Domain: liberta2026 */ /* Add your custom styles here */ /* ---------------------------------------------------- Elementy wspólne */ body{height: 100%;margin: 0;} /* Konfiguracja root'u */ #wrapper{display:flex;flex-direction:row;align-items:stretch;overflow: visible;} /* Główny kontener na stronie */ #site-title {display:none} #header{display:flex;flex-direction:column;background:#0D0D0D;color:#ffffff;text-align:center;min-height: 100vh;flex: 0 0 10%; position: sticky;top: 0;height: 100vh;} /* Konfiguracja nagłówka */ #header a{color:#ffffff;text-decoration:none} /* Konfig odnośników do menu głównego */ ul.sub-menu li a{color:#F26363 !important} /* definiowanie sub menu główne*/ img.custom-logo{width: 100px;height: auto;} /* Rozmiar logo */ #search{display:none} /* Wygaszenie wyszukiwarki */ #container{background: #D8EBF2;background: linear-gradient(37deg,rgba(216, 235, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);flex: 0 0 90%;} /* Konfiguracja tła głównego okna */ /* #footer{flex: 0 0 90%;} /* Konfiguracja stopki*/ #container{flex: 1 1 90%} #menu ul li {margin:10% 0;text-transform:uppercase} /* Odstęp pomiędzy marginesami */ li#menu-item-938{ background:#F26363;padding:5px} /* Przycisk kontaktu */ li#menu-item-938 a{color:#0D0D0D} /* Link do kontaktu*/ #menu-item-988-pl,#menu-item-988-en{width: 50%;float: left} /* przyciski z flagami */ #footer {display:none} h1.entry-title{margin: 5% 10%;font-size:6vw}/* Tytuł na podstronach*/ /*.entry-content{padding:0 10% 10% 10%;} /* KOntener na zawartość */ /*.vp-img{width:200px} /* Dopasowanie szerokości pod Content slider */ .wp-block-cb-slide-v2{width:auto} /* Naprawa błędu auto rozciągania slidera */ .cb-button-next.swiper-button-next,.cb-button-prev.swiper-button-prev{background:#F26363;padding:25px;} /* Slider pod Gutenberga - konfiguracja przycisków przewijania*/ h2.wp-block-heading{font-size: 3em;margin-top: 30px;} /* Nagłówki na stronie */ /* --------------------------------------------------------Strona główna*/ #my-brand-name{font-size:6vw;font-weight:100;color:#5A7E8C;text-transform:uppercase;line-height:75%} /* Imie i nazwisko */ #my-brand-special{font-size:0.9vw;font-weight:900;color:#F26363;text-transform:uppercase;line-height:350%} /* Zawód */ .bio_container h1{font-size:3em;color:#5A7E8C;margin-top:20px} /* BIO H1*/ .bio_container h2{font-size:2em;color:#F26363} /* BIO H2*/ .bio_container p{font-size:1em;color:#5A7E8C;padding:10px 0px} /* BIO akapity*/ .bio_container hr{color:#F26363} /* BIO HR*/ .bio_container{height:100vh;width:100%;color:#5A7E8C;position:sticky;top:0px;margin-bottom:20px} /* Konfiguracja kontenera sekcji na stronie głównej */ .bio_container.bio-1{background:#fafcfd url("") no-repeat;background-size:cover;z-index:1} /* Definicja tła dla sekcji 1 na stronie głównej*/ .bio_container.bio-2{background:#fafcfd url("") no-repeat;background-size:cover;z-index:2} /* Definicja tła dla sekcji 2 na stronie głównej*/ .bio_container.bio-3{background:#fafcfd url("") no-repeat;background-size:cover;z-index:3} /* Definicja tła dla sekcji 3 na stronie głównej - motywacja */ .bio_container.bio-4{background:#fafcfd url("") no-repeat;background-size:cover;z-index:4} /* Definicja tła dla sekcji 4 na stronie głównej - skills*/ .bio_container.bio-5{background:#fafcfd url("") no-repeat;background-size:cover;z-index:5} /* Definicja tła dla sekcji 5 na stronie głównej - tools*/ .bio_container.bio-6{background:#fafcfd url("") no-repeat;background-size:cover;z-index:6} /* Definicja tła dla sekcji 6 na stronie głównej - technical skills*/ .bio_container.bio-7{background:#fafcfd url("") no-repeat;background-size:cover;z-index:7} /* Definicja tła dla sekcji 7 na stronie głównej - additional skills */ .bio_container.bio-8{background:#fafcfd url("") no-repeat;background-size:cover;z-index:8} /* Definicja tła dla sekcji 8 na stronie głównej - hobbies*/ .bio_section{width:60%;padding:10%} .bio_section table td{border:1px solid #dddddd;padding:5px;font-size:1.3em} /* komórki tabeli w sekcji głównej*/ .bio_section table th{border:1px solid #dddddd;padding:5px;background:#5A7E8C;color:#ffffff;font-size:1.5em;font-weight:900} /* komórki header tabeli w sekcji głównej*/ .bio_section i{font-style: italic;} .bio-arrow{font-size:3em;} /* --------------------------------------------------------Video */ .video-containerr{display:flex;flex-flow: row wrap;gap: 20px;margin-top:30px} /* kontener na wszystkie video */ .single-video-containn{flex:1 0 25%} /* KOntener na pojedyncze video*/ .single-video-containn a img{width:100%} /* Skalowanie miniaturki video*/ .tool { cursor: help; position: relative; } /*== common styles for both parts of tool tip ==*/ .tool::before, .tool::after { left: 50%; opacity: 0; position: absolute; z-index: -100; } .tool:hover::before, .tool:focus::before, .tool:hover::after, .tool:focus::after { opacity: 1; transform: scale(1) translateY(0); z-index: 100; } /*== pointer tip ==*/ .tool::before { border-style: solid; border-width: 1em 0.75em 0 0.75em; border-color: #3E474F transparent transparent transparent; bottom: 100%; content: ""; margin-left: -0.5em; transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s; transform: scale(.6) translateY(-90%); } .tool:hover::before, .tool:focus::before { transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s; } /*== speech bubble ==*/ .tool::after { background: #3E474F; border-radius: .25em; bottom: 180%; color: #EDEFF0; content: attr(data-tip); margin-left: -8.75em; padding: 1em; transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s; transform: scale(.6) translateY(50%); width: 17.5em; } .tool:hover::after, .tool:focus::after { transition: all .65s cubic-bezier(.84,-0.18,.31,1.26); } @media (max-width: 760px) { .tool::after { font-size: .75em; margin-left: -5em; width: 10em; } }