@font-face {font-family:'KB-Tranceform';        src:local('KB-Tranceform'),    url(/fonts/KB-Tranceform.ttf);}
@font-face {font-family:'Cruinn';               src:local('Cruinn'),           url(/fonts/Cruinn.ttf);}


@media (prefers-color-scheme:light) {}

html {font-size: 21px;background:url(/img/fon_title.jpg)0px 0px repeat-y;scroll-behavior:smooth;font-family:'Cruinn';}

/* заголовок */
body #title{text-align:center;}
body #title p:nth-child(1){font-size:50px;margin-bottom:0px;text-align:center;letter-spacing:15px;font-family:'KB-Tranceform';}  /* свойство первой буквы */
body #title p:nth-child(1)::first-letter{color:red;font-size: 65px;}
body #title p:nth-child(2){letter-spacing:5px;font-family:'KB-Tranceform';} 


/* блок для новостей */
#blok {display:block;background:rgb(177, 208, 223);width:85%;margin:auto;border-radius:25px;padding:30px 20px 50px 20px;text-align:center;}
#blok h1 {display:inline-flex;width:100%;height:100%;font-family:'KB-Tranceform';justify-content:flex-end;align-items:center;margin:15px;}

/* меню */
#videoframe .header {display:flex;width:43%;height:100%;justify-content:flex-end;flex-wrap:wrap;align-content:center;background-color: rgb(145, 188, 208);background-repeat:repeat-y, no-repeat;background-image: url(/img/fon_title.jpg), url(/img/fonsobor.png);}
.header a {display:inline-flex;text-decoration:none;margin-left:auto;color:rgb(48, 48, 48);font-family:'KB-Tranceform';text-shadow: -1px -1px 0 rgb(145, 188, 208),1px -1px 0 rgb(145, 188, 208),-1px 1px 0 rgb(145, 188, 208),1px 1px 0 rgb(145, 188, 208);}
.header ul li{display:flex;list-style:none;align-items:center;margin:10px;}
.header ul li::after {content:url(/img/gemchug.png);margin-left:15px;margin-right:15px;}
.header ul li:hover::after {filter:drop-shadow(0px 3px 5px   rgba(253, 253, 253, 1));} 
.header ul a:hover{color:rgb(210, 56, 45);}

/* видео iframe */
#blok #videoframe {display:flex;height:400px;overflow:hidden;border-radius:25px;margin-bottom:15px;margin-left:15px;margin-right:15px;background-color: rgb(145, 188, 208);}
#blok #videoframe .vkvideo {display:flex;width:65%;height:100%;border-radius:25px 0px 0px 25px;background:url(/img/loading.gif) center center no-repeat;}
#blok #videoframe .iframe {display:inline-flex;min-width:100%;min-height:100%;border:none;}


/* iframe - описание */
#blok #videoframeheader {display:flex;flex-direction:column;margin:5px;overflow:hidden;margin-left:15px;margin-right:15px;}
#blok #videoframeheader h4{margin:0px;}
#blok #videoframeheader h4::first-letter{color:red;}
#blok #videoframeheader p {white-space:pre-line;}
#blok #videoframeheader p:nth-child(2){;} 

/* ------------------ список новостей */
#vkcontainer .containernews {display:flex;height:300px;border-radius:15px;background-color: rgb(145, 188, 208);margin:15px;overflow:hidden;}
#vkcontainer .containernews .img {display:flex;align-items:center;justify-content:center;}
#vkcontainer .containernews img {width:480px;min-height:100%;resize:none;}
#vkcontainer .containernews a {display:flex;width:100%;text-decoration:none;color: rgb(0, 0, 0);overflow:hidden;}
#vkcontainer .containernews .p {overflow:hidden;text-align:left;margin:0px 15px 15px 15px;}
#vkcontainer .containernews p:nth-child(1) {font-weight:bold;text-overflow:ellipsis;}

