wiki/src/donate/thanks.css

   1 @import url("columns.css");
   2
   3 #greetings {
   4   margin-top: 0;
   5 }
   6
   7 #text {
   8   display: block;
   9 }
  10
  11 #text a {
  12   display: inline-block;
  13 }
  14
  15 /* Testimonials */
  16
  17 #testimonials {
  18   display: flex;
  19   flex-wrap: wrap;
  20   justify-content: space-between;
  21   background: url('thanks/world.png') no-repeat 95% 0;
  22   padding-top: 50px;
  23 }
  24
  25 .quote {
  26   width: 350px;
  27   min-height: 250px;
  28   position: relative;
  29 }
  30
  31 #mexico {
  32   background: url(thanks/mexico.png) no-repeat bottom left;
  33   padding: 0 0 100px 75px;
  34 }
  35
  36 #pakistan {
  37   background: url(thanks/pakistan.png) no-repeat bottom right;
  38   padding: 0 75px 100px 0;
  39 }
  40
  41 .quote blockquote {
  42   width: 275px;
  43   margin: 0;
  44 }
  45
  46 .quote blockquote p {
  47   padding: 1em;
  48 }
  49
  50 .quote blockquote strong {
  51   padding-right: 1em;
  52 }
  53
  54 #pakistan blockquote {
  55   position: absolute;
  56   bottom: 100px;
  57 }
  58
  59 @media (max-width: 760px) {
  60 #testimonials {
  61   justify-content: center;
  62   background: url('thanks/world.svg') no-repeat 10px 0;
  63   background-size: 100%;
  64   padding-top: 20%;
  65 }
  66 .quote {
  67   width: 300px;
  68 }
  69 .quote blockquote {
  70   width: 225px;
  71 }
  72 #mexico {
  73   margin-right: 10px;
  74 }
  75 #pakistan {
  76   margin-top: 125px;
  77   margin-left: 10px;
  78 }
  79 }
  80
  81 /* Twitter */
  82
  83 #twitter {
  84   display: flex;
  85   flex-wrap: wrap;
  86   justify-content: space-between;
  87 }
  88
  89 .follow, .tweet {
  90   width: 290px;
  91   color: black !important;
  92   text-decoration: none;
  93   border: 1px solid #b5b7b9 !important;
  94   border-radius: 20px;
  95   padding: 20px !important;
  96   font-size: 16px;
  97   display: flex;
  98   flex-direction: column;
  99   background-image: none !important;
 100   justify-content: space-between;
 101 }
 102
 103 .tweet img {
 104   height: 150px;
 105   width: 177px;
 106   margin: 0 auto 20px auto;
 107 }
 108
 109 .tweet p {
 110   margin-bottom: 0;
 111 }
 112
 113 .tweet p.tweet-text {
 114   flex-grow: 2;
 115 }
 116
 117 .follow img {
 118   height: 100px;
 119   width: 123px;
 120   margin: 75px auto;
 121 }
 122
 123 .twitter-button {
 124   font-weight: bold;
 125   border-radius: 0.5em;
 126   margin: 20px 0 0 0;
 127   padding: 1em 0.5em;
 128   text-align: center;
 129   box-shadow: 1px 1px 5px #ccc;
 130   width: 100%;
 131   background: #53b351;
 132 }
 133
 134 @media (max-width: 986px) {
 135 #twitter {
 136   justify-content: space-evenly;
 137 }
 138 .tweet, .follow {
 139   margin: 10px;
 140 }
 141 }