wiki/src/donate/banner.css

   1 /* Position banner */
   2
   3 #donate-banner {
   4     position: relative;
   5     margin: 0 auto;
   6     max-width: 986px;
   7     padding: 1em 2em;
   8     display: block;
   9     font-family: "Source Sans Pro Regular", sans-serif;
  10     background-color: white;
  11 }
  12
  13 /* Hide all translations of the banner by default */
  14
  15 body .donate-de,
  16 body .donate-es,
  17 body .donate-fa,
  18 body .donate-fr,
  19 body .donate-it,
  20 body .donate-pt {
  21     display: none;
  22 }
  23
  24 /* Hide the English banner for all other languages
  25
  26    This way, the English banner is still displayed when the PO plugin is
  27    disabled. This is useful for development.
  28    */
  29
  30 body.de .donate-en,
  31 body.es .donate-en,
  32 body.fa .donate-en,
  33 body.fr .donate-en,
  34 body.it .donate-en,
  35 body.pt .donate-en {
  36     display: none;
  37 }
  38
  39 /* Show the banner corresponding to the current language */
  40
  41 body.de .donate-de,
  42 body.es .donate-es,
  43 body.fa .donate-fa,
  44 body.fr .donate-fr,
  45 body.it .donate-it,
  46 body.pt .donate-pt {
  47     display: block !important;
  48 }
  49
  50 /* Style for 2020 */
  51
  52 /* /!\ Always check the style on pages with Bootstrap like /index /!\ */
  53
  54 #donate-banner {
  55     background-color: #ffd500;
  56     background-image: url(banner/godzilla.png), url(banner/city.png);
  57     background-repeat: no-repeat;
  58     background-size: 450px, 250px;
  59     background-position: -80px -70px, right bottom;
  60     padding-left: 200px;
  61 }
  62
  63 #donate-banner:hover {
  64     text-decoration: none;
  65 }
  66
  67 #donate-banner p {
  68     margin: 0 !important;
  69     line-height: 1em;
  70     font-size: 20px;
  71     color: black;
  72 }
  73
  74 #donate-banner .first {
  75     margin-bottom: 0.2em !important;
  76 }
  77
  78 #donate-banner .second {
  79     font-weight: bold;
  80 }
  81
  82 #donate-banner .second u {
  83     text-decoration: none;
  84     border-bottom: 2px solid black;
  85 }
  86
  87 @media (max-width: 986px) {
  88 #donate-banner {
  89     background-size: 330px, 175px;
  90     background-position: -60px -40px, right bottom;
  91     padding-left: 150px;
  92     padding-bottom: 1.5em;
  93 }
  94 #donate-banner p {
  95     font-size: 16px;
  96     line-height: 1.25em;
  97 }
  98 }
  99
 100 @media (max-width: 270px) {
 101 #donate-banner {
 102     background-size: 210px, 175px;
 103     background-position: -30px bottom, right bottom;
 104     padding-left: 100px;
 105 }
 106 }