п»ї<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><STYLE type=text/css>
body {
  font-family: 'Playfair Display', cursive;
}

/* длинное слово ставит дифис */
.comment-text {
    max-width: 100%;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; /* Добавит дефис */
}

input[type=text], input[type=password],textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

a {color:blue;font-family:;text-decoration: none;}
.u {font-size:20;font-family: Monotype Corsiva;}
.qu {font-size:20; font-family:'Courier New', Courier, monospace;}
.pl {border: 2px solid #ffffff; padding: 5px; background: white; box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);}
.plq {border: 2px solid #ffffff; padding: 5px; background: white;}
.plw {border: 2px solid #f8f8f8; padding: 5px; background: white;}
.box {background-color:#fff;border:#e6e6fa 5px solid;width:100%;margin:auto;}
.facsimile {color:#000;margin:3px 15px 0;text-align:right;}

.rnd{
border-radius: 10px;
box-shadow: 0 0 0 3px #0000ff;
text-indent: 0px;
padding: 10px 20px 10px 20px;
margin: 0px auto;
width: 100%;
}
.rndg{
border-radius: 10px;
box-shadow: 0 0 0 1px #b9b9ce;
text-indent: 0px;
padding: 5px 10px 5px 10px;
margin: 0px auto;
width: 100%;
}

.rndgw{
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 0 1px #b9b9ce;
text-indent: 0px;
padding: 5px 10px 5px 10px;
margin: 0px auto;
width: 100%;
}

.rndgx{
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 0 1px #b9b9ce;
text-indent: 0px;
padding: 0px;
margin: 0px auto;
width: 100%;
}

.rndgg{
border-radius: 10px;
box-shadow: 0 0 0 1px #b9b9ce;
text-indent: 0px;
padding: 0px;
margin: 0px auto;
width: 100%;
}

a.knopka {
  color: white; 
  text-decoration: none; 
  user-select: none; 
  background: #4676D7; 
  border-radius: 5px;
  padding: .2em 1.0em; 
  outline: none; 
} 
a.knopka:hover { background: rgb(100,149,237);}
a.knopka:active { background: rgb(100,149,237); } 

 A.dot {
    text-decoration: none;
    border-bottom: 1px dashed #000080; 
   }

 .round {
    border-radius: 100px; /* Радиус скругления */
    border: 1px solid grey; /* Параметры рамки */
    box-shadow: 0 0 3px #666; /* Параметры тени */
   }
  </style> <style>
   a img.ramka {
    border: 1px solid #a3a3a3; /* Рамка вокруг изображения-ссылки */
   }         
   a:hover img.ramka  {
    border: 1px solid #555555; /* Рамка при наведении на ссылку курсора мыши */
   }
  </style>

 <style>
  .rq {
    border: 1px solid #a3a3a3; /* Рамка вокруг изображения-ссылки */
   }         
 </style><script type="text/javascript" src="../jq/jquery.js"></script><link rel="stylesheet" media="screen,projection" href="css/ui.totop.css" />									
    
	<!-- jquery -->	
	<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
	<!-- easing plugin ( optional ) -->
	<script src="js/easing.js" type="text/javascript"></script>
	<!-- UItoTop plugin -->
	<script src="js/jquery.ui.totop.js" type="text/javascript"></script>
	<!-- Starting the plugin -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
	  			containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
	 		};
			*/
			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script>
        
    </body>
    
</html><script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
<script type="text/javascript">
	hs.graphicsDir = 'highslide/graphics/';
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.outlineType = 'rounded-white';
	hs.wrapperClassName = 'controls-in-heading';
	hs.fadeInOut = true;
	if (hs.addSlideshow) hs.addSlideshow({
		interval: 5000,
		repeat: false,
		useControls: true,
		fixedControls: false,
		overlayOptions: {
			opacity: 1,
			position: 'top right',
			hideOnMouseOut: false
		}
	});
</script>
<div style="text-align: center;">
<div class="highslide-gallery">
<style>
#snackbar, #snackbar1, #snackbar7, #snackbar8, #snackbar9, #snackbar10{
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbar.show,#snackbar1.show1,#snackbar7.show7,#snackbar8.show8,#snackbar9.show9,#snackbar10.show10 {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
</style>п»їп»ї<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="css/footer.css" rel="stylesheet" type="text/css">
<link href="css/styles.css" rel="stylesheet" type="text/css">

<style>
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  top:50px;
  left:-35px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Разместите всплывающую подсказку */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
</style>

<style>
.notification {
  background-color: #fff;
  color: white;
  text-decoration: none;
  padding: 5px 12px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification:hover {
  background: #f8f8f8;
}

.notification .badge {
  position: absolute;
  top: 0px;
  right: 8px;
  padding: 5px 8px;
  border-radius: 50%;
  background-color: red;
  color: white;
}
</style>

<style>
.chip {
  display: inline-block;
  padding: 0 25px;
  height: 50px;
  font-size: 16px;
  text-align:center;
  line-height: 50px;
  border-radius: 25px;
  background-color: #f1f1f1; 
}

.chip img {
  float: left;
  margin: 0 10px 0 -25px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
</style>

<style>
.pill-nav a {
  display: inline-block;
  min-height: 100px;
  color: black;
  text-align: center;
  padding: 5px;
  text-decoration: none;
  font-size: 17px;
  border-radius: 5px;
  border: 1px solid green;
}

.pill-nav a:hover {
  background-color: #ddd;
  color: black;
}

.pill-nav a.active {
  background-color: dodgerblue;
  color: white;
}
</style>


<style>
/*блёр*/
.btnz {
  background-color: #ff6633;
  border: none;
  border-radius: 10px 10px 10px 10px;
  color: white;
  padding: 16px 32px;
  text-align: center;
  font-size: 17px;
  margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
}

.btnz:hover {opacity: 1}
/*-----*/
.alertye {
  padding: 20px;
  background-color: #cccccc;
  border-radius: 10px 10px 10px 10px;
  color: #333333;
  font-size: 18px;
}

.alertgreen {
  padding: 20px;
  background-color: #cc9900;
  border-radius: 10px 10px 10px 10px;
  color: #ffffff;
  font-size: 18px;
}

.alertdark {
  padding: 20px;
  background-color: #4b5563;
  border-radius: 10px 10px 10px 10px;
  color: #ffffff;
  font-size: 18px;
}

.alert {
  padding: 20px;
  background: rgba(192,192,192,0.3);
  border-radius: 10px 10px 10px 10px;
  color: #333333;
  font-size: 18px;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

/* --------------- */
.btn {
  border: 2px solid #2196F3;
  border-radius: 10px 10px 10px 10px;
  background-color: white;
  color: black;
  padding: 8px 15px;
  font-size: 18px;
  cursor: pointer;
}

/* Green */
.success {
  border-color: #04AA6D;
  color: green;
}

.success:hover {
  background-color: #04AA6D;
  color: white;
}
/* Gray */
.default {
  border-color: #e7e7e7;
  color: black;
}

.default:hover {
  background: #e7e7e7;
}

/* Blue */
.info {
  width:100%;
  border-color: #2196F3;
  color: dodgerblue;
}

.info:hover {
  background: #2196F3;
  color: white;
}

/* Orange */
.warning {
  border-color: #ff9800;
  color: orange;
}

.warning:hover {
  background: #ff9800;
  color: white;
}

/* Red */
.danger {
  border-color: #f44336;
  color: red;
}

.danger:hover {
  background: #f44336;
  color: white;
}
/* --------------- */
.rnn {
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 8px;
  width: 100%;
}

h {
  font-size: 1.5em;
  color: #fff;
  text-shadow: 0 0 5px #000;
  font-weight: 800;
  font-family: Helvetica;
}

.header {
  background: black;
  color: white;
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  transition: all .3s ease;
}
.header.out {
  transform: translateY(-100%);
}
</style>

<style>
a {
    color: black;
    text-decoration: none; 
}
a:hover {
    color: #0000FF; 
    text-decoration: none;
}
</style>

</head>
<body>

<nav class="header">




<table width=100% height=45 class=plq><tr><td></td></tr></table>
<table height=5 align=center width='100%' bgcolor='#7373f5'><tr><td></td></tr></table></nav>


<script type="text/javascript" src="../formq/jquery.min.js"></script>

<script>
var header = $('.header'),
		scrollPrev = 0;

$(window).scroll(function() {
	var scrolled = $(window).scrollTop();
 
	if ( scrolled > 100 && scrolled > scrollPrev ) {
		header.addClass('out');
	} else {
		header.removeClass('out');
	}
	scrollPrev = scrolled;
});

const shareButton = document.querySelector('.share'),
            thisUrl = window.location.href,
            thisTitle = document.title;
shareButton.addEventListener('click', event => {
  if (navigator.share) {
    navigator.share({
      title: thisTitle,
      url: thisUrl
    }).then(() => {
      alert('Thanks for sharing!');
    })
    .catch(console.error);
  } else {
        alert('Web Share API не поддерживается');
  }
});

</script>
</body>
</html>
<table width='100%'></table><table width='100%' bgcolor='lavender'><tr><td height=12></td></tr></table><title>8а класс&quot;ня&quot;</title><table width='100%'>
<tr><td height='12'></td></tr>
<tr><td align=center>

<table align=center width='650'><tr><td><table width='100%' align=center></td></tr><tr><td>п»ї<script type="text/javascript">
<!--
function ShowHide(id) {
obj = document.getElementsByTagName("div");
if (obj[id].style.visibility == 'visible'){
obj[id].style.visibility = 'hidden';
obj[id].style.height = '0px';
}
else {
obj[id].style.visibility = 'visible';
obj[id].style.height = 'auto';
}
}
</script>

<table width='100%'>
<tr><td align=center><table width=450><table align=center class=plq border=0 width='100%'><tr><td></td></tr><tr><td></td></tr><tr><table><tr><td height=30></td></tr></table><table><tr><td height=50></td></tr></table>п»ї
<div id="snackbar">комментарии запрещены</div>
<div id="snackbar1">поделиться смотрите вверху</div>
<div id="snackbar7">добавнно в избранное</div>
<div id="snackbar8">всего просмотров</div>
<div id="snackbar9">просмотр профиля</div>
<div id="snackbar10">пока запрещенно</div>

<script>
function myFunction() {
  var x = document.getElementById("snackbar");
  x.className = "show";
  setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}
function myyFunction() {
  var x = document.getElementById("snackbar1");
  x.className = "show1";
  setTimeout(function(){ x.className = x.className.replace("show1", ""); }, 3000);
}
function myyxFunction() {
  var x = document.getElementById("snackbar7");
  x.className = "show7";
  setTimeout(function(){ x.className = x.className.replace("show7", ""); }, 3000);
}
function myyxxFunction() {
  var x = document.getElementById("snackbar8");
  x.className = "show8";
  setTimeout(function(){ x.className = x.className.replace("show8", ""); }, 3000);
}
function myyxxxFunction() {
  var x = document.getElementById("snackbar9");
  x.className = "show9";
  setTimeout(function(){ x.className = x.className.replace("show9", ""); }, 3000);
}
function myyxxxxFunction() {
  var x = document.getElementById("snackbar10");
  x.className = "show10";
  setTimeout(function(){ x.className = x.className.replace("show10", ""); }, 3000);
}
</script></td></tr></table>