@charset "UTF-8";.strefa_upusc{ padding:50px;border:1px solid black;background-color:#ddd;height:100%;} .strefa_upusc:hover{ background-color:#b9b9b9;} .galeria{ min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-scroll-snap-type:mandatory;scroll-snap-type:mandatory;} .miniatura{ background-color:#dadada;margin:15px;border:4px solid rgb(81,91,111);border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:15px;} .obraz{ width:200px;height:200px;} .obraz:hover{ cursor:pointer;} .usun{ text-decoration:none;} .usun:hover{ background-color:#b4b4b4;} .nazwa{ position:relative;display:inline-block;border-bottom:1px dotted black;} .nazwa .podpowiedz{ word-wrap:break-word;visibility:hidden;width:120px;background-color:#555;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;} .nazwa .podpowiedz::after{ content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent;} .nazwa:hover .podpowiedz{ visibility:visible;opacity:1;} .zdj-caly-ekran-pojemnik{ display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999;} .zdj-caly-ekran{ max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain;} .przycisk-zamknij{ position:absolute;top:20px;right:20px;font-size:30px;color:white;cursor:pointer;} .motyw-jasny{ --bg-color:#f0f4f8;--text-color:#000;--footer-bg:#cbcbcb;--footer-text:#222;--footer-header:#1e73be;--footer-link:#222;--footer-link-hover:#1e73be;--footer-copyright-bg:#cce0eb;--footer-copyright-text:#333;} .motyw-ciemny{ --bg-color:#000;--text-color:#fff;--footer-bg:#1e3a45;--footer-text:#f5f5f5;--footer-header:#ffcc33;--footer-link:#f5f5f5;--footer-link-hover:#ffcc33;--footer-copyright-bg:#0f1f27;--footer-copyright-text:#ccc;} @font-face{ font-family:"Euromode";src:url("../fonts/EURON.ttf") format("truetype");} @font-face{ font-family:"EuromodeBold";src:url("../fonts/EUROT.ttf") format("truetype");} :root{ --niebieski2:#446A73;--niebieski:rgb(0,190,255);--niebieski_jasny:rgb(119,221,255);--niebieski_ciemny:rgb(0,103,138);--szary:rgb(51,51,51);--niebieski_c:#1c6a9e;--niebieski_bc:#165179;--bialy:#ffffff;--szarosc:rgb(126,126,126);--firm-niebieski:rgb(0,127,193,0.7);--firm-niebieski_c:rgba(0,70,128,0.9);--firm-niebieski2:rgb(12,97,169,0.6);--firm-niebieski2_c:rgb(64,84,124,0.9);--firm-zielony_j:rgb(83,159,65,0.7);--firm-zielony_c:rgb(0,115,49,0.8);} :root[data-theme=light]{ --bg:white;--text:black;} :root[data-theme=dark]{ --bg:#121212;--text:#f0f0f0;} .wczytywanie{ display:block;position:absolute;top:0;left:0;z-index:100;width:100vw;height:100vh;background-color:rgba(192,192,192,0.5);background-image:url("../img/wczytywanie.gif");background-repeat:no-repeat;background-position:center;-webkit-animation:fadein 1s;animation:fadein 1s;} html{ scroll-behavior:smooth;} @-webkit-keyframes hue-rotate-animation{ 0%{ -webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);} 100%{ -webkit-filter:hue-rotate(-360deg);filter:hue-rotate(-360deg);} } @keyframes hue-rotate-animation{ 0%{ -webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);} 100%{ -webkit-filter:hue-rotate(-360deg);filter:hue-rotate(-360deg);} } @keyframes fadein{ from{ opacity:0;} to{ opacity:1;} } @-webkit-keyframes fadein{ from{ opacity:0;} to{ opacity:1;} } .alert{ display:none;margin:10px;padding:4px;padding-left:15px;background-color:rgba(255,204,204,0.918);border:2px solid rgb(255,0,0);border-radius:10px;font-family:Euromode;font-size:1.2em;font-weight:500;} .pasek_postepu{ width:100%;background-color:#ddd;} .pasek-postepu-zielony{ width:1%;height:30px;background-color:#04AA6D;display:none;} .modal-komunikat{ display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);} .modal-komunikat-tresc{ position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:30%;max-height:80%;overflow-y:auto;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);} .modal-komunikat-tresc::after{ content:"";display:table;clear:both;} .modal-komunikat-cialo{ padding:2px 16px;background-color:#ddd;} .modal-komunikat-cialo p{ text-align:left;color:black;} .modal-komunikat-naglowek{ padding:2px 16px;background-color:rgb(68,106,115);color:rgb(0,0,0);} .modal-komunikat-naglowek h1{ text-align:center;color:black;font-size:1.6em;} .modal-komunikat-stopka{ padding:10px;background-color:#8b8b8b;color:rgb(0,0,0);} .modal-komunikat-stopka-pojemnik{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;} .modal-komunikat-stopka .przycisk{ background-color:#00aa41;border:1px solid transparent;border-radius:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:#FFFFFF;cursor:pointer;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-family:Euromode;font-size:1.125em;font-weight:600;line-height:1.5rem;padding:0.75rem 1.2rem;text-align:center;-webkit-text-decoration:none #6B7280 solid;text-decoration:none #6B7280 solid;text-decoration-thickness:auto;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:background-color,border-color,color,fill,stroke;transition-property:background-color,border-color,color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1);-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;width:auto;} .modal-komunikat-stopka .przycisk:hover{ background-color:#006b29;color:#ffffff;} .modal-komunikat-stopka .przycisk:active{ background-color:var(--niebieski_bc);} .modal-komunikat h1{ text-align:center;font-size:1.4em;color:black;} .modal-komunikat h2{ text-align:center;font-size:1.1em;color:black;} .close{ color:rgb(255,0,0);float:right;font-size:28px;font-weight:bold;background-color:transparent;} .close:hover,.close:focus{ color:rgb(175,0,0);text-decoration:none;cursor:pointer;} @media screen and (max-width:768px){ .modal-komunikat.tresc{ width:95%;max-width:95%;height:85%;max-height:85%;} } .modal{ display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.7);} .modal p{ color:black;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;text-align:justify;font-size:1.2em;} .modal h1{ text-align:center;font-size:1.4em;color:var(--niebieski);} .modal h2{ text-align:center;font-size:1.1em;color:var(--niebieski);} .modal-header{ padding:2px 16px;background-color:#b0b0b0;} .modal-header h1{ text-align:center;font-size:1.6em;color:#333;} .modal-body{ padding:2px 16px;background-color:#f5f5f5;color:black;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bbb #f5f5f5;} .modal-footer{ padding:10px;background-color:#b0b0b0;} .modal-stopka-pojemnik-przyciski{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;} .modal-content{ position:relative;background-color:var(--szary);margin:auto;padding:0;border:1px solid rgba(255,255,255,0.5);border-radius:10px;width:60%;max-height:80%;overflow:hidden;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;animation-name:animatetop;-webkit-animation-duration:0.4s;animation-duration:0.4s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} .modal-content::after{ content:"";display:table;clear:both;} .modal-body::-webkit-scrollbar{ width:8px;} .modal-body::-webkit-scrollbar-track{ background:#f5f5f5;border-radius:4px;} .modal-body::-webkit-scrollbar-thumb{ background-color:#bbb;border-radius:4px;border:2px solid #f5f5f5;} .modal-body::-webkit-scrollbar-thumb:hover{ background-color:#999;} @-webkit-keyframes animatetop{ from{ top:-300px;opacity:0;} to{ top:0;opacity:1;} } @keyframes animatetop{ from{ top:-300px;opacity:0;} to{ top:0;opacity:1;} } .close{ position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background-color:#a30000;color:#fff;font-size:20px;font-weight:bold;line-height:32px;text-align:center;cursor:pointer;-webkit-transition:0.3s ease;transition:0.3s ease;border:none;} .close:hover{ background-color:#780000;-webkit-transform:scale(1.1);transform:scale(1.1);} .modal .text-wielolinia{ resize:vertical;width:100%;height:100%;font-size:1em;padding:9px;margin:8px 0;display:inline-block;border:1px solid rgb(153,153,153);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:1em;font-family:Euromode;} .modal .tekst{ width:100%;background-position:3px 3px;background-size:30px;background-repeat:no-repeat;margin-bottom:12px;padding:9px 9px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:6px;border:1px solid #ccc;font-size:1em;} .modal .tekst:focus{ outline:none;border:1px solid #007BFF;-webkit-box-shadow:0 0 5px rgba(0,123,255,0.5);box-shadow:0 0 5px rgba(0,123,255,0.5);} .modal .tekst:hover{ background-color:#fafafa;} @media screen and (max-width:768px){ .modal-content{ width:95%;max-width:95%;height:85%;max-height:85%;} .modal-footer-poj{ -webkit-box-flex:0;-ms-flex:none;flex:none;} }