[gnome-web-www: 19/68] Spacing and alignment fixes for FoG pages



commit bb5be0b38be5025cb67ca5c6ecee788bbb32ec88
Author: Tom Tryfonidis <tomtryf gnome org>
Date:   Thu Dec 1 21:02:51 2016 +0200

    Spacing and alignment fixes for FoG pages

 theme/css/friends20.css         |   76 +++++++++++++++++----------------------
 theme/css/responsive.css        |   42 +++++++++++++---------
 theme/css/text.css              |    3 ++
 theme/functions.php             |   20 +++++++----
 theme/header.php                |    2 +-
 theme/page-donate.php           |   60 ++++++++++++++++++-------------
 theme/page-friends-of-gnome.php |   38 +++++++++++---------
 theme/page-support-us.php       |   56 ++++++++++++++--------------
 theme/style.css                 |   18 +--------
 9 files changed, 161 insertions(+), 154 deletions(-)
---
diff --git a/theme/css/friends20.css b/theme/css/friends20.css
index 9048d54..c509057 100644
--- a/theme/css/friends20.css
+++ b/theme/css/friends20.css
@@ -22,29 +22,30 @@
   cursor: pointer;
 }
 
-.boxes-container div {
-    margin: 6px;
-    height: 180px;
-    width: 190px;
+.boxes-container {
+    padding-bottom: 20px;
+}
+
+.boxes {
+    text-align: center;
     background-color: #f0f0f0;
-    overflow: hidden;
-    background-repeat: no-repeat;
-    background-position: center center;
-    display: inline-block;
+    cursor: pointer;
 }
 
-.boxes-container :hover{
-    background-color: #4A90D9;
-    color: #fff;
+.boxes:hover {
+    background-color: #f5f5f5;
+}
+
+.boxes p:nth-child(2) {
+    color: gray;
 }
 
-.boxes-container .active{
+.boxes.active {
     background-color: #4A90D9;
-    color: #fff;
 }
 
-.boxes-container p {
-    padding: 8px;
+.boxes.active p {
+    color: #fff;
 }
 
 
@@ -157,7 +158,6 @@ div.wrapper {
 }
 
 #foundation-info {
-
   padding: 10px;
   width: 650px;
 }
@@ -172,48 +172,44 @@ small {
  */
  
 #support-gnome .title {
+    text-align: left;
     font-size: 13pt;
     font-weight: 600;
     color: #919191;
 }
 
-#support-gnome .text {
-    display: block;
-    position: relative;
-    top: 11px;
-    right: 20px;
+#support-gnome .article {
+    padding-bottom: 20px;
+    line-height: 15pt;
 }
 
-#support-gnome .article {
-   margin-bottom: 10px;
-   padding-bottom: 10px;
+#support-gnome .article img {
+    margin-right: 10px;
 }
 
 /*
  * Miscellaneous
  */
  
-.validation-msg{
+.validation-msg {
     background:#f2f2f2;
     padding:8px;
 }
 
 .form-horizontal .control-label {
-    width: 120px;
-    text-align: left;
-    color: #8c5f93;
+    color: #3465A4;
     font-weight: 600;
 }
 
-.form-horizontal .controls {
-    margin-left: 90px;
-}
-
 /* Give hackers some space */
-#fog-hackers {
+.fog-hackers {
     margin-bottom: 20px;
 }
 
+.fog-banner {
+    padding-bottom: 20px;
+}
+
 /* Customize select button for Bitcoin donations */
 select {
     border: 1px solid #111;
@@ -228,6 +224,10 @@ select {
     background: url(../images/asc.png) 80% / 11% no-repeat #eee;
 }
 
+.text {
+    color: gray;
+}
+
 /* 
  * "Thank you" page
  */
@@ -245,13 +245,3 @@ select {
     font-size: 25px;
     text-align: center;
 }
-
-/*
- * Responsive Media Queries for the FoG pages
- */
-
-@media (min-width: 767px) and (max-width: 979px){
-       #support-gnome .text {
-               position: inherit;
-       }
-}
diff --git a/theme/css/responsive.css b/theme/css/responsive.css
index d1b411a..f79e0d4 100644
--- a/theme/css/responsive.css
+++ b/theme/css/responsive.css
@@ -2,6 +2,13 @@
 
 .btn-success {
     background-color:#4e9a06;
+    color: #fff !important;
+}
+
+.btn {
+    text-decoration: none;
+    border-radius: 6px;
+    padding: 6px 30px;
 }
 
 .col-centered{
@@ -14,6 +21,17 @@
    margin: 0 !important;
 }
 
+/* Make equal height columns */
+
+@media screen and (min-width: 768px) {
+    .equalizer, .equalizer > div[class*='col-'] {
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+    }
+}
+
 /*--------------General------------------------*/
 @media(max-width: 767px) {
     img {
@@ -24,7 +42,7 @@
         text-align: justify;
     }
 }
-@media(min-width: 767px){
+@media(min-width: 768px){
     #header {
         margin-bottom: 20px;
     }
@@ -70,8 +88,7 @@
     letter-spacing: 2px;
     line-height: 100%;
     padding: 1%;
-/*    margin-top: 10px; 
-*/}
+ }
 
 .plus-pull {
     color: white;
@@ -154,7 +171,7 @@
         }
     }
 
