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

   1 body {
   2   background-color: #282c37;
   3   font-family: sans-serif;
   4   color: white;
   5   margin: 0;
   6   padding: 1em;
   7   padding-bottom: 0;
   8 }
   9
  10 .avatar {
  11   cursor: pointer;
  12 }
  13
  14 .avatar img {
  15   float: left;
  16   border-radius: 4px;
  17   margin-right: 4px;
  18 }
  19
  20 .activity-content {
  21   padding-top: 1em;
  22 }
  23
  24 .attachment {
  25   margin-top: 1em;
  26 }
  27
  28 .attachment img {
  29   max-width: 100%;
  30 }
  31
  32 .date a {
  33   text-decoration: none;
  34 }
  35
  36 .date a:hover {
  37   text-decoration: underline;
  38 }
  39
  40 .date a,
  41 .counts {
  42   color: #666;
  43   font-size: 0.9em;
  44 }
  45
  46 .counts dt,
  47 .counts dd {
  48   float: left;
  49   margin-left: 1em;
  50 }
  51
  52 a {
  53   color: white;
  54 }
  55
  56 .h-card {
  57   min-height: 48px;
  58   margin-bottom: 8px;
  59 }
  60
  61 .h-card a {
  62   text-decoration: none;
  63 }
  64
  65 .h-card a:hover {
  66   text-decoration: underline;
  67 }
  68
  69 .display-name {
  70   padding-top: 4px;
  71   display: block;
  72   text-overflow: ellipsis;
  73   overflow: hidden;
  74   color: white;
  75 }
  76
  77 /* keep emoji from being hilariously huge */
  78 .display-name img {
  79   max-height: 1em;
  80 }
  81
  82 .display-name .nickname {
  83   padding-top: 4px;
  84   display: block;
  85 }
  86
  87 .nickname:hover {
  88   text-decoration: none;
  89 }
  90
  91 .pull-right {
  92   float: right;
  93 }
  94
  95 .collapse {
  96   margin: 0;
  97   width: auto;
  98 }
  99
 100 a.button {
 101   box-sizing: border-box;
 102   display: inline-block;
 103   color: white;
 104   background-color: #419bdd;
 105   border-radius: 4px;
 106   border: none;
 107   padding: 10px;
 108   font-weight: 500;
 109   font-size: 0.9em;
 110 }
 111
 112 a.button:hover {
 113   text-decoration: none;
 114   background-color: #61a6d9;
 115 }