Codepen search

Developer
Ghost Rider
Size
12,389 Kb
Views
87,032
  1. Codepen search Previews
  2. Codepen search HTML Codes

How do I make an codepen search?

What is a codepen search? How do you make a codepen search? This script and codes were developed by Ghost Rider on 23 July 2022, Saturday.

Codepen search Previews
IQ Test

Codepen search - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Codepen search</title>
</head>
<body>
<!DOCTYPE html><html manifest="/_/chrome/newtab/manifest?espv=210&amp;ie=UTF-8" lang="en-IN"><head><style>.fkbx{}#fkbx-hht{}.fkbx-hht-s{}.hide-sf{}.lg-init{}.mv-locthumb{}.mv-locgradient{}.mv-loctitle{}.mv-locfallback{}.mv-tiles{}.prm-pt{}.prm{}.prt{}.pt{}body{font:small arial,sans-serif;margin:0;min-height:616px;text-align:-webkit-center}body._JI,body.hide-sf #fkbx,body.hide-sf #lga,#lga.lg-init{visibility:hidden}a{color:#12c;text-decoration:none}a:hover,a:active{text-decoration:underline}a:visited{color:#609}#most-visited{margin-top:50px;z-index:1}#mv-tiles{height:260px;margin:auto;overflow:hidden;padding:0 1em;text-align:start;white-space:nowrap;width:300px}.mv-row{margin-bottom:50px}.mv-tile:first-child{-webkit-margin-start:0}.mv-tile{-webkit-margin-start:20px;-webkit-transition:margin 200ms;-webkit-transition-property:margin,opacity,width,-webkit-transform;background:-webkit-linear-gradient(#f2f2f2,#e8e8e8);border:1px solid transparent;border-radius:3px;box-shadow:inset 0 2px 3px rgba(0,0,0,.09);display:inline-block;height:83px;position:relative;width:138px}.mv-tile.mv-bl{-webkit-margin-start:0;-webkit-transform:scale(0.5);opacity:0;width:0}.mv-page{border:1px solid #c0c0c0;cursor:pointer;outline:none}.mv-page:hover,.mv-page:focus{border-color:#7f7f7f}.mv-thumb,.mv-mask,.mv-locthumb,.mv-locgradient,.mv-locfallback{border:none;height:83px;left:0;position:absolute;top:0;width:138px}.mv-title{border:none;bottom:-28px;height:18px;left:0;position:absolute;width:140px}.mv-mask{opacity:0.35;pointer-events:none}.mv-locthumb,.mv-locgradient,.mv-locfallback{border-radius:3px;pointer-events:none}.mv-locgradient{background:-webkit-linear-gradient(left,rgba(35,35,35,1) 0%,rgba(35,35,35,1) 40%,rgba(35,35,35,0.3) 60%,rgba(35,35,35,0.1) 70%,rgba(35,35,35,0) 100%)}.mv-locthumb img{border-radius:0 3px 3px 0;height:83px;left:55px;pointer-events:none;position:absolute;top:0;width:83px}.mv-locfallback div{bottom:24px;box-sizing:content-box;margin:0 7px;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:124px}.mv-locfallback img{border-radius:3px;height:83px;left:0;pointer-events:none;position:absolute;top:0;width:138px}.mv-loctitle{-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-line-clamp:5;border:none;border-radius:3px 0 0 3px;color:white;display:-webkit-box;height:79px;left:0;margin:2px 0 2px 4px;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;text-shadow:1px 1px #232323;top:0;white-space:normal;width:79px}.mv-page:focus .mv-mask{-webkit-transition:background-color 100ms ease-in-out;background:-webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0) 80%,rgba(255,255,255,0.9));background-color:black}.mv-x-hide .mv-x{display:none}.mv-x{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiElEQVR42r2RsQrDMAxEBRdl8SDcX8lQPGg1GBI6lvz/h7QyRRXV0qUULwfvwZ1tenw5PxToRPWMC52eA9+WDnlh3HFQ/xBQl86NFYJqeGflkiogrOvVlIFhqURFVho3x1moGAa3deMs+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==);border:none;cursor:default;height:16px;opacity:0;outline:none;width:16px}.mv-x:hover,.mv-x:focus{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAqklEQVR4XqWRMQ6DMAxF/1Fyilyj2SmIBUG5QcTCyJA5Z8jGhlBPgRi4TmoDraVmKFJlWYrlp/g5QfwRlwEVNWVa4WzfH9jK6kCkEkBjwxOhLghheMWMELUAqqwQ4OCbnE4LJnhr5IYdqQt4DJQjhe9u4vBBmnxHHNzRFkDGjHDo0VuTAqy2vAG4NkvXXDHxbGsIGlj3e835VFNtdugma/Jk0eXq0lP//5svi4PtO01oFfYAAAAASUVORK5CYII=)}.mv-page .mv-x{-webkit-transition:opacity 150ms;position:absolute;right:2px;top:2px}html[dir=rtl] .mv-page .mv-x{left:2px;right:auto}.mv-page:hover .mv-x{opacity:1}.mv-domain{bottom:24px;color:#777;margin:0 7px;position:absolute;text-align:center;width:90%}.mv-fav{background-size:16px;bottom:-8px;height:16px;left:61px;pointer-events:none;position:absolute;width:16px}#mv-noti,#mv-noti-error{font:bold 12px Arial;padding:10px 0}#mv-noti span,#mv-noti-error span{cursor:default}#mv-noti-lks span,#mv-noti-error-lks span{-webkit-margin-start:6px;color:#1155cc;cursor:pointer;opacity:1;outline:none;padding:0 4px}#mv-noti-lks span:hover,#mv-noti-lks span:focus,#mv-noti-error-lks span:hover,#mv-noti-error-lks span:focus{text-decoration:underline}#mv-noti-lks .mv-x,#mv-noti-error-lks .mv-x{-webkit-margin-start:8px;opacity:1;vertical-align:top}#mv-noti.mv-noti-hide,#mv-noti-error.mv-noti-hide{display:none}form{height:39px}#fkbx{-webkit-border-radius:1px;background-color:#fff;border:1px solid rgb(185,185,185);border-top-color:rgb(160,160,160);box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);cursor:text;display:inline-block;height:36px;max-width:620px;position:relative;width:298px}#fkbx:hover{border:1px solid #a9a9a9;border-top-color:#909090}.fkbxfcs #fkbx{border:1px solid #4d90fe}#fkbx>input{background:transparent;border:none;bottom:0;box-sizing:border-box;font:18px arial,sans-serif;left:0;margin:0;outline:none;padding:0 8px;position:absolute;top:2px;width:100%}html[dir=rtl] #fkbx>input{right:0}#fkbx_crt{background:#333;bottom:5px;position:absolute;left:9px;right:auto;top:5px;visibility:hidden;width:1px}html[dir=rtl] #fkbx_crt{left:auto;right:9px}@-webkit-keyframes blink{0%,61.54%{opacity:1 }61.55%,100%{opacity:0 }}.fkbxfcs #fkbx_crt{visibility:inherit;-webkit-animation:blink 1.3s linear infinite}.fkbx-drgfcs #fkbx_crt{visibility:inherit}@media only screen and (min-width:660px){#fkbx{width:458px}#mv-tiles{width:460px}}@media only screen and (min-width:820px){#fkbx{width:618px}#mv-tiles{width:620px}}#theme-attr{bottom:0;display:inline-block;font-size:10pt;left:auto;position:fixed;right:21px;white-space:nowrap;z-index:-1}#theme-attr-msg{cursor:default;text-align:left}#fkbx-spch,#fkbx-hspch{background:url(data:image/gif;base64,R0lGODlhHAAmAKIHAKqqqsvLy0hISObm5vf394uLiwAAAP///yH5BAEAAAcALAAAAAAcACYAAAO9eLpMIMYIQJi9DcYtKv6KtnHgB4yoAZSXKAyDy1rjoAzjzOQLrx8+4OanCAZnxiExGSEKmz3lj2lwUq3SZ3WZPbKuXGgxu9t4tLYDTkpIRQILF0x2G4lWipM7gj/oJQUkcXsCDCIFATULBCIcZ2tvB3QLDxETFnR/BgU/gRt9jX0gnpYMkJZpFzEoqQqJKAIBaQOVKHAXr3t7txgBjboSvB8EpLoFZywOAo3LFE5lYs/QW9LT1TRk1V7S2xYJADs=) no-repeat center;background-size:14px 19px;cursor:pointer;display:none;float:right;height:21px;opacity:0.55;padding:15px 6px 0;width:17px}#fkbx-hspch{background:url(data:image/gif;base64,R0lGODlhHAAmAKIHAKqqqsvLy0dHR/b29ouLi+Tk5AAAAP///yH5BAEAAAcALAAAAAAcACYAAAOueLo8IMYIMJi9DcYtKv6KtnHgB4yoAZSXmEqs9aIxM4/1cm+5ske9w88QHBZ/x13ytpw1X89UlIYZeYRIxWBWWLhSgkVhJFopTjfzAS0hkLyzMDxCCIy62q/kOt4EDiJyCw8RExaBZyMEOW4bai5qII2FDH0ceBcFX5gKdigCAXgFhCh/F55DI6YYmqkSqx8DkzcEVywOAi65FEE2PL0XOMAyv8M6xcZYQMk+yB8JADs=) no-repeat center;background-size:14px 19px;display:none}#fkbx-spch:hover,#fkbx-hspch:hover{opacity:0.8}html[dir=rtl] #fkbx-spch,html[dir=rtl] #fkbx-hspch{float:left}#fkbx-hht{-webkit-transition:opacity 200ms;color:#777;float:right;font-size:13px;opacity:0;padding-top:10px}html[dir=rtl] #fkbx-hht{float:left}#fkbx-hht.fkbx-hht-s{opacity:1}#recent-tabs{color:#1155cc;cursor:pointer;font-family:Arial;font-size:14px}#recent-tabs:hover{text-decoration:underline}#lga{height:231px;margin-top:45px;text-align:-webkit-center}#lga>#dood{display:inline-block;opacity:0;-webkit-transition:opacity 130ms}#logo-sub{color:#777;font-size:16px;font-weight:bold;left:83px;position:relative;top:-28px;white-space:nowrap;width:0}#mngb{position:absolute;top:15px;-webkit-transition:opacity 130ms;width:100%}#mngb.h{opacity:0}#gb #gbu{margin-right:0;padding-top:0;top:0}#prpd{text-align:start}span#prt{display:block}#prm,#prt,#_m0{-webkit-user-select:auto}#prm-pt{font-size:83%;position:relative;z-index:1}._tE{font-family:'Roboto'}body._JI ._tE{display:none}.s2er{}.s2fp{}.s2fp-h{}.s2ml{}.s2ra{}.s2tb{}.s2tb-h{}.spch{}.spchc{}.spch{background:#fff;height:100%;left:0;opacity:0;overflow:hidden;position:fixed;text-align:left;top:0;visibility:hidden;width:100%;z-index:10000;transition:visibility 0s linear 0.218s,opacity 0.218s,background-color 0.218s}.s2fp.spch{opacity:1;visibility:visible;transition-delay:0s}.s2tb-h.spch{background:rgba(255,255,255,0);opacity:0;visibility:hidden}.s2tb.spch{background:rgba(255,255,255,0);opacity:1;visibility:visible;transition-delay:0s}.close-button{color:#777;cursor:pointer;font-size:26px;right:0;height:11px;line-height:15px;margin:15px;opacity:.6;padding:0;position:absolute;top:0;width:15px}.close-button:hover{opacity:.8}.close-button:active{opacity:1}.google-logo{background:url(data:image/gif;base64,R0lGODlhxABEAMIGALGzsMPFwtHT0N/h3u3v7P3//P///////yH5BAEKAAcALAAAAADEAEQAAAP+WLrc/jDKSau9OJcBuveCJo5kaZ7oJHwsMKSwQsx0bN84M+zDygY5DaEXaH0CggEhyGwKWyGnhCAoGq+ewEvK7cpaW++C+lMuZUOrUXAWu20E8Lvg62grAzUrOu+X4ixhXYAebRYcV4J+ixaEHopOdQB8GpIgjJiNcl16lCKIj5miE44dkEF6pxqgqqOupS5ckp4kgK2uo7C3MKAAQClFhrjDX4FOpcK1ycTDuk56v8zScJtBvQDL09ojzkx6ALlEVgFIuxdU5EXkSdmD1RRDVepI7aW0c3lYWe2k30Z33Ijoq9ZtQj599yyZc9KL3YyDR/g5IKBGCw2IHxbq8Df+cFKDghAoguBhqYOwFotEdrhXQGVGC3UCLHN5CU8WMxgf8XgA0kGdhC3awPLjSKI/lgzU7CoZLYKaZNd81XvX4GmEkmcsNRVTtIK/W2qQMmAqwSrPFlsZ9FygdMK3X2/nONIICxuEiheO3g0VIWraYi8dgPr7UU7cN3owRAXn84NEtUagfqDw9ayxwoUqoC2w2U3DDHohT8ZAtsEReJ0xB046msLm1F4uX1hc9YNYy7LpnKYcdCJVR4TVdjpjxDOLxw6MhCmlkfUP5ytt5gbMd8EsCRABLigu5puI0rpXz+be8rnmPb6nd+I5a1lkMShXkf/WnIFy6r4sfKPVE73+8JtlQeHFUE/0xtl0+gm4QXwUKJSeeKVEAxEbDcLGkIGgybFWBSVFAQtyDqpWXXkRxdQcbV1gJUJlsNwGgV/4eUTBNbiN+OEMItRVH0889OijEuGJd0FJL8AS3BSpkSeBJH+B9GEJHNVS0hoKdPiJhkqeo2CQNQWY2YM2UpXBYju2xBSVCsAo33EksjDCO+9JYFtIVFmowRVC4NiAijEyNiaD993JpnV2jtUlmKbUNugIU7oIE4YHIjijeQX4c2QEDLJV6ILRRdCTlbVcgVyFi1a6KXayoYiBPQ8wJQgZiSI5XV2jQjClXSaUJOKXQ7ppn5gGlarDFeQIW2Osv1L+OgJHl3KYqQKh5SUkeI9mYRBHQtKJ4JRlinZqta2NEWcFwD0QaIK8wtOmB5pImsgfxNbamK97fltvuuJCiuqIhzzrKbCLxUJCwAJX4i+0W8qK7Ly7uXZor8YeW/C9CU8h8T4G0+tAZQpP3Kq9pna6ZkSoSYrwu55SyBO2UpF2sKb+1YicX9m45Ki2+iKan1P6WHSRFRIR7IvKIeXUQbBgGJJdrTStZAisLUN5hVjMJgEkxR3ZMeqtPwjgtdeWsgPuDz/Iu4DR/3RrLrEvdnRK01iUiXZH5QxcRdonoPMP0TnuIE/PPNEguOCk3I33H+L8gIRDN+iZQw2Is4yFTI+RE77N5VO8xXiVbGPuOVfQ3FKXjJ+XzgRz5EZp+uqNR3wVsKzHXiC+zjYs++0aQLOs7bj3XjK/Wlrr+/AquH6eHcQnv5djJISl/PPQLZyhSdBXf5gI4VaffFRmA6a29pdniW6z4Mc+pbw+kF9+7Bw5qpL667NP7NVqTRh/+ULbYWn397PO9Rr865/s4hE2+rkiAQA7) no-repeat center;background-size:98px 34px;float:right;height:34px;left:255px;opacity:0;pointer-events:none;position:relative;top:6px;width:98px;transition:opacity .5s ease-in,left .5s ease-in}.s2tb .google-logo{opacity:1;left:270px;transition:opacity .5s ease-out,left .5s ease-out}.spchc{display:block;height:27px;position:absolute;pointer-events:none}.s2fp .spchc,.s2fp-h .spchc{margin:auto;margin-top:312px;max-width:572px;min-width:534px;padding:0 223px;position:relative;top:0}.s2tb .spchc,.s2tb-h .spchc{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.2);margin:0;min-width:100%;overflow:hidden;padding:51px 0 65px 126px;position:absolute}._Vl{height:100%;opacity:.1;pointer-events:none;width:100%;transition:opacity .318s ease-in}.s2tb-h ._Vl,.s2tb ._Vl{height:100%;width:572px;transition:opacity .318s ease-in}.s2ml ._Vl,.s2ra ._Vl,.s2er ._Vl{opacity:1;transition:opacity 0s}.button{background-color:#fff;border:1px solid #eee;border-radius:100%;bottom:0;box-shadow:0 2px 5px rgba(0,0,0,.1);cursor:pointer;display:inline-block;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color 0.218s,border 0.218s,box-shadow 0.218s}.s2tb-h .button{left:-83px;opacity:0;pointer-events:none;position:absolute;top:-83px;transition-delay:0}.s2fp-h .button{opacity:0;pointer-events:none;position:absolute;transition-delay:0}.s2fp .button,.s2tb .button{opacity:1;pointer-events:auto;position:absolute;-webkit-transform:scale(1);transition-delay:0}.s2ra .button{background-color:#ff4444;border:0;box-shadow:none}._Hu{background-color:#dbdbdb;border-radius:100%;display:inline-block;height:301px;left:-69px;opacity:1;pointer-events:none;position:absolute;top:-69px;width:301px;-webkit-transform:scale(.01);transition:opacity 0.218s}.s2tb-h ._Hu,.s2tb ._Hu{height:151px;left:-28px;top:-28px;width:151px}._Wi{float:right;pointer-events:none;position:relative;transition:-webkit-transform 0.218s,opacity 0.218s ease-in}.s2fp-h ._Wi,.s2fp ._Wi{height:165px;right:-70px;top:-70px;width:165px}.s2fp-h ._Wi,.s2tb-h ._Wi{-webkit-transform:scale(.1)}.s2fp ._Wi,.s2tb ._Wi{-webkit-transform:scale(1)}.s2tb-h ._Wi,.s2tb ._Wi{height:95px;right:-31px;top:-27px;width:95px}.s2ra .button:active{background-color:#cd0000}.button:active{background-color:#eee}._yv{height:87px;left:43px;pointer-events:none;position:absolute;top:47px;width:42px;-webkit-transform:scale(1)}.s2tb-h ._yv,.s2tb ._yv{left:17px;top:7px;-webkit-transform:scale(.53)}._kw{background-color:#999;border-radius:30px;height:46px;left:25px;pointer-events:none;position:absolute;width:24px}._XU{bottom:0;height:53px;left:11px;overflow:hidden;pointer-events:none;position:absolute;width:52px}._Tw{background-color:#999;bottom:14px;height:14px;left:22px;pointer-events:none;position:absolute;width:9px;z-index:1}._Ew{border:7px solid #999;border-radius:28px;bottom:27px;height:57px;pointer-events:none;position:absolute;width:38px;z-index:0}.s2ml ._kw,.s2ml ._Tw{background-color:#f44}.s2ml ._Ew{border-color:#f44}.s2ra ._kw,.s2ra ._Tw{background-color:#fff}.s2ra ._Ew{border-color:#fff}.spcht{}.spchta{}.spch-2l{}.spch-3l{}.spch-4l{}.spch-5l{}._Fo{pointer-events:none}.s2fp-h ._Fo,.s2fp ._Fo{position:absolute}.s2tb-h ._Fo,.s2tb ._Fo{position:relative}.spcht{font-weight:normal;line-height:1.2;opacity:0;pointer-events:none;position:absolute;text-align:left;-webkit-font-smoothing:antialiased;transition:opacity .1s ease-in,margin-left .5s ease-in,top 0s linear 0.218s}.s2fp-h .spcht{margin-left:44px}.s2tb-h .spcht{margin-left:32px}.s2fp-h .spcht,.s2fp .spcht{font-size:32px;left:-44px;top:-.2em;width:460px}.s2tb-h .spcht,.s2tb .spcht{font-size:27px;left:7px;top:.2em;width:490px}.s2fp .spcht,.s2tb .spcht{margin-left:0;opacity:1;transition:opacity .5s ease-out,margin-left .5s ease-out}.spchta{color:#1155cc;cursor:pointer;font-size:18px;font-weight:500;pointer-events:auto;text-decoration:underline}.spch-2l.spcht,.spch-3l.spcht,.spch-4l.spcht{transition:top 0.218s ease-out}.spch-2l.spcht{top:-.6em}.spch-3l.spcht{top:-1.3em}.spch-4l.spcht{top:-1.7em}.s2fp .spch-5l.spcht{top:-2.5em}.s2tb .spch-5l.spcht{font-size:24px;top:-1.7em;transition:font-size 0.218s ease-out}.s2wfp{}._yC{margin-top:-100px;opacity:0;pointer-events:none;position:absolute;width:500px;transition:opacity 0.218s ease-in,margin-top .4s ease-in}.s2wfp ._yC{margin-top:-300px;opacity:1;transition:opacity .5s ease-out 0.218s,margin-top 0.218s ease-out 0.218s}._zC{box-shadow:0 1px 0px #4285F4;height:80px;left:0;margin:0;opacity:0;pointer-events:none;position:fixed;right:0;top:-80px;transition:opacity 0.218s,box-shadow 0.218s}.s2wfp ._zC{box-shadow:0 1px 80px #4285F4;opacity:1;pointer-events:none;-webkit-animation:allow-alert .75s 0 infinite;-webkit-animation-direction:alternate;-webkit-animation-timing-function:ease-out;transition:opacity 0.218s,box-shadow 0.218s}@-webkit-keyframes allow-alert {from {opacity:1;}to {opacity:.35;}}#fkbx-tchm{}.fkbx-chm{}.fkbx-chme{}#fkbx-chmer{}#fkbx-chmed{}.fkbx-chmt{}#fkbx-chmtr{}.chw-oc{}#chw-o{}.jfk-bubble-arrowimplafter{}#fkbx-tchm{display:none}.fkbx-chm{line-height:22px;text-align:center}.fkbx-chm a{color:#2518b5;cursor:pointer;margin:5px}._LI{background:url(data:image/gif;base64,R0lGODlhEAAQAKIHAPzu7PfT0Oh5cfGtqONbUuBLQeBKP////yH5BAEAAAcALAAAAAAQABAAAANKeLrcfkAI8NowZtQFCCbUJmCYsAWFAQBGEVSjyhqmc2HBnDUdGQQkEOOGA5I0CkCKxMQUQjEnAMU0GUkuZTPgaRaWTEK0Sa5tGgkAOw==) no-repeat center;display:inline-block;height:16px;width:16px}#chw-o{display:none}#chw-o a{color:#4285F4;line-height:31px}.chw-oc{font-size:13px;padding:0px !important;text-align:left;width:400px}.chw-oc .jfk-bubble-arrowimplafter{border-color:#f5f5f5 transparent !important}._RI{color:#000;font-size:16px;font-weight:bold}._PI{color:#555}._Xt{border-radius:2px;cursor:pointer;font-size:12px;line-height:27px;margin:0;padding-left:14px;padding-right:14px}#chw-o ._Xt{float:right;margin-left:10px}._Tl{background-color:#f9f9f9;border:1px solid #bdbdbd;color:#000}._Tl:hover{background-color:#fcfcfc}._Tl:active,._Tl:hover,._Tl:focus{border-color:#3e7ef8}._Tl:active{background-color:#e6e6e6}._Ik{background-color:#5a97ff;border:1px solid #2558b0;color:#fff}._Ik:hover{background-color:#629cff}._Ik:hover,._Ik:focus{box-shadow:inset 0 0 1px}._Ik:active,._oX:focus,._Ik:hover{border-color:#2352a2}._Ik:active{background-color:#4279d8}._OI{background-color:#f5f5f5;border-top:1px solid #e7e7e7;padding-bottom:14px;padding-left:20px;padding-top:14px}._Uy{color:#888;display:block;margin-left:20px}._Uy:hover{color:#000}._NI{position:relative;top:-3px}._QI{padding:20px}._MI{display:inline-block;margin-left:-20px;margin-right:7px}</style><meta content="none" name="robots"><script>(function(){
window.google={kEI:"j5xtU4_hB8yjrQfzk4GoCA",getEI:function(a){for(var b;a&&(!a.getAttribute||!(b=a.getAttribute("eid")));)a=a.parentNode;return b||google.kEI},https:function(){return"https:"==window.location.protocol},kEXPI:"0",kCSI:{e:"0",ei:"j5xtU4_hB8yjrQfzk4GoCA"},authuser:0,ml:function(){},kHL:"en",time:function(){return(new Date).getTime()},log:function(a,b,c,h,k){var d=
new Image,f=google.lc,e=google.li,g="";d.onerror=d.onload=d.onabort=function(){delete f[e]};f[e]=d;c||-1!=b.search("&ei=")||(g="&ei="+google.getEI(h));c=c||"/"+(k||"gen_204")+"?atyp=i&ct="+a+"&cad="+b+g+"&zx="+google.time();a=/^http:/i;a.test(c)&&google.https()?(google.ml(Error("GLMM"),!1,{src:c}),delete f[e]):(d.src=c,google.li=e+1)},lc:[],li:0,y:{},x:function(a,b){google.y[a.id]=[a,b];return!1},load:function(a,b,c){google.x({id:a+l++},function(){google.load(a,b,c)})}};var l=0;
window.chrome||(window.chrome={});window.chrome.sv=2.00;window.chrome.searchBox||(window.chrome.searchBox={});var m=function(){var a=encodeURIComponent(window.chrome.searchBox.value);google.x({id:"psyapi"},function(a){return function(){google.nav.search({q:a,sourceid:"chrome-psyapi2"},!1,!0)}}(a))};window.chrome.searchBox.onsubmit=m;google.esp||(google.esp={}),window.chrome.embeddedSearch||(window.chrome.embeddedSearch=
{}),window.chrome.embeddedSearch.searchBox||(window.chrome.embeddedSearch.searchBox={}),window.chrome.embeddedSearch.searchBox.onnativesuggestions=function(){google.esp.sugOnInit=!0};})();
(function(){google.sn="newtab";google.timers={};google.startTick=function(a,b){var f=google.time();google.timers[a]={t:{start:f},bfr:!!b};};google.tick=function(a,b,f){google.timers[a]||google.startTick(a);google.timers[a].t[b]=f||google.time()};google.startTick("load",!0);
try{google.pt=window.chrome&&window.chrome.csi&&Math.floor(window.chrome.csi().pageT);}catch(d){}})();
(function(){'use strict';var k=this,m=Date.now||function(){return+new Date};var t=function(d,c){return function(a){a||(a=window.event);return c.call(d,a)}},v="undefined"!=typeof navigator&&/Macintosh/.test(navigator.userAgent),w="undefined"!=typeof navigator&&!/Opera/.test(navigator.userAgent)&&/WebKit/.test(navigator.userAgent),x={A:13,BUTTON:0,CHECKBOX:32,COMBOBOX:13,LINK:13,LISTBOX:13,MENU:0,MENUBAR:0,MENUITEM:0,MENUITEMCHECKBOX:0,MENUITEMRADIO:0,OPTION:13,RADIO:32,RADIOGROUP:32,RESET:0,SUBMIT:0,TAB:0,TABLIST:0,TREE:13,TREEITEM:13};var A=function(){this.s=[];this.i=[];this.o=[];this.v={};this.k=null;this.p=[];z(this,"_custom")},B="undefined"!=typeof navigator&&/iPhone|iPad|iPod/.test(navigator.userAgent),C=/\s*;\s*/,E=function(d,c){return function(a){var e,f,b=c;if("_custom"==b){if(!a.detail||!a.detail._type)return;b=a.detail._type}e:{if("click"==b&&(v&&a.metaKey||!v&&a.ctrlKey||2==a.which||null==a.which&&4==a.button||a.shiftKey))b="clickmod";else{var l=a.which||a.keyCode||a.key;w&&3==l&&(l=13);var g=a.srcElement||a.target;e=(g.getAttribute("role")||g.type||g.tagName).toUpperCase();var h=13==l||32==l,n;if(n="keydown"==a.type)n=
(g.getAttribute("role")||g.type||g.tagName).toUpperCase(),n="TEXT"!=n&&"TEXTAREA"!=n&&"PASSWORD"!=n&&"SEARCH"!=n&&("COMBOBOX"!=n||"INPUT"!=g.tagName.toUpperCase())&&!g.isContentEditable&&!(a.ctrlKey||a.shiftKey||a.altKey||a.metaKey);var s="INPUT"==g.tagName.toUpperCase()&&!g.type;f=0==x[e]%l;l=!(e in x)&&13==l;g=!!a.originalTarget&&a.originalTarget!=g;n&&h&&((f||l)&&!s||g)&&(b="clickkey")}g=a.srcElement||a.target;h=D(b,a,g,"",null);for(n=g;n&&n!=this;n=n.__owner||n.parentNode){e=s=n;f=b;l=e.__jsaction;if(!l){l={};e.__jsaction=l;var p=void 0,p=null;"getAttribute"in e&&(p=e.getAttribute("jsaction"));if(p){e=p.split(C);for(var p=0,J=e?e.length:0;p<J;p++){var q=e[p];if(q){var u=q.indexOf(":"),y=-1!=u,K=y?q.substr(0,u).replace(/^\s+/,"").replace(/\s+$/,""):"click",q=y?q.substr(u+1).replace(/^\s+/,"").replace(/\s+$/,""):q;l[K]=q}}}}"clickkey"==f?f="click":"click"!=f||l.click||(f="clickonly");e=f;f=l[f]||"";h=D(e,a,g,f||"",s,h.timeStamp);if(f){(b="clickkey"==b)&&!(b=32==(a.which||a.keyCode||a.key))&&
(b=a.srcElement||a.target,b="BUTTON"==b.tagName.toUpperCase()||Boolean(b.getAttribute("role")&&"BUTTON"==b.getAttribute("role").toUpperCase())||!!b.type);b&&(b=a,b.preventDefault?b.preventDefault():b.returnValue=!1);b=h;break e}}h.action="";h.actionElement=null;b=h}d.k&&(h=D(b.eventType,b.event,b.targetElement,b.action,b.actionElement,b.timeStamp),"clickonly"==h.eventType&&(h.eventType="click"),d.k(h,!0));if(b.actionElement)if("A"==b.actionElement.tagName&&"click"==b.eventType&&(a.preventDefault?a.preventDefault():a.returnValue=!1),d.k)d.k(b);else{var r;if((h=k.document)&&!h.createEvent&&h.createEventObject)try{r=h.createEventObject(a)}catch(O){r=a}else r=a;b.event=r;d.p.push(b)}}},D=function(d,c,a,e,f,b){return{eventType:d,event:c,targetElement:a,action:e,actionElement:f,timeStamp:b||m()}},F=function(d,c){return function(a){var e=d,f=c,b=!1;"mouseenter"==e?e="mouseover":"mouseleave"==e&&(e="mouseout");if(a.addEventListener){if("focus"==e||"blur"==e||"error"==e||"load"==e)b=!0;a.addEventListener(e,f,b)}else a.attachEvent&&("focus"==e?e="focusin":"blur"==e&&(e="focusout"),f=t(a,f),a.attachEvent("on"+e,f));return{B:e,w:f,C:b}}},z=function(d,c){if(!d.v.hasOwnProperty(c)&&"mouseenter"!=c&&"mouseleave"!=c){var a=E(d,c),e=F(c,a);d.v[c]=a;d.s.push(e);for(a=0;a<d.i.length;++a){var f=d.i[a];f.k.push(e.call(null,f.i))}"click"==c&&z(d,"keydown")}};A.prototype.w=function(d){return this.v[d]};var N=function(d){var c=G,a=new H(d);e:{for(var e=0;e<c.i.length;e++)if(I(c.i[e].i,d)){d=!0;break e}d=!1}if(d)c.o.push(a);else{L(c,a);c.i.push(a);a=c.o.concat(c.i);d=[];for(var e=[],f=0;f<c.i.length;++f){var b=c.i[f];if(M(b,a)){d.push(b);for(var l=0;l<b.k.length;++l){var g=b.i,h=b.k[l];g.removeEventListener?g.removeEventListener(h.B,h.w,h.C):g.detachEvent&&g.detachEvent("on"+h.B,h.w)}b.k=[]}else e.push(b)}for(f=0;f<c.o.length;++f)b=c.o[f],M(b,a)?d.push(b):(e.push(b),L(c,b));c.i=e;c.o=d}},L=function(d,c){var a=c.i;B&&(a.style.cursor="pointer");for(a=0;a<d.s.length;++a)c.k.push(d.s[a].call(null,c.i))},H=function(d){this.i=d;this.k=[]},M=function(d,c){for(var a=0;a<c.length;++a)if(c[a].i!=d.i&&I(c[a].i,d.i))return!0;return!1},I=function(d,c){for(;d!=c&&c.parentNode;)c=c.parentNode;return d==c};var G=new A;N(window.document.documentElement);z(G,"click");z(G,"focus");z(G,"focusin");z(G,"blur");z(G,"focusout");z(G,"error");z(G,"load");z(G,"change");z(G,"input");z(G,"keyup");z(G,"keydown");z(G,"keypress");z(G,"mousedown");z(G,"mouseout");z(G,"mouseover");z(G,"mouseup");z(G,"speech");window.google.jsad=function(d){var c=G;c.k=d;c.p&&(0<c.p.length&&d(c.p),c.p=null)};window.google.jsac=function(d){N(d)};}).call(window);</script></head><body><div id="prpd"></div><div class="h" id="mngb"><div id="gb"></div></div><span id="prt"></span><div id="lga"><img style="padding-top:112px" height="95" src="/images/srpr/logo11w.png" width="269" alt="Google" id="hplogo" title="Google"><div id="logo-sub">India</div></div><form action="/search" id="f" method="get"><div id="hf"></div><div id="fkbx"><input id="q" jsaction="mousedown:ntp.fkbxclk" aria-hidden="true" autocomplete="off" name="q" tabindex="-1"><div id="fkbx_crt"></div><div id="fkbx-spch" tabindex="1"></div><div id="fkbx-hspch" tabindex="1"></div><div id="fkbx-hht">Say "Ok Google"</div><div id="fkbx-tchm"><div id="fkbx-chme"><div class="_LI"></div><div>Not listening. Something went wrong.</div><div><a href="#" id="fkbx-chmer" tabindex="1">Restart listening</a><a href="#" id="fkbx-chmed" tabindex="1">Help</a></div></div><div id="fkbx-chmt"><div>Hotword detection is off.</div><a href="#" id="fkbx-chmtr" tabindex="1">Start listening for "Ok Google"</a></div></div><div id="chw-o"><div class="_QI"><div class="_RI">Say "Ok Google" to start a voice search</div><p class="_PI">Search without lifting a finger. When you say "Ok Google", Chrome will search for what you say next.</p><div><a href="https://support.google.com/chrome/?p=ui_hotword_search" target="_blank">Learn more</a><button class="_Xt _Tl" href="#" jsaction="chw.optInNoThanksButtonClicked">No thanks</button><button class="_Xt _Ik" href="#" jsaction="chw.optInEnableButtonClicked">Enable "Ok Google"</button></div></div><div class="_OI"><div class="_pX"><label class="_Uy"><input class="_MI" jsaction="chw.handleAudioLoggingInteraction" checked="true" type="checkbox"><span class="_NI">Improve voice search by sending the sound of "Ok Google", and a few seconds before, to Google.</span></label></div></div></div></div></form><div class="spch s2fp-h" style="display:none" id="spch"><div class="spchc" id="spchc"><div class="_Vl"><div class="_Wi"><span class="_Hu" id="spchl"></span><span class="button" id="spchb"><div class="_yv"><span class="_kw"></span><div class="_XU"><span class="_Tw"></span><span class="_Ew"></span></div></div></span></div><div class="_Fo"><span class="spcht" id="spchi" style="color:#777"></span><span class="spcht" id="spchf" style="color:#000"></span></div><div class="google-logo"></div></div><div class="_yC"><div class="_zC"></div></div></div><div class="close-button" id="spchx">&times;</div></div><div class="mv-hide" id="most-visited"><div id="mv-tiles"></div><div class="mv-noti-hide" id="mv-noti"><span id="mv-noti-msg">Thumbnail removed.</span><span id="mv-noti-lks"><span id="mv-undo" tabindex="1">Undo</span><span id="mv-restore" tabindex="1">Restore all</span><button class="mv-x" id="mv-noti-x" tabindex="1"></button></span></div></div><div id="prm-pt"><br><div id="prm"></div></div><div id="theme-attr" style="display:none"><div id="theme-attr-msg">Theme created by</div></div><textarea name="csi" id="csi" style="display:none"></textarea><script>(function(){if(google.timers&&google.timers.load.t){var a=function(){if(google.timers&&google.timers.load.t){google.timers.load.t.ol=(new Date).getTime();google.csiReport&&google.csiReport()}};window.addEventListener?window.addEventListener("load",a,!1):window.attachEvent&&window.attachEvent("onload",a);google.timers.load.t.prt=(new Date).getTime()};})();
(function(){function a(b,a,c){if(b)return b.classList.add(a),window.setTimeout(function(){b.classList.remove(a)},c)}a(document.body,"hide",500);window.lgt=a(document.getElementById("lga"),"lg-init",5E3)})();</script><div id=xjsd></div><div id=xjsi data-jiis="bp"><script>if(google.y)google.y.first=[];(function(){function b(a){window.setTimeout(function(){var c=document.createElement("script");c.src=a;document.getElementById("xjsd").appendChild(c)},0)}google.dljp=function(a){google.xjsu=a;b(a)};google.dlj=b;})();
if(!google.xjs){window._=window._||{};window._._DumpException=function(e){throw e};if(google.timers&&google.timers.load.t){google.timers.load.t.xjsls=new Date().getTime();}google.dljp('/xjs/_/js/k\x3dxjs.ntp.en_US.xjp1-6hJhNg.O/m\x3djsa,ntp,pcc,csi/rt\x3dj/d\x3d1/sv\x3d1/rs\x3dAItRSTOyEaS8PB0OJsE5nHDeWbPRpiLkiQ');google.xjs=1;}google.pmc={"jsa":{},"ntp":{"ffb":false,"lang":"en-IN","mvrt":"Don't show on this page","stt":"Search by voice","tc":{"dnt":"Click to view today's doodle","tlh":95,"tlu":"/images/srpr/chrome_ntp_white_logo2.png","tlw":269},"xid":1},"spch":{"ae":"Please check your microphone. \u003Ca href=\"https://support.google.com/chrome/?p=ui_voice_search\" target=\"_blank\"\u003ELearn more\u003C/a\u003E","hen":true,"hl":"en-IN","htt":"Listening for \"Ok Google\"","im":"Click \u003Cb\u003EAllow\u003C/b\u003E to start voice search","iw":"Waiting...","lm":"Listening...","lu":"%1$s voice search not available","ne":"No Internet connection","nt":"Didn't get that. \u003Cspan\u003ETry again\u003C/span\u003E","nv":"Please check your microphone and audio levels. \u003Ca href=\"https://support.google.com/chrome/?p=ui_voice_search\" target=\"_blank\"\u003ELearn more\u003C/a\u003E","pe":"Voice search has been turned off. \u003Ca href=\"https://support.google.com/chrome/?p=ui_voice_search\" target=\"_blank\"\u003EDetails\u003C/a\u003E","rm":"Speak now"},"pcc":{},"csi":{"acsi":true}};google.y.first.push(function(){google.loadAll(['spch']);if(google.med){google.med('init');google.initHistory();google.med('history');}});if(google.j&&google.j.en&&google.j.xi){window.setTimeout(google.j.xi,0);}</script></div></body></html>
</body>
</html>
Codepen search - Script Codes
Codepen search - Script Codes
Home Page Home
Developer Ghost Rider
Username GhostRider
Uploaded July 23, 2022
Rating 3
Size 12,389 Kb
Views 87,032
Do you need developer help for Codepen search?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Ghost Rider (GhostRider) Script Codes
Name
A Pen by Ghost Rider
CSS Brainbow Menu
Canvas Heart
Laserz...
CSS and SVG Pyramid
CSS Animation
HTML5 City trails
Under construction
Iphone game
Hover menu animation
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!