[gnome-web-www: 13/68] Update theme pages to use Bootstrap

From: Tom Tryfonidis <tomtryf src gnome org>
To: commits-list gnome org
Cc:
Subject: [gnome-web-www: 13/68] Update theme pages to use Bootstrap
Date: Tue, 24 Jan 2017 15:48:18 +0000 (UTC)
commit 60b1703f1e6113ac793e3927a215be26ee1dcfea
Author: Tom Tryfonidis <tomtryf gmail com>
Date:   Mon Oct 24 13:48:09 2016 +0300

    Update theme pages to use Bootstrap

 theme/404.php                     |    8 +-
 theme/css/home.css                |   16 +++
 theme/css/responsive.css          |  183 +++++++++++++++++++++---------------
 theme/css/text.css                |    9 +-
 theme/footer.php                  |   10 +-
 theme/footer_art.php              |    4 +-
 theme/header.php                  |  126 +++++++++++---------------
 theme/index.php                   |    6 +-
 theme/one-column-with-submenu.php |    2 +-
 theme/page-home.php               |   33 +++----
 theme/page-news.php               |    4 +-
 theme/page-press.php              |    4 +-
 theme/social_icons.php            |   30 +++----
 theme/style.css                   |   90 ++++++++++++++-----
 14 files changed, 293 insertions(+), 232 deletions(-)
---
diff --git a/theme/404.php b/theme/404.php
index c04a1bf..a119487 100644
--- a/theme/404.php
+++ b/theme/404.php
@@ -8,18 +8,18 @@ require_once("header.php"); ?>
 
     <!-- container -->
     <div id="container" class="two_columns">
-        <div class="container_12">
+        <div class="container">
             
             <div class="content without_sidebar">
                 
-                <div class="grid_10 prefix_1 suffix_1 alpha omega">
+                <div class="col-sm-10 col-sm-offset-1">
                         <h1><?php _e( 'Ooooops. Something is not here.', 'grass' ); ?></h1>
                         
                         <p class="main_feature"><?php _e( 'The page you tried to access was not found.', 
'grass' ); ?></p>
                         
                         <hr />
                         
-                        <div class="grid_5 alpha">
+                        <div class="col-sm-6">
                             <p><?php
                             
                             printf(
@@ -31,7 +31,7 @@ require_once("header.php"); ?>
                             <?php get_search_form(); ?>
                         </div>
                         
-                        <div class="grid_5 omega">
+                        <div class="col-sm-4">
                             <p><?php
                             
                             printf(
diff --git a/theme/css/home.css b/theme/css/home.css
index bfba131..3268074 100644
--- a/theme/css/home.css
+++ b/theme/css/home.css
@@ -61,6 +61,22 @@
     margin-bottom: 0;
 }
 
+/* Responsive Media Queries for Homepage */
+/* ========================================================================== */
+
+ 
+@media (min-width:767px) and  (max-width: 979px){
+    #home-crafted-content {
+        text-align: center;
+    }
+}
+
+@media(max-width: 767px){
+    #home-crafted-content {
+        text-align: center;
+    }
+}
+
 /*
 Custom hacks for civicrm
 This file gets applied after everything else, so this is why we put the code here.
diff --git a/theme/css/responsive.css b/theme/css/responsive.css
index 0b2481e..d1b411a 100644
--- a/theme/css/responsive.css
+++ b/theme/css/responsive.css
@@ -1,5 +1,19 @@
 /*responsive.css*/
 
+.btn-success {
+    background-color:#4e9a06;
+}
+
+.col-centered{
+    float: none;
+    margin: 0 auto;
+}
+
+.no-padding {
+   padding: 0 !important;
+   margin: 0 !important;
+}
+
 /*--------------General------------------------*/
 @media(max-width: 767px) {
     img {
@@ -17,14 +31,6 @@
 }
 /*-------------Mobile-Menu, Normal-Menu----------------------*/
 
-.mobile-menu {
-    display: none;
-    visibility: hidden;
-}
-.normal-menu {
-    display: block;
-}
-
 .normal-menu .foundation-menu-item .sub-menu li a:active,
 .normal-menu .foundation-menu-item .sub-menu li a:focus,
 .normal-menu .foundation-menu-item .sub-menu li.current_page_item a{
@@ -67,12 +73,6 @@
 /*    margin-top: 10px; 
 */}
 
-.navbar .btn-navbar, .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, 
.navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled]{
-    margin-top: 40px;
-    background-image: none;
-    background-color: #2e3436;
-}
-
 .plus-pull {
     color: white;
     /*margin-left: -5px;*/
@@ -118,6 +118,9 @@
         .top_bar input {
             width: 85%;
         }
+        .crafted_content {
+            text-align: center;
+        }
 
     }
 
