app/scss/packages.scss

   1 .screenshot_list, .screenshot_list li, .screenshot_list li a {
   2         list-style: none;
   3         margin: 0;
   4         padding: 0;
   5 }
   6
   7 .screenshot_list li {
   8         display: inline-block;
   9         vertical-align: middle;
  10         margin: 5px;
  11         padding: 0;
  12 }
  13
  14 .screenshot_list li a {
  15         display: block;
  16 }
  17
  18 .screenshot_list img {
  19         width: 200px;
  20         height: 133px;
  21         object-fit: cover;
  22 }
  23
  24 .screenshot-add {
  25         display: block !important;
  26         width: 200px;
  27         height: 133px;
  28         background: #444;
  29         color: #666;
  30         text-align: center;
  31         line-height: 133px !important;
  32         font-size: 80px;
  33
  34         &:hover {
  35                 background: #555;
  36                 color: #999;
  37                 text-decoration: none;
  38         }
  39 }
  40
  41 .info-row {
  42         vertical-align: middle;
  43
  44         .count {
  45                 margin-left: 0.3em;
  46         }
  47
  48         img {
  49                 filter: grayscale(100%);
  50         }
  51
  52         a {
  53                 color: rgba(255, 255, 255, 0.8);
  54         }
  55
  56         a:hover {
  57                 color: #fff;
  58                 text-decoration: none;
  59         }
  60 }
  61
  62 .box_img {
  63         position: relative;
  64         background-position: center;
  65         background-size: cover;
  66         background-image: url("placeholder.png");
  67         min-height: 220px;
  68         border-radius: 5px;
  69         padding: 0;
  70 }
  71
  72 .box_img > h2 {
  73         display: inline-block;
  74         position: absolute;
  75         bottom: 15px;
  76         left: 15px;
  77 }
  78
  79 .package-short-large {
  80         font-size: 120%;
  81 }
  82
  83 .pkg_wiz_1, .pkg_wiz_2 {
  84         display: none;
  85 }
  86
  87 .plsearchform {
  88         padding: 0.5em;
  89 }
  90
  91 .plsearchform p {
  92         display: inline-block;
  93         padding: 0;
  94         margin: 0 0.75em;
  95 }