<!-- 구글 맞춤 검색 -->

2016. 3. 10. 12:48컴퓨터야그/Html&Css 편집

   <s_sidebar_element>

   <!-- 구글 맞춤 검색 -->

   <div class="module fouc hidden-xs hidden-sm">

       <h3 class="module-title"><span class="inline-block">SEARCH</span></h3>

       <form action="http://cocosoft.kr/location" id="cse-search-box">

  <div>

    <input type="hidden" name="cx" value="partner-pub-7011685156077956:3997906223" />

    <input type="hidden" name="cof" value="FORID:10" />

    <input type="hidden" name="ie" value="UTF-8" />

    <input type="text" name="q" size="55" />

    <input type="submit" class="button black" name="sa" value="&#xac80;&#xc0c9;" />

  </div>

</form>



   </div>

   </s_sidebar_element>






<!-- 구글 맞춤 검색 결과-->

<div id="cse-search-results"></div>

<script type="text/javascript">

var googleSearchIframeName = "cse-search-results";

var googleSearchFormName = "cse-search-box";

var googleSearchFrameWidth = 857;

var googleSearchDomain = "www.google.co.kr";

var googleSearchPath = "/cse";

</script>



지역로그에



/* 구글 맞춤 검색

-------------------------------------------------------------------------- */

.searchBox {position: relative;width: 100%}

#cse-search-results iframe {width:857px !important}

#cse-search-box input {height: 32px}

#cse-search-box .button{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0;cursor:pointer;float:right;height:32px;line-height:12px;padding:7px 10px;position:absolute;right:0;top:38px;width:54px}

select,input[type="text"],input[type="email"],input[type="search"],input[type="password"],textarea{border:1px solid #d9d9d9;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-sizing:border-box;box-sizing:border-box;color:#666;display:inline-block;padding:5px 0 5px 5px;width:100%}

.button {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.05);box-shadow:0 1px 0 rgba(0,0,0,0.05);display:inline;font-size:12px;font-weight:bold;padding:7px 10px;text-align:center;text-decoration:none!important}

.button:active {-moz-box-shadow:0 0 3px #999 inset;-webkit-box-shadow:0 0 3px #999 inset;box-shadow:0 0 3px #999 inset}

.black {background-color:#222;background-image:-moz-linear-gradient(#656565,#222);background-image:-o-linear-gradient(#656565,#222);background-image:-webkit-linear-gradient(#656565,#222);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#656565),color-stop(1,#222));filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#656565, EndColorStr=#222)";background-image:linear-gradient(#656565,#222);border:1px solid #4d4d4d;color:#fff;text-shadow:1px 1px 1px #6d6d6d}

.black:hover {background-color:#656565;background-image:-moz-linear-gradient(#222,#656565);background-image:-o-linear-gradient(#222,#656565);background-image:-webkit-linear-gradient(#222,#656565);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#222),color-stop(1,#656565));filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#222, EndColorStr=#656565)";background-image:linear-gradient(#222,#656565);border:1px solid #363636}

.black:active {border: 1px solid #000}

}