logo

mastofe

My custom branche(s) on git.pleroma.social/pleroma/mastofe git clone https://hacktivis.me/git/mastofe.git

containers.scss (1979B)

    

  1. .container-alt {
  2.   width: 700px;
  3.   margin: 0 auto;
  4.   margin-top: 40px;
  6.   @media screen and (max-width: 740px) {
  7.     width: 100%;
  8.     margin: 0;
  9.   }
  10. }
  12. .logo-container {
  13.   margin: 100px auto;
  14.   margin-bottom: 50px;
  16.   @media screen and (max-width: 400px) {
  17.     margin: 30px auto;
  18.     margin-bottom: 20px;
  19.   }
  21.   h1 {
  22.     display: flex;
  23.     justify-content: center;
  24.     align-items: center;
  26.     img {
  27.       height: 42px;
  28.       margin-right: 10px;
  29.     }
  31.     a {
  32.       display: flex;
  33.       justify-content: center;
  34.       align-items: center;
  35.       color: $primary-text-color;
  36.       text-decoration: none;
  37.       outline: 0;
  38.       padding: 12px 16px;
  39.       line-height: 32px;
  40.       font-family: sans-serif;
  41.       font-weight: 500;
  42.       font-size: 14px;
  43.     }
  44.   }
  45. }
  47. .compose-standalone {
  48.   .compose-form {
  49.     width: 400px;
  50.     margin: 0 auto;
  51.     padding: 20px 0;
  52.     margin-top: 40px;
  53.     box-sizing: border-box;
  55.     @media screen and (max-width: 400px) {
  56.       width: 100%;
  57.       margin-top: 0;
  58.       padding: 20px;
  59.     }
  60.   }
  61. }
  63. .media-gallery-standalone__body {
  64.   overflow: hidden;
  65. }
  67. .account-header {
  68.   width: 400px;
  69.   margin: 0 auto;
  70.   display: flex;
  71.   font-size: 13px;
  72.   line-height: 18px;
  73.   box-sizing: border-box;
  74.   padding: 20px 0;
  75.   padding-bottom: 0;
  76.   margin-bottom: -30px;
  77.   margin-top: 40px;
  79.   @media screen and (max-width: 440px) {
  80.     width: 100%;
  81.     margin: 0;
  82.     margin-bottom: 10px;
  83.     padding: 20px;
  84.     padding-bottom: 0;
  85.   }
  87.   .avatar {
  88.     width: 40px;
  89.     height: 40px;
  90.     margin-right: 8px;
  92.     img {
  93.       width: 100%;
  94.       height: 100%;
  95.       display: block;
  96.       margin: 0;
  97.       border-radius: 4px;
  98.     }
  99.   }
  101.   .name {
  102.     flex: 1 1 auto;
  103.     color: $ui-secondary-color;
  104.     width: calc(100% - 88px);
  106.     .username {
  107.       display: block;
  108.       font-weight: 500;
  109.       text-overflow: ellipsis;
  110.       overflow: hidden;
  111.     }
  112.   }
  114.   .logout-link {
  115.     display: block;
  116.     font-size: 32px;
  117.     line-height: 40px;
  118.     margin-left: 8px;
  119.   }
  120. }