@@ -149,7 +152,6 @@
         .top_bar ul li {
             margin-right: 2px;
         }
-
     }
 
     @media (min-width:767px) and  (max-width: 979px){
@@ -160,6 +162,7 @@
             max-width: 100%;
             width: 70%;
             margin-left: 0;
+            margin-top: 0px !important;
         }
         #header #logo {
             height: auto;
@@ -172,6 +175,9 @@
         .top_bar ul li {
             /*line-height: 28px;*/
         }
+        #top_bar_search {
+            margin-top: 0px !important;
+        }
     }
     /*-------------------Laptops-------------------------------*/
     @media (min-width: 979px){
@@ -207,6 +213,7 @@
     .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;
     }
@@ -215,36 +222,6 @@
     }
 }
 
-@media (min-width: 767px) and (max-width: 979px){
-    
-    .crafted_content .section .image.span6{
-        max-width: 320px;
-        margin-left: 0px;
-    }
-    .crafted_content .section .text.span6{
-        max-width: 480px;
-        margin-left: 0px
-    }
-    .span12{
-        margin-left: 0px;
-    }
-
-
-}
-
-@media (min-width: 979px){
-    .crafted_content .section .image.span6{
-        max-width: 420px;
-        margin-left: 0px;
-    }
-    .crafted_content .section .text.span6{
-        max-width: 480px;
-        margin-left: 0px
-    }
-    .span12{
-        margin-left: 0px;
-    }
-}
 /*-----------------list adjustments-----------*/
 @media (max-width: 979px) {
     li {
@@ -348,43 +325,97 @@
         column-count: 2;
     }
 }
-/*-----------------Application Form--------------*/
-@media (min-width: 480px ){
-    #application_form .item label {
-        text-align: left;
-    }
-}
 
-/*plus-pull sign for apply page*/
-div[id *= apply-pull] {
-    margin: 0 4%;
-    padding: 0 1% 1%;
-    cursor: pointer;
-    width: 20%;
-    font-size: 16px;
+
+/*===================================================================================================================================================*/
+
+
+/* Custom media queries and Bootstrap overwrite rules for Damned Lies */
+
+
+.mobile-menu {
     display: none;
+    visibility: hidden;
 }
-p[id *= apply-mobile-hidden] {
+.normal-menu {
     display: block;
 }
-@media (max-width: 480px){
-    div[id *= apply-pull] {
-        display: inline;
-    }
-    p[id *= apply-mobile-hidden] {
-        display: none;
-    }
-    .heading_collapse {
-        display: inline-block;
-        width: 70%;
-    }
+.navbar-toggle,  .navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:active, .navbar-toggle.active, 
.navbar-toggle.disabled, .navbar-toggle[disabled]{
+    margin-top: 40px;
+    background-image: none;
+    background-color: #2e3436;
+}
+.table-responsive {
+    border: none;
+}
+.navbar-default .navbar-nav > li > a {
+    text-decoration: none;
+}
+.normal-menu .foundation-menu-item .sub-menu li a:active,
+.normal-menu .foundation-menu-item .sub-menu li a:focus,
+.normal-menu .foundation-menu-item .sub-menu li.current_page_item a{
+    background: rgba(100%, 100%, 100%, 0.4);
+    color: #000;
+    text-shadow: none;
+}
 
+.normal-menu .foundation-menu-item .sub-menu li a:hover{
+    background: rgba(100%, 100%, 100%, 0.2);
 }
-/*------------Footer Adjustments-----------*/
+
+.normal-menu .foundation-menu-item .sub-menu li a {
+    color: #000;
+    text-shadow: none;
+}
+
+/*----------------Smartphones-------------------*/
 @media (max-width: 767px) {
-    #footer {
-        margin-left: -20px;
-        margin-right: -20px;
-        padding: 20px 20px;
-    }
+    header {
+        padding-bottom: 40px;
+    }
+       .navbar-default,
+       .navbar-default .navbar-collapse {
+               background-color: transparent;
+               border-color: transparent;
+       }
+       .mobile-menu {
+               cursor: pointer;
+               display: inline-block;
+               float: right;
+               visibility: visible;
+               width:100%;
+    }
+       .normal-menu {
+               display: none;
+       }
+       .top_bar {
+               text-align: center;
+       }
+       .top_bar ul li {
+               display: block !important;
+       }
+       h1, #content h1 {
+               font-size: 23px;
+       }
+       h2 {
+               font-size: 20px;
+       }
+}
+
+/*-----------------Tablets------------------------*/
+@media (min-width:767px) and (max-width: 990px){
+    header {
+        padding-bottom: 30px;
+    }
+       #globalnav {
+               margin: 0 auto;
+       }
+       .top_bar {
+               margin:0 auto;
+               float: none;
+       }
+       .normal-menu #gnome_header {
+               height: auto;
+               padding: 0 33%;
+       }
 }
