git.squeep.com Git - akkoma/blob - priv/static/static/static-fe.css

   1 body {
   2     background-color: #282c37;
   3     font-family: sans-serif;
   4     color: white;
   5 }
   6
   7 .container {
   8     margin: 50px auto;
   9     max-width: 960px;
  10     padding: 40px;
  11     background-color: #313543;
  12     border-radius: 4px;
  13 }
  14
  15 header {
  16     border-bottom: 2em solid #282c37;
  17 }
  18
  19 .activity {
  20     border-radius: 4px;
  21     padding: 1em;
  22     padding-bottom: 2em;
  23     margin-bottom: 1em;
  24 }
  25
  26 .avatar {
  27     cursor: pointer;
  28 }
  29
  30 .avatar img {
  31     float: left;
  32     border-radius: 4px;
  33     margin-right: 4px;
  34 }
  35
  36 .activity-content img, video, audio {
  37     padding: 1em;
  38     max-width: 800px;
  39     max-height: 800px;
  40 }
  41
  42 #selected {
  43     background-color: #1b2735;
  44 }
  45
  46 .counts dt, .counts dd {
  47     float: left;
  48     margin-left: 1em;
  49 }
  50
  51 a {
  52     color: white;
  53 }
  54
  55 .h-card {
  56     min-height: 48px;
  57     margin-bottom: 8px;
  58 }
  59
  60 .h-card a {
  61     text-decoration: none;
  62 }
  63
  64 .h-card a:hover {
  65     text-decoration: underline;
  66 }
  67
  68 .display-name {
  69     padding-top: 4px;
  70     display: block;
  71     text-overflow: ellipsis;
  72     overflow: hidden;
  73     color: white;
  74 }
  75
  76 /* keep emoji from being hilariously huge */
  77 .display-name img {
  78     max-height: 1em;
  79 }
  80
  81 .display-name .nickname {
  82     padding-top: 4px;
  83     display: block;
  84 }
  85
  86 .nickname:hover {
  87     text-decoration: none;
  88 }
  89
  90 .pull-right {
  91     float: right;
  92 }
  93
  94 .collapse {
  95     margin: 0;
  96     width: auto;
  97 }
  98
  99 h1 {
 100     margin: 0;
 101 }
 102
 103 h2 {
 104     color: #9baec8;
 105     font-weight: normal;
 106     font-size: 20px;
 107     margin-bottom: 40px;
 108 }
 109
 110 form {
 111     width: 100%;
 112 }
 113
 114 input {
 115     box-sizing: border-box;
 116     width: 100%;
 117     padding: 10px;
 118     margin-top: 20px;
 119     background-color: rgba(0,0,0,.1);
 120     color: white;
 121     border: 0;
 122     border-bottom: 2px solid #9baec8;
 123     font-size: 14px;
 124 }
 125
 126 input:focus {
 127     border-bottom: 2px solid #4b8ed8;
 128 }
 129
 130 input[type="checkbox"] {
 131     width: auto;
 132 }
 133
 134 button {
 135     box-sizing: border-box;
 136     width: 100%;
 137     color: white;
 138     background-color: #419bdd;
 139     border-radius: 4px;
 140     border: none;
 141     padding: 10px;
 142     margin-top: 30px;
 143     text-transform: uppercase;
 144     font-weight: 500;
 145     font-size: 16px;
 146 }
 147
 148 .alert-danger {
 149     box-sizing: border-box;
 150     width: 100%;
 151     color: #D8000C;
 152     background-color: #FFD2D2;
 153     border-radius: 4px;
 154     border: none;
 155     padding: 10px;
 156     margin-top: 20px;
 157     font-weight: 500;
 158     font-size: 16px;
 159 }
 160
 161 .alert-info {
 162     box-sizing: border-box;
 163     width: 100%;
 164     color: #00529B;
 165     background-color: #BDE5F8;
 166     border-radius: 4px;
 167     border: none;
 168     padding: 10px;
 169     margin-top: 20px;
 170     font-weight: 500;
 171     font-size: 16px;
 172 }