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="검색" />
</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}
}
'컴퓨터야그 > Html&Css 편집' 카테고리의 다른 글
리더모드 테스트리더모드 테스트리더모드 테스트리더모드 테스트 (0) | 2016.07.19 |
---|---|
훈민정음(訓民正音) 해례본 예의편 (1) | 2016.03.03 |
새글표시 테스트새글표시 테스트새글표시 테스트새글표시 테스트새글표시 테스트새글표시 테스트새글표시 테스트새글표시 테스트새글표시 테스트새글표시 테스트새글표시 테스트새글표.. (0) | 2016.03.01 |
tessssssssssssst (16) | 2016.02.19 |
확장 썸네일 (5) | 2016.02.18 |