diff --git a/theme/css/text.css b/theme/css/text.css
index 0cf8617..b3e6e52 100644
--- a/theme/css/text.css
+++ b/theme/css/text.css
@@ -27,17 +27,20 @@ h1, h2, h3, h4, h5, h6, dt {
 }
 h1 {
     font-size: 42px;
+    font-weight: bold;
 }
 h2 {
     font-size: 25px;
+    font-weight: bold;
 }
-h3, dt {
+h3 {
     font-size: 21px;
+    font-weight: bold;
     margin: 0.4em 0 0.5em;
     color: #2E3436;
 }
 dt {
-    color: #E36615;
+    color: #2E3436;
 }
 dt a:hover {
     color: #fa7721;    
@@ -61,7 +64,7 @@ ul {
 li {
     margin-left:30px;
 }
-dl,dt,h1,h2,h3,h4,h5,h6,pre,table,address,fieldset {
+h1,h2,h3,h4,h5,h6,pre,table,address,fieldset {
     margin: 0.8em 0 0.4em;
 }
 p, dd, .action_box, ul, ol {
diff --git a/theme/footer.php b/theme/footer.php
index e007d3e..29b02b8 100644
--- a/theme/footer.php
+++ b/theme/footer.php
@@ -6,7 +6,7 @@
         </div>
 
         <div class="container">
-            <div class="links span9">
+            <div class="links col-sm-12 col-md-9">
                 <?php
                 wp_nav_menu('menu=footer');
                 ?>
@@ -18,7 +18,7 @@
                 if (count($list_of_languages) > 1) {
                                 
                 ?>
-                <div class="language span3">
+                <div class="language col-md-3">
                     <div>
                         <strong><?php _e( 'This website is available in many languages', 'grass' ); 
?></strong>
                         <a href="<?php echo home_url('/languages/');?>" data-uri="<?php echo 
home_url('/');?>?select-language&amp;url=<?php echo $_SERVER['REQUEST_URI'];?>">
@@ -32,13 +32,13 @@
             }
             ?>
             
-            <div class="icons span3">
+            <div class="icons col-sm-8 col-md-3">
                  <?php require_once("social_icons.php"); ?>
             </div>
            </div>
            <!-- footnotes -->
         <div class="container">
-            <div class="span12">
+            <div class="col-md-12">
                 <div id="footnotes" class="span9">
                     <?php _e( 'Copyright', 'grass' ); ?> © 2005‒<?php echo date('Y');?> <strong 
class="gnome_logo"><?php _e( 'The GNOME Project', 'grass' ); ?></strong><br />
                     <small>
@@ -76,4 +76,4 @@
     
     <?php
     wp_footer();
-    ?>   
+    ?>
diff --git a/theme/footer_art.php b/theme/footer_art.php
index 53d8370..3f23b5e 100644
--- a/theme/footer_art.php
+++ b/theme/footer_art.php
@@ -12,9 +12,9 @@
             
             ?>
             <?php if($footer_art == 'default' || $footer_art == 'none'): ?>
-            <div id="footer_art" class="span12 <?php echo $footer_art;?>">
+            <div id="footer_art" class="col-md-12 <?php echo $footer_art;?>">
             <?php else: ?>
-            <div id="footer_art" class="span12" style="background-image: url(<?php 
bloginfo('stylesheet_directory') ?>/images/footer_arts/<?php echo $footer_art;?>.png);">
+            <div id="footer_art" class="col-md-12" style="background-image: url(<?php 
bloginfo('stylesheet_directory') ?>/images/footer_arts/<?php echo $footer_art;?>.png);">
             <?php endif; ?>
                 &nbsp;
             </div>
diff --git a/theme/header.php b/theme/header.php
index 1ff5fb7..6478fe8 100644
--- a/theme/header.php
+++ b/theme/header.php
@@ -20,30 +20,16 @@ if (function_exists('wppo_get_lang')) {
     <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php 
bloginfo('charset'); ?>" />
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title><?php wp_title('-', true, 'right'); ?> <?php bloginfo('name'); ?></title>
-    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
     <link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory'); ?>/images/favicon.png" />
     <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
-    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); 
?>/js/jquery-1.10.2.min.js"></script>
-    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); 
?>/js/jquery-migrate-1.2.1.min.js"></script>
-    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/loader.js"></script>
-    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/template.js"></script>
+
+    <?php wp_head(); ?>
 
     <!-- Fancybox -->
     <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); 
?>/pack/fancybox-1.3.4/jquery.easing-1.3.pack.js"></script>
     <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); 
