wiki/src/home.css

   1 /* Tor check */
   2
   3 #tor-check {
   4   position: absolute;
   5   right: 30px;
   6   width: auto;
   7   margin: 0;
   8 }
   9
  10 #tor-check a {
  11   background: #53b351 url('home/onion.png') no-repeat 20px center !important;
  12   padding-left: 60px;
  13   padding-right: 30px !important;
  14 }
  15
  16 /* Random message box */
  17
  18 .random-message {
  19   display: none;
  20   overflow: auto;
  21   margin-bottom: 2em;
  22   padding: 1em 2em 1em 2em !important;
  23   background: #eee !important;
  24   border: 1px solid #ddd !important;
  25   border-radius: 0.5em;
  26   box-sizing: border-box;
  27   box-shadow: 1px 1px 5px #ccc;
  28   color: black !important;
  29 }
  30
  31 .random-message p:last-child {
  32   margin-bottom: 0;
  33 }
  34
  35 .random-message h2:first-child {
  36   margin-top: 0;
  37 }
  38
  39 /* Survey message */
  40
  41 .survey {
  42   background: #b49cd3 url('lib/survey.png') no-repeat top 50% left 2em !important;
  43   border: none !important;
  44   padding-left: 9em !important;
  45   font-size: 16px;
  46 }
  47
  48 .survey .answer {
  49   background: #53b351;
  50   color: black !important;
  51   font-weight: bold;
  52   border-radius: 0.5em;
  53   padding: 0.5em 0.25em;
  54   text-align: center;
  55   box-shadow: 1px 1px 5px #222;
  56   width: 100%;
  57 }
  58
  59 /* Donate message outside of the year-end campaign */
  60
  61 #donate-random {
  62   background-color: #eee !important;
  63   background-image: url(donate/year-end/godzilla.png) !important;
  64   background-repeat: no-repeat !important;
  65   background-size: 275px !important;
  66   background-position: -35px bottom !important;
  67   padding-left: 140px !important;
  68   border: 1px solid #ddd !important;
  69   font-size: 14px;
  70 }
  71
  72 #donate-random p {
  73   width: 68%;
  74 }
  75
  76 span.highlight {
  77   background-color: white;
  78 }
  79
  80 /* Donate message during the year-end campaign */
  81
  82 #donate-year-end {
  83   background-color: #ffd500;
  84   background-image: url(donate/year-end/godzilla.png);
  85   background-repeat: no-repeat;
  86   background-size: 275px;
  87   background-position: -35px bottom;
  88   overflow: auto;
  89   padding: 1em;
  90   margin-bottom: 2em;
  91   padding-left: 140px;
  92   padding-right: 30px;
  93   display: flex;
  94   justify-content: space-between;
  95   gap: 30px;
  96 }
  97
  98 #donate-year-end p+p, #donate-year-end .qrcode p {
  99   margin-bottom: 0;
 100 }
 101
 102 #donate-year-end a {
 103   color: black !important;
 104   font-weight: bold;
 105   border-bottom: 2px solid black !important;
 106 }
 107
 108 #donate-year-end .text {
 109   max-width: 550px;
 110 }
 111
 112 #donate-year-end .qrcode {
 113   text-align: center;
 114   width: 165px;
 115   min-width: 165px;
 116 }
 117
 118 @media (max-width: 800px) {
 119   #donate-year-end {
 120     flex-wrap: wrap;
 121   }
 122 }