pointhi.css 18 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130
  1. .github-issue-button {
  2. display: block;
  3. padding: 8px 16px;
  4. font-family: sans-serif;
  5. font-size: 16px;
  6. color: white;
  7. background-color: #238636 !important;
  8. /* important is needed cause to an !important in logicodev-dark */
  9. border: #2ea043;
  10. border-radius: 10px !important;
  11. box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  12. }
  13. .github-issue-button:hover {
  14. background-color: #2ea043;
  15. }
  16. .issue-hide {
  17. display: none;
  18. }
  19. .engine-stats .engine-name {
  20. width: 20rem;
  21. }
  22. .engine-stats .engine-score {
  23. width: 7rem;
  24. text-align: right;
  25. }
  26. .engine-stats .engine-reliability {
  27. text-align: right;
  28. }
  29. .engine-stats table.engine-error {
  30. max-width: 1280px;
  31. margin: 1rem;
  32. border: 1px solid gray;
  33. }
  34. .engine-stats table.engine-error th.engine-error-type,
  35. .engine-stats table.engine-error td.engine-error-type,
  36. .engine-stats failed-test {
  37. width: 10rem;
  38. }
  39. .engine-stats table.engine-error span.log_parameters {
  40. border-right: 1px solid gray;
  41. padding: 0 1rem 0 0;
  42. margin: 0 0 0 0.5rem;
  43. }
  44. .bar-chart-value {
  45. width: 3em;
  46. display: inline-block;
  47. text-align: right;
  48. padding-right: 0.5rem;
  49. }
  50. .bar-chart-graph {
  51. width: calc(100% - 5rem);
  52. display: inline-block;
  53. }
  54. .bar-chart-bar {
  55. border: 3px solid #5bc0de;
  56. margin: 1px 0;
  57. }
  58. .bar-chart-serie1 {
  59. border: 3px solid #5bc0de;
  60. margin: 1px 0;
  61. float: left;
  62. }
  63. .bar-chart-serie2 {
  64. border: 3px solid #deb15b;
  65. margin: 1px 0;
  66. float: left;
  67. }
  68. .bar0 {
  69. width: 0;
  70. border: 0;
  71. }
  72. .bar1 {
  73. width: 1%;
  74. }
  75. .bar2 {
  76. width: 2%;
  77. }
  78. .bar3 {
  79. width: 3%;
  80. }
  81. .bar4 {
  82. width: 4%;
  83. }
  84. .bar5 {
  85. width: 5%;
  86. }
  87. .bar6 {
  88. width: 6%;
  89. }
  90. .bar7 {
  91. width: 7%;
  92. }
  93. .bar8 {
  94. width: 8%;
  95. }
  96. .bar9 {
  97. width: 9%;
  98. }
  99. .bar10 {
  100. width: 10%;
  101. }
  102. .bar11 {
  103. width: 11%;
  104. }
  105. .bar12 {
  106. width: 12%;
  107. }
  108. .bar13 {
  109. width: 13%;
  110. }
  111. .bar14 {
  112. width: 14%;
  113. }
  114. .bar15 {
  115. width: 15%;
  116. }
  117. .bar16 {
  118. width: 16%;
  119. }
  120. .bar17 {
  121. width: 17%;
  122. }
  123. .bar18 {
  124. width: 18%;
  125. }
  126. .bar19 {
  127. width: 19%;
  128. }
  129. .bar20 {
  130. width: 20%;
  131. }
  132. .bar21 {
  133. width: 21%;
  134. }
  135. .bar22 {
  136. width: 22%;
  137. }
  138. .bar23 {
  139. width: 23%;
  140. }
  141. .bar24 {
  142. width: 24%;
  143. }
  144. .bar25 {
  145. width: 25%;
  146. }
  147. .bar26 {
  148. width: 26%;
  149. }
  150. .bar27 {
  151. width: 27%;
  152. }
  153. .bar28 {
  154. width: 28%;
  155. }
  156. .bar29 {
  157. width: 29%;
  158. }
  159. .bar30 {
  160. width: 30%;
  161. }
  162. .bar31 {
  163. width: 31%;
  164. }
  165. .bar32 {
  166. width: 32%;
  167. }
  168. .bar33 {
  169. width: 33%;
  170. }
  171. .bar34 {
  172. width: 34%;
  173. }
  174. .bar35 {
  175. width: 35%;
  176. }
  177. .bar36 {
  178. width: 36%;
  179. }
  180. .bar37 {
  181. width: 37%;
  182. }
  183. .bar38 {
  184. width: 38%;
  185. }
  186. .bar39 {
  187. width: 39%;
  188. }
  189. .bar40 {
  190. width: 40%;
  191. }
  192. .bar41 {
  193. width: 41%;
  194. }
  195. .bar42 {
  196. width: 42%;
  197. }
  198. .bar43 {
  199. width: 43%;
  200. }
  201. .bar44 {
  202. width: 44%;
  203. }
  204. .bar45 {
  205. width: 45%;
  206. }
  207. .bar46 {
  208. width: 46%;
  209. }
  210. .bar47 {
  211. width: 47%;
  212. }
  213. .bar48 {
  214. width: 48%;
  215. }
  216. .bar49 {
  217. width: 49%;
  218. }
  219. .bar50 {
  220. width: 50%;
  221. }
  222. .bar51 {
  223. width: 51%;
  224. }
  225. .bar52 {
  226. width: 52%;
  227. }
  228. .bar53 {
  229. width: 53%;
  230. }
  231. .bar54 {
  232. width: 54%;
  233. }
  234. .bar55 {
  235. width: 55%;
  236. }
  237. .bar56 {
  238. width: 56%;
  239. }
  240. .bar57 {
  241. width: 57%;
  242. }
  243. .bar58 {
  244. width: 58%;
  245. }
  246. .bar59 {
  247. width: 59%;
  248. }
  249. .bar60 {
  250. width: 60%;
  251. }
  252. .bar61 {
  253. width: 61%;
  254. }
  255. .bar62 {
  256. width: 62%;
  257. }
  258. .bar63 {
  259. width: 63%;
  260. }
  261. .bar64 {
  262. width: 64%;
  263. }
  264. .bar65 {
  265. width: 65%;
  266. }
  267. .bar66 {
  268. width: 66%;
  269. }
  270. .bar67 {
  271. width: 67%;
  272. }
  273. .bar68 {
  274. width: 68%;
  275. }
  276. .bar69 {
  277. width: 69%;
  278. }
  279. .bar70 {
  280. width: 70%;
  281. }
  282. .bar71 {
  283. width: 71%;
  284. }
  285. .bar72 {
  286. width: 72%;
  287. }
  288. .bar73 {
  289. width: 73%;
  290. }
  291. .bar74 {
  292. width: 74%;
  293. }
  294. .bar75 {
  295. width: 75%;
  296. }
  297. .bar76 {
  298. width: 76%;
  299. }
  300. .bar77 {
  301. width: 77%;
  302. }
  303. .bar78 {
  304. width: 78%;
  305. }
  306. .bar79 {
  307. width: 79%;
  308. }
  309. .bar80 {
  310. width: 80%;
  311. }
  312. .bar81 {
  313. width: 81%;
  314. }
  315. .bar82 {
  316. width: 82%;
  317. }
  318. .bar83 {
  319. width: 83%;
  320. }
  321. .bar84 {
  322. width: 84%;
  323. }
  324. .bar85 {
  325. width: 85%;
  326. }
  327. .bar86 {
  328. width: 86%;
  329. }
  330. .bar87 {
  331. width: 87%;
  332. }
  333. .bar88 {
  334. width: 88%;
  335. }
  336. .bar89 {
  337. width: 89%;
  338. }
  339. .bar90 {
  340. width: 90%;
  341. }
  342. .bar91 {
  343. width: 91%;
  344. }
  345. .bar92 {
  346. width: 92%;
  347. }
  348. .bar93 {
  349. width: 93%;
  350. }
  351. .bar94 {
  352. width: 94%;
  353. }
  354. .bar95 {
  355. width: 95%;
  356. }
  357. .bar96 {
  358. width: 96%;
  359. }
  360. .bar97 {
  361. width: 97%;
  362. }
  363. .bar98 {
  364. width: 98%;
  365. }
  366. .bar99 {
  367. width: 99%;
  368. }
  369. .bar100 {
  370. width: 100%;
  371. }
  372. /*
  373. this file is generated automatically by searx_extra/update/update_pygments.py
  374. using pygments version 2.9.0
  375. */
  376. .code-highlight .linenos {
  377. -webkit-touch-callout: none;
  378. -webkit-user-select: none;
  379. -khtml-user-select: none;
  380. -moz-user-select: none;
  381. -ms-user-select: none;
  382. user-select: none;
  383. cursor: default;
  384. margin-right: 8px;
  385. text-align: right;
  386. }
  387. .code-highlight .linenos::selection {
  388. background: transparent;
  389. /* WebKit/Blink Browsers */
  390. }
  391. .code-highlight .linenos::-moz-selection {
  392. background: transparent;
  393. /* Gecko Browsers */
  394. }
  395. .code-highlight pre {
  396. line-height: 125%;
  397. }
  398. .code-highlight td.linenos .normal {
  399. color: inherit;
  400. background-color: transparent;
  401. padding-left: 5px;
  402. padding-right: 5px;
  403. }
  404. .code-highlight span.linenos {
  405. color: inherit;
  406. background-color: transparent;
  407. padding-left: 5px;
  408. padding-right: 5px;
  409. }
  410. .code-highlight td.linenos .special {
  411. color: #000000;
  412. background-color: #ffffc0;
  413. padding-left: 5px;
  414. padding-right: 5px;
  415. }
  416. .code-highlight span.linenos.special {
  417. color: #000000;
  418. background-color: #ffffc0;
  419. padding-left: 5px;
  420. padding-right: 5px;
  421. }
  422. .code-highlight .hll {
  423. background-color: #ffffcc;
  424. }
  425. .code-highlight {
  426. background: #f8f8f8;
  427. }
  428. .code-highlight .c {
  429. color: #408080;
  430. font-style: italic;
  431. }
  432. /* Comment */
  433. .code-highlight .err {
  434. border: 1px solid #FF0000;
  435. }
  436. /* Error */
  437. .code-highlight .k {
  438. color: #008000;
  439. font-weight: bold;
  440. }
  441. /* Keyword */
  442. .code-highlight .o {
  443. color: #666666;
  444. }
  445. /* Operator */
  446. .code-highlight .ch {
  447. color: #408080;
  448. font-style: italic;
  449. }
  450. /* Comment.Hashbang */
  451. .code-highlight .cm {
  452. color: #408080;
  453. font-style: italic;
  454. }
  455. /* Comment.Multiline */
  456. .code-highlight .cp {
  457. color: #BC7A00;
  458. }
  459. /* Comment.Preproc */
  460. .code-highlight .cpf {
  461. color: #408080;
  462. font-style: italic;
  463. }
  464. /* Comment.PreprocFile */
  465. .code-highlight .c1 {
  466. color: #408080;
  467. font-style: italic;
  468. }
  469. /* Comment.Single */
  470. .code-highlight .cs {
  471. color: #408080;
  472. font-style: italic;
  473. }
  474. /* Comment.Special */
  475. .code-highlight .gd {
  476. color: #A00000;
  477. }
  478. /* Generic.Deleted */
  479. .code-highlight .ge {
  480. font-style: italic;
  481. }
  482. /* Generic.Emph */
  483. .code-highlight .gr {
  484. color: #FF0000;
  485. }
  486. /* Generic.Error */
  487. .code-highlight .gh {
  488. color: #000080;
  489. font-weight: bold;
  490. }
  491. /* Generic.Heading */
  492. .code-highlight .gi {
  493. color: #00A000;
  494. }
  495. /* Generic.Inserted */
  496. .code-highlight .go {
  497. color: #888888;
  498. }
  499. /* Generic.Output */
  500. .code-highlight .gp {
  501. color: #000080;
  502. font-weight: bold;
  503. }
  504. /* Generic.Prompt */
  505. .code-highlight .gs {
  506. font-weight: bold;
  507. }
  508. /* Generic.Strong */
  509. .code-highlight .gu {
  510. color: #800080;
  511. font-weight: bold;
  512. }
  513. /* Generic.Subheading */
  514. .code-highlight .gt {
  515. color: #0044DD;
  516. }
  517. /* Generic.Traceback */
  518. .code-highlight .kc {
  519. color: #008000;
  520. font-weight: bold;
  521. }
  522. /* Keyword.Constant */
  523. .code-highlight .kd {
  524. color: #008000;
  525. font-weight: bold;
  526. }
  527. /* Keyword.Declaration */
  528. .code-highlight .kn {
  529. color: #008000;
  530. font-weight: bold;
  531. }
  532. /* Keyword.Namespace */
  533. .code-highlight .kp {
  534. color: #008000;
  535. }
  536. /* Keyword.Pseudo */
  537. .code-highlight .kr {
  538. color: #008000;
  539. font-weight: bold;
  540. }
  541. /* Keyword.Reserved */
  542. .code-highlight .kt {
  543. color: #B00040;
  544. }
  545. /* Keyword.Type */
  546. .code-highlight .m {
  547. color: #666666;
  548. }
  549. /* Literal.Number */
  550. .code-highlight .s {
  551. color: #BA2121;
  552. }
  553. /* Literal.String */
  554. .code-highlight .na {
  555. color: #7D9029;
  556. }
  557. /* Name.Attribute */
  558. .code-highlight .nb {
  559. color: #008000;
  560. }
  561. /* Name.Builtin */
  562. .code-highlight .nc {
  563. color: #0000FF;
  564. font-weight: bold;
  565. }
  566. /* Name.Class */
  567. .code-highlight .no {
  568. color: #880000;
  569. }
  570. /* Name.Constant */
  571. .code-highlight .nd {
  572. color: #AA22FF;
  573. }
  574. /* Name.Decorator */
  575. .code-highlight .ni {
  576. color: #999999;
  577. font-weight: bold;
  578. }
  579. /* Name.Entity */
  580. .code-highlight .ne {
  581. color: #D2413A;
  582. font-weight: bold;
  583. }
  584. /* Name.Exception */
  585. .code-highlight .nf {
  586. color: #0000FF;
  587. }
  588. /* Name.Function */
  589. .code-highlight .nl {
  590. color: #A0A000;
  591. }
  592. /* Name.Label */
  593. .code-highlight .nn {
  594. color: #0000FF;
  595. font-weight: bold;
  596. }
  597. /* Name.Namespace */
  598. .code-highlight .nt {
  599. color: #008000;
  600. font-weight: bold;
  601. }
  602. /* Name.Tag */
  603. .code-highlight .nv {
  604. color: #19177C;
  605. }
  606. /* Name.Variable */
  607. .code-highlight .ow {
  608. color: #AA22FF;
  609. font-weight: bold;
  610. }
  611. /* Operator.Word */
  612. .code-highlight .w {
  613. color: #bbbbbb;
  614. }
  615. /* Text.Whitespace */
  616. .code-highlight .mb {
  617. color: #666666;
  618. }
  619. /* Literal.Number.Bin */
  620. .code-highlight .mf {
  621. color: #666666;
  622. }
  623. /* Literal.Number.Float */
  624. .code-highlight .mh {
  625. color: #666666;
  626. }
  627. /* Literal.Number.Hex */
  628. .code-highlight .mi {
  629. color: #666666;
  630. }
  631. /* Literal.Number.Integer */
  632. .code-highlight .mo {
  633. color: #666666;
  634. }
  635. /* Literal.Number.Oct */
  636. .code-highlight .sa {
  637. color: #BA2121;
  638. }
  639. /* Literal.String.Affix */
  640. .code-highlight .sb {
  641. color: #BA2121;
  642. }
  643. /* Literal.String.Backtick */
  644. .code-highlight .sc {
  645. color: #BA2121;
  646. }
  647. /* Literal.String.Char */
  648. .code-highlight .dl {
  649. color: #BA2121;
  650. }
  651. /* Literal.String.Delimiter */
  652. .code-highlight .sd {
  653. color: #BA2121;
  654. font-style: italic;
  655. }
  656. /* Literal.String.Doc */
  657. .code-highlight .s2 {
  658. color: #BA2121;
  659. }
  660. /* Literal.String.Double */
  661. .code-highlight .se {
  662. color: #BB6622;
  663. font-weight: bold;
  664. }
  665. /* Literal.String.Escape */
  666. .code-highlight .sh {
  667. color: #BA2121;
  668. }
  669. /* Literal.String.Heredoc */
  670. .code-highlight .si {
  671. color: #BB6688;
  672. font-weight: bold;
  673. }
  674. /* Literal.String.Interpol */
  675. .code-highlight .sx {
  676. color: #008000;
  677. }
  678. /* Literal.String.Other */
  679. .code-highlight .sr {
  680. color: #BB6688;
  681. }
  682. /* Literal.String.Regex */
  683. .code-highlight .s1 {
  684. color: #BA2121;
  685. }
  686. /* Literal.String.Single */
  687. .code-highlight .ss {
  688. color: #19177C;
  689. }
  690. /* Literal.String.Symbol */
  691. .code-highlight .bp {
  692. color: #008000;
  693. }
  694. /* Name.Builtin.Pseudo */
  695. .code-highlight .fm {
  696. color: #0000FF;
  697. }
  698. /* Name.Function.Magic */
  699. .code-highlight .vc {
  700. color: #19177C;
  701. }
  702. /* Name.Variable.Class */
  703. .code-highlight .vg {
  704. color: #19177C;
  705. }
  706. /* Name.Variable.Global */
  707. .code-highlight .vi {
  708. color: #19177C;
  709. }
  710. /* Name.Variable.Instance */
  711. .code-highlight .vm {
  712. color: #19177C;
  713. }
  714. /* Name.Variable.Magic */
  715. .code-highlight .il {
  716. color: #666666;
  717. }
  718. /* Literal.Number.Integer.Long */
  719. html {
  720. position: relative;
  721. min-height: 100%;
  722. }
  723. body {
  724. /* Margin bottom by footer height */
  725. margin-bottom: 80px;
  726. }
  727. .footer {
  728. position: absolute;
  729. bottom: 0;
  730. width: 100%;
  731. /* Set the fixed height of the footer here */
  732. height: 60px;
  733. }
  734. input[type=checkbox]:checked + .label_hide_if_checked,
  735. input[type=checkbox]:checked + .label_hide_if_not_checked + .label_hide_if_checked {
  736. display: none;
  737. }
  738. input[type=checkbox]:not(:checked) + .label_hide_if_not_checked,
  739. input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not_checked {
  740. display: none;
  741. }
  742. .onoff-checkbox {
  743. width: 15%;
  744. }
  745. .onoffswitch {
  746. position: relative;
  747. width: 110px;
  748. -webkit-user-select: none;
  749. -moz-user-select: none;
  750. -ms-user-select: none;
  751. }
  752. .onoffswitch-checkbox {
  753. display: none;
  754. }
  755. .onoffswitch-label {
  756. display: block;
  757. overflow: hidden;
  758. cursor: pointer;
  759. border: 2px solid #FFFFFF !important;
  760. border-radius: 50px !important;
  761. }
  762. .onoffswitch-inner {
  763. display: block;
  764. transition: margin 0.3s ease-in 0s;
  765. }
  766. .onoffswitch-inner:before,
  767. .onoffswitch-inner:after {
  768. display: block;
  769. float: left;
  770. width: 50%;
  771. height: 30px;
  772. padding: 0;
  773. line-height: 40px;
  774. font-size: 20px;
  775. box-sizing: border-box;
  776. content: "";
  777. background-color: #EEEEEE;
  778. }
  779. .onoffswitch-switch {
  780. display: block;
  781. width: 37px;
  782. background-color: #00CC00;
  783. position: absolute;
  784. top: 0;
  785. bottom: 0;
  786. right: 0px;
  787. border: 2px solid #FFFFFF !important;
  788. border-radius: 50px !important;
  789. transition: all 0.3s ease-in 0s;
  790. }
  791. .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  792. margin-right: 0;
  793. }
  794. .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  795. right: 71px;
  796. background-color: #A1A1A1;
  797. }
  798. .result_header {
  799. margin-bottom: 5px;
  800. margin-top: 20px;
  801. }
  802. .result_header .favicon {
  803. margin-bottom: -3px;
  804. }
  805. .result_header a {
  806. vertical-align: bottom;
  807. }
  808. .result_header a .highlight {
  809. font-weight: bold;
  810. }
  811. .result-content {
  812. margin-top: 5px;
  813. word-wrap: break-word;
  814. }
  815. .result-content .highlight {
  816. font-weight: bold;
  817. }
  818. .result-default {
  819. clear: both;
  820. }
  821. .result-images {
  822. float: left !important;
  823. height: 138px;
  824. }
  825. .img-thumbnail {
  826. margin: 5px;
  827. max-height: 128px;
  828. }
  829. .result-videos {
  830. clear: both;
  831. }
  832. .result-torrents {
  833. clear: both;
  834. }
  835. .result-map {
  836. clear: both;
  837. }
  838. .result-code {
  839. clear: both;
  840. }
  841. .suggestion_item {
  842. margin: 2px 5px;
  843. max-width: 100%;
  844. }
  845. .suggestion_item .btn {
  846. max-width: 100%;
  847. white-space: normal;
  848. word-wrap: break-word;
  849. text-align: left;
  850. }
  851. .result_download {
  852. margin-right: 5px;
  853. }
  854. #pagination {
  855. margin-top: 30px;
  856. padding-bottom: 50px;
  857. }
  858. .label-default {
  859. color: #AAA;
  860. background: #FFF;
  861. }
  862. .result .text-muted small {
  863. word-wrap: break-word;
  864. }
  865. .modal-wrapper {
  866. box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  867. }
  868. .modal-wrapper {
  869. background-clip: padding-box;
  870. background-color: #fff;
  871. border: 1px solid rgba(0, 0, 0, 0.2);
  872. border-radius: 6px;
  873. box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  874. outline: 0 none;
  875. position: relative;
  876. }
  877. .highlight {
  878. font-weight: 700;
  879. }
  880. .infobox img {
  881. max-height: 250px;
  882. }
  883. .infobox .infobox_part {
  884. margin-bottom: 20px;
  885. word-wrap: break-word;
  886. table-layout: fixed;
  887. }
  888. .infobox .infobox_part:last-child {
  889. margin-bottom: 0;
  890. }
  891. .infobox .header_url {
  892. white-space: nowrap;
  893. overflow: hidden;
  894. text-overflow: ellipsis;
  895. display: block;
  896. }
  897. .infobox .infobox_toggle {
  898. width: 100%;
  899. text-align: center;
  900. margin-bottom: 0px;
  901. }
  902. .infobox .infobox_checkbox ~ .infobox_body {
  903. max-height: 300px;
  904. overflow: hidden;
  905. }
  906. .infobox .infobox_checkbox:checked ~ .infobox_body {
  907. max-height: none;
  908. }
  909. .infobox .infobox_checkbox ~ .infobox_toggle .infobox_label_down {
  910. display: block;
  911. }
  912. .infobox .infobox_checkbox ~ .infobox_toggle .infobox_label_up {
  913. display: none;
  914. }
  915. .infobox .infobox_checkbox:checked ~ .infobox_toggle .infobox_label_up {
  916. display: block;
  917. }
  918. .infobox .infobox_checkbox:checked ~ .infobox_toggle .infobox_label_down {
  919. display: none;
  920. }
  921. .infobox .infobox_checkbox ~ .infobox_body img.infobox_part {
  922. display: none;
  923. }
  924. .infobox .infobox_checkbox:checked ~ .infobox_body img.infobox_part {
  925. display: block;
  926. }
  927. .search_categories,
  928. #categories {
  929. text-transform: capitalize;
  930. margin-bottom: 1.5rem;
  931. margin-top: 1.5rem;
  932. display: flex;
  933. flex-wrap: wrap;
  934. align-content: stretch;
  935. }
  936. .search_categories label,
  937. #categories label,
  938. .search_categories .input-group-addon,
  939. #categories .input-group-addon {
  940. flex-grow: 1;
  941. flex-basis: auto;
  942. font-size: 1.3rem;
  943. font-weight: normal;
  944. background-color: white;
  945. border: #DDD 1px solid;
  946. border-right: none;
  947. color: #333;
  948. padding-bottom: 0.8rem;
  949. padding-top: 0.8rem;
  950. text-align: center;
  951. min-width: 50px;
  952. }
  953. .search_categories label:last-child,
  954. #categories label:last-child,
  955. .search_categories .input-group-addon:last-child,
  956. #categories .input-group-addon:last-child {
  957. border-right: #DDD 1px solid;
  958. }
  959. .search_categories input[type="checkbox"]:checked + label,
  960. #categories input[type="checkbox"]:checked + label {
  961. color: black;
  962. font-weight: bold;
  963. background-color: #EEE;
  964. }
  965. .visually-hidden {
  966. position: absolute !important;
  967. height: 1px;
  968. width: 1px;
  969. overflow: hidden;
  970. clip: rect(1px 1px 1px 1px);
  971. /* IE6, IE7 */
  972. clip: rect(1px, 1px, 1px, 1px);
  973. white-space: nowrap;
  974. /* added line */
  975. }
  976. #advanced-search-container {
  977. display: none;
  978. text-align: center;
  979. margin-bottom: 1rem;
  980. clear: both;
  981. }
  982. #advanced-search-container label,
  983. #advanced-search-container .input-group-addon {
  984. font-size: 1.3rem;
  985. font-weight: normal;
  986. background-color: white;
  987. border: #DDD 1px solid;
  988. border-right: none;
  989. color: #333;
  990. padding-bottom: 0.8rem;
  991. padding-left: 1.2rem;
  992. padding-right: 1.2rem;
  993. }
  994. #advanced-search-container label:last-child,
  995. #advanced-search-container .input-group-addon:last-child {
  996. border-right: #DDD 1px solid;
  997. }
  998. #advanced-search-container input[type="radio"] {
  999. display: none;
  1000. }
  1001. #advanced-search-container input[type="radio"]:checked + label {
  1002. color: black;
  1003. font-weight: bold;
  1004. background-color: #EEE;
  1005. }
  1006. #check-advanced {
  1007. display: none;
  1008. }
  1009. #check-advanced:checked ~ #advanced-search-container {
  1010. display: block;
  1011. }
  1012. .advanced {
  1013. padding: 0;
  1014. margin-top: 0.3rem;
  1015. text-align: right;
  1016. }
  1017. .advanced label,
  1018. .advanced select {
  1019. cursor: pointer;
  1020. }
  1021. .cursor-text {
  1022. cursor: text !important;
  1023. }
  1024. .cursor-pointer {
  1025. cursor: pointer !important;
  1026. }
  1027. .searx-navbar {
  1028. background: #eee;
  1029. color: #aaa;
  1030. height: 2.3rem;
  1031. font-size: 1.3rem;
  1032. line-height: 1.3rem;
  1033. padding: 0.5rem;
  1034. font-weight: bold;
  1035. margin-bottom: 1.3rem;
  1036. }
  1037. .searx-navbar a,
  1038. .searx-navbar a:hover {
  1039. margin-right: 2rem;
  1040. text-decoration: none;
  1041. }
  1042. .searx-navbar .instance a {
  1043. color: #444;
  1044. margin-left: 2rem;
  1045. }
  1046. .table > tbody > tr > td,
  1047. .table > tbody > tr > th {
  1048. vertical-align: middle !important;
  1049. }
  1050. .engine-tooltip {
  1051. display: none;
  1052. position: absolute;
  1053. padding: 0.5rem 1rem;
  1054. margin: 0rem 0 0 2rem;
  1055. border: 1px solid #ddd;
  1056. box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
  1057. background: white;
  1058. font-size: 14px;
  1059. font-weight: normal;
  1060. z-index: 1000000;
  1061. }
  1062. th:hover .engine-tooltip,
  1063. td:hover .engine-tooltip,
  1064. .engine-tooltip:hover {
  1065. display: inline-block;
  1066. }
  1067. /* stacked-bar-chart */
  1068. .stacked-bar-chart {
  1069. margin: 0;
  1070. padding: 0 0.125rem 0 3rem;
  1071. width: 100%;
  1072. width: -moz-available;
  1073. width: -webkit-fill-available;
  1074. width: fill;
  1075. flex-direction: row;
  1076. flex-wrap: nowrap;
  1077. flex-grow: 1;
  1078. align-items: center;
  1079. display: inline-flex;
  1080. }
  1081. .stacked-bar-chart-value {
  1082. width: 3rem;
  1083. display: inline-block;
  1084. position: absolute;
  1085. padding: 0 0.5rem;
  1086. text-align: right;
  1087. }
  1088. .stacked-bar-chart-base {
  1089. display: flex;
  1090. flex-shrink: 0;
  1091. flex-grow: 0;
  1092. flex-basis: unset;
  1093. }
  1094. .stacked-bar-chart-median {
  1095. display: flex;
  1096. flex-shrink: 0;
  1097. flex-grow: 0;
  1098. flex-basis: unset;
  1099. background: #000000;
  1100. border: 1px solid rgba(0, 0, 0, 0.9);
  1101. padding: 0.3rem 0;
  1102. }
  1103. .stacked-bar-chart-rate80 {
  1104. display: flex;
  1105. flex-shrink: 0;
  1106. flex-grow: 0;
  1107. flex-basis: unset;
  1108. background: transparent;
  1109. border: 1px solid rgba(0, 0, 0, 0.3);
  1110. padding: 0.3rem 0;
  1111. }
  1112. .stacked-bar-chart-rate95 {
  1113. display: flex;
  1114. flex-shrink: 0;
  1115. flex-grow: 0;
  1116. flex-basis: unset;
  1117. background: transparent;
  1118. border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
  1119. padding: 0;
  1120. }
  1121. .stacked-bar-chart-rate100 {
  1122. display: flex;
  1123. flex-shrink: 0;
  1124. flex-grow: 0;
  1125. flex-basis: unset;
  1126. background: transparent;
  1127. border-left: 1px solid rgba(0, 0, 0, 0.9);
  1128. padding: 0.4rem 0;
  1129. width: 1px;
  1130. }