?>/pack/fancybox-1.3.4/jquery.fancybox-1.3.4.pack.js"></script>
     <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_directory'); 
?>/pack/fancybox-1.3.4/jquery.fancybox-1.3.4.css" />
-
-    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); 
?>/js/responsive.js"></script>
-
-    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); 
?>/js/bootstrap.min.js"></script>
-
-
-    <?php wp_head(); ?>
-
     <?php
-
-
-
     if (is_single() || is_page()) {
         $custom_css = get_post_meta($post->ID, 'custom_css', true);
         if (!empty($custom_css)) {
@@ -52,13 +38,9 @@ if (function_exists('wppo_get_lang')) {
             echo '</style>'."\n";
         }
     }
-
     ?>
 </head>
-
-
 <body>
-
     <!-- accessibility access -->
     <div id="accessibility_access">
         <ul>
@@ -69,7 +51,7 @@ if (function_exists('wppo_get_lang')) {
     </div>
 
 <!-- Donation ruler for when we run campaigns 
-<script type="text/javascript" src="http://www-old.gnome.org/friends/ruler/ruler-privacy.js";>  </script>
+<script type="text/javascript" src="https://static.gnome.org/friends/ruler/ruler-privacy.js";>  </script>
 -->
 <!-- global gnome.org domain bar -->
 <div id="global_domain_bar">
@@ -80,62 +62,60 @@ if (function_exists('wppo_get_lang')) {
     </div>
 </div>
 
-
-<!-- header -->
-<div id="header" class="container">
-    <div class="span12">
-     
-
-     <!-- mobile-menu -->       
-     <div class="mobile-menu">
-                <div class="navbar nav-container">
-                    <div class="container">
-                        <button type="button" class="btn btn-navbar collapsed" data-toggle="collapse" 
data-target=".nav-collapse" >
-                            <span class="icon-bar"></span>
-                            <span class="icon-bar"></span>
-                            <span class="icon-bar"></span></button>
-                            <a class= "brand scroll-logo" title="<?php _e( 'Go to home page', 'grass' ); ?>" 
href="<?php echo home_url('/'); ?>"><img src="<?php bloginfo('stylesheet_directory'); 
?>/images/gnome-logo.png" alt="<?php echo _e('GNOME: The Free Software Desktop Project', 'grass');?>" /></a>
-
-                            <div class="nav-collapse collapse" style="height: 0px;">
-                              <ul class="nav">
-                                <div class="top_bar span9">
-
-                                   <?php wp_nav_menu('menu=globalnav'); ?>
-                                   <div class="mobile-search span8">        
-                                    <form role="search" method="get" id="searchform" action="<?php echo 
home_url('/'); ?>" >
-                                        <div>
-                                            <label class="hidden" for="s"><?php _e( 'Search', 'grass' ); ?>: 
</label><input type="text" class="mobile-menu-text" value="<?php if(isset($_GET['s'])) { echo 
htmlspecialchars(stripslashes(strip_tags($_GET['s']))); } ?>" name="s" id="s" placeholder="<?php _e( 
'&nbsp;&nbsp;Search', 'grass' ); ?>" />
-                                        </div>
-                                    </form>
-                                </div>
+       <header class="container">
+        <div class="col-md-12">
+               <div class="mobile-menu">
+                       <div class="navbar navbar-default">
+                               <div class="container-fluid">
+                                       <div class="navbar-header">
+                                               <button type="button" class="navbar-toggle collapsed" 
data-toggle="collapse" data-target=".navbar-collapse" >
+                                                       <span class="sr-only">Toggle navigation</span>
+                                                       <span class="icon-bar"></span>
+                                                       <span class="icon-bar"></span>
+                                                       <span class="icon-bar"></span>
+                                               </button>
+                                               <a class="navbar-brand" title="<?php _e( 'Go to home page', 
'grass' ); ?>" href="<?php echo home_url('/'); ?>"><img src="<?php bloginfo('stylesheet_directory'); 
?>/images/gnome-logo.png" alt="<?php echo _e('GNOME: The Free Software Desktop Project', 'grass');?>" /></a>
+                                       </div>
+
+                                       <div class="collapse navbar-collapse">
+                                               <div class="top_bar col-md-9">
+                            <?php wp_nav_menu('menu=globalnav'); ?>
+
+                             <div class="mobile-search col-md-8">
+                                <form role="search" method="get" id="searchform" action="<?php echo 
home_url('/'); ?>" >
+                                    <div>
+                                        <label class="hidden" for="s"><?php _e( 'Search', 'grass' ); ?>: 
</label><input type="text" class="mobile-menu-text" value="<?php if(isset($_GET['s'])) { echo 
htmlspecialchars(stripslashes(strip_tags($_GET['s']))); } ?>" name="s" id="s" placeholder="<?php _e( 
'&nbsp;&nbsp;Search', 'grass' ); ?>" />
+                                    </div>
+                                </form>
                             </div>
