git.squeep.com Git - akkoma/blob - priv/static/static/css/app.7d2d223f75c3a14b0991.css

   1 .RichContent blockquote {
   2   margin: 0.2em 0 0.2em 2em;
   3   font-style: italic;
   4 }
   5 .RichContent pre {
   6   overflow: auto;
   7 }
   8 .RichContent code,
   9 .RichContent samp,
  10 .RichContent kbd,
  11 .RichContent var,
  12 .RichContent pre {
  13   font-family: var(--postCodeFont, monospace);
  14 }
  15 .RichContent p {
  16   margin: 0 0 1em 0;
  17 }
  18 .RichContent p:last-child {
  19   margin: 0 0 0 0;
  20 }
  21 .RichContent h1 {
  22   font-size: 1.1em;
  23   line-height: 1.2em;
  24   margin: 1.4em 0;
  25 }
  26 .RichContent h2 {
  27   font-size: 1.1em;
  28   margin: 1em 0;
  29 }
  30 .RichContent h3 {
  31   font-size: 1em;
  32   margin: 1.2em 0;
  33 }
  34 .RichContent h4 {
  35   margin: 1.1em 0;
  36 }
  37 .RichContent .img {
  38   display: inline-block;
  39 }
  40 .RichContent .emoji {
  41   display: inline-block;
  42   width: var(--emoji-size, 32px);
  43   height: var(--emoji-size, 32px);
  44 }
  45 .RichContent .img,
  46 .RichContent video {
  47   max-width: 100%;
  48   max-height: 400px;
  49   vertical-align: middle;
  50   -o-object-fit: contain;
  51      object-fit: contain;
  52 }
  53 .tab-switcher {
  54   display: -ms-flexbox;
  55   display: flex;
  56 }
  57 .tab-switcher .tab-icon {
  58   margin: 0.2em auto;
  59   display: block;
  60 }
  61 .tab-switcher.top-tabs {
  62   -ms-flex-direction: column;
  63       flex-direction: column;
  64 }
  65 .tab-switcher.top-tabs > .tabs {
  66   width: 100%;
  67   overflow-y: hidden;
  68   overflow-x: auto;
  69   padding-top: 5px;
  70   -ms-flex-direction: row;
  71       flex-direction: row;
  72 }
  73 .tab-switcher.top-tabs > .tabs::after, .tab-switcher.top-tabs > .tabs::before {
  74   content: "";
  75   -ms-flex: 1 1 auto;
  76       flex: 1 1 auto;
  77   border-bottom: 1px solid;
  78   border-bottom-color: #222;
  79   border-bottom-color: var(--border, #222);
  80 }
  81 .tab-switcher.top-tabs > .tabs .tab-wrapper {
  82   height: 28px;
  83 }
  84 .tab-switcher.top-tabs > .tabs .tab-wrapper:not(.active)::after {
  85   left: 0;
  86   right: 0;
  87   bottom: 0;
  88   border-bottom: 1px solid;
  89   border-bottom-color: #222;
  90   border-bottom-color: var(--border, #222);
  91 }
  92 .tab-switcher.top-tabs > .tabs .tab {
  93   width: 100%;
  94   min-width: 1px;
  95   border-bottom-left-radius: 0;
  96   border-bottom-right-radius: 0;
  97   padding-bottom: 99px;
  98   margin-bottom: -93px;
  99 }
 100 .tab-switcher.top-tabs .contents.scrollable-tabs {
 101   -ms-flex-preferred-size: 0;
 102       flex-basis: 0;
 103 }
 104 .tab-switcher.side-tabs {
 105   -ms-flex-direction: row;
 106       flex-direction: row;
 107 }
 108 @media all and (max-width: 800px) {
 109   .tab-switcher.side-tabs {
 110     overflow-x: auto;
 111   }
 112 }
 113 .tab-switcher.side-tabs > .contents {
 114   -ms-flex: 1 1 auto;
 115       flex: 1 1 auto;
 116 }
 117 .tab-switcher.side-tabs > .tabs {
 118   -ms-flex: 0 0 auto;
 119       flex: 0 0 auto;
 120   overflow-y: auto;
 121   overflow-x: hidden;
 122   -ms-flex-direction: column;
 123       flex-direction: column;
 124 }
 125 .tab-switcher.side-tabs > .tabs::after, .tab-switcher.side-tabs > .tabs::before {
 126   -ms-flex-negative: 0;
 127       flex-shrink: 0;
 128   -ms-flex-preferred-size: 0.5em;
 129       flex-basis: 0.5em;
 130   content: "";
 131   border-right: 1px solid;
 132   border-right-color: #222;
 133   border-right-color: var(--border, #222);
 134 }
 135 .tab-switcher.side-tabs > .tabs::after {
 136   -ms-flex-positive: 1;
 137       flex-grow: 1;
 138 }
 139 .tab-switcher.side-tabs > .tabs::before {
 140   -ms-flex-positive: 0;
 141       flex-grow: 0;
 142 }
 143 .tab-switcher.side-tabs > .tabs .tab-wrapper {
 144   min-width: 10em;
 145   display: -ms-flexbox;
 146   display: flex;
 147   -ms-flex-direction: column;
 148       flex-direction: column;
 149 }
 150 @media all and (max-width: 800px) {
 151   .tab-switcher.side-tabs > .tabs .tab-wrapper {
 152     min-width: 4em;
 153   }
 154 }
 155 .tab-switcher.side-tabs > .tabs .tab-wrapper:not(.active)::after {
 156   top: 0;
 157   right: 0;
 158   bottom: 0;
 159   border-right: 1px solid;
 160   border-right-color: #222;
 161   border-right-color: var(--border, #222);
 162 }
 163 .tab-switcher.side-tabs > .tabs .tab-wrapper::before {
 164   -ms-flex: 0 0 6px;
 165       flex: 0 0 6px;
 166   content: "";
 167   border-right: 1px solid;
 168   border-right-color: #222;
 169   border-right-color: var(--border, #222);
 170 }
 171 .tab-switcher.side-tabs > .tabs .tab-wrapper:last-child .tab {
 172   margin-bottom: 0;
 173 }
 174 .tab-switcher.side-tabs > .tabs .tab {
 175   -ms-flex: 1;
 176       flex: 1;
 177   box-sizing: content-box;
 178   min-width: 10em;
 179   min-width: 1px;
 180   border-top-right-radius: 0;
 181   border-bottom-right-radius: 0;
 182   padding-left: 1em;
 183   padding-right: calc(1em + 200px);
 184   margin-right: -200px;
 185   margin-left: 1em;
 186 }
 187 @media all and (max-width: 800px) {
 188   .tab-switcher.side-tabs > .tabs .tab {
 189     padding-left: 0.25em;
 190     padding-right: calc(.25em + 200px);
 191     margin-right: calc(.25em - 200px);
 192     margin-left: 0.25em;
 193   }
 194   .tab-switcher.side-tabs > .tabs .tab .text {
 195     display: none;
 196   }
 197 }
 198 .tab-switcher .contents {
 199   -ms-flex: 1 0 auto;
 200       flex: 1 0 auto;
 201   min-height: 0px;
 202 }
 203 .tab-switcher .contents .hidden {
 204   display: none;
 205 }
 206 .tab-switcher .contents .full-height:not(.hidden) {
 207   height: 100%;
 208   display: -ms-flexbox;
 209   display: flex;
 210   -ms-flex-direction: column;
 211       flex-direction: column;
 212 }
 213 .tab-switcher .contents .full-height:not(.hidden) > *:not(.mobile-label) {
 214   -ms-flex: 1;
 215       flex: 1;
 216 }
 217 .tab-switcher .contents.scrollable-tabs {
 218   overflow-y: auto;
 219 }
 220 .tab-switcher .tab {
 221   position: relative;
 222   white-space: nowrap;
 223   padding: 6px 1em;
 224   background-color: #182230;
 225   background-color: var(--tab, #182230);
 226 }
 227 .tab-switcher .tab, .tab-switcher .tab:active .tab-icon {
 228   color: #b9b9ba;
 229   color: var(--tabText, #b9b9ba);
 230 }
 231 .tab-switcher .tab:not(.active) {
 232   z-index: 4;
 233 }
 234 .tab-switcher .tab:not(.active):hover {
 235   z-index: 6;
 236 }
 237 .tab-switcher .tab.active {
 238   background: transparent;
 239   z-index: 5;
 240   color: #b9b9ba;
 241   color: var(--tabActiveText, #b9b9ba);
 242 }
 243 .tab-switcher .tab img {
 244   max-height: 26px;
 245   vertical-align: top;
 246   margin-top: -5px;
 247 }
 248 .tab-switcher .tabs {
 249   display: -ms-flexbox;
 250   display: flex;
 251   position: relative;
 252   box-sizing: border-box;
 253 }
 254 .tab-switcher .tabs::after, .tab-switcher .tabs::before {
 255   display: block;
 256   -ms-flex: 1 1 auto;
 257       flex: 1 1 auto;
 258 }
 259 .tab-switcher .tab-wrapper {
 260   position: relative;
 261   display: -ms-flexbox;
 262   display: flex;
 263   -ms-flex: 0 0 auto;
 264       flex: 0 0 auto;
 265 }
 266 .tab-switcher .tab-wrapper:not(.active)::after {
 267   content: "";
 268   position: absolute;
 269   z-index: 7;
 270 }
 271 .tab-switcher .mobile-label {
 272   padding-left: 0.3em;
 273   padding-bottom: 0.25em;
 274   margin-top: 0.5em;
 275   margin-left: 0.2em;
 276   margin-bottom: 0.25em;
 277   border-bottom: 1px solid var(--border, #222);
 278 }
 279 @media all and (min-width: 800px) {
 280   .tab-switcher .mobile-label {
 281     display: none;
 282   }
 283 }
 284 .with-load-more-footer {
 285   padding: 10px;
 286   text-align: center;
 287   border-top: 1px solid;
 288   border-top-color: #222;
 289   border-top-color: var(--border, #222);
 290 }
 291 .with-load-more-footer .error {
 292   font-size: 14px;
 293 }
 294 .with-load-more-footer a {
 295   cursor: pointer;
 296 }
 297
 298 /*# sourceMappingURL=app.7d2d223f75c3a14b0991.css.map*/