logicodev.css 18 KB

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