tipuesearch.css 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364
  1. @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400|Source+Code+Pro');
  2. /*
  3. Tipue Search 7.0
  4. Copyright (c) 2018 Tipue
  5. Tipue Search is released under the MIT License
  6. http://www.tipue.com/search
  7. */
  8. /* basics */
  9. .tipue_search_group:after
  10. {
  11. content: "";
  12. display: table;
  13. clear: both;
  14. }
  15. /* fonts, colors */
  16. #tipue_search_input
  17. {
  18. font: 15px/1 'Open Sans', sans-serif;
  19. color: #333;
  20. -webkit-font-smoothing: antialiased;
  21. -moz-osx-font-smoothing: grayscale;
  22. }
  23. .tipue_search_icon
  24. {
  25. font: 300 24px/1 'Open Sans', sans-serif;
  26. color: #777;
  27. }
  28. #tipue_search_results_count, .tipue_search_related, .tipue_search_note
  29. {
  30. font: 12px/1.3 'Source Code Pro', monospace;
  31. text-transform: uppercase;
  32. color: #999;
  33. -webkit-font-smoothing: antialiased;
  34. -moz-osx-font-smoothing: grayscale;
  35. }
  36. #tipue_search_replace, #tipue_search_error, .tipue_search_content_text
  37. {
  38. font: 300 16px/1.6 'Open Sans', sans-serif;
  39. color: #666;
  40. }
  41. #tipue_search_replace a
  42. {
  43. color: #339e41;
  44. text-decoration: none;
  45. }
  46. #tipue_search_replace a:hover
  47. {
  48. color: #666;
  49. }
  50. .tipue_search_related_btn
  51. {
  52. font: 11px/1 'Source Code Pro', monospace;
  53. color: #666;
  54. text-transform: uppercase;
  55. letter-spacing: 1px;
  56. background-color: #f7f7f7;
  57. }
  58. .tipue_search_content_title
  59. {
  60. font: 300 30px/1.2 'Open Sans', sans-serif;
  61. color: #333;
  62. -webkit-font-smoothing: antialiased;
  63. -moz-osx-font-smoothing: grayscale;
  64. }
  65. .tipue_search_content_title a
  66. {
  67. color: #333;
  68. text-decoration: none;
  69. }
  70. .tipue_search_content_url, .tipue_search_content_debug
  71. {
  72. font: 300 15px/1.7 'Open Sans', sans-serif;
  73. color: #333;
  74. }
  75. .tipue_search_content_url a
  76. {
  77. color: #339e41;
  78. text-decoration: none;
  79. }
  80. .tipue_search_content_url a:hover
  81. {
  82. color: #666;
  83. }
  84. .tipue_search_content_bold
  85. {
  86. font-weight: 400;
  87. color: #333;
  88. }
  89. .tipue_search_note a
  90. {
  91. color: #999;
  92. text-decoration: none;
  93. }
  94. .tipue_search_image_close
  95. {
  96. font: 22px/1 'Source Code Pro', monospace;
  97. color: #ccc;
  98. }
  99. #tipue_search_zoom_text
  100. {
  101. font: 11px/1.7 'Source Code Pro', monospace;
  102. color: #ccc;
  103. text-transform: uppercase;
  104. letter-spacing: 1px;
  105. }
  106. #tipue_search_zoom_text a
  107. {
  108. color: #ccc;
  109. text-decoration: none;
  110. border-bottom: 2px solid #f7f7f7;
  111. }
  112. #tipue_search_zoom_text a:hover
  113. {
  114. border: 0;
  115. }
  116. #tipue_search_foot_boxes
  117. {
  118. font: 13px/1 'Source Code Pro', sans-serif;
  119. text-transform: uppercase;
  120. color: #333;
  121. }
  122. #tipue_search_foot_boxes li a
  123. {
  124. background-color: #f7f7f7;
  125. color: #666;
  126. }
  127. #tipue_search_foot_boxes li.current
  128. {
  129. background: #252525;
  130. color: #ccc;
  131. }
  132. #tipue_search_foot_boxes li a:hover, .tipue_search_related_btn:hover
  133. {
  134. background: #252525;
  135. color: #ccc;
  136. }
  137. /* search box */
  138. #tipue_search_input
  139. {
  140. float: left;
  141. width: 200px;
  142. background-color: #f3f3f3;
  143. border: none;
  144. padding: 9px 6px 10px 15px;
  145. height: 36px;
  146. border-radius: 13px;
  147. -moz-appearance: none;
  148. -webkit-appearance: none;
  149. box-sizing: border-box;
  150. box-shadow: none;
  151. outline: 0;
  152. margin: 0;
  153. }
  154. .tipue_search_button
  155. {
  156. position: relative;
  157. float: left;
  158. width: 47px;
  159. height: 56px;
  160. margin-left: -3px;
  161. background-color: #f3f3f3;
  162. border: none;
  163. border-radius: 3px;
  164. box-sizing: border-box;
  165. cursor: pointer;
  166. outline: 0;
  167. }
  168. .tipue_search_icon
  169. {
  170. float: left;
  171. transform: rotate(-45deg);
  172. -moz-appearance: none;
  173. -webkit-appearance: none;
  174. box-sizing: border-box;
  175. box-shadow: none;
  176. outline: 0;
  177. margin: -1px 0 0 8px;
  178. }
  179. /* search results */
  180. #tipue_search_content
  181. {
  182. max-width: 100%;
  183. margin: 0;
  184. }
  185. .tipue_search_result
  186. {
  187. padding-top: 21px;
  188. }
  189. #tipue_search_results_count
  190. {
  191. padding-top: 9px;
  192. }
  193. .tipue_search_related
  194. {
  195. padding-top: 13px;
  196. }
  197. .tipue_search_related_block
  198. {
  199. padding-bottom: 6px;
  200. }
  201. #tipue_search_warning
  202. {
  203. padding-top: 10px;
  204. }
  205. .tipue_search_related_btn
  206. {
  207. display: inline-block;
  208. padding: 9px 10px;
  209. text-decoration: none;
  210. text-align: center;
  211. border-radius: 3px;
  212. margin: 9px 9px 0 0;
  213. outline: 0;
  214. transition: 0.2s;
  215. cursor: pointer;
  216. }
  217. #tipue_search_replace
  218. {
  219. padding-top: 13px;
  220. }
  221. #tipue_search_error
  222. {
  223. padding-top: 13px;
  224. }
  225. .tipue_search_content_url
  226. {
  227. padding-top: 3px;
  228. word-wrap: break-word;
  229. hyphens: auto;
  230. }
  231. .tipue_search_content_text
  232. {
  233. word-wrap: break-word;
  234. hyphens: auto;
  235. margin-top: 1px;
  236. }
  237. .tipue_search_note
  238. {
  239. padding-top: 5px;
  240. }
  241. .tipue_search_content_debug
  242. {
  243. margin: 5px 0;
  244. }
  245. /* images */
  246. .tipue_search_image
  247. {
  248. padding: 9px 0 6px 0;
  249. }
  250. .tipue_search_img
  251. {
  252. width: 200px;
  253. max-width: 100%;
  254. height: auto;
  255. transition: 0.5s;
  256. border-radius: 1px;
  257. }
  258. .tipue_search_img:hover
  259. {
  260. opacity: 0.7;
  261. }
  262. .tipue_search_image_zoom
  263. {
  264. cursor: pointer;
  265. }
  266. #tipue_search_image_modal
  267. {
  268. display: none;
  269. position: fixed;
  270. z-index: 1000;
  271. left: 0;
  272. top: 0;
  273. width: 100%;
  274. height: 100%;
  275. overflow: auto;
  276. background-color: rgba(0, 0, 0, 0.9);
  277. }
  278. .tipue_search_image_close
  279. {
  280. position: absolute;
  281. top: 0;
  282. right: 0;
  283. padding: 25px 30px;
  284. cursor: pointer;
  285. }
  286. .tipue_search_image_block
  287. {
  288. margin: 0 auto;
  289. max-width: 900px;
  290. padding: 73px 30px 30px 30px;
  291. box-sizing: border-box;
  292. color: #fff;
  293. }
  294. #tipue_search_zoom_img
  295. {
  296. max-width: 100%;
  297. height: auto;
  298. }
  299. #tipue_search_zoom_text, .tipue_search_zoom_options
  300. {
  301. padding-top: 9px;
  302. }
  303. /* footer */
  304. #tipue_search_foot
  305. {
  306. margin: 51px 0 21px 0;
  307. }
  308. #tipue_search_foot_boxes
  309. {
  310. padding: 0;
  311. margin: 0;
  312. cursor: pointer;
  313. }
  314. #tipue_search_foot_boxes li
  315. {
  316. display: inline;
  317. list-style: none;
  318. margin: 0;
  319. padding: 0;
  320. }
  321. #tipue_search_foot_boxes li a
  322. {
  323. padding: 10px 17px 11px 17px;
  324. border-radius: 3px;
  325. margin-right: 7px;
  326. text-decoration: none;
  327. text-align: center;
  328. transition: 0.2s;
  329. }
  330. #tipue_search_foot_boxes li.current
  331. {
  332. padding: 10px 17px 11px 17px;
  333. border-radius: 3px;
  334. margin-right: 7px;
  335. text-align: center;
  336. }