cdm.css 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267
  1. div.cdmHeader img, div.cdmHeader input, div.cdmFooter img {
  2. vertical-align : middle;
  3. }
  4. div.cdmHeader {
  5. display : table;
  6. }
  7. div.cdmHeader > * {
  8. display : table-cell;
  9. padding : 5px;
  10. }
  11. div.cdmHeader > div {
  12. white-space : nowrap;
  13. }
  14. div.cdmHeader > span {
  15. width : 100%;
  16. }
  17. div.cdmHeader span.updated {
  18. color : #555;
  19. font-weight : normal;
  20. font-size : 11px;
  21. white-space : nowrap;
  22. vertical-align : middle;
  23. }
  24. div.cdmHeader input {
  25. margin-right : 5px;
  26. }
  27. div.cdmHeader div.updPic {
  28. width : 25px;
  29. display : inline-block;
  30. text-align : center;
  31. }
  32. div.cdmHeader div.updPic img {
  33. vertical-align : middle;
  34. }
  35. div.cdmHeader img, div.cdmFooter img {
  36. margin : 0px 4px;
  37. }
  38. div.cdmHeader input {
  39. margin-left : 4px;
  40. margin-right : 4px;
  41. }
  42. div.cdmContentInner {
  43. margin : 10px;
  44. line-height : 20px;
  45. }
  46. div.cdmContentInner img {
  47. border-width : 0px;
  48. max-width : 98%;
  49. height : auto;
  50. }
  51. div.cdmFooter {
  52. padding : 5px;
  53. font-weight : normal;
  54. color : #555;
  55. clear : both;
  56. }
  57. div.cdm.expanded {
  58. margin-top : 4px;
  59. margin-bottom : 4px;
  60. }
  61. div.cdm.expandable {
  62. background-color : #f0f0f0;
  63. border-width : 0px 0px 1px 0px;
  64. border-color : #c0c0c0;
  65. border-style : solid;
  66. }
  67. div.cdm.expandable > hr {
  68. display : none;
  69. }
  70. div.cdm.expanded > hr {
  71. margin-top : 0px;
  72. margin-bottom : 0px;
  73. }
  74. div.cdm.expandable.Unread {
  75. background : white;
  76. }
  77. div.cdm.expandable.Selected {
  78. background : #f9fbff;
  79. }
  80. div.cdm.expandable.active {
  81. box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
  82. border-color : #88b0f0;
  83. background : white ! important;
  84. }
  85. div.cdm.expandable div.cdmHeader span.titleWrap {
  86. white-space : nowrap;
  87. text-overflow : ellipsis;
  88. overflow : hidden;
  89. max-width : 500px;
  90. }
  91. div.cdm.expandable div.cdmHeader a.title {
  92. font-weight : bold;
  93. color : #555;
  94. }
  95. div.cdm.expandable.Unread div.cdmHeader a.title {
  96. color : black;
  97. }
  98. div.cdm.expandable.active div.cdmHeader a.title {
  99. color : #4684ff;
  100. }
  101. div.cdm.expanded div.cdmHeader {
  102. background : transparent ! important;
  103. }
  104. div.cdm.expanded div.cdmHeader a.title {
  105. font-size : 14px;
  106. color : #999;
  107. font-weight : bold;
  108. }
  109. div.cdm.expanded.active {
  110. background : white;
  111. }
  112. div.cdm.expanded.active div.cdmHeader a.title {
  113. color : #4684ff;
  114. }
  115. div.cdm.expanded.Unread div.cdmHeader a.title {
  116. color : black;
  117. }
  118. div.cdm.expanded div.cdmContent {
  119. color : #555;
  120. }
  121. div.cdm.expanded.Unread div.cdmContent {
  122. color : black;
  123. }
  124. div.cdm.active div.cdmContent {
  125. color : black;
  126. }
  127. span.cdmExcerpt {
  128. font-size : 11px;
  129. color : #555;
  130. font-weight : normal;
  131. cursor : pointer;
  132. }
  133. div.cdmContent div.postEnclosures {
  134. margin-top : 1em;
  135. color : #555;
  136. }
  137. div.cdmFeedTitle {
  138. border-color : #a0a0a0;
  139. border-width : 0px 0px 1px 0px;
  140. border-style : solid;
  141. padding : 5px 3px 5px 5px;
  142. background : url("images/toolbar.png") bottom left;
  143. background-repeat : repeat-x;
  144. }
  145. div.cdmFeedTitle a.title {
  146. color : #555;
  147. font-style : italic;
  148. font-weight : bold;
  149. }
  150. div.cdmFeedTitle a {
  151. color : #555;
  152. }
  153. div.cdmFeedTitle a:hover {
  154. color : #4684ff;
  155. }
  156. div.cdmHeader span.hlFeed {
  157. float : right;
  158. font-weight : normal;
  159. font-style : italic;
  160. }
  161. div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
  162. vertical-align : middle;
  163. color : #555;
  164. font-weight : normal;
  165. font-style : italic;
  166. font-size : 11px;
  167. }
  168. div.cdm .hlFeed a {
  169. border-radius : 4px;
  170. display : inline-block;
  171. padding : 1px 4px 1px 4px;
  172. }
  173. div.cdmContentInner p {
  174. max-width : 650px;
  175. }
  176. div.cdmContentInner iframe {
  177. min-width : 50%;
  178. }
  179. div.cdmHeader span.author {
  180. color : #555;
  181. font-size : 11px;
  182. font-weight : normal;
  183. }
  184. div#floatingTitle {
  185. position : absolute;
  186. z-index : 5;
  187. top : 30px;
  188. right : 20px;
  189. border : 1px solid #ccc;
  190. background : white;
  191. border-radius : 3px;
  192. box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1);
  193. color : #555;
  194. font-size : 10px;
  195. padding : 3px;
  196. }
  197. div#floatingTitle > * {
  198. display : table-cell;
  199. white-space : nowrap;
  200. vertical-align : middle;
  201. }
  202. div#floatingTitle span.titleWrap {
  203. max-width : 200px;
  204. overflow : hidden;
  205. text-overflow : ellipsis;
  206. }
  207. div#floatingTitle img {
  208. padding-right : 3px;
  209. }
  210. div#floatingTitle .dijit,
  211. div#floatingTitle span.updated,
  212. div#floatingTitle div.scoreWrap,
  213. div#floatingTitle div.hlFeed,
  214. div#floatingTitle span.author,
  215. div#floatingTitle img.tinyFeedIcon {
  216. display : none;
  217. }