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