-                        </ul>
-                    </div>
-                </div>
+                                               </div>
+                                       </div>
+                               </div>
+                       </div>
+               </div> <!-- mobile-menu end -->
+
+               <div class="normal-menu">
+                       <div id="gnome_header" class="col-md-3">
+                               <h1><a title="<?php _e( 'Go to home page', 'grass' ); ?>" href="<?php echo 
home_url('/'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/gnome-logo.png" alt="<?php 
echo _e('GNOME: The Free Software Desktop Project', 'grass');?>" /></a></h1>
+                       </div>
+
+                       <div class="top_bar col-md-7 pull-left">
+                    <?php wp_nav_menu('menu=globalnav'); ?>
             </div>
-        </div>
 
-        <div class="normal-menu">
-            <div id="logo" class="span3">
-                <h1><a title="<?php _e( 'Go to home page', 'grass' ); ?>" href="<?php echo home_url('/'); 
?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/gnome-logo.png" alt="<?php echo _e('GNOME: 
The Free Software Desktop Project', 'grass');?>" /></a></h1>
+            <div id="top_bar_search" class="col-md-2 pull-right">
+                <div class="right">
+                    <form role="search" method="get" id="searchform" action="<?php echo home_url('/'); ?>" >
+                        <div>
+                            <label class="hidden" for="s"><?php _e( 'Search', 'grass' ); ?>: </label>
+                            <input type="text" value="<?php if(isset($_GET['s'])) { echo 
htmlspecialchars(stripslashes(strip_tags($_GET['s']))); } ?>" name="s" id="s" placeholder="<?php _e( 
'Search', 'grass' ); ?>" />
+                        </div>
+                    </form>
+                </div>
             </div>
 
-            <div class="top_bar span6">
-             <div class="left">
-                 <?php wp_nav_menu('menu=globalnav'); ?>
-             </div>
-         </div>
-         <div id="top_bar_search" class="span3">
-           
-            <div class="right">
-                <form role="search" method="get" id="searchform" action="<?php echo home_url('/'); ?>" >
-                    <div>
-                        <label class="hidden" for="s"><?php _e( 'Search', 'grass' ); ?>: </label><input 
type="text" value="<?php if(isset($_GET['s'])) { echo htmlspecialchars(stripslashes(strip_tags($_GET['s']))); 
} ?>" name="s" id="s" placeholder="<?php _e( 'Search', 'grass' ); ?>" />
-                    </div>
-                </form>
-            </div>
+               </div> <!-- normal-menu end -->
         </div>
