1 line
16 KiB
CSS
1 line
16 KiB
CSS
@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,300;1,400;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{color:#333;font-family:"Lato",sans-serif;background-color:#f3f0cf;display:flex;flex-direction:column;min-height:100vh}.btn-t1{border:none;background-color:rgba(0,0,0,0);color:#333;padding:10px 30px;border-radius:10px;font-weight:800;background-color:#a4e653;text-decoration:none}.btn-t1:disabled{background-color:rgba(149,165,166,.5);cursor:not-allowed}.btn-t2{border:none;background-color:rgba(0,0,0,0);color:#fff;padding:10px 30px;border-radius:10px;font-weight:800;background-color:#333;text-decoration:none}.btn-t2:disabled{background-color:rgba(149,165,166,.5);cursor:not-allowed}.btn{padding:9px 30px}.flex-buttons-group{display:flex;justify-content:center;align-items:center;gap:5px}.c_green{color:#72b81b}.c_red{color:#e31e4b}.top{position:relative;background:#72b81b;color:#fff;height:70px}.top .a_menu .logo{position:absolute;margin:10px 0 !important}.top .a_menu #nav-menu.active{display:block;right:0;top:0;left:0;bottom:0;height:100vh;background:#fff;z-index:999}.top .a_menu #menu-hamburger{position:relative;height:70px;display:flex;align-items:center;justify-content:flex-end;z-index:9999}.top .a_menu #menu-hamburger i{font-size:28px}.top .a_menu #menu-hamburger.active #btn-hamburger{position:relative;height:30px;width:30px}.top .a_menu #menu-hamburger.active #btn-hamburger span{position:absolute;width:100%;height:2px;background:#333;border-radius:5px;top:50%;transform:translateY(-50%)}.top .a_menu #menu-hamburger.active #btn-hamburger span:nth-child(1){top:50%;transform:rotate(45deg) translateY(-50%)}.top .a_menu #menu-hamburger.active #btn-hamburger span:nth-child(2){transform:translateX(-100%) translateY(-50%)}.top .a_menu #menu-hamburger.active #btn-hamburger span:nth-child(3){top:50%;transform:rotate(-45deg) translateY(-50%)}.top .a_menu #menu-hamburger #btn-hamburger{position:relative;height:30px;width:30px;overflow:hidden}.top .a_menu #menu-hamburger #btn-hamburger span{position:absolute;width:100%;height:2px;background:#fff;border-radius:5px;top:50%;transform:translateY(-50%);transition:all 250ms ease}.top .a_menu #menu-hamburger #btn-hamburger span:nth-child(1){top:20%}.top .a_menu #menu-hamburger #btn-hamburger span:nth-child(3){top:80%}@media(min-width: 768px){.top .a_menu #menu-hamburger{display:none}}@media(max-width: 767px){.top .a_menu #nav-menu{position:fixed;display:none}.top .a_menu #nav-menu ul{width:100%;max-width:300px;padding:0 15px;margin:0 auto;flex-direction:column;justify-content:center}.top .a_menu #nav-menu ul li a{color:#333}}.top .logo{background:#72b81b;display:block;margin:0 auto 10px;width:150px;border-radius:0 0 50% 50%;padding:10px 25px 25px}.top .logo img{width:100%}@media(max-width: 600px){.top .logo{margin:10px 0}}.top nav{height:70px}.top nav ul{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:25px;list-style:none;margin:0;padding:0}.top nav ul li a{color:#fff;font-size:18px;font-weight:600;text-decoration:none}.main{display:flex;flex-direction:column;flex-grow:1}.main .tickets{margin-top:100px;margin-bottom:50px;display:flex;flex-direction:column;width:100%;gap:80px}.main .tickets .ticket-container{display:flex;flex-direction:column;width:100%;gap:40px;align-items:center}.main .tickets .ticket-container .title-container{text-align:center;position:relative}.main .tickets .ticket-container .title-container::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;border-bottom:2px dotted #000}.main .tickets .ticket-container .title-container .title{font-weight:800;font-size:46px}.main .tickets .ticket-container .title-container .description{font-size:28px}.main .tickets .ticket{display:flex;flex-direction:row;align-items:center}.main .tickets .ticket .ticket-description{display:flex;flex-direction:column;align-items:center;justify-content:center;width:500px;text-align:center;color:#fff;border-radius:10px;padding:20px 0}.main .tickets .ticket .ticket-description--yellow{background-color:#ffc937}.main .tickets .ticket .ticket-description--red{background-color:#e31e4b}.main .tickets .ticket .ticket-description--blue{background-color:#138fcb}.main .tickets .ticket .ticket-description--orange{background-color:#eb5024}.main .tickets .ticket .ticket-description--green{background-color:#72b81b}.main .tickets .ticket .ticket-description--violet{background-color:#8900be}.main .tickets .ticket .ticket-description .ticket__name{font-size:46px;font-weight:800}.main .tickets .ticket .ticket-description .description{font-size:13px;font-style:italic;line-height:.75;margin-bottom:0}.main .tickets .ticket .ticket-description .ticket-alert{font-size:20px;margin:20px 0 0 0;font-weight:800;text-transform:uppercase;text-decoration:underline}.main .tickets .ticket .price{font-size:46px;margin-left:40px;font-weight:800;min-width:138px}.main .tickets .ticket .ticket-quantity{margin-left:30px}.main .tickets .ticket .ticket-quantity .button{width:30px;height:30px;border-radius:50%;border:1px solid #333;color:#333;background-color:rgba(0,0,0,0);text-align:center}.main .tickets .ticket .ticket-quantity span{padding:0 5px}.main .bottom-info__description{text-align:center;font-size:16px;line-height:29px;padding:20px 0;position:relative}.main .bottom-info__description::after,.main .bottom-info__description::before{position:absolute;content:"";border-bottom:2px dotted #333;left:50%;transform:translateX(-50%);width:10%}.main .bottom-info__description::after{top:0}.main .bottom-info__description::before{bottom:0}.main .bottom-info__description p:nth-child(2){margin-bottom:0}.main .bottom-info__background{margin-top:40px;background-image:url("https://brzezovka.pl/css/../img/bgcity.png");background-position:bottom center;background-repeat:repeat-x;width:100%;height:300px}.footer{background-color:#34327c;display:flex;flex-direction:column;width:100%;color:#fff}.footer a{text-decoration:none;color:#eb5024}.footer .footer__top{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;justify-items:center;align-items:center}.footer .footer__top .location{padding:20px 0;text-align:center}.footer .footer__top .location .title{font-size:22px;font-weight:800}.footer .footer__top .logo{height:100px}.footer .footer__top .logo img{width:100%;height:100%}.footer .footer__bottom{width:100%}.footer .footer__bottom p{text-align:center;margin:0;padding:30px 0}@media(max-width: 767px){.footer .footer__top{padding-top:30px;grid-template-columns:1fr}.footer .footer__top .opening-hours{grid-row-start:2}.footer .footer__top .logo{grid-row-start:1}.footer .footer__top .location{grid-row-start:3}}.shopping-cart{opacity:0;position:fixed;top:80px;right:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;background-color:#72b81b;color:#fff;gap:20px;width:230px;padding:20px 0;transition:opacity .2s}.shopping-cart--active{opacity:1}.shopping-cart .basket{font-size:30px}.shopping-cart .quantity{font-size:18px;font-weight:800}.shopping-cart .tickets__list{width:100%;list-style:none;padding:0 5px;background-color:#fff;color:#333;border-right:1px solid #333;border-left:1px solid #333}.shopping-cart .tickets__list p{margin-bottom:0}.shopping-cart .tickets__list .ticket{border:1px solid #333;border-radius:5px;margin:5px 0;padding:5px 0 5px 5px;display:grid;grid-template-columns:1fr 20px;grid-template-rows:1fr 1fr;grid-template-areas:"name btn" "price btn";font-size:12px;align-items:center}.shopping-cart .tickets__list .ticket__description{grid-area:name;font-weight:800;font-size:13px}.shopping-cart .tickets__list .ticket__price{grid-area:price;font-weight:800;font-size:13px}.shopping-cart .tickets__list .ticket__price span{font-weight:400}.shopping-cart .tickets__list .ticket .ticket__button{grid-area:btn;border:none;background-color:rgba(0,0,0,0);color:#333;font-size:14px;font-weight:800}.shopping-cart .sum-section{text-align:center;font-weight:800;font-size:18px}.shopping-cart .sum-section p{margin-bottom:0}.shopping-cart .off-btn{border:none;background-color:rgba(0,0,0,0);color:#fff;font-size:18px;font-weight:800;position:absolute;top:5px;right:15px}.shopping-cart .buy-btn{border:none;background-color:rgba(0,0,0,0);color:#333;padding:10px 30px;border-radius:10px;font-weight:800;background-color:#a4e653;text-decoration:none}#basket_page .basket_content{margin-top:100px;margin-bottom:100px}#basket_page .box_01{margin-bottom:24px}#basket_page .box_01 table{width:100%;background:#fff}#basket_page .box_01 table tr{text-align:center;border-top:1px solid rgba(0,0,0,.1)}#basket_page .box_01 table tr th{padding:8px}#basket_page .box_01 table tr th h3{font-size:1.25rem;font-weight:800}#basket_page .box_01 table tr td{padding:8px}#basket_page .box_01 table tr td .btn_t1{width:30px;height:30px;border-radius:50%;border:none;transition:150ms ease-in-out}#basket_page .box_01 table tr td .btn_t1.add:hover{color:#72b81b;border-color:#72b81b}#basket_page .box_01 table tr td .btn_t1.subtract:hover{color:#eb5024;border-color:#eb5024}#basket_page .box_01 table tr td .btn_t1.delete{border:none}#basket_page .box_01 table tr td .btn_t1.delete:hover{color:#e31e4b}#basket_page .box_02 .basket_user_data .basket_user_data__wrapper{background:#fff;padding:30px}#basket_page .box_02 .basket_user_data .basket_user_data__wrapper h2{font-size:1.5rem;margin-bottom:20px}#basket_page .box_02 .basket_user_data .basket_user_data__wrapper .form-vat-box{display:none}#basket_page .box_02 .basket_user_data .basket_user_data__wrapper .form-group .col-form-label{font-weight:600}#basket_page .box_02 .basket_user_data .basket_user_data__wrapper .form-group .col-form-label .form-vat-option{opacity:0;transition:400ms ease}#basket_page .box_02 .basket_user_data .basket_user_data__wrapper .form-group .form-check a{color:#72b81b;text-decoration:none}#basket_page .box_02 .basket_summary .basket_summary__wrapper{text-align:center;background:#fff;padding:30px;height:100%}#basket_page .box_02 .basket_summary .basket_summary__wrapper h2{font-size:1.5rem}#basket_page .box_02 .basket_summary .basket_summary__wrapper p{font-size:1.5rem;font-weight:800}#basket_page .box_02 .basket_summary .basket_summary__wrapper .buy-btn{display:inline-block;border:none;background-color:rgba(0,0,0,0);color:#333;padding:10px 30px;border-radius:10px;font-weight:800;background-color:#d3f3ac;text-decoration:none}.spinner_container{display:flex;align-items:center;justify-content:center;padding:150px 0}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#72b81b;margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-0.036s}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-0.072s}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-0.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-0.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-0.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-0.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-0.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-0.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#scanner{width:100%;max-width:500px;margin-left:auto;margin-right:auto}@media(min-width: 768px){#scanner{margin-top:50px}}.alogin-page .panel-login{padding-top:100px;padding-bottom:100px;display:flex;align-items:center;justify-content:center}.alogin-page .panel-login form{display:flex;flex-direction:column;gap:10px}#tickets-orders{padding-top:100px;padding-bottom:100px}#tickets-orders h1{margin-bottom:20px}#tickets-orders table{margin-bottom:10px;background:#fff;border-bottom:none}#tickets-orders table thead tr{border-bottom:1px solid rgba(0,0,0,.1)}#tickets-orders table thead tr th{padding:15px 10px;font-size:1.25rem;font-weight:800;border-bottom:none}#tickets-orders table tbody tr td.edit-btn a{margin-left:20px}#tickets-orders table tbody tr td.edit-btn i{color:#333;font-size:20px;transition:color 200ms ease}#tickets-orders table tbody tr td.edit-btn i:hover{color:#72b81b}#tickets-orders table tr{border-bottom:1px solid rgba(0,0,0,.1)}#tickets-orders table tr td{padding:15px 10px;border-bottom:none}#tickets-orders #myTable_wrapper .row:nth-child(1){margin-bottom:10px}#tickets-orders #myTable_wrapper #myTable_length label{display:flex;flex-direction:row;align-items:center;gap:15px}#tickets-orders #myTable_wrapper #myTable_length label select{min-width:70px;background-color:#fff}#tickets-orders #myTable_wrapper #myTable_filter label{display:flex;flex-direction:row;align-items:center;gap:15px}#tickets-orders #myTable_wrapper #myTable_filter label input{margin-left:0;background:#fff}#tickets-orders #myTable_wrapper #myTable_paginate .pagination{display:flex;align-items:center;-moz-column-gap:5px;column-gap:5px;margin-bottom:0}#tickets-orders #myTable_wrapper #myTable_paginate .pagination .paginate_button{padding:0;border:none}#tickets-orders #myTable_wrapper #myTable_paginate .pagination .paginate_button.active a{color:#fff;background:#72b81b}#tickets-orders #myTable_wrapper #myTable_paginate .pagination .paginate_button:hover{border:none;background:none}#tickets-orders #myTable_wrapper #myTable_paginate .pagination .paginate_button.disabled>.page-link{color:#95a5a6}#tickets-orders #myTable_wrapper #myTable_paginate .pagination .paginate_button .page-link{color:#000}#tickets-orders #myTable_wrapper #myTable_paginate .pagination .paginate_button a{border:none}#order-data{padding:100px 0}#order-data .order-data .mini-nav-menu{margin-bottom:30px}#order-data .order-data .mini-nav-menu a:hover{color:#333}#order-data .order-data .box_01{margin-bottom:24px}#order-data .order-data .box_01 table{width:100%;background:#fff}#order-data .order-data .box_01 table tr{text-align:center;border-top:1px solid rgba(0,0,0,.1)}#order-data .order-data .box_01 table tr th{padding:8px}#order-data .order-data .box_01 table tr th h3{font-size:1.25rem;font-weight:800}#order-data .order-data .box_01 table tr td{padding:8px}#order-data .order-data .box_01 table tr td .btn_t1{width:30px;height:30px;border-radius:50%;border:none;transition:150ms ease-in-out}#order-data .order-data .box_01 table tr td .btn_t1.add:hover{color:#72b81b;border-color:#72b81b}#order-data .order-data .box_01 table tr td .btn_t1.subtract:hover{color:#eb5024;border-color:#eb5024}#order-data .order-data .box_01 table tr td .btn_t1.delete{border:none}#order-data .order-data .box_01 table tr td .btn_t1.delete:hover{color:#e31e4b}#order-data .order-data .box_01 .btn-save-new-list{display:block;margin:30px auto 0}#order-data .order-data .box_02 .order-detale-info .order-detale-info__wrapper{background:#fff;padding:30px}#order-data .order-data .box_02 .order-detale-info .order-detale-info__wrapper h2{font-size:1.5rem;margin-bottom:20px}#order-data .order-data .box_02 .order-detale-info .order-detale-info__wrapper .form-group .col-form-label{font-weight:600}#order-data .order-data .box_02 .order-summary .order-summary__wrapper{text-align:center;background:#fff;padding:30px;height:100%}#order-data .order-data .box_02 .order-summary .order-summary__wrapper h2{font-size:1.5rem;margin-bottom:20px}#order-data .order-data .box_02 .order-summary .order-summary__wrapper p{font-size:1.5rem;font-weight:800}#regulamin_box{margin-top:80px;margin-bottom:50px}#regulamin_box .regulamin_box__wrapper h5{font-size:26px;margin:0;color:#333;text-align:center;margin-bottom:20px}#regulamin_box .regulamin_box__wrapper h6{font-size:22px;margin-bottom:10px;text-transform:uppercase;font-family:"Lato",sans-serif;font-weight:800;letter-spacing:.8px;color:#333;text-align:center}#regulamin_box .regulamin_box__wrapper .regulamin__box{margin-bottom:50px}#regulamin_box .regulamin_box__wrapper .regulamin__box h5{text-align:center}.sale-box h2{text-align:center;font-size:48px;line-height:43px}.sale-box h2 span{color:#74aa32;font-weight:700}/*# sourceMappingURL=style.css.map */ |