Browse Source

styling the donate and join buttons on fp

svn path=/branches/design/; revision=18355
tags/stw2018
samtuke 9 years ago
parent
commit
caa197cd6e
4 changed files with 16 additions and 8 deletions
  1. BIN
      graphics/donate-button-bg.png
  2. BIN
      graphics/join-button-bg.png
  3. 2
    2
      index.en.xhtml
  4. 14
    6
      look/generic.css

BIN
graphics/donate-button-bg.png View File


BIN
graphics/join-button-bg.png View File


+ 2
- 2
index.en.xhtml View File

@@ -13,10 +13,10 @@

<div id="campaign-box-2">
<p class="donate-box">
Donate to Free Software
Donate
</p>
<p class="fellowship-box">
Join the Fellowship
Join
</p>
</div>
</div>

+ 14
- 6
look/generic.css View File

@@ -918,21 +918,29 @@ h4#subpages + ul li:nth-child(odd) {
}

p.donate-box, p.fellowship-box {
height: 90px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
height: 94px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-align: center;
font-size: 1.5em;
}

#campaign-box-2 p.donate-box {
border: 2px solid red;
color:#3394ce;
-moz-box-shadow:inset 0 0 6px #00222b;
-webkit-box-shadow:inset 0 0 6px #00222b;
box-shadow:inset 0 0 6px #00222b;
margin: 0 0 12px;
background:url("/graphics/donate-button-bg.png") no-repeat top left;
}

#campaign-box-2 p.fellowship-box {
border: 2px solid red;
color:#70d055;
-moz-box-shadow:inset 0 0 6px #17280b;
-webkit-box-shadow:inset 0 0 6px #17280b;
box-shadow:inset 0 0 6px #17280b;
background:url("/graphics/join-button-bg.png") no-repeat top left;
}



Loading…
Cancel
Save