gistcacher
11/27/2017 - 1:47 PM

Дисклеймер

<div class="disclaimer"><span class="disclaimer__text">
      Заполняя формы на нашем сайте, Вы даете <a href="assets/files/soglasie_na_obrabotku_personalnyx%20dannyx.pdf" target="_blank">согласие на обработку своих персональных данных</a>
	  и соглашаетесь с <a href="assets/files/politika_konfidencialnosti.pdf" target="_blank">политикой конфиденциальности</a></span><span class="disclaimer__close">&#215;</span>
   </div>
	<style>
		.disclaimer		{
		    z-index: 1;
			background: rgba(120, 171, 70, 0.85);
			text-align: center;
			padding: 25px 0 20px;
			color: #000;
			font-size: 14px;
			position: fixed;
			bottom: 0;
			width: 100%;
			transition: .3s linear;
			display:none;
		}
		.disclaimer a{
			color: #000;
		}
		.disclaimer__text{
			display: inline-block;
			vertical-align:top;
		}
		.disclaimer__close{
		    background: #fff;
			margin-left: 30px;
			padding: 0px 5px;
			display: inline-block;
			width: 8px;
			height: 20px;
			cursor: pointer;
			vertical-align:top;
		}
		@media screen and (max-width : 1300px) {
			.disclaimer__text{
				width: 655px;
			}
		}
	</style>
	 <script>
		 	/* Для работы нужен https://github.com/js-cookie/js-cookie*/
			$(document).ready(function() {				
				var $disclaimer = $('.disclaimer');
				var $disclaimerHight = $disclaimer.outerHeight(true);
				var $disclaimerHighPx = "-" + $disclaimerHight + "px";
				var $disclaimeCookies = Cookies.set('disclaimer');
				$('.disclaimer__close').click(function(){
					$disclaimer.css("bottom", $disclaimerHighPx);
					Cookies.set('disclaimer', 'off', { expires: 7 });
				});
				if($disclaimeCookies == "off"){
					$disclaimer.hide();
				}else {
					$disclaimer.show();
				}
			});
	 </script>