Advertisement
Hayla

Style 004

Jun 6th, 2020
445
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.33 KB | None | 0 0
  1. <script type='text/javascript'>
  2. //<![CDATA[
  3. var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}
  4. function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}}
  5. relatedTitles=tmp2;relatedUrls=tmp;}
  6. function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}
  7. function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ul>');while(i<relatedTitles.length&&i<20){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;}
  8. i++;}
  9. document.write('</ul>');document.write('<a href="" target="_blank"><font size="1" color="black"></font></a>');}
  10. //]]>
  11. </script>
  12. <style>
  13. #related-posts{margin-left:0;font-weight:100;background-color:#fff;padding:12px}
  14. #related-posts ul li{display:block;margin:0;padding-top:0;padding-right:0;padding-bottom:1px;padding-left:21px;margin-bottom:5px;line-height:2em}
  15. #related-posts ul li:before{content:&#39;\f0a8&#39;;float:right;font-family:fontawesome;position:relative;top:9px;margin-left:8px;margin-right:8px;color:#fff;background:#465769;width:22px;text-align:center;height:22px;font-size:14px;line-height:22px;border-radius:50%}
  16. #related-posts p{text-align: right;font-weight: 500;font-size: 16px;padding-bottom: 10px;border-bottom: 2px solid #ccc;line-height: 24px;position: relative;color: #f78c21;margin-bottom: 20px;}
  17. #related-posts p::before {content: &quot;&quot;;position: absolute;height: 2px;width: 32px;background-color: #f78c21;bottom: -2px;left: initial!important;right: 0;}
  18. #related-posts p:after {content: &quot;\f021&quot;;display: block;background-color: #f78c21;font-family: FontAwesome;height: 28px;width: 32px;line-height: 28px;font-size: 14px;text-align: center;border-radius: 2px;float: right;margin-right: 0;margin-left: 10px;color: #FFF;}
  19. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement