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

   1 .status-container-container {
   2         margin: 16px 0;
   3 }
   4
   5 .status-container {
   6         display: flex;
   7 }
   8
   9 .status-content {
  10         margin: 8px 0;
  11 }
  12
  13 .status-content p {
  14         margin: 0px;
  15 }
  16
  17 .status-profile-img {
  18         height: 48px;
  19         width: 48px;
  20         margin-right: 8px;
  21 }
  22
  23 .status {
  24 }
  25
  26 .status a {
  27         text-decoration: none;
  28 }
  29
  30 .status-dname {
  31         font-weight: 800;
  32 }
  33
  34 .status-uname {
  35         font-style: italic;
  36         font-size: 10pt;
  37 }
  38
  39 .status-emoji {
  40         height: 20px;
  41         margin-bottom: -4px;
  42         witdth: auto;
  43 }
  44
  45 .name-emoji {
  46         height: 20px;
  47         witdth: auto;
  48 }
  49
  50 .status-action {
  51         display: flex;
  52         margin-top: 4px;
  53 }
  54
  55 .status-action a {
  56         display: flex;
  57         margin: 0 4px;
  58         width: 64px;
  59         text-decoration: none;
  60         color: #333333;
  61 }
  62
  63 .status-action a:hover {
  64         color: #777777;
  65 }
  66
  67 .status-action .icon {
  68         margin: 0 4px 0 0;
  69 }
  70
  71 .status-action a.status-time {
  72         width: auto;
  73 }
  74
  75 .icon.dripicons-star.liked {
  76         color: yellow;
  77 }
  78
  79 .icon.dripicons-retweet.retweeted {
  80         color: green;
  81 }
  82
  83 .status-image,
  84 .status-video {
  85         max-height: 180px;
  86         width: auto;
  87 }
  88
  89 .page-title {
  90         font-size: 23pt;
  91 }
  92
  93 .navigation {
  94         margin: 4px 0;
  95 }
  96
  97 .navigation a {
  98         margin-right: 8px;
  99 }
 100
 101 .timeline-post-form {
 102         margin: 8px 0;
 103 }
 104
 105 .signin-form {
 106         margin: 8px 0;
 107 }
 108
 109 .signin-form input {
 110         margin: 4px 0;
 111 }
 112
 113 .retweet-info {
 114         margin: 8px 0 4px 24px;
 115 }
 116
 117 .retweet-info .status-profile-img {
 118         height: 24px;
 119         width: 24px;
 120         margin-bottom: -8px;
 121 }
 122
 123 .retweet-info .status-dname{
 124         margin-left: 4px
 125 }
 126
 127 .retweet-info .icon.dripicons-retweet.retweeted {
 128         vertical-align: sub;
 129 }
 130
 131 .post-content {
 132         padding: 4px;
 133         font-size: 11pt;
 134         font-family: initial;
 135 }
 136
 137 .pagination {
 138         margin: 4px;
 139 }
 140
 141 .pagination a {
 142         margin: 0 8px;
 143 }
 144
 145 .notification-container {
 146         margin: 4px 0;
 147         padding: 4px 4px;
 148         border-left: 4px solid transparent;
 149 }
 150
 151 .notification-container.unread {
 152         border-color: #777777;
 153 }
 154
 155 .notification-follow-container,
 156 .notification-like-container,
 157 .notification-retweet-container {
 158         display: flex;
 159 }
 160
 161 .notification-follow-uname {
 162         margin-top: 8px;
 163 }