Skip to Content

CSS File

URL: https://bip.powiat.tczew.pl/template/bip-01/prod/css/module/menu_mobile.css?ts=1616746138
HTTP Status: 200 OK
MIME Type: text/css
Last Modified: Fri, 26 Mar 2021 08:08:58 GMT
Download Time: Less than a second
Cookies: None
Size: 5 KB
Rules: 40 style rules
Imports: 0 stylesheets
HTTP Headers:  7 headers
Links In:  1 pages
Links Out:  0 links
Images:  0 images
CSS:  0 files
JavaScript:  0 files
  
OK Issues: No issues found

1/*fcgz1616746138*/@media (max-width:767px){.menuMobile{background:#fff;width:calc(100% - 50px);max-width:400px;height:calc(100%);position:fixed;top:55px;bottom:0;left:0;z-index:99;border-right:1px solid #dedede;will-change:transform,opacity;opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:opacity .8s ease-in-out,-webkit-transform .3s ease-out;transition:opacity .8s ease-in-out,-webkit-transform .3s ease-out;transition:opacity .8s ease-in-out,transform .3s ease-out;transition:opacity .8s ease-in-out,transform .3s ease-out,-webkit-transform .3s ease-out}

2.menuMobile ul{padding-bottom:50px}

3#menuMobileSwitch:checked~.menuMobile{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out}

4#menuMobileSwitch:checked~.main_header__wrapper .menu_mobile_open.mobileMenuBtn--menu{z-index:-1;opacity:0;pointer-events:none;position:absolute}

5#menuMobileSwitch:checked~.main_header__wrapper .menu_mobile_close.mobileMenuBtn--menu{z-index:1;opacity:1;pointer-events:visible;position:static}

6.main_header--scrolled .menuMobile{height:calc(100% - 55px)}

7.menuMobile__level,.menuMobile__wrap{height:100%}

8.menuMobile__wrap{position:relative}

9.menuMobile__level{background:#fff;position:absolute;top:0;left:0;width:100%;overflow-y:scroll}

10.menuMobile__level:not(.menuMobile__level--1){will-change:auto;opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:opacity .8s ease-in-out,-webkit-transform .3s ease-out;transition:opacity .8s ease-in-out,-webkit-transform .3s ease-out;transition:opacity .8s ease-in-out,transform .3s ease-out;transition:opacity .8s ease-in-out,transform .3s ease-out,-webkit-transform .3s ease-out}

11.menuMobile__level.-active{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out}

12.menuMobile__head{height:50px}

13.menuMobile__back,.menuMobile__parent{padding:0 10px}

14.menuMobile__back{width:35%;border-right:1px solid #dedede;line-height:1}

15.menuMobile__backArrow{margin-right:8px}

16.menuMobile__title{font-weight:600;text-transform:uppercase}

17.menuMobile__parent{padding-left:15px}

18.menuMobile__parent a{text-overflow:ellipsis;overflow:hidden;line-height:1.2;max-height:2.4em}

19.menuMobile__item{line-height:1.1}

20.menuMobile__item--parent{font-weight:600}

21.menuMobile__lang,.menuMobile__link{min-height:50px;position:relative;padding-left:15px;padding-right:40px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #dedede}

22.menuMobile__text{padding-right:8px}

23.menuMobile__expander{width:40px;height:100%;position:absolute;right:0}

24.menuMobile__expander::before{content:"";height:50%;width:1px;background:#dedede;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}

25.menuMobile__backArrow,.menuMobile__expander{

font-size:8px}

26.menuMobile__willChange{will-change:transform,opacity}

27.mobileSearch{height:50px}

28.mobileSearch a{height:50px}

29.menuMobile__search{background:#f2f5f9;padding:5px}

30.menuMobile__search input{font-size:16px}

31.menuMobile__lang{border-top:1px solid #dedede;padding:0 15px;left:0;bottom:0;background:#f2f5f9;width:100%;position:absolute}

32.menuMobile__icon{display:block;width:25px;height:25px}

33.module.choose_lang{width:80%}

34.chooseLang{background:#fff;padding:45px}

35.chooseLang__select{margin-top:20px}

36.nice_select .data-link{padding:0;border:none}

37.mobileSearch__label{width:50px;font-size:18px;display:-webkit-box;

display:-webkit-flex;

display:-ms-flexbox;

display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-top:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;min-width:50px}

38.mobileSearch__label>span{display:-webkit-box;

display:-webkit-flex;

display:-ms-flexbox;

display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}

39.menuMobile__currentLang{text-transform:uppercase;margin-right:10px}

40}

41@media (min-width:768px){.menuMobile{display:none}

42}