/* Далее */
#all {display:inline-flex;text-decoration:none;font-family:'KB-Tranceform';color: #666766;}
#all:hover {color: red;}

/* Соловки */
#solovki img {zoom:1.3;}

/* Поиск */
#search input[type='search'] {width:600px;padding:15px;border-radius:25px;border:none;}
#search input[type='submit'] {padding:15px 5px 15px 5px;border-radius:25px;background-color: rgb(196, 221, 230);}

#poisk {display:flex;height:300px;border-radius:15px;background-color: rgb(145, 188, 208);margin:15px;overflow:hidden;}
#poisk  a {display:flex;width:100%;text-decoration:none;color: rgb(48, 48, 48);}
#poisk .poiskontainer img {width:480px;min-height:100%;}
#poisk .poiskontainer .p {overflow:hidden;text-overflow:ellipsis;text-align:left;margin:0px 15px 15px 15px;}
#poisk .poiskontainer p:nth-child(1) {font-weight:bold;text-overflow:ellipsis;}

/* Вопрос с сайта */
#form textarea {width:600px;height:100px;background-color:#ffffff;border:none;padding:15px;letter-spacing:5px;border-radius:25px;}
#form input[type='password'] {width:300px;height:15px;padding:15px;border:none;letter-spacing:5px;border-radius:25px;}
#form input[type='submit'] {padding:15px;border-radius:25px;background-color: rgb(196, 221, 230);}

/* Администратор */
#formin {display:inline-flex;overflow:hidden;border: 2px dotted rgb(210, 56, 45);border-radius:25px;padding:10px;}
#formin input {margin:5px;border-radius:15px;padding:10px;}
#formin input[type='text']     {width:250px;border:none;}
#formin input[type='password'] {width:250px;border:none;}
#formin input[type='submit']   {padding:10px 5px 10px 5px;border-radius:25px;background-color: rgb(196, 221, 230);}

/* Администратор новости */
/* добавить */
#insert {display:flex;overflow:hidden;border: 2px dotted rgb(210, 56, 45);border-radius:25px;margin-top:30px;background-color: rgb(145, 188, 208);margin:15px;}
#insert h2 {display:inline-flex;margin:auto;align-items:center;}
#insert form {display:inline-flex;width:500px;min-width:500px;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin:5px;}
#insert input {margin:5px;border-radius:15px;padding:10px;}
#insert input[type='nomer'] {width:30px;border:none;}
#insert input[type='file'] {width:400px;padding:5px;overflow:hidden;}
#insert input[type='#'] {width:450px;border:none;}
#insert textarea {width:450px;height:50px;padding:10px;border-radius:15px;margin-right:5px;margin-top:3px;border:none;} 
#insert input[type='password'] {width:340px;border:none;}
#insert input[type='submit'] {width:100px;padding:5px;}

/* убрать */
#delet {display:flex;overflow:hidden;border: 2px dotted rgb(72, 210, 45);border-radius:25px;margin-top:30px;background-color: rgb(145, 188, 208);margin:15px;margin-top:50px;}
#delet h2 {display:inline-flex;margin:auto;align-items:center;}
#delet form {display:inline-flex;width:500px;min-width:500px;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin:5px;}
#delet input {margin:5px;border-radius:15px;padding:10px;}
#delet input[type='#'] {width:30px;border:none;}
#delet input[type='password'] {width:280px;border:none;}
#delet input[type='submit'] {width:100px;}

/* редактировать */
#edit {display:flex;overflow:hidden;border: 2px dotted rgb(72, 210, 45);border-radius:25px;margin-top:30px;background-color: rgb(145, 188, 208);margin:15px;}
#edit h2 {display:inline-flex;margin:auto;align-items:center;}
#edit form {display:inline-flex;width:500px;min-width:500px;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin:5px;}
#edit input[type='radio']{;}
#edit label {color:rgb(48, 48, 48);margin-right:15px;}
#edit textarea {width:450px;height:50px;padding:10px;border-radius:15px;margin-right:5px;margin-top:3px;border:none;} 
#edit input {margin:5px;border-radius:15px;padding:10px;}
#edit input[type='#'] {width:450px;border:none;}
#edit input[type='password'] {width:340px;border:none;}
#edit input[type='submit'] {width:100px;}