-    </div>
-</div>
-</div>
+       </header>
+
 <div class="clearfix"></div>
diff --git a/theme/index.php b/theme/index.php
index 79bb503..87736a8 100644
--- a/theme/index.php
+++ b/theme/index.php
@@ -8,11 +8,11 @@ require_once("header.php"); ?>
 
     <!-- container -->
     <div id="container" class="two_columns">
-        <div class="container_12">
+        <div class="container">
         
             <?php require_once('inc/page-title.php'); ?>
             
-            <div class="content">
+            <div class="content col-md-9">
             <?php while ( have_posts() ) : the_post(); ?>
                 <?php the_content(); ?>
             <?php endwhile; // End the loop. Whew. ?>
@@ -20,7 +20,7 @@ require_once("header.php"); ?>
                 <div class="clear"></div>
             </div>
             
-            <div class="sidebar">
+            <div class="sidebar col-md-3">
                 
                 <?php
                 $parent_id  = $post->post_parent;
diff --git a/theme/one-column-with-submenu.php b/theme/one-column-with-submenu.php
index 71af7ad..2f53048 100644
--- a/theme/one-column-with-submenu.php
+++ b/theme/one-column-with-submenu.php
@@ -8,7 +8,7 @@ require_once("header.php"); ?>
 
     <!-- container -->
     <div id="container" class="two_columns">
-        <div class="container_12">
+        <div class="container">
         
             <div class="page_title with_subpages_list">
                 <h1><?php the_title(); ?></h1>
diff --git a/theme/page-home.php b/theme/page-home.php
index 41059a8..9718feb 100644
--- a/theme/page-home.php
+++ b/theme/page-home.php
@@ -1,15 +1,11 @@
 <?php
 
-
-add_action('wp_head', function() {
-    echo '<link rel="stylesheet" type="text/css" media="all" 
href="'.get_bloginfo('template_url').'/css/home.css" />';
-    echo '<link rel="stylesheet" type="text/css" media="all" 
href="'.get_bloginfo('template_url').'/css/news.css" />';
-});
+$screenshot = get_option('homepage_screenshot');
 
 /*
  * Add link to global feeds instead of current page comments
  */
-automatic_feed_links(false);
+add_theme_support( 'automatic-feed-links');
 add_action('wp_head', function() {
    echo '<link rel="alternate" type="application/rss+xml" title="'.get_bloginfo('name').' &raquo; Feed" 
href="'.home_url('/').'feed/" />'; 
 });
@@ -19,32 +15,29 @@ require_once("header.php"); ?>
 <!-- container -->
 
 <div class="container">
-    <div class="span12">
-
-    <div class="crafted_content">
-        <div class="section image-left">
-            <div class="image span6 alpha">
-                <a href="/wp-content/uploads/2010/09/window-selection-3.12.png"><img 
src="/wp-content/uploads/2010/09/window-selection-3.12-420x236.png" alt=""></a>
+    <div id="home">
+    <div id="home-crafted-content" class="row">
+            <div class="col-sm-12 col-md-6">
+                <a href="<?php echo $screenshot ?>"><img src="<?php echo $screenshot ?>" alt="release 
screenshost"></a>
             </div>
-            <div class="text span6 omega">
+            <div class="text col-sm-12 col-md-6">
                 <h3>GNOME 3: Ease, comfort and control</h3>
                 <p>GNOME 3 is an easy and elegant way to use your computer. It is designed to put you in 
control and bring freedom to everybody. GNOME 3 is developed by the GNOME community, a diverse, international 
group of contributors that is supported by an independent, non-profit foundation.</p>
-
-                <p style="text-align: center;">
+                <p>
                     <a class="action_button" href="gnome-3">Discover GNOME 3</a>
-                    <a class="action_button" href="getting-gnome">Get GNOME 3</a></p>
+                    <a class="action_button" href="getting-gnome">Get GNOME 3</a>
+                </p>
             </div>
