Feed-Viewer.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. /**
  2. * Icons
  3. */
  4. .summary {
  5. background-image: url(images/details.gif) !important;
  6. }
  7. .reading {
  8. background-image: url(images/article.gif) !important;
  9. }
  10. .post-go {
  11. background-image: url(images/post_go.gif) !important;
  12. }
  13. .tab-new {
  14. background-image: url(images/tab_new.gif) !important;
  15. }
  16. .feed-add {
  17. background-image: url(images/rss_add.gif) !important;
  18. }
  19. .feed-remove {
  20. background-image: url(images/rss_delete.gif) !important;
  21. }
  22. .feed-load {
  23. background-image: url(images/rss_load.gif) !important;
  24. }
  25. .details {
  26. background-image: url(images/details.gif) !important;
  27. }
  28. .open-all {
  29. background-image: url(images/tabs.gif) !important;
  30. }
  31. .feed {
  32. width: 16px;
  33. height: 16px;
  34. background-image: url(images/rss.gif) !important;
  35. }
  36. /**
  37. * Other styles
  38. */
  39. .feed-picker-url {
  40. float: left;
  41. width: 425px;
  42. }
  43. .feed-picker-title {
  44. /* float: left;*/
  45. color: #777;
  46. font-size: 10px;
  47. }
  48. .feed-list {
  49. padding: 0 3px 0 3px;
  50. }
  51. .feed-list-item {
  52. margin-top: 3px;
  53. padding-left: 20px;
  54. font-size: 11px;
  55. line-height: 20px;
  56. cursor: pointer;
  57. background: url(images/rss.gif) no-repeat 0 2px;
  58. border: 1px solid #fff;
  59. }
  60. .feed-list .x-item-selected {
  61. font-weight: bold;
  62. color: #15428B;
  63. background-color: #DFE8F6;
  64. border: 1px dotted #A3BAE9;
  65. }
  66. .feed-list-item-hover {
  67. background-color: #eee;
  68. }
  69. .topic {
  70. padding: 2px 0 0 20px;
  71. background:transparent url(images/post.gif) no-repeat;
  72. }
  73. .topic b {
  74. font-family: tahoma, verdana;
  75. display: block;
  76. color: #333;
  77. }
  78. .author {
  79. color: #333
  80. }
  81. .post-date {
  82. font-weight:bold;
  83. color:#333;
  84. }
  85. .feed-grid .x-grid-rowbody {
  86. margin: 5px 20px 10px 25px !important;
  87. color: #555;
  88. font-size: 11px;
  89. }
  90. /* Preview classes */
  91. .preview .x-panel-body {
  92. background:#fff;
  93. color:#222;
  94. font:normal 12px tahoma,verdana,arial,sans-serif;
  95. }
  96. .preview .x-panel-body p {
  97. line-height:18px;
  98. margin:8px 0;
  99. }
  100. .preview .x-panel-body ul {
  101. margin-left:18px;
  102. }
  103. .preview .x-panel-body ul li {
  104. display:list-item;
  105. list-style-image:none !important;
  106. list-style-position:outside !important;
  107. list-style-type:disc !important;
  108. margin-left:18px;
  109. }
  110. .preview .x-panel-body pre, #preview .x-panel-body code {
  111. background:#f1f1f1;
  112. display:block;
  113. }
  114. .preview .x-panel-body h4.post-author {
  115. font-weight:normal;
  116. color:#555;
  117. font-size:11px;
  118. }
  119. .preview .x-panel-body span.post-date {
  120. font-weight:normal;
  121. color:#555;
  122. float:right;
  123. font-size:11px;
  124. }
  125. .preview .x-panel-body div.post-data {
  126. background:#f1f2f4;
  127. padding:5px;
  128. border-bottom:1px solid #dadadb;
  129. }
  130. .preview .x-panel-body div.post-body {
  131. padding:10px;
  132. }