/* просмотр */
#mysql {display:flex;height:200px;overflow:hidden;border: 2px dotted rgb(45, 135, 210);border-radius:25px;margin-top:30px;background-color: rgb(145, 188, 208);margin:15px;}
#mysql h2 {display:inline-flex;align-items:center;margin:auto;}
#mysql div {display:inline-flex;overflow:scroll;overflow-x:hidden;text-align:left;margin:15px;}

/* выход */
.exit {display:inline-flex;text-decoration:none;border: 2px dotted rgb(45, 135, 210);border-radius:25px;padding:10px;color: rgb(45, 135, 210);}
.exit:hover {border-color: #fd0000ff;}

/* KemNews */
#copy {text-align:center;font-family:"KB-Tranceform";color: #666766;}


/* ------------------------------------------- Тёмная тема */
@media (prefers-color-scheme: dark) {
	
html {background:url(/img/fontitle_dark.png)0px 0px repeat-y;background-color: rgb(0, 0, 0);}

body #title p{color: rgb(255, 255, 255);}
body #title p:nth-child(2){color: rgb(255, 255, 255);} 

 /* блок для новостей iframe */
#blok {background:rgb(2, 36, 50);} 
#blok #videoframe {background-color: rgb(3, 46, 65);}   
#blok #videoframeheader h4,p {color: rgb(236, 236, 236);}

/* меню */
.header a {color:rgb(157, 156, 156);text-shadow: 0px 0px 3px rgb(0, 0, 0);}
#videoframe .header {background-repeat:repeat-y, no-repeat;background-image: url(/img/fontitle_dark.png), url(/img/fonsobor_dark.png);background-color: rgb(3, 46, 65);}

/* список новостей */
#vkcontainer .containernews {background-color: rgb(3, 46, 65);}   
#vkcontainer .containernews a {color: rgb(236, 236, 236);}

/* Вопрос с сайта */
#form textarea, input[type='password'] {background-color: rgb(15, 15, 15);color: rgb(236, 236, 236);}
#form input[type='submit'] {background-color: rgb(15, 15, 15);color: rgb(236, 236, 236);}

/* Поиск */
#poisk {background-color: rgb(3, 46, 65);}
#search input[type='search'] {background-color: rgb(15, 15, 15);color: rgb(236, 236, 236);}
#search input[type='submit'] {background-color: rgb(15, 15, 15);color: rgb(236, 236, 236);}

/* Администратор */
#formin input[type='text']     {background-color: rgb(15, 15, 15);color: rgb(236, 236, 236);}
#formin input[type='password'] {background-color: rgb(15, 15, 15);color: rgb(236, 236, 236);}
#formin input[type='submit']   {background-color: rgb(15, 15, 15);color: rgb(236, 236, 236);}

/* Администратор новости */
#insert {background-color: rgb(3, 46, 65);}
#insert input, textarea {background-color: rgb(15, 15, 15);color: rgb(236, 236, 236);}
#insert input[type='file'] {background-color:rgb(3, 46, 65);}

/* убрать */
#delet, #edit, #mysql {background-color: rgb(3, 46, 65);}
#delet input[type='#'] {background-color: rgb(15, 15, 15);color: rgb(236, 236, 236);}
#delet input[type='submit'] {background-color: rgb(15, 15, 15);color: rgb(236, 236, 236);}

/* редактировать */
#edit label {color: rgb(236, 236, 236);}
#edit input[type='#'] {background-color: rgb(15, 15, 15);color: rgb(236, 236, 236);}
#edit input[type='submit'] {background-color: rgb(15, 15, 15);color: rgb(236, 236, 236);}

/* Далее */
#all {color:rgb(196, 221, 230);}

}