-        </div>
     </div>
 
     <hr class="bottom_shadow" style="margin-bottom: 0;"/>
 
-    <div class="span6 alpha">
+    <div class="col-sm-6">
         <h4><a href="friends">Make a donation and become a Friend of GNOME!</a></h4>
 Your donation will ensure that GNOME continues to be a free and open source desktop by providing resources 
to developers, software and education for end users, and promotion for GNOME worldwide.
     </div>
 
-    <div class="span6 omega" style="margin-bottom: 0.8em;">
+    <div class="col-sm-6" style="margin-bottom: 0.8em;">
         <h4><a href="get-involved">Get involved!</a></h4>
 The GNOME Project is a diverse international community which involves hundreds of contributors, many of whom 
are volunteers. Anyone can contribute to the GNOME!
     </div>
@@ -63,7 +56,7 @@ The GNOME Project is a diverse international community which involves hundreds o
     while ( have_posts() ) : the_post();
 ?>
 
-        <div class="span4 news">
+        <div class="col-md-4 news">
             <span class="date">
                 <?php the_date(); ?>
             </span>
diff --git a/theme/page-news.php b/theme/page-news.php
index 0ef5c59..5fe9112 100644
--- a/theme/page-news.php
+++ b/theme/page-news.php
@@ -32,7 +32,7 @@ require_once("header.php"); ?>
                 <h1><?php echo __('News', 'grass');?></h1>
             </div>
             
-            <div class="content span8">
+            <div class="content col-md-9">
             
                 <?php the_content(); ?>
                 <?php
@@ -67,7 +67,7 @@ require_once("header.php"); ?>
 
             </div>
             
-            <div class="sidebar span4">
+            <div class="sidebar col-md-3">
                 
                 <?php require_once("news_sidebar.php");?>
                 
diff --git a/theme/page-press.php b/theme/page-press.php
index 5e298ef..9ad9946 100644
--- a/theme/page-press.php
+++ b/theme/page-press.php
@@ -30,7 +30,7 @@ require_once("header.php"); ?>
                 <h1><?php the_title(); ?></h1>
             </div>
             
-            <div class="content span8">
+            <div class="content col-md-8">
             
                 <?php the_content(); ?>
                 <?php
@@ -66,7 +66,7 @@ require_once("header.php"); ?>
                 <div class="clearfix"></div>
             </div>
             
-            <div class="sidebar span4">
+            <div class="sidebar col-md-4">
                 
                 <?php require_once("news_sidebar.php");?>
                 
diff --git a/theme/social_icons.php b/theme/social_icons.php
index d4074cf..fd811ee 100644
--- a/theme/social_icons.php
+++ b/theme/social_icons.php
@@ -1,20 +1,14 @@
 <div class="social_network_icons">
-        <ul>
-                <a href="http://identi.ca/gnome";>
-                    <img src="<?php bloginfo('template_url')?>/images/social_networks/identica.png" alt=" " 
/>
-                    
-                </a>
-                <a href="http://twitter.com/gnome";>
-                    <img src="<?php bloginfo('template_url')?>/images/social_networks/twitter.png" alt=" " />
-                   
-                </a>
-                <a href="http://www.facebook.com/GNOMEDesktop";>
-                    <img src="<?php bloginfo('template_url')?>/images/social_networks/facebook.png" alt=" " 
/>
-                    
-                </a>
-                <a href="https://plus.google.com/108054458791366257368/posts";>
-                    <img src="<?php bloginfo('template_url')?>/images/social_networks/gplus.png" alt="GNOME 
on Google+" rel="publisher" />
-                    
-                </a>
-        </ul>
+    <a href="https://gnome.org/feed";>
+        <i class="fa fa-2x fa-rss"></i>
+    </a>
+    <a href="https://twitter.com/gnome";>
+        <i class="fa fa-2x fa-twitter"></i>
+    </a>
+    <a href="https://plus.google.com/+gnome";>
+        <i class="fa fa-2x fa-google-plus"></i>
+    </a>
+    <a href="https://www.facebook.com/GNOMEDesktop";>
+        <i class="fa fa-2x fa-facebook"></i>
+    </a>
 </div>
