cdm.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  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 : gray;
  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 2px 0px 2px;
  37. }
  38. div.cdmContent a {
  39. color : #4684ff;
  40. }
  41. div.cdmContent a:hover {
  42. color : black;
  43. }
  44. div.cdmContentInner {
  45. margin : 10px;
  46. }
  47. div.cdmContentInner img {
  48. border-width : 0px;
  49. max-width : 98%;
  50. }
  51. div.cdmFooter {
  52. padding : 5px;
  53. font-weight : normal;
  54. color : gray;
  55. clear : both;
  56. }
  57. div.cdm {
  58. border-width : 0px 1px 1px 0px;
  59. border-collapse : collapse;
  60. border-color : #c0c0c0;
  61. border-style : solid;
  62. background : #fafafa;
  63. }
  64. div.cdm.expandable {
  65. background : #f0f0f0;
  66. }
  67. div.cdm.expanded, div.cdm.expandable {
  68. margin : 4px 4px 0px 4px;
  69. border-width : 1px;
  70. border-color : #c0c0c0;
  71. box-shadow : 0px 0px 3px #ccc;
  72. }
  73. div.cdm.expanded div.cdmHeader {
  74. background : #e0e0e0;
  75. }
  76. div.cdm.Unread {
  77. background : white;
  78. }
  79. div.cdm.Unread div.cdmHeader {
  80. background : #ecf4ff;
  81. }
  82. div.cdm.active {
  83. border-color : #88b0f0;
  84. background : white ! important;
  85. box-shadow : 0px 0px 3px #4684ff;
  86. }
  87. div.cdm.active div.cdmHeader {
  88. background : #ecf4ff;
  89. }
  90. div.cdm.active div.cdmHeader a.title {
  91. color : #4684ff;
  92. }
  93. div.cdm.active div.cdmContent {
  94. background : white;
  95. }
  96. span.cdmExcerpt {
  97. font-size : 11px;
  98. color : gray;
  99. font-weight : normal;
  100. cursor : pointer;
  101. }
  102. div.cdmContent div.postEnclosures {
  103. margin-top : 1em;
  104. color : gray;
  105. }
  106. div.cdmFeedTitle {
  107. border-color : #a0a0a0;
  108. border-width : 0px 0px 1px 0px;
  109. border-style : solid;
  110. padding : 5px 3px 5px 5px;
  111. background : url("images/toolbar.png") bottom left;
  112. background-repeat : repeat-x;
  113. }
  114. div.cdmFeedTitle a.title {
  115. color : gray;
  116. font-style : italic;
  117. font-weight : bold;
  118. }
  119. div.cdmFeedTitle a {
  120. color : gray;
  121. }
  122. div.cdmFeedTitle a:hover {
  123. color : #4684ff;
  124. }
  125. div.articleNote {
  126. border-style : dashed none dashed none;
  127. }
  128. div.cdmHeader span.hlFeed {
  129. float : right;
  130. font-weight : normal;
  131. font-style : italic;
  132. }
  133. div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
  134. vertical-align : middle;
  135. color : gray;
  136. font-weight : normal;
  137. font-style : italic;
  138. font-size : 11px;
  139. }
  140. div.cdmContentInner p {
  141. max-width : 650px;
  142. }
  143. .Unread div.cdmHeader {
  144. font-weight : bold;
  145. }
  146. div.cdmContentInner iframe {
  147. min-width : 50%;
  148. }
  149. div.cdmHeader span.author {
  150. color : gray;
  151. font-size : 11px;
  152. font-weight : normal;
  153. }
  154. div.cdm.expanded div.cdmHeader a.title, div.cdm.active div.cdmHeader a.title {
  155. font-size : 13px;
  156. }