logicodev-dark.css 24 KB

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