Advertisement
Guest User

Untitled

a guest
Apr 4th, 2015
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!-- Styles -->
  2. <style type="text/css">
  3. #share-box-0 {
  4.     width:300px;f
  5.     overflow:hidden;
  6. }
  7. #share-box-0 .gplusone {
  8.     background-color:#f5fcfe;
  9.     border:1px solid #d8e6eb;
  10.     border-top:1px solid #FFF;
  11.     font-size:.87em;
  12.     color:#000;
  13.     line-height:24px;
  14.     padding:9px 0 0 11px;
  15. }
  16.  
  17. #share-box-0 .gplusone span {
  18.     display:inline-block;
  19.     vertical-align:middle;
  20.     height:20px;
  21.     margin-top:-17px;
  22. }
  23.  
  24. #share-box-0 .fb-like {
  25.     border:1px solid #dcdcdc;
  26.     padding:5px 11px;
  27. }
  28. #share-box-0 .twitter-follow {
  29.     background-color:#eef9fd;
  30.     border:1px solid #c7dbe2;
  31.     border-top:0;
  32. }
  33.  
  34. #share-box-0 .twitter-follow iframe {
  35.     margin:9px 11px;
  36. }
  37. #other-social-bar {
  38.     background-color: #D8E6EB;
  39.     border: 1px solid #B6D0DA;
  40.     box-shadow: 0 1px 1px #FFFFFF inset;
  41.     font-family: "Arial","Helvetica",sans-serif;
  42.     font-weight: bold;
  43.     overflow: hidden;
  44.     padding: 0;
  45. }
  46. #other-social-bar ul {
  47.     list-style: none outside none;
  48.     padding-left: 4px;
  49. }
  50. #other-social-bar .other-follow {
  51.     color: #1E598E;
  52.     float: left;
  53.     height: 16px;
  54.     overflow: hidden;
  55.     padding: 10px 10px 7px;
  56.     width: 270px;
  57. }
  58. #other-social-bar .other-follow ul {
  59.     list-style: none outside none;
  60.     padding-left: 4px;
  61. }
  62. #other-social-bar .other-follow li {
  63.     border: 0 none;
  64.     display: inline;
  65.     font-size: 12px;
  66.     font-weight: bold;
  67.     text-shadow: 1px 1px white;
  68. }
  69. #other-social-bar .other-follow li a {
  70.     color: #1E598E;
  71.     display: inline;
  72.     font-size: 12px;
  73.     font-weight: bold;
  74.     text-shadow: 1px 1px white;
  75. }
  76. #other-social-bar .other-follow li.my-rss {
  77.     background: url(http://4.bp.blogspot.com/-3ZR8uAHB8QY/T-MLyuLqG4I/AAAAAAAAFxw/Zxk86OIXwJM/s000/rss-16x16.png) no-repeat scroll 0 0 transparent;
  78.     line-height: 1;
  79.     margin-bottom: 0;
  80.     padding: 0 3px 1px 20px;
  81.     width: 60px;
  82. }
  83. #other-social-bar .other-follow li.my-gplus {
  84.     background: url(http://2.bp.blogspot.com/-oV5JSdsA2Sw/T-MLyxNI7PI/AAAAAAAAFx4/rVvTQjUpjCE/s000/gplus-16x16.png) no-repeat transparent;
  85.     line-height: 1;
  86.     width: 60px;
  87.     padding: 0px 3px 1px 20px;
  88.     margin-bottom:0px;
  89. }
  90. #other-social-bar .other-follow li.my-pinterest {
  91.     background: url(http://4.bp.blogspot.com/-zYx6lF1--pw/T-MLzJGZcNI/AAAAAAAAFyA/R7emD2taC9s/s000/small-p-button.png) no-repeat transparent;
  92.     line-height: 1;
  93.     width: 60px;
  94.     padding: 0px 3px 1px 20px;
  95.     margin-bottom:0px;
  96. }
  97. #email-news-subscribe .email-box {
  98.     padding: 10px 10px;
  99.     font-family: "Arial","Helvetica",sans-serif;
  100.     border-top: 0;
  101.     border-right: 1px solid #C7DBE2;
  102.     border-left: 1px solid #C7DBE2;
  103.     border-image: initial;
  104. }
  105. #email-news-subscribe .email-box input.email {
  106.     background:#FFFFFF;
  107.     border: 1px solid #dedede;
  108.     color: #999;
  109.     padding: 7px 10px 8px 10px;
  110.     -moz-border-radius: 3px;
  111.     -webkit-border-radius: 3px;
  112.     -o-border-radius: 3px;
  113.     -ms-border-radius: 3px;
  114.     -khtml-border-radius: 3px;
  115.     border-radius: 3px;
  116.     border-image: initial;
  117.     font-family: "Arial","Helvetica",sans-serif;
  118. }  
  119. #email-news-subscribe .email-box input.email:focus {
  120.     color:#333
  121. }  
  122. #email-news-subscribe .email-box input.subscribe {
  123.     background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
  124.     background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
  125.     background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
  126.     -pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
  127.     font-family: "Arial","Helvetica",sans-serif;
  128.     border-radius:3px;
  129.     -moz-border-radius:3px;
  130.     -webkit-border-radius:3px;
  131.     border:1px solid #cc7c00;
  132.     color:white;
  133.     text-shadow:#d08d00 1px 1px 0;
  134.     padding:7px 14px;
  135.     margin-left:3px;
  136.     font-weight:bold;
  137.     font-size:12px;
  138.     cursor:pointer;
  139.     border-image: initial;
  140. }
  141. #email-news-subscribe .email-box input.subscribe:hover {
  142.     background: #ff9b00;
  143.     background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
  144.     background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
  145.     filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
  146.     outline:0;-moz-box-shadow:0 0 3px #999;
  147.     -webkit-box-shadow:0 0 3px #999;
  148.     box-shadow:0 0 3px #999
  149.     background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
  150.     background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
  151.     -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
  152.     border-radius:3px;
  153.     -moz-border-radius:3px;
  154.     -webkit-border-radius:3px;
  155.     border:1px solid #cc7c00;
  156.     color:#FFFFFF;
  157.     text-shadow:#d08d00 1px 1px 0
  158. }
  159. </style>
  160.  
  161.  
  162.   <div id="share-box-0">    
  163.     <div class="fb-like" data-href="http://www.blogopoisk.ru/p/search.html" data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div>
  164.     <div class="gplusone">
  165.       <!-- Place this tag where you want the +1 button to render -->
  166.         <g:plusone annotation="inline" href="http://www.blogopoisk.ru/p/search.html"></g:plusone>
  167.  
  168.         <!-- Place this render call where appropriate -->
  169.         <script type="text/javascript">
  170.           window.___gcfg = {lang: 'ru'};
  171.  
  172.           (function() {
  173.             var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  174.             po.src = 'https://apis.google.com/js/plusone.js';
  175.             var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  176.           })();
  177.         </script>
  178.     </div>
  179.     <div class="twitter-follow">
  180.       <a href="https://twitter.com/blogopoisk" class="twitter-follow-button" data-show-count="false" data-lang="ru">Читать @blogopoisk</a>
  181.       <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  182.     </div>
  183.     <div style="background: #E3EDF4;" id="email-news-subscribe">
  184.         <div class="email-box">
  185.             <form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogopoisk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
  186.                 <input type="text" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" value="Ваш email" name="email" id="email" style="width: 135px; font-size: 12px;" class="email" />     
  187.                 <input type="hidden" name="uri" value="btemplates" />
  188.                 <input type="hidden" value="ru_RU" name="loc" />
  189.                 <input type="submit" value="Подписаться" name="commit" class="subscribe" /> 
  190.             </form>
  191.         </div>
  192.     </div>
  193. <div style="background: #D8E6EB;" id="other-social-bar">
  194.     <ul class="other-follow">
  195.         <li class="my-rss">
  196.             <a target="_blank" href="http://feeds.feedburner.com/btemplates" title="RSS" rel="nofollow">RSS</a>
  197.         </li>
  198.         <li class="my-gplus">
  199.             <a target="_blank" href="https://plus.google.com/+BlogopoiskRu/posts" title="Гугл+" rel="nofollow">Гугл+</a>
  200.         </li>
  201.         <li class="my-pinterest">
  202.             <a target="_blank" href="http://pinterest.com/btemplates" title="Пинтерест" rel="nofollow">Пинтерест</a>
  203.         </li>
  204.     </ul>
  205. </div>
  206.   </div>
  207.  
  208. <!-- Scripts -->
  209. <script type="text/javascript" src="https://apis.google.com/js/plusone.js" gapi_processed="true">{lang: 'ru'}</script>
  210. <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement