logo

pleroma

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

static-fe.css (2805B)

    

  1. /* ## common ## */
  2. body {
  3.     background-color: #282c37;
  4.     font-family: sans-serif;
  5.     color: white;
  6. }
  8. main {
  9.     margin: 2ch auto;
  10.     max-width: 80em;
  11.     padding: 2ch 2em;
  12.     background-color: #313543;
  13.     border-radius: 4pt;
  14. }
  16. header {
  17.     margin: 2ch auto;
  18.     max-width: 80em;
  19.     padding: 2ch 2em;
  20.     background-color: #313543;
  21.     border-radius: 4pt;
  22. }
  24. .activity {
  25.     border-radius: 4px;
  26.     padding: 1ch 1em;
  27. }
  29. .avatar {
  30.     cursor: pointer;
  31. }
  33. .avatar img {
  34.     float: left;
  35.     border-radius: 4px;
  36.     margin-right: 4px;
  37. }
  39. .activity-content img,
  40. .activity-content video,
  41. .activity-content audio {
  42.     max-width: 90vw;
  43.     max-height: 90vh;
  44.     object-fit: contain;
  45.     margin: 0 auto;
  46.     display: block;
  47. }
  49. .emoji {
  50.     max-height: 2.5ch;
  51.     max-width: 2.5em;
  52.     object-fit: contain;
  53.     vertical-align: middle;
  54. }
  56. #selected {
  57.     background-color: #1b2735;
  58. }
  60. .counts dt, .counts dd {
  61.     float: left;
  62.     margin-left: 1em;
  63. }
  65. .h-card {
  66.     min-height: 48px;
  67.     margin-bottom: 8px;
  68. }
  70. a {
  71.     text-decoration: none;
  72.     color: #d8a070;
  73. }
  75. a:hover {
  76.     text-decoration: underline;
  77. }
  79. .display-name {
  80.     padding-top: 4px;
  81.     display: block;
  82.     text-overflow: ellipsis;
  83.     overflow: hidden;
  84.     color: white;
  85. }
  87. .display-name .nickname {
  88.     padding-top: 4px;
  89.     display: block;
  90. }
  92. .nickname:hover {
  93.     text-decoration: none;
  94. }
  96. .pull-right {
  97.     float: right;
  98. }
  100. .collapse {
  101.     margin: 0;
  102.     width: auto;
  103. }
  105. h1 {
  106.     margin: 0;
  107. }
  109. h2 {
  110.     color: #9baec8;
  111.     font-weight: normal;
  112.     margin-bottom: 2ch;
  113. }
  115. form {
  116.     width: 100%;
  117. }
  119. input {
  120.     box-sizing: border-box;
  121.     width: 100%;
  122.     padding: 10px;
  123.     margin-top: 20px;
  124.     border: 0;
  125.     border-bottom: 2px solid #9baec8;
  126.     font-size: 14px;
  127. }
  129. input:focus {
  130.     border-bottom: 2px solid #4b8ed8;
  131. }
  133. input[type="checkbox"] {
  134.     width: auto;
  135. }
  137. button {
  138.     box-sizing: border-box;
  139.     width: 100%;
  140.     color: white;
  141.     background-color: #d8a070;
  142.     border-radius: 4px;
  143.     border: none;
  144.     padding: 10px;
  145.     margin-top: 30px;
  146.     text-transform: uppercase;
  147.     font-weight: 500;
  148.     font-size: 16px;
  149. }
  151. .alert-danger {
  152.     box-sizing: border-box;
  153.     width: 100%;
  154.     color: #D8000C;
  155.     background-color: #FFD2D2;
  156.     border-radius: 4px;
  157.     border: none;
  158.     padding: 10px;
  159.     margin-top: 20px;
  160.     font-weight: 500;
  161.     font-size: 16px;
  162. }
  164. .alert-info {
  165.     box-sizing: border-box;
  166.     width: 100%;
  167.     color: #00529B;
  168.     background-color: #BDE5F8;
  169.     border-radius: 4px;
  170.     border: none;
  171.     padding: 10px;
  172.     margin-top: 20px;
  173.     font-weight: 500;
  174.     font-size: 16px;
  175. }
  177. img.emoji {
  178.   width: 32px;
  179.   height: 32px;
  180.   padding: 0;
  181.   vertical-align: middle;
  182. }
  184. /* ## user page ## */
  186. #pagination {
  187.     text-align: center;
  188. }
  189. #pagination a {
  190.     margin: 0 1em;
  191. }
  193. .user-bio {
  194. 	text-align: center;
  195. }