css/zoom.less

   1 body.ttrss_zoom {
   2         margin-left : auto;
   3         margin-right : auto;
   4         padding : 20px;
   5         max-width : 770px;
   6         background : #f5f5f5;
   7
   8         div.postHeader {
   9                 margin : 10px;
  10                 padding-bottom : 10px;
  11                 border: 0px solid #eee;
  12                 border-bottom-width: 1px;
  13                 background : white;
  14
  15                 div.postFeedTitle {
  16                         float : left;
  17                         text-align : right;
  18                         padding-left : 0px;
  19                         font-size : 11px;
  20                 }
  21
  22                 a.postComments {
  23                         text-align : right;
  24                         padding-left : 0px;
  25                         font-size : 11px;
  26                 }
  27
  28                 div.postDate {
  29                         float : none;
  30                         text-align : right;
  31                         padding-left : 0px;
  32                         color : #777;
  33                         font-size : 11px;
  34                 }
  35
  36                 div.postTags {
  37                         color : #777;
  38                         font-size : 11px;
  39                 }
  40
  41                 div.postTitle {
  42                         white-space : normal;
  43                         font-size : 16px;
  44                 }
  45
  46         }
  47
  48         p {
  49                 -webkit-hyphens: auto;
  50                 -moz-hyphens: auto;
  51                 hyphens: auto;
  52         }
  53
  54         div.postReply {
  55                 border : 1px solid #ddd;
  56                 background : white;
  57                 box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
  58                 border-radius : 6px;
  59         }
  60
  61         div.footer {
  62                 margin-top : 1em;
  63                 text-align : center;
  64         }
  65
  66
  67         div.postContent {
  68                 font-size : 15px;
  69                 line-height : 1.5;
  70                 padding : 10px;
  71
  72                 img {
  73                         max-width : 730px;
  74                         height : auto;
  75                 }
  76
  77                 blockquote {
  78                         margin : 5px 0px 5px 0px;
  79                         color : @default-text;
  80                         padding-left : 10px;
  81                         border: 0px solid #ccc;
  82                         border-left-width: 4px;
  83                 }
  84
  85                 code {
  86                         color : #009900;
  87                         font-family : monospace;
  88                         font-size : 12px;
  89                 }
  90
  91                 pre {
  92                         margin : 5px 0px 5px 0px;
  93                         padding : 10px;
  94                         color : @default-text;
  95                         font-family : monospace;
  96                         font-size : 12px;
  97                         border: 0px solid #ccc;
  98                         background : #f5f5f5;
  99                         display : block;
 100                         max-width : 98%;
 101                         overflow : auto;
 102                 }
 103         }
 104 }
 105