tt-rss.less 18 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234
  1. body.ttrss_main {
  2. background : white;
  3. color : black;
  4. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  5. font-size: 14px;
  6. overflow : hidden;
  7. :focus {
  8. outline: none;
  9. }
  10. div.post {
  11. padding : 0px;
  12. font-size : 13px;
  13. div.header {
  14. padding : 5px;
  15. color : #909090;
  16. border: 0px solid #ddd;
  17. border-bottom-width: 1px;
  18. background: #f0f0f0;
  19. .left, .right {
  20. display : flex;
  21. }
  22. .row {
  23. display : flex;
  24. margin-bottom : 4px;
  25. flex-wrap : nowrap;
  26. > * {
  27. align-self : center;
  28. }
  29. }
  30. .comments {
  31. flex-grow : 2;
  32. }
  33. .date {
  34. text-align : right;
  35. white-space : nowrap;
  36. align-self : flex-start;
  37. }
  38. img, i {
  39. margin : 0px 4px;
  40. vertical-align: middle;
  41. }
  42. .title {
  43. flex-grow : 2;
  44. align-self : flex-start;
  45. font-size : 15px;
  46. font-weight : 600;
  47. text-rendering: optimizelegibility;
  48. font-family : @fonts-ui-bold;
  49. }
  50. }
  51. div.content {
  52. padding : 10px;
  53. font-size : 16px;
  54. img,
  55. video {
  56. border-width : 0px;
  57. max-width : 98%;
  58. height: auto;
  59. }
  60. p {
  61. hyphens: auto;
  62. }
  63. iframe {
  64. min-width : 50%;
  65. max-width : 98%;
  66. }
  67. }
  68. }
  69. .inline-player {
  70. display : flex;
  71. > * {
  72. align-self : center;
  73. }
  74. audio {
  75. margin-right : 8px;
  76. }
  77. }
  78. .article-note {
  79. background-color : #fff7d5;
  80. margin : 5px;
  81. border: 1px solid #e7d796;
  82. color : #9a8c59;
  83. display : flex;
  84. > * {
  85. align-self : center;
  86. padding : 5px;
  87. }
  88. }
  89. .article-note.editable {
  90. cursor : pointer;
  91. }
  92. h1 {
  93. font-size : 18px;
  94. font-weight : 600;
  95. text-rendering: optimizelegibility;
  96. //font-family : @fonts-ui;
  97. }
  98. h2 {
  99. font-size : 16px;
  100. font-weight : 600;
  101. text-rendering: optimizelegibility;
  102. //font-family : @fonts-ui;
  103. }
  104. h3 {
  105. font-size : 16px;
  106. font-weight : 600;
  107. text-rendering: optimizelegibility;
  108. //font-family : @fonts-ui;
  109. }
  110. h4 {
  111. font-size : 14px;
  112. font-weight : 600;
  113. text-rendering: optimizelegibility;
  114. //font-family : @fonts-ui;
  115. }
  116. hr {
  117. border: 0px solid #ccc;
  118. border-bottom-width: 1px;
  119. }
  120. a {
  121. color: @color-link;
  122. text-decoration: none;
  123. }
  124. a:hover {
  125. color: darken(@color-link, 20%);
  126. text-decoration: underline;
  127. }
  128. #notify.visible {
  129. transform: translate(0, -45px);
  130. }
  131. #notify {
  132. bottom : -45px;
  133. right : 0px;
  134. height : 30px;
  135. left : 0px;
  136. border-width : 1px 0px 0px 0px;
  137. border-style : solid;
  138. position : fixed;
  139. font-size : 13px;
  140. z-index : 99;
  141. display : flex;
  142. transition: all 0.5s ease-in-out;
  143. > * {
  144. align-self : center;
  145. padding : 4px;
  146. }
  147. img {
  148. vertical-align : middle;
  149. }
  150. .msg {
  151. flex-grow : 2;
  152. }
  153. .icon-close {
  154. cursor : pointer;
  155. }
  156. }
  157. .notify {
  158. border-color : #d7c47a;
  159. background-color : #fff7d5;
  160. }
  161. .notify.notify_progress {
  162. border-color : #d7c47a;
  163. background-color : #fff7d5;
  164. }
  165. .notify.notify_info {
  166. border-color : @color-accent;
  167. background-color : @color-accent-light;
  168. i.icon-notify {
  169. color : @color-accent;
  170. }
  171. }
  172. .notify.notify_error {
  173. background-color : #c00;
  174. border-color : #900;
  175. color : white;
  176. i.icon-notify, i.icon-close {
  177. color : white;
  178. }
  179. }
  180. .hl {
  181. border: 0px solid #ddd;
  182. border-bottom-width: 1px;
  183. transition : color 0.2s, background 0.2s;
  184. display : flex;
  185. flex-direction : row;
  186. flex-wrap : nowrap;
  187. background : @color-panel-bg;
  188. > * {
  189. align-self : center;
  190. white-space : nowrap;
  191. padding : 4px;
  192. }
  193. img {
  194. vertical-align : middle;
  195. }
  196. .left, .right {
  197. display : flex;
  198. > * {
  199. align-self : center;
  200. }
  201. i.material-icons {
  202. margin-left : 2px;
  203. padding : 2px;
  204. transition : color 0.2s linear;
  205. user-select: none;
  206. font-size : 21px;
  207. }
  208. }
  209. div.title {
  210. cursor : pointer;
  211. flex-grow : 2;
  212. overflow : hidden;
  213. text-overflow : ellipsis;
  214. }
  215. div.right {
  216. text-align : right;
  217. }
  218. span.feed a {
  219. border-radius : 4px;
  220. display : inline-block;
  221. padding : 1px 4px;
  222. font-size : 11px;
  223. font-style : italic;
  224. font-weight : normal;
  225. color : @default-text;
  226. }
  227. span.feed a:hover {
  228. color : @color-accent;
  229. }
  230. span.updated {
  231. color : @default-text;
  232. text-align : right;
  233. font-size : 11px;
  234. padding-left : 10px;
  235. }
  236. span.updated div {
  237. display : inline-block;
  238. }
  239. div.left input {
  240. margin : 0px 4px;
  241. }
  242. div.left img, div.right img {
  243. margin : 0px 4px;
  244. }
  245. div.title a {
  246. font-weight : 600;
  247. text-rendering: optimizelegibility;
  248. font-family : @fonts-ui;
  249. color : #555;
  250. }
  251. a.title.high, span.hl-content.high .preview {
  252. color : #00aa00;
  253. }
  254. }
  255. .hl.Unread {
  256. background : white;
  257. }
  258. .hl.Unread div.title a {
  259. color : black;
  260. }
  261. .hl.active div.title a {
  262. color : @color-accent;
  263. /* text-shadow : 1px 1px 2px #fff; */
  264. }
  265. .hl.active {
  266. background : @color-accent ! important;
  267. }
  268. .hl.active,
  269. .hl.Selected {
  270. color : white;
  271. background : desaturate(@color-accent, 25%);
  272. a,
  273. .feed a,
  274. .hl-content a.title,
  275. span {
  276. color : white;
  277. }
  278. }
  279. .hl.Grayed {
  280. color : #909090;
  281. }
  282. #content-insert blockquote,
  283. #headlines-frame blockquote,
  284. .dijitContentPane blockquote {
  285. margin : 5px 0px 5px 0px;
  286. color : @default-text;
  287. padding-left : 10px;
  288. border: 0px solid #ccc;
  289. border-left-width: 4px;
  290. }
  291. #content-insert code,
  292. #headlines-frame code,
  293. .dijitContentPane code {
  294. color : #009900;
  295. font-family : monospace;
  296. }
  297. #content-insert pre,
  298. #headlines-frame pre,
  299. .dijitContentPane pre {
  300. margin: 5px 0px 5px 0px;
  301. padding: 10px;
  302. color: @default-text;
  303. font-family: monospace;
  304. font-size: 12px;
  305. border: 0px solid #ccc;
  306. background: @color-panel-bg;
  307. display: block;
  308. max-width: 98%;
  309. overflow: auto;
  310. }
  311. .alert {
  312. padding: 8px 35px 8px 14px;
  313. margin-bottom: 10px;
  314. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  315. background-color: #fcf8e3;
  316. border: 1px solid #fbeed5;
  317. border-radius: 4px;
  318. .close {
  319. position: relative;
  320. top: -2px;
  321. right: -21px;
  322. line-height: 20px;
  323. cursor : pointer;
  324. }
  325. }
  326. .alert,
  327. .alert h4 {
  328. color: #c09853;
  329. }
  330. .alert h4 {
  331. margin: 0;
  332. }
  333. .alert-success {
  334. color: #468847;
  335. background-color: #dff0d8;
  336. border-color: #d6e9c6;
  337. }
  338. .alert-success h4 {
  339. color: #468847;
  340. }
  341. .alert-danger,
  342. .alert-error {
  343. color: #b94a48;
  344. background-color: #f2dede;
  345. border-color: #eed3d7;
  346. }
  347. .alert-danger h4,
  348. .alert-error h4 {
  349. color: #b94a48;
  350. }
  351. .alert-info {
  352. color: #3a87ad;
  353. background-color: #d9edf7;
  354. border-color: #bce8f1;
  355. h4 {
  356. color: #3a87ad;
  357. }
  358. }
  359. div.prefHelp {
  360. color : @default-text;
  361. padding : 5px;
  362. }
  363. .insensitive {
  364. color : @default-text;
  365. }
  366. .small {
  367. font-size : 11px;
  368. }
  369. span.preview {
  370. color : #999;
  371. font-weight : normal;
  372. font-size : 12px;
  373. padding-left : 4px;
  374. }
  375. .hl.Selected .hlLabelRef,
  376. .hl.active .hlLabelRef {
  377. color : #063064;
  378. }
  379. span.hlLabelRef {
  380. background-color : #fff7d5;
  381. font-size : 8px;
  382. color : #063064;
  383. font-weight : normal;
  384. margin-left : 2px;
  385. padding : 1px 4px 1px 4px;
  386. display : inline-block;
  387. vertical-align : middle;
  388. white-space: nowrap;
  389. border-radius : 4px;
  390. }
  391. i.marked-pic, i.pub-pic {
  392. cursor : pointer;
  393. color : #ccc;
  394. }
  395. div.errorExplained {
  396. border : 1px solid #ddd;
  397. margin : 5px 0px 5px 0px;
  398. padding : 5px;
  399. }
  400. ul.browseFeedList {
  401. height : 300px;
  402. width : 100%;
  403. overflow : auto;
  404. border-width : 0px 1px 1px 1px;
  405. border-color : #ddd;
  406. border-style : solid;
  407. margin : 0px 0px 5px 0px;
  408. background-color : white;
  409. list-style-type : none;
  410. padding : 0px;
  411. li {
  412. display : flex;
  413. > * {
  414. align-self : center;
  415. margin : 2px;
  416. }
  417. }
  418. }
  419. .browseFeedList span.subscribers {
  420. color : #808080;
  421. }
  422. ul.compact {
  423. list-style-type : none;
  424. margin : 0px;
  425. padding : 0px;
  426. li {
  427. margin : 0px;
  428. padding : 0px;
  429. }
  430. }
  431. .noborder {
  432. border-width : 0px;
  433. }
  434. #overlay {
  435. background : white;
  436. left : 0;
  437. top : 0;
  438. height : 100%;
  439. width : 100%;
  440. z-index : 100;
  441. position : absolute;
  442. }
  443. #overlay_inner {
  444. font-weight : bold;
  445. margin : 1em;
  446. }
  447. div.loadingPrompt {
  448. padding : 1em;
  449. text-align : center;
  450. font-weight : bold;
  451. }
  452. div.whiteBox {
  453. margin-left : 1px;
  454. text-align : center;
  455. padding : 1em 1em 0px 1em;
  456. font-size : 11px;
  457. border: 0px solid #ddd;
  458. border-bottom-width: 1px;
  459. }
  460. div.autocomplete {
  461. position : absolute;
  462. width : 250px;
  463. background-color : white;
  464. border :1px solid #778899;
  465. margin : 0px;
  466. padding : 0px;
  467. ul {
  468. list-style-type : none;
  469. margin : 0px;
  470. padding : 0px;
  471. }
  472. ul li.selected {
  473. background-color : #fff7d5;
  474. }
  475. ul li {
  476. list-style-type : none;
  477. display : block;
  478. margin : 0;
  479. padding : 2px;
  480. height : 32px;
  481. cursor : pointer;
  482. }
  483. }
  484. div#headlines-frame.wide {
  485. .title {
  486. overflow: visible;
  487. white-space: normal;
  488. }
  489. .hl .feed {
  490. display: none;
  491. }
  492. }
  493. div.dlgSec {
  494. font-size : 14px;
  495. font-weight : bold;
  496. clear : both;
  497. margin : 8px;
  498. position : relative;
  499. top : 8px;
  500. }
  501. div.dlgSecHoriz {
  502. font-size : 14px;
  503. font-weight : bold;
  504. clear : both;
  505. margin-bottom : 8px;
  506. margin-top : 8px;
  507. }
  508. div.dlgSecCont {
  509. position : relative;
  510. left : 150px;
  511. top : -20px;
  512. float : left;
  513. font-weight : normal;
  514. > * {
  515. position : relative;
  516. top : -2px;
  517. }
  518. }
  519. div.dlgSecCont hr, div.dlgSecSimple hr {
  520. height : 0px;
  521. line-height : 0px;
  522. border : 0px solid transparent;
  523. margin : 2px;
  524. }
  525. .dijitDialog {
  526. .dlgButtons {
  527. margin-top : 4px;
  528. text-align: right;
  529. clear: both;
  530. }
  531. }
  532. i.icon-label {
  533. color : #fff7d5;
  534. }
  535. div#cmdline {
  536. position : absolute;
  537. left : 5px;
  538. bottom : 5px;
  539. font-size : 11px;
  540. color : @default-text;
  541. font-weight : bold;
  542. background-color : white;
  543. border : 1px solid @color-accent;
  544. padding : 3px 5px 3px 5px;
  545. z-index : 5;
  546. }
  547. #feed_browser_spinner {
  548. vertical-align : middle;
  549. height : 18px;
  550. width : 18px;
  551. }
  552. div.fatalError {
  553. margin-bottom : 10px;
  554. button {
  555. margin-top : 5px;
  556. }
  557. textarea {
  558. width : 565px;
  559. height : 200px;
  560. }
  561. }
  562. #content-wrap {
  563. padding : 0px;
  564. border-width : 0px;
  565. margin : 0px;
  566. }
  567. #feeds-holder {
  568. padding : 0px;
  569. border: 0px solid #ddd;
  570. overflow : hidden;
  571. background : @color-panel-bg;
  572. box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
  573. -webkit-overflow-scrolling : touch;
  574. #feedTree {
  575. height : 100%;
  576. overflow-x : hidden;
  577. text-rendering: optimizelegibility;
  578. font-family : @fonts-ui;
  579. .counterNode.aux {
  580. background : #f0f0f0;
  581. color : #999;
  582. border-color : #f0f0f0;
  583. }
  584. .counterNode {
  585. font-weight : bold;
  586. display : inline-block;
  587. font-size : 9px;
  588. text-align : center;
  589. border : 1px solid lighten(@color-accent, 5%);;
  590. color : white;
  591. background : lighten(@color-accent, 5%);
  592. border-radius : 4px;
  593. vertical-align : middle;
  594. float : right;
  595. position : relative;
  596. line-height : 14px;
  597. margin-right : 8px;
  598. margin-top : 2px;
  599. min-width : 23px;
  600. height : 14px;
  601. }
  602. .dijitTreeNode .loadingExpando {
  603. left : -3px;
  604. height : 22px;
  605. position : relative;
  606. top : -3px;
  607. }
  608. .dijitTreeRow .dijitTreeLabel.Unread {
  609. font-weight : bold;
  610. }
  611. .dijitTreeRow.Error .dijitTreeLabel {
  612. color : red;
  613. }
  614. .dijitTreeNode .dijitTreeRow {
  615. border : 1px solid transparent;
  616. }
  617. .dijitTreeNode .dijitTreeRowSelected {
  618. box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
  619. border-color : #ddd transparent;
  620. background : white;
  621. color : #333;
  622. }
  623. .icon {
  624. position : relative;
  625. top : -2px;
  626. }
  627. i.icon {
  628. left : -2px;
  629. }
  630. i.icon.icon-inbox {
  631. color : #555;
  632. }
  633. i.icon.icon-archive {
  634. color : #c77b2e;
  635. }
  636. i.icon.icon-star {
  637. color : @color-marked;
  638. font-size : 21px;
  639. top : -4px;
  640. left : -4px;
  641. }
  642. i.icon.icon-rss_feed {
  643. color : @color-published;
  644. }
  645. i.icon.icon-whatshot {
  646. color : @color-enabled;
  647. }
  648. i.icon.icon-restore {
  649. font-weight : bold;
  650. left : -3px;
  651. color : @color-accent;
  652. }
  653. }
  654. }
  655. #headlines-wrap-inner {
  656. padding : 0px;
  657. margin : 0px;
  658. border-width : 0px;
  659. }
  660. #headlines-frame {
  661. padding : 0px;
  662. border: 0px #ddd;
  663. margin-top : 0px;
  664. -webkit-overflow-scrolling : touch;
  665. -webkit-transform: translateZ(0);
  666. -webkit-backface-visibility: hidden;
  667. div.feed-title {
  668. border: 0px solid @color-link;
  669. border-bottom-width: 1px;
  670. padding: 5px 8px;
  671. }
  672. div.feed-title a.title {
  673. color: @default-text;
  674. font-weight: bold;
  675. }
  676. div.feed-title a {
  677. color: @default-text;
  678. }
  679. div.feed-title a:hover {
  680. color: @color-link;
  681. }
  682. }
  683. #toolbar-frame_splitter {
  684. display : none;
  685. }
  686. #toolbar-frame {
  687. padding : 0px;
  688. margin : 0px;
  689. border-width : 0px;
  690. white-space: nowrap;
  691. font-size : 12px;
  692. #toolbar {
  693. background : white;
  694. border: 0px solid #ddd;
  695. border-bottom-width: 1px;
  696. padding-left : 4px;
  697. height : 32px;
  698. display : flex;
  699. flex-direction : row;
  700. flex-wrap : nowrap;
  701. color : @default-text;
  702. font-size : 12px;
  703. > * {
  704. align-self : center;
  705. }
  706. .dijitSelect,
  707. .dijitDropDownButton .dijitButtonNode,
  708. .dijitComboButton .dijitButtonNode {
  709. border : 0px;
  710. }
  711. .net-alert i, .left i.icon-error {
  712. color : red;
  713. }
  714. #toolbar-headlines {
  715. padding-right : 4px;
  716. flex-grow : 2;
  717. display : flex;
  718. .left {
  719. flex-grow: 2;
  720. display : flex;
  721. img {
  722. vertical-align : middle;
  723. margin-right : 8px;
  724. }
  725. > * {
  726. align-self: center;
  727. }
  728. }
  729. .right {
  730. display : flex;
  731. > * {
  732. align-self : center;
  733. }
  734. }
  735. }
  736. #updates-available {
  737. color : @color-enabled;
  738. padding-right : 4px;
  739. }
  740. #selected_prompt {
  741. font-style : italic;
  742. text-align : right;
  743. margin-right : 4px;
  744. }
  745. @media (max-width: 992px) {
  746. #selected_prompt {
  747. display : none;
  748. }
  749. }
  750. }
  751. }
  752. #header {
  753. border-width : 0px;
  754. text-align : right;
  755. color : @default-text;
  756. padding : 5px 5px 0px 0px;
  757. margin : 0px;
  758. position : absolute;
  759. right : 0px;
  760. top : 0px;
  761. z-index : 5;
  762. }
  763. #content-insert {
  764. padding : 0px;
  765. border-color : #ddd;
  766. border-width : 0px;
  767. line-height: 1.5;
  768. overflow : auto;
  769. -webkit-overflow-scrolling : touch;
  770. }
  771. img.feed-icon, img.icon {
  772. width : 16px;
  773. height : 16px;
  774. line-height : 16px;
  775. vertical-align : middle;
  776. display : inline-block;
  777. }
  778. .player {
  779. display : inline-block;
  780. color : @default-text;
  781. font-size : 11px;
  782. font-family : sans-serif;
  783. border : 1px solid @default-text;
  784. padding : 0px 4px 0px 4px;
  785. margin : 0px 2px 0px 2px;
  786. width : 50px;
  787. text-align : center;
  788. background : white;
  789. }
  790. .player.playing {
  791. color : #00c000;
  792. border-color : #00c000;
  793. }
  794. .player:hover {
  795. background : #f0f0f0;
  796. cursor : pointer;
  797. }
  798. #headlines-spacer {
  799. height : 100%;
  800. margin-left : 1px;
  801. text-align : center;
  802. color : @default-text;
  803. font-size : 11px;
  804. font-style : italic;
  805. a, span {
  806. color : @default-text;
  807. padding : 10px;
  808. display : block;
  809. }
  810. a:hover {
  811. color : @color-accent;
  812. }
  813. }
  814. ul#filterDlg_Matches, ul#filterDlg_Actions {
  815. max-height : 100px;
  816. overflow : auto;
  817. list-style-type : none;
  818. border-style : solid;
  819. border-color : #ddd;
  820. border-width : 1px 1px 1px 1px;
  821. background-color : white;
  822. margin : 0px 0px 5px 0px;
  823. padding : 4px;
  824. min-height : 16px;
  825. }
  826. ul#filterDlg_Matches li, ul#filterDlg_Actions li {
  827. cursor : pointer;
  828. }
  829. ul#filterDlg_Matches li .dijitCheckBox, ul#filterDlg_Actions li .dijitCheckBox {
  830. margin-right: 4px;
  831. }
  832. ul.helpKbList {
  833. max-height : 300px;
  834. overflow : auto;
  835. list-style-type : none;
  836. border : 1px solid #ddd;
  837. margin : 0px 0px 5px 0px;
  838. padding : 5px;
  839. span.hksequence {
  840. width : 6em;
  841. margin-left : 20px;
  842. color : @color-accent;
  843. font-weight : bold;
  844. display : inline-block;
  845. }
  846. h2 {
  847. margin-top : 0px;
  848. }
  849. }
  850. select.attachments {
  851. display : block;
  852. margin-top : 10px;
  853. max-width : 120px;
  854. }
  855. #filterDlg_feeds select {
  856. height : 150px;
  857. width : 410px;
  858. }
  859. span.highlight {
  860. background-color : #ffff00;
  861. color : #cc90cc;
  862. }
  863. div.enclosure_title {
  864. }
  865. #headlines-frame .dijitCheckBox {
  866. margin-right : 4px;
  867. }
  868. #editTagsDlg{
  869. overflow: visible;
  870. }
  871. #feedEditDlg img.feedIcon {
  872. border : 1px solid #ccc;
  873. padding : 5px;
  874. margin : 5px;
  875. max-width : 20px;
  876. max-height : 20px;
  877. height : auto;
  878. width : auto;
  879. }
  880. }
  881. body.ttrss_login {
  882. padding : 2em;
  883. font-size : 14px;
  884. fieldset {
  885. margin-left : auto;
  886. margin-right : auto;
  887. display : block;
  888. width : 400px;
  889. border-width : 0px;
  890. }
  891. label {
  892. width : 120px;
  893. margin-right : 20px;
  894. display : inline-block;
  895. text-align : right;
  896. color : gray;
  897. }
  898. div.header {
  899. border: 0px solid @color-accent;
  900. border-bottom-width: 1px;
  901. margin-bottom : 1em;
  902. padding-bottom : 5px;
  903. }
  904. div.footer {
  905. margin-top : 1em;
  906. padding-top : 5px;
  907. border: 0px solid @color-accent;
  908. border-top-width: 1px;
  909. text-align : center;
  910. color : gray;
  911. font-size : 12px;
  912. }
  913. a.forgotpass {
  914. text-align : right;
  915. font-size : 11px;
  916. display : inline-block;
  917. }
  918. a {
  919. color: @color-accent;
  920. text-decoration: none;
  921. }
  922. a:hover,
  923. a:focus {
  924. color: @color-accent;
  925. text-decoration: underline;
  926. }
  927. div.footer a {
  928. color : gray;
  929. }
  930. div.footer a:hover {
  931. color : @color-accent;
  932. }
  933. div.row {
  934. padding : 0px 0px 5px 0px;
  935. }
  936. div.row-error {
  937. color : red;
  938. text-align : center;
  939. padding : 0px 0px 5px 0px;
  940. }
  941. }
  942. body.ttrss_main .dijitDialog {
  943. h1:first-of-type,
  944. h2:first-of-type,
  945. h3:first-of-type,
  946. h4:first-of-type {
  947. margin-top: 0px;
  948. }
  949. }
  950. body.ttrss_main {
  951. i.icon-syndicate {
  952. color : @color-published;
  953. margin-right : 8px;
  954. border : 1px solid @color-published;
  955. border-radius : 4px;
  956. }
  957. i.icon-no-feed {
  958. opacity : 0.2;
  959. }
  960. .dijitTreeRow.UpdatesDisabled .dijitTreeLabel {
  961. opacity : 0.5;
  962. }
  963. #floatingTitle.marked i.marked-pic,
  964. .cdm.marked .left i.marked-pic,
  965. .hl.marked .left i.marked-pic {
  966. color : @color-marked;
  967. }
  968. #floatingTitle.published i.pub-pic,
  969. .cdm.published .left i.pub-pic,
  970. .hl.published .left i.pub-pic {
  971. color : @color-published;
  972. }
  973. .score-high i.icon-score {
  974. color : @color-enabled;
  975. }
  976. .score-low i.icon-score {
  977. color : #500;
  978. }
  979. .score-neutral i.icon-score {
  980. opacity : 0.5;
  981. }
  982. i.icon-score {
  983. cursor : pointer;
  984. }
  985. .panel {
  986. border : 1px solid #ddd;
  987. background : @color-panel-bg;
  988. padding : 4px;
  989. }
  990. .dijitDialog .panel {
  991. background : white;
  992. }
  993. .panel-scrollable {
  994. overflow : auto;
  995. height : 200px;
  996. }
  997. ul.list li {
  998. padding : 2px;
  999. }
  1000. ul.list {
  1001. padding : 4px;
  1002. }
  1003. ul.list-unstyled {
  1004. list-style-type : none;
  1005. }
  1006. }
  1007. ::selection {
  1008. background : @color-accent;
  1009. color : white;
  1010. }
  1011. ::-webkit-scrollbar {
  1012. width: 4px;
  1013. }
  1014. ::-webkit-scrollbar-thumb {
  1015. background-color: @color-accent;
  1016. }
  1017. ::-webkit-scrollbar-track {
  1018. background-color: #eee;
  1019. }
  1020. video::-webkit-media-controls-overlay-play-button {
  1021. display: none;
  1022. }