zoom.less 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. body.ttrss_zoom {
  2. max-width : 900px;
  3. margin : 2em auto;
  4. div.post {
  5. border : 1px solid #ddd;
  6. background : white;
  7. box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
  8. .attachments {
  9. display : none;
  10. }
  11. div.header {
  12. padding-bottom : 10px;
  13. border: 0px solid #eee;
  14. border-bottom-width: 1px;
  15. background : white;
  16. font-size : 12px;
  17. color : #555;
  18. .row {
  19. display : flex;
  20. margin-bottom : 4px;
  21. flex-wrap : nowrap;
  22. align-items : center;
  23. justify-content : space-between;
  24. }
  25. }
  26. p {
  27. -webkit-hyphens: auto;
  28. -moz-hyphens: auto;
  29. hyphens: auto;
  30. }
  31. div.content {
  32. font-size : 15px;
  33. line-height : 1.5;
  34. border-width : 0;
  35. padding : 0;
  36. img, video {
  37. max-width : 760px;
  38. height : auto;
  39. }
  40. blockquote {
  41. margin : 5px 0px 5px 0px;
  42. color : @default-text;
  43. padding-left : 10px;
  44. border: 0px solid #ccc;
  45. border-left-width: 4px;
  46. }
  47. code {
  48. color : #009900;
  49. font-family : monospace;
  50. font-size : 12px;
  51. }
  52. pre {
  53. margin : 5px 0px 5px 0px;
  54. padding : 10px;
  55. color : @default-text;
  56. font-family : monospace;
  57. font-size : 12px;
  58. border: 0px solid #ccc;
  59. background : @color-panel-bg;
  60. display : block;
  61. max-width : 98%;
  62. overflow : auto;
  63. }
  64. }
  65. }
  66. }