diff --git a/theme/style.css b/theme/style.css
index e165b26..bf818a1 100644
--- a/theme/style.css
+++ b/theme/style.css
@@ -5,18 +5,10 @@ Author: Vinicius Depizzol <vdepizzol gmail com>
 Description: The original theme for the GNOME Project website.
 
 */
-
-
 @import url("css/reset.css");
 @import url("css/text.css");
-@import url("css/bootstrap_work1.css");
 @import url("css/responsive.css");
 
-
-
-
-
-
 /* Base information */
 /* ========================================================================== */
 
@@ -67,7 +59,6 @@ a:visited {
 /* ========================================================================== */
 
 
-
 #accessibility_access {
     position: absolute;
     left: 0;
@@ -169,28 +160,18 @@ a:visited {
 
 .top_bar {
     background: #2e3436 url("images/top_bar-bg.png") top repeat-x;
-    margin-top: 23px;
+    margin-top: 55px;
     font-size: 13px;
     -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
     -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
     box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-}
-.mobile-menu .top_bar {
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
-    border-radius: 6px;
-
-}
-.normal-menu .top_bar {
-    -moz-border-radius: 6px 0 0 6px;
-    -webkit-border-radius: 6px 0 0 6px;
     border-radius: 6px 0 0 6px;
-
 }
-
 .top_bar ul {
     list-style: none;
-    margin: 0;
+    margin: 7px 0 0 0;
     padding: 0;
 }
 .top_bar ul li {
@@ -218,7 +199,6 @@ a:visited {
     background: rgba(100%, 100%, 100%, 0.15);
 }
 .top_bar a:active, .top_bar  li.current-menu-item > a, .top_bar li.current-page-ancestor > a{
-    background: #1c2021 url("images/top_bar-item-bg.png") top repeat-x;
     -moz-box-shadow: inset 0 -1px 0 rgba(100%,100%,100%, 0.4), inset 0 1px 3px rgba(0,0,0,0.4);
     -webkit-box-shadow: inset 0 -1px 0 rgba(100%,100%,100%, 0.4), inset 0 1px 3px rgba(0,0,0,0.4);
     box-shadow: inset 0 -1px 0 rgba(100%,100%,100%, 0.4), inset 0 1px 3px rgba(0,0,0,0.4);
@@ -271,7 +251,7 @@ a:visited {
 /*  height: 36px;
 */  background: #2e3436 url("images/top_bar-bg.png") top repeat-x;
 /*    padding: 8px 0;
-*/  margin-top: 23px;
+*/  margin-top: 55px;
     margin-left: 0px;
     font-size: 13px;
     -moz-border-radius: 0 6px 6px 0;
@@ -1336,3 +1316,67 @@ class[*="span"] .alpha {
 class[*="span"] .omega {
     margin-right: 0;
 }
+
+#main_countedown_1 .time_left {
+    border-radius: 8px;
+    background-color: #3DA8CC;
+    font-size: 23px;
+    font-family: monospace;
+    color: #000000;
+}
+
+
+#main_countedown_1 .time_description {
+    font-size: 23px;
+    font-family: monospace;
+    color: #000000;
+}
+
+.ujic-classic span.countdown_amount {
+    text-shadow: 0px !important;
+    box-shadow: 0px !important;
+}
+
+
+.social_network_icons [class*="fa fa-"]{
+    padding: 6px;
+    color: #000;
+    text-decoration: none;
+    outline: none;
+}
+
+#thankyou a,
+.social_network_icons a {
+    outline: none;
+    border: 0;
+}
+#thankyou a,
+.social_network_icons a:hover {
+    text-decoration: none;
+}
+
+#thankyou .fa-twitter:hover {
+    background-color: #1DA1F2;
+}
+
+#thankyou .fa-facebook:hover {
+    background-color: #3b5998;
+}
+
+#thankyou .fa-google-plus:hover {
+    background-color: #dd4b39;
+}
+
+.social_network_icons .fa-twitter:hover {
+    color: #1DA1F2;
+}
+.social_network_icons .fa-facebook:hover {
+    color: #3b5998;
+}
+
+.social_network_icons .fa-google-plus:hover {
+    color: #dd4b39;
+}
+.social_network_icons .fa-rss:hover {
+    color: #ff6600;
+}
[Date Prev][Date Next] [Thread Prev][Thread Next] [Thread Index] [Date Index] [Author Index]