-    @media (min-width:767px) and  (max-width: 979px){
+    @media (min-width:768px) and  (max-width: 991px){
         .menu-globalnav-container {
             width: 724px;
         }
@@ -213,7 +230,6 @@
     .crafted_content .section h2, .crafted_content .section h3 {
         text-align: center;
     }
-    #support-gnome .title, #support-gnome h3, #support-gnome .links,
     .crafted_content .section .text{
         text-align: center;
     }
@@ -222,14 +238,6 @@
     }
 }
 
-/*-----------------list adjustments-----------*/
-@media (max-width: 979px) {
-    li {
-        margin-left: 0px;
-/*        line-height: 1.6px;
-*/    }
-}
-
 
 /*-------------------Membership------------------*/
 @media (max-width: 767px) {
@@ -253,7 +261,7 @@
 .foundation_board img {
     margin: auto !important;
 }
-@media (min-width: 360px) and (max-width: 767px) {
+@media (min-width: 360px) and (max-width: 768px) {
     .foundation_board {
         -moz-column-count: 2 !important;
         -webkit-column-count: 2 !important;
@@ -266,7 +274,7 @@
         display: none;
     }
 }
-@media (max-width: 979px) {
+@media (max-width: 991px) {
     .foundation_board li{
         text-align: center;
     }
@@ -286,7 +294,7 @@
     }
 
 }
-@media(min-width: 767px){
+@media(min-width: 768px){
     #container.two_columns .sidebar {
         width: 220px;
     }
@@ -403,7 +411,7 @@
 }
 
 /*-----------------Tablets------------------------*/
-@media (min-width:767px) and (max-width: 990px){
+@media (min-width:768px) and (max-width: 991px){
     header {
         padding-bottom: 30px;
     }
diff --git a/theme/css/text.css b/theme/css/text.css
index b3e6e52..9d5b4e0 100644
--- a/theme/css/text.css
+++ b/theme/css/text.css
@@ -75,6 +75,9 @@ code {
     background: rgba(0,0,0,0.1);
     padding: 1px;
 }
+a {
+  text-decoration: underline;
+}
 
 
 /* Text classes */
diff --git a/theme/functions.php b/theme/functions.php
index a61b50a..51b7fb4 100644
--- a/theme/functions.php
+++ b/theme/functions.php
@@ -18,7 +18,7 @@ load_theme_textdomain( 'grass', get_template_directory().'/languages' );
  */
 
 add_theme_support('menus');
-add_theme_support( 'post-thumbnails');
+add_theme_support('post-thumbnails');
 
 /*
  * Set default banner size
@@ -118,7 +118,7 @@ add_action( 'init', function() {
             'show_ui' => true,
             'exclude_from_search' => true,
             'supports' => array(
-                'title', 'editor', 'thumbnail', 'excerpt', 'revisions', 'author'
+                'title', 'thumbnail', 'excerpt', 'revisions', 'author'
             ),
             'rewrite' => true
         )
@@ -496,11 +496,17 @@ function replace_default_featured_image_meta_box() {
     remove_meta_box( 'postexcerpt', 'post', 'side' );
 }
 
+/*
+ * Add reStructuredText to upload mimetypes
+ * Fixes BZ #687843
+ */
 
+add_filter('upload_mimes', 'custom_mimes_types');
 
-add_action( 'after_setup_theme', 'wpt_setup' );
-    if ( ! function_exists( 'wpt_setup' ) ):
-        function wpt_setup() {  
-            register_nav_menu( 'primary', __( 'Primary navigation', 'grass' ) );
-        } endif;
+function custom_mimes_types ($existing_mimes) {
 
+    // Add file extension 'extension' with mime type 'mime/type'
+    $existing_mimes['rst'] = 'text/restructured';
+
+    return $existing_mimes;
+}
diff --git a/theme/header.php b/theme/header.php
index 6478fe8..13ce0d6 100644
--- a/theme/header.php
+++ b/theme/header.php
@@ -55,7 +55,7 @@ if (function_exists('wppo_get_lang')) {
 -->
 <!-- global gnome.org domain bar -->
 <div id="global_domain_bar">
-    <div class="maxwidth">
+    <div class="maxwidth container">
         <div class="tab">
             <a class="root" href="http://www.gnome.org/";>GNOME.org</a>
         </div>
diff --git a/theme/page-donate.php b/theme/page-donate.php
index afa1ee5..a5f2bd3 100644
--- a/theme/page-donate.php
+++ b/theme/page-donate.php
@@ -22,27 +22,34 @@ function matching_donation_text() {
                                <?php endwhile; // End the loop. Whew. ?>
                                
                                <div class="clearfix"></div>
-                               
-                               <div class="boxes-container text-center">
-                                       <div class="boxes active" target="1">
-                                               <p class="main_feature">PayPal</p>
-                                               <p class="text"><?php _e( 'Tax deductible in the United 
States', 'grass' ); ?></p>
-                                       </div>
-                                       <div class="boxes" target="2">
-                                               <p class="main_feature"><?php _e( 'Bank Transfer', 'grass' ); 
?></p>
-                                               <p class="text"><?php _e( 'For EU bank account holders only; 
tax deductible', 'grass' ); ?></p>
-                                       </div>
-                                       <div class="boxes" target="3">
-                                               <p class="main_feature"><?php _e( 'Check', 'grass' ); ?></p>
-                                               <p class="text"><?php _e( 'Available to United States bank 
account holders; tax deductible', 'grass' ); ?></p>
-                                       </div>
-                                       <div class="boxes" target="4">
-                                               <p class="main_feature">Bitcoin</p>
-                                               <p class="text"></p>
-                                       </div>
+                
+                               <div class="boxes-container row equalizer">
+                    <div class="col-sm-3">
+                        <div class="boxes active col-sm-12" target="1">
+                            <p class="main_feature">PayPal</p>
+                            <p><?php _e( 'Tax deductible in the United States', 'grass' ); ?></p>
+                        </div>
+                    </div>
+                    <div class="col-sm-3">
+                        <div class="boxes col-sm-12" target="2">
+                            <p class="main_feature"><?php _e( 'Bank Transfer', 'grass' ); ?></p>
+                            <p><?php _e( 'For EU bank account holders only; tax deductible', 'grass' ); 
?></p>
+                        </div>
+                    </div>
+                    <div class="col-sm-3">
+                        <div class="boxes col-sm-12" target="3">
+                            <p class="main_feature"><?php _e( 'Check', 'grass' ); ?></p>
+                            <p><?php _e( 'Available to United States bank account holders; tax deductible', 
'grass' ); ?></p>
+                        </div>
+                    </div>
+                    <div class="col-sm-3">
+                        <div class="boxes col-sm-12" target="4">
+                            <p class="main_feature">Bitcoin</p>
+                        </div>
+                    </div>
                                </div>
 
-                               <div id="boxes-content" class="col-sm-12">
+                               <div id="boxes-content" class="col-sm-12 no-padding">
                                        <!-- PayPal -->
                                        <div id="box1" class="boxes-content" >
                                                <p><?php _e( 'The GNOME Foundation is a non-profit 
organization, and donations made by Paypal are tax deductible in the United States. Contact your tax office 
for more information and to find out if you qualify.', 'grass' ); ?></p>
@@ -53,12 +60,12 @@ function matching_donation_text() {
                                                        <input type="hidden" name="return" 
value="https://www.gnome.org/thank-you/"; />
                                                        <input type="hidden" name="item_name" value="Friends 
of GNOME - One time donation" />
                                                        <input type="hidden" name="notify_url" 
value="https://muelli.cryptobitch.de/paypaltest/ipnhandler.php"; /> 
-                                                                       
+
                                                        <div class="form-group">
-                                <div class="col-sm-2">
+                                <div class="col-sm-2 col-md-1">
                                     <label class="control-label"><?php _e( 'Currency', 'grass' ); ?></label>
                                 </div>            
-                                <div class="col-sm-10">
+                                <div class="col-sm-10 col-md-11">
                                                                        <label class="radio-inline">
                                                                                <input type="radio" 
name="os0" value="USD" id="cur-usd" onClick="document.getElementById('cur').value=this.value" 
checked="checked"/>$ USD
                                                                        </label>
@@ -69,15 +76,16 @@ function matching_donation_text() {
                                 </div>
                                                        </div>
                                                        <div class="form-group">
-                                <div class="col-sm-2">
+                                <div class="col-sm-2 col-md-1">
                                     <label class="control-label"><?php _e( 'Amount', 'grass' ); ?></label>
                                 </div>
-                                <div class="col-sm-10">
+                                <div class="col-sm-10 col-md-11 no-padding">
                                                                        <input type="hidden" name="cmd" 
value="_xclick" />
                                                                        <input type="text" disabled 
class="currency" placeholder="$" style="background: #fff; border: 0; width: 10px;"/>
                                                                        <input id="amount-paypal" 
style="width: 65px;" type="tel" name="amount" size="5" value="25" required /> <br>
                                 </div>
                                                        </div>
+
                             <div class="form-group">
                                 <div class="checkbox col-sm-10">
                                     <label>
@@ -87,6 +95,7 @@ function matching_donation_text() {
                                     </label>
                                 </div>
                             </div>
+                            <br>
                                                        <div class="form-group">
                                 <div class="col-sm-12">
                                                                        <button type="submit" class="btn 
btn-success" name="submit"><?php _e( 'Donate', 'grass' ); ?></button>
@@ -173,7 +182,8 @@ function matching_donation_text() {
                                                        </div>
 
                                                        <input type="hidden" name="data" 
value="nZRF5Hm4nQGR1KC5Teo6TKlb70jK8EHVcreK7DFO6yMJSbIPTqK0XcB/Et62OHNuPy5dIcrZWQN2GKC1HU7L4zOqX9jwoBIKwlrVorwfnMlCWbL1YynaGevJjggRZQu4THkqvYaCQ7GFtSOjtLXcgZNUeD0m0q3Z/y/5iLFCqdGgiR8WMzb3H9sjPPtSTfSrMkdSnBCzdMJVfOUgkAWK2vppfBJDjNlAGDrJB820w0qU6+2B9kM0v8UUGZ7IrZrDM9hoFgKUpsAfL2PyDfF93L8siKwV2F0HnpXE8WqeiOu/Zi1W6K7Ev9NnNxkVcNaelEHoPaxSfiLBhTaCg5i7eg=="
 />
-                                                       <div style="margin: auto; width: 100%;">
+                                                       <br>
+                            <div style="margin: auto; width: 100%;">
                                                                <button type="submit" class="btn btn-success" 
name="submit"><?php _e( 'Donate', 'grass' ); ?></button>
                                                        </div>
                                                        </fieldset>
diff --git a/theme/page-friends-of-gnome.php b/theme/page-friends-of-gnome.php
index ac13fbe..155e47a 100644
--- a/theme/page-friends-of-gnome.php
+++ b/theme/page-friends-of-gnome.php
@@ -10,10 +10,12 @@ require_once("header.php"); ?>
             </div>
             
                        <div class="content">
-                               <div class="grid_12">
-                                       <img class="img-responsive center-block" src="<?php 
bloginfo('stylesheet_directory'); ?>/images/donations/friends-banner.png" alt="">
-                                       <p><?php _e( "Joining Friends of GNOME is the best way to support 
GNOME. Regular monthly subscriptions provide us with predictable income that we can use to keep the GNOME 
Foundation's lights on.", 'grass' ); ?></p>
-                               </div>
+                <div class="row">
+                    <div class="col-sm-12">
+                        <img class="img-responsive center-block fog-banner" src="<?php 
bloginfo('stylesheet_directory'); ?>/images/donations/friends-banner.png" alt="">
+                        <p><?php _e( "Joining Friends of GNOME is the best way to support GNOME. Regular 
monthly subscriptions provide us with predictable income that we can use to keep the GNOME Foundation's 
lights on.", 'grass' ); ?></p>
+                    </div>
+                </div>
 
                                <?php while ( have_posts() ) : the_post(); ?>
                                        <?php the_content(); ?>
@@ -21,6 +23,7 @@ require_once("header.php"); ?>
 
                                <div class="clearfix"></div>
 
+                <div class="row">
                                <form id="donate_form" class="form-horizontal" 
action="https://www.paypal.com/cgi-bin/webscr"; method="post" name="application_form">
                                        <input type="hidden" name="business" value="friends gnome org" />
                                        <input type="hidden" name="return" 
value="http://www.gnome.org/thank-you/"; />
@@ -44,10 +47,10 @@ require_once("header.php"); ?>
                                <div class="col-md-12">
                                        <h3><?php _e( 'Monthly subscription amount', 'grass'); ?></h3>
                         <div class="form-group">
-                            <div class="col-sm-2">
+                            <div class="col-sm-2 col-md-1">
                                 <label class="control-label"><?php _e( 'Currency', 'grass' ); ?></label>
                             </div>
-                            <div class="col-sm-10">
+                            <div class="col-sm-10 col-md-11">
                                                                <label class="radio-inline">
                                                                        <input type="radio" name="os0" 
value="USD" id="cur-usd" onClick="document.getElementById('cur').value=this.value" checked="checked"/>$ USD
                                                                </label>
@@ -59,24 +62,24 @@ require_once("header.php"); ?>
                                                </div>
 
                                                <div class="form-group">
-                            <div class="col-sm-2">
+                            <div class="col-sm-2 col-md-1">
                                 <label class="control-label" for="amount"><?php _e( 'Amount', 'grass' ); 
?></label>
                             </div>
-                                                       <div class="col-sm-10">
-                                <div class="col-md-2" style="margin: 0px 0px 15px;">
+                                                       <div class="col-sm-10 col-md-11 no-padding">
+                                <div class="col-sm-3 col-md-2 no-padding">
                                                                <input type="hidden" name="cmd" 
value="_xclick-subscriptions" />
                                                                <input type="text" disabled class="currency" 
placeholder="$" style="background: #fff; border: 0; width: 10px;"/>
                                                                <input id="amount" type="tel" style="width: 
65px;" name="a3" size="5" value="25" required />
                                 </div>
-                                                               <div id="validation-msg" class="help-inline 
col-md-8"></div>
+                                                               <div id="validation-msg" class="help-inline 
col-sm-7 col-md-8"></div>
                                                        </div>
                                                </div>
 
                                                <p style="color: gray;">Regular donations can only be made 
through PayPal. Subscription payments will continue until you contact the GNOME Foundation to cancel the 
payments. For other ways to pay, see <a href="#">donate to GNOME</a></p>
-
-                                               <h3><?php _e( 'Adopt a hacker!', 'grass' ); ?></h3>
+                        <div class="col-sm-12 no-padding">
+                        <h3><?php _e( 'Adopt a hacker!', 'grass' ); ?></h3>
                                                <p><?php _e( 'Select which of our dedicated hackers you would 
like to receive a thank you post card from.', 'grass' ); ?></p>
-                                               
+                                               </div>
                         <!-- Show the hackers -->
                                                <div class="control-group">
                         <?php
@@ -86,10 +89,10 @@ require_once("header.php"); ?>
                         ?>
                             
                         <?php while ( have_posts() ) : the_post(); ?>
-                        <div id="fog-hackers" class="col-xs-10 col-sm-6">
+                        <div class="fog-hackers col-xs-10 col-sm-6">
                             <div class="media">
                                 <div class="pull-left" style="margin-top: 25px;">
-                                    <input class="radio" type="radio" name="os1" value="You will receive a 
postcard from <?php the_title(); ?>" required >
+                                    <input class="radio" type="radio" name="os1" value="You will receive a 
postcard from <?php the_title(); ?>" required checked >
                                 </div>
 
                                 <div class="media-left">
@@ -103,7 +106,7 @@ require_once("header.php"); ?>
                                 </div>
 
                                 <div class="media-body media-middle">
-                                    <p class="media-heading"><?php the_content(); ?></p>
+                                    <p class="media-heading"><?php the_title(); ?></p>
                                     <?php
                                         if (has_excerpt( $post->ID )) {
                                             the_excerpt();
@@ -136,11 +139,12 @@ require_once("header.php"); ?>
                                                        </label>
                             </div>
                                                </div>            
-
+                        <br>
                                                <!-- Display the payment button. -->
                                                <button id="subscription-btn" class="btn btn-success" 
type="submit" name="submit"><?php _e( 'Subscribe', 'grass' ); ?></button>
                                </div>
                                </form>
+                </div>
                        </div> <!-- END content -->
 <?php require_once("footer_art.php"); ?>
                </div> <!-- END .container -->
diff --git a/theme/page-support-us.php b/theme/page-support-us.php
index 8d4edba..074a1da 100644
--- a/theme/page-support-us.php
+++ b/theme/page-support-us.php
@@ -20,50 +20,50 @@ require_once("header.php"); ?>
                        <div class="clearfix"></div>
 
                        <div id="support-gnome" class="content">
-                               <p><?php _e( 'Amount', 'grass' ); ?>Donations are essential to the everyday 
operations of the GNOME project. Without them, we wouldn't be able to carry on our work, to produce a Free 
Software alternative that works in the interests of everyone.</p>
+                               <p><?php _e( "Donations are essential to the everyday operations of the GNOME 
project. Without them, we wouldn't be able to carry on our work, to produce a Free Software alternative that 
works in the interests of everyone.", 'grass' ); ?></p>
 
                                <div class="row" style="padding-bottom: 25px;">
-                                       <div class="col-sm-5">
-                                               <a href="#"><img src="<?php bloginfo('stylesheet_directory'); 
?>/images/donations/friends-of-gnome.png" alt=""></a>
+                                       <div class="col-xs-12 col-sm-5 col-md-4">
+                                               <a href="#"><img class="img-responsive" src="<?php 
bloginfo('stylesheet_directory'); ?>/images/donations/friends-of-gnome.png" alt=""></a>
                                        </div>
-                                       <div class="col-sm-7 text">
-                                               <h3><?php _e( 'Friends of GNOME', 'grass' ); ?></h3>
+                                       <div class="col-xs-12 col-sm-7 col-md-8">
+                                               <h2><?php _e( 'Friends of GNOME', 'grass' ); ?></h2>
                                                <p><?php _e( 'Becoming a Friend of GNOME is one of the best 
ways to support the GNOME project. By paying a monthly subscription, you can provide a predictable income for 
the GNOME Foundation. Friends receive a thank you post card from a GNOME hacker and have the option of a free 
LWN subscription.', 'grass' ); ?></p>
                                                <div class="links">
-                                                       <p><a class="btn btn-success" role="button" 
href="friends-of-gnome"><?php _e( 'Become a Friend of GNOME', 'grass' ); ?></a></p>
+                                                       <p><a class="btn btn-success" 
href="friends-of-gnome"><?php _e( 'Become a Friend of GNOME', 'grass' ); ?></a></p>
                                                        <p><a href="previous-donors"><?php _e( 'View the list 
of donors', 'grass' ); ?></a></p>
                                                </div>
                                        </div>
                                </div>
                                <h3><?php _e( 'What donations pay for', 'grass' ); ?></h3>
-                               <br>
-                               <div class="row article">
-                                       <div class="col-sm-3">
-                                               <img src="<?php bloginfo('stylesheet_directory'); 
?>/images/donations/hackfests.png" alt="">
-                                       </div>
-                                       <div class="col-sm-8 text">
-                                               <header class="title"><?php _e( 'Hackfests', 'grass' ); 
?></header>
+                <br>
+                <div class="row article clearfix">
+                                       <div class="col-sm-12">
+                                               <img src="<?php bloginfo('stylesheet_directory'); 
?>/images/donations/hackfests.png" class="pull-left" alt="">
+                        <div class="col-sm-8">
+                                               <p class="title"><?php _e( 'Hackfests', 'grass' ); ?></p>
                                                <?php _e( 'Hackfests are events where contributors get 
together to work and plan for the future. They are essential to how the GNOME project works.', 'grass' ); ?>
                                                <p>In <?php echo $year ?>, we sponsored <?php echo 
$contributors ?> contributors to attend <?php echo $hackfests ?> hackfests, thanks to donations.</p>
-                                       </div>
+                        </div>
+                    </div>
                                </div>
-                               <div class="row article">
-                                       <div class="col-sm-3">
-                                               <img src="<?php bloginfo('stylesheet_directory'); 
?>/images/donations/infrastructure.png" alt="">
-                                       </div>
-                                       <div class="col-sm-8 text">
-                                               <header class="title"><?php _e( 'Infrastructure', 'grass' ); 
?></header>
+                               <div class="row article clearfix">
+                                       <div class="col-md-12">
+                                               <img src="<?php bloginfo('stylesheet_directory'); 
?>/images/donations/infrastructure.png" class="pull-left" alt="">
+                                               <div class="col-sm-8">
+                        <p class="title"><?php _e( 'Infrastructure', 'grass' ); ?></p>
                                                <?php _e( "GNOME could not operate without its development 
infrastructure. We wouldn't be able to keep it operating without donations.", 'grass' ); ?>
-                                       </div>
+                        </div>
+                    </div>
                                </div>
-                               <div class="row article">
-                                       <div class="col-sm-3">
-                                               <img src="<?php bloginfo('stylesheet_directory'); 
?>/images/donations/outreach.png" alt="">
-                                       </div>
-                                       <div class="col-sm-8 text">
-                                               <header class="title"><?php _e( 'Outreach', 'grass' ); 
?></header>
+                               <div class="row article clearfix">
+                                       <div class="col-md-12">
+                                               <img src="<?php bloginfo('stylesheet_directory'); 
?>/images/donations/outreach.png" class="pull-left" alt="">
+                                               <div class="col-sm-8">
+                        <p class="title"><?php _e( 'Outreach', 'grass' ); ?></p>
                                                <?php _e( 'Reaching out to new users and contributors is an 
important part of what GNOME does. Donations enable us to organize outreach events and have presence at major 
conferences.', 'grass' ); ?>
-                                       </div>
+                        </div>
+                    </div>
                                </div>
 
                                <h3><?php _e( 'Other ways to support us', 'grass' ); ?></h3>
diff --git a/theme/style.css b/theme/style.css
index 052cde4..be20521 100644
--- a/theme/style.css
+++ b/theme/style.css
@@ -36,21 +36,6 @@ a:visited {
 .hidden {
     display: none;
 }
-.maxwidth {
-    max-width: 920px;
-    width: auto;
-    margin: 0 auto;
-}
-.sanewidth {
-    width: 780px;
-    margin: 0 auto;
-}
-.alpha {
-    margin-left: 0;
-}
-.omega {
-    margin-right: 0;
-}
 .center-text {
     text-align: center;
 }
@@ -402,7 +387,7 @@ a:visited {
     text-shadow: 0 1px 0 #fff;
     line-height: normal;
     letter-spacing: -0.05em;
-    color: #8c5f93;
+    color: #0489B7;
 }
 .page_title h1 a {
     text-decoration: none;
@@ -891,6 +876,7 @@ dl.icon_list dt img {
 .action_button:hover {
     background-position: top;
     color: #000;
+    text-decoration: none;
 }
 .action_button:visited {
     color: inherit;


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]