Показать сообщение отдельно
  #6 (permalink)  
Старый 07.07.2018, 18:32
Новичок на форуме
Отправить личное сообщение для Albina_R Посмотреть профиль Найти все сообщения от Albina_R
 
Регистрация: 07.07.2018
Сообщений: 5

Спасибо, ошибку исправила, теперь не видит карту: при клике по ссылке переход на страницу "Файл не найден" (имя файла, расширение соответствуют), если в стилях установить display: block; карта отображается. Также сохраняется проблема с модальным окном личного кабинета.
Вот css, как вы и просили:
.modal-map {
	top: 50%;
	left: 50%;
	
	display:none;

	width: 780px;
	height: 561px;
	margin-top: -280px;
	margin-left: -390px;

	border: 7px solid white;

}
.modal-map p {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;

	margin: 0;
}
.modal-map iframe {
	position: relative;
	z-index: 2;
    
	border: none;
}
.user-navigation .login-link {
	position: relative;
	padding-left: 50px;
	
}
.modal-login {
	top: 120px;
	left: 50%;

	display: none;

	margin-left: -230px;
	width: 300px;
	padding: 50px 80px;
}
.modal-close {
	position: absolute;
	top: 0;
	right: -34px;

	width: 22px;
	height: 22px;

	font-size: 0;
	background-color: transparent;
	border: 0;
	cursor: pointer;
}
.modal {
	position: fixed;

	color: #000000;

	background-color: #f8f3f0;
	background-image: url("img.pattern-light.jpg");
	background-position: 0 0;
	background-repeat: repeat;
	box-shadow: 0 30px 50px rgba(0, 0, 0, 0.7);
}
.modal-show {
	display: block;

	animation: bounce 0.6s;
}
.modal-error {
	animation: shake 0.6s;
}
@keyframes bounce {
	0% {
		transform: translateY(-2000px);
	}
	70% {
		transform: translateY(30px);
	}
	90% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes shake {
	0%,
	100% {
		transform: translateX(0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translateX(-10px);
	}
	20%,
	40%,
	60%,
	80% {
		transform: translateX(10px);
	}
}
Ответить с цитированием