Sunteți pe pagina 1din 4

Epicsearch.

html

<html><head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Epic Search</title>
        <link rel="shortcut icon" href="/images/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script language="javascript" type="text/javascript" src="js/retina.js"></script>
        <style type="text/css">
       *{
           margin:0px;
                        padding:0px;
                }
                table {
                        border-collapse: collapse;
       }
       body{
           background-color:white;
       }
                #mainpage{
                        margin-left:0px;
                        margin-right:0px;
                }
                #search {
                        text-align:center;
                }
                #text{
                        font-family:Arial;
                        color:#3C3C3C;
                        text-align:center;
                        margin:auto;
                }
                .main{
                        margin:auto;
                        background-color:white;
                        border:1px solid black;
                        width:100%;
                        height:44px;
                        -moz-border-radius:6px;
                        border-radius:0px;
                        border-right-width: 0px;
                        margin-top: 0.499px;
                }
                #topmenu{
                        padding: 7px 4px 5px;
                        white-space:nowrap;
                        text-decoration:none;
                        color:#ccc;
                        font-family:arial;
                        font-weight:normal;
                        font-size:10pt;
                }
                #topmenu:hover{
                        background-color:#4c4c4c;
                }
                #text li{
                        margin-left:0px;
                }
                .news td{
                        padding-left:30px;
Epicsearch.html
                        margin-left:15px;
                }
                #button:hover{
                        cursor:pointer;
                }
                input{
                        padding-top:0px;
                }
                input:focus {
                                                        outline:none;
                }
                #top_text{
                        white-space:nowrap;        text-decoration:none;color:white;font-family:arial;font-size:18pt;
                }
                /* info space suggestion results css*/
                .suggest_link {
                   background-color: #ffffff;
                   padding:  0px 0px 12px 11px;
                   height:14px;
                   line-height: 22px;
                   overflow:hidden;
                }
                .suggest_link_over {
                   background-color: #d3d3d3;
                   padding:  0px 0px 12px 11px;
                   height:14px;
                   line-height: 22px;
                   overflow:hidden;
                   cursor:pointer;
                   color: #000000;
                }
                .suggestPanel {
                   position: absolute;
                   display:none;
                   background-color: #ffffff;
                   text-align: left;
                   border: 1px solid #8A8384;
                   font: 16px arial,sans-serif;
                   z-index: 10;
                }
                .combined {
                        height: 425px;
                }
.main-box {
   position: relative;
   max-width: 790px;
   margin: auto;
   width: 90%;
}
.main-box-right {
   position: absolute;
   right: -8px;
   top: 0;
}
.search-bx {
   margin-top: 150px;
}
.footer2 {
   text-align: center;
   line-height: 40px;
   border-top: 1px solid #a4a4a4;
Epicsearch.html
   position: fixed;
   width: 100%;
   bottom: 0;
}
.footer2 a {
   color: #6a6a6a;
   margin: 0 7px;
}
.footer2 a:hover {
   color: #ff9900;
}
.powered-tx {
   padding-top: 12px;
   display: table;
}
@media screen and (max-width: 500px) {
img#epic-logo {
   width: 250px;
}
.combined {
   height: 355px;
}
}
        </style>
                <!--[if IE ]>
                        <STYLE type="text/css">

                                .main{margin-left:110px;}
                                #text{margin-left:178px;}

                        </STYLE>
                <![endif]-->
 </head>

<body><div class="suggestPanel" id="suggestPanel"></div>


        <hr style="height :6px; background-color:#ff9900;border:none;">
        <div id="mainpage">

        <div class="combined">
        <div id="search" class="search">
                <div class="search-bx">

                        <img src="/images/Epic-search-logo.png" alt="Epic Logo" id="epic-logo"><br><br>

                        <p style="font-weight:bold;font-family:cursive;color:#999999;margin-bottom:36px;" id="search-


text"></p>
                </div>
                
                <div class="main-box">
                <div id="main" class="main main-box-left">
                        <input type="text" style="font: 20px arial,sans-serif;width:100%;height:44px;padding-
left:10px;border:none; background-color:#f7f7f7;" name="epicSearchBox" id="epicSearchBox" value=""
onkeydown="{if (event.keyCode == 13) search_epic(1)}" autocomplete="off">
                </div>
                <div class="main-box-right"><img src="/images/search-button-big.png" id="button"
onclick="search_epic(1)" style="padding-left: 0px;"></div>
                
                </div>
        </div>
Epicsearch.html
   <div id="text" class="powered-tx">
     Powered by the world's leading search engines
        </div>

<script language="javascript" type="text/javascript">


        var other_urls_query = {'Images':'http://www.bing.com/search?
tbm=isch&hl=en&source=hp&q=','Videos':'http://www.youtube.com/results?search_query=',
                'News':'http://www.google.com/search?
aq=f&hl=en&gl=in&tbm=nws&btnmeta_news_search=1&q=','Maps':'http://maps.google.com/maps?q='};
        var other_urls_withoutquery = {'Images':'http://www.bing.com/imghp?
hl=en&tab=ii','Videos':'http://www.youtube.com/',
                'News':'http://news.google.com/','Maps':'http://maps.google.co.in/'};
        function search_epic(pno) {
                try{
                        document.getElementById('suggestPanel').innerHTML = '';
                        document.getElementById('suggestPanel').style['display'] = 'none';
                }catch(e){};
                var val = document.getElementById('epicSearchBox').value;
                window.location.href = "/search?pno=1&q=" + val;
        };
        function open_othersites(obj,site){
                var searchTerms = document.getElementById('epicSearchBox').value;
                if( searchTerms == '' ){
                        obj.href = other_urls_withoutquery[site];
                }else{
                        obj.href = other_urls_query[site]+searchTerms;
                };
        };
        document.getElementById('epicSearchBox').focus();
        /* info space suggestions auto complete */
        var ispace_txtElements = ['epicSearchBox'];
        var ispace_brand = 'epicbrowser';
</script>
<script language="javascript" type="text/javascript" src="assets/infospacePredictiveText.js"></script><iframe
style="height:0px;width:0px;visibility:hidden;display:none;" src="about:blank">this prevents back forward
cache</iframe><style type="text/css">
.suggest_link {overflow:hidden;}
.suggest_link_over {overflow:hidden;cursor:pointer;}
.suggestPanel {position:absolute;display:none;text-align:left;}
</style>

</div>

<div class="footer2">
<a href="http://www.epicbrowser.com/tou.html">Terms of Use</a> |
<a href="http://www.epicbrowser.com/privacypolicy.html">Privacy Policy</a>|
<a href="http://www.epicbrowser.com/FAQ.html">FAQ</a>
</div>

</div></body></html>

S-ar putea să vă placă și