tt-rss.less 19 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280
  1. body.ttrss_main {
  2. background : @default-bg;
  3. color : @default-fg;
  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 @border-default;
  17. border-bottom-width: 1px;
  18. background: @color-panel-bg;
  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 @border-default;
  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. span.author {
  216. white-space : nowrap;
  217. color : @default-text;
  218. font-size : 11px;
  219. font-weight : normal;
  220. }
  221. div.right {
  222. text-align : right;
  223. }
  224. span.feed a {
  225. border-radius : 4px;
  226. display : inline-block;
  227. padding : 1px 4px;
  228. font-size : 11px;
  229. font-style : italic;
  230. font-weight : normal;
  231. color : @default-text;
  232. }
  233. span.feed a:hover {
  234. color : @color-accent;
  235. }
  236. span.updated {
  237. color : @default-text;
  238. text-align : right;
  239. font-size : 11px;
  240. padding-left : 10px;
  241. }
  242. span.updated div {
  243. display : inline-block;
  244. }
  245. div.left input {
  246. margin : 0px 4px;
  247. }
  248. div.left img, div.right img {
  249. margin : 0px 4px;
  250. }
  251. div.title a {
  252. font-weight : 600;
  253. text-rendering: optimizelegibility;
  254. font-family : @fonts-ui;
  255. color : #555;
  256. }
  257. a.title.high, span.hl-content.high .preview {
  258. color : #00aa00;
  259. }
  260. }
  261. .hl.vgrlf .feed {
  262. display : none;
  263. }
  264. .hl.Unread {
  265. background : white;
  266. }
  267. .hl.Unread div.title a {
  268. color : black;
  269. }
  270. .hl.active div.title a {
  271. color : @color-accent;
  272. /* text-shadow : 1px 1px 2px #fff; */
  273. }
  274. .hl.active {
  275. background : @color-accent ! important;
  276. }
  277. .hl.active,
  278. .hl.Selected {
  279. color : white;
  280. background : desaturate(@color-accent, 25%);
  281. a,
  282. .feed a,
  283. .hl-content a.title,
  284. span {
  285. color : white;
  286. }
  287. }
  288. .hl.Grayed {
  289. color : #909090;
  290. }
  291. #content-insert blockquote,
  292. #headlines-frame blockquote,
  293. .dijitContentPane blockquote {
  294. margin : 5px 0px 5px 0px;
  295. color : @default-text;
  296. padding-left : 10px;
  297. border: 0px solid #ccc;
  298. border-left-width: 4px;
  299. }
  300. #content-insert code,
  301. #headlines-frame code,
  302. .dijitContentPane code {
  303. color : #009900;
  304. font-family : monospace;
  305. }
  306. #content-insert pre,
  307. #headlines-frame pre,
  308. .dijitContentPane pre {
  309. margin: 5px 0px 5px 0px;
  310. padding: 10px;
  311. color: @default-text;
  312. font-family: monospace;
  313. font-size: 12px;
  314. border: 0px solid #ccc;
  315. background: @color-panel-bg;
  316. display: block;
  317. max-width: 98%;
  318. overflow: auto;
  319. }
  320. .alert {
  321. padding: 8px 35px 8px 14px;
  322. margin-bottom: 10px;
  323. /* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); */
  324. background-color: #fcf8e3;
  325. border: 1px solid #fbeed5;
  326. border-radius: 4px;
  327. .close {
  328. position: relative;
  329. top: -2px;
  330. right: -21px;
  331. line-height: 20px;
  332. cursor : pointer;
  333. }
  334. }
  335. .alert,
  336. .alert h4 {
  337. color: #c09853;
  338. }
  339. .alert h4 {
  340. margin: 0;
  341. }
  342. .alert-success {
  343. color: #468847;
  344. background-color: #dff0d8;
  345. border-color: #d6e9c6;
  346. }
  347. .alert-success h4 {
  348. color: #468847;
  349. }
  350. .alert-danger,
  351. .alert-error {
  352. color: #b94a48;
  353. background-color: #f2dede;
  354. border-color: #eed3d7;
  355. }
  356. .alert-danger h4,
  357. .alert-error h4 {
  358. color: #b94a48;
  359. }
  360. .alert-info {
  361. color: #3a87ad;
  362. background-color: #d9edf7;
  363. border-color: #bce8f1;
  364. h4 {
  365. color: #3a87ad;
  366. }
  367. }
  368. div.prefHelp {
  369. color : @default-text;
  370. padding : 5px;
  371. }
  372. .insensitive {
  373. color : @default-text;
  374. }
  375. .small {
  376. font-size : 11px;
  377. }
  378. span.preview {
  379. color : #999;
  380. font-weight : normal;
  381. font-size : 12px;
  382. padding-left : 4px;
  383. }
  384. .label {
  385. display : inline-block;
  386. vertical-align: middle;
  387. background-color : #fff7d5;
  388. font-size : 9px;
  389. color : @default-fg;
  390. font-weight : normal;
  391. margin-left : 2px;
  392. padding : 2px 4px;
  393. white-space: nowrap;
  394. }
  395. i.marked-pic, i.pub-pic {
  396. cursor : pointer;
  397. color : #ccc;
  398. }
  399. div.errorExplained {
  400. border : 1px solid @border-default;
  401. margin : 5px 0px 5px 0px;
  402. padding : 5px;
  403. }
  404. ul.browseFeedList {
  405. height : 300px;
  406. width : 100%;
  407. overflow : auto;
  408. border-width : 0px 1px 1px 1px;
  409. border-color : @border-default;
  410. border-style : solid;
  411. margin : 0px 0px 5px 0px;
  412. background-color : white;
  413. list-style-type : none;
  414. padding : 0px;
  415. li {
  416. display : flex;
  417. > * {
  418. align-self : center;
  419. margin : 2px;
  420. }
  421. }
  422. }
  423. .browseFeedList span.subscribers {
  424. color : #808080;
  425. }
  426. ul.compact {
  427. list-style-type : none;
  428. margin : 0px;
  429. padding : 0px;
  430. li {
  431. margin : 0px;
  432. padding : 0px;
  433. }
  434. }
  435. .noborder {
  436. border-width : 0px;
  437. }
  438. #overlay {
  439. background : @default-bg;
  440. left : 0;
  441. top : 0;
  442. height : 100%;
  443. width : 100%;
  444. z-index : 100;
  445. position : absolute;
  446. }
  447. #overlay_inner {
  448. font-weight : bold;
  449. margin : 1em;
  450. }
  451. div.loadingPrompt {
  452. padding : 1em;
  453. text-align : center;
  454. font-weight : bold;
  455. }
  456. div.whiteBox {
  457. margin-left : 1px;
  458. text-align : center;
  459. padding : 1em 1em 0px 1em;
  460. font-size : 11px;
  461. border: 0px solid @border-default;
  462. border-bottom-width: 1px;
  463. }
  464. div.autocomplete {
  465. position : absolute;
  466. width : 250px;
  467. background-color : @default-bg;
  468. border :1px solid @border-default;
  469. margin : 0px;
  470. padding : 0px;
  471. ul {
  472. list-style-type : none;
  473. margin : 0px;
  474. padding : 0px;
  475. }
  476. ul li.selected {
  477. background-color : darken(@default-bg, 10%);
  478. }
  479. ul li {
  480. list-style-type : none;
  481. display : block;
  482. margin : 0;
  483. padding : 2px;
  484. height : 32px;
  485. cursor : pointer;
  486. }
  487. }
  488. div#headlines-frame.wide {
  489. .title {
  490. overflow: visible;
  491. white-space: normal;
  492. }
  493. .hl .feed {
  494. display: none;
  495. }
  496. }
  497. div.dlgSec {
  498. font-size : 14px;
  499. font-weight : bold;
  500. clear : both;
  501. margin : 8px;
  502. position : relative;
  503. top : 8px;
  504. }
  505. div.dlgSecHoriz {
  506. font-size : 14px;
  507. font-weight : bold;
  508. clear : both;
  509. margin-bottom : 8px;
  510. margin-top : 8px;
  511. }
  512. div.dlgSecCont {
  513. position : relative;
  514. left : 150px;
  515. top : -20px;
  516. float : left;
  517. font-weight : normal;
  518. > * {
  519. position : relative;
  520. top : -2px;
  521. }
  522. }
  523. div.dlgSecCont hr, div.dlgSecSimple hr {
  524. height : 0px;
  525. line-height : 0px;
  526. border : 0px solid transparent;
  527. margin : 2px;
  528. }
  529. .dijitDialog {
  530. .dlgButtons {
  531. margin-top : 4px;
  532. text-align: right;
  533. clear: both;
  534. }
  535. }
  536. i.icon-label {
  537. color : #fff7d5;
  538. }
  539. div#cmdline {
  540. position : absolute;
  541. left : 5px;
  542. bottom : 5px;
  543. font-size : 11px;
  544. color : @default-text;
  545. font-weight : bold;
  546. background-color : @default-bg;
  547. border : 1px solid @color-accent;
  548. padding : 3px 5px 3px 5px;
  549. z-index : 5;
  550. }
  551. #feed_browser_spinner {
  552. vertical-align : middle;
  553. height : 18px;
  554. width : 18px;
  555. }
  556. #exceptionDlg {
  557. .dijitDialogTitleBar {
  558. background : red;
  559. color : white;
  560. }
  561. .dijitDialogPaneContent {
  562. background : #fcc;
  563. }
  564. .error-contents {
  565. .message {
  566. color : red;
  567. }
  568. textarea {
  569. width : 99%;
  570. height : 200px;
  571. }
  572. .dlgButtons {
  573. text-align : center;
  574. }
  575. }
  576. }
  577. #content-wrap {
  578. padding : 0px;
  579. border-width : 0px;
  580. margin : 0px;
  581. }
  582. #feeds-holder {
  583. padding : 0px;
  584. border: 0px solid @border-default;
  585. overflow : hidden;
  586. background : @color-panel-bg;
  587. box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
  588. -webkit-overflow-scrolling : touch;
  589. #feedTree {
  590. height : 100%;
  591. overflow-x : hidden;
  592. text-rendering: optimizelegibility;
  593. font-family : @fonts-ui;
  594. .counterNode.aux {
  595. background : @color-panel-bg;
  596. color : lighten(@default-text, 10%);
  597. border-color : darken(@color-panel-bg, 10%);
  598. }
  599. .counterNode {
  600. font-weight : bold;
  601. display : inline-block;
  602. font-size : 9px;
  603. text-align : center;
  604. border : 1px solid lighten(@color-accent, 5%);;
  605. color : white;
  606. background : lighten(@color-accent, 5%);
  607. border-radius : 4px;
  608. vertical-align : middle;
  609. float : right;
  610. position : relative;
  611. line-height : 14px;
  612. margin-right : 8px;
  613. margin-top : 2px;
  614. min-width : 23px;
  615. height : 14px;
  616. }
  617. .dijitTreeNode .loadingExpando {
  618. left : -3px;
  619. height : 22px;
  620. position : relative;
  621. top : -3px;
  622. }
  623. .dijitTreeRow .dijitTreeLabel.Unread {
  624. font-weight : bold;
  625. }
  626. .dijitTreeRow.Error .dijitTreeLabel {
  627. color : red;
  628. }
  629. .dijitTreeNode .dijitTreeRow {
  630. border : 1px solid transparent;
  631. }
  632. .dijitTreeNode .dijitTreeRowSelected {
  633. box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
  634. border-color : @border-default transparent;
  635. background : @default-bg;
  636. color : #333;
  637. }
  638. .icon {
  639. position : relative;
  640. top : -2px;
  641. }
  642. i.icon {
  643. left : -2px;
  644. }
  645. i.icon.icon-inbox {
  646. color : #555;
  647. }
  648. i.icon.icon-archive {
  649. color : #c77b2e;
  650. }
  651. i.icon.icon-star {
  652. color : @color-marked;
  653. font-size : 21px;
  654. top : -4px;
  655. left : -4px;
  656. }
  657. i.icon.icon-rss_feed {
  658. color : @color-published;
  659. }
  660. i.icon.icon-whatshot {
  661. color : @color-checked;
  662. }
  663. i.icon.icon-restore {
  664. font-weight : bold;
  665. left : -3px;
  666. color : @color-accent;
  667. }
  668. }
  669. }
  670. #headlines-wrap-inner {
  671. padding : 0px;
  672. margin : 0px;
  673. border-width : 0px;
  674. }
  675. #headlines-frame[is-vfeed="0"] .header .feed {
  676. display : none;
  677. }
  678. #headlines-frame {
  679. padding : 0px;
  680. border: 0px @border-default;
  681. margin-top : 0px;
  682. -webkit-overflow-scrolling : touch;
  683. -webkit-transform: translateZ(0);
  684. -webkit-backface-visibility: hidden;
  685. div.feed-title {
  686. border: 0px solid @color-link;
  687. border-bottom-width: 1px;
  688. padding: 5px 8px;
  689. }
  690. div.feed-title a.title {
  691. color: @default-text;
  692. font-weight: bold;
  693. }
  694. div.feed-title a {
  695. color: @default-text;
  696. }
  697. div.feed-title a:hover {
  698. color: @color-link;
  699. }
  700. }
  701. #toolbar-frame_splitter {
  702. display : none;
  703. }
  704. #toolbar-frame {
  705. padding : 0px;
  706. margin : 0px;
  707. border-width : 0px;
  708. white-space: nowrap;
  709. font-size : 12px;
  710. #toolbar {
  711. background : white;
  712. border: 0px solid @border-default;
  713. border-bottom-width: 1px;
  714. padding-left : 4px;
  715. height : 32px;
  716. display : flex;
  717. flex-direction : row;
  718. flex-wrap : nowrap;
  719. color : @default-text;
  720. font-size : 12px;
  721. > * {
  722. align-self : center;
  723. }
  724. .dijitSelect,
  725. .dijitDropDownButton .dijitButtonNode,
  726. .dijitComboButton .dijitButtonNode {
  727. border : 0px;
  728. }
  729. i.net-alert, .left i.icon-error {
  730. color : red;
  731. }
  732. i.log-alert {
  733. color : #ddba1c;
  734. }
  735. #toolbar-headlines {
  736. padding-right : 4px;
  737. flex-grow : 2;
  738. display : flex;
  739. .left {
  740. flex-grow: 2;
  741. display : flex;
  742. img {
  743. vertical-align : middle;
  744. margin-right : 8px;
  745. }
  746. > * {
  747. align-self: center;
  748. }
  749. }
  750. .right {
  751. display : flex;
  752. > * {
  753. align-self : center;
  754. }
  755. }
  756. }
  757. #updates-available {
  758. color : @color-checked;
  759. padding-right : 4px;
  760. }
  761. #selected_prompt {
  762. font-style : italic;
  763. text-align : right;
  764. margin-right : 4px;
  765. color : @color-accent;
  766. }
  767. @media (max-width: 992px) {
  768. #selected_prompt {
  769. display : none;
  770. }
  771. }
  772. }
  773. }
  774. #header {
  775. border-width : 0px;
  776. text-align : right;
  777. color : @default-text;
  778. padding : 5px 5px 0px 0px;
  779. margin : 0px;
  780. position : absolute;
  781. right : 0px;
  782. top : 0px;
  783. z-index : 5;
  784. }
  785. #content-insert {
  786. padding : 0px;
  787. border-color : @border-default;
  788. border-width : 0px;
  789. line-height: 1.5;
  790. overflow : auto;
  791. -webkit-overflow-scrolling : touch;
  792. }
  793. img.feed-icon, img.icon {
  794. width : 16px;
  795. height : 16px;
  796. line-height : 16px;
  797. vertical-align : middle;
  798. display : inline-block;
  799. }
  800. .player {
  801. display : inline-block;
  802. color : @default-text;
  803. font-size : 11px;
  804. font-family : sans-serif;
  805. border : 1px solid @default-text;
  806. padding : 0px 4px 0px 4px;
  807. margin : 0px 2px 0px 2px;
  808. width : 50px;
  809. text-align : center;
  810. background : @default-bg;
  811. }
  812. .player.playing {
  813. color : #00c000;
  814. border-color : #00c000;
  815. }
  816. .player:hover {
  817. background : @color-panel-bg;
  818. cursor : pointer;
  819. }
  820. #headlines-frame.auto_catchup #headlines-spacer {
  821. height : 100%;
  822. }
  823. #headlines-spacer {
  824. margin-left : 1px;
  825. text-align : center;
  826. color : @default-text;
  827. font-size : 11px;
  828. font-style : italic;
  829. a, span {
  830. color : @default-text;
  831. padding : 10px;
  832. display : block;
  833. }
  834. a:hover {
  835. color : @color-accent;
  836. }
  837. }
  838. ul#filterDlg_Matches, ul#filterDlg_Actions {
  839. max-height : 100px;
  840. overflow : auto;
  841. list-style-type : none;
  842. border-style : solid;
  843. border-color : @border-default;
  844. border-width : 1px 1px 1px 1px;
  845. background-color : @default-bg;
  846. margin : 0px 0px 5px 0px;
  847. padding : 4px;
  848. min-height : 16px;
  849. }
  850. ul#filterDlg_Matches li, ul#filterDlg_Actions li {
  851. cursor : pointer;
  852. }
  853. ul#filterDlg_Matches li .dijitCheckBox, ul#filterDlg_Actions li .dijitCheckBox {
  854. margin-right: 4px;
  855. }
  856. ul.hotkeys-help {
  857. li {
  858. display : flex;
  859. }
  860. li.desc {
  861. flex-grow : 2;
  862. }
  863. .hk {
  864. color : @color-accent;
  865. width : 100px;
  866. }
  867. h3 {
  868. margin : 8px 0px;
  869. }
  870. }
  871. select.attachments {
  872. display : block;
  873. margin-top : 10px;
  874. max-width : 120px;
  875. }
  876. #filterDlg_feeds select {
  877. height : 150px;
  878. width : 410px;
  879. }
  880. span.highlight {
  881. background-color : #ffff00;
  882. color : #cc90cc;
  883. }
  884. div.enclosure_title {
  885. }
  886. #headlines-frame .dijitCheckBox {
  887. margin-right : 4px;
  888. }
  889. #editTagsDlg{
  890. overflow: visible;
  891. }
  892. #feedEditDlg img.feedIcon {
  893. border : 1px solid #ccc;
  894. padding : 5px;
  895. margin : 5px;
  896. max-width : 20px;
  897. max-height : 20px;
  898. height : auto;
  899. width : auto;
  900. }
  901. }
  902. body.ttrss_login {
  903. padding : 2em;
  904. font-size : 14px;
  905. fieldset {
  906. margin-left : auto;
  907. margin-right : auto;
  908. display : block;
  909. width : 400px;
  910. border-width : 0px;
  911. }
  912. label {
  913. width : 120px;
  914. margin-right : 20px;
  915. display : inline-block;
  916. text-align : right;
  917. color : gray;
  918. }
  919. div.header {
  920. border: 0px solid @color-accent;
  921. border-bottom-width: 1px;
  922. margin-bottom : 1em;
  923. padding-bottom : 5px;
  924. }
  925. div.footer {
  926. margin-top : 1em;
  927. padding-top : 5px;
  928. border: 0px solid @color-accent;
  929. border-top-width: 1px;
  930. text-align : center;
  931. color : gray;
  932. font-size : 12px;
  933. }
  934. a.forgotpass {
  935. text-align : right;
  936. font-size : 11px;
  937. display : inline-block;
  938. }
  939. a {
  940. color: @color-accent;
  941. text-decoration: none;
  942. }
  943. a:hover,
  944. a:focus {
  945. color: @color-accent;
  946. text-decoration: underline;
  947. }
  948. div.footer a {
  949. color : gray;
  950. }
  951. div.footer a:hover {
  952. color : @color-accent;
  953. }
  954. div.row {
  955. padding : 0px 0px 5px 0px;
  956. }
  957. div.row-error {
  958. color : red;
  959. text-align : center;
  960. padding : 0px 0px 5px 0px;
  961. }
  962. }
  963. body.ttrss_main .dijitDialog {
  964. h1:first-of-type,
  965. h2:first-of-type,
  966. h3:first-of-type,
  967. h4:first-of-type {
  968. margin-top: 0px;
  969. }
  970. }
  971. body.ttrss_main {
  972. i.icon-syndicate {
  973. color : @color-published;
  974. margin-right : 8px;
  975. border : 1px solid @color-published;
  976. border-radius : 4px;
  977. }
  978. i.icon-no-feed {
  979. opacity : 0.2;
  980. }
  981. .dijitTreeRow.UpdatesDisabled .dijitTreeLabel {
  982. opacity : 0.5;
  983. }
  984. #floatingTitle.marked i.marked-pic,
  985. .cdm.marked .left i.marked-pic,
  986. .hl.marked .left i.marked-pic {
  987. color : @color-marked;
  988. }
  989. #floatingTitle.published i.pub-pic,
  990. .cdm.published .left i.pub-pic,
  991. .hl.published .left i.pub-pic {
  992. color : @color-published;
  993. }
  994. .score-high i.icon-score {
  995. color : @color-checked;
  996. }
  997. .score-low i.icon-score {
  998. color : #500;
  999. }
  1000. .score-neutral i.icon-score {
  1001. opacity : 0.5;
  1002. }
  1003. i.icon-score {
  1004. cursor : pointer;
  1005. }
  1006. .panel {
  1007. border : 1px solid @border-default;
  1008. background : @color-panel-bg;
  1009. padding : 4px;
  1010. }
  1011. .dijitDialog .panel {
  1012. background : @default-bg;
  1013. }
  1014. .panel-scrollable {
  1015. overflow : auto;
  1016. height : 200px;
  1017. }
  1018. ul.list li {
  1019. padding : 2px;
  1020. }
  1021. ul.list {
  1022. padding : 4px;
  1023. }
  1024. ul.list-unstyled {
  1025. list-style-type : none;
  1026. }
  1027. .text-center {
  1028. text-align : center;
  1029. }
  1030. #prefFilterTestResultList {
  1031. .preview {
  1032. margin : 8px;
  1033. }
  1034. .title {
  1035. font-weight: bold;
  1036. }
  1037. .feed {
  1038. color : @color-accent;
  1039. }
  1040. }
  1041. }
  1042. ::selection {
  1043. background : @color-accent;
  1044. color : @default-bg;
  1045. }
  1046. ::-webkit-scrollbar {
  1047. width: 4px;
  1048. }
  1049. ::-webkit-scrollbar-thumb {
  1050. background-color: @color-accent;
  1051. }
  1052. ::-webkit-scrollbar-track {
  1053. background-color: #eee;
  1054. }
  1055. video::-webkit-media-controls-overlay-play-button {
  1056. display: none;
  1057. }