API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 21st, 2017
140
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 68.49 KB | None | 0 0
raw download clone embed print report
  1. Style
  2. /*  
  3. Theme Name: First Theme
  4. Theme URI: chepil.pp.ua
  5. Description: Тема для звіту практики
  6. Author: Dmytro Chepil
  7. Author URI: vk.com/dima_chepil
  8. Version: 1.0
  9. */
  10.  
  11. *::-webkit-input-placeholder {
  12.     color: #666;
  13.     opacity: 1;
  14. }
  15. *:-moz-placeholder {
  16.     color: #666;
  17.     opacity: 1;
  18. }
  19. *::-moz-placeholder {
  20.     color: #666;
  21.     opacity: 1;
  22. }
  23. *:-ms-input-placeholder {
  24.     color: #666;
  25.     opacity: 1;
  26. }
  27.  
  28. /* =Reset
  29. -------------------------------------------------------------- */
  30.  
  31. html, body, div, span, applet, object, iframe,
  32. h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
  33. abbr, acronym, address, big, cite, code, del, dfn, em, font,
  34. ins, kbd, q, s, samp, small, strike, strong, sub, sup,
  35. tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
  36. table, caption, tbody, tfoot, thead, tr, th, td {
  37.     border: 0;
  38.     font-family: inherit;
  39.     font-size: 100%;
  40.     font-style: inherit;
  41.     font-weight: inherit;
  42.     margin: 0;
  43.     outline: 0;
  44.     padding: 0;
  45.     vertical-align: baseline;
  46.     word-wrap:break-word;
  47. }
  48.  
  49. html {
  50.     font-size: 62.5%;
  51.     /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  52.     overflow-y: scroll;
  53.     /* Keeps page centered in all browsers regardless of content height */
  54.     -webkit-text-size-adjust: 100%;
  55.     /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  56.     -ms-text-size-adjust: 100%;
  57.     /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  58. }
  59.  
  60. *,
  61. *:before,
  62. *:after {
  63.     /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  64.     -webkit-box-sizing: border-box;
  65.     /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  66.     -moz-box-sizing: border-box;
  67.     /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  68.     box-sizing: border-box;
  69. }
  70.  
  71. ol {
  72.     list-style-type: decimal;
  73.     padding-left: 40px;
  74. }
  75.  
  76. blockquote {
  77.     position: relative;
  78.     color: #000
  79.     font-style: italic;
  80.     margin: 0 0 20px 0;
  81.     padding-left: 50px;
  82. }
  83.  
  84. blockquote:before {
  85.     content: "f100";
  86.     color: #ccc;
  87.     font-size: 42px;
  88.     font-family: FontAwesome;
  89.     text-align: center;
  90.     position: absolute;
  91.     left: 0;
  92.     top: -10px;
  93. }
  94.  
  95. table {
  96.     border-collapse: separate;
  97.     border-spacing: 0;
  98. }
  99.  
  100. ul {
  101.     list-style-type: square;
  102.     list-style-position: outside;
  103.     padding-left: 40px;
  104. }
  105.  
  106. ul li, ol li {
  107.     padding-bottom: 3px;
  108. }
  109.  
  110. caption,
  111. th,
  112. td {
  113.     font-weight: normal;
  114.     text-align: left;
  115. }
  116.  
  117. blockquote:before,
  118. blockquote:after,
  119. q:before,
  120. q:after {
  121.     content: "";
  122. }
  123.  
  124. q {
  125.     quotes: "" "";
  126. }
  127.  
  128. a:focus {
  129.     outline: 0;
  130. }
  131.  
  132. a:hover,
  133. a:active {
  134.     outline: 0;
  135. }
  136.  
  137. a img {
  138.     border: 0;
  139. }
  140.  
  141. /* =END Reset
  142. -------------------------------------------------------------- */
  143.  
  144. /* Шрифт
  145. -------------------------------------------------------------- */
  146. /* font-family: "OpenSansRegular"; */
  147. @font-face {
  148.     font-family: "OpenSansRegular";
  149.     src: url("fonts/OpenSansRegular/OpenSansRegular.eot");
  150.     src: url("fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
  151.     url("fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
  152.     url("fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
  153.     font-style: normal;
  154.     font-weight: normal;
  155. }
  156. /* font-family: "OpenSansLight"; */
  157. @font-face {
  158.     font-family: "OpenSansLight";
  159.     src: url("fonts/OpenSansLight/OpenSansLight.eot");
  160.     src: url("fonts/OpenSansLight/OpenSansLight.eot?#iefix")format("embedded-opentype"),
  161.     url("fonts/OpenSansLight/OpenSansLight.woff") format("woff"),
  162.     url("fonts/OpenSansLight/OpenSansLight.ttf") format("truetype");
  163.     font-style: normal;
  164.     font-weight: normal;
  165. }
  166. /* font-family: "OpenSansItalic"; */
  167. @font-face {
  168.     font-family: "OpenSansItalic";
  169.     src: url("fonts/OpenSansItalic/OpenSansItalic.eot");
  170.     src: url("fonts/OpenSansItalic/OpenSansItalic.eot?#iefix")format("embedded-opentype"),
  171.     url("fonts/OpenSansItalic/OpenSansItalic.woff") format("woff"),
  172.     url("fonts/OpenSansItalic/OpenSansItalic.ttf") format("truetype");
  173.     font-style: normal;
  174.     font-weight: normal;
  175. }
  176. /* font-family: "OpenSansBold"; */
  177. @font-face {
  178.     font-family: "OpenSansBold";
  179.     src: url("fonts/OpenSansBold/OpenSansBold.eot");
  180.     src: url("fonts/OpenSansBold/OpenSansBold.eot?#iefix")format("embedded-opentype"),
  181.     url("fonts/OpenSansBold/OpenSansBold.woff") format("woff"),
  182.     url("fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");
  183.     font-style: normal;
  184.     font-weight: normal;
  185. }
  186. /* font-family: "OpenSansExtraBold"; */
  187. @font-face {
  188.     font-family: "OpenSansExtraBold";
  189.     src: url("fonts/OpenSansExtraBold/OpenSansExtraBold.eot");
  190.     src: url("fonts/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix")format("embedded-opentype"),
  191.     url("fonts/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"),
  192.     url("fonts/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype");
  193.     font-style: normal;
  194.     font-weight: normal;
  195. }
  196. /* font-family: "OpenSansExtraBoldItalic"; */
  197. @font-face {
  198.     font-family: "OpenSansExtraBoldItalic";
  199.     src: url("fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot");
  200.     src: url("fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
  201.     url("fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.woff") format("woff"),
  202.     url("fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.ttf") format("truetype");
  203.     font-style: normal;
  204.     font-weight: normal;
  205. }
  206. /* font-family: "OpenSansBoldItalic"; */
  207. @font-face {
  208.     font-family: "OpenSansBoldItalic";
  209.     src: url("fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot");
  210.     src: url("fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot?#iefix")format("embedded-opentype"),
  211.     url("fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff"),
  212.     url("fonts/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype");
  213.     font-style: normal;
  214.     font-weight: normal;
  215. }
  216. /* font-family: "OpenSansRegularItalic"; */
  217. @font-face {
  218.     font-family: "OpenSansRegularItalic";
  219.     src: url("fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot");
  220.     src: url("fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot?#iefix")format("embedded-opentype"),
  221.     url("fonts/OpenSansRegularItalic/OpenSansRegularItalic.woff") format("woff"),
  222.     url("fonts/OpenSansRegularItalic/OpenSansRegularItalic.ttf") format("truetype");
  223.     font-style: normal;
  224.     font-weight: normal;
  225. }
  226. /* font-family: "OpenSansSemiBold"; */
  227. @font-face {
  228.     font-family: "OpenSansSemiBold";
  229.     src: url("fonts/OpenSansSemiBold/OpenSansSemiBold.eot");
  230.     src: url("fonts/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix")format("embedded-opentype"),
  231.     url("fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"),
  232.     url("fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");
  233.     font-style: normal;
  234.     font-weight: normal;
  235. }
  236. /* font-family: "OpenSansSemiBoldItalic"; */
  237. @font-face {
  238.     font-family: "OpenSansSemiBoldItalic";
  239.     src: url("fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot");
  240.     src: url("fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
  241.     url("fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff") format("woff"),
  242.     url("fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.ttf") format("truetype");
  243.     font-style: normal;
  244.     font-weight: normal;
  245. }
  246.  
  247. /* Шрифт END
  248. -------------------------------------------------------------- */
  249. body input:focus:required:invalid,
  250. body textarea:focus:required:invalid {
  251.    
  252. }
  253. body input:required:valid,
  254. body textarea:required:valid {
  255.    
  256. }
  257.  
  258. html, body .flexbox {
  259.     height: 100%;
  260. }
  261.  
  262. .wrapper_my {
  263.     min-height: 100vh;
  264.     flex-direction: column;
  265. }
  266.  
  267. body {
  268.     font-family: "OpenSansRegular", sans-serif;
  269.     font-size: 16px;
  270.     background: #f2f2f2;
  271.     padding: 0;
  272.     margin: 0;
  273. }
  274.  
  275. h1 {
  276.     font-size: 28px;
  277.     padding-bottom: 15px;
  278. }
  279.  
  280. .main_content h1 a{
  281.     font-size: 28px;
  282.     padding-bottom: 15px;
  283. }
  284.  
  285. h2 {
  286.     font-size: 26px;
  287.     padding-bottom: 15px;
  288. }
  289.  
  290. .main_content h2 a{
  291.     font-size: 26px;
  292.     padding-bottom: 15px;
  293. }
  294.  
  295. h3 {
  296.     font-size: 24px;
  297.     padding-bottom: 15px;
  298. }
  299.  
  300. .main_content h3 a{
  301.     font-size: 24px;
  302.     padding-bottom: 15px;
  303. }
  304.  
  305. h4 {
  306.     font-size: 22px;
  307.     padding-bottom: 15px;
  308. }
  309.  
  310. .main_content h4 a{
  311.     font-size: 22px;
  312.     padding-bottom: 15px;
  313. }
  314.  
  315. h5 {
  316.     font-size: 20px;
  317.     padding-bottom: 15px;
  318. }
  319.  
  320. .main_content h5 a{
  321.     font-size: 20px;
  322.     padding-bottom: 15px;
  323. }
  324.  
  325. h6 {
  326.     font-size: 18px;
  327.     padding-bottom: 15px;
  328. }
  329.  
  330. .main_content h6 a{
  331.     font-size: 18px;
  332.     padding-bottom: 15px;
  333. }
  334.  
  335. img {
  336.     height: auto;
  337.     max-width: 100%;
  338.     vertical-align: middle;
  339. }
  340.  
  341. .alignleft {
  342.     float: left;
  343. }
  344.  
  345. .alignright {
  346.     float: right;
  347. }
  348.  
  349. .aligncenter {
  350.     display: block;
  351.     margin-right: auto;
  352.     margin-left: auto;
  353. }
  354.  
  355. blockquote.alignleft,
  356. figure.wp-caption.alignleft,
  357. img.alignleft {
  358.     margin: 7px 24px 7px 0;  
  359. }
  360.  
  361. .wp-caption.alignleft {
  362.     margin: 7px 14px 7px 0;
  363. }
  364.  
  365. blockquote.alignright,
  366. figure.wp-caption.alignright,
  367. img.alignright {
  368.     margin: 7px 0 7px 24px;
  369. }
  370.  
  371. .wp-caption.alignright {
  372.     margin: 7px 0 7px 14px;
  373. }
  374.  
  375. blockquote.aligncenter,
  376. img.wp-caption.aligncenter,
  377. .aligncenter {
  378.     margin-top: 7px;
  379.     margin-bottom: 7px;
  380. }
  381.  
  382. .site-content blockquote.alignleft,
  383. .site-content blockquote.alignright {
  384.     border-top: 1px solid rgba(0, 0, 0, 0.1);
  385.     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  386.     padding-top: 17px;
  387.     width: 50%;
  388. }
  389.  
  390. .site-content blockquote.alignleft p,
  391. .site-content blockquote.alignright p {
  392.     margin-bottom: 17px;
  393. }
  394.  
  395. .wp-caption {
  396.     margin-bottom: 24px;
  397.     max-width: 100%;
  398. }
  399.  
  400. .wp-caption img[class*="wp-image-"] {
  401.     display: block;
  402.     margin: 0;
  403. }
  404.  
  405. .wp-caption {
  406.     color: #767676;
  407. }
  408.  
  409. .wp-caption-text {
  410.     -webkit-box-sizing: border-box;
  411.     -moz-box-sizing: border-box;
  412.     box-sizing: border-box;
  413.     font-size: 12px;
  414.     font-style: italic;
  415.     line-height: 1.5;
  416.     margin: 9px 0;
  417. }
  418.  
  419. div.wp-caption .wp-caption-text {
  420.     padding-right: 10px;
  421. }
  422.  
  423. div.wp-caption.alignright img[class*="wp-image-"],
  424. div.wp-caption.alignright .wp-caption-text {
  425.     padding-left: 10px;
  426.     padding-right: 0;
  427. }
  428.  
  429. .wp-caption.alignleft,
  430. .wp-caption.alignright,
  431. .wp-caption.aligncenter {
  432.     margin-bottom: 1.2em;
  433. }
  434.  
  435. .wp-smiley {
  436.     border: 0;
  437.     margin-bottom: 0;
  438.     margin-top: 0;
  439.     padding: 0;
  440. }
  441.  
  442. a {
  443.     color: #36a1bf;
  444. }
  445.  
  446. a:hover {
  447.     color: #36a1bf;
  448.     text-decoration: underline;
  449. }
  450.  
  451. .soc_button {
  452.     float: left;
  453.     font-size: 14px;
  454. }
  455.  
  456. .soc_button a {
  457.     color: #ffff00;
  458.     padding-right: 5px;
  459.     font-size: 14px;
  460. }
  461.  
  462. .contacts_head {
  463.     float: right;
  464. }
  465.  
  466. .contacts_head i {
  467.     padding-right: 10px;
  468.     font-size: 16px;
  469. }
  470.  
  471. .contacts_head span {
  472.     padding-left: 10px;
  473. }
  474.  
  475. .contacts_head p {
  476.     float: right;
  477.     margin: 0;
  478.     color: #ffff00;
  479.     font-size: 13px;
  480. }
  481.  
  482. .contacts_head a {
  483.     color: #ffff00;
  484. }
  485.  
  486. .header_topline {
  487.     background: #000;
  488.     padding-top: 7px;
  489.     padding-bottom: 7px;
  490. }
  491.  
  492. .header_topline a:hover {
  493.     color: #ff0000;
  494.     text-decoration: underline;
  495.     font-size: 14px;
  496. }
  497.  
  498. .contacts_head span {
  499.     font-size: 13px;
  500. }
  501.  
  502. .logotyp {
  503.     float: left;
  504. }
  505.  
  506. .logotyp img {
  507.     width: 164px;
  508.     height: 32px;
  509. }
  510.  
  511. .main_menu {
  512.     float: right;
  513.     position: relative;
  514. }
  515.  
  516. .header_shapka {
  517.     padding: 15px 0;
  518.     background: #ffff00;
  519.     box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255,255,255, 0.15);
  520.     z-index: 2;
  521. }
  522.  
  523. .headhesive {
  524.     padding: 25px 0;
  525.     position: fixed;
  526.     transform: translateY(-139%);
  527.     width: 100%;
  528.     transition: 0.5s;
  529.     z-index: 15;
  530.     top: 34px;
  531. }
  532.  
  533. .headhesive--stick {
  534.     transform: translateY(0);
  535.     top: 0;
  536.     padding: 10px 0;   
  537. }
  538.  
  539. .ie9 .header-shapka {
  540.     padding: 25px 0 25px 0;
  541. }
  542.  
  543. .ie9 .headhesive {
  544.     display: none;
  545. }
  546.  
  547. .ie9 .headhesive--stick {
  548.     display: none;
  549. }
  550.  
  551. .main_menu {
  552.     padding-top: 8px;
  553. }
  554.  
  555. .main_menu a {
  556.     font-family: "OpenSansBold", sans-serif;
  557.     color: #000;
  558.     display: block;
  559.     transition: all 0.3s ease;
  560.     font-size: 14px;
  561. }
  562.  
  563. .main_menu a:hover {
  564.     color: #ff0000;
  565.     text-decoration: none;
  566. }
  567.  
  568. .main_menu ul {
  569.     color: #ff0000;
  570. }
  571.  
  572. .current-menu-item a {
  573.     color: #ff0000;
  574. }
  575.  
  576.  
  577. .main_menu ul {
  578.     margin: 0;
  579.     padding: 0;
  580.     list-style-type: none;
  581.     float: right;
  582.     text-transform: uppercase;
  583.     font-size: 14px;
  584.     padding-right: 9px;
  585. }
  586.  
  587. .main_menu ul li {
  588.     display: inline-block;
  589.     position: relative;
  590.     padding-right: 32px;
  591.     padding-bottom: 8px;
  592. }
  593.  
  594. .main_menu li ul {
  595.     display: none !important;
  596. }
  597.  
  598.  
  599. .main_menu ul li:hover > ul{
  600.     display: block !important;
  601. }
  602.  
  603. .main_menu .sub-menu {
  604.     position: absolute;
  605.     top: 100%;
  606.     width: 200px;
  607.     background: #fff;
  608.     z-index: 15;
  609.     box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.15);
  610. }
  611.  
  612. .main_menu .sub-menu li {
  613.     width: 200px;
  614.     padding: 10px;
  615.     border-bottom: 1px solid #f4f4f4;
  616. }
  617.  
  618. .main_menu .sub-menu a {
  619.     font-size: 12px;
  620.     color: #000;
  621. }
  622.  
  623. .main_menu .sub-menu a:hover {
  624.     color: #ff0000;
  625.     transition: all 0.3s ease;
  626. }
  627.  
  628. .search_header {
  629.     right: 0;
  630.     position: absolute;
  631.     color: #000;
  632.     font-size: 16px;
  633.     top: 6px;
  634.     z-index: 100000000000;
  635. }
  636.  
  637. .search_header:hover {
  638.     color: #ff0000;
  639.     cursor: pointer;
  640.     transition: all 0.3s ease;
  641. }
  642.  
  643. /* Menu Button */
  644. .main_menu_button {
  645.     background: transparent;
  646.     border: medium none;
  647.     font-size: 28px;
  648.     color: #000;
  649.     float: right;
  650.     outline: none;
  651. }
  652.  
  653. .main_menu_button:hover {
  654.     color: #ff0000;
  655.     transition: all 0.3s ease;
  656. }
  657. /*Menu Button End*/
  658.  
  659. #s {
  660. border: none; /* толщина и цвет рамки */
  661. color: #9D9D9D; /* черный шрифт */
  662. height: 30px; /* высота поля */
  663. width: 230px; /* ширина поля*/
  664. padding: 0 0 0 5px;
  665. margin-left: 60px;
  666. margin-bottom: 20px;
  667. }
  668.  
  669. #searchsubmit {
  670. border: none;
  671. cursor: pointer;
  672. height: 30px; /* высота кнопки */
  673. margin: 0 0 0 -5px; /* чтобы кнопка наехала на поле */
  674. width: 30px;
  675. background: #FEFE7C; /* цвет фона кнопки */
  676. color: #000; /* белый шрифт */
  677. }
  678.  
  679. #searchsubmit:hover {
  680.     background: #ffff00;
  681.     color: #000;
  682. }
  683.  
  684. .search_popup {
  685.     position: fixed;
  686.     top: 50%;
  687.     left: 50%;
  688.     z-index: 10002;
  689.     width: 84%;
  690.     margin-left: -42%;
  691.     height: 80px;
  692.     margin-top: -40px;
  693.     display: none;
  694. }
  695.  
  696. .search_vspl {
  697.     width: 100%;
  698.     position: relative;
  699. }
  700.  
  701. .search_vspl input {
  702.     outline: none;
  703.     border: none;
  704.     padding-left: 25px;
  705. }
  706.  
  707. .search_vspl .input_vspl {
  708.     width: 100%;
  709.     -moz-box-sizing: border-box;
  710.     box-sizing: border-box;
  711.     background: #fff;
  712.     font-size: 38px;
  713.     color: #555;
  714.     outline: none;
  715.     height: 80px;
  716. }
  717.  
  718. .search_vspl .searchsubmit {
  719.     position: absolute;
  720.     top: 0;
  721.     right: 0;
  722.     width: 80px;
  723.     height: 80px;
  724.     font-size: 27px;
  725.     outline: none;
  726.     border: medium none;
  727.     color: #fff;
  728.     background: #ffd800;
  729. }
  730.  
  731. .search_vspl .searchsubmit:hover {
  732.     cursor: pointer;
  733.     background: #caca01;
  734.     transition: all 0.3s ease;
  735. }
  736.  
  737. .close_search {
  738.     position: fixed;
  739.     top: -30px;
  740.     right: 40px;
  741.     color: #ffff;
  742.     font-size: 140px;
  743.     z-index: 10002;
  744.     display: none;
  745. }
  746.  
  747. .close_search:hover {
  748.     cursor: pointer;
  749. }
  750.  
  751. .opacity {
  752.     position: fixed;
  753.     width: 100%;
  754.     height: 100%;
  755.     top: 0;
  756.     left: 0;
  757.     background: #ffff00;
  758.     opacity: 0.7;
  759.     z-index: 10001;
  760.     display: none;
  761. }
  762.  
  763. .search-mobile {
  764.     padding: 10px;
  765. }
  766.  
  767. .search {
  768.     width: 100%;
  769.     position: relative;
  770. }
  771.  
  772. .search input {
  773.     border: none;
  774.     outline: none;
  775. }
  776.  
  777. .search .input {
  778.     width: 100%;
  779.     padding: 8px 37px 9px 15px;
  780.     -moz-box-sizing: border-box;
  781.     box-sizing: border-box;
  782.     box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.3);
  783.     background: #EEE;
  784.     font: 11px;
  785.     color: #555;
  786.     outline: none;
  787. }
  788.  
  789. .search .input:focus {
  790.     box-shadow: inset 0 0 5px rgba(0,0,0,0.2), inset 0 1px 2px rgba(0,0,0,0.4);
  791.     background: #E8E8E8;
  792.     color: #333;
  793. }
  794.  
  795. .search .submit {
  796.     position: absolute;
  797.     top: 12px;
  798.     right: -12px;
  799.     width: 37px;
  800.     height: 100%;
  801.     cursor: pointer;
  802.     background: url(../img/go.png) no-repeat;
  803.     opacity: 0.5;
  804. }
  805.  
  806. .search .submit:hover {
  807.     opacity: 0.8;
  808. }
  809.  
  810. input[type="search"] {
  811.     -webkit-appearance: none;
  812. }
  813.  
  814. .main_content {
  815.     margin-top: 60px;
  816.    
  817. }
  818.  
  819. .main_content a {
  820.     font-size: 16px;
  821. }
  822.  
  823. .main_content p {
  824.     line-height: 1.8em;
  825.     margin-bottom: 15px;
  826. }
  827.  
  828. .box_blog {
  829.     padding: 0 40px 20px;
  830.     background: #fff;
  831.     box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 3px 3px rgba(0,0,0,0.05);
  832. }
  833.  
  834. .post_meta {
  835.     padding-bottom: 10px;
  836. }
  837.  
  838. .post_meta ul {
  839.     margin: 0 -40px;
  840. }
  841.  
  842. .date_comm {
  843.     margin: 0 20px;
  844. }
  845.  
  846. .post_meta i {
  847.     padding-right: 5px;
  848.     padding-left: 7px;
  849. }
  850.  
  851. .miniatura {
  852.     padding-bottom: 20px;
  853. }
  854.  
  855. h2.post_title {
  856.     font-size: 26px;
  857.     color: #000;
  858.     margin-bottom: 5px;
  859.     padding-top: 34px;
  860. }
  861.  
  862. h2.post_title a {
  863.     color: #000;
  864.     font-size: 26px;
  865. }
  866.  
  867. h2.post_title a:hover {
  868.     color: #808080;
  869.     text-decoration: none;
  870. }
  871.  
  872. .post_meta ul li {
  873.     display: inline-block;
  874.     font-size: 12px;
  875.     color: #bbb;
  876.     text-transform: uppercase;
  877.     margin-right: 10px;
  878. }
  879.  
  880. .post_meta a {
  881.     color: #bbb;
  882.     font-size: 12px;
  883. }
  884.  
  885. .post_meta a:hover {
  886.     color: #000;
  887.     text-decoration: none;
  888. }
  889.  
  890. a img.miniatura {
  891.     padding: 30px 0;
  892. }
  893.  
  894. a.more-link {
  895.     font-size: 14px;
  896. }
  897.  
  898. .more-link {
  899.     font-size: 14px;
  900.     background: #f2f2f2;
  901.     color: #999;
  902.     text-transform: uppercase;
  903.     padding: 2px 20px;
  904.     border-radius: 4px;
  905.     margin: 20px 0;
  906.     display: block;
  907.     max-width: 135px;
  908. }
  909.  
  910. .more-link:hover {
  911.     text-decoration: none;
  912.     color: #000000;
  913.     background: #ffff00;
  914.     transition: all 0.3s ease;
  915. }
  916.  
  917.  
  918.  
  919. .text-cf {
  920.     border: 1px #ff0000;
  921. }
  922.  
  923. .submit-cf input {
  924.     font-size: 14px;
  925.     background: #f2f2f2;
  926.     color: #999;
  927.     text-transform: uppercase;
  928.     padding: 2px 20px;
  929.     border-radius: 4px;
  930.     max-width: 135px;
  931.     border: none;
  932. }
  933.  
  934. .submit-cf input:hover {
  935.     text-decoration: none;
  936.     color: #000000;
  937.     background: #ffff00;
  938.     transition: all 0.3s ease;
  939. }
  940.  
  941. .blog_content {
  942.     margin-bottom: 60px;
  943. }
  944.  
  945. .sidebar_my {
  946.     margin-left: 60px;
  947.     padding-bottom: 55px;
  948. }
  949.  
  950. .sidebar_my ul {
  951.     list-style-type: none;
  952.     margin: 0;
  953.     padding: 0;
  954. }
  955.  
  956. .sidebar_my h3 {
  957.     color: #4d4d4d;
  958.     padding-bottom: 15px;
  959. }
  960.  
  961. .sidebar_my li {
  962.     border-bottom: 1px solid #e4e4e4;
  963.     padding: 10px 0;
  964. }
  965.  
  966. .sidebar_my a {
  967.     font-size: 14px;
  968.     color: #9d9d9d;
  969. }
  970.  
  971. .sidebar_my a:hover {
  972.     text-decoration: none;
  973.     color: #000;
  974. }
  975.  
  976. .wp-pagenavi {
  977.     text-align: center;
  978.     margin-bottom: 60px;
  979. }
  980.  
  981. .wp-pagenavi a {
  982.     background: #dfdfdf;
  983.     display: inline-block;
  984.     line-height: 30px;
  985.     width: 30px;
  986.     border-radius: 4px;
  987.     color: #999999;
  988.     margin-left: 5px;
  989.     font-size: 16px;
  990. }
  991.  
  992. .wp-pagenavi span {
  993.     background: #ffff00;
  994.     display: inline-block;
  995.     line-height: 30px;
  996.     width: 30px;
  997.     border-radius: 4px;
  998.     color: #575757;
  999.     margin-left: 5px;
  1000.     font-size: 16px;
  1001. }
  1002.  
  1003. .wp-pagenavi a:hover {
  1004.     text-decoration: none;
  1005.     background: #ffff00;
  1006.     color: #575757;
  1007. }
  1008.  
  1009. .wp-pagenavi .active {
  1010.     background: #ffff00;
  1011.     color: #575757;
  1012. }
  1013.  
  1014. .footer_my {
  1015.     background: #fff;
  1016.     border-top: 1px solid #e2e2e2;
  1017.     padding-top: 30px;
  1018.     padding-bottom: 40px;
  1019. }
  1020.  
  1021. .footer_my h4 {
  1022.     font-size: 16px;
  1023.     color: #6f6f6f;
  1024.     font-family: "OpenSansBold", sans-serif;
  1025.     margin-bottom: 24px;
  1026. }
  1027.  
  1028. .footer_my p, span, a {
  1029.     font-size: 14px;
  1030. }
  1031.  
  1032. .contacts_footer p, .donut_footer p {
  1033.     margin-bottom: 26px;
  1034. }
  1035.  
  1036. .contacts_footer a, .soc_footer_box a {
  1037.     color: #000;
  1038. }
  1039.  
  1040. .soc_footer_box a:hover {
  1041.     color: #ffff00;
  1042. }
  1043.  
  1044. .soc_footer_box {
  1045.     margin-left: 60px;
  1046. }
  1047.  
  1048. .social_footer a {
  1049.     font-size: 20px;
  1050.     margin-right: 7px;
  1051. }
  1052.  
  1053. .copy_box {
  1054.     border-top: 1px solid #e5e5e5;
  1055. }
  1056.  
  1057. .copyright p {
  1058.     font-size: 12px;
  1059.     color: #7f7f7f;
  1060. }
  1061.  
  1062. .wrapper_footer {
  1063.     padding-bottom: 20px;
  1064. }
  1065.  
  1066. .copy_box p {
  1067.     padding-top: 7px;
  1068.     padding-bottom: 7px;
  1069.     text-align: center;
  1070. }
  1071.  
  1072. .social_footer h4 {
  1073.     padding-left: 40px;
  1074. }
  1075.  
  1076. .up_button img {
  1077.     width: 40px;
  1078.     height: 40px;
  1079.     position: fixed;
  1080.     right: 25px;
  1081.     bottom: 40px;
  1082.     opacity: 0.5;
  1083. }
  1084.  
  1085. .up_button img:hover {
  1086.     opacity: 1;
  1087.     transition: all 0.3s ease;
  1088.     cursor: pointer;
  1089. }
  1090.  
  1091. .post_tags {
  1092.     margin-top: 23px;
  1093.     padding-bottom: 30px;
  1094. }
  1095.  
  1096. .post_tags span {
  1097.     color: #999;
  1098.     font-size: 14px;
  1099.     padding-right: 10px;
  1100. }
  1101.  
  1102. .post_tags a {
  1103.     font-size: 12px;
  1104.     color: #999;
  1105.     display: inline-block;
  1106.     line-height: 16px;
  1107.     white-space: nowrap;
  1108.     background: #fefe7c;
  1109.     padding: 2px 10px;
  1110.     border-radius: 4px;
  1111. }
  1112.  
  1113. .post_tags a:hover {
  1114.     color: #000;
  1115.     background: #ffff00;
  1116.     text-decoration: none;
  1117. }
  1118.  
  1119. .social_button {
  1120.     border-top: 1px dotted #f6f6f6;
  1121. }
  1122.  
  1123. .social_button h3 {
  1124.     font-size: 14px;
  1125.     color: #999;
  1126.     padding-top: 20px;
  1127. }
  1128.  
  1129. .social_button p {
  1130.     padding: 2px 0;
  1131.     margin: 10px;
  1132. }
  1133.  
  1134. .zapisi_predsled {
  1135.     display: inline-block;
  1136.     width: 100%;
  1137.     padding-bottom: 40px;
  1138. }
  1139.  
  1140. .zapisi_predsled p {
  1141.     margin: 0;
  1142.     padding-top: 10px;
  1143.     line-height: 1.3em;
  1144. }
  1145.  
  1146. .zapisi_predsled span {
  1147.     color: #999;
  1148.     font-size: 14px;
  1149. }
  1150.  
  1151. .zapisi_predsled a {
  1152.     color: #c2c2c2;
  1153.     font-size: 13px;
  1154. }
  1155.  
  1156. .nav_previous {
  1157.     float: left;
  1158.     width: 45%;
  1159. }
  1160.  
  1161. .nav_next {
  1162.     float: right;
  1163.     width: 45%;
  1164.     text-align: right;
  1165. }
  1166.  
  1167. .social_page {
  1168.     padding-top: 30px;
  1169.     padding-bottom: 20px;
  1170.     border-top: 1px dotted #f6f6f6;
  1171.     margin-top: 30px;
  1172. }
  1173.  
  1174. .social_page h3 {
  1175.     font-size: 14px;
  1176.     color: #999;
  1177. }
  1178.  
  1179. .social_page p {
  1180.     margin: 0;
  1181.     padding: 0;
  1182.     padding-top: 20px;
  1183. }
  1184.  
  1185. .error_str {
  1186.     flex: 1;
  1187.     padding: 100px;
  1188. }
  1189.  
  1190. .error_str h2 {
  1191.     font-size: 28px;
  1192.     font-family: "OpenSansBold", sans-serif;
  1193.     padding-bottom: 15px;
  1194. }
  1195.  
  1196. .error_str h4 {
  1197.     padding-bottom: 35px;
  1198. }
  1199.  
  1200. .error_str span {
  1201.     color: #a6a6a6;
  1202.     font-size: 28px;
  1203. }
  1204.  
  1205. .error_str a {
  1206.     font-size: 16px;
  1207. }
  1208.  
  1209. .error_str p {
  1210.     padding-bottom: 15px;
  1211. }
  1212.  
  1213. .category_page, .search_page {
  1214.     padding: 20px;
  1215.     background: #e5e5e5;
  1216.     margin-bottom: 50px;
  1217. }
  1218.  
  1219. .category_page h2, .search_page h2 {
  1220.     text-transform: uppercase;
  1221.     font-family: "OpenSansBold", sans-serif;
  1222.     font-size: 14px;
  1223. }
  1224.  
  1225. .category_page span, .search_page span {
  1226.     color: #a6a6a6;
  1227.     font-size: 14px;
  1228. }
  1229.  
  1230. .category_page i, .search_page i {
  1231.     padding-right: 7px;
  1232. }
  1233.  
  1234. .category_page:before, .search_page:before {
  1235.     content: '';
  1236.     display: inline-block;
  1237.     border-left: 10px solid transparent;
  1238.     border-right: 10px solid transparent;
  1239.     border-top: 10px solid #e5e5e5;
  1240.     position: absolute;
  1241.     bottom: 40px;
  1242.     left: 70%;
  1243.     margin-left: -10px;
  1244. }
  1245.  
  1246. .search_post_page {
  1247.     width: 100%;
  1248.     position: relative;
  1249.     margin-top: 15px;
  1250. }
  1251.  
  1252. .search_post_page input {
  1253.     border: none;
  1254.     outline: none;
  1255. }
  1256.  
  1257. .search_post_page .input {
  1258.     width: 100%;
  1259.     padding: 10px 10px 10px 15px;
  1260.     -moz-box-sizing: border-box;
  1261.     box-sizing: border-box;
  1262.     background: #fff;
  1263.     font-size: 14px;
  1264.     color: #555;
  1265.     outline: none;
  1266. }
  1267.  
  1268. .search_post_page .input:focus {
  1269.     color: #333;
  1270. }
  1271.  
  1272. .search_post_page .search_button {
  1273.     color: #fff;
  1274.     font-size: 14px;
  1275.     outline: none;
  1276.     border: none;
  1277.     position: absolute;
  1278.     right: 0;
  1279.     top: 9px;
  1280.     background: none;
  1281.     color: #c7c7c7;
  1282. }
  1283.  
  1284. .search_post_page .search_button:hover {
  1285.     color: #000;
  1286.     transition: all 0.3s ease;
  1287. }
  1288.  
  1289. .search_post_page .input::-webkit-input-placeholder {
  1290.     color: #c7c7c7;
  1291. }
  1292. .search_post_page .input:-moz-placeholder {
  1293.     color: #c7c7c7;
  1294. }
  1295. .search_post_page .input::-moz-placeholder {
  1296.     color: #c7c7c7;
  1297. }
  1298. .search_post_page .input:-ms-input-placeholder {
  1299.     color: #c7c7c7;
  1300. }
  1301.  
  1302. .search_nenaideno h3 {
  1303.     font-size: 18px;
  1304.     font-family: "OpenSansBold", sans-serif;
  1305.     padding-bottom: 35px;
  1306. }
  1307.  
  1308. .search_nenaideno span {
  1309.     font-size: 12px;
  1310.     font-family: "OpenSansBold", sans-serif;
  1311. }
  1312.  
  1313. .search_nenaideno p {
  1314.     font-size: 12px;
  1315.     color: #000;
  1316. }
  1317.  
  1318. /* Комментарии */
  1319. #comments {
  1320.     clear: both;
  1321.     padding-left: 90px;
  1322.     margin-top: 40px;
  1323.     padding-right: 30px;
  1324.     background: #fff none repeat scroll 0 0;
  1325.     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.05);
  1326. }
  1327.  
  1328. #comments .navigation {
  1329.     padding: 0 0 18px 0;
  1330. }
  1331.  
  1332.  
  1333. h3#comments-title,
  1334. h3#reply-title {
  1335.     color: #000;
  1336.     font-size: 24px;
  1337.     font-weight: 500;
  1338.     margin-bottom: 0;
  1339.     text-transform: uppercase;
  1340. }
  1341. h3#comments-title {
  1342.     padding: 40px 0;
  1343.     margin-left: -60px;
  1344. }
  1345. .commentlist {
  1346.     list-style: none;
  1347.     margin: 0;
  1348.     padding: 0;
  1349. }
  1350. .commentlist li.comment {
  1351.     line-height: 24px;
  1352.     margin: 0 0 24px 0;
  1353.     padding: 0;
  1354.     position: relative;
  1355. }
  1356. .commentlist li:last-child {
  1357.     border-bottom: none;
  1358.     margin-bottom: 0;
  1359. }
  1360. #comments .comment-body ul,
  1361. #comments .comment-body ol {
  1362.     margin-bottom: 18px;
  1363. }
  1364. #comments .comment-body p:last-child {
  1365.     margin-bottom: 6px;
  1366. }
  1367. #comments .comment-body blockquote p:last-child {
  1368.     margin-bottom: 24px;
  1369. }
  1370. .commentlist ol {
  1371.     list-style: decimal;
  1372. }
  1373.  
  1374.  
  1375. .commentlist .avatar {
  1376.     position: absolute;
  1377.     left: -60px;
  1378.     top: 0;
  1379.     width: 48px;
  1380.     height: 48px;
  1381.     -webkit-border-radius: 100%;
  1382.     border-radius: 100%;
  1383. }
  1384.  
  1385. .children li .comment-author {
  1386.     padding-top: 20px;
  1387. }
  1388.  
  1389.  
  1390. .comment-author cite {
  1391.     color: #444444;
  1392.     font-style: normal;
  1393.     font-family: "OpenSansBold", sans-serif;
  1394. }
  1395. .comment-author .says {
  1396.     font-style: italic;
  1397. }
  1398. .comment-meta {
  1399.     font-size: 12px;
  1400.     margin: 0;
  1401. }
  1402.  
  1403. .comment-body p {
  1404.     padding-left: 0px;
  1405.     margin: 0;
  1406.     font-size: 14px;
  1407. }
  1408.  
  1409. .comment-meta a:link,
  1410. .comment-meta a:visited {
  1411.     color: #cdcdcd;
  1412.     text-decoration: none;
  1413.     padding-left: 4px;
  1414.     font-size: 12px;
  1415. }
  1416. .comment-meta a:active,
  1417. .comment-meta a:hover {
  1418.     color: #4A4A4A;
  1419. }
  1420.  
  1421. .comment-meta {
  1422.     color: #CDCDCF;
  1423. }
  1424.  
  1425.  
  1426. .commentlist .odd {
  1427.    
  1428. }
  1429.  
  1430. .reply {
  1431.     padding-bottom: 24px;
  1432.     padding-left: 0px;
  1433.     padding-top: 15px;
  1434. }
  1435.  
  1436. .reply a {
  1437.     font-size: 12px;
  1438.     background: #aaaaaa;
  1439.     color: #fff;
  1440.     padding: 1px 9px;
  1441.     -webkit-transition: all .4s;
  1442.     -o-transition: all .4s;
  1443.     transition: all .4s;
  1444.     font-family: "OpenSansBold", sans-serif;
  1445. }
  1446.  
  1447. .reply a:hover {
  1448.     background: #505050;
  1449.     color: #fff;
  1450.     text-decoration: none;
  1451. }
  1452.  
  1453. a.comment-edit-link {
  1454.     color: #888;
  1455. }
  1456.  
  1457. a.comment-edit-link:hover {
  1458.     color: #4A4A4A;
  1459. }
  1460. .commentlist .children {
  1461.     list-style: none;
  1462.     margin: 0;
  1463.     padding: 0;
  1464. }
  1465. .commentlist .children li {
  1466.     border: none;
  1467.     margin: 0;
  1468.     padding-left: 50px;
  1469.     position: relative;
  1470. }
  1471.  
  1472. .comment-body {
  1473.     border-bottom: 1px solid #e7e7e7;
  1474. }
  1475.  
  1476. .commentlist .children p {
  1477.     margin: 0;
  1478.     padding-left: 0px;
  1479. }
  1480.  
  1481. .commentlist .children .reply {
  1482.     padding-left: 0px;
  1483. }
  1484.  
  1485. .commentlist .children li .avatar {
  1486.     height: 40px;
  1487.     left: 0;
  1488.     position: absolute;
  1489.     top: 22px;
  1490.     width: 40px;
  1491. }
  1492.  
  1493. .nopassword,
  1494. .nocomments {
  1495.     display: none;
  1496. }
  1497. #comments .pingback {
  1498.     border-bottom: 1px solid #e7e7e7;
  1499.     margin-bottom: 18px;
  1500.     padding-bottom: 18px;
  1501. }
  1502.  
  1503. .commentlist li {
  1504.     padding-left: 60px;
  1505. }
  1506.  
  1507. .commentlist li.comment+li.pingback {
  1508.     margin-top: -6px;
  1509. }
  1510. #comments .pingback p {
  1511.     color: #888;
  1512.     display: block;
  1513.     font-size: 12px;
  1514.     line-height: 18px;
  1515.     margin: 0;
  1516. }
  1517. #comments .pingback .url {
  1518.     font-size: 13px;
  1519.     font-style: italic;
  1520. }
  1521.  
  1522. .fn {
  1523.     font-size: 16px;
  1524. }
  1525.  
  1526. .fn span {
  1527.     font-size: 20px;
  1528. }
  1529.  
  1530. .fn a {
  1531.     color: #7A7A7A;
  1532.     font-size: 18px;
  1533.     font-family: "OpenSansBold", sans-serif;
  1534. }
  1535.  
  1536. .fn a:hover {
  1537.     color: #000;
  1538.     text-decoration: none;
  1539. }
  1540.  
  1541. .comment-awaiting-moderation {
  1542.     color: #333;
  1543.     font-size: 14px;
  1544. }
  1545.  
  1546.  
  1547.  
  1548.  
  1549. /* Comments form */
  1550. input[type="submit"] {
  1551.     color: #333;
  1552. }
  1553. #respond {
  1554.     margin-bottom: 70px;
  1555.     margin-right: 0;
  1556.     padding: 0 30px;
  1557.     margin-top: 40px;
  1558.     overflow: hidden;
  1559.     position: relative;
  1560.     border-radius: 5px;
  1561.     background: #fff;
  1562.     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.05);
  1563. }
  1564. #respond p {
  1565.     margin: 0;
  1566.     font-size: 14px;
  1567. }
  1568. #respond .comment-notes  {
  1569.     margin-bottom: 15px;
  1570.     font-size: 12px;
  1571.     color: #999;
  1572. }
  1573.  
  1574. #respond .comment-notes span {
  1575.     font-size: 12px;
  1576. }
  1577.  
  1578.  
  1579. #respond .comment-notes p {
  1580.     font-size: 14px;
  1581. }
  1582.  
  1583.  
  1584. .form-allowed-tags {
  1585.     line-height: 1em;
  1586. }
  1587. .commentlist li.comment #respond {
  1588.     margin-top: 10px;
  1589. }
  1590.  
  1591. .commentlist li.comment #respond textarea {
  1592.     padding-top: 2px;
  1593.     padding-left: 8px;
  1594. }
  1595.  
  1596. .commentlist li.comment #email-notes, .commentlist li.comment #respond .comment-notes {
  1597.     display: none;
  1598. }
  1599.  
  1600. .commentlist li.comment #respond h3#reply-title {
  1601.     font-size: 18px;
  1602.     margin-bottom: 15px;
  1603. }
  1604.  
  1605. .commentlist li.comment #respond .comment-notes {
  1606.     margin-bottom: 15px;
  1607. }
  1608.  
  1609. .children #respond .form-submit input {
  1610.     font-size: 16px;
  1611. }
  1612.  
  1613. .commentlist li.comment #respond .form-submit input {
  1614.     font-size: 16px;
  1615. }
  1616.  
  1617. h3#reply-title {
  1618.     margin: 0;
  1619.     padding-top: 20px;
  1620. }
  1621. #comments-list #respond {
  1622.     margin: 0 0 18px 0;
  1623. }
  1624. #comments-list ul #respond {
  1625.     margin: 0;
  1626. }
  1627.  
  1628. #cancel-comment-reply-link {
  1629.     font-size: 12px;
  1630.     font-weight: normal;
  1631.     line-height: 18px;
  1632.     float: right;
  1633.     color: #aaa;
  1634. }
  1635.  
  1636. #cancel-comment-reply-link:hover {
  1637.     color: #FF8100;
  1638. }
  1639.  
  1640. #respond .required {
  1641.     color: #e8554e;
  1642. }
  1643.  
  1644. #respond label {
  1645.     color: #565656;
  1646.     font-size: 16px;
  1647.     font-family: "OpenSansBold", sans-serif;
  1648. }
  1649.  
  1650. #respond span {
  1651.     font-size: 20px;
  1652. }
  1653.  
  1654. #respond input {
  1655.     margin: 5px 0 9px;
  1656.     width: 100%;
  1657.     height: 45px;
  1658.     font-size: 16px;
  1659.     padding-left: 10px;
  1660.     color: #666666;
  1661.     border: 1px solid #eaeaea;
  1662.     background: #f2f2f2;
  1663. }
  1664.  
  1665. #respond input:hover {
  1666.    
  1667. }
  1668.  
  1669.  
  1670. #respond textarea {
  1671.     width: 100%;
  1672.     border: 1px solid #eaeaea;
  1673.     font-size: 16px;
  1674.     padding-left: 10px;
  1675.     padding-top: 5px;
  1676.     color: #666666;
  1677.     height: 200px;
  1678.     background: #f2f2f2;
  1679.     margin-top: 5px;
  1680. }
  1681.  
  1682. #respond input:focus {
  1683.     border: 1px solid #CDCDCD;
  1684.     background: #f9f9f9;
  1685.     -webkit-transition: all .7s;
  1686.     -o-transition: all .7s;
  1687.     transition: all .7s;
  1688. }
  1689.  
  1690. #respond input:focus:required:invalid, textarea:focus:required:invalid {
  1691.             outline: none;
  1692.         }
  1693.  
  1694. #respond input:focus:required:valid,
  1695. textarea:focus:required:valid {
  1696.             outline: none;
  1697.         }
  1698.  
  1699. #respond textarea:focus {
  1700.     border: 1px solid #CDCDCD;
  1701.     background: #f9f9f9;
  1702.     -webkit-transition: all .7s;
  1703.     -o-transition: all .7s;
  1704.     transition: all .7s;
  1705. }      
  1706.  
  1707. #respond textarea:hover {
  1708.        
  1709. }
  1710.  
  1711.  
  1712.  
  1713. #respond .form-allowed-tags {
  1714.     color: #888;
  1715.     font-size: 12px;
  1716.     line-height: 18px;
  1717. }
  1718. #respond .form-allowed-tags code {
  1719.     font-size: 11px;
  1720. }
  1721. #respond .form-submit {
  1722.     margin: 12px 0;
  1723. }
  1724. #respond .form-submit input {
  1725.     font-size: 16px;
  1726.     width: auto;
  1727.     font-family: "OpenSansBold", sans-serif;
  1728.     padding: 0 18px;
  1729.     background: #2c2c2c;
  1730.     color: #ffff00;
  1731.     border-radius: 4px;
  1732.     border: 1px solid #2c2c2c;
  1733.     margin-top: 10px;
  1734. }
  1735.  
  1736. #respond .form-submit input:hover {
  1737.     border: 1px solid #ffff00;
  1738.     background: #ffff00;
  1739.     color: #2c2c2c;
  1740.     -webkit-transition: all .7s;
  1741.     -o-transition: all .7s;
  1742.     transition: all .7s;
  1743. }      
  1744.  
  1745.  
  1746. #respond .logged-in-as {
  1747.     font-size: 16px;
  1748. }
  1749.  
  1750. #respond .logged-in-as a {
  1751.     font-size: 14px;
  1752.     color: #323232;
  1753. }
  1754.  
  1755. #respond .logged-in-as a:hover {
  1756.     color: #FFff00;
  1757. }
  1758.  
  1759. /*==========  Desktop First Method  ==========*/
  1760.  
  1761. /* Large Devices, Wide Screens */
  1762. @media only screen and (max-width :1200px px) {
  1763.    
  1764.     #searchsubmit {
  1765.     display: none;
  1766.     }
  1767.  
  1768.     #s {
  1769.     display: none;
  1770.     }
  1771. }
  1772.  
  1773. /* Medium Devices, Desktops */
  1774. @media only screen and (max-width : 992px) {
  1775.  
  1776.     #s {
  1777.     display: none;
  1778.     }
  1779.  
  1780.     #searchsubmit {
  1781.     display: none;
  1782.     }
  1783.  
  1784.     #searchsubmit:hover {
  1785.     display: none;
  1786.     }
  1787.  
  1788.     .search_header {
  1789.         display: none;
  1790.     }
  1791.  
  1792.     .header_topline {
  1793.         display: none;
  1794.         font-weight: bold;
  1795.     }
  1796.  
  1797.     .main_menu ul {
  1798.         display: none;
  1799.         background: #ffff00;
  1800.         margin-top: 10px;
  1801.         padding: 0;
  1802.         background: #ffff00;
  1803.     }
  1804.  
  1805.     .main_menu ul li {
  1806.         position: relative;
  1807.         width: 100%;
  1808.         float: right;
  1809.         padding: 0;
  1810.         display: block;
  1811.     }
  1812.  
  1813.     .main_menu ul li a {
  1814.         border-bottom: 1px solid rgba(175, 168, 246, 0.1);
  1815.     }
  1816.  
  1817.     .main_menu li {
  1818.         display: block;
  1819.     }
  1820.  
  1821.     .main_menu a {
  1822.         padding: 10px 20px;
  1823.         color: #828282;
  1824.     }
  1825.  
  1826.     .main_menu a:hover {
  1827.         background: #ffff00;
  1828.     }
  1829.  
  1830.     .main_menu .sub-menu {
  1831.         position: relative;
  1832.         float: right;
  1833.         width: 100%;
  1834.         display: block !important;
  1835.         box-shadow: none;
  1836.         background: none;
  1837.         margin: 0;
  1838.         padding: 0;
  1839.         padding-left: 30px;
  1840.     }
  1841.  
  1842.     .main_menu .sub-menu li {
  1843.         width: 100%;
  1844.         border: 0;
  1845.         padding: 0;
  1846.     }
  1847.  
  1848.     .main_menu .sub-menu li a {
  1849.         color: #828282;
  1850.     }  
  1851.  
  1852.     .search-mobile {
  1853.         padding: 10px;
  1854.     }
  1855.  
  1856.     .search {
  1857.         width: 100%;
  1858.         position: relative;
  1859.     }
  1860.  
  1861.     .search input {
  1862.         border: none;
  1863.         outline: none;
  1864.     }
  1865.  
  1866.     .search .input {
  1867.         width: 100%;
  1868.         padding: 8px 37px 9px 15px;
  1869.         -moz-box-sizing: border-box;
  1870.         box-sizing: border-box;
  1871.         box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.3);
  1872.         background: #EEE;
  1873.         font: 11px;
  1874.         color: #555;
  1875.         outline: none;
  1876.     }
  1877.  
  1878.     .search .input:focus {
  1879.         box-shadow: inset 0 0 5px rgba(0,0,0,0.2), inset 0 1px 2px rgba(0,0,0,0.4);
  1880.         background: #E8E8E8;
  1881.         color: #333;
  1882.     }
  1883.  
  1884.     .search .submit {
  1885.         position: absolute;
  1886.         top: 12px;
  1887.         right: -12px;
  1888.         width: 37px;
  1889.         height: 100%;
  1890.         cursor: pointer;
  1891.         background: url(img/go.png) no-repeat;
  1892.         opacity: 0.5;
  1893.     }
  1894.  
  1895.     .search .submit:hover {
  1896.         opacity: 0.8;
  1897.     }
  1898.  
  1899.     input[type="search"] {
  1900.         -webkit-appearance: none;
  1901.     }
  1902.  
  1903.     .sidebar_my {
  1904.         display: none;
  1905.     }
  1906.  
  1907.     .footer_my h4, .contacts_footer p, .donut_footer p, .contacts_footer, .donut_footer {
  1908.         text-align: center;
  1909.     }
  1910.  
  1911.     .footer_my h4 {
  1912.         padding-top: 30px;
  1913.     }
  1914.  
  1915.     .soc_footer_box {
  1916.         text-align: center;
  1917.         padding-left: 0;
  1918.     }
  1919.  
  1920.     .social_footer h4 {
  1921.         padding-left: 0;
  1922.     }
  1923.  
  1924.     .footer_my {
  1925.         padding-top: 0;
  1926.         padding-bottom: 0;
  1927.     }
  1928.  
  1929.     .wpcf7 input[type="text"],
  1930.     .wpcf7 input[type="email"],
  1931.     .wpcf7 textarea {
  1932.         width: 100%;
  1933.     }
  1934.  
  1935.     .social_button h3 {
  1936.         display: none;
  1937.     }
  1938.  
  1939.  
  1940. }
  1941.  
  1942. /* Small Devices, Tablets */
  1943. @media only screen and (max-width : 768px) {
  1944.  
  1945.     .up_button {
  1946.     display: none;
  1947.     }
  1948.  
  1949.     #respond {
  1950.         padding: 0 20px;
  1951.      }
  1952.  
  1953.      #comments {
  1954.         padding-left: 80px;
  1955.         padding-right: 20px;
  1956.      }
  1957.  
  1958. }
  1959.  
  1960. /* Extra Small Devices, Phones */
  1961. @media only screen and (max-width : 480px) {
  1962.    
  1963.     .commentlist .children li {
  1964.         padding-left: 0;
  1965.     }
  1966.  
  1967.     .commentlist .children li .avatar {
  1968.         height: 48px;
  1969.         left: -60px;
  1970.         position: absolute;
  1971.         top: 19px;
  1972.         width: 48px;
  1973.     }
  1974.  
  1975.     h3#comments-title,
  1976.     h3#reply-title {
  1977.         font-size: 22px;
  1978.     }
  1979.  
  1980.     #cancel-comment-reply-link {
  1981.         float:none;
  1982.     }  
  1983.  
  1984.     #respond .form-submit input {
  1985.         padding: 0 12px;
  1986.         font-size: 15px;
  1987.     }
  1988.  
  1989.     #respond input,
  1990.     #respond textarea {
  1991.         font-size: 15px;
  1992.     }  
  1993. }
  1994.  
  1995. /* Custom, iPhone Retina */
  1996. @media only screen and (max-width : 320px) {
  1997.  
  1998.     #respond .form-submit input {
  1999.         font-size: 14px;
  2000.         padding: 0 12px;
  2001.     }
  2002.  
  2003. }
  2004.  
  2005.  
  2006. /*==========  Mobile First Method  ==========*/
  2007.  
  2008. /* Custom, iPhone Retina */
  2009. @media only screen and (min-width : 320px) {
  2010.  
  2011. }
  2012.  
  2013. /* Extra Small Devices, Phones */
  2014. @media only screen and (min-width : 480px) {
  2015.  
  2016. }
  2017.  
  2018. /* Small Devices, Tablets */
  2019. @media only screen and (min-width : 768px) {
  2020.  
  2021. }
  2022.  
  2023. /* Medium Devices, Desktops */
  2024. @media only screen and (min-width : 992px) {
  2025.     .main_menu ul {
  2026.         display: block !important;
  2027.     }
  2028. }
  2029.  
  2030.  /* Large Devices, Wide Screens */
  2031. @media only screen and (min-width : 1200px) {
  2032.  
  2033. }
  2034. Index
  2035.  
  2036.  
  2037. <?php get_header(); ?>
  2038.    
  2039. <div class="container">
  2040.     <div class="col-lg-12">
  2041.         <div class="row">  
  2042.             <div class="search_popup hidden-sm hidden-xs">  
  2043.                 <form action="" method="post" class="search_vspl">
  2044.                     <input type="search" name="s" placeholder="Пошук..." class="input_vspl" />
  2045.                     <button type="submit" class="searchsubmit" name="submit" value="Search"><i class="fa fa-search"></i></button>
  2046.                 </form>    
  2047.             </div>
  2048.         </div>
  2049.     </div>
  2050. </div>
  2051.  
  2052. <div class="close_search hidden-sm hidden-xs">×</div>
  2053. <div class="opacity hidden-sm hidden-xs"></div>
  2054.  
  2055. <div class="main_content">
  2056.     <div class="container">
  2057.         <div class="col-lg-8 col-md-8">
  2058.             <div class="row">
  2059.  
  2060.             <?php if (have_posts()) :  while (have_posts()) : the_post(); ?>
  2061.  
  2062.                 <div class="blog_content">
  2063.                     <div class="box_blog">
  2064.                         <h2 class="post_title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
  2065.                         </h2>
  2066.                         <div class="post_meta">
  2067.                             <ul>
  2068.                                 <li><?php the_category(); ?></li>
  2069.                                 <li class="date_comm">
  2070.                                 <li><?php the_time('j F Y'); ?></li>
  2071.                                 <li><a href="<?php comments_link(); ?>"><i class="fa fa-comment" aria-hidden="true"></i><?php comments_number( '0', '1', '%' ); ?></a></li></li>
  2072.                             </ul>
  2073.                         </div>
  2074.                         <div class="miniatura"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a></div>
  2075.                         <?php the_content('Читати далі'); ?>
  2076.                     </div>
  2077.                 </div>
  2078.                
  2079. <?php endwhile; ?>
  2080. <?php endif; ?>
  2081.  
  2082.             </div>
  2083.         </div>
  2084.        
  2085.         <?php get_sidebar(); ?>
  2086.  
  2087.     <div class="col-lg-8">
  2088.         <div class="row">
  2089.             <div class="pagination">
  2090.                 <?php wp_pagenavi(); ?>
  2091.             </div>
  2092.         </div>
  2093.     </div>
  2094. </div>
  2095.  
  2096. <?php get_footer(); ?>
  2097.  
  2098. 404
  2099.  
  2100.  
  2101. <?php get_header(); ?>
  2102.    
  2103. <div class="container">
  2104.     <div class="col-lg-12">
  2105.         <div class="row">  
  2106.             <div class="search_popup hidden-sm hidden-xs">  
  2107.                 <form action="" method="post" class="search_vspl">
  2108.                     <input type="search" name="s" placeholder="Пошук..." class="input_vspl" />
  2109.                     <button type="submit" class="searchsubmit" name="submit" value="Search"><i class="fa fa-search"></i></button>
  2110.                 </form>    
  2111.             </div>
  2112.         </div>
  2113.     </div>
  2114. </div>
  2115.  
  2116. <div class="close_search hidden-sm hidden-xs">×</div>
  2117. <div class="opacity hidden-sm hidden-xs"></div>
  2118.  
  2119. <div class="error_str">
  2120.     <div class="container">
  2121.         <h2>Помилка: <span>404</span></h2>
  2122.         <h4>На жаль, такої сторінки не існує. Ймовірно, вона була видалена з сервера, або її тут ніколи не було.</h4>
  2123.         <p><a href="index.php">Перейти на головну сторінку</a></p>
  2124.     </div>
  2125. </div>
  2126.  
  2127. <?php get_footer(); ?>
  2128.  
  2129.  
  2130. Category
  2131.  
  2132.  
  2133. <?php get_header(); ?>
  2134.    
  2135. <div class="container">
  2136.     <div class="col-lg-12">
  2137.         <div class="row">  
  2138.             <div class="search_popup hidden-sm hidden-xs">  
  2139.                 <form action="" method="post" class="search_vspl">
  2140.                     <input type="search" name="s" placeholder="Пошук..." class="input_vspl" />
  2141.                     <button type="submit" class="searchsubmit" name="submit" value="Search"><i class="fa fa-search"></i></button>
  2142.                 </form>    
  2143.             </div>
  2144.         </div>
  2145.     </div>
  2146. </div>
  2147.  
  2148. <div class="close_search hidden-sm hidden-xs">×</div>
  2149. <div class="opacity hidden-sm hidden-xs"></div>
  2150.  
  2151. <div class="main_content">
  2152.     <div class="container">
  2153.         <div class="col-lg-8 col-md-8">
  2154.  
  2155.     <div class="row">
  2156.                 <div class="col-lg-12 col-md-12">
  2157.                     <div class="row">
  2158.                         <div class="category_page">
  2159.                             <h2><i class="fa fa-folder-open" aria-hidden="true"></i>Категорія: <span><?php single_cat_title(''); ?></span></h2>
  2160.                         </div>
  2161.                     </div>
  2162.                 </div>
  2163.             </div>
  2164.  
  2165.  
  2166.             <div class="row">
  2167.  
  2168.             <?php if (have_posts()) :  while (have_posts()) : the_post(); ?>
  2169.  
  2170.                 <div class="blog_content">
  2171.                     <div class="box_blog">
  2172.                         <h2 class="post_title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
  2173.                         </h2>
  2174.                         <div class="post_meta">
  2175.                             <ul>
  2176.                                 <li><?php the_category(); ?></li>
  2177.                                 <li class="date_comm">
  2178.                                 <li><?php the_time('j F Y'); ?></li>
  2179.                                 <li><a href="<?php comments_link(); ?>"><i class="fa fa-comment" aria-hidden="true"></i><?php comments_number( '0', '1', '%' ); ?></a></li></li>
  2180.                             </ul>
  2181.                         </div>
  2182.                         <div class="miniatura"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a></div>
  2183.                         <?php the_content('Читати далі'); ?>
  2184.                     </div>
  2185.                 </div>
  2186.                
  2187. <?php endwhile; ?>
  2188. <?php endif; ?>
  2189.  
  2190.             </div>
  2191.         </div>
  2192.        
  2193.         <?php get_sidebar(); ?>
  2194.  
  2195.     <div class="col-lg-8">
  2196.         <div class="row">
  2197.             <div class="pagination">
  2198.                 <?php wp_pagenavi(); ?>
  2199.             </div>
  2200.         </div>
  2201.     </div>
  2202. </div>
  2203.  
  2204. <?php get_footer(); ?>
  2205.  
  2206. Commetns
  2207. <?php
  2208. /**
  2209.  * The template for displaying Comments.
  2210.  *
  2211.  * The area of the page that contains both current comments
  2212.  * and the comment form. The actual display of comments is
  2213.  * handled by a callback to twentyten_comment which is
  2214.  * located in the functions.php file.
  2215.  *
  2216.  * @package WordPress
  2217.  * @subpackage Twenty_Ten
  2218.  * @since Twenty Ten 1.0
  2219.  */
  2220. ?>
  2221.  
  2222.             <div id="comments">
  2223. <?php if ( post_password_required() ) : ?>
  2224.                 <p class="nopassword"><?php _e( 'This post is password protected. Enter the password to view any comments.', 'twentyten' ); ?></p>
  2225.             </div><!-- #comments -->
  2226. <?php
  2227.         /* Stop the rest of comments.php from being processed,
  2228.          * but don't kill the script entirely -- we still have
  2229.          * to fully load the template.
  2230.          */
  2231.         return;
  2232.     endif;
  2233. ?>
  2234.  
  2235. <?php
  2236.     // You can start editing here -- including this comment!
  2237. ?>
  2238.  
  2239. <?php if ( have_comments() ) : ?>
  2240.             <h3 id="comments-title"><?php
  2241.             printf( _n( '1 коментар', '%1$s коментарів', get_comments_number(), 'twentyten' ),
  2242.             number_format_i18n( get_comments_number() ), '<em>' . get_the_title() . '</em>' );
  2243.             ?></h3>
  2244.  
  2245. <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?>
  2246.             <div class="navigation">
  2247.                 <div class="nav-previous"><?php previous_comments_link( __( '<span class="meta-nav">&larr;</span> Older Comments', 'twentyten' ) ); ?></div>
  2248.                 <div class="nav-next"><?php next_comments_link( __( 'Newer Comments <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
  2249.             </div> <!-- .navigation -->
  2250. <?php endif; // check for comment navigation ?>
  2251.  
  2252.             <ol class="commentlist">
  2253.                 <?php
  2254.                     /* Loop through and list the comments. Tell wp_list_comments()
  2255.                      * to use twentyten_comment() to format the comments.
  2256.                      * If you want to overload this in a child theme then you can
  2257.                      * define twentyten_comment() and that will be used instead.
  2258.                      * See twentyten_comment() in twentyten/functions.php for more.
  2259.                      */
  2260.                     wp_list_comments( array( 'callback' => 'axxon_comment' ) );
  2261.                 ?>
  2262.             </ol>
  2263.  
  2264. <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?>
  2265.             <div class="navigation">
  2266.                 <div class="nav-previous"><?php previous_comments_link( __( '<span class="meta-nav">&larr;</span> Older Comments', 'twentyten' ) ); ?></div>
  2267.                 <div class="nav-next"><?php next_comments_link( __( 'Newer Comments <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
  2268.             </div><!-- .navigation -->
  2269. <?php endif; // check for comment navigation ?>
  2270.  
  2271.     <?php
  2272.     /* If there are no comments and comments are closed, let's leave a little note, shall we?
  2273.      * But we only want the note on posts and pages that had comments in the first place.
  2274.      */
  2275.     if ( ! comments_open() && get_comments_number() ) : ?>
  2276.         <p class="nocomments"><?php _e( 'Comments are closed.' , 'twentyten' ); ?></p>
  2277.     <?php endif;  ?>
  2278.  
  2279. <?php endif; // end have_comments() ?>
  2280.  
  2281. </div><!-- #comments -->
  2282.  
  2283. <?php comment_form(); ?>
  2284.  
  2285.  
  2286. Footer
  2287. </div>
  2288. <div class="footer_my">
  2289.     <div class="wrapper_footer">
  2290.         <div class="container">
  2291.             <div class="col-lg-12">
  2292.                 <div class="row">
  2293.                     <div class="col-lg-4 col-md-4">
  2294.                         <div class="row">
  2295.                             <div class="contacts_footer">
  2296.                                 <h4>Контакти</h4>
  2297.                                 <p>Якщо ви потребуєте моїх послугах або у вас є питання щодо блогу</p>
  2298.                                 <a href="mailto:dimachepil@gmail.com">Написати нам</a>
  2299.                             </div>
  2300.                         </div>
  2301.                     </div>
  2302.                     <div class="col-lg-4 col-md-4">
  2303.                         <div class="row">
  2304.                             <div class="social_footer">
  2305.                                 <h4>Ми в соціальних мережах</h4>
  2306.                                 <div class="soc_footer_box">
  2307.                                     <a href="https://vk.com/dima_chepil"><i class="fa fa-vk" aria-hidden="true"></i></a>
  2308.                                     <a href="https://www.facebook.com/chepil.dima"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
  2309.                                     <a href="https://twitter.com/DimaChepil"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  2310.                                     <a href="https://www.youtube.com/user/DimaChepil"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
  2311.                                     <a href="https://www.instagram.com/dima_chepil/"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  2312.                                     <a href="https://www.twitch.tv/dimachepil"><i class="fa fa-twitch" aria-hidden="true"></i></a>
  2313.                                 </div> 
  2314.                             </div>
  2315.                         </div>
  2316.                     </div>
  2317.                     <div class="col-lg-4 col-md-4">
  2318.                         <div class="row">
  2319.                             <div class="donut_footer">
  2320.                                 <h4>Допомога проекту</h4>
  2321.                                 <p>Внеси вклад в розвиток блогу, скинь будь-яку суму на WebMoney гаманець</p>
  2322.                                 <span>WMU: U222937270129 <br/>WMZ: Z207858750207<br/>WMR: R932321174433</span>
  2323.                             </div>
  2324.                         </div>
  2325.                     </div>
  2326.                 </div>
  2327.             </div>
  2328.         </div>
  2329.     </div>
  2330.     <div class="col-lg-12">
  2331.         <div class="copyright">
  2332.             <div class="container">
  2333.                 <div class="copy_box">
  2334.                     <p>© Copyright 2017. Created by Dmytro Chepil. Копіювання матеріалів сайту заборонено!</p>
  2335.                 </div>
  2336.             </div>
  2337.         </div>
  2338.     </div>
  2339. </div>
  2340. </div>
  2341. <div class="up_button"><img src="<?php bloginfo('template_url'); ?>/img/up_button.png" height="48" width="48" alt=""></div>
  2342.  
  2343. <?php wp_footer(); ?>
  2344.  
  2345. </body>
  2346. </html>
  2347.  
  2348.  
  2349.  
  2350. Functions
  2351. <?php
  2352. /**
  2353.         Загружали javascript і css
  2354. **/
  2355. function register_styles() {
  2356.     wp_register_style('my-bootstrap', get_template_directory_uri() .
  2357.         '/libs/bootstrap/bootstrap-grid-3.3.1.min.css');
  2358.     wp_enqueue_style('my-bootstrap');
  2359.  
  2360.     wp_register_style('font-awesome', get_template_directory_uri() .
  2361.         '/libs/font-awesome-4.2.0/css/font-awesome.min.css');
  2362.     wp_enqueue_style('font-awesome');
  2363.  
  2364.     wp_register_style('style', get_template_directory_uri() .
  2365.         '/style.css');
  2366.     wp_enqueue_style('style');
  2367.  
  2368. }
  2369.  
  2370. add_action( 'wp_enqueue_scripts', 'register_styles' );
  2371.  
  2372.  
  2373. function load_my_script() {
  2374.  
  2375.     wp_deregister_script('jquery');
  2376.     wp_register_script('jquery', get_template_directory_uri() .
  2377.         '/libs/jquery/jquery-1.11.1.min.js');
  2378.     wp_enqueue_script('jquery');
  2379.  
  2380.     wp_register_script('headhesive_css', get_template_directory_uri() .
  2381.         '/libs/headhesive/headhesive.min.js', array ('jquery'), null, false);
  2382.     wp_enqueue_script('headhesive_css');
  2383.  
  2384.     wp_register_script('headhesive_min', get_template_directory_uri() .
  2385.         '/libs/headhesive/head.js', array ('jquery'), null, false);
  2386.     wp_enqueue_script('headhesive_min');
  2387.  
  2388.     wp_register_script('fancybox', get_template_directory_uri() .
  2389.         '/libs/fancybox/jquery.fancybox.pack.js', array ('jquery'), null, false);
  2390.     wp_enqueue_script('fancybox');
  2391.  
  2392.     wp_register_script('common_my', get_template_directory_uri() .
  2393.         '/libs/common/common.js');
  2394.     wp_enqueue_script('common_my');
  2395.    
  2396.     wp_register_script('es5-shim', get_template_directory_uri() .
  2397.         '/libs/html5shiv/es5-shim.min.js', array ('jquery'), null, false);
  2398.     wp_enqueue_script('es5-shim');
  2399.  
  2400.     wp_register_script('html5shiv', get_template_directory_uri() .
  2401.         '/libs/html5shiv/html5shiv.min.js', array ('jquery'), null, false);
  2402.     wp_enqueue_script('html5shiv');
  2403.  
  2404.     wp_register_script('html5shiv-printshiv', get_template_directory_uri() .
  2405.         '/libs/html5shiv/html5shiv-printshiv.min.js', array ('jquery'), null, false);
  2406.     wp_enqueue_script('html5shiv-printshiv');
  2407.  
  2408.     wp_register_script('respond.minie9', get_template_directory_uri() .
  2409.         '/libs/respond/respond.min.js', array ('jquery'), null, false);
  2410.     wp_enqueue_script('respond.minie9');
  2411.  
  2412.    
  2413. }
  2414.  
  2415. add_action('wp_enqueue_scripts', 'load_my_script');
  2416.  
  2417. /**
  2418.         Загружали javascript і css КІНЕЦЬ
  2419. **/
  2420.  
  2421. /* Отключаем админ панель для всех пользователей. */
  2422.   show_admin_bar(false);
  2423.  
  2424. /*
  2425.  Отключаем админ панель для всех пользователей. КІНЕЦЬ
  2426.  */
  2427.  
  2428.  register_nav_menu ('menu', 'Main menu');
  2429.  
  2430.  /*
  2431.  Добавляємо мініатюру
  2432.  */
  2433. add_theme_support('post-thumbnails');
  2434. set_post_thumbnail_size('680', '9999', true);
  2435.  /*
  2436.  Добавляємо мініатюру КІНЕЦЬ
  2437.  */
  2438.  
  2439.  /* Добавляємо віджети */
  2440.  
  2441. register_sidebar( array(
  2442.         'name'          => 'Sidebar',
  2443.         'id'            => 'sidebar',
  2444.         'before_widget' => '<div class="sidebar_my">',
  2445.         'after_widget'  => '</div>',
  2446.         'before_title'  => '<h3>',
  2447.         'after_title'   => '</h3>',
  2448.     ) );
  2449.  
  2450.   /* Добавляємо віджети КІНЕЦЬ */
  2451.  
  2452.   /**
  2453. * Комментарии
  2454. */
  2455. if ( ! function_exists( 'twentyten_comment' ) ) :
  2456. /**
  2457.  * Template for comments and pingbacks.
  2458.  *
  2459.  * To override this walker in a child theme without modifying the comments template
  2460.  * simply create your own twentyten_comment(), and that function will be used instead.
  2461.  *
  2462.  * Used as a callback by wp_list_comments() for displaying the comments.
  2463.  *
  2464.  * @since Twenty Ten 1.0
  2465.  */
  2466. function axxon_comment( $comment, $args, $depth ) {
  2467.     $GLOBALS['comment'] = $comment;
  2468.     switch ( $comment->comment_type ) :
  2469.         case '' :
  2470.     ?>
  2471.     <li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>">
  2472.         <div id="comment-<?php comment_ID(); ?>">
  2473.             <div class="comment-author vcard">
  2474.                 <?php echo get_avatar( $comment, 48 ); ?>
  2475.                 <?php printf( __( '%s<span class="says"></span>', 'twentyten' ), sprintf( '<cite class="fn">%s</cite>', get_comment_author_link() ) ); ?>
  2476.             </div><!-- .comment-author .vcard -->
  2477.             <?php if ( $comment->comment_approved == '0' ) : ?>
  2478.                 <em class="comment-awaiting-moderation"><?php _e( 'Ваш коментар очікує на модерацію.', 'twentyten' ); ?></em>
  2479.                 <br />
  2480.             <?php endif; ?>
  2481.  
  2482.             <div class="comment-meta commentmetadata"><i class="fa fa-clock-o"></i><a href="<?php echo esc_url( get_comment_link( $comment->comment_ID ) ); ?>">
  2483.                 <?php
  2484.                     /* translators: 1: date, 2: time */
  2485.                     printf( __( '%1$s в %2$s', 'twentyten' ), get_comment_date(),  get_comment_time() ); ?></a><?php edit_comment_link( __( '(Изменить)', 'twentyten' ), ' ' );
  2486.                 ?>
  2487.             </div><!-- .comment-meta .commentmetadata -->
  2488.  
  2489.             <div class="comment-body"><?php comment_text(); ?>
  2490.             <div class="reply">
  2491.                 <?php comment_reply_link( array_merge( $args, array( 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?>
  2492.             </div><!-- .reply -->
  2493.             </div>
  2494.  
  2495.            
  2496.         </div><!-- #comment-##  -->
  2497.  
  2498.     <?php
  2499.             break;
  2500.         case 'pingback'  :
  2501.         case 'trackback' :
  2502.     ?>
  2503.     <li class="post pingback">
  2504.         <p><?php _e( 'Pingback:', 'twentyten' ); ?> <?php comment_author_link(); ?><?php edit_comment_link( __( '(Edit)', 'twentyten' ), ' ' ); ?></p>
  2505.     <?php
  2506.             break;
  2507.     endswitch;
  2508. }
  2509. endif;
  2510.  
  2511. /**
  2512. * Добавляем древовидной форме комментариев ответить всплывающее окно
  2513. */
  2514. function enqueue_comment_reply() {
  2515.     if( is_singular() )
  2516.         wp_enqueue_script('comment-reply');
  2517. }
  2518. add_action( 'wp_enqueue_scripts', 'enqueue_comment_reply' );
  2519.  
  2520. /**
  2521. * Удаляем поле URL в форме комментариев
  2522. */
  2523.  
  2524. function remove_comment_fields($fields) {
  2525.  
  2526. unset($fields['url']);
  2527.  
  2528. return $fields;
  2529.  
  2530. }
  2531.  
  2532. add_filter('comment_form_default_fields', 'remove_comment_fields');
  2533.  
  2534. /* Кнопка скайп */
  2535. function ss_allow_skype_protocol( $protocols ){
  2536.     $protocols[] = 'skype';
  2537.     return $protocols;
  2538. }
  2539. add_filter( 'kses_allowed_protocols' , 'ss_allow_skype_protocol' );
  2540.  
  2541. header
  2542.  
  2543.  
  2544. <?php get_header(); ?>
  2545.    
  2546. <div class="container">
  2547.     <div class="col-lg-12">
  2548.         <div class="row">  
  2549.             <div class="search_popup hidden-sm hidden-xs">  
  2550.                 <form action="" method="post" class="search_vspl">
  2551.                     <input type="search" name="s" placeholder="Пошук..." class="input_vspl" />
  2552.                     <button type="submit" class="searchsubmit" name="submit" value="Search"><i class="fa fa-search"></i></button>
  2553.                 </form>    
  2554.             </div>
  2555.         </div>
  2556.     </div>
  2557. </div>
  2558.  
  2559. <div class="close_search hidden-sm hidden-xs">×</div>
  2560. <div class="opacity hidden-sm hidden-xs"></div>
  2561.  
  2562. <div class="main_content">
  2563.     <div class="container">
  2564.         <div class="col-lg-8 col-md-8">
  2565.             <div class="row">
  2566.  
  2567.             <?php if (have_posts()) :  while (have_posts()) : the_post(); ?>
  2568.  
  2569.                 <div class="blog_content">
  2570.                     <div class="box_blog">
  2571.                         <h2 class="post_title"><?php the_title(); ?>
  2572.                         </h2>
  2573.                         <div class="post_meta">
  2574.                             <ul>
  2575.                                 <li><?php the_category(); ?></li>
  2576.                                 <li class="date_comm">
  2577.                                 <li><?php the_time('j F Y'); ?></li>
  2578.                                 <li><a href="<?php comments_link(); ?>"><i class="fa fa-comment" aria-hidden="true"></i><?php comments_number( '0', '1', '%' ); ?></a></li></li>
  2579.                             </ul>
  2580.                         </div>
  2581.                         <div class="miniatura"><?php the_post_thumbnail(); ?></div>
  2582.                         <?php the_content('Читати далі'); ?>
  2583.                         <div class="post_tags">
  2584.                             <?php the_tags('<span>Мітки: </span> ', ''); ?>
  2585.                         </div>
  2586.                         <div class="social_button">
  2587.                             <h3>Поділися з друзями цим матеріалом в соціальних мережах:</h3>
  2588.                             <p><script type="text/javascript">(function(w,doc) {
  2589. if (!w.__utlWdgt ) {
  2590.     w.__utlWdgt = true;
  2591.     var d = doc, s = d.createElement('script'), g = 'getElementsByTagName';
  2592.     s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
  2593.     s.src = ('https:' == w.location.protocol ? 'https' : 'http')  + '://w.uptolike.com/widgets/v1/uptolike.js';
  2594.     var h=d[g]('body')[0];
  2595.     h.appendChild(s);
  2596. }})(window,document);
  2597. </script>
  2598. <div data-background-alpha="0.0" data-buttons-color="#ffffff" data-counter-background-color="#ffffff" data-share-counter-size="12" data-top-button="false" data-share-counter-type="disable" data-share-style="12" data-mode="share" data-like-text-enable="false" data-hover-effect="rotate-cw" data-mobile-view="true" data-icon-color="#ffffff" data-orientation="horizontal" data-text-color="#000000" data-share-shape="round-rectangle" data-sn-ids="fb.vk.tw.ok.gp." data-share-size="30" data-background-color="#ffffff" data-preview-mobile="false" data-mobile-sn-ids="fb.vk.tw.wh.ok.vb.gp." data-pid="1642812" data-counter-background-alpha="1.0" data-following-enable="false" data-exclude-show-more="false" data-selection-enable="false" class="uptolike-buttons" ></div></p>
  2599.                         </div>
  2600.                         <div class="zapisi_predsled">
  2601.                             <div class="nav_previous">
  2602.                                 <span>Попередній запис</span>
  2603.                                 <?php if( get_adjacent_post(false, '', true) ) {
  2604.                                     previous_post_link('<p>%link</p>');
  2605.                                 }
  2606.                                 else {
  2607.                                     $first = new WP_Query('posts_per_page=1&order=DESC');
  2608.                                     $first->the_post();
  2609.                                     echo '<a href="' . get_permalink() . '"><p>Перший запис</p></a>';
  2610.                                     wp_reset_postdata();
  2611.                                 };  ?>
  2612.                             </div>
  2613.                             <div class="nav_next">
  2614.                             <span>Наступний запис</span>
  2615.                                 <?php if( get_adjacent_post(false, '', false) ) {
  2616.                                     next_post_link('<p>%link</p>');
  2617.                                 }
  2618.                                 else {
  2619.                                     $last = new WP_Query('posts_per_page=1&order=ASC');
  2620.                                     $last->the_post();
  2621.                                     echo '<a href="' . get_permalink() . '"><p>Останній запис</p></a>';
  2622.                                     wp_reset_postdata();
  2623.                                 };  ?>
  2624.                             </div>
  2625.                         </div>
  2626.                     </div>
  2627.                 </div>
  2628.                
  2629. <?php endwhile; ?>
  2630. <?php endif; ?>
  2631.  
  2632.             </div>
  2633.         </div>
  2634.        
  2635.         <?php get_sidebar(); ?>
  2636.  
  2637.     <div class="col-lg-8">
  2638.         <div class="row">
  2639.             <div class="pagination">
  2640.                 <?php wp_pagenavi(); ?>
  2641.             </div>
  2642.         </div>
  2643.     </div>
  2644. </div>
  2645.  
  2646. <div class="container">
  2647.         <div class="col-lg-8 col-md-8">
  2648.             <div class="row">
  2649.                 <?php comments_template(); ?>
  2650.             </div>
  2651.         </div>
  2652.     </div> 
  2653.  
  2654. <?php get_footer(); ?>
  2655.  
  2656. Single
  2657. <!DOCTYPE html>
  2658. <!--[if lt IE 7]><html lang="ru" class="lt-ie9 lt-ie8 lt-ie7"><![endif]-->
  2659. <!--[if IE 7]><html lang="ru" class="lt-ie9 lt-ie8"><![endif]-->
  2660. <!--[if IE 8]><html lang="ru" class="lt-ie9"><![endif]-->
  2661. <!--[if gt IE 8]><!-->
  2662. <!--[if gt IE 9]> <html class="ie9"> <![endif]-->
  2663.  
  2664. <html lang="ru">
  2665. <!--<![endif]-->
  2666. <head>
  2667.     <meta charset="utf-8" />
  2668.     <title><?php bloginfo('name'); wp_title(); ?></title>
  2669.     <meta name="description" content="" />
  2670.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  2671.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  2672.     <link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/img/favicon.ico" type="image/x-icon">
  2673.  
  2674. <?php wp_head(); ?>
  2675. </head>
  2676. <body>
  2677.  
  2678. <div class="flexbox">
  2679. <div class="wrapper_my">
  2680.  
  2681.  
  2682. <header class="top_header">
  2683.     <div class="header_topline">
  2684.         <div class="container">
  2685.             <div class="row">
  2686.                 <div class="col-md-12">
  2687.                     <div class="soc_button">
  2688.                         <a href="https://vk.com/dima_chepil"><i class="fa fa-vk" aria-hidden="true"></i></a>
  2689.                         <a href="https://www.facebook.com/chepil.dima"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
  2690.                         <a href="https://twitter.com/DimaChepil"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  2691.                         <a href="https://www.youtube.com/user/DimaChepil"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
  2692.                         <a href="https://www.instagram.com/dima_chepil/"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  2693.                         <a href="https://www.twitch.tv/dimachepil"><i class="fa fa-twitch" aria-hidden="true"></i></a>
  2694.                     </div>
  2695.                     <div class="contacts_head">
  2696.                         <p><span><i class="fa fa-envelope-o" aria-hidden="true"></i><a href="mailto:DimaChepil@gmail.com">DimaChepil@gmail.com</a></span></p>
  2697.                         <p><i class="fa fa-phone" aria-hidden="true"></i>+380967927262</p>
  2698.                     </div>
  2699.                 </div>
  2700.             </div>
  2701.         </div>
  2702.     </div>
  2703.  
  2704.     <div class="header_shapka">
  2705.         <div class="container">
  2706.             <div class="col-md-12">
  2707.                 <div class="row">
  2708.                     <a href="http://chepil.pp.ua" class="logotyp"><img src="<?php bloginfo('template_url'); ?>/img/logo.png" alt="logotyp"></a>
  2709.                     <button class="main_menu_button hidden-lg hidden-md"><i class="fa fa-bars" aria-hidden="true"></i></button>
  2710.                     <div class="main_menu">
  2711.                         <ul>
  2712.                             <div class="search-mobile hidden-lg hidden-md">
  2713.                                 <form action="" method="post" class="search">
  2714.                                     <input type="search" name="s" placeholder="пошук" class="input" />
  2715.                                     <input type="submit" name="" value="" class="submit" />
  2716.                                     <div class="search_header"><i class="fa fa-search"></i></div>
  2717.                                 </form>
  2718.                             </div>
  2719.                             <?php wp_nav_menu (array('theme_location' => 'menu')); ?>
  2720.                                         </ul>
  2721.                                        
  2722.                                     </div>
  2723.                                 </div>
  2724.                             </div>
  2725.                         </div>
  2726.                     </div>
  2727.                 </header>
  2728.  
  2729.  
  2730. Page
  2731.  
  2732.  
  2733. <?php get_header(); ?>
  2734.    
  2735. <div class="container">
  2736.     <div class="col-lg-12">
  2737.         <div class="row">  
  2738.             <div class="search_popup hidden-sm hidden-xs">  
  2739.                 <form action="" method="post" class="search_vspl">
  2740.                     <input type="search" name="s" placeholder="Пошук..." class="input_vspl" />
  2741.                     <button type="submit" class="searchsubmit" name="submit" value="Search"><i class="fa fa-search"></i></button>
  2742.                 </form>    
  2743.             </div>
  2744.         </div>
  2745.     </div>
  2746. </div>
  2747.  
  2748. <div class="close_search hidden-sm hidden-xs">×</div>
  2749. <div class="opacity hidden-sm hidden-xs"></div>
  2750.  
  2751. <div class="main_content">
  2752.     <div class="container">
  2753.         <div class="col-lg-8 col-md-8">
  2754.             <div class="row">
  2755.  
  2756.             <?php if (have_posts()) :  while (have_posts()) : the_post(); ?>
  2757.  
  2758.                 <div class="blog_content">
  2759.                     <div class="box_blog">
  2760.                         <h2 class="post_title"><?php the_title(); ?>
  2761.                         </h2>
  2762.                         <div class="miniatura"><?php the_post_thumbnail(); ?></div>
  2763.                         <?php the_content('Читати далі'); ?>
  2764.                         <div class="social_button">
  2765.                             <h3>Поділися з друзями цим матеріалом в соціальних мережах:</h3>
  2766.                             <p><script type="text/javascript">(function(w,doc) {
  2767. if (!w.__utlWdgt ) {
  2768.     w.__utlWdgt = true;
  2769.     var d = doc, s = d.createElement('script'), g = 'getElementsByTagName';
  2770.     s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
  2771.     s.src = ('https:' == w.location.protocol ? 'https' : 'http')  + '://w.uptolike.com/widgets/v1/uptolike.js';
  2772.     var h=d[g]('body')[0];
  2773.     h.appendChild(s);
  2774. }})(window,document);
  2775. </script>
  2776. <div data-background-alpha="0.0" data-buttons-color="#ffffff" data-counter-background-color="#ffffff" data-share-counter-size="12" data-top-button="false" data-share-counter-type="disable" data-share-style="12" data-mode="share" data-like-text-enable="false" data-hover-effect="rotate-cw" data-mobile-view="true" data-icon-color="#ffffff" data-orientation="horizontal" data-text-color="#000000" data-share-shape="round-rectangle" data-sn-ids="fb.vk.tw.ok.gp." data-share-size="30" data-background-color="#ffffff" data-preview-mobile="false" data-mobile-sn-ids="fb.vk.tw.wh.ok.vb.gp." data-pid="1642812" data-counter-background-alpha="1.0" data-following-enable="false" data-exclude-show-more="false" data-selection-enable="false" class="uptolike-buttons" ></div></p>
  2777.                         </div>
  2778.                        
  2779.  
  2780.  
  2781.                     </div>
  2782.                 </div>
  2783.                
  2784. <?php endwhile; ?>
  2785. <?php endif; ?>
  2786.  
  2787.             </div>
  2788.         </div>
  2789.        
  2790.         <?php get_sidebar(); ?>
  2791.  
  2792.     <div class="col-lg-8">
  2793.         <div class="row">
  2794.             <div class="pagination">
  2795.                 <?php wp_pagenavi(); ?>
  2796.             </div>
  2797.         </div>
  2798.     </div>
  2799. </div>
  2800.  
  2801. <?php get_footer(); ?>
  2802.  
  2803.  
  2804. Search
  2805. <!DOCTYPE html>
  2806.  
  2807. <html lang="ru">
  2808.  
  2809. <head>
  2810.     <meta charset="utf-8" />
  2811.     <title><?php bloginfo('name'); ?></title>
  2812.     <meta name="description" content="" />
  2813.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  2814.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  2815.     <link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/img/favicon.ico" type="image/x-icon">
  2816.    
  2817.  
  2818. <?php wp_head(); ?>
  2819. </head>
  2820. <body>
  2821.  
  2822. <div class="wrapper_my">
  2823.  
  2824. <?php get_header(); ?>
  2825.    
  2826. <div class="container">
  2827.     <div class="col-lg-12">
  2828.         <div class="row">  
  2829.             <div class="search_popup hidden-sm hidden-xs">  
  2830.                 <form action="" method="post" class="search_vspl">
  2831.                     <input type="search" name="s" placeholder="Пошук..." class="input_vspl" />
  2832.                     <button type="submit" class="searchsubmit" name="submit" value="Search"><i class="fa fa-search"></i></button>
  2833.                 </form>    
  2834.             </div>
  2835.         </div>
  2836.     </div>
  2837. </div>
  2838.  
  2839. <div class="close_search hidden-sm hidden-xs">×</div>
  2840. <div class="opacity hidden-sm hidden-xs"></div>
  2841.  
  2842. <div class="main_content">
  2843.     <div class="container">
  2844.         <div class="col-lg-8 col-md-8">
  2845.  
  2846. <div class="row">
  2847.                 <div class="col-lg-12 col-md-12">
  2848.                     <div class="row">
  2849.                         <div class="search_page">
  2850.                             <h2><i class="fa fa-search" aria-hidden="true"></i><?php $allsearch = &new WP_Query("s=$s&showposts=-1"); $key = wp_specialchars($s, 1); $count = $allsearch->post_count; _e('');  echo $count . ' '; _e('результатів'); wp_reset_query(); ?><span> для <?php echo get_search_query(); ?></span></h2>
  2851.                             <div class="search_post_page">
  2852.                                 <form action="" method="post" class="search_post">
  2853.                                     <input type="search" name="s" placeholder="Введіть пошукову фразу і натисніть Enter" class="input" />
  2854.                                     <button type="submit" class="search_button" name="submit" value="Search"><i class="fa fa-search"></i></button>
  2855.                                 </form>
  2856.                             </div>
  2857.                         </div>
  2858.                     </div>
  2859.                 </div>
  2860.             </div>
  2861.  
  2862.             <div class="row">
  2863.  
  2864.             <?php if (have_posts()) :  while (have_posts()) : the_post(); ?>
  2865.  
  2866.                 <div class="blog_content">
  2867.                     <div class="box_blog">
  2868.                         <h2 class="post_title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
  2869.                         </h2>
  2870.                         <div class="post_meta">
  2871.                             <ul>
  2872.                                 <li><?php the_category(); ?></li>
  2873.                                 <li class="date_comm">
  2874.                                 <li><?php the_time('j F Y'); ?></li>
  2875.                                 <li><a href="<?php comments_link(); ?>"><i class="fa fa-comment" aria-hidden="true"></i><?php comments_number( '0', '1', '%' ); ?></a></li></li>
  2876.                             </ul>
  2877.                         </div>
  2878.                         <div class="miniatura"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a></div>
  2879.                         <?php the_content('Читати далі'); ?>
  2880.                     </div>
  2881.                 </div>
  2882.                
  2883. <?php endwhile; ?>
  2884.  
  2885. <?php else: ?>
  2886. <div class="main_content">
  2887.         <div class="col-lg-8 col-md-8">
  2888.             <div class="row">
  2889.                 <div class="col-lg-12 col-md-12">
  2890.                     <div class="row">
  2891.                         <div class="search_nenaideno">
  2892.                             <h3>Нічого не знайдено!</h3>
  2893.                             <p><span>Рекомендації з пошуку записів:</span></p>
  2894.                             <p>1. Перевірте правопис.</p>
  2895.                             <p>2. Використовуйте синоніми.</p>
  2896.                             <p>3. Використовуйте більше ключових слів.</p>
  2897.                         </div>
  2898.                     </div>
  2899.                 </div> 
  2900.             </div>
  2901.         </div>
  2902.     </div>
  2903.  
  2904. <?php endif; ?>
  2905.  
  2906.             </div>
  2907.         </div>
  2908.        
  2909.         <?php get_sidebar(); ?>
  2910.  
  2911.     <div class="col-lg-8">
  2912.         <div class="row">
  2913.             <div class="pagination">
  2914.                 <?php wp_pagenavi(); ?>
  2915.             </div>
  2916.         </div>
  2917.     </div>
  2918. </div>
  2919.  
  2920. <?php get_footer(); ?>
  2921.  
  2922. <div class="up_button"><img src="<?php bloginfo('template_url'); ?>/img/up_button.png" height="48" width="48" alt=""></div>
  2923.  
  2924. </div>     
  2925.     <!--[if lt IE 9]>
  2926.     <script src="libs/html5shiv/es5-shim.min.js"></script>
  2927.     <script src="libs/html5shiv/html5shiv.min.js"></script>
  2928.     <script src="libs/html5shiv/html5shiv-printshiv.min.js"></script>
  2929.     <script src="libs/respond/respond.min.js"></script>
  2930.     <![endif]-->
  2931.     <!--<script src="libs/jquery/jquery-1.11.1.min.js"></script>
  2932.     <script src="libs/jquery-mousewheel/jquery.mousewheel.min.js"></script>
  2933.     <script src="libs/fancybox/jquery.fancybox.pack.js"></script>
  2934.     <script src="libs/waypoints/waypoints-1.6.2.min.js"></script>
  2935.     <script src="libs/scrollto/jquery.scrollTo.min.js"></script>
  2936.     <script src="libs/owl-carousel/owl.carousel.min.js"></script>
  2937.     <script src="libs/countdown/jquery.plugin.js"></script>
  2938.     <script src="libs/countdown/jquery.countdown.min.js"></script>
  2939.     <script src="libs/countdown/jquery.countdown-ru.js"></script>
  2940.     <script src="libs/landing-nav/navigation.js"></script>
  2941.     <script src="libs/superfish/superfish.min.js"></script>
  2942.     <script src="libs/mobilemenu/jquery.mmenu.all.min.js"></script>
  2943.     <script src="libs/headhesive/headhesive.min.js"></script>
  2944.     <script src="js/common.js"></script> -->
  2945.     <!-- Yandex.Metrika counter --><!-- /Yandex.Metrika counter -->
  2946.     <!-- Google Analytics counter --><!-- /Google Analytics counter -->
  2947.  
  2948. <?php wp_footer(); ?>
  2949. </body>
  2950. </html>
  2951.  
  2952. Sidebar
  2953. <div class="col-lg-4 col-md-4">
  2954.     <div class="row">
  2955.        
  2956. <form role="search" method="get" id="searchform" class="searchform" action="">
  2957. <input type="text" value="" name="s" id="s">
  2958. <button type="submit" id="searchsubmit"><i class="fa fa-search" aria-hidden="true"></i></button>
  2959. </form>
  2960.  
  2961.  
  2962.         <?php if(!dynamic_sidebar('sidebar')): ?>
  2963.             <div class="sidebar_my">
  2964.                 <h3>Віджети сайдбара</h3>
  2965.             </div>
  2966.         <?php endif; ?>
  2967.  
  2968.     </div>
  2969. </div>
  2970.  
  2971.  
  2972. Tag
  2973.  
  2974.  
  2975. <?php get_header(); ?>
  2976.    
  2977. <div class="container">
  2978.     <div class="col-lg-12">
  2979.         <div class="row">  
  2980.             <div class="search_popup hidden-sm hidden-xs">  
  2981.                 <form action="" method="post" class="search_vspl">
  2982.                     <input type="search" name="s" placeholder="Пошук..." class="input_vspl" />
  2983.                     <button type="submit" class="searchsubmit" name="submit" value="Search"><i class="fa fa-search"></i></button>
  2984.                 </form>    
  2985.             </div>
  2986.         </div>
  2987.     </div>
  2988. </div>
  2989.  
  2990. <div class="close_search hidden-sm hidden-xs">×</div>
  2991. <div class="opacity hidden-sm hidden-xs"></div>
  2992.  
  2993. <div class="main_content">
  2994.     <div class="container">
  2995.         <div class="col-lg-8 col-md-8">
  2996.  
  2997.             <div class="row">
  2998.                 <div class="col-lg-12 col-md-12">
  2999.                     <div class="row">
  3000.                         <div class="category_page">
  3001.                             <h2><i class="fa fa-tags" aria-hidden="true"></i>Мітки: <span><?php single_tag_title(''); ?></span></h2>
  3002.                         </div>
  3003.                     </div>
  3004.                 </div>
  3005.             </div>
  3006.  
  3007.  
  3008.             <div class="row">
  3009.  
  3010.             <?php if (have_posts()) :  while (have_posts()) : the_post(); ?>
  3011.  
  3012.                 <div class="blog_content">
  3013.                     <div class="box_blog">
  3014.                         <h2 class="post_title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
  3015.                         </h2>
  3016.                         <div class="post_meta">
  3017.                             <ul>
  3018.                                 <li><?php the_category(); ?></li>
  3019.                                 <li class="date_comm">
  3020.                                 <li><?php the_time('j F Y'); ?></li>
  3021.                                 <li><a href="<?php comments_link(); ?>"><i class="fa fa-comment" aria-hidden="true"></i><?php comments_number( '0', '1', '%' ); ?></a></li></li>
  3022.                             </ul>
  3023.                         </div>
  3024.                         <div class="miniatura"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a></div>
  3025.                         <?php the_content('Читати далі'); ?>
  3026.                     </div>
  3027.                 </div>
  3028.                
  3029. <?php endwhile; ?>
  3030. <?php endif; ?>
  3031.  
  3032.             </div>
  3033.         </div>
  3034.        
  3035.         <?php get_sidebar(); ?>
  3036.  
  3037.     <div class="col-lg-8">
  3038.         <div class="row">
  3039.             <div class="pagination">
  3040.                 <?php wp_pagenavi(); ?>
  3041.             </div>
  3042.         </div>
  3043.     </div>
  3044. </div>
  3045.  
  3046. <?php get_footer(); ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!