logicodev.css 24 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423
  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. .osm-map-box {
  373. height: 300px;
  374. width: 100%;
  375. margin: 10px 0;
  376. }
  377. .default-image-style {
  378. width: auto;
  379. max-height: 60px;
  380. min-height: 60px;
  381. }
  382. .col-stat {
  383. width: 10rem;
  384. }
  385. /*
  386. this file is generated automatically by searxng_extra/update/update_pygments.py
  387. using pygments version 2.10.0
  388. */
  389. .code-highlight .linenos {
  390. -webkit-touch-callout: none;
  391. -webkit-user-select: none;
  392. -khtml-user-select: none;
  393. -moz-user-select: none;
  394. -ms-user-select: none;
  395. user-select: none;
  396. cursor: default;
  397. margin-right: 8px;
  398. text-align: right;
  399. }
  400. .code-highlight .linenos::selection {
  401. background: transparent;
  402. /* WebKit/Blink Browsers */
  403. }
  404. .code-highlight .linenos::-moz-selection {
  405. background: transparent;
  406. /* Gecko Browsers */
  407. }
  408. .code-highlight pre {
  409. line-height: 125%;
  410. }
  411. .code-highlight td.linenos .normal {
  412. color: inherit;
  413. background-color: transparent;
  414. padding-left: 5px;
  415. padding-right: 5px;
  416. }
  417. .code-highlight span.linenos {
  418. color: inherit;
  419. background-color: transparent;
  420. padding-left: 5px;
  421. padding-right: 5px;
  422. }
  423. .code-highlight td.linenos .special {
  424. color: #000000;
  425. background-color: #ffffc0;
  426. padding-left: 5px;
  427. padding-right: 5px;
  428. }
  429. .code-highlight span.linenos.special {
  430. color: #000000;
  431. background-color: #ffffc0;
  432. padding-left: 5px;
  433. padding-right: 5px;
  434. }
  435. .code-highlight .hll {
  436. background-color: #ffffcc;
  437. }
  438. .code-highlight {
  439. background: #282C34;
  440. }
  441. .code-highlight .c {
  442. color: #556366;
  443. font-style: italic;
  444. }
  445. /* Comment */
  446. .code-highlight .err {
  447. border: 1px solid #ff0000;
  448. }
  449. /* Error */
  450. .code-highlight .k {
  451. color: #BE74D5;
  452. font-weight: bold;
  453. }
  454. /* Keyword */
  455. .code-highlight .o {
  456. color: #D19A66;
  457. }
  458. /* Operator */
  459. .code-highlight .ch {
  460. color: #556366;
  461. font-style: italic;
  462. }
  463. /* Comment.Hashbang */
  464. .code-highlight .cm {
  465. color: #556366;
  466. font-style: italic;
  467. }
  468. /* Comment.Multiline */
  469. .code-highlight .cp {
  470. color: #BC7A00;
  471. font-style: italic;
  472. }
  473. /* Comment.Preproc */
  474. .code-highlight .cpf {
  475. color: #556366;
  476. font-style: italic;
  477. }
  478. /* Comment.PreprocFile */
  479. .code-highlight .c1 {
  480. color: #556366;
  481. font-style: italic;
  482. }
  483. /* Comment.Single */
  484. .code-highlight .cs {
  485. color: #556366;
  486. font-style: italic;
  487. }
  488. /* Comment.Special */
  489. .code-highlight .gd {
  490. color: #A00000;
  491. }
  492. /* Generic.Deleted */
  493. .code-highlight .ge {
  494. font-style: italic;
  495. }
  496. /* Generic.Emph */
  497. .code-highlight .gr {
  498. color: #FF0000;
  499. }
  500. /* Generic.Error */
  501. .code-highlight .gh {
  502. color: #000080;
  503. font-weight: bold;
  504. }
  505. /* Generic.Heading */
  506. .code-highlight .gi {
  507. color: #00A000;
  508. }
  509. /* Generic.Inserted */
  510. .code-highlight .go {
  511. color: #888888;
  512. }
  513. /* Generic.Output */
  514. .code-highlight .gp {
  515. color: #000080;
  516. font-weight: bold;
  517. }
  518. /* Generic.Prompt */
  519. .code-highlight .gs {
  520. font-weight: bold;
  521. }
  522. /* Generic.Strong */
  523. .code-highlight .gu {
  524. color: #800080;
  525. font-weight: bold;
  526. }
  527. /* Generic.Subheading */
  528. .code-highlight .gt {
  529. color: #0044DD;
  530. }
  531. /* Generic.Traceback */
  532. .code-highlight .kc {
  533. color: #BE74D5;
  534. font-weight: bold;
  535. }
  536. /* Keyword.Constant */
  537. .code-highlight .kd {
  538. color: #BE74D5;
  539. font-weight: bold;
  540. }
  541. /* Keyword.Declaration */
  542. .code-highlight .kn {
  543. color: #BE74D5;
  544. font-weight: bold;
  545. }
  546. /* Keyword.Namespace */
  547. .code-highlight .kp {
  548. color: #BE74D5;
  549. font-weight: bold;
  550. }
  551. /* Keyword.Pseudo */
  552. .code-highlight .kr {
  553. color: #BE74D5;
  554. font-weight: bold;
  555. }
  556. /* Keyword.Reserved */
  557. .code-highlight .kt {
  558. color: #D46C72;
  559. font-weight: bold;
  560. }
  561. /* Keyword.Type */
  562. .code-highlight .m {
  563. color: #D19A66;
  564. }
  565. /* Literal.Number */
  566. .code-highlight .s {
  567. color: #86C372;
  568. }
  569. /* Literal.String */
  570. .code-highlight .na {
  571. color: #7D9029;
  572. }
  573. /* Name.Attribute */
  574. .code-highlight .nb {
  575. color: #BE74D5;
  576. }
  577. /* Name.Builtin */
  578. .code-highlight .nc {
  579. color: #61AFEF;
  580. font-weight: bold;
  581. }
  582. /* Name.Class */
  583. .code-highlight .no {
  584. color: #D19A66;
  585. }
  586. /* Name.Constant */
  587. .code-highlight .nd {
  588. color: #AA22FF;
  589. }
  590. /* Name.Decorator */
  591. .code-highlight .ni {
  592. color: #999999;
  593. font-weight: bold;
  594. }
  595. /* Name.Entity */
  596. .code-highlight .ne {
  597. color: #D2413A;
  598. font-weight: bold;
  599. }
  600. /* Name.Exception */
  601. .code-highlight .nf {
  602. color: #61AFEF;
  603. }
  604. /* Name.Function */
  605. .code-highlight .nl {
  606. color: #A0A000;
  607. }
  608. /* Name.Label */
  609. .code-highlight .nn {
  610. color: #61AFEF;
  611. font-weight: bold;
  612. }
  613. /* Name.Namespace */
  614. .code-highlight .nt {
  615. color: #BE74D5;
  616. font-weight: bold;
  617. }
  618. /* Name.Tag */
  619. .code-highlight .nv {
  620. color: #DFC06F;
  621. }
  622. /* Name.Variable */
  623. .code-highlight .ow {
  624. color: #AA22FF;
  625. font-weight: bold;
  626. }
  627. /* Operator.Word */
  628. .code-highlight .w {
  629. color: #D7DAE0;
  630. }
  631. /* Text.Whitespace */
  632. .code-highlight .mb {
  633. color: #D19A66;
  634. }
  635. /* Literal.Number.Bin */
  636. .code-highlight .mf {
  637. color: #D19A66;
  638. }
  639. /* Literal.Number.Float */
  640. .code-highlight .mh {
  641. color: #D19A66;
  642. }
  643. /* Literal.Number.Hex */
  644. .code-highlight .mi {
  645. color: #D19A66;
  646. }
  647. /* Literal.Number.Integer */
  648. .code-highlight .mo {
  649. color: #D19A66;
  650. }
  651. /* Literal.Number.Oct */
  652. .code-highlight .sa {
  653. color: #86C372;
  654. }
  655. /* Literal.String.Affix */
  656. .code-highlight .sb {
  657. color: #86C372;
  658. }
  659. /* Literal.String.Backtick */
  660. .code-highlight .sc {
  661. color: #86C372;
  662. }
  663. /* Literal.String.Char */
  664. .code-highlight .dl {
  665. color: #86C372;
  666. }
  667. /* Literal.String.Delimiter */
  668. .code-highlight .sd {
  669. color: #86C372;
  670. font-style: italic;
  671. }
  672. /* Literal.String.Doc */
  673. .code-highlight .s2 {
  674. color: #86C372;
  675. }
  676. /* Literal.String.Double */
  677. .code-highlight .se {
  678. color: #BB6622;
  679. font-weight: bold;
  680. }
  681. /* Literal.String.Escape */
  682. .code-highlight .sh {
  683. color: #86C372;
  684. }
  685. /* Literal.String.Heredoc */
  686. .code-highlight .si {
  687. color: #BB6688;
  688. font-weight: bold;
  689. }
  690. /* Literal.String.Interpol */
  691. .code-highlight .sx {
  692. color: #BE74D5;
  693. }
  694. /* Literal.String.Other */
  695. .code-highlight .sr {
  696. color: #BB6688;
  697. }
  698. /* Literal.String.Regex */
  699. .code-highlight .s1 {
  700. color: #86C372;
  701. }
  702. /* Literal.String.Single */
  703. .code-highlight .ss {
  704. color: #DFC06F;
  705. }
  706. /* Literal.String.Symbol */
  707. .code-highlight .bp {
  708. color: #BE74D5;
  709. }
  710. /* Name.Builtin.Pseudo */
  711. .code-highlight .fm {
  712. color: #61AFEF;
  713. }
  714. /* Name.Function.Magic */
  715. .code-highlight .vc {
  716. color: #DFC06F;
  717. }
  718. /* Name.Variable.Class */
  719. .code-highlight .vg {
  720. color: #DFC06F;
  721. }
  722. /* Name.Variable.Global */
  723. .code-highlight .vi {
  724. color: #DFC06F;
  725. }
  726. /* Name.Variable.Instance */
  727. .code-highlight .vm {
  728. color: #DFC06F;
  729. }
  730. /* Name.Variable.Magic */
  731. .code-highlight .il {
  732. color: #D19A66;
  733. }
  734. /* Literal.Number.Integer.Long */
  735. .searxng-navbar {
  736. background: #29314D;
  737. height: 2.3rem;
  738. font-size: 1.3rem;
  739. line-height: 1.3rem;
  740. padding: 0.5rem;
  741. font-weight: bold;
  742. margin-bottom: 0.8rem;
  743. }
  744. .searxng-navbar a,
  745. .searxng-navbar a:hover {
  746. margin-right: 2rem;
  747. color: white;
  748. text-decoration: none;
  749. }
  750. .searxng-navbar .instance a {
  751. color: #01D7D4;
  752. margin-left: 2rem;
  753. }
  754. #main-logo {
  755. margin-top: 20vh;
  756. margin-bottom: 25px;
  757. }
  758. #main-logo > img {
  759. max-width: 350px;
  760. width: 80%;
  761. }
  762. * {
  763. border-radius: 0 !important;
  764. }
  765. html {
  766. position: relative;
  767. min-height: 100%;
  768. color: #29314D;
  769. }
  770. body {
  771. /* Margin bottom by footer height */
  772. font-family: 'Roboto', Helvetica, Arial, sans-serif;
  773. margin-bottom: 80px;
  774. background-color: white;
  775. }
  776. body a {
  777. color: #0088CC;
  778. }
  779. .footer {
  780. position: absolute;
  781. bottom: 0;
  782. width: 100%;
  783. /* Set the fixed height of the footer here */
  784. height: 60px;
  785. text-align: center;
  786. color: #999;
  787. }
  788. input[type=checkbox]:checked + .label_hide_if_checked,
  789. input[type=checkbox]:checked + .label_hide_if_not_checked + .label_hide_if_checked {
  790. display: none;
  791. }
  792. input[type=checkbox]:not(:checked) + .label_hide_if_not_checked,
  793. input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not_checked {
  794. display: none;
  795. }
  796. .onoff-checkbox {
  797. width: 15%;
  798. }
  799. .onoffswitch {
  800. position: relative;
  801. width: 110px;
  802. -webkit-user-select: none;
  803. -moz-user-select: none;
  804. -ms-user-select: none;
  805. }
  806. .onoffswitch-checkbox {
  807. opacity: 0;
  808. position: absolute;
  809. }
  810. .onoffswitch-checkbox:before {
  811. content: "";
  812. display: inline-block;
  813. width: 16px;
  814. height: 16px;
  815. margin-right: 10px;
  816. position: absolute;
  817. left: 0;
  818. bottom: 1px;
  819. background-color: #fff;
  820. border: 1px solid #ccc;
  821. border-radius: 0px;
  822. }
  823. .onoffswitch-label {
  824. display: block;
  825. overflow: hidden;
  826. cursor: pointer;
  827. border: 2px solid #FFFFFF !important;
  828. border-radius: 50px !important;
  829. }
  830. .onoffswitch-inner {
  831. display: block;
  832. transition: margin 0.3s ease-in 0s;
  833. }
  834. .onoffswitch-inner:before,
  835. .onoffswitch-inner:after {
  836. display: block;
  837. float: left;
  838. width: 50%;
  839. height: 30px;
  840. padding: 0;
  841. line-height: 40px;
  842. font-size: 20px;
  843. box-sizing: border-box;
  844. content: "";
  845. background-color: #EEEEEE;
  846. }
  847. .onoffswitch-switch {
  848. display: block;
  849. width: 37px;
  850. background-color: #01D7D4;
  851. position: absolute;
  852. top: 0;
  853. bottom: 0;
  854. right: 0px;
  855. border: 2px solid #FFFFFF;
  856. border-radius: 50px !important;
  857. transition: all 0.3s ease-in 0s;
  858. }
  859. .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  860. margin-right: 0;
  861. }
  862. .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  863. right: 71px;
  864. background-color: #A1A1A1;
  865. }
  866. .onoffswitch-checkbox:focus + .onoffswitch-label .onoffswitch-switch {
  867. border: 3px solid #444444;
  868. }
  869. .result_header {
  870. margin-top: 0px;
  871. margin-bottom: 2px;
  872. font-size: 16px;
  873. }
  874. .result_header .favicon {
  875. margin-bottom: -3px;
  876. }
  877. .result_header a {
  878. color: #29314D;
  879. text-decoration: none;
  880. }
  881. .result_header a:hover {
  882. color: #0088CC;
  883. }
  884. .result_header a:visited {
  885. color: #684898;
  886. }
  887. .result_header a .highlight {
  888. background-color: #F6F9FA;
  889. }
  890. .result-content,
  891. .result-format,
  892. .result-source {
  893. margin-top: 2px;
  894. margin-bottom: 0;
  895. word-wrap: break-word;
  896. color: #666;
  897. font-size: 13px;
  898. }
  899. .result .highlight {
  900. font-weight: bold;
  901. }
  902. .result-source {
  903. font-size: 10px;
  904. float: left;
  905. }
  906. .result-format {
  907. font-size: 10px;
  908. float: right;
  909. }
  910. .result-abstract {
  911. margin-top: 0.5em;
  912. margin-bottom: 0.8em;
  913. }
  914. .external-link {
  915. color: #068922;
  916. font-size: 12px;
  917. margin-bottom: 15px;
  918. }
  919. .external-link a {
  920. margin-right: 3px;
  921. }
  922. .result-default,
  923. .result-code,
  924. .result-torrent,
  925. .result-videos,
  926. .result-map {
  927. clear: both;
  928. padding: 0.5em 4px;
  929. }
  930. .result-default:hover,
  931. .result-code:hover,
  932. .result-torrent:hover,
  933. .result-videos:hover,
  934. .result-map:hover {
  935. background-color: #F6F9FA;
  936. }
  937. .result-images {
  938. float: left !important;
  939. margin: 0;
  940. padding: 0;
  941. }
  942. .result-images a {
  943. display: block;
  944. width: 100%;
  945. background-size: cover;
  946. }
  947. .result-images a .img-thumbnail {
  948. border: none !important;
  949. padding: 0;
  950. }
  951. .result-images a:hover,
  952. .result-images a:focus {
  953. outline: 0;
  954. }
  955. .result-images a:hover .img-thumbnail,
  956. .result-images a:focus .img-thumbnail {
  957. box-shadow: 5px 5px 15px 0px black;
  958. }
  959. .result-images.js a .img-thumbnail {
  960. max-height: inherit;
  961. min-height: inherit;
  962. }
  963. .result-images:not(.js) {
  964. width: 25%;
  965. padding: 3px 13px 13px 3px;
  966. }
  967. .result-images:not(.js) a .img-thumbnail {
  968. margin: 0;
  969. max-height: 128px;
  970. min-height: 128px;
  971. }
  972. .img-thumbnail {
  973. margin: 5px;
  974. max-height: 128px;
  975. min-height: 128px;
  976. }
  977. .result-videos {
  978. clear: both;
  979. }
  980. .result-videos hr {
  981. margin: 5px 0 15px 0;
  982. }
  983. .result-videos .collapse {
  984. width: 100%;
  985. }
  986. .result-videos .in {
  987. margin-bottom: 8px;
  988. }
  989. .result-torrent {
  990. clear: both;
  991. }
  992. .result-torrent b {
  993. margin-right: 5px;
  994. margin-left: 5px;
  995. }
  996. .result-torrent .seeders {
  997. color: #2ecc71;
  998. }
  999. .result-torrent .leechers {
  1000. color: #F35E77;
  1001. }
  1002. .result-metadata {
  1003. clear: both;
  1004. margin: 1em;
  1005. }
  1006. .result-metadata td {
  1007. padding-right: 1em;
  1008. color: #A4A4A4;
  1009. }
  1010. .result-metadata td:first-of-type {
  1011. color: #666;
  1012. }
  1013. .result-map {
  1014. clear: both;
  1015. }
  1016. .result-map .img-thumbnail {
  1017. float: right;
  1018. width: auto;
  1019. height: 120px;
  1020. border: 0;
  1021. background: inherit;
  1022. }
  1023. .result-map .img-type {
  1024. width: 20px;
  1025. max-height: 20px;
  1026. }
  1027. .result-map .result-map-details {
  1028. font-size: 13px;
  1029. border-collapse: separate;
  1030. border-spacing: 0 0.35rem;
  1031. }
  1032. .result-map .result-map-details th {
  1033. font-weight: inherit;
  1034. width: 20rem;
  1035. vertical-align: top;
  1036. }
  1037. .result-map .result-map-details td {
  1038. vertical-align: top;
  1039. }
  1040. .result-code {
  1041. clear: both;
  1042. }
  1043. .result-code .code-fork,
  1044. .result-code .code-fork a {
  1045. color: #666;
  1046. }
  1047. .suggestion_item {
  1048. margin: 2px 5px;
  1049. max-width: 100%;
  1050. }
  1051. .suggestion_item .btn {
  1052. max-width: 100%;
  1053. white-space: normal;
  1054. word-wrap: break-word;
  1055. text-align: left;
  1056. }
  1057. .result_download {
  1058. margin-right: 5px;
  1059. }
  1060. #pagination {
  1061. margin-top: 30px;
  1062. padding-bottom: 60px;
  1063. }
  1064. .label-default {
  1065. color: #666;
  1066. background: transparent;
  1067. }
  1068. .result .text-muted small {
  1069. word-wrap: break-word;
  1070. }
  1071. .modal-wrapper {
  1072. box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  1073. }
  1074. .modal-wrapper {
  1075. background-clip: padding-box;
  1076. background-color: #fff;
  1077. border: 1px solid rgba(0, 0, 0, 0.2);
  1078. border-radius: 6px;
  1079. box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  1080. outline: 0 none;
  1081. position: relative;
  1082. }
  1083. @media screen and (max-width: 75em) {
  1084. .img-thumbnail {
  1085. object-fit: cover;
  1086. }
  1087. }
  1088. .infobox .panel-heading {
  1089. background-color: #F6F9FA;
  1090. }
  1091. .infobox .panel-heading .panel-title {
  1092. font-weight: 700;
  1093. }
  1094. .infobox .header_url {
  1095. white-space: nowrap;
  1096. overflow: hidden;
  1097. text-overflow: ellipsis;
  1098. display: block;
  1099. }
  1100. .infobox p {
  1101. font-family: "DejaVu Serif", Georgia, Cambria, "Times New Roman", Times, serif !important;
  1102. font-style: italic;
  1103. }
  1104. .infobox img {
  1105. max-height: "250px";
  1106. }
  1107. .infobox .btn {
  1108. background-color: #007AB8;
  1109. border: none;
  1110. }
  1111. .infobox .btn a {
  1112. color: white;
  1113. margin: 5px;
  1114. }
  1115. .infobox .infobox_part {
  1116. margin-bottom: 20px;
  1117. word-wrap: break-word;
  1118. table-layout: fixed;
  1119. }
  1120. .infobox .infobox_part:last-child {
  1121. margin-bottom: 0;
  1122. }
  1123. .infobox .infobox_toggle {
  1124. width: 100%;
  1125. text-align: center;
  1126. margin-bottom: 0px;
  1127. cursor: pointer;
  1128. }
  1129. .infobox .infobox_toggle:hover {
  1130. background: #DDD;
  1131. }
  1132. .infobox .infobox_checkbox ~ .infobox_body {
  1133. max-height: 300px;
  1134. overflow: hidden;
  1135. }
  1136. .infobox .infobox_checkbox:checked ~ .infobox_body {
  1137. max-height: none;
  1138. }
  1139. .infobox .infobox_checkbox ~ .infobox_toggle .infobox_label_down {
  1140. display: block;
  1141. }
  1142. .infobox .infobox_checkbox ~ .infobox_toggle .infobox_label_up {
  1143. display: none;
  1144. }
  1145. .infobox .infobox_checkbox:checked ~ .infobox_toggle .infobox_label_up {
  1146. display: block;
  1147. }
  1148. .infobox .infobox_checkbox:checked ~ .infobox_toggle .infobox_label_down {
  1149. display: none;
  1150. }
  1151. .infobox .infobox_checkbox ~ .infobox_body img.infobox_part {
  1152. display: none;
  1153. }
  1154. .infobox .infobox_checkbox:checked ~ .infobox_body img.infobox_part {
  1155. display: block;
  1156. }
  1157. .search_categories,
  1158. #categories {
  1159. text-transform: capitalize;
  1160. margin-bottom: 0.5rem;
  1161. display: flex;
  1162. flex-wrap: wrap;
  1163. flex-flow: row wrap;
  1164. align-content: stretch;
  1165. }
  1166. .search_categories label,
  1167. #categories label,
  1168. .search_categories .input-group-addon,
  1169. #categories .input-group-addon {
  1170. flex-grow: 1;
  1171. flex-basis: auto;
  1172. font-size: 1.2rem;
  1173. font-weight: normal;
  1174. background-color: white;
  1175. border: #DDD 1px solid;
  1176. border-right: none;
  1177. color: #666;
  1178. padding-bottom: 0.4rem;
  1179. padding-top: 0.4rem;
  1180. text-align: center;
  1181. min-width: 50px;
  1182. }
  1183. .search_categories label:last-child,
  1184. #categories label:last-child,
  1185. .search_categories .input-group-addon:last-child,
  1186. #categories .input-group-addon:last-child {
  1187. border-right: #DDD 1px solid;
  1188. }
  1189. .search_categories input[type="checkbox"]:checked + label,
  1190. #categories input[type="checkbox"]:checked + label {
  1191. color: #29314D;
  1192. font-weight: bold;
  1193. border-bottom: #01D7D4 5px solid;
  1194. }
  1195. #main-logo {
  1196. margin-top: 10vh;
  1197. margin-bottom: 25px;
  1198. }
  1199. #main-logo > img {
  1200. max-width: 350px;
  1201. width: 80%;
  1202. }
  1203. #q {
  1204. box-shadow: none;
  1205. border-right: none;
  1206. border-color: #888;
  1207. }
  1208. #search_form .input-group-btn .btn {
  1209. border-color: #888;
  1210. }
  1211. #search_form .input-group-btn .btn:hover {
  1212. background-color: #068922;
  1213. color: white;
  1214. }
  1215. .custom-select,
  1216. .custom-select-rtl {
  1217. appearance: none;
  1218. -webkit-appearance: none;
  1219. -moz-appearance: none;
  1220. font-size: 1.2rem;
  1221. font-weight: normal;
  1222. background-color: white;
  1223. border: #888 1px solid;
  1224. color: #666;
  1225. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAABFkAAARZAVnbJUkAAAAHdElNRQfgBxgLDwB20OFsAAAAbElEQVQY073OsQ3CMAAEwJMYwJGnsAehpoXJItltBkmcdZBYgIIiQoLglnz3ui+eP+bk5uneteTMZJa6OJuIqvYzSJoqwqBq8gdmTTW86/dghxAUq4xsVYT9laBYXCw93Aajh7GPEF23t4fkBYevGFTANkPRAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA3LTI0VDExOjU1OjU4KzAyOjAwRFqFOQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wNy0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) 96% no-repeat;
  1226. }
  1227. .custom-select-rtl {
  1228. background-position-x: 4%;
  1229. }
  1230. .search-margin {
  1231. margin-bottom: 0.6em;
  1232. }
  1233. .visually-hidden {
  1234. position: absolute !important;
  1235. height: 1px;
  1236. width: 1px;
  1237. overflow: hidden;
  1238. clip: rect(1px, 1px, 1px, 1px);
  1239. white-space: nowrap;
  1240. }
  1241. .label-danger,
  1242. .btn-danger {
  1243. background: #c9432f;
  1244. }
  1245. .label-success,
  1246. .btn-success {
  1247. background: #068922;
  1248. }
  1249. select.form-control {
  1250. border-color: #888 !important;
  1251. }
  1252. #advanced-search-container {
  1253. display: none;
  1254. text-align: left;
  1255. margin-bottom: 1rem;
  1256. clear: both;
  1257. }
  1258. #advanced-search-container label,
  1259. #advanced-search-container .input-group-addon {
  1260. font-size: 1.2rem;
  1261. font-weight: normal;
  1262. background-color: white;
  1263. border: #DDD 1px solid;
  1264. border-right: none;
  1265. color: #666;
  1266. padding-bottom: 0.4rem;
  1267. padding-right: 0.7rem;
  1268. padding-left: 0.7rem;
  1269. }
  1270. #advanced-search-container label:last-child,
  1271. #advanced-search-container .input-group-addon:last-child {
  1272. border-right: #DDD 1px solid;
  1273. }
  1274. #advanced-search-container input[type="radio"] {
  1275. display: none;
  1276. }
  1277. #advanced-search-container input[type="radio"]:checked + label {
  1278. color: #29314D;
  1279. font-weight: bold;
  1280. border-bottom: #01D7D4 5px solid;
  1281. }
  1282. #check-advanced:focus + label {
  1283. text-decoration: underline;
  1284. }
  1285. #check-advanced:checked ~ #advanced-search-container {
  1286. display: block;
  1287. }
  1288. .advanced {
  1289. padding: 0;
  1290. margin-top: 0.3rem;
  1291. text-align: right;
  1292. }
  1293. .advanced label,
  1294. .advanced select {
  1295. cursor: pointer;
  1296. }
  1297. .cursor-text {
  1298. cursor: text !important;
  1299. }
  1300. .cursor-pointer {
  1301. cursor: pointer !important;
  1302. }
  1303. pre,
  1304. code {
  1305. font-family: 'Ubuntu Mono', 'Courier New', 'Lucida Console', monospace !important;
  1306. }
  1307. .code-highlight pre {
  1308. margin-bottom: 25px;
  1309. padding: 20px 10px;
  1310. background-color: inherit;
  1311. color: inherit;
  1312. border: inherit;
  1313. color: #D7DAE0;
  1314. }
  1315. .table > tbody > tr > td,
  1316. .table > tbody > tr > th {
  1317. vertical-align: middle !important;
  1318. }
  1319. .nav-tabs.nav-justified {
  1320. margin-bottom: 20px;
  1321. }
  1322. p {
  1323. margin: 10px 0;
  1324. }
  1325. input.cursor-text {
  1326. margin: 10px 0;
  1327. }
  1328. .engine-tooltip {
  1329. display: none;
  1330. position: absolute;
  1331. padding: 0.5rem 1rem;
  1332. margin: 0rem 0 0 2rem;
  1333. border: 1px solid #ddd;
  1334. box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
  1335. background: white;
  1336. font-size: 14px;
  1337. font-weight: normal;
  1338. z-index: 1000000;
  1339. max-width: 40rem;
  1340. }
  1341. td:hover .engine-tooltip,
  1342. th:hover .engine-tooltip,
  1343. .engine-tooltip:hover {
  1344. display: inline-block;
  1345. }
  1346. /* stacked-bar-chart */
  1347. .stacked-bar-chart {
  1348. margin: 0;
  1349. padding: 0 0.125rem 0 3rem;
  1350. width: 100%;
  1351. width: -moz-available;
  1352. width: -webkit-fill-available;
  1353. width: fill;
  1354. flex-direction: row;
  1355. flex-wrap: nowrap;
  1356. flex-grow: 1;
  1357. align-items: center;
  1358. display: inline-flex;
  1359. }
  1360. .stacked-bar-chart-value {
  1361. width: 3rem;
  1362. display: inline-block;
  1363. position: absolute;
  1364. padding: 0 0.5rem;
  1365. text-align: right;
  1366. }
  1367. .stacked-bar-chart-base {
  1368. display: flex;
  1369. flex-shrink: 0;
  1370. flex-grow: 0;
  1371. flex-basis: unset;
  1372. }
  1373. .stacked-bar-chart-median {
  1374. display: flex;
  1375. flex-shrink: 0;
  1376. flex-grow: 0;
  1377. flex-basis: unset;
  1378. background: #000000;
  1379. border: 1px solid rgba(0, 0, 0, 0.9);
  1380. padding: 0.3rem 0;
  1381. }
  1382. .stacked-bar-chart-rate80 {
  1383. display: flex;
  1384. flex-shrink: 0;
  1385. flex-grow: 0;
  1386. flex-basis: unset;
  1387. background: transparent;
  1388. border: 1px solid rgba(0, 0, 0, 0.3);
  1389. padding: 0.3rem 0;
  1390. }
  1391. .stacked-bar-chart-rate95 {
  1392. display: flex;
  1393. flex-shrink: 0;
  1394. flex-grow: 0;
  1395. flex-basis: unset;
  1396. background: transparent;
  1397. border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
  1398. padding: 0;
  1399. }
  1400. .stacked-bar-chart-rate100 {
  1401. display: flex;
  1402. flex-shrink: 0;
  1403. flex-grow: 0;
  1404. flex-basis: unset;
  1405. background: transparent;
  1406. border-left: 1px solid rgba(0, 0, 0, 0.9);
  1407. padding: 0.4rem 0;
  1408. width: 1px;
  1409. }
  1410. /* Safari 9+
  1411. Conditional/Hack CSS from https://browserstrangeness.github.io/css_hacks.html
  1412. */
  1413. @supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
  1414. .twitter-typeahead .tt-input:focus {
  1415. z-index: 2;
  1416. }
  1417. .input-group-btn:last-child > .btn,
  1418. .input-group-btn:last-child > .btn-group {
  1419. margin-left: inherit !important;
  1420. }
  1421. }