[gnomegr-web] Adopt style from upstream GNOME theme



commit 5f519a79d57fc0dee348c58baa01f67f55014dd7
Author: Tom Tryfonidis <tomtryf gnome org>
Date:   Wed Apr 5 17:13:15 2017 +0300

    Adopt style from upstream GNOME theme

 gnomegr/404.php                        |  109 +-
 gnomegr/css/960.css                    |  409 -------
 gnomegr/css/fonts.css                  |  112 ++-
 gnomegr/css/home.css                   |   68 +-
 gnomegr/css/news.css                   |  124 ++-
 gnomegr/css/reset.css                  |    1 -
 gnomegr/css/text.css                   |  211 ++---
 gnomegr/footer.php                     |   70 +-
 gnomegr/functions.php                  |  942 ++++++++++-------
 gnomegr/header.php                     |  175 ++--
 gnomegr/images/favicon.ico             |  Bin 0 -> 5430 bytes
 gnomegr/images/gnome-icon.svg          |  198 ++++
 gnomegr/images/gnome-logo.svg          |  126 +++
 gnomegr/inc/customizer.php             |  264 +++++
 gnomegr/inc/grass-sanitize.php         |   27 +
 gnomegr/index.php                      |   92 +-
 gnomegr/js/template.js                 |   52 +-
 gnomegr/lib/README                     |    5 +
 gnomegr/lib/wp-bootstrap-navwalker.php |  220 ++++
 gnomegr/news.php                       |   90 +-
 gnomegr/news_sidebar.php               |   25 +-
 gnomegr/one-column-with-submenu.php    |  107 +-
 gnomegr/one-column-without-title.php   |   16 +-
 gnomegr/one-column.php                 |   61 +-
 gnomegr/page-newhome.php               |  106 ++
 gnomegr/page-news.php                  |  148 ++--
 gnomegr/search.php                     |  174 ++--
 gnomegr/single.php                     |   60 +-
 gnomegr/social_icons.php               |    6 +
 gnomegr/style.css                      | 1879 ++++++++++++++------------------
 30 files changed, 3196 insertions(+), 2681 deletions(-)
---
diff --git a/gnomegr/404.php b/gnomegr/404.php
index 4f0f905..7cae407 100644
--- a/gnomegr/404.php
+++ b/gnomegr/404.php
@@ -1,57 +1,52 @@
-<?php
-/**
- * @package GNOME Website
- * @subpackage Grass Theme
- */
-
-require_once("header.php"); ?>
-
-    <!-- container -->
-    <div id="container" class="two_columns">
-        <div class="container_12">
-            
-            <div class="content without_sidebar">
-                
-                <div class="grid_10 prefix_1 suffix_1 alpha omega">
-                        <h2><?php _e( 'Ουπς. Αυτό που ψάχνετε δεν είναι εδώ!', 'grass' ); ?></h2>
-                        
-                        <p class="main_header"><?php _e( 'Η σελίδα που προσπαθείτε να  αποκτήσετε πρόσβαση 
δεν βρέθηκε.', 'grass' ); ?></p>
-                        
-                        <hr />
-                        
-                        <div class="grid_5 alpha">
-                            <p><?php
-                            
-                            printf(
-                                __( 'Επιστρέψτε στην <a href="%1$s">αρχική σελίδα</a> για να ξεκινήσετε από 
την αρχή ή να δοκιμάσετε ξανά με τη παρακάτω φόρμα αναζήτησης.', 'grass'),
-                                get_bloginfo('url')
-                            );
-                            
-                            ?></p>
-                            <?php get_search_form(); ?>
-                        </div>
-                        
-                     <div class="grid_5 omega">
-                            <p><?php
-                            
-                            printf(
-                                __('Αν νομίζεται πως υπάρχει κάποιο σφάλμα σε σύνδεσμο του ιστότοπου, 
παρακαλούμε να μας ενημερώσετε στη <a href="%1$s">λίστα αλληλογραφίας</a>.', 'grass'),
-                                'http://lists.gnome.gr/listinfo.cgi/team-gnome.gr'
-                            );
-                            
-                            ?></p>
-                        </div>
-                </div>
-                
-                <div class="clear"></div>
-            </div>
-            <?php $footer_art = '404'; ?>
-            <?php require_once("footer_art.php"); ?>
-        </div>
-    </div>
-    
-    <div class="clearfix"></div>
-    
-    <?php require_once("footer.php"); ?>
-</body>
-</html>
+<?php
+/**
+ * @package GNOME Website
+ * @subpackage Grass Theme
+ */
+?>
+
+<?php get_header(); ?>
+
+    <!-- container -->
+    <div class="container two_columns">
+            
+            <div class="content without_sidebar">
+                
+                <div class="col-sm-10 col-sm-offset-1">
+                        <h1><?php esc_html_e( 'Ooooops. Something is not here.', 'grass' ); ?></h1>
+                        
+                        <p class="main_feature"><?php esc_html_e( 'The page you tried to access was not 
found.', 'grass' ); ?></p>
+                        
+                        <hr />
+                        
+                        <div class="col-sm-6">
+                            <p><?php
+                            
+                            printf(
+                                __( 'For now, you may want to go to the <a href="%1$s">home page</a> to 
start from the beginning, or try your luck in the search form below.', 'grass'),
+                                get_bloginfo('url')
+                            );
+                            
+                            ?></p>
+                            <?php get_search_form(); ?>
+                        </div>
+                        
+                        <div class="col-sm-4">
+                            <p><?php
+                            
+                            printf(
+                                __('If you think there is a broken link on the GNOME website, please <a 
href="%1$s">report it as a bug</a>. Thank you.', 'grass'),
+                                'https://mail.gnome.org/mailman/listinfo/gnome-el-list'
+                            );
+                            
+                            ?></p>
+                        </div>
+                </div>
+                
+                <div class="clear"></div>
+            </div>
+    </div>
+    
+    <div class="clearfix"></div>
+    
+<?php get_footer(); ?>
diff --git a/gnomegr/css/fonts.css b/gnomegr/css/fonts.css
index e0349cf..8cfead0 100644
--- a/gnomegr/css/fonts.css
+++ b/gnomegr/css/fonts.css
@@ -1,12 +1,120 @@
 @font-face {
   font-family: 'Cantarell';
   src: local('Cantarell'), local('Cantarell Regular'),
-  url(../fonts/Cantarell-Regular.otf);
+  url(../fonts/OTF/Cantarell-Regular.otf);
 }
 
 @font-face {
   font-family: 'Cantarell';
   font-weight: bold;
   src: local('Cantarell'), local('Cantarell Bold'), local('Cantarell-Bold'),
-  url(../fonts/Cantarell-Bold.otf);
+  url(../fonts/OTF/Cantarell-Bold.otf);
+}
+
+/* 
+ * Source Sans Pro 
+ * Complete @font-face kit 
+ * 
+ * Author: 
+ *    Reza Qorbani (reza qorbani com)
+ *    https://github.com/qorbani
+ */
+
+/* Source Sans Pro (Roman package) @font-face kit */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 200;
+    font-stretch: normal;
+
+    src: local('SourceSansPro-ExtraLight'), local('Source Sans Pro'), 
url('../fonts/EOT/SourceSansPro-ExtraLight.eot') format('embedded-opentype'), 
url('../fonts/WOFF/OTF/SourceSansPro-ExtraLight.otf.woff') format('woff'), 
url('../fonts/OTF/SourceSansPro-ExtraLight.otf') format('opentype'), 
url('../fonts/TTF/SourceSansPro-ExtraLight.ttf') format('truetype');
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 300;
+    font-stretch: normal;
+
+    src: local('SourceSansPro-Light'), local('Source Sans Pro'), url('../fonts/EOT/SourceSansPro-Light.eot') 
format('embedded-opentype'), url('../fonts/WOFF/OTF/SourceSansPro-Light.otf.woff') format('woff'), 
url('../fonts/OTF/SourceSansPro-Light.otf') format('opentype'), url('../fonts/TTF/SourceSansPro-Light.ttf') 
format('truetype');
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: normal;
+
+    src: local('SourceSansPro-Regular'), local('Source Sans Pro'), 
url('../fonts/EOT/SourceSansPro-Regular.eot') format('embedded-opentype'), 
url('../fonts/WOFF/OTF/SourceSansPro-Regular.otf.woff') format('woff'), 
url('../fonts/OTF/SourceSansPro-Regular.otf') format('opentype'), 
url('../fonts/TTF/SourceSansPro-Regular.ttf') format('truetype');
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 600;
+    font-stretch: normal;
+
+    src: local('SourceSansPro-Semibold'), local('Source Sans Pro Semibold'), 
url('../fonts/EOT/SourceSansPro-Semibold.eot') format('embedded-opentype'), 
url('../fonts/WOFF/OTF/SourceSansPro-Semibold.otf.woff') format('woff'), 
url('../fonts/OTF/SourceSansPro-Semibold.otf') format('opentype'), 
url('../fonts/TTF/SourceSansPro-Semibold.ttf') format('truetype');
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 700;
+    font-stretch: normal;
+
+    src: local('SourceSansPro-Bold'), local('Source Sans Pro Bold'), 
url('../fonts/EOT/SourceSansPro-Bold.eot') format('embedded-opentype'), 
url('../fonts/WOFF/OTF/SourceSansPro-Bold.otf.woff') format('woff'), 
url('../fonts/OTF/SourceSansPro-Bold.otf') format('opentype'), url('../fonts/TTF/SourceSansPro-Bold.ttf') 
format('truetype');
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 900;
+    font-stretch: normal;
+
+    src: local('SourceSansPro-Black'), local('Source Sans Pro Black'), 
url('../fonts/EOT/SourceSansPro-Black.eot') format('embedded-opentype'), 
url('../fonts/WOFF/OTF/SourceSansPro-Black.otf.woff') format('woff'), 
url('../fonts/OTF/SourceSansPro-Black.otf') format('opentype'), url('../fonts/TTF/SourceSansPro-Black.ttf') 
format('truetype');
+}
+/* Source Sans Pro (Italic package) @font-face kit */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: italic;
+    font-weight: 200;
+    font-stretch: normal;
+
+    src: local('SourceSansPro-ExtraLightIt'), local('Source Sans Pro'), 
url('../fonts/EOT/SourceSansPro-ExtraLightIt.eot') format('embedded-opentype'), 
url('../fonts/WOFF/OTF/SourceSansPro-ExtraLightIt.otf.woff') format('woff'), 
url('../fonts/OTF/SourceSansPro-ExtraLightIt.otf') format('opentype'), 
url('../fonts/TTF/SourceSansPro-ExtraLightIt.ttf') format('truetype');
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: italic;
+    font-weight: 300;
+    font-stretch: normal;
+
+    src: local('SourceSansPro-LightIt'), local('Source Sans Pro'), 
url('../fonts/EOT/SourceSansPro-LightIt.eot') format('embedded-opentype'), 
url('../fonts/WOFF/OTF/SourceSansPro-LightIt.otf.woff') format('woff'), 
url('../fonts/OTF/SourceSansPro-LightIt.otf') format('opentype'), 
url('../fonts/TTF/SourceSansPro-LightIt.ttf') format('truetype');
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: italic;
+    font-weight: 400;
+    font-stretch: normal;
+
+    src: local('SourceSansPro-It'), local('Source Sans Pro'), url('../fonts/EOT/SourceSansPro-It.eot') 
format('embedded-opentype'), url('../fonts/WOFF/OTF/SourceSansPro-It.otf.woff') format('woff'), 
url('../fonts/OTF/SourceSansPro-It.otf') format('opentype'), url('../fonts/TTF/SourceSansPro-It.ttf') 
format('truetype');
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: italic;
+    font-weight: 600;
+    font-stretch: normal;
+
+    src: local('SourceSansPro-SemiboldIt'), local('Source Sans Pro'), 
url('../fonts/EOT/SourceSansPro-SemiboldIt.eot') format('embedded-opentype'), 
url('../fonts/WOFF/OTF/SourceSansPro-SemiboldIt.otf.woff') format('woff'), 
url('../fonts/OTF/SourceSansPro-SemiboldIt.otf') format('opentype'), 
url('../fonts/TTF/SourceSansPro-SemiboldIt.ttf') format('truetype');
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: italic;
+    font-weight: 700;
+    font-stretch: normal;
+
+    src: local('SourceSansPro-BoldIt'), local('Source Sans Pro'), 
url('../fonts/EOT/SourceSansPro-BoldIt.eot') format('embedded-opentype'), 
url('../fonts/WOFF/OTF/SourceSansPro-BoldIt.otf.woff') format('woff'), 
url('../fonts/OTF/SourceSansPro-BoldIt.otf') format('opentype'), url('../fonts/TTF/SourceSansPro-BoldIt.ttf') 
format('truetype');
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: italic;
+    font-weight: 900;
+    font-stretch: normal;
+
+    src: local('SourceSansPro-BlackIt'), local('Source Sans Pro'), 
url('../fonts/EOT/SourceSansPro-BlackIt.eot') format('embedded-opentype'), 
url('../fonts/WOFF/OTF/SourceSansPro-BlackIt.otf.woff') format('woff'), 
url('../fonts/OTF/SourceSansPro-BlackIt.otf') format('opentype'), 
url('../fonts/TTF/SourceSansPro-BlackIt.ttf') format('truetype');
 }
diff --git a/gnomegr/css/home.css b/gnomegr/css/home.css
index f10498a..dc6cc9c 100644
--- a/gnomegr/css/home.css
+++ b/gnomegr/css/home.css
@@ -1,62 +1,24 @@
 /* Home Banner */
 /* ========================================================================== */
 
-
-#home_banner {
-    /* background: url(../images/home/banner-shadow.png) bottom center no-repeat; */
-    margin: 0 auto -20px;
-    padding-bottom: 20px;
-    text-align: center;
-}
-#home_banner h2 {
-    color: #000;
-    margin-bottom: 0;
-}
-#home_banner p.main_feature {
-    margin: 0;
-}
-#home_banner p {
-    margin: 0.4em 0;
-    font-size: 16px;
-}
-#home_banner a {
-    display: block;
-    width: 940px;
-    margin: 0 auto;
+.home_banner {
 }
-#home_banner img {
-    width: 940px;
-    height: 280px;
-    display: block;
-    margin: 0 auto;
-    /* -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    -moz-box-shadow: inset 0 -1px rgba(100%, 100%, 100%, 0.6);
-    -webkit-box-shadow: inset 0 -1px rgba(100%, 100%, 100%, 0.6);
-    box-shadow: inset 0 -1px rgba(100%, 100%, 100%, 0.6); */
-}
-
 
-/* About GNOME Box */
+.home .social_network_icons {
+    font-size: 1.2em;
+}
+/* Responsive Media Queries for Homepage */
 /* ========================================================================== */
 
-.about_box {
-    padding: 20px;
-    margin-bottom: 20px;
-    background: #eeeeec;
-    border: 1px solid #babdb6;
-    -moz-border-radius: 8px;
-    -webkit-border-radius: 8px;
-    border-radius: 8px;
-    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+ 
+@media (min-width:767px) and  (max-width: 979px){
+    #home-crafted-content {
+        text-align: center;
+    }
 }
-.about_box h4 {
-    margin-top: 0;
-    color: #2E3436;
-}
-.about_box p:last-child {
-    margin-bottom: 0;
+
+@media(max-width: 767px){
+    #home-crafted-content {
+        text-align: center;
+    }
 }
diff --git a/gnomegr/css/news.css b/gnomegr/css/news.css
index 26f3e55..3359e7c 100644
--- a/gnomegr/css/news.css
+++ b/gnomegr/css/news.css
@@ -1,61 +1,121 @@
+/* News Title */
+/* ========================================================================== */
+
+.news_title h1 {
+    margin-top: 0;
+    color: #333;
+    font-weight: normal;
+    font-size: 32px;
+    line-height: 100%;
+    letter-spacing: -0.04em;
+}
+.news_title .date {
+    margin: 0;
+    color: #3465a4;
+}
+
 /* News List */
 /* ========================================================================== */
 
 .news_list {
     list-style: none;
+    padding-left: 0px;
 }
 .news_list li {
     margin: 10px 0;
 }
 .news_list li .date {
-    font-family: 'Droid Serif', 'DejaVu Serif', Cambria, Georgia, serif;
     color: #888a85;
     margin-top: 0.1em;
     display: block;
 }
 .news_list li a {
     font-weight: bold;
-    font-size: 18px;
-    line-height: normal;
+    font-size: 1.2em;
+}
+.span4.news:first-child {
+    margin-left: 0;
 }
 
-/* Press Release */
-/* ========================================================================== */
+.news_list .news strong {
+    display: block;
+    min-height: 50px;
+}
 
