css/zoom.less

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