Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

more banner and modal styling

  • Loading branch information...
commit 3bfcca8bb0fc866b472d139163a680bc2898c0ef 1 parent 8db4fde
@davidmooreppf davidmooreppf authored
View
7 app/views/layouts/_banner.html.erb
@@ -4,8 +4,11 @@
<div class="banner">
<div class="team-member">
- <div class="<%= member_photos[member] %>"><span><%= member_desc[member] %></span></div>
- <p class='keep'>Keep OpenCongress Alive - Become an OC Booster</p><br/>
+ <div class="<%= member_photos[member] %>"></div>
+ <p class='keep'>
+ Keep OpenCongress Alive - Become an OC Booster
+ <span><%= member_desc[member] %></span>
+ </p><br/>
</div>
View
2  app/views/layouts/_booster_modal.html.erb
@@ -22,7 +22,6 @@
<p>David Moore, Founder of OpenCongress</p>
<% end %>
</div>
- <div class="oc-logo"></div>
</div>
<div class="right">
<% if logged_in? %><p class='username'>Hey <%= current_user.login %>,</p><% end %>
@@ -40,4 +39,5 @@
<p>Or, make a one-time donation to keep OpenCongress alive:</p>
<a href="/donate" class="booster-donate">Donate</a>
</div>
+ <div class="oc-logo"></div>
</div>
View
10 public/stylesheets/donate.css
@@ -16,7 +16,7 @@ html,body{-webkit-font-smoothing: antialiased;}
body{background:#fff url(/images/bg.png) repeat-x;font-family:'Amaranth',Tahoma,Geneva,Helvetica,Arial,Sans-serif;}
-.wrap{margin:18px auto 18px auto;width:646px;position:relative;
+.wrap{margin:18px auto 18px auto;width:820px;position:relative;
}
.clear{clear:both;}
@@ -42,15 +42,15 @@ from {-webkit-transform:scale(0.94);}
to {-webkit-transform:scale(0.94);}
}
-header h1{font-family:"museo3",Tahoma,Geneva,Helvetica,Sans-serif;font-size:56px;color:#BD0015;text-transform:uppercase;text-align:center;margin:14px 0 10px 0;text-shadow:0 -1px 2px #FFF;line-height:72px;}
+header h1{font-family:"museo3",Tahoma,Geneva,Helvetica,Sans-serif;font-size:44px;color:#BD0015;text-transform:uppercase;text-align:center;margin:14px 0 10px 0;text-shadow:0 -1px 2px #FFF;line-height:72px;}
-header p{color:#1E67BF;font-family:"museo3",Tahoma,Geneva,Helvetica,Sans-serif;font-size:30px;margin:0 0 30px 0;display:block;text-align:center;}
+header p{color:#1E67BF;font-family:"museo3",Tahoma,Geneva,Helvetica,Sans-serif;font-size:26px;margin:0 0 30px 0;display:block;text-align:center;}
-section .vid{width:734px;height:auto;display:block;background:#FCF9D9;margin:4px 0 32px 0;
+section .vid{width:820px;height:auto;display:block;background:#FCF9D9;margin:4px 0 32px 0;
-webkit-animation: scale 620ms 1 ease-in-out;position:relative;
-moz-animation: scale 620ms 1 ease-in-out;}
-section .vid section{background:#FCF9D9;position:relative;left:-86px;top:0px;display:block;width:820px;height:auto;padding:6px 0 15px 0;
+section .vid section{background:#FCF9D9;position:relative;display:block;width:820px;height:auto;padding:6px 0 15px 0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
View
12 public/stylesheets/master.css
@@ -4499,10 +4499,18 @@ padding: 0 30px 5px 0 !important;
.banner .team-member p {
float: left;
margin: 0 0 0 20px;
- line-height: 112px;
- padding-left: 45px;
+ height: 65px;
+ position: relative;
+ padding: 47px 0 0 45px;
background: url(../images/donate/heart.gif?1279753347) 0 50% no-repeat;
}
+.banner .team-member p span {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ margin: 0;
+ color: #f69f9f;
+}
.banner .team-member span {
font-size: 10px;
margin-left: 10px;
View
20 public/stylesheets/modal.css
@@ -7,12 +7,13 @@
margin: 50px auto 0;
overflow: hidden;
zoom: 1;
- background: #f7f7ee url(/images/modal/modal_bg.png) repeat-x;
+ background-color: #f7f7ed !important;
}
.booster-modal .left {
width: 280px;
float: left;
+ margin-bottom: 20px;
}
.booster-modal .staff {
@@ -24,6 +25,11 @@
width: 240px;
height: 180px;
border: 8px solid #fff;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -o-border-radius: 5px;
+ -ms-border-radius: 5px;
}
.booster-modal .staff-photo.andy {background: url(/images/staff/andy.jpg);}
@@ -39,10 +45,11 @@
}
.booster-modal .oc-logo {
- width: 250px;
- height: 27px;
- background: url(/images/donate/booster_logo.png) no-repeat;
+ width: 370px;
+ height: 40px;
+ background: url(/images/donate/booster_logo3.png) no-repeat;
margin: 25px 0 0 5px;
+ clear: both;
}
.booster-modal .right {
@@ -50,7 +57,12 @@
width: 230px;
background-color: #fff;
border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -o-border-radius: 5px;
+ -ms-border-radius: 5px;
padding: 5px 15px 15px 15px;
+ margin-bottom: 20px;
}
.booster-modal .right h1 {
Please sign in to comment.
Something went wrong with that request. Please try again.