-.press_list {
-    display: table;
+.news_list .news {
+    margin-bottom: 20px;
 }
-.press_list li {
-    display: table-row;
+.news_list .news .date {
+    color: #888a85;
 }
-.press_list li.year {
-    font-weight: bold;
-    font-size: 16px;
+.news_list .news a {
+    color: #555753;
+    display: block;
+    text-decoration: none;
 }
-.press_list li.year:not(:first-child) span {
-    display: table-cell;
-    padding-top: 20px;
+.news_list .news a strong {
+    font-size: 18px;
+    color: #000;
+    line-height: 1.5;
 }
-.press_list li .date {
-    font-family: 'Droid Serif', 'DejaVu Serif', Cambria, Georgia, serif;
-    color: #888a85;
-    padding-top: 10px;
-    padding-right: 20px;
-    display: table-cell;
-    vertical-align: top;
-    line-height: 20px;
-    white-space: nowrap;
+.news_list .news a:hover strong {
+    text-decoration: underline;
 }
-.press_list li a {
-    font-weight: bold;
-    font-size: 16px;
-    line-height: normal;
+
+.news_list .action_button {
+    float: right;
+    margin-bottom: 0.8em;
+}
+
+
+
+/* Social Network List */
+/* ========================================================================== */
+
+.social_network_icons {
+    overflow: hidden;
+}
+.social_network_icons ul {
+    list-style: none;
+    margin: 0 0 1px;
+    padding: 0;
+    overflow: hidden;
+    display: table;
+    width: 100%;
+}
+.social_network_icons ul li {
+    margin: 0;
+    padding: 0;
     display: table-cell;
-    padding: 8px 0 4px;
     vertical-align: top;
-    line-height: 20px;
+    width: 25%;
+}
+.social_network_icons ul li a {
+    display: block;
+    text-align: center;
     text-decoration: none;
+    color: inherit;
+    padding: 10px 0 6px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    outline: none;
+    font-size: 11px;
 }
-.press_list li a:hover {
-    text-decoration: underline;
+.social_network_icons ul li a img {
+    display: block;
+    margin: 0 auto;
+    width: 32px;
+    height: 32px;
+}
+.social_network_icons ul li a:hover, .social_network_icons ul li a:focus {
+    background: #ececec;
+}
+.social_network_icons ul li a:active {
+    background: #ececec;
+    position: relative;
+    top: 1px;
+    -moz-box-shadow: inset 0 1px 3px #ccc;
+    -webkit-box-shadow: inset 0 1px 3px #ccc;
+    box-shadow: inset 0 1px 3px #ccc;
 }
diff --git a/gnomegr/css/text.css b/gnomegr/css/text.css
index a5e6657..9f90b7b 100644
--- a/gnomegr/css/text.css
+++ b/gnomegr/css/text.css
@@ -1,128 +1,83 @@
-@import url("fonts.css");
-
-/* Main Elements */
-/* ========================================================================== */
-
-
-body {
-    font-family: 'Cantarell', 'Droid Sans', 'DejaVu Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 
sans-serif;
-    font-size: 14px;
-    line-height: 1.7em;
-    color: #2e3436;
-}
-
-body.win {
-    font-family: Verdana, Arial, sans-serif;
-    font-size: 14px;
-    line-height: 1.6;
-    color: #2e3436;
-}
-
-body.win h1, body.win h2, body.win h3, body.win h4, body.win h5, body.win h6 {
-    font-family: "Trebuchet MS";
-}
-
-h1, h2, h3, h4, h5, h6, dt {
-    font-family: 'Cantarell', 'Droid Serif', 'DejaVu Serif', Cambria, Georgia, serif;
-    color: #3465a4;
-    font-weight: 500;
-    line-height: normal;
-    color: #0489B7;
-}
-h1 {
-    font-size: 42px;
-}
-h2 {
-    font-size: 25px;
-}
-h3, dt {
-    font-size: 21px;
-    margin: 0.4em 0 0.5em;
-}
-dt {
-    color: #E36615;
-}
-dt a:hover {
-    color: #fa7721;    
-}
-h4 {
-    font-size: 19px;
-}
-h5 {
-    font-size: 17px;
-}
-h6 {
-    font-size: 15px;
-}
-ol {
-    list-style:decimal;
-}
-ul {
-    list-style:square;
-}
-li {
-    margin-left:30px;
-}
-dl,dt,h1,h2,h3,h4,h5,h6,pre,table,address,fieldset {
-    margin: 0.8em 0 0.4em;
-}
-p, dd, .action_box, ul, ol {
-    margin: 0.4em 0 0.5em;
-}
-blockquote {
-       margin:22px 40px; 
-       padding:3px; 
-       color:#585858; 
-       padding: 0 50px; 
-       background: transparent; 
-       border-left: 3px solid #ccc;
-}
-
-/* Text classes */
-/* ========================================================================== */
-
-.highlight {
-    background: yellow;
-}
-
-.main_feature {
-    font-size: 18pt;
-    font-family: 'Cantarell', 'Droid Serif', 'DejaVu Serif', Cambria, Georgia, serif;
-    line-height: 130%;  
-}
-
-.main_header {
-    font-size: 14pt;
-    font-family: 'Cantarell', 'Droid Serif', 'DejaVu Serif', Cambria, Georgia, serif;
-    line-height: 130%;  
-}
-
-.main_event {
-    font-size: 10pt;
-    font-family: 'Cantarell', 'Droid Serif', 'DejaVu Serif', Cambria, Georgia, serif;
-    line-height: 130%;  
-}
-
-.footnotes {
-    font-size: 11px;
-    color: #888a85;
-}
-.footnotes a {
-    color: #888a85;
-}
-
-.more {
-    background: url(../images/more-arrow.png) right 6px no-repeat;
-    cursor: pointer;
-    white-space: nowrap;
-    padding-right: 10px;
-    text-decoration: none;
-}
-.more {
-    text-decoration: underline;
-}
-
-#footer {
-    font-size: 11px;
-    line-height: 1.5em;
-}
+@import url("fonts.css");
+
+/* Main Elements */
+/* ========================================================================== */
+
+body.win {
+    font-family: Verdana, Arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.6;
+    color: #2e3436;
+}
+body.win {
+    font-size: 16px;
+
+}
+
+body.win h1, body.win h2, body.win h3, body.win h4, body.win h5, body.win h6 {
+    font-family: "Trebuchet MS";
+}
+
+dt {
+    color: #2E3436;
+}
+dt a:hover {
+    color: #fa7721;    
+}
+ol {
+    list-style:decimal;
+}
+ul {
+    list-style:square;
+}
+h1,h2,h3,h4,h5,h6,pre,table,address,fieldset {
+    margin: 0.8em 0 0.4em;
+}
+p, dd, .action_box, ul, ol {
+    margin: 0.4em 0 1em;
+}
+code {
+    background: #ececec;
+    background: rgba(0,0,0,0.1);
+    padding: 1px;
+}
+
+
+/* Text classes */
+/* ========================================================================== */
+
+.highlight {
+    background: yellow;
+}
+
+.main_feature {
+    font-size: 16pt;
+    line-height: 130%;
+    margin-top: 20px;
+}
+
+.main_heading {
+    font-size: 24pt;
+    line-height: 130%;
+    margin: 0.4em 0;
+}
+
+.footnotes {
+    font-size: 11px;
+    color: #888a85;
+}
+.footnotes a {
+    color: #888a85;
+}
+
+.more {
+    background: url(../images/more-arrow.png) right 6px no-repeat;
+    cursor: pointer;
+    white-space: nowrap;
+    padding-right: 10px;
+    text-decoration: none;
+}
+.more {
+    text-decoration: underline;
+}
+
diff --git a/gnomegr/footer.php b/gnomegr/footer.php
index 5fdf9c9..d063986 100644
--- a/gnomegr/footer.php
+++ b/gnomegr/footer.php
@@ -1,33 +1,37 @@
-    <!-- footer grass -->
-    <div id="footer_grass">
-       &nbsp;
-    </div>
-
-
-    <!-- footer -->
-    <div id="footer">
-        <div class="container_12">
-            <div class="links grid_9" >
-                <?php
-                wp_nav_menu('menu=footer');
-                ?>
-            </div>
-
-                                               <!-- footnotes -->
-                                               <div id="footnotes" class="grid_9">
-                <?php _e( 'Πνευματικά δικαιώματα', 'grass' ); ?> © 2007‒<?php echo date('Y');?> <strong 
class="gnome_logo"><?php _e( 'Ελληνική κοινότητα του GNOME', 'grass' ); ?></strong><br />
-                                                               <small>
-                                                                       <?php _e( 'Άδεια περιεχομένου', 
'grass' ); ?>: <a href="http://creativecommons.org/licenses/by-sa/3.0/gr/"; target="_blank">Creative Commons: 
BY-SA</a>.
-                                                                       <?php _e( 'Βασισμένο στο', 'grass' ); 
?> <a href="http://www.wordpress.org"; target="_blank">WordPress</a>,
-                                                                       <?php _e( 'τροποποιμένο θέμα του', 
'grass' ); ?> <a href="http://gnome.org/"; target="_blank">GNOME</a>.
-                                                               </small>
-                                               </div>
-
-            <div class="clear"></div>
-        </div>
-               </div>
-
-    <?php
-    wp_footer();
-    ?>
-
+    </div> <!-- END gnome-content -->
+
+<!-- footer -->
+    <div id="footer">
+        <div class="container">
+            <div class="row">
+                    <div class="col-xs-12">
+            <div class="links col-xs-12 col-sm-9">
+                <?php
+                wp_nav_menu('menu=footer');
+                ?>
+            </div>
+            <div class="icons col-xs-12 col-sm-3">
+                <?php require_once("social_icons.php"); ?>
+            </div>
+        </div>
+    </div>
+    </div>
+    <div class="container">
+        <!-- footnotes -->
+        <div class="row">
+            <div class="col-sm-12">
+                <div id="footnotes" class="col-sm-9">
+                    <strong class="gnome_logo">&copy; <?php echo date("Y"); ?> <?php esc_html_e( 'GNOME', 
'grass' ); ?></strong><br />
+                    <small>
+                        <?php esc_html_e( 'Licence', 'grass' ); ?> <a 
href="http://creativecommons.org/licenses/by-sa/3.0/gr/";>Creative Commons CC-BY</a>.
+                        <?php esc_html_e( 'Hosted by', 'grass' ); ?> <a href="http://www.redhat.com/";>Red 
Hat</a>.
+                        <?php esc_html_e( 'Based on', 'grass' ); ?> <a 
href="http://www.wordpress.org";>WordPress</a>.
+                    </small>
+                </div>
+            </div>
+        </div>
+        </div>
+    </div>
+    <?php wp_footer(); ?>
+    </body>
+</html>
diff --git a/gnomegr/functions.php b/gnomegr/functions.php
index 8ac1beb..e0a2c07 100644
--- a/gnomegr/functions.php
+++ b/gnomegr/functions.php
@@ -1,394 +1,548 @@
-<?php
-/**
- * @package WordPress
- * @subpackage Default_Theme
- */
-
-add_editor_style("editor_style.css");
-
-add_theme_support('menus');
-add_theme_support( 'post-thumbnails');
-
-/*
- * Set default banner size
- */
-set_post_thumbnail_size(940, 280);
-
-/*
- * Media sizes for applications icons
- */
-
-add_image_size( 'icon-big', 256, 256, true);
-add_image_size( 'icon-medium', 186, 186, true);
-add_image_size( 'icon-small', 64, 64, true);
-
-add_image_size( 'image-crafted-content', 420, 263, true);
-add_image_size( 'thumbnail-big', 210, 210, false);
-add_image_size( 'thumbnail-small', 120, 80, false);
-
-
-// Custom Posts
-
-add_action( 'init', 'create_post_type' );
-function create_post_type() {
-/*
-*  register_post_type( 'banner',
-*    array(
-*      'labels' => array(
-*        'name' => __( 'Banners' ),
-*        'singular_name' => __( 'Banner' ),
-*        'add_new' => __( 'Add New' ),
-*        'add_new_item' => __( 'Add New Banner' ),
-*        'edit' => __( 'Edit' ),
-*        'edit_item' => __( 'Edit' ),
-*        'new_item' => __( 'New Banner' ),
-*        'view' => __( 'View' ),
-*        'view_item' => __( 'View Banner' ),
-*        'search_items' => __( 'Search Banners' ),
-*        'not_found' => __( 'No banners found' ),
-*        'not_found_in_trash' => __( 'No banners found in Trash' ),
-*        'parent' => __( 'Parent Banner' ),
-*      ),
-*      'public' => true,
-*      'exclude_from_search' => true,
-*      'supports' => array(
-*        'title', 'thumbnail', 'excerpt', 'revisions', 'author'
-*      )
-*    )
-* );
-*/
-  
-  register_taxonomy(  
-        'project_category',
-        'projects',  
-        array(  
-            'hierarchical' => true,  
-            'label' => 'Κατηγορίες',
-            'query_var' => true,  
-            'rewrite' => array(
-                'slug' => 'projects/category'
-            )
-        )
-    );
-
-
-  register_post_type( 'projects',
-    array(
-      'labels' => array(
-        'name' => __( 'Συνέδρια' ),
-        'singular_name' => __( 'Συνέδρια' ),
-        'add_new' => __( 'Νέο συνέδριο' ),
-        'add_new_item' => __( 'Νέο συνέδριο' ),
-        'edit' => __( 'Επεξεργασία' ),
-        'edit_item' => __( 'Επεξεργασία' ),
-        'new_item' => __( 'Νέο συνέδριο' ),
-        'view' => __( 'Προβολή' ),
-        'view_item' => __( 'Προβολή συνεδρίου' ),
-        'search_items' => __( 'Αναζήτηση συνεδρίων' ),
-        'not_found' => __( 'Δεν βρέθηκαν συνέδρια' ),
-        'not_found_in_trash' => __( 'Δεν βρέθηκαν συνέδρια στον Κάδο' ),
-        'parent' => __( 'Parent Project' ),
-      ),
-      'public' => true,
-      'exclude_from_search' => false,
-      'supports' => array(
-        'title', 'editor', 'thumbnail', 'excerpt', 'revisions', 'author', 'custom-fields'
-      )
-    )
-  );
-}
-
-/* 
- * Applications Quick Links
- */
-
-$applications_quick_links = array(
-    'website'       => __('Ιστότοπος διοργανωτή'),
-    'faq'           => __('Πληροφορίες εκδήλωσης'),
-    'contribute'    => __('Ανακοίνωση εκδήλωσης'),
-    'documentation' => __('Αρχείο παρουσίασης'),
-    'video'         => __('Βίντεο παρουσίασης'),
-    'images'       => __('Φωτογραφίες (προς Flickr,Picasa κλπ)'),
-);
-
-/* 
- * Applications Quick Text
- */
-
-$applications_quick_text = array(
-    'representative'  => __('Εκπρόσωποι'),
-    'speaker'         => __('Ομιλητής'),
-    'topic'           => __('Όνομα παρουσίασης'),
-    'time'            => __('Ώρα εκδήλωσης'),
-    'date'            => __('Ημερομηνία εκδήλωσης'),
-    'place'           => __('Τοποθεσία εκδήλωσης'),
-    'booth'           => __('Παρουσία Booth'),
-    'booth_guy'       => __('Υπεύθυνος του Booth'),
-);
-
-
-/*
- * Custom edit area in Applications
- */
-add_action( 'add_meta_boxes', 'fnc8'); function fnc8() {
-    
-    add_meta_box('quick-text', 'Πληροφορίες', 'fnc9', 'projects'); function fnc9() {
-        
-        global $applications_quick_text, $post;
-        
-        echo '<style type="text/css">
-            .quicklinks {
-                margin: -6px;
-                padding: 6px 0 0;
-            }
-            .quicklinks .item {
-                padding: 3px 10px;
-                border-bottom: 1px solid #ececec;
-            }
-            .quicklinks .item:last-child {
-                border-bottom: 0;
-            }
-            .quicklinks label {
-                display: inline-block;
-                width: 25%;
-            }
-            .quicklinks input[type="text"] {
-                width: 73%;
-            }
-        </style>';
-        echo '<div class="quicklinks">';
-        foreach ($applications_quick_text as $key => $title) {
-            
-            $current_value = get_post_meta($post->ID, 'quick_'.$key, true);
-
-            if (empty($current_value)) {
-                $current_value = '';
-            }
-            echo '<div class="item">';
-            echo '<label for="quick['.$key.']">'.$title.'</label> ';
-            echo '<input type="text" id="quick['.$key.']" name="quick['.$key.']" value="'.$current_value.'" 
/><br>';
-            echo '</div>';
-        }
-        echo '</div>';
-        
-    }}
-
-
-add_action( 'add_meta_boxes', 'fnc1'); function fnc1() {
-    
-    add_meta_box('quick-links', 'Σχετικοί σύνδεσμοι', 'fnc2', 'projects'); function fnc2() {
-        
-        global $applications_quick_links, $post;
-        
-        echo '<style type="text/css">
-            .quicklinks {
-                margin: -6px;
-                padding: 6px 0 0;
-            }
-            .quicklinks .item {
-                padding: 3px 10px;
-                border-bottom: 1px solid #ececec;
-            }
-            .quicklinks .item:last-child {
-                border-bottom: 0;
-            }
-            .quicklinks label {
-                display: inline-block;
-                width: 25%;
-            }
-            .quicklinks input[type="text"] {
-                width: 73%;
-            }
-        </style>';
-        echo '<div class="quicklinks">';
-        foreach ($applications_quick_links as $key => $title) {
-            
-            $current_value = get_post_meta($post->ID, 'quicklinks_'.$key, true);
-
-            if (empty($current_value)) {
-                $current_value = '';
-            }
-            echo '<div class="item">';
-            echo '<label for="quicklinks['.$key.']">'.$title.'</label> ';
-            echo '<input type="text" id="quicklinks['.$key.']" name="quicklinks['.$key.']" 
value="'.$current_value.'" /><br>';
-            echo '</div>';
-        }
-        echo '</div>';
-        
-    }
-    
-    
-    add_meta_box('featured', 'Featured Project', 'fnc3', 'projects', 'side'); function fnc3() {
-        
-        global $applications_quick_links, $post;
-        
-        if (get_post_meta($post->ID, 'is_featured', true) == 'yes') {
-            $checked = 'checked';
-        } else {
-            $checked = '';
-        }
-        echo '<label style="display: block;"><input type="checkbox" '.$checked.' name="is_featured" 
style="margin-right: 3px;" />This is a featured project</label>';
-        
-    }
-    
-}
-
-
-function save_project_post($post_id) {
-    
-    global $post, $applications_quick_links,$applications_quick_text;
-    
-    if ($_REQUEST['post_type'] == 'projects') {
-        
-        if (!current_user_can( 'edit_page', $post_id)) {
-            return $post_id;
-        }
-        
-    } else {
-        
-        if (!current_user_can( 'edit_post', $post_id )) {
-            return $post_id;
-        }
-        
-    }
-    
-    if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
-        return $post_id;
-    }
-    
-    
-    /*
-     * Save Quicklinks 
-     */
-    
-    if (isset($_POST['quicklinks'])) {
-        $quicklinks_values = $_POST['quicklinks'];
-        
-        foreach($applications_quick_links as $key => $title) {
-            
-            $meta_name = 'quicklinks_'.$key;
-            
-            if (array_key_exists($key, $quicklinks_values)) {
-                $meta_value = $quicklinks_values[$key];
-            } else {
-                $meta_value = '';
-            }
-        
-            if (get_post_meta($post_id, $meta_name) == "") {
-                
-                add_post_meta($post_id, $meta_name, $meta_value, true);
-                
-            } elseif ($meta_value != get_post_meta($post_id, $meta_name, true)) {
-                
-                update_post_meta($post_id, $meta_name, $meta_value);
-                
-            } elseif($meta_value == '') {
-                
-                delete_post_meta($post_id, $meta_name, get_post_meta($post_id, $meta_name, true));
-                
-            }
-            
-        }
-    }
-
-     /*
-     * Save Quicktext
-     */
-
- if (isset($_POST['quick'])) {
-        $quicklinks_values = $_POST['quick'];
-        
-        foreach($applications_quick_text as $key => $title) {
-            
-            $meta_name = 'quick_'.$key;
-            
-            if (array_key_exists($key, $quicklinks_values)) {
-                $meta_value = $quicklinks_values[$key];
-            } else {
-                $meta_value = '';
-            }
-        
-            if (get_post_meta($post_id, $meta_name) == "") {
-                
-                add_post_meta($post_id, $meta_name, $meta_value, true);
-                
-            } elseif ($meta_value != get_post_meta($post_id, $meta_name, true)) {
-                
-                update_post_meta($post_id, $meta_name, $meta_value);
-                
-            } elseif($meta_value == '') {
-                
-                delete_post_meta($post_id, $meta_name, get_post_meta($post_id, $meta_name, true));
-                
-            }
-            
-        }
-    }
-    
-    /*
-     * Save Featured information
-     */
-    
-    
-    if (isset($_POST['is_featured'])) {
-        
-        if (get_post_meta($post_id, 'is_featured') == "") {
-            
-            add_post_meta($post_id, 'is_featured', 'yes', true);
-            
-        } else {
-            
-            update_post_meta($post_id, 'is_featured', 'yes');
-            
-        }
-        
-    } else {
-        
-        if (get_post_meta($post_id, 'is_featured', true) == 'yes') {
-            
-            delete_post_meta($post_id, 'is_featured', get_post_meta($post_id, 'is_featured', true));
-            
-        }
-        
-    }
-    
-}
-add_action('save_post', 'save_project_post');
-
-
-/*
- * Add breadcrumb support for hierarchical pages
- */
-
-function the_breadcrumb() {
-    
-    global $post;
-    $delimiter = '&raquo;';
-
-    if ( is_page() && $post->post_parent ) {
-        $parent_id  = $post->post_parent;
-        $breadcrumbs = array();
-        while ($parent_id) {
-            $page = get_page($parent_id);
-            $breadcrumbs[] = '<a href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . 
'</a>';
-            $parent_id  = $page->post_parent;
-        }
-        $breadcrumbs = array_reverse($breadcrumbs);
-        foreach ($breadcrumbs as $crumb) {
-            echo $crumb . ' ' . $delimiter . ' ';
-        }
-
-    }
-    
-}
-
-// Beautify [galery] shortcode
-
-add_filter('gallery_style', create_function('$a', 'return preg_replace("%
-<style type=\'text/css\'>(.*?)</style>
-
-%s", "", $a);'));
-
-
-
-?>
+<?php
+/**
+ * @package WordPress
+ * @subpackage Default_Theme
+ */
+ 
+if ( ! function_exists( 'grass_setup' ) ) : 
+/**
+ * Sets up theme defaults and registers support for various WordPress features.
+ *
+ * Note that this function is hooked into the after_setup_theme hook, which
+ * runs before the init hook. The init hook is too late for some features, such
+ * as indicating support for post thumbnails. 
+ */
+function grass_setup() {
+
+    /*
+     * Add support for theme translations.
+     * Translations should be under /languages/ directory.
+     */
+
+    load_theme_textdomain( 'grass', get_template_directory().'/languages' );
+
+    // Add default posts and comments RSS feed links to head.
+    add_theme_support('automatic-feed-links');
+
+    /*
+     * Let WordPress manage the document title.
+     *
+     * @link https://developer.wordpress.org/reference/functions/add_theme_support/#title-tag
+     */
+
+    add_theme_support( 'title-tag' );
+
+    /*
+     * Switch default core markup for search form, comment form, and comments to output valid HTML5.
+     *
+     * @link https://developer.wordpress.org/reference/functions/add_theme_support/#html5
+     */
+     
+    add_theme_support('html5', array(
+        'search-form',
+        'comment-form',
+        'comment-list',
+        'gallery',
+        'caption',
+    ));
+
+    /*
+     * Enable support for Post Thumbnails on posts and pages.
+     *
+     * @link https://developer.wordpress.org/reference/functions/add_theme_support/#post-thumbnails
+     */
+
+    add_theme_support('post-thumbnails');
+
+    // Media sizes for applications icons
+    add_image_size( 'icon-big', 256, 256, true);
+    add_image_size( 'icon-medium', 186, 186, true);
+    add_image_size( 'icon-small', 64, 64, true);
+
+    add_image_size( 'image-crafted-content', 420, 263, true);
+    add_image_size( 'thumbnail-big', 210, 210, false);
+    add_image_size( 'thumbnail-small', 120, 80, false);
+
+    // Media size for FoG Hackers and Board Directors icons
+    add_image_size( 'fog-hacker-icon', 80, 80, true );
+
+    /*
+     * Set default banner size
+     */
+
+    set_post_thumbnail_size(940, 280);
+
+    // Register a menu for the navbar
+    register_nav_menus( array(
+            'primary' => 'Navbar Menu'
+    ) );
+}
+endif;
+add_action( 'after_setup_theme', 'grass_setup' ); 
+
+
+/*
+ * Enqueue scripts and styles
+ */
+
+function gnomegrass_resources() {
+
+    // Common scripts
+    wp_enqueue_script( 'bootstrap-js', get_template_directory_uri() . '/js/gnome-bootstrap.min.js', 
array('jquery'), null, true);
+    wp_enqueue_script( 'template', get_template_directory_uri() . '/js/template.js', array('jquery'), null, 
true);
+
+    // Common stylesheets
+    wp_enqueue_style('bootstrap', get_template_directory_uri() . '/css/gnome-bootstrap.min.css');
+    wp_enqueue_style('style', get_stylesheet_uri());
+    wp_enqueue_style('font-awesome', get_template_directory_uri() . '/css/font-awesome.min.css' );
+
+    /*
+    * The genericons.css stylesheet wasn't loaded, enqueue
+    * it for share icons to show up correctly. 
+    */
+
+    wp_enqueue_style( 'genericons', '/wp-content/plugins/jetpack/_inc/genericons/genericons/genericons.css', 
array(), '3.1' );
+    
+    // Scripts and styles for page-home
+    if ( !is_home() || is_front_page() ) {
+        wp_enqueue_style('home', get_template_directory_uri() . '/css/home.css', array('bootstrap'), null, 
'all');
+        wp_enqueue_style('news', get_template_directory_uri() . '/css/news.css', array('bootstrap'), null, 
'all');
+    }
+
+    if (is_page( array('news', 'press') )) {
+        wp_enqueue_style('news', get_template_directory_uri() . '/css/news.css', array('bootstrap'), null, 
'all');
+    }
+
+    global $post_type;
+    if( 'post' == $post_type ) {
+        wp_enqueue_style('news', get_template_directory_uri() . '/css/news.css', array('bootstrap'), null, 
'all');
+    }
+}
+add_action('wp_enqueue_scripts', 'gnomegrass_resources');
+
+
+// Custom Posts
+
+add_action( 'init', 'create_post_type' );
+function create_post_type() {
+ register_taxonomy(  
+        'project_category',
+        'projects',  
+        array(  
+            'hierarchical' => true,  
+            'label' => 'Κατηγορίες',
+            'query_var' => true,  
+            'rewrite' => array(
+                'slug' => 'projects/category'
+            )
+        )
+    );
+
+
+  register_post_type( 'projects',
+    array(
+      'labels' => array(
+        'name' => __( 'Συνέδρια' ),
+        'singular_name' => __( 'Συνέδρια' ),
+        'add_new' => __( 'Νέο συνέδριο' ),
+        'add_new_item' => __( 'Νέο συνέδριο' ),
+        'edit' => __( 'Επεξεργασία' ),
+        'edit_item' => __( 'Επεξεργασία' ),
+        'new_item' => __( 'Νέο συνέδριο' ),
+        'view' => __( 'Προβολή' ),
+        'view_item' => __( 'Προβολή συνεδρίου' ),
+        'search_items' => __( 'Αναζήτηση συνεδρίων' ),
+        'not_found' => __( 'Δεν βρέθηκαν συνέδρια' ),
+        'not_found_in_trash' => __( 'Δεν βρέθηκαν συνέδρια στον Κάδο' ),
+        'parent' => __( 'Parent Project' ),
+      ),
+      'public' => true,
+      'exclude_from_search' => false,
+      'supports' => array(
+        'title', 'editor', 'thumbnail', 'excerpt', 'revisions', 'author', 'custom-fields'
+      )
+    )
+  );
+}
+
+/* 
+
+ * Applications Quick Links
+
+ */
+
+$applications_quick_links = array(
+    'website'       => __('Ιστότοπος διοργανωτή'),
+    'faq'           => __('Πληροφορίες εκδήλωσης'),
+    'contribute'    => __('Ανακοίνωση εκδήλωσης'),
+    'documentation' => __('Αρχείο παρουσίασης'),
+    'video'         => __('Βίντεο παρουσίασης'),
+    'images'       => __('Φωτογραφίες (προς Flickr,Picasa κλπ)'),
+);
+
+/* 
+
+ * Applications Quick Text
+
+ */
+
+$applications_quick_text = array(
+    'representative'  => __('Εκπρόσωποι'),
+    'speaker'         => __('Ομιλητής'),
+    'topic'           => __('Όνομα παρουσίασης'),
+    'time'            => __('Ώρα εκδήλωσης'),
+    'date'            => __('Ημερομηνία εκδήλωσης'),
+    'place'           => __('Τοποθεσία εκδήλωσης'),
+    'booth'           => __('Παρουσία Booth'),
+    'booth_guy'       => __('Υπεύθυνος του Booth'),
+);
+
+
+/*
+
+ * Custom edit area in Applications
+
+ */
+add_action( 'add_meta_boxes', 'fnc8'); function fnc8() {
+    
+    add_meta_box('quick-text', 'Πληροφορίες', 'fnc9', 'projects'); function fnc9() {
+        
+        global $applications_quick_text, $post;
+        
+        echo '<style type="text/css">
+
+            .quicklinks {
+
+                margin: -6px;
+
+                padding: 6px 0 0;
+
+            }
+
+            .quicklinks .item {
+
+                padding: 3px 10px;
+
+                border-bottom: 1px solid #ececec;
+
+            }
+
+            .quicklinks .item:last-child {
+
+                border-bottom: 0;
+
+            }
+
+            .quicklinks label {
+
+                display: inline-block;
+
+                width: 25%;
+
+            }
+
+            .quicklinks input[type="text"] {
+
+                width: 73%;
+
+            }
+
+        </style>';
+        echo '<div class="quicklinks">';
+        foreach ($applications_quick_text as $key => $title) {
+            
+            $current_value = get_post_meta($post->ID, 'quick_'.$key, true);
+
+            if (empty($current_value)) {
+                $current_value = '';
+            }
+            echo '<div class="item">';
+            echo '<label for="quick['.$key.']">'.$title.'</label> ';
+            echo '<input type="text" id="quick['.$key.']" name="quick['.$key.']" value="'.$current_value.'" 
/><br>';
+            echo '</div>';
+        }
+        echo '</div>';
+        
+    }}
+
+
+add_action( 'add_meta_boxes', 'fnc1'); function fnc1() {
+    
+    add_meta_box('quick-links', 'Σχετικοί σύνδεσμοι', 'fnc2', 'projects'); function fnc2() {
+        
+        global $applications_quick_links, $post;
+        
+        echo '<style type="text/css">
+
+            .quicklinks {
+
+                margin: -6px;
+
+                padding: 6px 0 0;
+
+            }
+
+            .quicklinks .item {
+
+                padding: 3px 10px;
+
+                border-bottom: 1px solid #ececec;
+
+            }
+
+            .quicklinks .item:last-child {
+
+                border-bottom: 0;
+
+            }
+
+            .quicklinks label {
+
+                display: inline-block;
+
+                width: 25%;
+
+            }
+
+            .quicklinks input[type="text"] {
+
+                width: 73%;
+
+            }
+
+        </style>';
+        echo '<div class="quicklinks">';
+        foreach ($applications_quick_links as $key => $title) {
+            
+            $current_value = get_post_meta($post->ID, 'quicklinks_'.$key, true);
+
+            if (empty($current_value)) {
+                $current_value = '';
+            }
+            echo '<div class="item">';
+            echo '<label for="quicklinks['.$key.']">'.$title.'</label> ';
+            echo '<input type="text" id="quicklinks['.$key.']" name="quicklinks['.$key.']" 
value="'.$current_value.'" /><br>';
+            echo '</div>';
+        }
+        echo '</div>';
+        
+    }
+    
+    
+    add_meta_box('featured', 'Featured Project', 'fnc3', 'projects', 'side'); function fnc3() {
+        
+        global $applications_quick_links, $post;
+        
+        if (get_post_meta($post->ID, 'is_featured', true) == 'yes') {
+            $checked = 'checked';
+        } else {
+            $checked = '';
+        }
+        echo '<label style="display: block;"><input type="checkbox" '.$checked.' name="is_featured" 
style="margin-right: 3px;" />This is a featured project</label>';
+        
+    }
+    
+}
+
+
+function save_project_post($post_id) {
+    
+    global $post, $applications_quick_links,$applications_quick_text;
+    
+    if ($_REQUEST['post_type'] == 'projects') {
+        
+        if (!current_user_can( 'edit_page', $post_id)) {
+            return $post_id;
+        }
+        
+    } else {
+        
+        if (!current_user_can( 'edit_post', $post_id )) {
+            return $post_id;
+        }
+        
+    }
+    
+    if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
+        return $post_id;
+    }
+    
+    
+    /*
+
+     * Save Quicklinks 
+
+     */
+    
+    if (isset($_POST['quicklinks'])) {
+        $quicklinks_values = $_POST['quicklinks'];
+        
+        foreach($applications_quick_links as $key => $title) {
+            
+            $meta_name = 'quicklinks_'.$key;
+            
+            if (array_key_exists($key, $quicklinks_values)) {
+                $meta_value = $quicklinks_values[$key];
+            } else {
+                $meta_value = '';
+            }
+        
+            if (get_post_meta($post_id, $meta_name) == "") {
+                
+                add_post_meta($post_id, $meta_name, $meta_value, true);
+                
+            } elseif ($meta_value != get_post_meta($post_id, $meta_name, true)) {
+                
+                update_post_meta($post_id, $meta_name, $meta_value);
+                
+            } elseif($meta_value == '') {
+                
+                delete_post_meta($post_id, $meta_name, get_post_meta($post_id, $meta_name, true));
+                
+            }
+            
+        }
+    }
+
+     /*
+
+     * Save Quicktext
+
+     */
+
+ if (isset($_POST['quick'])) {
+        $quicklinks_values = $_POST['quick'];
+        
+        foreach($applications_quick_text as $key => $title) {
+            
+            $meta_name = 'quick_'.$key;
+            
+            if (array_key_exists($key, $quicklinks_values)) {
+                $meta_value = $quicklinks_values[$key];
+            } else {
+                $meta_value = '';
+            }
+        
+            if (get_post_meta($post_id, $meta_name) == "") {
+                
+                add_post_meta($post_id, $meta_name, $meta_value, true);
+                
+            } elseif ($meta_value != get_post_meta($post_id, $meta_name, true)) {
+                
+                update_post_meta($post_id, $meta_name, $meta_value);
+                
+            } elseif($meta_value == '') {
+                
+                delete_post_meta($post_id, $meta_name, get_post_meta($post_id, $meta_name, true));
+                
+            }
+            
+        }
+    }
+    
+    /*
+
+     * Save Featured information
+
+     */
+    
+    
+    if (isset($_POST['is_featured'])) {
+        
+        if (get_post_meta($post_id, 'is_featured') == "") {
+            
+            add_post_meta($post_id, 'is_featured', 'yes', true);
+            
+        } else {
+            
+            update_post_meta($post_id, 'is_featured', 'yes');
+            
+        }
+        
+    } else {
+        
+        if (get_post_meta($post_id, 'is_featured', true) == 'yes') {
+            
+            delete_post_meta($post_id, 'is_featured', get_post_meta($post_id, 'is_featured', true));
+            
+        }
+        
+    }
+    
+}
+add_action('save_post', 'save_project_post');
+
+/*
+ * Add breadcrumb support for hierarchical pages
+ */
+
+function the_breadcrumb() {
+    
+    global $post;
+    $delimiter = '&raquo;';
+
+    if ( is_page() && $post->post_parent ) {
+        $parent_id  = $post->post_parent;
+        $breadcrumbs = array();
+        while ($parent_id) {
+            $page = get_page($parent_id);
+            $breadcrumbs[] = '<a href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . 
'</a>';
+            $parent_id  = $page->post_parent;
+        }
+        $breadcrumbs = array_reverse($breadcrumbs);
+        foreach ($breadcrumbs as $crumb) {
+            echo $crumb . ' ' . $delimiter . ' ';
+        }
+
+    }
+    
+}
+
+/*
+ * Identify Ajax Language Selector
+ */
+if (array_key_exists('select-language', $_GET)) {
+    if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) && $_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest') {
+        require_once('footer_language-selector.php');
+        die;
+    }
+}
+
+/*
+ * Identify action for rendering only the footer elements
+ */
+if (array_key_exists('render-footer-menu', $_GET)) {
+    wp_nav_menu('menu=footer');
+    exit;
+}
+
+/*
+ * Bootstrap Walker for the menu
+ */
+
+require_once('lib/wp-bootstrap-navwalker.php');
+
+/*
+ * Add img-responsive CSS class to all post images
+ */
+
+function bootstrap_responsive_images( $html ){
+  $classes = 'img-responsive'; // separated by spaces, e.g. 'img image-link'
+  // check if there are already classes assigned to the anchor
+  if ( preg_match('/<img.*? class="/', $html) ) {
+    $html = preg_replace('/(<img.*? class=".*?)(".*?\/>)/', '$1 ' . $classes . ' $2', $html);
+  } else {
+    $html = preg_replace('/(<img.*?)(\/>)/', '$1 class="' . $classes . '" $2', $html);
+  }
+  // remove dimensions from images, does not need it!
+  $html = preg_replace( '/(width|height)=\"\d*\"\s/', "", $html );
+  return $html;
+}
+add_filter( 'the_content','bootstrap_responsive_images',10 );
+
+/*
+ * GNOME Grass Customizer
+ */
+
+require get_template_directory() . '/inc/customizer.php';
+require get_template_directory() . '/inc/grass-sanitize.php';
diff --git a/gnomegr/header.php b/gnomegr/header.php
index c92dd74..5947dfd 100644
--- a/gnomegr/header.php
+++ b/gnomegr/header.php
@@ -1,76 +1,99 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
-
-<!-- Good morning, GNOME -->
-<head>
-<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); 
?>" />
-<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="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_directory'); 
?>/css/project.css" />
-<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.4.2.min.js"></script>
-<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/template.js"></script>
-<?php wp_head(); ?>
-</head>
-
-<!--Facebook-->
-<div id="fb-root"></div>
-<script>(function(d, s, id) {
-  var js, fjs = d.getElementsByTagName(s)[0];
-  if (d.getElementById(id)) {return;}
-  js = d.createElement(s); js.id = id;
-  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
-  fjs.parentNode.insertBefore(js, fjs);
-}(document, 'script', 'facebook-jssdk'));</script>
-<!--Facebook-->
-
-<body>
-
-    <!-- accessibility access -->
-    <div id="accessibility_access">
-        <ul>
-            <li><a href="#container"><?php _e( 'Go to page content', 'grass' ); ?></a></li>
-            <li><a href="#top_bar"><?php _e( 'Go to main menu', 'grass' ); ?></a></li>
-            <li><a href="#s" onclick="$('#s').focus(); return false;"><?php _e( 'Go to the search field', 
'grass' ); ?></a></li>
-        </ul>
-    </div>
-    
-               <!-- global gnome.org domain bar -->
-               <div id="global_domain_bar" class="maxwidth">
-                       <div>
-                         <a href="http://www.gnome.org/"; title="Κοινότητα GNOME.org" 
target="_blank">GNOME.org</a>
-                       </div>
-                       <div>
-                       <a  href="http://wiki.gnome.gr/"; title="Το wiki της κοινότητας" 
target="_blank">Wiki</a>
-                       </div>
-                       <div>
-                    <a href="https://mail.gnome.org/mailman/listinfo/gnome-el-list"; title="Λίστα 
αληλλογραφίας" target="_blank">Λίστα αλληλογραφίας</a>
-                                </div>
-               </div>
-
-    <!-- header -->
-    <div id="header" class="container_12">
-        <div id="logo" class="grid_3">
-            <h1><a title="<?php _e( 'Αρχική σελίδα', 'grass' ); ?>" href="<?php bloginfo('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 id="top_bar" class="grid_9">
-            <div class="left">
-                                                                       <div class="menu-globalnav-container">
-                                                                                               <?php 
wp_nav_menu('menu=globalnav'); ?>
-                                                                               </div>
-                                                       </div>
-
-            <div class="right">
-                                                       <div>
-                                                               <form method="get" id="searchform" 
action="<?php bloginfo('url'); ?>/" >
-                                                                               <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( 
'Αναζήτηση', 'grass' ); ?>" />
-                                                               </form>
-                                                       </div>
-            </div>
-                               </div>
-    </div>
-
-    <div class="clearfix"></div>
+<?php
+
+
+if (function_exists('wppo_get_lang')) {
+    $current_lang = str_replace('_', '-', strtolower(wppo_get_lang()));
+    if (strpos($current_lang, '-') !== false) {
+     $current_lang = explode('-', $current_lang);
+     $current_lang[1] = strtoupper($current_lang[1]);
+     $current_lang = implode('-', $current_lang);
+ }
+} else {
+    $current_lang = 'en';
+}
+
+?><!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="<?php echo $current_lang;?>" lang="<?php echo 
$current_lang;?>">
+
+<!-- Good morning, GNOME -->
+<head>
+    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php 
bloginfo('charset'); ?>" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="#4a86cf">
+    <meta name="application-name" content="GNOME.org Website">
+    <link rel="icon" type="image/svg+xml" href="<?php bloginfo('stylesheet_directory'); 
?>/images/gnome-icon.svg" sizes="any">
+    <link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory'); ?>/images/favicon.ico" />
+    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
+
+    <?php wp_head(); ?>
+    <?php
+    if (is_single() || is_page()) {
+        $custom_css = get_post_meta($post->ID, 'custom_css', true);
+        if (!empty($custom_css)) {
+            echo '<style type="text/css">'."\n";
+            echo $custom_css."\n";
+            echo '</style>'."\n";
+        }
+    }
+    ?>
+</head>
+
+<body <?php body_class('gnome-body'); ?>>
+    <!-- accessibility access -->
+    <div id="accessibility_access">
+        <ul>
+            <li><a href="#container"><?php esc_html_e( 'Go to page content', 'grass' ); ?></a></li>
+            <li><a href="#top_bar"><?php esc_html_e( 'Go to main menu', 'grass' ); ?></a></li>
+            <li><a href="#s" onclick="$('#s').focus(); return false;"><?php esc_html_e( 'Go to the search 
field', 'grass' ); ?></a></li>
+        </ul>
+    </div>
+
+    <?php /* Donation ruler for when we run campaigns */
+        if( get_theme_mod('show_donation_ruler') == true ) { /* The default value in customizer is false */
+            echo '<div class="donation-ruler-container">'."\n";
+            echo '<script type="text/javascript" 
src="https://static.gnome.org/friends/ruler/ruler-privacy.js";> </script>'."\n";
+            echo '</div>'."\n";
+        }
+    ?>
+
+    <header class="gnome-header <?php if( get_theme_mod('show_donation_ruler') == true ){ echo 
('visible-fog-ruler'); }?>">
+        <nav class="navbar navbar-fixed-top navbar-default affix-top">
+            <div class="container">
+                <div class="navbar-header">
+                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" 
data-target="#navbar-wrapper" aria-expanded="false">
+                        <span class="sr-only">Toggle navigation</span>
+                        <span class="icon-bar top-bar"></span>
+                        <span class="icon-bar middle-bar"></span>
+                        <span class="icon-bar bottom-bar"></span>
+                    </button>
+                    <a id="home-link" class="gnome-navbar-brand"  title="<?php esc_attr_e( 'Go to home 
page', 'grass' ); ?>" href="<?php echo esc_url( home_url( '/' ) ); ?>">
+                        <img src="<?php bloginfo('stylesheet_directory'); ?>/images/gnome-logo.svg" 
alt="GNOME: The Free Software Desktop Project">
+                    </a>
+                </div>
+                    <div class="navbar-collapse collapse" id="navbar-wrapper">
+                    <?php
+                        wp_nav_menu( array(
+                            'menu'              => 'primary',
+                            'theme_location'    => 'primary',
+                            'depth'             =>  2,
+                            'container'         => 'false',
+                            'container_class'   => 'collapse navbar-collapse',
+                            'container_id'      => 'bs-example-navbar-collapse-1',
+                            'menu_class'        => 'nav navbar-nav',
+                            'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
+                            'walker'            => new WP_Bootstrap_Navwalker())
+                        );
+                    ?>
+                    <form id="searchform" method="get" class="navbar-form navbar-right" action="<?php echo 
esc_url( home_url( '/' ) ); ?>" role="search">
+                        <label for="navbar-search" class="sr-only"><?php esc_html_e( 'Search:', 'grass' ); 
?></label>
+                        <div class="form-group has-feedback has-feedback-left">
+                            <span class="form-control-feedback"><i class="fa fa-search" 
aria-hidden="true"></i></span>
+                            <input type="text" class="form-control" name="s" id="navbar-search" value="<?php 
if(isset($_GET['s'])) { echo htmlspecialchars(stripslashes(strip_tags($_GET['s']))); } ?>" placeholder="<?php 
esc_attr_e( 'Search', 'grass' ); ?>"/>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </nav>
+    </header>
+
+    <div class="gnome-content">
diff --git a/gnomegr/images/favicon.ico b/gnomegr/images/favicon.ico
new file mode 100644
index 0000000..2de35a6
Binary files /dev/null and b/gnomegr/images/favicon.ico differ
diff --git a/gnomegr/images/gnome-icon.svg b/gnomegr/images/gnome-icon.svg
new file mode 100644
index 0000000..78edefe
--- /dev/null
+++ b/gnomegr/images/gnome-icon.svg
@@ -0,0 +1,198 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   version="1.0"
+   width="512"
+   height="512"
+   id="svg3642"
+   inkscape:version="0.92.0 r"
+   sodipodi:docname="gnome-logo.svg">
+  <metadata
+     id="metadata24">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1280"
+     inkscape:window-height="961"
+     id="namedview22"
+     showgrid="false"
+     inkscape:zoom="1"
+     inkscape:cx="362.47241"
+     inkscape:cy="319.8948"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g15041"
+     showborder="true"
+     borderlayer="false"
+     inkscape:showpageshadow="false" />
+  <defs
+     id="defs3644" />
+  <g
+     transform="translate(-85.1307,-91.71535)"
+     id="layer1">
+    <g
+       transform="matrix(1.293235,0,0,1.293235,-4878.321,-1224.915)"
+       id="g15041">
+      <rect
+         style="opacity:0.98000004;fill:#4a86cf;fill-opacity:1;fill-rule:evenodd"
+         id="rect21"
+         width="395.9064"
+         height="395.9064"
+         x="3838.0122"
+         y="1018.0906"
+         inkscape:export-xdpi="95.812866"
+         inkscape:export-ydpi="95.812866" />
+      <g
+         id="g15041-3"
+         transform="matrix(0.43547034,0,0,0.43547034,2269.4386,684.40379)"
+         style="fill:#ffffff;stroke-width:2.29636765"
+         inkscape:export-xdpi="95.812866"
+         inkscape:export-ydpi="95.812866">
+        <g
+           id="g15043-60"
+           transform="matrix(2.438586,0,0,2.438586,3659.952,1113.451)"
+           
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.29636765;stroke-miterlimit:4"
+           inkscape:export-filename="/home/duffy/Desktop/gnome_logo_horiz.png"
+           inkscape:export-xdpi="72.000000"
+           inkscape:export-ydpi="72.000000">
+          <g
+             style="fill:#ffffff;fill-opacity:1;stroke-width:2.29636765"
+             id="g15045-6">
+            <path
+               inkscape:connector-curvature="0"
+               style="fill:#ffffff;fill-opacity:1;stroke-width:2.29636765"
+               d="M 86.068,0 C 61.466,0 56.851,35.041 70.691,35.041 84.529,35.041 110.671,0 86.068,0 Z"
+               id="path15047-2" />
+            <path
+               inkscape:connector-curvature="0"
+               style="fill:#ffffff;fill-opacity:1;stroke-width:2.29636765"
+               d="M 45.217,30.699 C 52.586,31.149 60.671,2.577 46.821,4.374 32.976,6.171 37.845,30.249 
45.217,30.699 Z"
+               id="path15049-6" />
+            <path
+               inkscape:connector-curvature="0"
+               style="fill:#ffffff;fill-opacity:1;stroke-width:2.29636765"
+               d="M 11.445,48.453 C 16.686,46.146 12.12,23.581 3.208,29.735 -5.7,35.89 6.204,50.759 
11.445,48.453 Z"
+               id="path15051-1" />
+            <path
+               inkscape:connector-curvature="0"
+               style="fill:#ffffff;fill-opacity:1;stroke-width:2.29636765"
+               d="M 26.212,36.642 C 32.451,35.37 32.793,9.778 21.667,14.369 10.539,18.961 19.978,37.916 
26.212,36.642 Z"
+               id="path15053-8" />
+            <path
+               inkscape:connector-curvature="0"
+               style="fill:#ffffff;fill-opacity:1;stroke-width:2.29636765"
+               id="path15055-7"
+               d="m 58.791,93.913 c 1.107,8.454 -6.202,12.629 -13.36,7.179 C 22.644,83.743 83.16,75.088 
79.171,51.386 75.86,31.712 15.495,37.769 8.621,68.553 3.968,89.374 27.774,118.26 52.614,118.26 c 12.22,0 
26.315,-11.034 28.952,-25.012 C 83.58,82.589 57.867,86.86 58.791,93.913 Z" />
+          </g>
+        </g>
+        <g
+           id="g15057-92"
+           style="fill:#ffffff;stroke-width:2.29636765">
+          <path
+             inkscape:connector-curvature="0"
+             
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.2963677pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 4176.2963,1214.4401 c -15.1078,0.4069 -27.0386,5.8367 -35.8126,16.25 -9.0861,10.8369 
-13.6562,25.8104 -13.6562,44.9063 0,19.0432 4.5703,33.9757 13.6562,44.8124 9.1305,10.8369 21.6664,16.25 
37.6563,16.25 16.034,0 28.6014,-5.4131 37.6875,-16.25 9.0859,-10.8367 13.6251,-25.7692 13.625,-44.8124 
-1e-4,-19.0959 -4.5391,-34.0694 -13.625,-44.9063 -9.0861,-10.8366 -21.6536,-16.2499 -37.6875,-16.25 -0.6246,0 
-1.2296,-0.016 -1.8437,0 z m 1.125,22 c 0.2415,-0.01 0.4737,0 0.7187,0 7.8833,10e-5 13.9919,3.4114 
18.3125,10.25 4.3203,6.8388 6.4999,16.4913 6.5,28.9063 0,12.3623 -2.1799,21.9427 -6.5,28.7812 -4.3204,6.8389 
-10.4293,10.2812 -18.3125,10.2812 -7.8391,0 -13.8983,-3.4423 -18.2187,-10.2812 -4.3204,-6.8385 
-6.4999,-16.4189 -6.5,-28.7812 0,-12.4149 2.1798,-22.0675 6.5,-28.9063 4.1852,-6.6249 10.0123,-10.0428 
17.5,-10.25 z"
+             id="path15059-0" />
+          <path
+             inkscape:connector-curvature="0"
+             
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.2963677pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 4005.6293,1325.612 c -13.3076,11.1757 -33.1067,11.0472 -41.3549,11.0472 -16.6133,0 
-29.7747,-5.471 -39.4842,-16.413 -9.7097,-10.9946 -14.5644,-25.8819 -14.5644,-44.6622 0,-18.9906 
4.9438,-33.9305 14.8316,-44.82 9.8878,-10.8892 23.4277,-16.3339 40.62,-16.334 6.6363,10e-5 12.9831,0.7366 
19.0406,2.2094 6.1019,1.473 11.8475,3.6562 17.2368,6.5494 l -6.921,20.4608 c -3.0298,-1.6586 -6.4987,-3.2932 
-9.7145,-4.4424 -5.4784,-1.8411 -10.979,-2.7617 -16.5018,-2.7618 -10.2442,10e-5 -18.15,3.3932 
-23.7173,10.1792 -5.523,6.7336 -8.2844,16.3867 -8.2844,28.9594 0,12.4676 2.6723,22.0945 8.0172,28.8806 
5.3446,6.7861 13.3768,10.1791 22.7818,10.1791 9.5548,0 15.4728,-2.4084 18.6291,-4.9461 v -20.3835 h -20.7001 
v -20.3584 h 40.0855"
+             id="path15061-23"
+             sodipodi:nodetypes="cscsssccccsssszccccc" />
+          <path
+             inkscape:connector-curvature="0"
+             
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.2963677pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 4023.2108,1216.5605 h 16.2279 l 51.2775,70.8022 v -70.8022 h 21.8853 v 117.8103 h -16.2279 
l -51.2774,-70.8022 v 70.8022 h -21.8854 v -117.8103"
+             id="path15063-75"
+             sodipodi:nodetypes="ccccccccccc" />
+          <path
+             inkscape:connector-curvature="0"
+             
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.2963677pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 4246.3361,1216.5605 h 32.7366 l 22.7151,73.5479 22.8487,-73.5479 h 27.6698 l 12.5,117.8103 
h -24.3186 l -7.5,-73.668 -22.9823,74.0213 h -16.3015 l -22.9824,-76.5213 -7.5,76.168 h -24.3854 l 
12.5,-117.8103"
+             id="path15065-9"
+             sodipodi:nodetypes="cccccccccccccc" />
+          <path
+             inkscape:connector-curvature="0"
+             
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.2963677pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 4382.3597,1216.5605 h 69.4147 v 22.9624 h -43.6933 v 24.4365 h 33.5877 v 20.4623 h 
-33.5877 v 26.9868 h 45.1631 v 22.9623 h -70.8845 v -117.8103"
+             id="path15067-2"
+             sodipodi:nodetypes="ccccccccccccc" />
+        </g>
+      </g>
+      <g
+         transform="matrix(0.75736415,0,0,0.75736425,3734.426,547.396)"
+         id="g7092"
+         
style="display:inline;opacity:0.722;fill:#ffffff;fill-opacity:1;stroke-width:2.01253533;enable-background:new"
+         inkscape:export-xdpi="95.812866"
+         inkscape:export-ydpi="95.812866">
+        <path
+           style="opacity:0.2;fill:#ffffff;fill-opacity:1;stroke-width:2.01253533"
+           id="path7094"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccc"
+           enable-background="new    "
+           d="m 266.4638,669.58833 -29.99999,30 h 29.99999 z" />
+        <path
+           style="opacity:0.1;fill:#ffffff;fill-opacity:1;stroke-width:2.01253533"
+           id="path7096"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccc"
+           enable-background="new    "
+           d="m 206.46381,699.59002 -30,29.99831 h 30 z" />
+        <path
+           style="opacity:0.1;fill:#ffffff;fill-opacity:1;stroke-width:2.01253533"
+           id="path7098"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccc"
+           enable-background="new    "
+           d="m 206.46381,729.58833 29.99856,30.00335 v -30.00335 z" />
+        <path
+           style="opacity:0.4;fill:#ffffff;fill-opacity:1;stroke-width:2.01253533"
+           id="path7100"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccc"
+           enable-background="new    "
+           d="m 206.46381,729.58733 30,-29.999 h -30 z" />
+        <path
+           style="opacity:0.7;fill:#ffffff;fill-opacity:1;stroke-width:2.01253533"
+           id="path7102"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccc"
+           enable-background="new    "
+           d="m 176.46381,699.5927 -29.99266,-30.00437 h 29.99266 z" />
+        <path
+           style="opacity:0.7;fill:#ffffff;fill-opacity:1;stroke-width:2.01253533"
+           id="path7104"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccc"
+           enable-background="new    "
+           d="m 206.46381,639.58833 -30,29.99656 v -29.99656 z" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/gnomegr/images/gnome-logo.svg b/gnomegr/images/gnome-logo.svg
new file mode 100644
index 0000000..0534b66
--- /dev/null
+++ b/gnomegr/images/gnome-logo.svg
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   version="1.0"
+   width="1062.9567"
+   height="408.40155"
+   id="svg3642"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="gnome-logo.svg">
+  <metadata
+     id="metadata24">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1280"
+     inkscape:window-height="961"
+     id="namedview22"
+     showgrid="false"
+     inkscape:zoom="1"
+     inkscape:cx="519.63537"
+     inkscape:cy="203.3948"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g15041"
+     showborder="true"
+     borderlayer="false"
+     inkscape:showpageshadow="false" />
+  <defs
+     id="defs3644" />
+  <g
+     transform="translate(162.8693,-197.3138)"
+     id="layer1">
+    <g
+       transform="matrix(1.293235,0,0,1.293235,-4878.321,-1224.915)"
+       id="g15041">
+      <g
+         transform="matrix(2.438586,0,0,2.438586,3659.952,1113.451)"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-miterlimit:4"
+         id="g15043">
+        <g
+           style="fill:#ffffff;fill-opacity:1"
+           id="g15045">
+          <path
+             d="M 86.068,0 C 61.466,0 56.851,35.041 70.691,35.041 84.529,35.041 110.671,0 86.068,0 Z"
+             style="fill:#ffffff;fill-opacity:1"
+             id="path15047"
+             inkscape:connector-curvature="0" />
+          <path
+             d="M 45.217,30.699 C 52.586,31.149 60.671,2.577 46.821,4.374 32.976,6.171 37.845,30.249 
45.217,30.699 Z"
+             style="fill:#ffffff;fill-opacity:1"
+             id="path15049"
+             inkscape:connector-curvature="0" />
+          <path
+             d="M 11.445,48.453 C 16.686,46.146 12.12,23.581 3.208,29.735 -5.7,35.89 6.204,50.759 
11.445,48.453 Z"
+             style="fill:#ffffff;fill-opacity:1"
+             id="path15051"
+             inkscape:connector-curvature="0" />
+          <path
+             d="M 26.212,36.642 C 32.451,35.37 32.793,9.778 21.667,14.369 10.539,18.961 19.978,37.916 
26.212,36.642 l 0,0 z"
+             style="fill:#ffffff;fill-opacity:1"
+             id="path15053"
+             inkscape:connector-curvature="0" />
+          <path
+             d="m 58.791,93.913 c 1.107,8.454 -6.202,12.629 -13.36,7.179 C 22.644,83.743 83.16,75.088 
79.171,51.386 75.86,31.712 15.495,37.769 8.621,68.553 3.968,89.374 27.774,118.26 52.614,118.26 c 12.22,0 
26.315,-11.034 28.952,-25.012 C 83.58,82.589 57.867,86.86 58.791,93.913 l 0,0 z"
+             style="fill:#ffffff;fill-opacity:1"
+             id="path15055"
+             inkscape:connector-curvature="0" />
+        </g>
+      </g>
+      <g
+         id="g15057"
+         style="fill:#ffffff">
+        <path
+           d="m 4176.2963,1214.4401 c -15.1078,0.4069 -27.0386,5.8367 -35.8126,16.25 -9.0861,10.8369 
-13.6562,25.8104 -13.6562,44.9063 0,19.0432 4.5703,33.9757 13.6562,44.8124 9.1305,10.8369 21.6664,16.25 
37.6563,16.25 16.034,0 28.6014,-5.4131 37.6875,-16.25 9.0859,-10.8367 13.6251,-25.7692 13.625,-44.8124 
-1e-4,-19.0959 -4.5391,-34.0694 -13.625,-44.9063 -9.0861,-10.8366 -21.6536,-16.2499 -37.6875,-16.25 -0.6246,0 
-1.2296,-0.016 -1.8437,0 z m 1.125,22 c 0.2415,-0.01 0.4737,0 0.7187,0 7.8833,10e-5 13.9919,3.4114 
18.3125,10.25 4.3203,6.8388 6.4999,16.4913 6.5,28.9063 0,12.3623 -2.1799,21.9427 -6.5,28.7812 -4.3204,6.8389 
-10.4293,10.2812 -18.3125,10.2812 -7.8391,0 -13.8983,-3.4423 -18.2187,-10.2812 -4.3204,-6.8385 
-6.4999,-16.4189 -6.5,-28.7812 0,-12.4149 2.1798,-22.0675 6.5,-28.9063 4.1852,-6.6249 10.0123,-10.0428 
17.5,-10.25 z"
+           
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path15059"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 4005.6293,1325.612 c -13.3076,11.1757 -33.1067,11.0472 -41.3549,11.0472 -16.6133,0 
-29.7747,-5.471 -39.4842,-16.413 -9.7097,-10.9946 -14.5644,-25.8819 -14.5644,-44.6622 0,-18.9906 
4.9438,-33.9305 14.8316,-44.82 9.8878,-10.8892 23.4277,-16.3339 40.62,-16.334 6.6363,10e-5 12.9831,0.7366 
19.0406,2.2094 6.1019,1.473 11.8475,3.6562 17.2368,6.5494 l -6.921,20.4608 c -3.0298,-1.6586 -6.4987,-3.2932 
-9.7145,-4.4424 -5.4784,-1.8411 -10.979,-2.7617 -16.5018,-2.7618 -10.2442,10e-5 -18.15,3.3932 
-23.7173,10.1792 -5.523,6.7336 -8.2844,16.3867 -8.2844,28.9594 0,12.4676 2.6723,22.0945 8.0172,28.8806 
5.3446,6.7861 13.3768,10.1791 22.7818,10.1791 9.5548,0 15.4728,-2.4084 18.6291,-4.9461 l 0,-20.3835 
-20.7001,0 0,-20.3584 40.0855,0"
+           
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path15061"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 4023.2108,1216.5605 16.2279,0 51.2775,70.8022 0,-70.8022 21.8853,0 0,117.8103 -16.2279,0 
-51.2774,-70.8022 0,70.8022 -21.8854,0 0,-117.8103"
+           
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path15063"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 4246.3361,1216.5605 32.7366,0 22.7151,73.5479 22.8487,-73.5479 27.6698,0 12.5,117.8103 
-24.3186,0 -7.5,-73.668 -22.9823,74.0213 -16.3015,0 -22.9824,-76.5213 -7.5,76.168 -24.3854,0 12.5,-117.8103"
+           
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path15065"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 4382.3597,1216.5605 69.4147,0 0,22.9624 -43.6933,0 0,24.4365 33.5877,0 0,20.4623 -33.5877,0 
0,26.9868 45.1631,0 0,22.9623 -70.8845,0 0,-117.8103"
+           
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path15067"
+           inkscape:connector-curvature="0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/gnomegr/inc/customizer.php b/gnomegr/inc/customizer.php
new file mode 100644
index 0000000..60ea9a4
--- /dev/null
+++ b/gnomegr/inc/customizer.php
@@ -0,0 +1,264 @@
+<?php
+/**
+ * GNOME Grass Theme Customizer
+ *
+ * @package GNOME Website
+ */
+
+add_action( 'customize_register', 'gnome_grass_options' );
+
+function gnome_grass_options( $wp_customize ) {
+    // Friends of GNOME Panel
+    $wp_customize->add_panel( 'fog_settings', array(
+    'priority'       => 28,
+    'capability'     => 'edit_theme_options',
+    'title'          => 'Friends of GNOME',
+    'description'    => 'Settings for Friends of GNOME pages',
+    ));
+    // Donation Ruler Section
+    $wp_customize->add_section( 'donation_ruler',
+        array(
+            'title' => 'Donation Ruler',
+            'priority' => 94,
+            'panel' => 'fog_settings',
+        )
+    );
+    $wp_customize->add_setting( 'show_donation_ruler',
+        array(
+            'default' => false,
+            'sanitize_callback' => 'grass_sanitize_checkbox',
+        )
+    );
+    $wp_customize->add_control(
+    'show_donation_ruler',
+    array(
+        'section'   => 'donation_ruler',
+        'label'     => 'Check to enable FoG donation ruler',
+        'type'      => 'checkbox'
+         )
+     );
+    // Homepage Featured Section
+    $wp_customize->add_panel( 'page_home', array(
+    'priority'       => 26,
+    'capability'     => 'edit_theme_options',
+    'theme_supports' => '',
+    'title'          => esc_html( 'Homepage', 'grass' ),
+    'description'    => esc_html( 'Edit your home page settings', 'grass' ),
+    ));
+    $wp_customize->add_section( 'featured_release_screenshot',
+        array(
+            'title' => esc_html( 'Release Screenshot', 'grass' ),
+            'description' => esc_html('Settings for the page.'),
+            'priority' => 94,
+            'panel' => 'page_home',
+        )
+    );
+    $wp_customize->add_setting( 'release_screenshot',
+        array(
+            'default' => get_bloginfo('template_directory') . '/images/home/featured_image.png',
+            'sanitize_callback' => 'esc_url_raw',
+        )
+    );
+    $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'release_screenshot',
+        array(
+            'label'    => esc_html( 'Release Screenshot', 'grass', 'grass' ),
+            'section'  => 'featured_release_screenshot',
+            'settings' => 'release_screenshot',
+            'description' => esc_html('Upload an image to replace the release screenshot in the homepage.'),
+            )
+        )
+    );
+    // Featured Title
+    $wp_customize->add_setting( 'featured_title',
+        array(
+            'default' => 'GNOME Website Title',
+            'sanitize_callback' => 'grass_sanitize_text',
+        )
+    );
+    $wp_customize->add_control( 'featured_title',
+        array(
+            'label' => esc_html('Featured Title'),
+            'section' => 'featured_release_screenshot',
+            'type' => 'text',
+        )
+    );
+    // Featured SubTitle
+    $wp_customize->add_setting( 'featured_subtitle',
+        array(
+            'default' => 'GNOME Website Description',
+            'sanitize_callback' => 'grass_sanitize_text',
+        )
+    );
+    $wp_customize->add_control( 'featured_subtitle',
+        array(
+            'label' => esc_html('Featured Description'),
+            'section' => 'featured_release_screenshot',
+            'type' => 'text',
+        )
+    );
+    // Featured Heading
+    $wp_customize->add_setting( 'featured_heading',
+        array(
+            'default' => 'Discover GNOME 3',
+            'sanitize_callback' => 'grass_sanitize_text',
+        )
+    );
+    $wp_customize->add_control( 'featured_heading',
+        array(
+            'label' => esc_html('Featured Heading'),
+            'section' => 'featured_release_screenshot',
+            'type' => 'text',
+        )
+    );
+    // Featured SubHeading
+    $wp_customize->add_setting( 'featured_subheading',
+        array(
+            'default' => 'An easy and elegant way to use your computer, GNOME 3 is designed to put you in 
control and getting things done.',
+            'sanitize_callback' => 'grass_sanitize_text',
+        )
+    );
+    $wp_customize->add_control( 'featured_subheading',
+        array(
+            'label' => esc_html('Featured SubHeading'),
+            'section' => 'featured_release_screenshot',
+            'type' => 'textarea',
+        )
+    );
+    // Featured Buttons
+    $wp_customize->add_section( 'featured_buttons_section', array(
+        'title'          => esc_html( 'Featured Buttons', 'grass' ),
+        'priority'       => 95,
+        'description' => esc_html( 'Edit your home page Intro section content', 'grass' ), 
+        'panel' => 'page_home',
+    ));
+    // Featured Left Button
+    $wp_customize->add_setting( 'featured_button_text_1',
+        array(
+            'default' => 'Learn More',
+            'sanitize_callback' => 'grass_sanitize_text',
+        )
+    );
+    $wp_customize->add_control( 'featured_button_text_1',
+        array(
+            'label' => esc_html('Left Featured Link Text'),
+            'section' => 'featured_buttons_section',
+            'type' => 'text',
+        )
+    );
+    $wp_customize->add_setting('featured_button_url_1', array( 
+        'capability' => 'edit_theme_options',
+        'sanitize_callback' => 'grass_sanitize_int'
+    ));
+    
+    $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'featured_button_url_1', array( 
+        'label' => esc_html( 'Left Featured Button URL', 'grass' ), 
+        'section' => 'featured_buttons_section', 
+        'type' => 'dropdown-pages',
+        'settings' => 'featured_button_url_1',
+    )));
+    // Featured Right Button
+    $wp_customize->add_setting( 'featured_button_text_2',
+        array(
+            'default' => 'Get GNOME 3',
+            'sanitize_callback' => 'grass_sanitize_text',
+        )
+    );
+    $wp_customize->add_control( 'featured_button_text_2',
+        array(
+            'label' => esc_html('Right Featured Link Text'),
+            'section' => 'featured_buttons_section',
+            'type' => 'text',
+        )
+    );
+    $wp_customize->add_setting('featured_button_url_2', array( 
+        'capability' => 'edit_theme_options', 
+        'sanitize_callback' => 'grass_sanitize_int' 
+    ));
+    
+    $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'featured_button_url_2', array( 
+        'label' => esc_html( 'Right Featured Button URL', 'grass' ), 
+        'section' => 'featured_buttons_section', 
+        'type' => 'dropdown-pages',
+        'settings' => 'featured_button_url_2',
+    )));
+    //Featured Sections
+    $wp_customize->add_section( 'featured_sections', array(
+        'title'          => esc_html( 'Featured Sections', 'grass' ),
+        'priority'       => 96,
+        'description' => esc_html( 'Edit your home page Intro section content', 'grass' ), 
+        'panel' => 'page_home',
+    ));
+    $wp_customize->add_setting( 'featured_section_button_text_1',
+        array(
+            'default' => 'Make a donation and become a Friend of GNOME!',
+            'sanitize_callback' => 'grass_sanitize_text',
+        )
+    );
+    $wp_customize->add_control( 'featured_section_button_text_1',
+        array(
+            'label' => esc_html('Left Featured Section Link Text'),
+            'section' => 'featured_sections',
+            'type' => 'text',
+        )
+    );
+    $wp_customize->add_setting('featured_section_button_url_1', array( 
+        'capability' => 'edit_theme_options',
+    ));
+    $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'featured_section_button_url_1', 
array( 
+        'label' => esc_html( 'Left Featured Section URL', 'grass' ), 
+        'section' => 'featured_sections', 
+        'type' => 'dropdown-pages',
+        'settings' => 'featured_section_button_url_1',
+    )));
+    $wp_customize->add_setting( 'featured_section_text_1',
+        array(
+            'default' => '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.',
+            'sanitize_callback' => 'grass_sanitize_text',
+        )
+    );
+    $wp_customize->add_control( 'featured_section_text_1',
+        array(
+            'label' => esc_html('Left Section Text'),
+            'section' => 'featured_sections',
+            'type' => 'textarea',
+        )
+    );
+    $wp_customize->add_setting( 'featured_section_button_text_2',
+        array(
+            'default' => 'Get involved!',
+            'sanitize_callback' => 'grass_sanitize_text',
+        )
+    );
+    $wp_customize->add_control( 'featured_section_button_text_2',
+        array(
+            'label' => esc_html('Right Featured Section Link Text'),
+            'section' => 'featured_sections',
+            'type' => 'text',
+        )
+    );
+    $wp_customize->add_setting('featured_section_button_url_2',
+        array( 
+            'capability' => 'edit_theme_options', 
+        )
+    );
+    $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'featured_section_button_url_2', 
array( 
+        'label' => esc_html( 'Right Featured Section URL', 'grass' ), 
+        'section' => 'featured_sections', 
+        'type' => 'dropdown-pages',
+        'settings' => 'featured_section_button_url_2',
+    )));
+    $wp_customize->add_setting( 'featured_section_text_2',
+        array(
+            'default' => 'The GNOME Project is a diverse international community which involves hundreds of 
contributors, many of whom are volunteers. Anyone can contribute to the GNOME!',
+            'sanitize_callback' => 'grass_sanitize_text',
+        )
+    );
+    $wp_customize->add_control( 'featured_section_text_2',
+        array(
+            'label' => esc_html('Left Section Text'),
+            'section' => 'featured_sections',
+            'type' => 'textarea',
+        )
+    );
+}
+?>
diff --git a/gnomegr/inc/grass-sanitize.php b/gnomegr/inc/grass-sanitize.php
new file mode 100644
index 0000000..f4a9cd2
--- /dev/null
+++ b/gnomegr/inc/grass-sanitize.php
@@ -0,0 +1,27 @@
+<?php
+/**
+ * GNOME Grass Theme Customizer
+ *
+ * @package GNOME Website
+ */
+
+//Checkboxes
+function grass_sanitize_checkbox( $input ) {
+    if ( $input == 1 ) {
+        return 1;
+    } else {
+        return '';
+    }
+}
+
+//Integers
+function grass_sanitize_int( $input ) {
+    if ( is_numeric( $input ) ) {
+        return intval( $input );
+    }
+}
+
+//Text
+function grass_sanitize_text( $input ) {
+    return wp_kses_post( force_balance_tags( $input ) );
+}
diff --git a/gnomegr/index.php b/gnomegr/index.php
index c2f1c68..31ed54b 100644
--- a/gnomegr/index.php
+++ b/gnomegr/index.php
@@ -1,32 +1,60 @@
-<?php
-/**
- * @package GNOME Website
- * @subpackage Grass Theme
- */
-
-require_once("header.php"); ?>
-
-    <!-- container -->
-    <div id="container" class="two_columns">
-        <div class="container_12">
-
-               <div class="page_title">
-                                <h1><?php the_title(); ?></h1>
-               </div>
-
-            <div class="content">
-            <?php while ( have_posts() ) : the_post(); ?>
-            <?php the_content(); ?>
-            <?php endwhile; // End the loop. Whew. ?>
-                <br />
-                <div class="clear"></div>
-            </div>
-            <?php require_once("footer_art.php"); ?>
-        </div>
-    </div>
-
-    <div class="clearfix"></div>
-
-    <?php require_once("footer.php"); ?>
-</body>
-</html>
+<?php
+/**
+ * @package GNOME Website
+ * @subpackage Grass Theme
+ */
+?>
+
+<?php get_header(); ?>
+
+    <!-- container -->
+    <div class="container two_columns">
+        <div class="col-xs-12">
+            <?php require_once('inc/page-title.php'); ?>
+
+            <div class="content col-md-9">
+            <?php while ( have_posts() ) : the_post(); ?>
+                <?php the_content(); ?>
+            <?php endwhile; // End the loop. Whew. ?>
+                <br />
+                <div class="clear"></div>
+            </div>
+            
+            <div class="sidebar col-md-3">
+                
+                <?php
+                $parent_id  = $post->post_parent;
+                $breadcrumbs = array();
+                while ($parent_id) {
+                    $page = get_page($parent_id);
+                    $breadcrumbs[] = get_page($parent_id);
+                    $parent_id  = $page->post_parent;
+                }
+                $breadcrumbs = array_reverse($breadcrumbs);
+                if (isset($breadcrumbs[0])) {
+                    $first_page = $breadcrumbs[0];
+                } else {
+                    $first_page = NULL;
+                }
+                ?>
+
+                <?php if(is_page()) {?>
+                <ul class="navigation_list">
+                    <?php
+                    if(isset($first_page) && $first_page->ID != '') {
+                        wp_list_pages(array('title_li' => '', 'include' => $first_page->ID));
+                        wp_list_pages(array('title_li' => '', 'child_of' => $first_page->ID));
+                    } else {
+                        wp_list_pages(array('title_li' => '', 'include' => $post->ID));
+                        wp_list_pages(array('title_li' => '', 'child_of' => $post->ID));
+                    }
+                    ?>
+                </ul>
+                <?php } ?>            
+            </div>
+        </div>
+    </div>
+
+    <div class="clearfix"></div>
+    
+<?php get_footer(); ?>
diff --git a/gnomegr/js/template.js b/gnomegr/js/template.js
index 4342bf8..5377aa3 100644
--- a/gnomegr/js/template.js
+++ b/gnomegr/js/template.js
@@ -1,4 +1,4 @@
-$(document).ready(function() {
+jQuery(document).ready(function($) {
 
     // Get browser  
     $.each($.browser, function(i) {
@@ -12,7 +12,7 @@ $(document).ready(function() {
         $('body').addClass(match[0]);
     }
 
-    
+
     /* Global search placeholder
      * ====================================================================== */
     
@@ -35,51 +35,5 @@ $(document).ready(function() {
                 search_input.addClass('placeholder').val(search_placeholder);
             }
         });        
-    }    
-
-
-/* Lightbox
-     * ====================================================================== */
-    
-    $("#container a[href$='.jpg'], #container a[href$='.png']").fancybox({
-        'transitionIn'  :   'elastic',
-        'transitionOut' :   'elastic',
-        'speedIn'       :   400, 
-        'speedOut'      :   400, 
-        'overlayShow'   :   true,
-        'overlayOpacity':   0.4,
-        'overlayColor'  :   '#000',
-        'hideOnContentClick' : true
-    });
-    
-    $(".play_youtube, .play_vimeo").click(function() {
-        
-        var href = this.href;
-        
-        
-        if($(this).hasClass('play_youtube')) {
-            href = this.href.replace(new RegExp("watch\\?v=", "i"), 'embed/')  + '?autoplay=1&html5=1';
-        } else if($(this).hasClass('play_vimeo')) {
-            href = this.href.replace(new RegExp("([0-9])","i"),'moogaloop.swf?clip_id=$1') + '&autoplay=1'
-        }
-        
-        $.fancybox({
-            'padding'       : 10,
-            'autoScale'     : false,
-            'transitionIn'  : 'none',
-            'transitionOut' : 'none',
-            'title'         : this.title,
-            'width'         : 680,
-            'height'        : 410,
-            'href'          : href,
-            'type'          : 'iframe',
-            'hideOnContentClick' : false,
-            'hideOnOverlayClick' : false
-        });
-        return false;
-    });
-
-});
-
-
+    }
 });
