Created
July 16, 2016 17:24
-
-
Save Kristinita/455f5b6541550219127133c88d7d1e5c to your computer and use it in GitHub Desktop.
Kristinita Head
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="ru"> | |
| <head> | |
| <!-- Титульная фраза --> | |
| <title> Поиск Кристиниты — поисковая система по энциклопедическому содержимому </title> | |
| <!-- Описание страницы, адаптации для разных экранов, теги подтверждения владением --> | |
| <meta charset="utf-8"> | |
| <meta name="description" content="Поисковик, который ищет авторитетную энциклопедическую информацию по любой тематике. Впитывайте знания, не всякую информацию!"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <meta name="wot-verification" content="6389203cb8057dd1b8e6" /> | |
| <meta name='wmail-verification' content='eed58073a052abeca0167609b80c6e55' /> | |
| <meta name='yandex-verification' content='5effdd88ab8a818d' /> | |
| <meta name="google-site-verification" content="Xf6irQ5R_zWQGfvB6LMlFqkCEKLmCVN7P5uL2prCs_A" /> | |
| <!-- Поля, отступы, оптимизация для мобильных устройств, растянул бэкграунд, ширина картинок не превышает ширину экрана --> | |
| <style type="text/css"> | |
| <body { | |
| margin: 0px; | |
| padding-right: 0px; | |
| } | |
| a { | |
| text-decoration: none; | |
| } | |
| html { | |
| overflow-x: hidden; | |
| } | |
| @media screen and (max-width: 1600px) { | |
| div.for-example { | |
| width: 1500px; | |
| } | |
| } | |
| @media screen and (max-width: 1280px) { | |
| div.for-example { | |
| width: 1100px; | |
| } | |
| } | |
| @media screen and (max-width: 1024px) { | |
| div.for-example { | |
| width: 980px; | |
| } | |
| } | |
| body { | |
| background: url("backgrounds/Бэкграунд_Красные_листья.jpg") no-repeat center center fixed; | |
| -webkit-background-size: cover; | |
| -moz-background-size: cover; | |
| -o-background-size: cover; | |
| background-size: cover; | |
| } | |
| img { | |
| max-width: 100% | |
| } | |
| </style> | |
| <!-- Интерлиньяж --> | |
| <style> | |
| Center { | |
| line-height: 1; | |
| } | |
| </style> | |
| <!-- Иконочка Сашеньки --> | |
| <link rel="icon" href="/favicon.ico" type="image/x-icon"> | |
| <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> | |
| <!-- Подвал в head--> | |
| <style type="text/css"> | |
| #footer { | |
| position: relative; | |
| /* Фиксированное положение */ | |
| left: 0; | |
| bottom: 0; | |
| /* Левый нижний угол */ | |
| padding: 14px; | |
| /* Поля вокруг текста */ | |
| color: orange; | |
| /* Цвет текста */ | |
| width: 100%; | |
| /* Ширина слоя */ | |
| } | |
| </style> | |
| </head> | |
| <!-- Бэкграунд --> | |
| <body text="MediumVioletRed" bgcolor="PapayaWhip" link="#0066CC" alink="#9932CC" vlink="DarkOrange" background="backgrounds/Бэкграунд_Красные_листья.jpg"><img src="http://2no.co/18mR.jpg"> | |
| <!-- Логотип --> | |
| <a href="logo/Логотип_без_красного.jpeg" target="_blank"><img src="logo/Логотип_с_жирным_шрифтом.jpg" align="left" width="300" height="250" alt="Логотип Поиска Кристиниты" border="0" leftmargin="0"></a> | |
| <!-- Кнопки меню --> | |
| <a href="http://cyclowiki.org/wiki/Участник:Саша_Черных/Поиск_Кристиниты/Каталог_Кристиниты" target="_blank" class="Empress" style="float:right" title="Каталог Кристиниты. Полный список включённых сайтов и некоторые не вошедшие в него." />Каталог</a> | |
| <a href="http://cyclowiki.org/wiki/Участник:Саша_Черных/Поиск_Кристиниты/Примеры" target="_blank" class="Chernykh" style="float:right" title="Обзор сервисов поиска энциклопедической информации и сравнение с ними Поиска Кристиниты" />Примеры</a> | |
| <a href="http://cyclowiki.org/wiki/Участник:Саша_Черных/Поиск_Кристиниты" target="_blank" class="Sasha" style="float:right" title="Подробный рассказ о Поиске Кристиниты" />Описание</a> | |
| <style> | |
| .Sasha { | |
| text-decoration: none; | |
| text-align: center; | |
| float: right; | |
| padding: 11px 32px; | |
| border: solid 4px #ffb6c1; | |
| -webkit-border-radius: 14px; | |
| -moz-border-radius: 14px; | |
| border-radius: 14px; | |
| font: 27px Tahoma, Geneva, sans-serif; | |
| font-weight: bold; | |
| color: #ff8c00; | |
| background-color: #ffe4e1; | |
| background-image: -moz-linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| background-image: -webkit-linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| background-image: -o-linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| background-image: -ms-linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffc0cb', endColorstr='#ffc0cb', GradientType=0); | |
| background-image: linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| } | |
| .Sasha:hover { | |
| padding: 11px 32px; | |
| border: solid 4px #ffb6c1; | |
| -webkit-border-radius: 14px; | |
| -moz-border-radius: 14px; | |
| border-radius: 14px; | |
| font: 36px Tahoma, Geneva, sans-serif; | |
| font-weight: bold; | |
| color: #ff8c00; | |
| background-position: 0 -32px; | |
| background-color: #ffe4e1; | |
| background-image: -moz-linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| background-image: -webkit-linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| background-image: -o-linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| background-image: -ms-linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffc0cb', endColorstr='#ffc0cb', GradientType=0); | |
| background-image: linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| } | |
| .Sasha:active { | |
| padding: 11px 32px; | |
| border: solid 4px #ffb6c1; | |
| -webkit-border-radius: 14px; | |
| -moz-border-radius: 14px; | |
| border-radius: 14px; | |
| font: 36px Tahoma, Geneva, sans-serif; | |
| font-weight: bold; | |
| color: #EE82EE; | |
| background-position: 0 -64px; | |
| background-color: #ffe4e1; | |
| background-image: -moz-linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| background-image: -webkit-linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| background-image: -o-linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| background-image: -ms-linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffc0cb', endColorstr='#ffc0cb', GradientType=0); | |
| background-image: linear-gradient(top, #ffe4e1 0%, #ffc0cb 100%); | |
| -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| } | |
| </style> | |
| <style> | |
| .Chernykh { | |
| text-decoration: none; | |
| text-align: center; | |
| float: right; | |
| padding: 11px 32px; | |
| border: solid 4px #FFE4C4; | |
| -webkit-border-radius: 14px; | |
| -moz-border-radius: 14px; | |
| border-radius: 14px; | |
| font: 27px Tahoma, Geneva, sans-serif; | |
| font-weight: bold; | |
| color: #ff8c00; | |
| background-color: #FDF5E6; | |
| background-image: -moz-linear-gradient(top, #FDF5E6 0%, #FFDEAD 100%); | |
| background-image: -webkit-linear-gradient(top, #FDF5E6 0%, #FFDEAD 100%); | |
| background-image: -o-linear-gradient(top, #FDF5E6 0%, #FFDEAD 100%); | |
| background-image: -ms-linear-gradient(top, #FDF5E6 0%, #FFDEAD 100%); | |
| filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f8ff', endColorstr='#f0f8ff', GradientType=0); | |
| background-image: linear-gradient(top, #f5fffa 0%, #f0f8ff 100%); | |
| -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| } | |
| .Chernykh:hover { | |
| padding: 11px 32px; | |
| border: solid 4px #FFE4C4; | |
| -webkit-border-radius: 14px; | |
| -moz-border-radius: 14px; | |
| border-radius: 14px; | |
| font: 36px Tahoma, Geneva, sans-serif; | |
| font-weight: bold; | |
| color: #ff8c00; | |
| background-color: #f5fffa; | |
| background-image: -moz-linear-gradient(top, #FDF5E6 0%, #FFDEAD 100%); | |
| background-image: -webkit-linear-gradient(top, #FDF5E6 0%, #FFDEAD 100%); | |
| background-image: -o-linear-gradient(top, #FDF5E6 0%, #FFDEAD 100%); | |
| background-image: -ms-linear-gradient(top, #FDF5E6 0%, #FFDEAD 100%); | |
| filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f8ff', endColorstr='#f0f8ff', GradientType=0); | |
| background-image: linear-gradient(top, #f5fffa 0%, #f0f8ff 100%); | |
| -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| } | |
| .Chernykh:active { | |
| padding: 11px 32px; | |
| border: solid 4px #FFE4C4; | |
| -webkit-border-radius: 14px; | |
| -moz-border-radius: 14px; | |
| border-radius: 14px; | |
| font: 36px Tahoma, Geneva, sans-serif; | |
| font-weight: bold; | |
| color: #ADD8E6; | |
| background-color: #f5fffa; | |
| background-image: -moz-linear-gradient(top, #FDF5E6 0%, #FFDEAD 100%); | |
| background-image: -webkit-linear-gradient(top, #FDF5E6 0%, #FFDEAD 100%); | |
| background-image: -o-linear-gradient(top, #FDF5E6 0%, #FFDEAD 100%); | |
| background-image: -ms-linear-gradient(top, #FDF5E6 0%, #FFDEAD 100%); | |
| filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f8ff', endColorstr='#f0f8ff', GradientType=0); | |
| background-image: linear-gradient(top, #f5fffa 0%, #f0f8ff 100%); | |
| -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| } | |
| </style> | |
| <style> | |
| .Empress { | |
| text-decoration: none; | |
| text-align: center; | |
| float: right; | |
| padding: 11px 32px; | |
| border: solid 4px #ba55d8; | |
| -webkit-border-radius: 14px; | |
| -moz-border-radius: 14px; | |
| border-radius: 14px; | |
| font: 27px Tahoma, Geneva, sans-serif; | |
| font-weight: bold; | |
| color: #ff8c00; | |
| background-color: #DDA0DD; | |
| background-image: -moz-linear-gradient(top, #ee82ee 0%, #BA55D3 100%); | |
| background-image: -webkit-linear-gradient(top, #ee82ee 0%, #BA55D3 100%); | |
| background-image: -o-linear-gradient(top, #ee82ee 0%, #BA55D3 100%); | |
| background-image: -ms-linear-gradient(top, #ee82ee 0%, #BA55D3 100%); | |
| filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#da70d6', endColorstr='#da70d6', GradientType=0); | |
| background-image: linear-gradient(top, #ee82ee 0%, #da70d6 100%); | |
| -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| } | |
| .Empress:hover { | |
| padding: 11px 32px; | |
| border: solid 4px #ba55d8; | |
| -webkit-border-radius: 14px; | |
| -moz-border-radius: 14px; | |
| border-radius: 14px; | |
| font: 36px Tahoma, Geneva, sans-serif; | |
| font-weight: bold; | |
| color: #ff8c00; | |
| background-color: #ee82ee; | |
| background-image: -moz-linear-gradient(top, #ee82ee 0%, #BA55D3 100%); | |
| background-image: -webkit-linear-gradient(top, #ee82ee 0%, #BA55D3 100%); | |
| background-image: -o-linear-gradient(top, #ee82ee 0%, #BA55D3 100%); | |
| background-image: -ms-linear-gradient(top, #ee82ee 0%, #BA55D3 100%); | |
| filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#da70d6', endColorstr='#da70d6', GradientType=0); | |
| background-image: linear-gradient(top, #ee82ee 0%, #da70d6 100%); | |
| -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| } | |
| .Empress:active { | |
| padding: 11px 32px; | |
| border: solid 4px #ba55d8; | |
| -webkit-border-radius: 14px; | |
| -moz-border-radius: 14px; | |
| border-radius: 14px; | |
| font: 36px Tahoma, Geneva, sans-serif; | |
| font-weight: bold; | |
| color: #ffc0cb; | |
| background-color: #ee82ee; | |
| background-image: -moz-linear-gradient(top, #ee82ee 0%, #BA55D3 100%); | |
| background-image: -webkit-linear-gradient(top, #ee82ee 0%, #BA55D3 100%); | |
| background-image: -o-linear-gradient(top, #ee82ee 0%, #BA55D3 100%); | |
| background-image: -ms-linear-gradient(top, #ee82ee 0%, #BA55D3 100%); | |
| filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#da70d6', endColorstr='#da70d6', GradientType=0); | |
| background-image: linear-gradient(top, #ee82ee 0%, #da70d6 100%); | |
| -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; | |
| } | |
| </style> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <!-- Заголовок --> | |
| <center> | |
| <font class="header" color="DarkOrange" size="+5"><i>Поиск Кристиниты </i></font> | |
| <font size="+3" color="DarkOrange"><sup><i>beta</i></sup></font> | |
| </center> | |
| <style> | |
| .header { | |
| letter-spacing: 2px; | |
| text-shadow: 0 1px 0 #FFA500, 0 2px 0 #FFA500, 0 3px 0 #FFD700, 0 4px 0 #ffae42, 0 5px 0 #FFEFD5, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15); | |
| } | |
| </style> | |
| <br /> | |
| <!-- Place this tag where you want both of the search box and the search results to render --> | |
| <!-- enableHistory=true enables history management. | |
| <gcse:search enableHistory=true></gcse:search> | |
| <gcse:searchbox enableHistory=true autoCompleteMaxCompletions=10 > </gcse:searchbox> | |
| <gcse:searchresults> </gcse:searchresults> | |
| --> | |
| <script> | |
| (function() { | |
| var cx = '013024336414733191742:lmo7aip_90c'; // Insert your own Custom Search engine ID here | |
| var gcse = document.createElement('script'); | |
| gcse.type = 'text/javascript'; | |
| //gcse.async = true; | |
| gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; | |
| var s = document.getElementsByTagName('script')[0]; | |
| s.parentNode.insertBefore(gcse, s); | |
| })(); | |
| </script> | |
| <div> | |
| <gcse:search enableHistory=true enableAutoComplete=true autoCompleteMaxCompletions="10" enableOrderBy=false> </gcse:search> | |
| </div> | |
| <br /> | |
| <!-- Девиз --> | |
| <center> | |
| <div class="button"><i><b>Впитывайте знания,<br />не всякую информацию!</b></i></div> | |
| <link async href="https://fonts.googleapis.com/css?family=Lora" data-generated="http://enjoycss.com" rel="stylesheet" type="text/css" /> | |
| </center> | |
| <style> | |
| .button { | |
| display: inline-block; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding: 0px; | |
| border: none; | |
| font: normal 28px/normal "Lora", "Palatino Linotype", "Book Antiqua"; | |
| color: #7FFF00; | |
| text-decoration: normal; | |
| text-align: center; | |
| -o-text-overflow: clip; | |
| text-overflow: clip; | |
| white-space: pre; | |
| text-shadow: 0 0 10px rgba(255, 255, 255, 1), 0 0 20px rgba(255, 255, 255, 1), 0 0 30px rgba(255, 255, 255, 1), 0 0 40px #7FFF00, 0 0 70px #7FFF00, 0 0 80px #7FFF00, 0 0 100px #7FFF00; | |
| -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); | |
| -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); | |
| -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); | |
| transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); | |
| } | |
| .button:hover { | |
| text-shadow: 0 0 10px rgba(255, 255, 255, 1), 0 0 20px rgba(255, 255, 255, 1), 0 0 30px rgba(255, 255, 255, 1), 0 0 40px #FFEFD5, 0 0 70px #FFEFD5, 0 0 80px #FFEFD5, 0 0 100px #FFEFD5; | |
| } | |
| </style> | |
| <br /> | |
| <!-- Закладки QIP --> | |
| <div align="center"> | |
| <script src="//pip.qip.ru/js/pip_button.js" type="text/javascript" charset="utf-8" data-type="2"></script> | |
| </div> | |
| <!-- Start SiteHeart code --> | |
| <script> | |
| (function() { | |
| var widget_id = 825946; | |
| _shcp = [{ | |
| widget_id: widget_id | |
| }]; | |
| var lang = (navigator.language || navigator.systemLanguage || navigator.userLanguage || "en") | |
| .substr(0, 2).toLowerCase(); | |
| var url = "widget.siteheart.com/widget/sh/" + widget_id + "/" + lang + "/widget.js"; | |
| var hcc = document.createElement("script"); | |
| hcc.type = "text/javascript"; | |
| hcc.async = true; | |
| hcc.src = ("https:" == document.location.protocol ? "https" : "http") + "://" + url; | |
| var s = document.getElementsByTagName("script")[0]; | |
| s.parentNode.insertBefore(hcc, s.nextSibling); | |
| })(); | |
| </script> | |
| <!-- End SiteHeart code --> | |
| <!-- Подвал --> | |
| <div id="footer"> | |
| <b><a href="mozoleglazym"><i><font color="#ffbf00" face="Palatino Linotype, Geneva, sans-serif">Минималистская версия</font></i></a></b> | |
| <br /> | |
| <font color="Gold" face="Palatino Linotype, Geneva, sans-serif"><b>© <a href="https://vk.com/hair_in_the_wind"><font color="Gold" face="Palatino Linotype, Geneva, sans-serif">Саша Черных</font></a>, 2016</b></font> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment