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