1  .row {
  2    display: flex; 
  3    flex-direction: row;
  4    justify-content: center;
  5    text-align: center;
  6    padding-top: 20px;
  7  }
  8  
  9  .post {
 10    width: 180px;
 11    position: relative;
 12    max-height: 320px;
 13    padding: 10px 0 3px 0;
 14    vertical-align: top;
 15    display: inline-block;
 16    overflow: hidden;
 17  }
 18  
 19  .large {
 20    width: 270px !important;
 21  }
 22  
 23  .hidden {
 24    opacity: 0.5;
 25  }
 26  
 27  .hiddenThumbnail {
 28    width: var(--maxWidth);
 29    height: var(--maxHeight);
 30    background-color: var(--media-thumbnail-background-color);
 31    display: inline-block;
 32  }
 33  
 34  .mediaPaddingWrapper {
 35    padding-bottom: 5px;
 36    display: inline-flex;
 37    position: relative;
 38  }
 39  
 40  .threadIcons {
 41    position: absolute;
 42    top: 2px;
 43    right: 2px;
 44  }
 45  
 46  .threadIcons span {
 47    width: 16px;
 48    height: 16px;
 49    display: inline-block;
 50    border: none;
 51    background-repeat: no-repeat;
 52    background-position: center;
 53    image-rendering: pixelated;
 54  }
 55  
 56  .threadIcons .stickyIcon {
 57    background-image: url("/public/assets/icons/sticky.gif");
 58  }
 59  
 60  .threadIcons .closedIcon {
 61    background-image: url("/public/assets/icons/closed.gif");
 62  }
 63  
 64  .mediaWrapper {
 65    background-color: var(--media-thumbnail-background-color);
 66    width: var(--width);
 67    height: var(--height);
 68    display: inline-flex;
 69    justify-content: center;
 70    align-items: center;
 71  }
 72  
 73  .post img, .post video, .post audio {
 74    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
 75    max-width: var(--maxWidth);
 76    max-height: var(--maxHeight);
 77  }
 78  
 79  .meta {
 80    cursor: help;
 81    font-size: 11px;
 82    line-height: 8px;
 83    padding: 2px 0 1px 0;
 84  }
 85  
 86  .teaser {
 87    display: block;
 88    padding: 0 15px;
 89    overflow: hidden;
 90    word-wrap: break-word;
 91  }
 92  
 93  .post a {
 94    color: unset;
 95    text-decoration: none;
 96  }
 97  
 98  .post .postMenu {
 99    visibility: hidden;
100  }
101  
102  .postMenuVisible {
103    visibility: visible !important;
104  }
105  
106  .loadingSkeleton {
107    width: var(--maxWidth);
108    height: var(--maxHeight);
109    display: inline-block;
110  }
111  
112  .fileDeleted {
113    image-rendering: pixelated;
114  }
115  
116  .postPreview {
117    background-color: var(--catalog-post-preview-background-color);
118    border-radius: 3px;
119    padding: 5px 8px 4px;
120    z-index: 100000;
121    word-wrap: break-word;
122    white-space: pre-line;
123    max-width: 500px;
124    color: var(--catalog-post-preview-color);
125    font-family: arial, helvetica, sans-serif;
126    font-size: 10pt;
127    overflow: hidden;
128  }
129  
130  .postPreview .postSubject {
131    font-weight: 700;
132    color: var(--catalog-post-preview-subject-color);
133  }
134  
135  .postPreview .postAuthor {
136    color: var(--catalog-post-preview-author-color);
137    font-weight: 700; 
138  }
139  
140  .postPreview .postLast {
141    color: var(--catalog-post-preview-last-color);
142    font-size: 90%;
143    margin-top: 3px;
144  }
145  
146  .postPreview .capcode {
147    color: var(--catalog-post-preview-author-capcode-color);
148  }