На 500 строке css-стилей, перестали работать, в другом файле тоже не работают, в чем может быть проблема?

Question

[RamPM]

Достиг 500 строки css-стилей, перестал сервер загружать стили, через css-validator прогонял, ничего нет серьёзного, уже голову всю сломал, помогите пожалуйста.

Comments

[Ankhena]

Интересно и как мы поможем не видя этих самых стилей и к чему они прикреплены??

[RamPM]

Ankhena,

.clearfix:after {
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
html{
height: 100%;
overflow: hidden;
font-family: helvetica;
font-weight: 100;
}
body{
	background: #04a5d8;
	height: 100%;
}

audio{
width: 98%;
}

.min-max{
	max-width: 1440px;
    min-width: 660px;
margin: auto;
height: 100%;
}
.header-style{
	background: #000;
	width: 100%;
	height: 70px;
	margin-top:-1px;
}
.header-style a{
text-decoration: none;
color:#fff;
}
.left{
position: relative;
left: 0px;
display: inline-block;
width: 95%;
height: 70px;
}
.logo{
margin-left: 55px;	
margin-top: 15px;
width: auto;
height: 38px;
margin-right: 22px;
display: inline-block;
font-family: 'Raleway', sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #fff;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 50px;
border-top: 2px solid #e62948;
}
#search{
	
	border:none;
    outline: none;
    display: inline-block;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 20px;
width: 395px;
height: 25px;

}
.search-div{
	    display: inline-block;
	    width: 435px;
	    height: 34px;
        border: 1px solid rgba(0,0,0,0.15);
        border-radius: 3px;
        vertical-align: bottom;
        background:#fff;
        padding-left: 10px;
margin-bottom: 5px;
}
#button-submit{
width: 40px;
height: 35px;
float: right;
background: transparent;
border: none;
display: inline-block;
}
.pos-in{
width: 395px;
height: 100%;
padding-top: 5px; 
padding-bottom: 5px;
display: inline-block;
}
.right{
	position: relative;
	display: inline-block;
	right: 0px
}
.right a{
text-decoration: none;
color: #fff;
}
.right a:hover{
color: #e62948;
}
.body-page{
	background: #fff;
height: auto;
width: 100%;
height: 100%;
}
.left-body{
	width: 250px;
	border-right: 1px solid #e3e3e3;
	display: inline-block;
	vertical-align: top;
	height: 100%;
}
.left-body a{
	text-decoration: none;
	color: #000;
	outline: none;
	border:none;
}
.left-body a:hover{
color: #e62948;
}
.ul-head-left{
	list-style: none;
	margin: auto;
	padding-top: 25px;
	padding-bottom:25px;
	padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ul-li-head-right{
	display: inline-block;
	margin-right: 5px;
}
.ul-li{
margin-top: 5px;
}

.ul-li a{
color: #000;
}
.ul-li a:hover{
color: #e62948;
}
.right-body{
display: inline-block;
padding-left: 15px;
overflow-y: scroll;
width: 81%;
height: 100%;
}
.reg-index{
position: relative;
top: 15px;
margin-bottom: 30px;
margin-left: 25%;
}

.img-user{
text-align:center;
}

#in{
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 17px;
padding-left: 10px;
height: 34px;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 3px;
}
#subb{
	background: #fff;
    padding: 5px;
    color: #000;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
}
#subb:hover{
background: #000;
color: #e62948;
transition: 0.7s;
}
#exit{
background: transparent;
padding: 5px;
color: #fff;
border: none;
outline: none;
}
#exit:hover{
color: #e62948;
}
#p-class{
font-weight: bold;
margin:0;
}
.a-button{
text-decoration: none;
color: #000;
}
.a-button:hover{
color: #e62948;
}
#form-m{
	text-align: center;
}
#subbp{
background: transparent;
border:none;
outline: none;
color:#fff;
}
#subbp:hover{
color: #e62948;
}
.ppl{
	color:#999;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	font-size: 30px;
}
#pl-add{
	background: transparent; border: none; outline: none; color: #999; font-size: 1.3em; margin-top: 20px;
}
#pl-add:hover{
	color: #666;
}
#pladdp{
	margin:0; padding:0; text-align:center; font-family: 'Yanone Kaffeesatz', sans-serif; display: inline-block;
}
.file-upload input[type="file"]{
display: none;/* скрываем input file */
}
/* задаем стили кнопки выбора файла*/
.file-upload {
position: relative;
overflow: hidden;
width: 250px;
height: 40px;
background: #4169E1;
border-radius: 10px;
color: #fff;
text-align: center;
}
.file-upload:hover {
background: #1E90FF;
}
/* Растягиваем label на всю область блока .file-upload */
.file-upload label {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
/* стиль текста на кнопке*/
.file-upload span {
line-height: 40px;
font-weight:bold;
}
 #audioPlayer{
 width: 200px;
 }
