"Dün çalışıyordu" CSS Cyber Panel hatası için yardım eder misiniz?

[janissery]

İyi forumlar herkese... Dün, kodlanmış sitede bazı renklendirme değişiklikleri yaptım ancak sunucuya yükleyince CSS kodlarında hata görünüyor. Özellikler, renkler ve responsive özelliği çalışmıyor sitenin. Örneğin şu kod index.html içinde çalışıyor ancak CSS dosyasına atınca çalışmıyor.
body { position: relative; background-color:#EFEBE9; }
Ek olarak bir codepen den bir footer kopyalayıp yapıştırdım. Kodları ve hata satırlarını (Cyber Panelde hata olarak görünen) aşağıya bırakıyorum. Yardımlarınız için şimdiden teşekkürler.

nav {background-color: #FF5733;}

 .logo-image{
    width: 46px;
    height: 46px;
    overflow: hidden;

}

.navhov:hover{
    background-color:#546E7A;
}

.prihz {

    background-color: #80CBC4;

}

.bodybg {

    background-color: #EEEEEE;

}

.fodark {

    background-color: #000000;

}


.colbg {

    background-color: #00ACC1;

}

.colbg1 {

    background-color: #F5F5F5;

}

.cbground {

    background-color: #CFD8DC;

}

.cbground2 {

    background-color: #F5F5F5;

}

.formbgtx {

    color: #FF3D00;

}

.formbg {

    background-color: #B3E5FC;

}




.social-icons {
  text-align: center;
  }
.social-icons li {
  display:inline-block;
  list-style-type:none;
  -webkit-user-select:none; /* !!!!!!!-HATA-!!!!!!! */
  -moz-user-select:none;
  }
.social-icons li a {
  border-bottom: none;
  }
.social-icons li img {
  width:35px;
  height:35px;
  margin-right: 20px;
  margin-left: 1px;
}


.phresp {
    width: 65%;
    height: auto;
}

.phresp1 {
    width: 85%;
    height: auto;
}


.site-footer
{
  background-color:#26272b;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#737373;
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small /* !!!!!!!-HATA-!!!!!!! */
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d
}
.copyright-text
{
  margin:0
}
@media (max-width:991px)
{
  .site-footer [class^=col-] /* !!!!!!!-HATA-!!!!!!! */
  {
    margin-bottom:30px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  background-color:#eceeef;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear; /* !!!!!!!-HATA-!!!!!!! */
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover /* !!!!!!!-HATA-!!!!!!! */
{
  background-color:#3b5998
}
.social-icons a.twitter:hover /* !!!!!!!-HATA-!!!!!!! */
{
  background-color:#00aced
}
.social-icons a.linkedin:hover /* !!!!!!!-HATA-!!!!!!! */
{
  background-color:#007bb6
}
.social-icons a.dribbble:hover /* !!!!!!!-HATA-!!!!!!! */
{
  background-color:#ea4c89
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}

body {
    position: relative;
    background-color:#EFEBE9;

}

Mesaj otomatik birleştirildi: 12 Eylül 2020

Site bootstrap ağırlıklı yapıldı. Ek olarak ilk satırdaki nav renklendirmesi index.html içinde çalışıyor ancak CSS içinde ike çalışmıyor. CSS dosyası html e doğru şekilde eklendi.