static/css/item-preview.css

   1 /* luflow.net web site */
   2 /* Public domain 2025. All rights waived */
   3
   4 .item-preview,
   5 .item-preview:link,
   6 .item-preview:visited {
   7     border-color: #f4bb15;
   8     border-style: none none solid none;
   9     border-width: thin;
  10     color: #4d4d4d;
  11     display: block;
  12     padding: 10px 15px;
  13     text-align: left;
  14     text-decoration: none;
  15 }
  16
  17 .item-preview:active,
  18 .item-preview:focus,
  19 .item-preview:hover {
  20     background-color: #f4bb15;
  21 }
  22
  23 .item-preview h3 {
  24     font-size: 1em;
  25     font-weight: bold;
  26     margin: 0px;
  27     padding-top: 16px;
  28 }
  29
  30 .item-preview p {
  31     padding-top: 16px;
  32 }
  33
  34 .item-date {
  35     font-size: 0.9em;
  36 }
  37
  38 @media screen and (min-width: 1024px) {
  39     .item-preview,
  40     .item-preview:link,
  41     .item-preview:visited {
  42         background-color: transparent;
  43         border-color: transparent;
  44         border-style: solid;
  45         border-width: thin;
  46         display: inline-block;
  47         margin: 10px 0px 15px 0px;
  48         vertical-align: top;
  49         width: 270px;
  50         text-decoration: none;
  51     }
  52
  53     .item-preview:active,
  54     .item-preview:focus,
  55     .item-preview:hover {
  56         border-color: #f4bb15;
  57     }
  58 }
  59