Przekształcenie CSS

Question

Witam!

Mam problem, gdy próbuję przekierować ruch z HTTP na HTTPS, to wywala mi błąd z CSS i nie mam pojęcia jak mam przekształcić ten kod.

body, a, img, h1, h2, h3, h4, p , table, ul, hr{
border: 0px; 
margin: 0px;
padding:0px;
text-decoration:none;
font-family: Roboto;
font-size:17px;
list-style:none;
overflow-x:hidden;
}

h1 a{
text-decoration:underline;
color:#ee992b;
}

#wraper{
width:100%;
min-height:800px;
background-image:url('../template/images/bg.png');

}

#inner-wraper{
position:relative;
width:915px;
min-height:800px;
margin:auto;

}

#footer{
float:left;
width:100%;
height:280px;
background-image:url('../template/images/bg_footer.png');
}

#inner-footer{
position:relative;
width:915px;
height:280px;
margin:auto;
}

.box{
float:left;
width:305px;
height:230px;
margin-top:20px;
font-size:14px;
}

.box input, .box textarea{
width:95%;
border:0px;
border: 1px solid #fff;
height:20px;
margin-bottom:5px;
}

.box textarea{
height:85px;
}


#submit{
background-color:#e95431;
border:0px;
}

#logo{
float:left;
width:63px;
height:90px;
margin-right:15px;
margin-top:20px;
}

#menu{
float:left;
background-color:#fff;
width:775px;
height:40px;
margin-top:40px;
margin-bottom:15px;
}

#menu ul li{
float:left;
height:40px;
font-size:18px;
line-height:40px;
}

#menu ul li a{
display:block;
height:40px;
font-size:18px;
line-height:40px;
padding-left:25px;
padding-right:25px;
color:#706f6e;
}

#menu ul li a:hover, #menu ul li.active a{
background-color:#e95431;
color:#fff;
}

.undermenu{
height:1px;
background-color:#dfdddd;
width:775px;
}

#foto{
float:left;
width:775px;
height:192px;
margin-left:78px;
background-image:url('../template/images/foto.png');
margin-top:20px;
margin-bottom:20px;
}

#left{
float:left;
width:362px;
margin-left:78px;
margin-right:50px;
min-height:100px;
}

#right{
float:left;
width:362px;
min-height:100px;
}

.ico1, .ico2, .ico3{
display:block;
width:136px;
height:136px;
}

.ico1{
background-image:url('../template/images/ico1.png');
}
.ico2{
background-image:url('../template/images/ico2.png');
}
.ico3{
background-image:url('../template/images/ico3.png');
}

.ico1-active{
display:block;
width:136px;
height:136px;
background-image:url('../template/images/ico1a.png');
}
.ico2-active{
display:block;
width:136px;
height:136px;
background-image:url('../template/images/ico2a.png');
}

.ico3-active{
display:block;
width:136px;
height:136px;
background-image:url('../template/images/ico3a.png');
}
#popup {
	 box-shadow: 1px 1px 2px rgba (0,0,0,0,7);
	 display:none;
	 background: #ccc;
	 width: 300px;
	 height: 200px;
	 margin: 50px auto 0;
	 text-align:center;
}

 

Answer 1

Zapewne chodzi o to, że odwołujesz się do niego po HTTP a nie po HTTPS, to czy strona działa na porcie 80 czy 443 nie robi różnicy dla CSS :)