wiki/src/home.css

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