diff --git a/gnomegr/lib/README b/gnomegr/lib/README
new file mode 100644
index 0000000..9a90cab
--- /dev/null
+++ b/gnomegr/lib/README
@@ -0,0 +1,5 @@
+* wp-bootstrap-navwalker
+https://github.com/wp-bootstrap/wp-bootstrap-navwalker
+
+Modified bootstrap walker for our Foundation submenu needs.
+For more information, see commit ce98936a1dd9efcede0531cc824dc847a771d63a
diff --git a/gnomegr/lib/wp-bootstrap-navwalker.php b/gnomegr/lib/wp-bootstrap-navwalker.php
new file mode 100644
index 0000000..0d43c56
--- /dev/null
+++ b/gnomegr/lib/wp-bootstrap-navwalker.php
@@ -0,0 +1,220 @@
+<?php
+/**
+ * WP Bootstrap Navwalker
+ *
+ * @package WP-Bootstrap-Navwalker
+ */
+
+/*
+ * Class Name: WP_Bootstrap_Navwalker
+ * Plugin Name: WP Bootstrap Navwalker
+ * Plugin URI:  https://github.com/wp-bootstrap/wp-bootstrap-navwalker
+ * Description: A custom WordPress nav walker class to implement the Bootstrap 3 navigation style in a 
custom theme using the WordPress built in menu manager.
+ * Author: Edward McIntyre - @twittem, WP Bootstrap
+ * Version: 2.0.5
+ * Author URI: https://github.com/wp-bootstrap
+ * GitHub Plugin URI: https://github.com/wp-bootstrap/wp-bootstrap-navwalker
+ * GitHub Branch: master
+ * License: GPL-3.0+
+ * License URI: http://www.gnu.org/licenses/gpl-3.0.txt
+*/
+
+/* Check if Class Exists. */
+if ( ! class_exists( 'WP_Bootstrap_Navwalker' ) ) {
+       /**
+        * WP_Bootstrap_Navwalker class.
+        *
+        * @extends Walker_Nav_Menu
+        */
+       class WP_Bootstrap_Navwalker extends Walker_Nav_Menu {
+
+               /**
+                * Start Level.
+                *
+                * @see Walker::start_lvl()
+                * @since 3.0.0
+                *
+                * @access public
+                * @param mixed $output Passed by reference. Used to append additional content.
+                * @param int   $depth (default: 0) Depth of page. Used for padding.
+                * @param array $args (default: array()) Arguments.
+                * @return void
+                */
+               public function start_lvl( &$output, $depth = 0, $args = array() ) {
+                       $indent = str_repeat( "\t", $depth );
+                       $output .= "\n$indent<ul role=\"menu\" class=\" dropdown-menu\" >\n";
+               }
+
+               /**
+                * Start El.
+                *
+                * @see Walker::start_el()
+                * @since 3.0.0
+                *
+                * @access public
+                * @param mixed $output Passed by reference. Used to append additional content.
+                * @param mixed $item Menu item data object.
+                * @param int   $depth (default: 0) Depth of menu item. Used for padding.
+                * @param array $args (default: array()) Arguments.
+                * @param int   $id (default: 0) Menu item ID.
+                * @return void
+                */
+               public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
+                       $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
+
+                       /**
+                       * Dividers, Headers or Disabled
+                       * =============================
+                       * Determine whether the item is a Divider, Header, Disabled or regular
+                       * menu item. To prevent errors we use the strcasecmp() function to so a
+                       * comparison that is not case sensitive. The strcasecmp() function returns
+                       * a 0 if the strings are equal.
+                       */
+                       if ( 0 === strcasecmp( $item->attr_title, 'divider' ) && 1 === $depth ) {
+                               $output .= $indent . '<li role="presentation" class="divider">';
+                       } elseif ( 0 === strcasecmp( $item->title, 'divider' ) && 1 === $depth ) {
+                               $output .= $indent . '<li role="presentation" class="divider">';
+                       } elseif ( 0 === strcasecmp( $item->attr_title, 'dropdown-header' ) && 1 === $depth ) 
{
+                               $output .= $indent . '<li role="presentation" class="dropdown-header">' . 
esc_attr( $item->title );
+                       } elseif ( 0 === strcasecmp( $item->attr_title, 'disabled' ) ) {
+                               $output .= $indent . '<li role="presentation" class="disabled"><a href="#">' 
. esc_attr( $item->title ) . '</a>';
+                       } else {
+                               $class_names = $value = '';
+                               $classes = empty( $item->classes ) ? array() : (array) $item->classes;
+                               $classes[] = 'menu-item-' . $item->ID;
+                               $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( 
$classes ), $item, $args ) );
+                               if ( $args->has_children ) {
+                                       $class_names .= ' dropdown'; }
+                               if ( in_array( 'current-menu-item', $classes, true ) ) {
+                                       $class_names .= ' active'; }
+                               $class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : 
'';
+                               $id = apply_filters( 'nav_menu_item_id', 'menu-item-' . $item->ID, $item, 
$args );
+                               $id = $id ? ' id="' . esc_attr( $id ) . '"' : '';
+                               $output .= $indent . '<li itemscope="itemscope" 
itemtype="https://www.schema.org/SiteNavigationElement";' . $id . $value . $class_names . '>';
+                               $atts = array();
+
+                               if ( empty( $item->attr_title ) ) {
+                                       $atts['title']  = ! empty( $item->title )   ? strip_tags( 
$item->title ) : '';
+                               } else {
+                                       $atts['title'] = $item->attr_title;
+                               }
+
+                               $atts['target'] = ! empty( $item->target )      ? $item->target : '';
+                               $atts['rel']    = ! empty( $item->xfn )         ? $item->xfn    : '';
+                               // If item has_children add atts to a.
+                               if ( $args->has_children && 0 === $depth ) {
+                                       $atts['href']                   = ! empty( $item->url ) ? $item->url 
: '';
+                                       //$atts['data-toggle']  = 'dropdown';
+                                       $atts['class']                  = 'dropdown-toggle';
+                                       $atts['aria-haspopup']  = 'true';
+                               } else {
+                                       $atts['href'] = ! empty( $item->url ) ? $item->url : '';
+                               }
+                               $atts = apply_filters( 'nav_menu_link_attributes', $atts, $item, $args );
+                               $attributes = '';
+                               foreach ( $atts as $attr => $value ) {
+                                       if ( ! empty( $value ) ) {
+                                               $value = ( 'href' === $attr ) ? esc_url( $value ) : esc_attr( 
$value );
+                                               $attributes .= ' ' . $attr . '="' . $value . '"';
+                                       }
+                               }
+                               $item_output = $args->before;
+
+                               /*
+                                * Glyphicons/Font-Awesome
+                                * ===========
+                                * Since the the menu item is NOT a Divider or Header we check the see
+                                * if there is a value in the attr_title property. If the attr_title
+                                * property is NOT null we apply it as the class name for the glyphicon.
+                                */
+                               if ( ! empty( $item->attr_title ) ) :
+                                                               $pos = strpos( esc_attr( $item->attr_title ), 
'glyphicon' );
+                                       if ( false !== $pos ) :
+                                               $item_output .= '<a' . $attributes . '><span class="glyphicon 
' . esc_attr( $item->attr_title ) . '"></span>&nbsp;';
+                                                               else :
+                                                                       $item_output .= '<a' . $attributes . 
'><i class="fa ' . esc_attr( $item->attr_title ) . '"></i>&nbsp;';
+                                                                                       endif;
+                               else :
+                                       $item_output .= '<a' . $attributes . '>';
+                               endif;
+                               $item_output .= $args->link_before . apply_filters( 'the_title', 
$item->title, $item->ID ) . $args->link_after;
+                               $item_output .= ( $args->has_children && 0 === $depth ) ? ' <span 
class="caret"></span></a>' : '</a>';
+                               $item_output .= $args->after;
+                               $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, 
$depth, $args );
+                       }
+               }
+
+               /**
+                * Traverse elements to create list from elements.
+                *
+                * Display one element if the element doesn't have any children otherwise,
+                * display the element and its children. Will only traverse up to the max
+                * depth and no ignore elements under that depth.
+                *
+                * This method shouldn't be called directly, use the walk() method instead.
+                *
+                * @see Walker::start_el()
+                * @since 2.5.0
+                *
+                * @access public
+                * @param mixed $element Data object.
+                * @param mixed $children_elements List of elements to continue traversing.
+                * @param mixed $max_depth Max depth to traverse.
+                * @param mixed $depth Depth of current element.
+                * @param mixed $args Arguments.
+                * @param mixed $output Passed by reference. Used to append additional content.
+                * @return null Null on failure with no changes to parameters.
+                */
+               public function display_element( $element, &$children_elements, $max_depth, $depth, $args, 
&$output ) {
+                       if ( ! $element ) {
+                               return; }
+                       $id_field = $this->db_fields['id'];
+                       // Display this element.
+                       if ( is_object( $args[0] ) ) {
+                               $args[0]->has_children = ! empty( $children_elements[ $element->$id_field ] 
); }
+                       parent::display_element( $element, $children_elements, $max_depth, $depth, $args, 
$output );
+               }
+
+               /**
+                * Menu Fallback
+                * =============
+                * If this function is assigned to the wp_nav_menu's fallback_cb variable
+                * and a menu has not been assigned to the theme location in the WordPress
+                * menu manager the function with display nothing to a non-logged in user,
+                * and will add a link to the WordPress menu manager if logged in as an admin.
+                *
+                * @param array $args passed from the wp_nav_menu function.
+                */
+               public static function fallback( $args ) {
+                       if ( current_user_can( 'edit_theme_options' ) ) {
+
+                               /* Get Arguments. */
+                               $container = $args['container'];
+                               $container_id = $args['container_id'];
+                               $container_class = $args['container_class'];
+                               $menu_class = $args['menu_class'];
+                               $menu_id = $args['menu_id'];
+
+                               if ( $container ) {
+                                       echo '<' . esc_attr( $container );
+                                       if ( $container_id ) {
+                                               echo ' id="' . esc_attr( $container_id ) . '"';
+                                       }
+                                       if ( $container_class ) {
+                                               echo ' class="' . sanitize_html_class( $container_class ) . 
'"'; }
+                                       echo '>';
+                               }
+                               echo '<ul';
+                               if ( $menu_id ) {
+                                       echo ' id="' . esc_attr( $menu_id ) . '"'; }
+                               if ( $menu_class ) {
+                                       echo ' class="' . esc_attr( $menu_class ) . '"'; }
+                               echo '>';
+                               echo '<li><a href="' . esc_url( admin_url( 'nav-menus.php' ) ) . '" 
title="">' . esc_attr( 'Add a menu', '' ) . '</a></li>';
+                               echo '</ul>';
+                               if ( $container ) {
+                                       echo '</' . esc_attr( $container ) . '>'; }
+                       }
+               }
+       }
+}
diff --git a/gnomegr/news.php b/gnomegr/news.php
index 04f5e4a..8cab88f 100644
--- a/gnomegr/news.php
+++ b/gnomegr/news.php
@@ -1,45 +1,45 @@
-<?php
-/**
- * @package GNOME Website
- * @subpackage Grass Theme
- */
-
-require_once("header.php"); ?>
-
-    <!-- container -->
-    <div id="container" class="two_columns">
-        <div class="container_12">
-        
-            <div class="page_title">
-                <h1>Νέα</h1>
-            </div>
-  
-            <div class="content">
-            <?php while ( have_posts() ) : the_post(); ?>
-                <div class="news_title">
-                    <p class="date"><?php the_date(); ?></p>
-                    <h1><?php the_title(); ?></h1>
-                </div>
-
-                <?php the_content(); ?>
-            <?php endwhile; // End the loop. Whew. ?>
-                <br />
-
-                <div class="clear"></div>
-            </div>
-
-
-                                                               <div class="sidebar">
-                                                                       <?php 
require_once("news_sidebar.php");?>
-                                                               </div></div>
-
-
-            <?php require_once("footer_art.php"); ?>
-        </div>
-
-    
-    <div class="clearfix"></div>
-    
-    <?php require_once("footer.php"); ?>
-</body>
-</html>
+<?php
+/**
+ * @package GNOME Website
+ * @subpackage Grass Theme
+ */
+
+/*
+ * Add link to global feeds instead of current page comments
+ */
+add_action('wp_head', function() {
+   echo '<link rel="alternate" type="application/rss+xml" title="'.get_bloginfo('name').' &raquo; Feed" 
href="'.home_url('/').'feed/" />'; 
+});
+?>
+
+<?php get_header(); ?>
+
+    <!-- container -->
+    <div class="container two_columns">
+            <div class="col-xs-12">
+                <div class="page_title">
+                    <h1><a href="<?php bloginfo('url'); ?>/news/"><?php esc_html_e('News', 
'grass');?></a></h1>
+                </div>
+            </div>
+            <div class="content col-md-9">
+            <?php while ( have_posts() ) : the_post(); ?>
+                <div class="news_title">
+                    <p class="date"><?php the_date(); ?></p>
+                    <h1><?php the_title(); ?></h1>
+                </div>
+                <?php the_content(); ?>
+            <?php endwhile; // End the loop. Whew. ?>
+                <br />
+                <div class="clear"></div>
+            </div>
+            
+            <div class="sidebar col-md-3">
+            
+                <?php require_once("news_sidebar.php");?>
+                      
+            </div>
+    </div>
+    
+    <div class="clearfix"></div>
+    
+<?php get_footer(); ?>
diff --git a/gnomegr/news_sidebar.php b/gnomegr/news_sidebar.php
index 25d0df8..d119d56 100644
--- a/gnomegr/news_sidebar.php
+++ b/gnomegr/news_sidebar.php
@@ -1,13 +1,12 @@
-<div class="subtle_greybox">
-       <p>Για περισσότερες ειδήσεις, επισκεφθείτε τον <a href="http://planet.gnome.gr/"; 
target="_blank">Πλανήτη GNOME.gr</a></p>        
-</div>    
-
-<div class="subtle_greybox">
-       <a class="twitter-timeline"  href="https://twitter.com/gnomegr";  data-widget-id="453229027801583616" 
data-chrome="transparent noscrollbar nofooter">gnomegr</a>
-    <script>!function(d,s,id){var 
js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
-</div>
-
-<div class="subtle_greybox">
-       <div class="fb-like-box" data-href="http://www.facebook.com/gnomegr"; data-width="200" 
data-show-faces="true" data-border-color="#f6f6f6" data-stream="false" data-header="false">
-       </div>
-</div>
+<?php if(!isset($is_news_home) || $is_news_home == false) { ?>
+<a class="btn btn-default" href="<?php bloginfo('url'); ?>/news/" style="display: block; text-align: center; 
margin-bottom: 20px;"><?php esc_html_e('Read the archives...', 'grass'); ?></a>
+<?php } ?>
+
+<div class="subtle_box text-center">
+    <h4><?php esc_html_e('Connect with GNOME', 'grass'); ?></h4>
+        <?php require("social_icons.php");?>
+</div>
+
+<div class="subtle_box">
+    <p>Για περισσότερες ειδήσεις, επισκεφθείτε τον <a href="http://planet.gnome.gr/"; target="_blank">Πλανήτη 
GNOME.gr</a></p>        
+</div>
diff --git a/gnomegr/one-column-with-submenu.php b/gnomegr/one-column-with-submenu.php
index be972a0..8a0b82d 100644
--- a/gnomegr/one-column-with-submenu.php
+++ b/gnomegr/one-column-with-submenu.php
@@ -1,56 +1,51 @@
-<?php
-/*
-Template Name: One Column with submenu in the title
-*/
-
-
-require_once("header.php"); ?>
-
-    <!-- container -->
-    <div id="container" class="two_columns">
-        <div class="container_12">
-        
-            <div class="page_title with_subpages_list">
-                <h1><?php the_title(); ?></h1>
-                
-                <ul class="subpages_list">
-                    <?php
-                    $parent_id  = $post->post_parent;
-                    $breadcrumbs = array();
-                    while ($parent_id) {
-                        $page = get_page($parent_id);
-                        $breadcrumbs[] = get_page($parent_id);
-                        $parent_id  = $page->post_parent;
-                    }
-                    $breadcrumbs = array_reverse($breadcrumbs);
-                    $first_page = $breadcrumbs[0];
-                    
-                    
-                    if($first_page->ID != '') {
-                        wp_list_pages(array('title_li' => '', 'depth' => 1, 'include' => $first_page->ID));
-                        wp_list_pages(array('title_li' => '', 'depth' => 1, 'child_of' => $first_page->ID));
-                    } else {
-                        wp_list_pages(array('title_li' => '', 'depth' => 1, 'include' => $post->ID));
-                        wp_list_pages(array('title_li' => '', 'depth' => 1, 'child_of' => $post->ID));
-                    }
-                    ?>
-                </ul>
-            </div>
-            
-            <div class="content without_sidebar">
-            <?php while ( have_posts() ) : the_post(); ?>
-                <?php the_content(); ?>
-            <?php endwhile; // End the loop. Whew. ?>
-                <br />
-                <div class="clear"></div>
-            </div>
-            
-            <?php require_once("footer_art.php"); ?>
-        </div>
-    </div>
-    
-    <div class="clearfix"></div>
-    
-    <?php require_once("footer.php"); ?>
-</body>
-</html>
+<?php
+/*
+Template Name: One Column with submenu in the title
+*/
+?>
+
+<?php get_header(); ?>
+
+    <!-- container -->
+    <div class="container two_columns">
+        <div class="col-xs-12">
+            <div class="page_title with_subpages_list">
+                <h1><?php the_title(); ?></h1>
+                
+                <ul class="subpages_list">
+                    <?php
+                    $parent_id  = $post->post_parent;
+                    $breadcrumbs = array();
+                    while ($parent_id) {
+                        $page = get_page($parent_id);
+                        $breadcrumbs[] = get_page($parent_id);
+                        $parent_id  = $page->post_parent;
+                    }
+                    $breadcrumbs = array_reverse($breadcrumbs);
+                    $first_page = $breadcrumbs[0];
+                    
+                    
+                    if($first_page->ID != '') {
+                        wp_list_pages(array('title_li' => '', 'depth' => 1, 'include' => $first_page->ID));
+                        wp_list_pages(array('title_li' => '', 'depth' => 1, 'child_of' => $first_page->ID));
+                    } else {
+                        wp_list_pages(array('title_li' => '', 'depth' => 1, 'include' => $post->ID));
+                        wp_list_pages(array('title_li' => '', 'depth' => 1, 'child_of' => $post->ID));
+                    }
+                    ?>
+                </ul>
+            </div>
+            
+            <div class="content without_sidebar">
+            <?php while ( have_posts() ) : the_post(); ?>
+                <?php the_content(); ?>
+            <?php endwhile; // End the loop. Whew. ?>
+                <br />
+                <div class="clear"></div>
+            </div>
+        </div>
+    </div>
+    
+    <div class="clearfix"></div>
+    
+<?php get_footer(); ?>
diff --git a/gnomegr/one-column-without-title.php b/gnomegr/one-column-without-title.php
index 73446d7..3624d95 100644
--- a/gnomegr/one-column-without-title.php
+++ b/gnomegr/one-column-without-title.php
@@ -2,27 +2,23 @@
 /*
 Template Name: One Column without page title
 */
+?>
 
-require_once("header.php"); ?>
+<?php get_header(); ?>
 
     <!-- container -->
-    <div id="container" class="two_columns">
-        <div class="container_12">
-            
-            <div class="content without_sidebar">
+    <div class="container two_columns">
+        <div class="content without_sidebar row">
+            <div class="col-xs-12">
             <?php while ( have_posts() ) : the_post(); ?>
                 <?php the_content(); ?>
             <?php endwhile; // End the loop. Whew. ?>
                 <br />
                 <div class="clear"></div>
             </div>
-            
-            <?php require_once("footer_art.php"); ?>
         </div>
     </div>
     
     <div class="clearfix"></div>
     
-    <?php require_once("footer.php"); ?>
-</body>
-</html>
+<?php get_footer(); ?>
diff --git a/gnomegr/one-column.php b/gnomegr/one-column.php
index b53db11..3497e30 100644
--- a/gnomegr/one-column.php
+++ b/gnomegr/one-column.php
@@ -1,32 +1,29 @@
-<?php
-/*
-Template Name: One Column
-*/
-
-require_once("header.php"); ?>
-
-    <!-- container -->
-    <div id="container" class="two_columns">
-        <div class="container_12">
-        
-            <div class="page_title">
-                <h1><?php the_title(); ?></h1>
-            </div>
-            
-            <div class="content without_sidebar">
-            <?php while ( have_posts() ) : the_post(); ?>
-                <?php the_content(); ?>
-            <?php endwhile; // End the loop. Whew. ?>
-                <br />
-                <div class="clear"></div>
-            </div>
-            
-            <?php require_once("footer_art.php"); ?>
-        </div>
-    </div>
-    
-    <div class="clearfix"></div>
-    
-    <?php require_once("footer.php"); ?>
-</body>
-</html>
+<?php
+/*
+Template Name: One Column
+*/
+?>
+
+<?php get_header(); ?>
+
+    <!-- container -->
+    <div class="container two_columns">
+        <div class="content without_sidebar">
+            <div class="col-sm-12">
+
+                <div class="page_title">
+                    <h1><?php the_title(); ?></h1>
+                </div>
+
+                <?php while ( have_posts() ) : the_post(); ?>
+                    <?php the_content(); ?>
+                <?php endwhile; // End the loop. Whew. ?>
+                    <br />
+                    <div class="clear"></div>
+            </div>
+        </div>
+    </div>
+    
+    <div class="clearfix"></div>
+    
+<?php get_footer(); ?>
diff --git a/gnomegr/page-newhome.php b/gnomegr/page-newhome.php
new file mode 100644
index 0000000..533b1a4
--- /dev/null
+++ b/gnomegr/page-newhome.php
@@ -0,0 +1,106 @@
+<?php
+/*
+ * Add link to global feeds instead of current page comments
+ */
+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/" />'; 
+});
+?>
+
+<?php get_header(); ?>
+
+<div class="content">
+    <section class="bg-primary">
+        <div class="container"> 
+            <div class="row">
+                <div class="col-md-12 text-center m-t-2">
+                    <p class="main_heading"><?php echo get_theme_mod( 'featured_title');?></p>
+                    <div class="col-md-8 col-centered">
+                        <p class="h3"><?php echo get_theme_mod( 'featured_subtitle');?></p>
+                    </div>
+                </div>         
+            </div>
+            <div class="row">
+                <div class="col-sm-12">
+                    <img src="<?php if (get_theme_mod( 'release_screenshot' )) : echo get_theme_mod( 
'release_screenshot'); else: echo get_template_directory_uri().'/images/home/featured_image.png'; endif; ?>" 
class="img-responsive center-block home_banner" alt="Featured image showing GNOME shell">
+                </div>
+            </div>   
+            <div class="row">
+                <div class="col-md-12 text-center">
+                    <p class="main_heading"><?php echo get_theme_mod( 'featured_heading');?></p>
+                    <div class="col-md-6 col-centered">
+                        <p><?php echo get_theme_mod( 'featured_subheading');?></p>
+                        <div class="col-md-12">
+                            <?php if ( get_theme_mod( 'featured_button_url_1' ) ) : ?>
+                            <a class="btn btn-default btn-xs-margin-bottom" href="<?php echo esc_url( 
get_page_link( get_theme_mod('featured_button_url_1'))) ?>"><?php echo esc_html( get_theme_mod( 
'featured_button_text_1')) ?></a>
+                            <?php endif; ?>
+
+                            <?php if ( get_theme_mod( 'featured_button_url_2' ) ) : ?>
+                            <a class="btn btn-default btn-xs-margin-bottom" href="<?php echo esc_url( 
get_page_link( get_theme_mod('featured_button_url_2'))) ?>"><?php echo esc_html( get_theme_mod( 
'featured_button_text_2')) ?></a>
+                            <?php endif; ?>
+                        </div>
+                    </div>
+                </div>         
+            </div>
+        </div>
+    </section>
+    <section class="bg-grey">
+        <div class="container"> 
+            <div class="row">         
+                <div class="col-sm-12">  
+                    <div class="col-sm-6">
+                        <h3><a href="<?php echo esc_url( get_page_link( 
get_theme_mod('featured_section_button_url_1'))) ?>"><?php echo esc_html( get_theme_mod( 
'featured_section_button_text_1')) ?></a></h3>
+                        <?php echo get_theme_mod( 'featured_section_text_1');?>
+                    </div>
+                    <div class="col-sm-6">
+                        <h3><a href="<?php echo esc_url( get_page_link( 
get_theme_mod('featured_section_button_url_2'))) ?>"><?php echo esc_html( get_theme_mod( 
'featured_section_button_text_2')) ?></a></h3>
+                        <?php echo get_theme_mod( 'featured_section_text_2');?>
+                    </div>
+                </div>     
+            </div>    
+        </div>
+    </section>
+    <section>
+    <div class="container">
+        <div class="news_list row">
+            <div class="col-sm-12 news">
+            <?php
+                query_posts (array('post_type' => 'post', 'category_name' => 'news', 'posts_per_page' => 4));
+
+                while ( have_posts() ) : the_post();
+            ?>
+            <div class="col-md-3 news">
+                <span class="date">
+                    <?php the_date(); ?>
+                </span>
+                <a href="<?php the_permalink(); ?>">
+                <strong><?php the_title(); ?></strong>
+                <?php echo strip_tags(get_the_excerpt()); ?>
+                </a>
+            </div>
+            <?php
+                endwhile;
+            ?>
+            <div class="col-sm-12">
+                <a href="/news/" class="btn btn-action pull-right"><?php esc_html_e( 'News Archives', 
'grass' ); ?></a>
+            </div>
+        </div>
+        </div>
+        </div>
+    </div>  <!-- END news -->
+    <section class="bg-grey">
+        <div class="container"> 
+            <div class="row">         
+                <div class="col-sm-12 text-center">  
+                    <p class="h3"><?php esc_html_e( 'Follow Us', 'grass' ); ?></p>
+                    <div class="m-t-2">
+                    <?php require_once("social_icons.php"); ?>
+                    </div>
+                </div>     
+            </div>    
+        </div>
+    </section>
+</div> <!-- END content -->
+
+<?php get_footer(); ?>
diff --git a/gnomegr/page-news.php b/gnomegr/page-news.php
index c3e179b..aed6db8 100644
--- a/gnomegr/page-news.php
+++ b/gnomegr/page-news.php
@@ -1,81 +1,67 @@
-<?php
-/**
- * @package GNOME Website
- * @subpackage Grass Theme
- */
-
-add_action('wp_head', 'add_news_stylesheet');
-
-function add_news_stylesheet() {
-    echo '<link rel="stylesheet" type="text/css" media="all" 
href="'.get_bloginfo('template_url').'/css/news.css" />';
-}
-
-$is_news_home = true;
-
-
-/*
- * Add link to global feeds instead of current page comments
- */
-automatic_feed_links(false);
-add_action('wp_head', function() {
-   echo '<link rel="alternate" type="application/rss+xml" title="'.get_bloginfo('name').' &raquo; Feed" 
href="'.home_url('/').'feed/" />'; 
-});
-
-
-require_once("header.php"); ?>
-
-    <!-- container -->
-    <div id="container" class="two_columns">
-        <div class="container_12">
-        
-            <div class="page_title">
-                <h1><?php echo __('Αρχείο Ειδήσεων/Ανακοινώσεων', 'grass');?></h1>
-            </div>
-            
-            <div class="content">
-            
-                <?php the_content(); ?>
-                <?php
-                
-                $original_query = clone $wp_query;
-                
-                $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
-                get_query_var('page');
-                query_posts(array('post_type' => 'post', 'posts_per_page' => 10, 'paged' => $paged));
-                
-                ?>
-                
-                <ul class="news_list">
-                    <?php while ( have_posts() ) : the_post(); ?>
-                        <li>
-                            <span class="date"><?php the_date(); ?></span>
-                            <a href="<?php the_permalink();?>"><?php the_title(); ?></a>
-                            <p><?php the_excerpt(); ?></p>
-                        </li>
-                    <?php endwhile; // End the loop. Whew. ?>
-                </ul>
-                
-                <?php if (  $wp_query->max_num_pages > 1 ) : ?>
-                <div class="page_navigation">
-                    <span class="next"><?php previous_posts_link(__('Νεότερες καταχωρήσεις', 'grass')); 
?></span>
-                    <span class="prev"><?php next_posts_link(__('Παλαιότερες καταχωρήσεις', 'grass')); 
?></span>
-                    <div class="clear"></div>
-                </div>
-                <?php endif; ?>
-                <div class="clear"></div>
-            </div>
-            
-            <div class="sidebar">
-                
-                <?php require_once("news_sidebar.php");?>
-                
-            </div>
-            <?php require_once("footer_art.php"); ?>
-        </div>
-    </div>
-    
-    <div class="clearfix"></div>
-    
-    <?php require_once("footer.php"); ?>
-</body>
-</html>
+<?php
+/**
+ * @package GNOME Website
+ * @subpackage Grass Theme
+ */
+
+$is_news_home = true;
+
+/*
+ * Add link to global feeds instead of current page comments
+ */
+add_action('wp_head', function() {
+   echo '<link rel="alternate" type="application/rss+xml" title="'.get_bloginfo('name').' &raquo; Feed" 
href="'.home_url('/').'feed/" />'; 
+});
+?>
+
+<?php get_header(); ?>
+
+    <!-- container -->
+    <div id="container" class="two_columns">
+        <div class="container">
+            <div class="col-xs-12">
+                <div class="page_title">
+                    <h1><?php esc_html_e('News', 'grass');?></h1>
+                </div>
+            </div>
+            <div class="content col-md-9">
+            
+                <?php the_content(); ?>
+                <?php
+                
+                $original_query = clone $wp_query;
+                
+                $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
+                get_query_var('page');
+                query_posts(array('post_type' => 'post', 'posts_per_page' => 10, 'paged' => $paged));
+                
+                ?>
+                
+                <ul class="news_list">
+                    <?php while ( have_posts() ) : the_post(); ?>
+                        <li>
+                            <span class="date"><?php the_date(); ?></span>
+                            <a href="<?php the_permalink();?>"><?php the_title(); ?></a>
+                            <p><?php the_excerpt(); ?></p>
+                        </li>
+                    <?php endwhile; // End the loop. Whew. ?>
+                </ul>
+                
+                <?php if (  $wp_query->max_num_pages > 1 ) : ?>
+                <div class="page_navigation clearfix">
+                    <span class="next"><?php previous_posts_link(__('Newer posts', 'grass')); ?></span>
+                    <span class="prev"><?php next_posts_link(__('Older posts', 'grass')); ?></span>
+                </div>
+                <?php endif; ?>
+                <div class="clear"></div>
+            </div>
+            
+            <div class="sidebar col-md-3">
+                <?php require_once("news_sidebar.php");?>
+            </div>
+        </div>
+    </div>
+    
+    <div class="clearfix"></div>
+    
+<?php get_footer(); ?>
diff --git a/gnomegr/search.php b/gnomegr/search.php
index 0c99312..ed9f246 100644
--- a/gnomegr/search.php
+++ b/gnomegr/search.php
@@ -1,93 +1,81 @@
-<?php
-/**
- * @package GNOME Website
- * @subpackage Grass Theme
- */
-
-require_once("header.php"); ?>
-
-    <!-- container -->
-    <div id="container" class="two_columns">
-        <div class="container_12">
-
-            <?php if ( have_posts() ) : ?>
-                <div class="page_title">
-                    <h1><?php _e( 'Ψάχνετε για', 'grass' ); ?> <em><?php echo 
htmlentities(strip_tags($_GET['s']));?></em>...</h1>
-                </div>
-                
-                <div class="content">
-                    <dl>
-                    <?php while ( have_posts() ) : the_post(); ?>
-                        <dt><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></dt>
-                        <dd><?php the_excerpt(); ?></dd>
-                    <?php endwhile; // End the loop. Whew. ?>
-                    </dl>
-                    
-                    <?php if (  $wp_query->max_num_pages > 1 ) : ?>
-                    <div class="page_navigation">
-                        <span class="prev"><?php previous_posts_link(__('Προηγούμενη σελίδα', 'grass')); 
?></span>
-                        <span class="next"><?php next_posts_link(__('Επόμενη σελίδα', 'grass')); ?></span>
-                        <div class="clear"></div>
-                    </div>
-                    <?php endif; ?>
-                    <div class="clear"></div>
-                </div>
-                
-                <div class="sidebar">
-                    &nbsp;
-                </div>
-                
-            <?php else : ?>
-            
-                <div class="content without_sidebar">
-                    
-                    <div class="grid_10 alpha prefix_1 omega suffix_1">
-                    
-                        <p><?php get_search_form(); ?></p>
-                        
-                        <hr />
-                    
-                        <h2><?php _e( 'Συγγνώμη, αλλά ψάχνετε για κάτι που δεν βρίσκεται εδώ.', 'grass' ); 
?></h2>
-                        
-                        <p><?php _e( 'Προτάσεις:', 'grass' ); ?></p>
-                        
-                        <ul>
-                            <li><?php _e( 'Βεβαιωθείτε πως όλες οι λέξεις έχουν γραφτεί σωστά.', 'grass' ); 
?></li>
-                            <li><?php _e( 'Δοκιμάστε διαφορετικές λέξεις-κλειδιά.', 'grass' ); ?></li>
-                            <li><?php _e( 'Δοκιμάστε λιγότερες λέξεις-κλειδιά.', 'grass' ); ?></li>
-                        </ul>
-                        
-                        <p>
-                        <?php
-                        printf(
-                                __( 'Αν έχετε χαθεί, μπορείτε να κάνετε αναζήτηση για τη λέξη-κλειδή %1$s σε 
όλους τους ιστότοπους του GNOME στο %2$s.', 'grass'),
-                                '“'.htmlspecialchars(stripslashes(strip_tags($_GET['s']))).'”',
-                                '<a 
href="http://google.com/search?q='.htmlspecialchars(stripslashes(strip_tags($_GET['s']))).'%20site:gnome.gr">Google</a>'
-                            );
-                        ?>
-                        </p>
-                        
-                        <!-- Never to get lost is not to live. -->
-                        
-                    </div>
-                    <div class="clear"></div>
-                    
-            </div>
-            <?php endif; ?>
-            
-            <?php
-            if ( have_posts() ) :
-                $footer_art = 'search';
-            else:
-                $footer_art = 'search_no-results';
-            endif;
-            ?>
-            <?php require_once("footer_art.php"); ?>
-        </div>
-    </div>
-    
-    <div class="clearfix"></div>
-    
-    <?php require_once("footer.php"); ?>
-</body>
-</html>
+<?php
+/**
+ * @package GNOME Website
+ * @subpackage Grass Theme
+ */
+?>
+
+<?php get_header(); ?>
+
+    <!-- container -->
+    <div class="container two_columns">
+
+            <?php if ( have_posts() ) : ?>
+                <div class="page_title">
+                    <h1><?php esc_html_e( 'Looking for', 'grass' ); ?> <em><?php echo 
htmlentities(strip_tags($_GET['s']));?></em>...</h1>
+                </div>
+                
+                <div class="content">
+                    <dl>
+                    <?php while ( have_posts() ) : the_post(); ?>
+                        <dt><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></dt>
+                        <dd><?php the_excerpt(); ?></dd>
+                    <?php endwhile; // End the loop. Whew. ?>
+                    </dl>
+                    
+                    <?php if (  $wp_query->max_num_pages > 1 ) : ?>
+                    <div class="page_navigation">
+                        <span class="prev"><?php previous_posts_link(__('Previous page', 'grass')); ?></span>
+                        <span class="next"><?php next_posts_link(__('Next page', 'grass')); ?></span>
+                        <div class="clear"></div>
+                    </div>
+                    <?php endif; ?>
+                    <div class="clear"></div>
+                </div>
+                
+                <div class="sidebar">
+                    &nbsp;
+                </div>
+                
+            <?php else : ?>
+            
+                <div class="content without_sidebar">
+                    
+                    <div class="col-lg-7 col-lg-offset-0 col-sm-8 col-sm-offset-0 col-xs-7 col-xs-offset-2">
+                    
+                        <p><?php get_search_form(); ?></p>
+                        
+                        <hr />
+                    
+                        <h1><?php esc_html_e( 'Sorry, but nothing was found.', 'grass' ); ?></h1>
+                        
+                        <p><?php esc_html_e( 'Suggestions:', 'grass' ); ?></p>
+                        
+                        <ul>
+                            <li><?php esc_html_e( 'Make sure all words are spelled correctly.', 'grass' ); 
?></li>
+                            <li><?php esc_html_e( 'Try different keywords.', 'grass' ); ?></li>
+                            <li><?php esc_html_e( 'Try fewer keywords.', 'grass' ); ?></li>
+                        </ul>
+                        
+                        <p>
+                        <?php
+                        printf(
+                              /* translators: %1$s is the search keyword, %2$s refers to Google */  __( 'If 
you feel lost, you may want to search for %1$s in all GNOME websites on %2$s.', 'grass'),
+                                '“'.htmlspecialchars(stripslashes(strip_tags($_GET['s']))).'”',
+                                '<a 
href="http://google.com/search?q='.htmlspecialchars(stripslashes(strip_tags($_GET['s']))).'%20site:gnome.org">Google</a>'
+                            );
+                        ?>
+                        </p>
+                        
+                        <!-- Never to get lost is not to live. -->
+                        
+                    </div>
+                    <div class="clear"></div>
+                    
+            </div>
+            <?php endif; ?>
+    </div>
+    
+    <div class="clearfix"></div>
+    
+<?php get_footer(); ?>
diff --git a/gnomegr/single.php b/gnomegr/single.php
index 9230a1f..21e1b1e 100644
--- a/gnomegr/single.php
+++ b/gnomegr/single.php
@@ -1,30 +1,30 @@
-<?php
-/**
- * @package GNOME Website
- * @subpackage Grass Theme
- */
-
-
-$post_type = get_post_type();
-$post_category = get_the_category();
-
-if($post_type == 'post') {
-
-    if($post_category[0]->slug == 'quarterly-reports') {
-        require_once('one-column.php');
-    } else {
-               require_once('news.php');
-    }
-
-} elseif($post_type == 'projects') {
-    
-    require_once('project.php');
-    
-} else {
-
-    require_once('one-column.php');
-    
-}
-
-
-?>
+<?php
+/**
+ * @package GNOME Website
+ * @subpackage Grass Theme
+ */
+
+
+$post_type = get_post_type();
+$post_category = get_the_category();
+
+if($post_type == 'post') {
+
+    if($post_category[0]->slug == 'quarterly-reports') {
+        require_once('one-column.php');
+    } else {
+        require_once('news.php');
+    }
+
+} elseif($post_type == 'projects') {
+    
+    require_once('project.php');
+    
+} else {
+
+    require_once('one-column.php');
+    
+}
+
+
+?>
diff --git a/gnomegr/social_icons.php b/gnomegr/social_icons.php
new file mode 100644
index 0000000..bf52318
--- /dev/null
+++ b/gnomegr/social_icons.php
@@ -0,0 +1,6 @@
+    <div class="social_network_icons">
+        <a href="https://gnome.gr/feed"; target="_blank" aria-label="RSS Feed"><i class="fa fa-2x fa-rss" 
aria-hidden="true" title="RSS Feed"></i></a>
+        <a href="https://www.facebook.com/gnomegr"; target="_blank" aria-label="GNOMEGR on Facebook"><i 
class="fa fa-2x fa-facebook" aria-hidden="true" title="GNOMEGR on Facebook"></i></a>
+        <a href="https://twitter.com/gnomegr"; target="_blank" aria-label="GNOMEGR on Twitter"><i class="fa 
fa-2x fa-twitter" aria-hidden="true" title="GNOMEGR on Twitter"></i></a>
+        <a href="https://plus.google.com/+GnomeGr"; target="_blank" aria-label="GNOMEGR on Google Plus"><i 
class="fa fa-2x fa-google-plus" aria-hidden="true" title="GNOMEGR on Google Plus"></i></a>
+    </div>
diff --git a/gnomegr/style.css b/gnomegr/style.css
index 340adfa..aa68134 100644
--- a/gnomegr/style.css
+++ b/gnomegr/style.css
@@ -1,1055 +1,824 @@
-/*
-Theme Name: GNOME Grass
-Theme URI: http://gnome.org/
-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/960.css");
-
-
-
-
-
-/* Base information */
-/* ========================================================================== */
-
-html {
-    background: #fff url(images/html-bg.png) 0 10px repeat-x;
-}
-body {
-
-}
-a {
-    color: #204a87;
-}
-a:hover {
-    color: #3465a4;
-}
-a:visited {
-               color: #5d396e;
-}
-.left {
-    float: left;
-}
-.right {
-    float: right;
-}
-.hidden {
-    display: none;
-}
-.maxwidth {
-    width: 940px;
-    margin: 0 auto;
-}
-.sanewidth {
-    width: 780px;
-    margin: 0 auto;
-}
-
-
-
-/* Accessibility access */
-/* ========================================================================== */
-
-
-
-#accessibility_access {
-    position: absolute;
-    left: 0;
-    /* Not visible by default? */
-    top: -200px;
-}
-
-
-
-/* Global Domain Bar */
-/* ========================================================================== */
-
-
-
-#global_domain_bar {
-    background: #fff;
-    height: 10px;
-}
-#global_domain_bar .maxwidth {
-    position: relative;
-}
-#global_domain_bar a.extensions,
-#global_domain_bar a.mail,
-#global_domain_bar a {
-    margin-right: 10px;
-    float: right;
-    background: #fff url(images/favicon.png) 8px 6px no-repeat;
-    padding: 2px 8px 2px 26px;
-    color: #555753;
-    text-decoration: none;
-    font-size: 13px;
-    -moz-border-radius: 5px #8fb3d9;
-    -webkit-border-radius: 5px #8fb3d9;
-    box-shadow: 0 4px 2px -2px #8fb3d9;
-    border-radius: 5px;
-}
-#global_domain_bar a.mail {
-    margin-right: 25px;
-    background: #fff url(images/mail-icon.gif) 8px 6px no-repeat;
-}
-#global_domain_bar a.extensions {
-    margin-right: 25px;
-    background: #fff url(images/extensions.png) 8px 5px no-repeat;
-}
-
-
-/* Header */
-/* ========================================================================== */
-
-
-
-#header {
-    margin: 20px auto 0;
-}
-#header img {
-    vertical-align: middle;
-    float: left;
-    margin-right: 10px;
-}
-#header #logo {
-   float: left;
-}
-#header #logo h1 {
-    margin: 0;
-}
-#header #logo img {
-       -webkit-transition: opacity 200ms ease-out;
-       -moz-transition: opacity 200ms ease-out;
-       transition: opacity 200ms ease-out;
-       opacity: 1;
-       margin-left: -3px;
-       height: 76px;
-       width: 199px;
-}
-#header #logo img:hover {
-   opacity: 0.85;
-}
-#home_banner img {
-    width: 940px;
-    height: 280px;
-    display: block;
-    margin: 0 auto;
-}
-
-
-/* Top bar */
-/* ========================================================================== */
-
-
-
-#top_bar {
-    background: #2e3436 url("images/top_bar-bg.png") top repeat-x;
-    padding: 8px 0;
-    margin-top: 23px;
-    font-size: 13px;
-    line-height: normal;
-    -moz-border-radius: 6px;
-    -webkit-border-radius: 6px;
-    border-radius: 6px;
-    -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);
-}
-#top_bar ul {
-    list-style: none;
-    margin: 0;
-    padding: 0 5px;
-}
-#top_bar ul li {
-    display: inline;
-    margin: 0 5px 0 0;
-}
-#top_bar a {
-    color: #fff;
-    text-decoration: none;
-    padding: 4px 7px;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    outline: 0;
-    -webkit-transition: background 100ms linear;
-    -moz-transition: background 100ms linear;
-    transition: background 100ms linear;
-    text-shadow: 0 1px 0 #000;
-}
-#top_bar a:hover {
-    background: #64696d;
-    background: rgba(100%, 100%, 100%, 0.2);
-}
-#top_bar a:focus {
-    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);
-}
-#top_bar li.selected a {
-    font-weight: bold;
-}
-#top_bar li a span.home {
-    background: url("images/top_bar-item-home.png") no-repeat;
-    padding-left: 18px;
-}
-#top_bar #main_search {
-    text-align: right;
-}
-#top_bar input {
-    margin: -8px 0 -8px -8px;
-    line-height: 22px;
-    width: 120px;
-    border: 0;
-    font: inherit;
-    color: inherit;
-    padding: 8px 5px 8px 28px;
-    background: transparent url(images/search-icon.png) 8px center no-repeat;
-    color: #fff;
-    border-left: 1px solid rgba(100%,100%,100%,0.3);
-    outline: none;
-}
-#top_bar input.placeholder {
-    color: #CCC;
-}
-#top_bar input:focus {
-    background-color: rgba(100%,100%,100%,0.1);
-    -moz-border-radius-topright: 5px;
-    -moz-border-radius-bottomright: 5px;
-    -webkit-border-top-right-radius: 6px;
-    -webkit-border-bottom-right-radius: 6px;
-    border-top-right-radius: 6px;
-    border-bottom-right-radius: 6px;
-}
-
-
-
-/* Page Title */
-/* ========================================================================== */
-
-
-
-.page_title {
-   margin: 10px 10px 20px;
-   border-bottom: 1px solid #d3d7cf;
-}
-.page_title h1 {
-    margin: 0 0 6px;
-    font-size: 37px;
-    text-shadow: 0 1px 0 #fff;
-    line-height: normal;
-    letter-spacing: -0.05em;
-}
-.page_title h1 a {
-    text-decoration: none;
-    color: inherit;
-}
-.page_title h1 a:hover {
-    text-decoration: underline;
-}
-.page_title.with_subpages_list {
-    display: table-row;
-}
-.page_title.with_subpages_list h1 {
-    display: table-cell;
-    width: 100%;
-}
-
-/* -> subpages list */
-
-/*
- * This is not used right now, but allows to put links by the side of
- * the title of the page.
- */
- 
-.page_title .subpages_list {
-   list-style: none;
-   clear: left;
-   margin: 0;
-   padding-bottom: 4px;
-   display: table-cell;
-   text-align: right;
-   white-space: nowrap;
-   vertical-align: bottom;
-}
-.page_title .subpages_list li {
-   display: inline;
-   padding: 0;
-   margin: 0 0 0 0.5em;
-}
-.page_title .subpages_list li a {
-   color: inherit;
-   text-decoration: none;
-   padding: 3px 6px;
-}
-.page_title .subpages_list li a:hover {
-   outline: 0;
-   background: red;
-   background: #dde5ef url(images/focus-bg.png) top repeat-x;
-   border: 1px solid #bbc5d5;
-   padding: 2px 5px;
-   -moz-border-radius: 4px;
-   -webkit-border-radius: 4px;
-   border-radius: 4px;
-}
-.page_title .subpages_list li.current_page_item a {
-   font-weight: bold;
-}
-
-
-
-/* News Title */
-/* ========================================================================== */
-
-
-
-.news_title h1 {
-    margin-top: 0;
-    color: #333;
-    font-weight: normal;
-    font-size: 32px;
-    line-height: 100%;
-    letter-spacing: -0.04em;
-}
-.news_title .date {
-    margin: 0;
-    color: #3465a4;
-}
-
-
-
-
-/* Container */
-/* ========================================================================== */
-
-
-
-#container {
-    padding-top: 20px;
-    color: #555;
-    width: 960px;
-    margin: auto;
-    min-height: 240px;
-}
-
-/*
- * this is basically used to force specific elements not to use
- * grid_* classes
- */
-#container .page_title, #container .content, #container .sidebar {
-    display: inline;
-    float: left;
-    margin-left: 10px;
-    margin-right: 10px;
-}
-#container .content, #container .page_title {
-    width: 940px;
-}
-#container.two_columns .content {
-    width: 700px;
-}
-#container.two_columns .content.without_sidebar {
-    width: 940px;
-}
-#container.two_columns .sidebar {
-    width: 220px;
-}
-
-
-
-/* Content specs */
-/* ========================================================================== */
-
-
-
-/*
- * -> Call to Action boxes
- *
- *
- */
-
-.action_box {
-   background: #fffae5 url(images/action_box-bg.png) repeat-x bottom;
-   -moz-box-shadow: 0 1px 2px #e5d693, inset 0 1px rgba(100%, 100%, 100%, 0.4);
-   -webkit-box-shadow: 0 1px 2px #e5d693, inset 0 1px rgba(100%, 100%, 100%, 0.4);
-   box-shadow: 0 1px 2px #e5d693, inset 0 1px rgba(100%, 100%, 100%, 0.4);
-   padding: 10px;
-   -moz-border-radius: 5px;
-   -webkit-border-radius: 5px;
-   border-radius: 5px;
-   border: 1px solid #e7d172;
-}
-
-
-/*
- * -> Subtle boxes
- *
- * .subtle_box can be used inside grid classes to make simple box delimiters
- * (without grids inside of it) or as a child of container class to allow columns on it
- *
- */
-
-.subtle_greybox,
-.subtle_box {
-    margin: 0 0 20px;
-    padding: 9px;
-    background: #fff;
-    border: 1px solid #d3d7cf;
-    border-color: rgba(0,0,0,0.15);
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-    box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-}
-
-.subtle_greybox {
-    background: #f6f6f6;
-}
-
-/*
- * --> Navigation list
- *
- * Navigation lists are used to generate a list of links which are in the same
- * hierarchical level of the current page. Use it preferably in a grid_3 element.
- *
- * Don't forget to highlight with <li class="current_page_item"> the current page.
- *
- */
-
-.navigation_list {
-    background: #fff;
-    margin: 0 0 20px;
-    padding: 0;
-    border: 1px solid #d3d7cf;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    -moz-border-radius: 6px;
-    -webkit-border-radius: 6px;
-    border-radius: 6px;
-    list-style: none;
-    font-size: small;
-    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), inset 0 1px 2px #fff;
-    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), inset 0 1px 2px #fff;
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), inset 0 1px 2px #fff;
-}
-.navigation_list > li {
-    margin: 0;
-    background: #f5f5f4;
-    border: 1px solid #fff;
-    border-bottom-color: #d3d7cf;
-}
-.navigation_list > li.current_page_item,
-.navigation_list > li a.navTreeCurrentItem {
-   background: #dde5ef url(images/focus-bg.png) top repeat-x;
-}
-.navigation_list li:first-child {
-   -moz-border-radius-topleft: 5px;
-   -moz-border-radius-topright: 5px;
-   -webkit-border-top-left-radius: 5px;
-   -webkit-border-top-right-radius: 5px;
-   border-top-left-radius: 5px;
-   border-top-right-radius: 5px;
-}
-.navigation_list li:last-child {
-   border-bottom: 0;
-}
-.navigation_list li:last-child {
-   -moz-border-radius-bottomleft: 5px;
-   -moz-border-radius-bottomright: 5px;
-   -webkit-border-bottom-left-radius: 5px;
-   -webkit-border-bottom-right-radius: 5px;
-   border-bottom-left-radius: 5px;
-   border-bottom-right-radius: 5px;
-}
-.navigation_list a {
-    padding: 6px 9px;
-    color: inherit;
-    text-decoration: none;
-    font-weight: bold;
-    display: block;
-    text-shadow:  white 0 1px 0;
-}
-.navigation_list a.without_icon {
-   padding-left: 37px;
-}
-.navigation_list a:hover {
-    color: #3465a4;
-    background: rgba(100%,100%,100%,0.5);
-    /*-webkit-transition: all 200ms linear;*/
-}
-.navigation_list a:focus {
-   background: #dde5ef url(images/focus-bg.png) top repeat-x;
-   outline: 0;
-   padding: 2px 5px;
-   margin: 3px;
-   border: 1px solid #bbc5d5;
-   -moz-border-radius: 4px;
-   -webkit-border-radius: 4px;
-   border-radius: 4px;
-}
-.navigation_list a.without_icon:focus {
-   padding-left: 33px;
-}
-.navigation_list a img {
-    vertical-align: middle;
-    margin-right: 6px;
-}
-.navigation_list > li ul {
-    background: #fff;
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-.navigation_list > li ul li {
-    border-top: 1px solid #ececec;
-    margin: 0;
-    padding: 0;
-}
-.navigation_list > li ul li:first-child {
-   border-top: 0;
-}
-.navigation_list > li ul li a {
-    font-weight: normal;
-    padding: 4px 9px;
-    color: #555753;
-}
-.navigation_list > li ul li.current_page_item a {
-    font-weight: bold;
-}
-.navigation_list > li ul li a:focus {
-   padding: 0 5px;
-}
-.navigation_list > li ul  {
-   padding-top: 1px;
-}
-
-/* -> Simple List */
-
-.simple_list {
-    margin: 0 0 20px;
-    padding: 0;
-    list-style: none;
-}
-.simple_list li {
-    border: 1px solid #eeeeec;
-    border-left: 0;
-    border-right: 0;
-    padding: 0;
-    margin: 0;
-}
-.simple_list li a {
-    padding: 3px 8px;
-    text-decoration: none;
-    display: block;
-    color: #888a85;
-}
-
-/* -> Iconified Menu */
-
-ul.iconified_menu {
-   list-style: none;
-   margin: 0 0 20px;
-   font-size: small;
-}
-ul.iconified_menu li {
-   margin: 0 0 5px;
-}
-ul.iconified_menu li a {
-   padding: 5px;
-   display: block;
-   text-decoration: none;
-   border: 1px solid transparent;
-   overflow: hidden;
-   -moz-border-radius: 5px;
-   -webkit-border-radius: 5px;
-   border-radius: 5px;
-}
-ul.iconified_menu li a:hover, ul.iconified_menu li a:focus {
-   background: #dde5ef url(images/focus-bg.png) top repeat-x;
-   outline: 0;
-   border: 1px solid #bbc5d5;
-}
-ul.iconified_menu li a img {
-   float: left;
-   margin-right: 5px;
-}
-
-/* -> Definition Lists */
-
-dl dt {
-    font-weight: 700;
-}
-dl dt a {
-    color: inherit;
-}
-dl dt a:visited {
-    color: #ef8e4f;
-}
-
-/* -> Definition Lists with icons */
-
-/* Icons are defined as 48x48 pixels by default */
-
-dl.icon_list dt, dl.icon_list dd {
-   margin-left: 58px;
-}
-dl.icon_list dt img {
-   float: left;
-   width: 48px;
-   height: 48px;
-   margin: 0 10px 0 -58px;
-}
-
-
-/* -> Action Button */
-
-.name_directory_submit_bottom_link,
-.name_directory_startswith,
-.action_button {
-    display: inline-block;
-    padding: 0 14px;
-    border: 1px solid #ccc;
-    margin-left:20px;
-    margin-right:20px;
-    background: #ececec url(images/action_button-bg.png) center repeat-x;
-    -moz-border-radius: 15px;
-    -webkit-border-radius: 15px;
-    border-radius: 15px;
-    color: #2e3436;
-    text-shadow: 0 1px 0 #fff;
-    text-decoration: none;
-    line-height: 1.8;
-    -webkit-transition: background-position 100ms linear;
-    -moz-transition: background-position 100ms linear;
-    transition: background-position 100ms linear;
-    -moz-box-shadow: inset 0 1px 0 #fff;
-    -webkit-box-shadow: inset 0 1px 0 #fff;
-    box-shadow: inset 0 1px 0 #fff;
-    outline: none;
-}
-
-.action_button:hover {
-    background-position: top;
-    color: #000;
-}
-.action_button:visited {
-    color: inherit;
-}
-.action_button:active {
-    -moz-box-shadow: inset 0 2px 3px rgba(0,0,0,0.4);
-    -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.4);
-    box-shadow: inset 0 2px 3px rgba(0,0,0,0.4);
-    background-position: bottom;
-}
-
-
-/*
- * --> News list
- *
- * This is initially used in the home page for displaying the news
- *
- */
-
-.news_list {
-    list-style: none;          /*se periptwsi metavasis sto page-home afinoume keno to tag*/
-}
-/*.news_list .news strong {
-    display: block;
-    min-height: 44px;
-}
-.grid_4.news:first-child {
-    margin-left: 0px;
-}*/
-.news_list .news {
-    margin-bottom: 20px;
-}
-.news_list .news .date {
-    font-family: 'Droid Serif', 'DejaVu Serif', Cambria, Georgia, serif;
-    color: #888a85;
-}
-.news_list .news a {
-    color: #555753;
-    display: block;
-    text-decoration: none;
-}
-.news_list .news a strong {
-    font-size: 18px;
-    color: #000;
-    line-height: 1.5;
-}
-.news_list .news a:hover strong {
-    text-decoration: underline;
-}
-.news_list .action_button {
-    float: right;
-    margin-bottom: 0.8em;
-}
-
-
-/* Page Navigation */
-/* ========================================================================== */
-
-
-
-.page_navigation {
-    margin: 30px auto 0;
-}
-.page_navigation .prev, .page_navigation .next {
-    height: 32px;
-    line-height: 32px;
-}
-.page_navigation a {
-    text-decoration: none;
-    color: inherit;
-}
-.page_navigation a:hover {
-    text-decoration: underline;
-}
-.page_navigation .prev a {
-    float: left;
-    background: url(images/go-previous.png) top left no-repeat;
-    padding-left: 40px;
-}
-.page_navigation .next a {
-    float: right;
-    background: url(images/go-next.png) top right no-repeat;
-    padding-right: 40px;
-}
-
-
-
-/* Footer Artwork */
-/* ========================================================================== */
-
-
-
-#footer_art {
-    background: transparent no-repeat;
-    height: 180px;
-    margin-top: 0;
-    clear: left;
-}
-#footer_art.none {
-    height: 30px;
-    margin-top: 0;
-}
-#footer_art.default {
-    background-image: url(images/footer_arts/default.png);
-}
-
-
-/* Footer Grass */
-/* ========================================================================== */
-
-#footer_grass {
-    background: url(images/grass.png) top center repeat-x;
-    height: 39px;
-    margin-top: -33px;
-}
-/* Footer */
-/* ========================================================================== */
-
-
-
-#footer {
-    clear: left;
-    /*background: #d3d7cf url(images/grass.png) top center repeat-x;*/
-    background: #d3d7cf;
-    color: #555753;
-    padding: 20px 0;
-}
-#footer div.links > div > ul > li {
-    float: left;
-    margin: 0 40px 10px 0;
-}
-#footer div.links div a, #footer div.links div strong {
-    display: block;
-    text-decoration: none;
-}
-#footer div.links div a:hover, #footer div.links div a:focus {
-    text-decoration: underline;
-}
-#footer div.language {
-    float: right;
-}
-#footer div.language a {
-    display: table-cell;
-    vertical-align: middle;
-    text-align: center;
-    width: 220px;
-    height: 110px;
-    background: url(images/footer-map.png) center center no-repeat;
-    outline: none;
-    text-decoration: none;
-}
-#footer div.language a span {
-    background: #f4f4f4;
-    background: -moz-linear-gradient(bottom, #ececec, #fff);
-    background: -webkit-linear-gradient(bottom, #ececec, #fff);
-    background: linear-gradient(bottom, #ececec, #fff);
-    padding: 4px 12px;
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
-    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
-    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
-    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
-    color: #333;
-}
-
-#footer div.language a span.loading {
-    display: none;
-}
-#footer div.language a.loading {
-    cursor: wait !important;
-}
-#footer div.language a.loading span.switch {
-    display: none;
-}
-#footer div.language a.loading span.loading {
-    display: inline-block;
-}
-#footer div.language a:hover span.switch {
-    background: #fff;
-    background: -moz-linear-gradient(bottom, #fff, #fff);
-}
-
-#footer div.icons {
-    float: right;
-}
-#footer div.icons a {
-    display: table-cell;
-    vertical-align: middle;
-    text-align: center;
-    width: 220px;
-    height: 110px;
-    outline: none;
-    text-decoration: none;
-}
-
-#footer ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-#footer ul li {
-    margin: 0;
-    padding: 0;
-}
-#footer ul.menu > li > a {
-    font-weight: bold;
-}
-#footer .links a {
-    color: inherit;
-    -webkit-transition: background-color 100ms ease-in;
-    -moz-transition: background-color 100ms ease-in;
-    transition: background-color 100ms ease-in;
-}
-#footer .links a:focus {
-    background: #ececec;
-    padding: 1px 3px;
-    margin: -1px -3px;
-    text-decoration: none !important;
-    outline: 0;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-}
-#footer #footnotes {
-    margin-top: 20px;
-}
-#footer #footnotes small {
-    font-size: 88%;
-}
-#footer #footnotes a {
-    color: inherit;
-}
-
-
-/* Separators */
-/* ========================================================================== */
-hr {
-    border: 0 #ccc solid;
-    border-top-width: 1px;
-    clear: both;
-    height: 0;
-    margin: 30px 0;
-}
-hr.top_shadow,
-hr.bottom_shadow {
-    height: 25px;
-    background: url(../images/hr-shadow.png) no-repeat bottom;
-    background-size: contain;
-    border: 0;
-}
-hr.bottom_shadow {
-    -moz-transform: rotate(180deg);
-    -webkit-transform: rotate(180deg);
-    transform: rotate(180deg);
-}
-
-
-
-
-/* Social Network List */
-/* ======================================== */
-
-.social_network_icons {
-    overflow: hidden;
-}
-.social_network_icons ul {
-    list-style: none;
-    margin: 0 0 1px;
-    padding: 0;
-    overflow: hidden;
-    display: table;
-    width: 100%;
-}
-.social_network_icons ul li {
-    margin: 0;
-    padding: 0;
-    display: table-cell;
-    vertical-align: top;
-    width: 20%;
-}
-.social_network_icons ul li a {
-    display: block;
-    text-align: center;
-    text-decoration: none;
-    color: inherit;
-    padding: 10px 0 6px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    outline: none;
-    font-size: 11px;
-}
-.social_network_icons ul li a img {
-    display: block;
-    margin: 0 auto;
-
-}
-.social_network_icons ul li a:hover, .social_network_icons ul li a:focus {
-    background: #ececec;
-}
-.social_network_icons ul li a:active {
-    background: #ececec;
-    position: relative;
-    top: 1px;
-    -moz-box-shadow: inset 0 1px 3px #ccc;
-    -webkit-box-shadow: inset 0 1px 3px #ccc;
-    box-shadow: inset 0 1px 3px #ccc;
-}
-
-.welcome_text {
-       text-align: center;
-       margin-top: 20px;
-}
-
-.fb-like span {
-       height:27px !important;
-}
-
-/* Crafted Content */
-/* ========================================================================== */
-
-.crafted_content {
-    margin: 40px 0 0;
-}
-.crafted_content img {
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-}
-
-.crafted_content .section {
-    margin-bottom: 40px;
-    overflow: hidden;
-}
-.crafted_content .section h2,
-.crafted_content .section h3 {
-    color: #2e3436;
-    margin-top: 0;
-}
-.crafted_content .section.image-right .text {
-    float: left;
-    width: 480px;
-}
-.crafted_content .section.image-left .text {
-    float: right;
-    width: 480px;
-}
-.crafted_content .section .image {
-    display: block;
-    width: 420px;
-}
-.crafted_content .section .image img {
-    width: 420px;
-    display: block;
-}
-.crafted_content .section.image-right .image {
-    margin-left: 40px;
-    float: right;
-}
-.crafted_content .section.image-left .image {
-    margin-right: 40px;
-    float: left;
-}
-.crafted_content .section .thumbs {
-    display: table;
-    padding: 20px 0 0 0;
-    margin: 0;
-    list-style: none;
-}
-.crafted_content .section .thumbs li {
-    display: table-cell;
-    padding: 0 20px 0 0;
-    margin: 0;
-    list-style: none;
-    vertical-align: middle;
-}
-.crafted_content .section .thumbs li:last-child {
-    padding-right: 0;
-}
-.crafted_content .section .thumbs li > a {
-    display: block;
-    padding: 4px;
-    border: 1px solid #ccc;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-    position: relative;
-}
-.crafted_content .section .thumbs li .inline a {
-    color: inherit;
-    text-decoration: none;
-}
-.crafted_content .section .thumbs li .inline a:hover {
-    text-decoration: underline;
-}
-.crafted_content .section .thumbs img {
-    width: 120px;
-    height: 80px;
-    display: block;
-    background: #ccc;
-}
-.crafted_content .section .thumbs a .play {
-    position: absolute;
-    width: 120px;
-    height: 80px;
-    top: 0;
-    left: 0;
-    background: url(images/video-play.png) center center no-repeat;
-    margin: 4px;
-}
+/*
+Theme Name: GNOME Grass
+Theme URI: http://gnome.org/
+Author: Vinicius Depizzol <vdepizzol gmail com>
+Description: The original theme for the GNOME Project website.
+Version: 2.0.0
+Text Domain: grass
+*/
+
+@import url("css/text.css");
+
+/* Base information */
+/* ========================================================================== */
+
+.left {
+    float: left;
+}
+.right {
+    float: right;
+}
+.hidden {
+    display: none;
+}
+.center-text {
+    text-align: center;
+}
+.col-centered{
+    float: none;
+    margin: 0 auto;
+}
+.no-padding {
+    padding: 0 !important;
+}
+.featured-banner {
+    min-width: 100%;
+}
+
+.navbar-default {
+    border-color: transparent;
+}
+
+.home .gnome-header {
+    padding-bottom: 0;
+}
+
+.home #footer {
+    margin-top: 0;
+}
+
+/* We don't want WordPress admin-bar to overlap the navbar or donation ruler */
+body.admin-bar .navbar-fixed-top {
+    top: 31px;
+}
+body.admin-bar .donation-ruler-container {
+    top: 31px;
+}
+
+/* If we run donation campaigns, move the navbar below the donation ruler */
+.visible-fog-ruler .navbar-fixed-top {
+    top: 40px;
+}
+body.admin-bar .visible-fog-ruler .navbar-fixed-top {
+    top: 71px;
+}
+
+/* Accessibility access */
+/* ========================================================================== */
+
+
+#accessibility_access {
+    position: absolute;
+    left: 0;
+    /* Not visible by default? */
+    top: -200px;
+}
+
+/* Searchform on Navbar */
+/* ========================================================================== */
+
+#navbar-search {
+    background-color: transparent;
+    color:#fff;
+    border: none;
+    border-radius: 0;
+    transition: none;
+    box-shadow: none;
+    padding: 8px 8px 8px 40px;
+}
+#navbar-search:focus {
+    background-color: rgba(100%,100%,100%,0.1);
+}
+
+/* Color for search's placeholder text*/
+
+#navbar-search::-webkit-input-placeholder {
+    color: #fff;
+}
+#navbar-search::-moz-placeholder {
+    color: #fff;
+}
+#navbar-search::-ms-placeholder {
+    color: #fff;
+}
+#navbar-search::placeholder {
+    color: #fff;
+}
+
+/* CSS hack to align search icon with the text*/
+
+.fa.form-control-feedback {
+    line-height: 34px;
+}
+.has-feedback-left input.form-control {
+    padding-left: 34px;
+    padding-right: 12px;
+}
+.has-feedback-left .form-control-feedback {
+    left: 0;
+}
+.form-horizontal .has-feedback-left .form-control-feedback {
+    left: 12px;
+}
+.form-control-feedback {
+    color: #fff;
+    background-color: #4a86cf;
+}
+
+
+/* Page Title */
+/* ========================================================================== */
+
+.page_title {
+    margin: 10px 10px 20px 0px;
+    border-bottom: 1px solid #d3d7cf;
+}
+.page_title .breadcrumb {
+    color: #888a85;
+}
+.page_title .breadcrumb a {
+    color: inherit;
+    text-decoration: none;
+}
+.page_title .breadcrumb a:hover {
+    text-decoration: underline;
+}
+.page_title h1 {
+    margin: 0 0 6px;
+    font-size: 37px;
+    text-shadow: 0 1px 0 #fff;
+    line-height: normal;
+    letter-spacing: -0.05em;
+    color: #0489B7;
+}
+.page_title h1 a {
+    text-decoration: none;
+    color: inherit;
+}
+.page_title h1 a:hover {
+    text-decoration: underline;
+}
+.page_title.with_subpages_list {
+    display: table-row;
+}
+.page_title.with_subpages_list h1 {
+    display: table-cell;
+    width: 100%;
+}
+
+/* -> subpages list */
+
+/*
+* This is not used right now, but allows to put links by the side of
+* the title of the page.
+*/
+
+.page_title .subpages_list {
+    list-style: none;
+    clear: left;
+    margin: 0;
+    padding-bottom: 4px;
+    display: table-cell;
+    text-align: right;
+    white-space: nowrap;
+    vertical-align: bottom;
+}
+.page_title .subpages_list li {
+    display: inline;
+    padding: 0;
+    margin: 0 0 0 0.5em;
+}
+.page_title .subpages_list li a {
+    color: inherit;
+    text-decoration: none;
+    padding: 3px 6px;
+}
+.page_title .subpages_list li a:hover {
+    outline: 0;
+    background: red;
+    background: #dde5ef url(images/focus-bg.png) top repeat-x;
+    border: 1px solid #bbc5d5;
+    padding: 2px 5px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+}
+.page_title .subpages_list li a:active {
+    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
+    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
+    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
+}
+.page_title .subpages_list li.current_page_item a {
+    font-weight: bold;
+}
+
+/* Site Content */
+/* ========================================================================== */
+
+.content {
+    color: #555;
+    margin: auto;
+    min-height: 240px;
+}
+
+
+/* Content specs */
+/* ========================================================================== */
+
+
+/*
+* -> Call to Action boxes
+*/
+
+.action_box {
+    background: #fffae5 url(images/action_box-bg.png) repeat-x bottom;
+    -moz-box-shadow: 0 1px 2px #e5d693, inset 0 1px rgba(100%, 100%, 100%, 0.4);
+    -webkit-box-shadow: 0 1px 2px #e5d693, inset 0 1px rgba(100%, 100%, 100%, 0.4);
+    box-shadow: 0 1px 2px #e5d693, inset 0 1px rgba(100%, 100%, 100%, 0.4);
+    padding: 10px;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    border: 1px solid #e7d172;
+}
+
+
+/*
+* -> Subtle boxes
+*
+* .subtle_box can be used inside grid classes to make simple box delimiters
+* (without grids inside of it) or as a child of container class to allow columns on it
+*
+* Examples:
+*
+* <div class="grid_3">
+*     <div class="subtle_box">Lorem ipsum dolor sit amet</div>
+* </div>
+*
+* <div class="container_12">
+*     <div class="subtle_box">
+*         <div class="grid_3 alpha">(...)</div>
+*         <div class="grid_9 omega">(...)</div>
+*     </div>
+* </div>
+*
+*/
+
+.subtle_box {
+    margin: 0 0 20px;
+    padding: 9px;
+    background: #fff;
+    border: 1px solid #d3d7cf;
+    border-color: rgba(0,0,0,0.15);
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+.subtle_box h4 {
+    margin: 0 0 10px;
+}
+
+/*
+* --> Navigation list
+*
+* Navigation lists are used to generate a list of links which are in the same
+* hierarchical level of the current page. Use it preferably in a grid_3 element.
+*
+* Don't forget to highlight with <li class="current_page_item"> the current page.
+*
+*/
+
+.navigation_list {
+    background: #fff;
+    margin: 0 0 20px;
+    padding: 0;
+    border: 1px solid #d3d7cf;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+    border-radius: 6px;
+    list-style: none;
+    font-size: small;
+    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), inset 0 1px 2px #fff;
+    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), inset 0 1px 2px #fff;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), inset 0 1px 2px #fff;
+}
+.navigation_list > li {
+    margin: 0;
+    background: #f5f5f4;
+    border: 1px solid #fff;
+    border-bottom-color: #d3d7cf;
+}
+.navigation_list > li.current_page_item,
+.navigation_list > li a.navTreeCurrentItem {
+    background: #dde5ef url(images/focus-bg.png) top repeat-x;
+}
+.navigation_list li:first-child {
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-topright: 5px;
+    -webkit-border-top-left-radius: 5px;
+    -webkit-border-top-right-radius: 5px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+.navigation_list li:last-child {
+    border-bottom: 0;
+}
+.navigation_list li:last-child {
+    -moz-border-radius-bottomleft: 5px;
+    -moz-border-radius-bottomright: 5px;
+    -webkit-border-bottom-left-radius: 5px;
+    -webkit-border-bottom-right-radius: 5px;
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+}
+.navigation_list a {
+    padding: 6px 9px;
+    color: inherit;
+    text-decoration: none;
+    font-weight: bold;
+    display: block;
+    text-shadow:  white 0 1px 0;
+}
+.navigation_list a.without_icon {
+    padding-left: 37px;
+}
+.navigation_list a:hover {
+    color: #3465a4;
+    background: rgba(100%,100%,100%,0.5);
+    /*-webkit-transition: all 200ms linear;*/
+}
+.navigation_list a:focus {
+    background: #dde5ef url(images/focus-bg.png) top repeat-x;
+    outline: 0;
+    padding: 2px 5px;
+    margin: 3px;
+    border: 1px solid #bbc5d5;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+}
+.navigation_list a.without_icon:focus {
+    padding-left: 33px;
+}
+.navigation_list a img {
+    vertical-align: middle;
+    margin-right: 6px;
+}
+.navigation_list > li ul {
+    background: #fff;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+.navigation_list > li ul li {
+    border-top: 1px solid #ececec;
+    margin: 0;
+    padding: 0;
+}
+.navigation_list > li ul li:first-child {
+    border-top: 0;
+}
+.navigation_list > li ul li a {
+    font-weight: normal;
+    padding: 4px 9px;
+    color: #555753;
+}
+.navigation_list > li ul li.current_page_item a {
+    font-weight: bold;
+}
+.navigation_list > li ul li a:focus {
+    padding: 0 5px;
+}
+.navigation_list > li ul  {
+    padding-top: 1px;
+}
+
+/* -> Definition Lists */
+
+dl dt {
+    font-weight: 700;
+}
+dl dt a {
+    color: inherit;
+}
+dl dt a:visited {
+    color: #ef8e4f;
+}
+
+/* -> Definition Lists with icons */
+
+/* Icons are defined as 48x48 pixels by default */
+
+dl.icon_list dt, dl.icon_list dd {
+    margin-left: 58px;
+}
+dl.icon_list dt img {
+    float: left;
+    width: 48px;
+    height: 48px;
+    margin: 0 10px 0 -58px;
+}
+
+
+/* -> Action Button */
+
+.action_button {
+    display: inline-block;
+    padding: 0 14px;
+    border: 1px solid #ccc;
+    margin-left:20px;
+    margin-right:20px;
+    background: #ececec url(images/action_button-bg.png) center repeat-x;
+    -moz-border-radius: 15px;
+    -webkit-border-radius: 15px;
+    border-radius: 15px;
+    color: #2e3436;
+    text-shadow: 0 1px 0 #fff;
+    text-decoration: none;
+    line-height: 1.8;
+    -webkit-transition: background-position 100ms linear;
+    -moz-transition: background-position 100ms linear;
+    transition: background-position 100ms linear;
+    -moz-box-shadow: inset 0 1px 0 #fff;
+    -webkit-box-shadow: inset 0 1px 0 #fff;
+    box-shadow: inset 0 1px 0 #fff;
+    outline: none;
+}
+.action_button:hover {
+    background-position: top;
+    color: #000;
+    text-decoration: none;
+}
+.action_button:visited {
+    color: inherit;
+}
+.action_button:active {
+    -moz-box-shadow: inset 0 2px 3px rgba(0,0,0,0.4);
+    -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.4);
+    box-shadow: inset 0 2px 3px rgba(0,0,0,0.4);
+    background-position: bottom;
+}
+
+
+/* Page Navigation */
+/* ========================================================================== */
+
+.page_navigation {
+    margin: 30px auto 0;
+}
+.page_navigation .prev, .page_navigation .next {
+    height: 32px;
+    line-height: 32px;
+}
+.page_navigation a {
+    text-decoration: none;
+    color: inherit;
+}
+.page_navigation a:hover {
+    text-decoration: underline;
+}
+.page_navigation .prev a {
+    float: left;
+    background: url(images/go-previous.png) top left no-repeat;
+    padding-left: 40px;
+}
+.page_navigation .next a {
+    float: right;
+    background: url(images/go-next.png) top right no-repeat;
+    padding-right: 40px;
+}
+
+
+/* Footer */
+/* ========================================================================== */
+
+#footer {
+    clear: left;
+    background: #000;
+    color: #919191;
+    padding: 20px 20px;
+    padding-top: 40px;
+    margin-top: 80px;
+}
+#footer div.links > div > ul > li {
+    float: left;
+    margin: 0 40px 10px 0;
+}
+#footer div.links div a, #footer div.links div strong {
+    display: block;
+    text-decoration: none;
+}
+#footer div.links div a:hover, #footer div.links div a:focus {
+    text-decoration: underline;
+}
+#footer div.language {
+    float: right;
+}
+#footer div.language a {
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
+    width: 220px;
+    height: 110px;
+    background: url(images/footer-map.png) center center no-repeat;
+    outline: none;
+    text-decoration: none;
+}
+#footer div.language a span {
+    background: #f4f4f4;
+    background: -moz-linear-gradient(bottom, #ececec, #fff);
+    background: -webkit-linear-gradient(bottom, #ececec, #fff);
+    background: linear-gradient(bottom, #ececec, #fff);
+    padding: 4px 12px;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
+    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
+    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
+    color: #333;
+}
+
+#footer div.language a span.loading {
+    display: none;
+}
+#footer div.language a.loading {
+    cursor: wait !important;
+}
+#footer div.language a.loading span.switch {
+    display: none;
+}
+#footer div.language a.loading span.loading {
+    display: inline-block;
+}
+#footer div.language a:hover span.switch {
+    background: #fff;
+    background: -moz-linear-gradient(bottom, #fff, #fff);
+}
+
+
+#footer ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+#footer ul li {
+    margin: 0;
+    padding: 0;
+}
+#footer ul.menu > li > a {
+    font-weight: bold;
+}
+#footer .links a {
+    color: inherit;
+    outline: 0;
+    -webkit-transition: all .35s;
+    -moz-transition: all .35s;
+    transition: all .35s;
+    margin: 6px 0;
+    font-size: 14px; /* 14px */
+}
+#footer .links a:hover {
+    color: #c4c4c4;
+}
+#footer .links a:active,
+#footer .links a:focus {
+    color: #fff;
+}
+#footer #footnotes {
+    margin-top: 20px;
+}
+#footer #footnotes small {
+    font-size: 88%;
+}
+#footer #footnotes a {
+    color: inherit;
+}
+
+/* Separators */
+/* ========================================================================== */
+
+hr {
+    border-top: 1px #c9c9c9 solid;
+    height: 0;
+    margin: 40px 0;
+}
+
+/* Crafted Content */
+/* ========================================================================== */
+
+.crafted_content {
+    margin: 40px 0 0;
+}
+.crafted_content img {
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+}
+
+.crafted_content .section {
+    margin-bottom: 40px;
+    overflow: hidden;
+}
+.crafted_content .section h2,
+.crafted_content .section h3 {
+    color: #2e3436;
+    margin-top: 0;
+}
+.crafted_content .section.image-right .text {
+    float: left;
+}
+.crafted_content .section.image-left .text {
+    float: right;
+}
+.crafted_content .section.image-right .image {
+    float: right;
+}
+.crafted_content .section.image-left .image {
+    float: left;
+}
+.crafted_content .section .thumbs {
+    display: table;
+    padding: 20px 0 0 0;
+    margin: 0;
+    list-style: none;
+}
+.crafted_content .section .thumbs li {
+    display: table-cell;
+    padding: 0 20px 0 0;
+    margin: 0;
+    list-style: none;
+    vertical-align: middle;
+}
+.crafted_content .section .thumbs li:last-child {
+    padding-right: 0;
+}
+.crafted_content .section .thumbs li > a {
+    display: block;
+    padding: 4px;
+    border: 1px solid #ccc;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    position: relative;
+}
+.crafted_content .section .thumbs li .inline a {
+    color: inherit;
+    text-decoration: none;
+}
+.crafted_content .section .thumbs li .inline a:hover {
+    text-decoration: underline;
+}
+.crafted_content .section .thumbs img {
+    width: 120px;
+    height: 80px;
+    display: block;
+    background: #ccc;
+}
+.crafted_content .section .thumbs a .play {
+    position: absolute;
+    width: 120px;
+    height: 80px;
+    top: 0;
+    left: 0;
+    background: url(images/video-play.png) center center no-repeat;
+    margin: 4px;
+}
+
+.col-3 {
+    list-style-type: disc;
+    columns: 3;
+    -webkit-columns: 3;
+    -moz-columns: 3;
+}
+
+/* Social Icons */
+/* ========================================================================== */
+
+#thankyou a,
+.social_network_icons a {
+    outline: none;
+    border: 0;
+    text-decoration: none;
+    color: inherit;
+}
+#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 [class*="fa fa-"]{
+    padding: 6px;
+    text-decoration: none;
+    outline: none;
+}
+.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;
+}
+
+/* Hero Sections */
+/* ========================================================================== */
+
+section {
+    padding: 80px 0;
+}
+
+.bg-grey {
+    background: #f6f6f6;
+}
+
+/* Donation ruler container */
+/* ========================================================================== */
+
+.donation-ruler-container {
+    position: fixed;
+    width: 100%;
+    top: 0px;
+    height: 40px;
+    background-color: #68a834;
+    font-weight: 700;
+    font-size: 16px;
+    text-align: center;
+    line-height: normal;
+    z-index: 110;
+    color: #ffffff;
+    padding-top: 7px;
+}
+
+/* Helper classes */
+
+.m-t-0 {
+    margin-top: 0;
+}
+.m-t-2 {
+    margin-top: 20px;
+}
+.m-b-0 {
+    margin-bottom: 0;
+}
+.p-b-0 {
+    padding-bottom: 0;
+}
+
+
+/*
+ * CSS Media queries for the GNOME Project website
+ */
+
+@media screen and (max-width: 767px) {
+
+    .gnome-navbar-brand {
+        margin-left: 15px;
+    }
+    header {
+        padding-bottom: 40px;
+    }
+
+    h1, #content h1 {
+        font-size: 23px;
+    }
+    h2 {
+        font-size: 20px;
+    }
+    .crafted_content .section h2, .crafted_content .section h3 {
+        text-align: center;
+    }
+    .crafted_content .section .text{
+        text-align: center;
+    }
+    .crafted_content .section .image img{
+        margin: auto;
+    }
+    .btn-xs-margin-bottom {
+        margin-bottom: 8px;
+    }
+}
+
+@media (min-width:768px) and (max-width: 991px){
+    #searchform {
+        width: 70px;
+    }
+}
+


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