logicodev.css 21 KB

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