git.freespeechextremist.com Git - bloat/blob - static/main.css

   1 .status-container-container {
   2         margin: 16px 0 16px -4px;
   3         padding: 0 4px;
   4         border-left: 4px solid transparent;
   5 }
   6
   7 .status-container-container:target {
   8         border-color: #777777;
   9 }
  10
  11 .status-container {
  12         display: flex;
  13 }
  14
  15 .status-content {
  16         margin: 4px 0 8px 0;
  17         word-wrap: anywhere;
  18 }
  19
  20 .status-content p {
  21         margin: 0px;
  22 }
  23
  24 .status-profile-img-container {
  25         margin-right: 8px;
  26 }
  27
  28 .status-profile-img {
  29         height: 48px;
  30         width: 48px;
  31         object-fit: contain;
  32         vertical-align: top;
  33 }
  34
  35 .status {
  36 }
  37
  38 .status a {
  39         text-decoration: none;
  40 }
  41
  42 .status-dname {
  43         font-weight: 800;
  44 }
  45
  46 .status-uname {
  47         font-style: italic;
  48         font-size: 10pt;
  49 }
  50
  51 .status-emoji {
  52         height: 20px;
  53         margin-bottom: -4px;
  54         witdth: auto;
  55 }
  56
  57 .name-emoji {
  58         height: 20px;
  59         witdth: auto;
  60 }
  61
  62 .status-action {
  63         display: flex;
  64         margin-top: 4px;
  65 }
  66
  67 .status-action a {
  68         display: flex;
  69         margin: 0 4px;
  70         width: 64px;
  71         text-decoration: none;
  72         color: #333333;
  73 }
  74
  75 .status-action a:hover {
  76         color: #777777;
  77 }
  78
  79 .status-action .icon {
  80         margin: 0 4px 0 0;
  81 }
  82
  83 .status-action a.status-time {
  84         width: auto;
  85 }
  86
  87 .icon.dripicons-star.liked {
  88         color: yellow;
  89 }
  90
  91 .icon.dripicons-retweet.retweeted {
  92         color: green;
  93 }
  94
  95 .status-image,
  96 .status-video {
  97         max-height: 180px;
  98         max-width: 220px;
  99         width: auto;
 100 }
 101
 102 .page-title {
 103         font-size: 23pt;
 104 }
 105
 106 .navigation {
 107         margin: 4px 0;
 108 }
 109
 110 .navigation a {
 111         margin-right: 8px;
 112 }
 113
 114 .post-form {
 115         margin: 8px 0;
 116 }
 117
 118 .post-form>div {
 119         margin-bottom: 4px;
 120 }
 121
 122 .signin-form {
 123         margin: 8px 0;
 124 }
 125
 126 .signin-form input {
 127         margin: 4px 0;
 128 }
 129
 130 .retweet-info {
 131         margin: 8px 0 4px 24px;
 132 }
 133
 134 .retweet-info .status-profile-img {
 135         height: 24px;
 136         width: 24px;
 137         margin-bottom: -8px;
 138         vertical-align: baseline;
 139 }
 140
 141 .retweet-info .status-dname{
 142         margin-left: 4px
 143 }
 144
 145 .retweet-info .icon.dripicons-retweet.retweeted {
 146         vertical-align: sub;
 147 }
 148
 149 .post-content {
 150         padding: 4px;
 151         font-size: 11pt;
 152         font-family: initial;
 153         max-width: 100%;
 154 }
 155
 156 .pagination {
 157         margin: 4px;
 158 }
 159
 160 .pagination a {
 161         margin: 0 8px;
 162 }
 163
 164 .notification-container {
 165         margin: 16px 0 16px -4px;
 166         padding: 0 4px;
 167         border-left: 4px solid transparent;
 168 }
 169
 170 .notification-container.unread {
 171         border-color: #777777;
 172 }
 173
 174 .notification-follow-container,
 175 .notification-like-container,
 176 .notification-retweet-container {
 177         display: flex;
 178 }
 179
 180 .notification-follow-uname {
 181         margin-top: 8px;
 182 }
 183
 184 .status-reply-to {
 185         vertical-align: center;
 186         font-size: 10pt
 187 }
 188
 189 .status-reply-container .icon {
 190         font-size: 10pt;
 191         vertical-align: sub;
 192         margin-right: -2px;
 193 }
 194
 195 .status-reply-text {
 196         font-size: 10pt;
 197 }
 198
 199 .status-reply {
 200         font-size: 10pt;
 201 }
 202
 203 .status-reply-info-divider {
 204         margin: 0 4px;
 205 }
 206
 207 .post-content-container {
 208         padding-right: 8px;
 209 }
 210
 211 .error-text {
 212         margin: 8px 0;
 213 }
 214
 215 .post-attachment-div {
 216         margin: 2px 0;
 217 }
 218
 219 .user-profile-img-container {
 220         display: inline-block
 221 }
 222
 223 .user-profile-details-container {
 224         display: inline-block;
 225         vertical-align: top;
 226         margin: 0 4px;
 227 }
 228
 229 .user-profile-details-container>div {
 230         margin-bottom: 4px;
 231 }
 232
 233 .user-profile-img {
 234         max-height: 100px;
 235         max-width: 100px;
 236 }
 237
 238 .user-profile-decription {
 239         margin: 4px 0;
 240 }
 241
 242 .d-inline {
 243         display: inline;
 244 }
 245
 246 .btn-link {
 247     border: none;
 248     outline: none;
 249     background: none;
 250     cursor: pointer;
 251     color: #0000EE;
 252     padding: 0;
 253     text-decoration: underline;
 254     font-family: inherit;
 255     font-size: inherit;
 256 }
 257
 258 .status-visibility {
 259         margin-left: 4px;
 260         display: inline-block;
 261         color: #444444;
 262 }
 263
 264 .status-visibility span {
 265         font-size: 9pt;
 266         vertical-align: bottom;
 267 }
 268
 269 .remote-link {
 270         margin-left: 4px;
 271         display: inline-block;
 272         color: #444444;
 273         text-decoration: none;
 274 }
 275
 276 .remote-link span {
 277         font-size: 9pt;
 278         vertical-align: bottom;
 279 }
 280
 281 .img-link {
 282         display: inline-block;
 283 }