tt-rss.css 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512
  1. body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
  2. background : white;
  3. color : black;
  4. margin : 0px;
  5. padding : 0px;
  6. font-family : sans-serif;
  7. font-size : 12px;
  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 a {
  21. color : #4684ff;
  22. }
  23. div.postReply a:hover {
  24. color : black;
  25. }
  26. div.postReply div.postHeader {
  27. border-width : 0px 0px 1px 0px;
  28. border-style : solid;
  29. border-color : #88b0f0;
  30. background-color : white;
  31. background : url("images/toolbar.png");
  32. background-position : bottom left;
  33. background-repeat : repeat-x;
  34. padding : 5px;
  35. color : #909090;
  36. }
  37. div.postReply div.postContent {
  38. padding : 10px;
  39. font-size : 12px;
  40. }
  41. div.postReply div.postContent img {
  42. border-width : 0px;
  43. max-width : 98%;
  44. }
  45. div.postReply div.postIcon {
  46. float : right;
  47. border : 0px;
  48. margin : 5px;
  49. }
  50. div.postReply div.postIcon img {
  51. max-width : 120px;
  52. display : inline;
  53. }
  54. div.postReply div.postEnclosures {
  55. margin-top : 1em;
  56. color : gray;
  57. }
  58. div.postReply img.tagsPic {
  59. width : 16px;
  60. height : 16px;
  61. margin-left : 4px;
  62. vertical-align : middle;
  63. }
  64. div.articleNote {
  65. background-color : #fff7d5;
  66. padding : 5px;
  67. border-style : none none dashed none;
  68. border-color : #e7d796;
  69. border-width : 1px;
  70. background-color : #fff7d5;
  71. color : #9a8c59;
  72. }
  73. div.articleNote div.noteEdit {
  74. float : right;
  75. cursor : pointer;
  76. }
  77. div.postReply span.author {
  78. font-size : 12px;
  79. }
  80. h1 {
  81. font-size : 18px;
  82. }
  83. h2 {
  84. font-size : 16px;
  85. font-weight : bold;
  86. border-width : 0px 0px 1px 0px;
  87. border-style : solid;
  88. border-color : #ecf4ff;
  89. }
  90. h3 {
  91. font-size : 12px;
  92. font-weight : bold;
  93. border-width : 0px 0px 1px 0px;
  94. border-style : solid;
  95. border-color : #ecf4ff;
  96. }
  97. hr {
  98. border-width : 0px 0px 1px 0px;
  99. border-style : dashed;
  100. border-color : #e0e0e0;
  101. }
  102. a {
  103. color : black;
  104. text-decoration : none;
  105. }
  106. a:hover {
  107. color : #4684ff;
  108. }
  109. #piggie {
  110. z-index : 999;
  111. position : absolute;
  112. }
  113. textarea.iedit {
  114. width : 100%;
  115. }
  116. input.iedit {
  117. width : 100%;
  118. padding-left : 2px;
  119. }
  120. select.iedit {
  121. width : 100%;
  122. }
  123. input.editbox {
  124. width : 200px;
  125. padding-left : 2px;
  126. }
  127. #notify {
  128. border-width : 0px 1px 1px 1px;
  129. border-style : solid;
  130. top : 0px;
  131. right : 35%;
  132. min-width : 30%;
  133. position : absolute;
  134. display : none;
  135. float : right;
  136. font-size : 12px;
  137. z-index : 99;
  138. padding : 5px 5px 5px 5px;
  139. }
  140. #notify img {
  141. vertical-align : middle;
  142. }
  143. .notifyProgress {
  144. border-color : #d7c47a;
  145. background-color : #fff7d5;
  146. color : black;
  147. }
  148. .notifyInfo {
  149. border-color : #7AD78E;
  150. background-color : #D5FFDB;
  151. color : black;
  152. }
  153. .notify {
  154. border-color : #d7c47a;
  155. background-color : #fff7d5;
  156. color : black;
  157. }
  158. .notifyError {
  159. background-color : #ffcccc;
  160. border-color : #ff0000;
  161. color : black;
  162. }
  163. .notifyError span:hover {
  164. color : red;
  165. cursor : pointer;
  166. }
  167. .blankborder, .blankborder td {
  168. border-style : solid;
  169. border-color : transparent;
  170. border-width : 0px 0px 1px 0px;
  171. }
  172. .Selected, .Selected td {
  173. background-color : #fff7d5;
  174. }
  175. .even.Unread.Selected, .even.Unread.Selected td {
  176. background-color : #fff7d5;
  177. font-weight : bold;
  178. border-width : 0px 0px 1px 0px;
  179. border-style : solid;
  180. border-color : #e7d796;
  181. }
  182. .odd.Unread.Selected, .odd.Unread.Selected td {
  183. background-color : #fff7d5;
  184. font-weight : bold;
  185. border-width : 0px 0px 1px 0px;
  186. border-style : solid;
  187. border-color : #e7d796;
  188. }
  189. .even.Selected, .even.Selected td {
  190. background-color : #fff7d5;
  191. border-width : 0px 0px 1px 0px;
  192. border-style : solid;
  193. border-color : #e7d796;
  194. border-collapse : collapse;
  195. }
  196. .odd.Selected, .odd.Selected td {
  197. background-color : #fff7d5;
  198. border-width : 0px 0px 1px 0px;
  199. border-style : solid;
  200. border-color : #e7d796;
  201. border-collapse : collapse;
  202. }
  203. .even.Grayed, .even.Grayed td {
  204. background-color : #f0f0f0;
  205. color : #909090;
  206. border-width : 0px 0px 1px 0px;
  207. border-style : solid;
  208. border-color : #c0c0c0;
  209. border-collapse : collapse;
  210. }
  211. .odd.Grayed {
  212. color : #909090;
  213. }
  214. .even, .even td {
  215. border-width : 0px 0px 1px 0px;
  216. border-style : solid;
  217. border-color : #c0c0c0;
  218. background-color : #f0f0f0;
  219. border-collapse : collapse;
  220. }
  221. .odd, .odd td {
  222. border-width : 0px 0px 1px 0px;
  223. border-style : solid;
  224. border-color : #c0c0c0;
  225. border-collapse : collapse;
  226. }
  227. .even.Unread, .even.Unread td {
  228. background-color : #f0f0f0;
  229. font-weight : bold;
  230. border-width : 0px 0px 1px 0px;
  231. border-style : solid;
  232. border-color : #c0c0c0;
  233. border-collapse : collapse;
  234. }
  235. .odd.Unread, .odd.Unread td {
  236. font-weight : bold;
  237. border-width : 0px 0px 1px 0px;
  238. border-style : solid;
  239. border-color : #c0c0c0;
  240. }
  241. .invisible {
  242. display : none;
  243. }
  244. /* preferences */
  245. /* table.prefPrefsList tr:hover td.prefValue {
  246. color : #88b0f0;
  247. }
  248. table.prefPrefsList tr:hover td.prefValue input {
  249. color : #88b0f0;
  250. } */
  251. table.prefPrefsList h3 {
  252. margin-top : 0px;
  253. }
  254. tr.title td {
  255. border-width : 0px 0px 1px 0px;
  256. border-color : #ecf4ff;
  257. border-style : solid;
  258. color : #4684ff;
  259. }
  260. tr.title td a {
  261. color : #4684ff;
  262. }
  263. tr.title td a:hover {
  264. color : black;
  265. }
  266. table.prefFeedList td.feedEditCat {
  267. font-weight : bold;
  268. border-width : 0px 0px 1px 0px;
  269. border-style : solid;
  270. border-color : #88b0f0;
  271. padding-top : 0.5em;
  272. }
  273. table.prefFilterList td.filterEditCat {
  274. font-weight : bold;
  275. border-width : 0px 0px 1px 0px;
  276. border-style : solid;
  277. border-color : #88b0f0;
  278. padding-top : 0.5em;
  279. }
  280. /* oh for the love of... */
  281. table.prefFilterList tr.even,
  282. table.prefFilterList tr.odd,
  283. table.prefFilterList tr.evenSelected,
  284. table.prefFilterList tr.oddSelected,
  285. table.prefLabelList tr.even,
  286. table.prefLabelList tr.odd,
  287. table.prefLabelList tr.evenSelected,
  288. table.prefLabelList tr.oddSelected,
  289. table.prefUserList tr.even,
  290. table.prefUserList tr.odd,
  291. table.prefUserList tr.evenSelected,
  292. table.prefUserList tr.oddSelected,
  293. table.prefFeedList tr.even,
  294. table.prefFeedList tr.odd,
  295. table.prefFeedList tr.evenSelected,
  296. table.prefFeedList tr.oddSelected,
  297. table.prefInstanceList tr.even,
  298. table.prefInstanceList tr.odd,
  299. table.prefInstanceList tr.evenSelected,
  300. table.prefInstanceList tr.oddSelected
  301. {
  302. cursor : pointer;
  303. }
  304. table.prefFilterList tr.even:hover td,
  305. table.prefFilterList tr.odd:hover td,
  306. table.prefFilterList tr.evenSelected:hover td,
  307. table.prefFilterList tr.oddSelected:hover td
  308. table.prefLabelList tr.even:hover td,
  309. table.prefLabelList tr.odd:hover td,
  310. table.prefLabelList tr.evenSelected:hover td,
  311. table.prefLabelList tr.oddSelected:hover td,
  312. table.prefUserList tr.even:hover td,
  313. table.prefUserList tr.odd:hover td,
  314. table.prefUserList tr.evenSelected:hover td,
  315. table.prefUserList tr.oddSelected:hover td,
  316. table.prefFeedList tr.even:hover td,
  317. table.prefFeedList tr.odd:hover td,
  318. table.prefFeedList tr.evenSelected:hover td,
  319. table.prefFeedList tr.oddSelected:hover td,
  320. table.prefInstanceList tr.even:hover td,
  321. table.prefInstanceList tr.odd:hover td,
  322. table.prefInstanceList tr.evenSelected:hover td,
  323. table.prefInstanceList tr.oddSelected:hover td
  324. {
  325. color : #88b0f0;
  326. }
  327. table.prefFeedList td.feedIcon {
  328. text-align : center;
  329. }
  330. table.prefFeedList td.feedSelect {
  331. text-align : center;
  332. }
  333. div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder {
  334. height : 300px;
  335. overflow : auto;
  336. border-width : 0px 1px 1px 1px;
  337. border-color : #c0c0c0;
  338. border-style : solid;
  339. margin : 0px 0px 5px 0px;
  340. background-color : #ecf4ff;
  341. }
  342. div.prefFeedOPMLHolder, div.inactiveFeedHolder {
  343. border-width : 1px 1px 1px 1px;
  344. }
  345. a.helpLink {
  346. color : #808080;
  347. }
  348. a.helpLink:hover {
  349. color : #4684ff;
  350. }
  351. #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
  352. margin : 0px 0px 0px 1em;
  353. padding : 0px;
  354. font-family : monospace;
  355. font-size : 12px;
  356. background : transparent;
  357. border-width : 0px;
  358. color : gray;
  359. }
  360. #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
  361. margin : 0px 0px 0px 1em;
  362. border-width : 0px 0px 0px 2px;
  363. border-color : #c0c0c0;
  364. border-style : solid;
  365. font-style : italic;
  366. padding : 0px 0px 0px 1em;
  367. font-size : 12px;
  368. color : gray;
  369. }
  370. #content-insert code, #headlines-frame code, .dijitContentPane code {
  371. background : transparent;
  372. border : 0px solid transparent;
  373. margin : 0px;
  374. font-family : monospace;
  375. padding : 0px;
  376. font-size : 12px;
  377. color : black;
  378. }
  379. div.notice {
  380. background : #ffffff;
  381. border : 1px solid #88b0f0;
  382. width : 60%;
  383. padding : 5px;
  384. margin : 0px 0px 5px 0px;
  385. font-size : 12px;
  386. }
  387. div.warning {
  388. background : #fff7d5;
  389. border : 1px solid #d7c47a;
  390. font-size : 12px;
  391. width : 60%;
  392. padding : 5px;
  393. margin : 0px 0px 5px 0px;
  394. }
  395. div.warning img, div.notice img, div.error img {
  396. vertical-align : middle;
  397. padding : 5px;
  398. }
  399. span.filterDateError {
  400. color : #ff0000;
  401. }
  402. div.error {
  403. border : 1px solid #ff0000;
  404. background : #ffcccc;
  405. padding : 5px;
  406. margin : 0px 0px 5px 0px;
  407. font-size : 12px;
  408. }
  409. ul.nomarks {
  410. list-style-type : none;
  411. margin : 0px;
  412. padding : 10px;
  413. }
  414. div.prefHelp, td.prefHelp {
  415. color : gray;
  416. padding : 5px;
  417. }
  418. table.loginForm {
  419. background-color : #ecf4ff;
  420. }
  421. span.feed_error {
  422. color : red;
  423. }
  424. .insensitive {
  425. color : gray;
  426. }
  427. .insensitive a {
  428. color : #4684ff;
  429. }
  430. .insensitive a:hover {
  431. color : black;
  432. }
  433. .small {
  434. font-size : 11px;
  435. }
  436. table.innerFeedTable td {
  437. margin : 0px;
  438. padding : 0px;
  439. }
  440. td.selectPrompt {
  441. font-size : 12px;
  442. color : gray;
  443. }
  444. div#headlines-toolbar {
  445. border-width : 0px 0px 1px 0px;
  446. background-color : #ecf4ff;
  447. border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
  448. font-size : 11px;
  449. font-family : "Segoe UI", Tahoma, sans-serif;
  450. color : gray;
  451. padding : 0px;
  452. margin : 0px;
  453. overflow : hidden;
  454. height : 23px;
  455. }
  456. div#headlines-toolbar .dijitSelect {
  457. font-size : 11px;
  458. }
  459. div#headlines-toolbar div#subtoolbar_main {
  460. display : table-cell;
  461. width : 100%;
  462. white-space : nowrap;
  463. vertical-align : middle;
  464. padding-left : 5px;
  465. }
  466. div#headlines-toolbar div#subtoolbar_ftitle {
  467. display : table-cell;
  468. text-align : right;
  469. vertical-align : middle;
  470. white-space : nowrap;
  471. padding-right : 5px;
  472. }
  473. div#subtoolbar_ftitle span.error {
  474. color : red;
  475. }
  476. span.contentPreview {
  477. color : gray;
  478. font-weight : normal;
  479. }
  480. span.contentPreview:hover {
  481. color : #4684ff;
  482. }
  483. span.hlLabelRef {
  484. background-color : #fff7d5;
  485. font-height : 8px;
  486. color : #063064;
  487. font-weight : normal;
  488. margin : 0px 3px 0px 3px;
  489. padding : 0px 4px 0px 4px;
  490. white-space: nowrap;
  491. }
  492. td.hlSelectRow, td.hlUpdPic {
  493. width : 25px;
  494. text-align : center;
  495. }
  496. div.postHeader div.postDate {
  497. text-align : right;
  498. color : gray;
  499. float : right;
  500. }
  501. div.postHeader div.postDateRTL {
  502. text-align : left;
  503. color : gray;
  504. float : right;
  505. }
  506. div.postHeader div {
  507. padding-bottom : 3px;
  508. font-size : 12px;
  509. }
  510. #feedUpdateErrors {
  511. display : none;
  512. }
  513. #allEntryTags {
  514. font-size : 12px;
  515. border-width : 0px 0px 1px 0px;
  516. border-style : solid;
  517. border-color : #c0c0c0;
  518. padding-bottom : 5px;
  519. display : none;
  520. }
  521. td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
  522. height : 1em;
  523. }
  524. td.hlFeed {
  525. text-align : right;
  526. }
  527. span.hlFeed, span.hlFeed a {
  528. font-size : 12px;
  529. color : gray;
  530. }
  531. span.hlFeed a:hover {
  532. color : #4684ff;
  533. }
  534. img.markedPic {
  535. cursor : pointer;
  536. }
  537. a.warning {
  538. color : #f04040;
  539. }
  540. img.closeButton {
  541. border-width : 0px;
  542. float : right;
  543. }
  544. span.groupPrompt {
  545. font-size : 12px;
  546. color : #4684ff;
  547. }
  548. div.tagCloudContainer {
  549. border : 1px solid #c0c0c0;
  550. background-color : #ecf4ff;
  551. margin : 5px 0px 5px 0px;
  552. padding : 5px;
  553. text-align : center;
  554. }
  555. div.errorExplained {
  556. border : 1px solid #c0c0c0;
  557. background-color : #ecf4ff;
  558. margin : 5px 0px 5px 0px;
  559. padding : 5px;
  560. }
  561. ul.feedErrorsList {
  562. max-height : 300px;
  563. overflow : auto;
  564. list-style-type : none;
  565. border : 1px solid #c0c0c0;
  566. background-color : #ecf4ff;
  567. margin : 0px 0px 5px 0px;
  568. padding : 5px;
  569. }
  570. ul.feedErrorsList em {
  571. color : gray;
  572. }
  573. ul.userFeedList {
  574. height : 300px;
  575. overflow : auto;
  576. list-style-type : none;
  577. border : 1px solid gray;
  578. background-color : white;
  579. margin : 0px 0px 5px 0px;
  580. padding : 0px;
  581. }
  582. ul.browseFeedList {
  583. height : 300px;
  584. overflow : auto;
  585. border-width : 0px 1px 1px 1px;
  586. border-color : #c0c0c0;
  587. border-style : solid;
  588. margin : 0px 0px 5px 0px;
  589. background-color : white;
  590. list-style-type : none;
  591. padding : 0px;
  592. }
  593. ul.browseFeedList li {
  594. margin : 0px;
  595. padding : 2px 4px 2px 4px;
  596. }
  597. span.subscribers {
  598. color : #808080;
  599. }
  600. div.subscribers {
  601. color : #808080;
  602. font-size : 12px;
  603. float : right;
  604. }
  605. div.browserDetails {
  606. margin : 5px 5px 5px 5px;
  607. padding : 5px;
  608. }
  609. ul.compact {
  610. list-style-type : none;
  611. margin : 0px;
  612. padding : 0px;
  613. }
  614. ul.compact li {
  615. margin : 0px;
  616. padding : 0px;
  617. }
  618. div.browserFeedInfo {
  619. font-size : 12px;
  620. /* border : 1px solid #88b0f0;
  621. background-color : #ecf4ff;
  622. -moz-border-radius : 5px; */
  623. padding : 5px;
  624. }
  625. div.browserFeedInfo div.detailsPart {
  626. margin : 5px 0px 5px 5px;
  627. }
  628. .noborder {
  629. border-width : 0px;
  630. }
  631. #overlay {
  632. background : white;
  633. left : 0;
  634. top : 0;
  635. height : 100%;
  636. width : 100%;
  637. z-index : 100;
  638. position : absolute;
  639. }
  640. #overlay_inner {
  641. font-weight : bold;
  642. margin : 1em;
  643. }
  644. #noDaemonWarning {
  645. position : absolute;
  646. background-color : #ecf4ff;
  647. border : 1px solid #88b0f0;
  648. padding : 10px;
  649. margin : 5px;
  650. z-index : 2;
  651. display : none;
  652. }
  653. #qafInput {
  654. width : 100%;
  655. }
  656. form {
  657. margin : 0px;
  658. padding : 0px;
  659. }
  660. #main_toolbar_form {
  661. margin : 0px;
  662. padding : 0px;
  663. display : table-cell;
  664. white-space : nowrap;
  665. width : 100%;
  666. }
  667. div.feedExtInfo {
  668. margin-left : 2em;
  669. font-size : 7pt;
  670. color : gray;
  671. font-weight : normal;
  672. }
  673. span.debugTS {
  674. color : #4684ff;
  675. }
  676. #backReqBox {
  677. display : none;
  678. }
  679. /*.scriptWarn:before {
  680. content : "Disabled script:";
  681. }*/
  682. .scriptWarn {
  683. color : white;
  684. background-color : #903030;
  685. border : 1px solid #601010;
  686. padding : 3px;
  687. font-weight : bold;
  688. display : none;
  689. }
  690. .objectWarn {
  691. color : gray;
  692. font-style: italic;
  693. text-align : center;
  694. }
  695. table.loginForm2 {
  696. padding : 1em;
  697. width : 100%;
  698. }
  699. table.loginForm2 .loginTop {
  700. border-width : 0px 0px 1px 0px;
  701. border-color : #88b0f0;
  702. border-style : solid;
  703. padding : 0.5em;
  704. }
  705. table.loginForm2 .loginMiddle {
  706. padding : 3em;
  707. }
  708. table.loginForm2 .loginBottom {
  709. border-width : 1px 0px 0px 0px;
  710. border-color : #88b0f0;
  711. border-style : solid;
  712. font-size : 12px;
  713. text-align : center;
  714. color : #909090;
  715. padding : 0.5em;
  716. }
  717. table.loginForm2 .loginBottom a {
  718. color : gray;
  719. }
  720. table.loginForm2 .loginBottom a:hover {
  721. color : #4684ff;
  722. }
  723. table.loginForm2 .loginError {
  724. color : red;
  725. margin : 0.5em;
  726. }
  727. table.loginForm2 .innerLoginCell {
  728. padding-top : 0.5em;
  729. }
  730. #milestoneDetails {
  731. display : none;
  732. }
  733. div.loadingPrompt {
  734. padding : 1em;
  735. text-align : center;
  736. font-weight : bold;
  737. }
  738. div.whiteBox {
  739. margin-left : 1px;
  740. text-align : center;
  741. padding : 1em;
  742. }
  743. html, body#ttrssMain, #main {
  744. width: 100%;
  745. height: 100%;
  746. border: 0;
  747. padding: 0;
  748. margin: 0;
  749. }
  750. html, body#ttrssPrefs, #main {
  751. width: 100%;
  752. height: 100%;
  753. border: 0;
  754. padding: 0;
  755. margin: 0;
  756. }
  757. #toolbar div.actionChooser {
  758. display : table-cell;
  759. text-align : right;
  760. padding-right : 3px;
  761. }
  762. /* preferences layout */
  763. div.return {
  764. float : right;
  765. font-size : 12px;
  766. margin-right : 10px;
  767. }
  768. div.return a {
  769. color : #4684ff;
  770. }
  771. div.return a:hover {
  772. color : black;
  773. }
  774. #header .logo {
  775. float : right;
  776. margin-left : 10px;
  777. }
  778. #header a {
  779. color : #4684ff;
  780. }
  781. #header a:hover {
  782. color : black;
  783. }
  784. #header img {
  785. vertical-align : middle;
  786. cursor : pointer;
  787. }
  788. a.helpLinkPic img {
  789. border-width : 0px;
  790. vertical-align : middle;
  791. }
  792. table.prefFeedCatList {
  793. }
  794. div.autocomplete {
  795. position : absolute;
  796. width : 250px;
  797. background-color : white;
  798. border :1px solid #778899;
  799. margin : 0px;
  800. padding : 0px;
  801. }
  802. div.autocomplete ul {
  803. list-style-type : none;
  804. margin : 0px;
  805. padding : 0px;
  806. }
  807. div.autocomplete ul li.selected {
  808. background-color : #fff7d5;
  809. }
  810. div.autocomplete ul li {
  811. list-style-type : none;
  812. display : block;
  813. margin : 0;
  814. padding : 2px;
  815. height : 32px;
  816. cursor : pointer;
  817. }
  818. #feedOpToolbar {
  819. float : right;
  820. }
  821. #header a.feedback {
  822. color : #009900;
  823. }
  824. a.visibleLink {
  825. color : #4684ff;
  826. }
  827. a.visibleLinkB {
  828. color : #4684ff;
  829. border : 1px solid #4684ff;
  830. padding : 2px;
  831. }
  832. a.visibleLinkB:hover {
  833. background-color : #ecf4ff;
  834. }
  835. .hlContentH a, .hlContentH span {
  836. color : #00cc00;
  837. }
  838. .hlContentL a, .hlContentL span {
  839. color : #909090;
  840. text-decoration : line-through;
  841. }
  842. span.titleWrapH, span.titleWrapH a {
  843. color : #00cc00;
  844. }
  845. span.titleWrapL, span.titleWrapL a {
  846. color : #909090;
  847. text-decoration : line-through;
  848. }
  849. img.hlScorePic {
  850. vertical-align : middle;
  851. width : 16px;
  852. height : 16px;
  853. }
  854. div#hotkey_help_overlay {
  855. position : absolute;
  856. left : 30px;
  857. right : 30px;
  858. top : 30px;
  859. z-index : 999;
  860. color : white;
  861. font-size : 15px;
  862. background : black;
  863. border-radius : 30px;
  864. padding : 10px;
  865. }
  866. div#hotkey_help_overlay h1 {
  867. text-align : center;
  868. }
  869. div#hotkey_help_overlay ul {
  870. list-style-type : none;
  871. margin : 0px;
  872. }
  873. div#hotkey_help_overlay a {
  874. color : #88b0f0;
  875. }
  876. div#hotkey_help_overlay a:hover {
  877. color : white;
  878. }
  879. div#hotkey_help_overlay li {
  880. margin : 0px;
  881. }
  882. div#hotkey_help_overlay p {
  883. text-align : center;
  884. }
  885. div#hotkey_help_overlay td.n {
  886. text-align : right;
  887. font-weight : bold;
  888. width : 6em;
  889. color : #a0ffa0;
  890. padding-right : 5px;
  891. }
  892. div#hotkey_help_overlay td {
  893. vertical-align : top;
  894. }
  895. div#hotkey_help_overlay h1 {
  896. margin : 0px;
  897. }
  898. div#hotkey_help_overlay h2 {
  899. font-size : 16px;
  900. border-width : 0px;
  901. margin : 0.3em 0px 0.3em 0px;
  902. text-align : center;
  903. color : #88b0f0;
  904. }
  905. div#hotkey_help_overlay table.hho td.top,
  906. div#hotkey_help_overlay table.hho td.bottom {
  907. text-align : center;
  908. font-size : 11px;
  909. }
  910. div#l_progress_o {
  911. width : 200px;
  912. border : 1px solid black;
  913. background-color : white;
  914. margin-top : 10px;
  915. }
  916. div#l_progress_i {
  917. width : 10px;
  918. background-color : #88b0f0;
  919. height : 10px;
  920. }
  921. div.dlgSec {
  922. font-size : 12px;
  923. color : gray;
  924. font-weight : bold;
  925. clear : both;
  926. height : 20px;
  927. }
  928. div.dlgSecCont {
  929. position : relative;
  930. left : 150px;
  931. top : -20px;
  932. float : left;
  933. font-size : 12px;
  934. font-weight : normal;
  935. }
  936. div.dlgSecCont hr {
  937. height : 0px;
  938. line-height : 0px;
  939. border : 0px solid transparent;
  940. margin : 2px;
  941. }
  942. div.dlgSecCont > * {
  943. position : relative;
  944. top : -2px;
  945. }
  946. div.dlgButtons {
  947. text-align : right;
  948. clear : both;
  949. }
  950. span.labelColorIndicator {
  951. height : 14px;
  952. width : 14px;
  953. line-height : 14px;
  954. font-height : 9px;
  955. display : inline-block;
  956. border : 1px solid black;
  957. background-color : #fff7d5;
  958. color : #063064;
  959. text-align : center;
  960. margin-right : 2px;
  961. }
  962. span.labelColorIndicator2 {
  963. height : 14px;
  964. width : 14px;
  965. font-height : 9px;
  966. display : inline-block;
  967. border : 1px solid black;
  968. background-color : #fff7d5;
  969. color : #063064;
  970. text-align : center;
  971. margin-right : 2px;
  972. vertical-align : bottom;
  973. }
  974. div.labelColorIndicator {
  975. height : 14px;
  976. width : 14px;
  977. line-height : 14px;
  978. font-height : 9px;
  979. text-align : center;
  980. border : 1px solid black;
  981. float : left;
  982. background-color : #fff7d5;
  983. color : #063064;
  984. margin-right : 10px;
  985. }
  986. optgroup {
  987. color : #4684ff;
  988. font-style : normal;
  989. }
  990. option {
  991. color : black;
  992. }
  993. div#cmdline {
  994. position : absolute;
  995. left : 5px;
  996. bottom : 5px;
  997. font-size : 11px;
  998. color : gray;
  999. font-weight : bold;
  1000. background-color : white;
  1001. border : 1px solid #88b0f0;
  1002. padding : 3px 5px 3px 5px;
  1003. z-index : 5;
  1004. }
  1005. #feed_browser_spinner {
  1006. vertical-align : middle;
  1007. height : 18px;
  1008. width : 18px;
  1009. }
  1010. div#auxDlg {
  1011. position : absolute;
  1012. z-index : 3;
  1013. bottom : 5px;
  1014. right : 25px;
  1015. padding : 5px;
  1016. border-width : 1px;
  1017. border-style : solid;
  1018. border-color : #d7c47a;
  1019. background-color : #fff7d5;
  1020. color : black;
  1021. text-align : center;
  1022. font-size : 13px;
  1023. }
  1024. div#auxDlg a {
  1025. color : #4684ff;
  1026. }
  1027. div.hlTitle {
  1028. display : table-cell;
  1029. cursor : pointer;
  1030. width : 100%;
  1031. vertical-align : middle;
  1032. padding-top : 4px;
  1033. padding-bottom : 4px;
  1034. }
  1035. div.hlLeft {
  1036. display : table-cell;
  1037. vertical-align : middle;
  1038. white-space: nowrap;
  1039. }
  1040. div.hlRight {
  1041. display : table-cell;
  1042. white-space: nowrap;
  1043. text-align : right;
  1044. vertical-align : middle;
  1045. }
  1046. div.hlRight img {
  1047. max-width : 16px;
  1048. max-height : 16px;
  1049. }
  1050. span.hlUpdated {
  1051. color : gray;
  1052. font-weight : medium;
  1053. min-width : 100px;
  1054. display : table-cell;
  1055. width : 100%;
  1056. vertical-align : middle;
  1057. padding-top : 4px;
  1058. padding-bottom : 4px;
  1059. text-align : right;
  1060. }
  1061. div.hlLeft input {
  1062. margin-left : 4px;
  1063. margin-right : 4px;
  1064. }
  1065. div.hlLeft img, div.hlRight img {
  1066. margin : 0px 4px 0px 4px;
  1067. }
  1068. div.hlUpdPic {
  1069. display : table-cell;
  1070. padding-right : 4px;
  1071. padding-left : 4px;
  1072. text-align : center;
  1073. vertical-align : middle;
  1074. }
  1075. div.hlUpdPic img {
  1076. max-width : 16px;
  1077. }
  1078. div.fatalError {
  1079. margin-bottom : 10px;
  1080. }
  1081. div.fatalError button {
  1082. margin-top : 5px;
  1083. }
  1084. div.fatalError textarea {
  1085. width : 100%;
  1086. height : 100px;
  1087. }
  1088. #main {
  1089. border-width : 0px;
  1090. margin : 0px;
  1091. padding : 0px;
  1092. }
  1093. #header-wrap {
  1094. border-width : 0px;
  1095. margin : 0px;
  1096. padding : 0px;
  1097. }
  1098. #content-wrap {
  1099. padding : 0px;
  1100. border-width : 0px;
  1101. margin : 0px;
  1102. }
  1103. #feeds-holder {
  1104. padding : 0px;
  1105. border-color : #88b0f0;
  1106. border-left-width : 0px;
  1107. border-bottom-width : 0px;
  1108. border-top-width : 0px;
  1109. overflow : auto;
  1110. }
  1111. #headlines-wrap-inner {
  1112. padding : 0px;
  1113. margin : 0px;
  1114. border-width : 0px;
  1115. }
  1116. #headlines-frame {
  1117. padding : 0px;
  1118. border-color : #88b0f0;
  1119. border-left-width : 0px;
  1120. border-right-width : 0px;
  1121. margin-top : 0px;
  1122. border-top-width : 0px;
  1123. }
  1124. #headlines-toolbar_splitter, #toolbar_splitter {
  1125. display : none;
  1126. }
  1127. #content-tabs {
  1128. margin : 0px;
  1129. padding : 0px;
  1130. border-width : 0px;
  1131. }
  1132. #toolbar {
  1133. padding : 0px;
  1134. margin : 0px;
  1135. border-width : 0px;
  1136. white-space: nowrap;
  1137. font-size : 12px;
  1138. }
  1139. #header {
  1140. border-width : 0px;
  1141. text-align : right;
  1142. color : gray;
  1143. padding : 5px 5px 0px 0px;
  1144. margin : 0px;
  1145. position : absolute;
  1146. right : 0px;
  1147. top : 0px;
  1148. z-index : 5;
  1149. }
  1150. #footer {
  1151. text-align : center;
  1152. color : gray;
  1153. padding : 4px 4px 8px 4px;
  1154. border-width : 0px;
  1155. }
  1156. #content-insert {
  1157. padding : 0px;
  1158. border-color : #88b0f0;
  1159. border-bottom-width : 0px;
  1160. border-right-width : 0px;
  1161. border-left-width : 0px;
  1162. overflow : auto;
  1163. }
  1164. .dijitTreeLabel.Unread {
  1165. font-weight : bold;
  1166. }
  1167. .feedParam {
  1168. color : gray;
  1169. float : right;
  1170. margin-right : 1em;
  1171. }
  1172. .dijitTreeLabel.Disabled, .labelParam.Disabled {
  1173. color : gray;
  1174. }
  1175. .dijitTreeRow.Error {
  1176. color : red;
  1177. }
  1178. .dijitTreeRow.Hidden {
  1179. display : none;
  1180. }
  1181. img.feedIcon, img.tinyFeedIcon {
  1182. width : 16px;
  1183. height : 16px;
  1184. }
  1185. div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
  1186. text-align : center;
  1187. padding : 5px;
  1188. color : gray;
  1189. }
  1190. div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
  1191. margin-right : 5px;
  1192. }
  1193. div#pref-tabs .dijitContentPane {
  1194. font-size : 12px;
  1195. }
  1196. div#pref-tabs {
  1197. margin : 0px 5px 0px 5px;
  1198. }
  1199. div#pref-tabs .dijitContentPane h3 {
  1200. font-size : 14px;
  1201. font-weight : bold;
  1202. }
  1203. #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
  1204. #pref-label-wrap, #pref-label-header, #pref-label-content,
  1205. #pref-user-wrap, #pref-user-header, #pref-user-content,
  1206. #pref-instance-wrap, #pref-instance-header, #pref-instance-content {
  1207. margin : 0px;
  1208. padding : 0px;
  1209. border-width : 0px;
  1210. }
  1211. #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
  1212. padding : 0px;
  1213. }
  1214. #errorButton {
  1215. color : red;
  1216. }
  1217. span.labelFixedLength {
  1218. display : inline-block;
  1219. width : 70%;
  1220. }
  1221. #filter_dlg_date_chk_box {
  1222. display : inline-block;
  1223. }
  1224. .dijitDialog .dijitToolbar {
  1225. border : 1px solid #c0c0c0;
  1226. }
  1227. a.bookmarklet {
  1228. color : #4684ff;
  1229. border : 1px solid #ecf4ff;
  1230. padding : 2px;
  1231. }
  1232. #newVersionIcon {
  1233. margin-left : 5px;
  1234. vertical-align : middle;
  1235. position : relative;
  1236. top : -1px;
  1237. }
  1238. .player {
  1239. display : inline-block;
  1240. color : gray;
  1241. font-size : 11px;
  1242. font-family : sans-serif;
  1243. border : 1px solid gray;
  1244. padding : 0px 4px 0px 4px;
  1245. margin : 0px 2px 0px 2px;
  1246. width : 50px;
  1247. text-align : center;
  1248. background : white;
  1249. }
  1250. .player.playing {
  1251. color : #00c000;
  1252. border-color : #00c000;
  1253. }
  1254. .player:hover {
  1255. background : #f0f0f0;
  1256. cursor : pointer;
  1257. }
  1258. #headlines-spacer {
  1259. height : 100%;
  1260. margin-left : 1px;
  1261. text-align : center;
  1262. padding : 1em;
  1263. color : gray;
  1264. }