Dlaczego jak udostępniam plik css na hostingu https://www.000webhost.com/ to zmiany stylu pojawią się dopiero po kilku godzinach np. nie działa na https://filszu.000webhostapp.com/sklep.html jak na stronie hostingu jest poprawny kod, jeśli zaś kliknie się zbadaj jest jeszcze ten stary?
body{
margin: 0px;
background-image: url("img/tlo1.png"); /*url("img/tlo2.png"), */
background-color: #666;
color: white;
font-family: 'Oswald', sans-serif;
font-size: 27px;
}
#container
{
width: 1000px;
margin-right: auto;
margin-left: auto;
min-height: 1000px;
padding: 5px;
background-color: #404040;
}
#logo
{
min-height: 450px;
background-color: #a6a6a6;
margin-left: auto;
margin-right: auto;
font-size: 50px;
font-family: 'ZCOOL KuaiLe', cursive;
}
#menu
{
background-color: #303030;
color: #ffffff;
padding: 10px;
letter-spacing: 3px;
}
.option
{
float: left;
min-widht: 50px;
height: 25px;
font-size: 18px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 40px;
border-right: 2px dotted #444444;
opacity: 0.8;
transition: all 0.3s ease-in-out;
text-decoration:none;
color: white;
}
.option:hover
{
background-color: #000000;
cursor: pointer;
transform: scale(1.05) rotate(-3deg);
text-decoration:none;
}
#projectMenu
{
margin-left: auto;
margin-right: auto;
}
.project
{
width: 300px;
height: 300px;
background-color: black;
}
.podpis
{
}
.ourProjects
{
/*font-family: 'Shadows Into Light', cursive;*/
height:300px;
width:300px;
background-color: black;
color: white;
font-size: 20px;
float:left;
margin: 10px;
}
.ourProjects a:hover
{
color: white;
text-decoration:none;
}
.overlayT
{
position: relative;/*pozawala używać left right, top ,bottom*/
width: 300px;
height: 300px;
}
.overlayT .link
{
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color: #27a38d;
left: 0px;
top: 0px;
opacity: 0;
}
.overlayT:hover .link
{
opacity: 0.8;
transition: opacity 0.5s ease-in-out;
}
.icon
{
display: block;
top: 25%;
position: relative;
font-size: 72px;
}
.icon p
{
font-size: 40px;
}
#slider
{
margin-left:auto;
margin-right:auto;
background-color:black;
}
.zmiana
{
cursor:pointer;
padding:10px;
}
.zmiana:hover{
color: yellow;
border: double 2px
}
.btn {
background-color: DodgerBlue;
border: none;
color: white;
padding: 12px 30px;
cursor: pointer;
font-size: 20px;
width: 100%;
padding: 10px;
text-decoration:none;
}
/* Darker background on mouse-over */
.btn:hover {
background-color: RoyalBlue;
text-decoration:none;
}
.btn:visited
{
color:white;
text-decoration:none;
}
.wspolpraca
{
font-family: 'Source Code Pro', monospace;
padding: 20px;
background-color: yellow;
border: 3px dashed red;
border-radius: 20px;
font-size: 20px;
color: black;
}
.bar
{
float: left;
margin-left:auto;
margin-right:auto;
margin: 10px;
width:260px;
height: 350px;
margin-top: 50px;
background-color: black;
border-radius: 20px;
padding: 5px;
}
.centered {
background-color: rgba(0, 0, 255, 0.3);
background: rgba(0, 0, 255, 0.3);
/*color: rgba(0, 0, 255, 0.3);*/
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px;
}
.centersed:hover {
background-color: rgba(0, 0, 255, 0.1);
background: rgba(0, 0, 255, 0.1);
color: rgba(0, 0, 255, 0.1);
}
#kontakt
{
padding: 15px;
font-size: 20px;
font-family: 'Dosis', sans-serif;
}
article
{
font-family: 'ZCOOL KuaiLe', cursive;
}
.tic
{
color:black;
width: 100%;
background-color: white;
}
.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.button {
border-radius: 4px;
background-color: #f4511e;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 28px;
padding: 20px;
width: 500px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
}
.button span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.button span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
.button:hover span {
padding-right: 25px;
}
.button:hover span:after {
opacity: 1;
right: 0;
}
a{
text-decoration:none;
/*color: #39b019;*/
color: #006622;
}
a:hover{
color:#00cc33;
}
/*GALERIA -----------------------------------------------------------------*/
.gallery {
font-family: 'Dosis', sans-serif;
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 180px;
font-size:22px;
height:310px;
overflow: hidden;
}
.gallery:hover {
border: 1px solid #777;
}
.gallery img {
width: 100%;
height: auto;
transition: all 0.5s ease-in-out;
}
.gallery img:hover {
transform: scale(1.15);
webkit-transform: scale(1.15);
ms-transform: scale(1.15);
}
.desc {
padding: 15px;
text-align: center;
}