tt-rss.css 20 KB

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