.ol-head{
list-style: none;!important
text-align: left;
padding-left: 30px;
padding-top: 10px;
}

#my_playlist{
	margin-top: 10px;
}
.fa-plus{
	display: inline-block;
}
.ppl-l{
	color:#999;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	font-size: 1.3em;
}
.ppl-l a{
color: #999;
text-decoration: none;
}
.ppl-l a:hover{
color: #e62948;
}
.avatar{
display: inline-block;
width: 200px;
height: auto;
padding: 15px;
border: 1px solid #e3e3e3;
text-align: center;
}
.avatar img{
text-align: center;
}
.onof{
font-size: 1.3em;
float: right;
}
#filein{
min-width: 400px;
}
#filein2{
min-width: 312px;
}
.post-r{
width: 812px;	
height: auto;
display: inline-block;
border: 1px solid #e3e3e3;
padding: 9px 15px;
margin-bottom: 25px;
padding-left: 8.5px;
padding-right: 21.5px;
}
.post-r input{
width:100%;
height: 34px;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 3px;
padding-left: 10px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 20px;
}
.added-but{
float: left;
}
.info-user{
display:inline-block; width:590px; min-height:100px; margin-left:20px; margin-bottom:25px; border:1px solid #e3e3e3; vertical-align: top; padding: 10px 15px;
}
.added-but button{
background: transparent;
outline: none;
border: none;
padding: 0;
margin-left: 1px;
}
.added-but button:hover{
color: #e62948;
}
.added_button:hover::after{
content: attr(data-title);
padding: 5px 10px;	
background: rgba(0, 0, 0, 0.9);
color: #e62948;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 15px;
width: auto;
height: auto;
}
.avt-img{
width: 200px;
height: 200px;
}
@media screen and (max-width: 650px) {
.min-max{
	max-width: 670px;
	min-width: 300px;
}
.body-page{
	min-height: 100%;
}

}
@media only screen and (max-width: 414px ){
html{

}
.search-div{
display: none;
}
#exit{
display: none;
}
.left-body{
height: 175px;
border: none;
}
.right-body{
padding-left: 11px;
width: 97%;
height: 70%;
}
.info-user{
width: 190px;
margin-left: 0;	
margin-left: 75px;
}
.post-r{
width: 200px;
margin-left: 75px;
display: none;
}
.avatar{
margin-left: 75px;
margin-bottom: 25px;
border:none;
}
.f{
display: none;
}
.s{
display: none;
}
#filein{
min-width: 300px;
}
@media only screen and (max-width: 1440px ){  
.right-body{
width: 78%;
}
}
@media only screen and (max-width: 1230px ){  
.right-body{
width: 76%;
}
}
@media only screen and (max-width: 400px ){  
html{
}
#filein{
min-width: 300px;
}
.search-div{
display: none;
}
.left-body{
height: 175px;
border: none;
display: none;
}
.right-body{
/*overflow-y: auto;*/
width: 96%;
height: 70%;
}
audio{
width: 90%;
}
#form-m{
display: none;
}
.info-user{
width: 282px;
margin-left: 20px;
min-height: 	
}
.post-r{
width: 200px;
margin-left: 60px;
}
.body-page{
	background: #000;
}
.avatar{
margin-left: 60px;
border: none;
}

.container{
display: inline-block;
}
.content{
	display: inline-block;
}
.avt-img{
border-radius: 70%;
height: 90px;
width: 90px;
}

[Ankhena]

RamPM, Ну и? Количество открывающих и закрывающих скобочек самому-то не проверить?
Открывающих 105, закрывающих 103.

[RamPM]

Ankhena, а где именно не известно???

[Froggyweb]

да ладно все работает https://codepen.io/anon/pen/BwddNW
что показывает консоль браузера?

[Ankhena]

RamPM, думаю, у вас найдется время, чтобы проверить это самостоятельно, а не за счет моего.

Лайфхак: используйте редакторы с подсветкой кода.

[RamPM]

Froggyweb,

[Froggyweb]

Ну в замазанном файле ошибка синтаксиса. Jquery подключен поздно. ну и скобочки там тебе написали. Надо брать неработающий селектор и смотреть что показывает консоль браузера. закладка Elrments :)

[RamPM]

Froggyweb, спасибо!