git.squeep.com Git - akkoma/blob - priv/static/static/css/app.6dbc7dea4fc148c85860.css

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