GNOME.org
 

[gnomeweb-wp] created list of news page, and started to fill news sidebar

commit 65bab6bc425d65ea0874737982dad4b5b081663c
Author: Vinicius Depizzol <vdepizzol gmail com>
Date:   Tue Mar 29 01:56:02 2011 -0300

    created list of news page, and started to fill news sidebar
    
    also, moved a couple of CSS files to a new folder "css" in gnome-grass template.

 wp-content/themes/gnome-grass/css/960.css          |  405 ++++++++++++++++++++
 wp-content/themes/gnome-grass/{ => css}/fonts.css  |    4 +-
 wp-content/themes/gnome-grass/css/news.css         |   69 ++++
 wp-content/themes/gnome-grass/{ => css}/reset.css  |    0
 wp-content/themes/gnome-grass/{ => css}/text.css   |    7 +-
 .../images/social_networks/facebook.png            |  Bin 0 -> 816 bytes
 .../images/social_networks/identica.png            |  Bin 0 -> 1271 bytes
 .../gnome-grass/images/social_networks/twitter.png |  Bin 0 -> 755 bytes
 wp-content/themes/gnome-grass/news.php             |    2 +-
 wp-content/themes/gnome-grass/page-news.php        |  100 +++++
 wp-content/themes/gnome-grass/style.css            |   15 +-
 11 files changed, 590 insertions(+), 12 deletions(-)
---
diff --git a/wp-content/themes/gnome-grass/css/960.css b/wp-content/themes/gnome-grass/css/960.css
new file mode 100644
index 0000000..8b5101c
--- /dev/null
+++ b/wp-content/themes/gnome-grass/css/960.css
@@ -0,0 +1,405 @@
+/*
+	960 Grid System ~ Core CSS.
+	Learn more ~ http://960.gs/
+
+	Licensed under GPL and MIT.
+*/
+
+/* `Containers
+----------------------------------------------------------------------------------------------------*/
+
+.container_12,
+.container_16 {
+	margin-left: auto;
+	margin-right: auto;
+	width: 960px;
+}
+
+/* `Grid >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.grid_1,
+.grid_2,
+.grid_3,
+.grid_4,
+.grid_5,
+.grid_6,
+.grid_7,
+.grid_8,
+.grid_9,
+.grid_10,
+.grid_11,
+.grid_12,
+.grid_13,
+.grid_14,
+.grid_15,
+.grid_16 {
+	display: inline;
+	float: left;
+	margin-left: 10px;
+	margin-right: 10px;
+}
+
+.container_12 .grid_3,
+.container_16 .grid_4 {
+	width: 220px;
+}
+
+.container_12 .grid_6,
+.container_16 .grid_8 {
+	width: 460px;
+}
+
+.container_12 .grid_9,
+.container_16 .grid_12 {
+	width: 700px;
+}
+
+.container_12 .grid_12,
+.container_16 .grid_16 {
+	width: 940px;
+}
+
+/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
+----------------------------------------------------------------------------------------------------*/
+
+.alpha {
+	margin-left: 0;
+}
+
+.omega {
+	margin-right: 0;
+}
+
+/* `Grid >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .grid_1 {
+	width: 60px;
+}
+
+.container_12 .grid_2 {
+	width: 140px;
+}
+
+.container_12 .grid_4 {
+	width: 300px;
+}
+
+.container_12 .grid_5 {
+	width: 380px;
+}
+
+.container_12 .grid_7 {
+	width: 540px;
+}
+
+.container_12 .grid_8 {
+	width: 620px;
+}
+
+.container_12 .grid_10 {
+	width: 780px;
+}
+
+.container_12 .grid_11 {
+	width: 860px;
+}
+
+/* `Grid >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .grid_1 {
+	width: 40px;
+}
+
+.container_16 .grid_2 {
+	width: 100px;
+}
+
+.container_16 .grid_3 {
+	width: 160px;
+}
+
+.container_16 .grid_5 {
+	width: 280px;
+}
+
+.container_16 .grid_6 {
+	width: 340px;
+}
+
+.container_16 .grid_7 {
+	width: 400px;
+}
+
+.container_16 .grid_9 {
+	width: 520px;
+}
+
+.container_16 .grid_10 {
+	width: 580px;
+}
+
+.container_16 .grid_11 {
+	width: 640px;
+}
+
+.container_16 .grid_13 {
+	width: 760px;
+}
+
+.container_16 .grid_14 {
+	width: 820px;
+}
+
+.container_16 .grid_15 {
+	width: 880px;
+}
+
+/* `Prefix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .prefix_3,
+.container_16 .prefix_4 {
+	padding-left: 240px;
+}
+
+.container_12 .prefix_6,
+.container_16 .prefix_8 {
+	padding-left: 480px;
+}
+
+.container_12 .prefix_9,
+.container_16 .prefix_12 {
+	padding-left: 720px;
+}
+
+/* `Prefix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .prefix_1 {
+	padding-left: 80px;
+}
+
+.container_12 .prefix_2 {
+	padding-left: 160px;
+}
+
+.container_12 .prefix_4 {
+	padding-left: 320px;
+}
+
+.container_12 .prefix_5 {
+	padding-left: 400px;
+}
+
+.container_12 .prefix_7 {
+	padding-left: 560px;
+}
+
+.container_12 .prefix_8 {
+	padding-left: 640px;
+}
+
+.container_12 .prefix_10 {
+	padding-left: 800px;
+}
+
+.container_12 .prefix_11 {
+	padding-left: 880px;
+}
+
+/* `Prefix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .prefix_1 {
+	padding-left: 60px;
+}
+
+.container_16 .prefix_2 {
+	padding-left: 120px;
+}
+
+.container_16 .prefix_3 {
+	padding-left: 180px;
+}
+
+.container_16 .prefix_5 {
+	padding-left: 300px;
+}
+
+.container_16 .prefix_6 {
+	padding-left: 360px;
+}
+
+.container_16 .prefix_7 {
+	padding-left: 420px;
+}
+
+.container_16 .prefix_9 {
+	padding-left: 540px;
+}
+
+.container_16 .prefix_10 {
+	padding-left: 600px;
+}
+
+.container_16 .prefix_11 {
+	padding-left: 660px;
+}
+
+.container_16 .prefix_13 {
+	padding-left: 780px;
+}
+
+.container_16 .prefix_14 {
+	padding-left: 840px;
+}
+
+.container_16 .prefix_15 {
+	padding-left: 900px;
+}
+
+/* `Suffix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .suffix_3,
+.container_16 .suffix_4 {
+	padding-right: 240px;
+}
+
+.container_12 .suffix_6,
+.container_16 .suffix_8 {
+	padding-right: 480px;
+}
+
+.container_12 .suffix_9,
+.container_16 .suffix_12 {
+	padding-right: 720px;
+}
+
+/* `Suffix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .suffix_1 {
+	padding-right: 80px;
+}
+
+.container_12 .suffix_2 {
+	padding-right: 160px;
+}
+
+.container_12 .suffix_4 {
+	padding-right: 320px;
+}
+
+.container_12 .suffix_5 {
+	padding-right: 400px;
+}
+
+.container_12 .suffix_7 {
+	padding-right: 560px;
+}
+
+.container_12 .suffix_8 {
+	padding-right: 640px;
+}
+
+.container_12 .suffix_10 {
+	padding-right: 800px;
+}
+
+.container_12 .suffix_11 {
+	padding-right: 880px;
+}
+
+/* `Suffix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .suffix_1 {
+	padding-right: 60px;
+}
+
+.container_16 .suffix_2 {
+	padding-right: 120px;
+}
+
+.container_16 .suffix_3 {
+	padding-right: 180px;
+}
+
+.container_16 .suffix_5 {
+	padding-right: 300px;
+}
+
+.container_16 .suffix_6 {
+	padding-right: 360px;
+}
+
+.container_16 .suffix_7 {
+	padding-right: 420px;
+}
+
+.container_16 .suffix_9 {
+	padding-right: 540px;
+}
+
+.container_16 .suffix_10 {
+	padding-right: 600px;
+}
+
+.container_16 .suffix_11 {
+	padding-right: 660px;
+}
+
+.container_16 .suffix_13 {
+	padding-right: 780px;
+}
+
+.container_16 .suffix_14 {
+	padding-right: 840px;
+}
+
+.container_16 .suffix_15 {
+	padding-right: 900px;
+}
+
+/* `Clear Floated Elements
+----------------------------------------------------------------------------------------------------*/
+
+/* http://sonspring.com/journal/clearing-floats */
+
+.clear {
+	clear: both;
+	display: block;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
+
+.clearfix:after {
+	clear: both;
+	content: ' ';
+	display: block;
+	font-size: 0;
+	line-height: 0;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+.clearfix {
+	display: inline-block;
+}
+
+* html .clearfix {
+	height: 1%;
+}
+
+.clearfix {
+	display: block;
+}
\ No newline at end of file
diff --git a/wp-content/themes/gnome-grass/fonts.css b/wp-content/themes/gnome-grass/css/fonts.css
similarity index 76%
rename from wp-content/themes/gnome-grass/fonts.css
rename to wp-content/themes/gnome-grass/css/fonts.css
index 4dc661a..e0349cf 100644
--- a/wp-content/themes/gnome-grass/fonts.css
+++ b/wp-content/themes/gnome-grass/css/fonts.css
@@ -1,12 +1,12 @@
 @font-face {
   font-family: 'Cantarell';
   src: local('Cantarell'), local('Cantarell Regular'),
-  url(fonts/Cantarell-Regular.otf);
+  url(../fonts/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/Cantarell-Bold.otf);
 }
diff --git a/wp-content/themes/gnome-grass/css/news.css b/wp-content/themes/gnome-grass/css/news.css
new file mode 100644
index 0000000..384babb
--- /dev/null
+++ b/wp-content/themes/gnome-grass/css/news.css
@@ -0,0 +1,69 @@
+/* News List */
+/* ========================================================================== */
+
+.news_list {
+    list-style: none;
+}
+.news_list li {
+    margin: 10px 0 10px 10px;
+}
+.news_list li .date {
+    font-size: 12px;
+    line-height: normal;
+    display: block;
+    margin-left: -10px;
+}
+.news_list li a {
+    font-weight: bold;
+    font-size: 18px;
+    line-height: normal;
+}
+
+/* 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: 33%;
+}
+.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;
+}
diff --git a/wp-content/themes/gnome-grass/reset.css b/wp-content/themes/gnome-grass/css/reset.css
similarity index 100%
rename from wp-content/themes/gnome-grass/reset.css
rename to wp-content/themes/gnome-grass/css/reset.css
diff --git a/wp-content/themes/gnome-grass/text.css b/wp-content/themes/gnome-grass/css/text.css
similarity index 93%
rename from wp-content/themes/gnome-grass/text.css
rename to wp-content/themes/gnome-grass/css/text.css
index 48f5f6f..9e2487d 100644
--- a/wp-content/themes/gnome-grass/text.css
+++ b/wp-content/themes/gnome-grass/css/text.css
@@ -37,13 +37,14 @@ dt a:hover {
     color: #fa7721;    
 }
 h4 {
-    font-size: 19px;
+    font-size: 16px;
+    color: #ce5c00;
 }
 h5 {
-    font-size: 17px;
+    font-size: 14px;
 }
 h6 {
-    font-size: 15px;
+    font-size: 12px;
 }
 ol {
     list-style:decimal;
diff --git a/wp-content/themes/gnome-grass/images/social_networks/facebook.png b/wp-content/themes/gnome-grass/images/social_networks/facebook.png
new file mode 100644
index 0000000..9067f18
Binary files /dev/null and b/wp-content/themes/gnome-grass/images/social_networks/facebook.png differ
diff --git a/wp-content/themes/gnome-grass/images/social_networks/identica.png b/wp-content/themes/gnome-grass/images/social_networks/identica.png
new file mode 100644
index 0000000..3221e8e
Binary files /dev/null and b/wp-content/themes/gnome-grass/images/social_networks/identica.png differ
diff --git a/wp-content/themes/gnome-grass/images/social_networks/twitter.png b/wp-content/themes/gnome-grass/images/social_networks/twitter.png
new file mode 100644
index 0000000..8e9cad8
Binary files /dev/null and b/wp-content/themes/gnome-grass/images/social_networks/twitter.png differ
diff --git a/wp-content/themes/gnome-grass/news.php b/wp-content/themes/gnome-grass/news.php
index 85a483b..03120ea 100644
--- a/wp-content/themes/gnome-grass/news.php
+++ b/wp-content/themes/gnome-grass/news.php
@@ -11,7 +11,7 @@ require_once("header.php"); ?>
         <div class="container_12">
         
             <div class="page_title">
-                <h1><a href="#">News</a></h1>
+                <h1><a href="<?php bloginfo('url'); ?>/news/"><?php echo __('News', 'grass');?></a></h1>
             </div>
             
             <div class="content">
diff --git a/wp-content/themes/gnome-grass/page-news.php b/wp-content/themes/gnome-grass/page-news.php
new file mode 100644
index 0000000..0031f90
--- /dev/null
+++ b/wp-content/themes/gnome-grass/page-news.php
@@ -0,0 +1,100 @@
+<?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" />';
+}
+
+require_once("header.php"); ?>
+
+    <!-- container -->
+    <div id="container" class="two_columns">
+        <div class="container_12">
+        
+            <div class="page_title">
+                <h1><?php echo __('News', '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(__('Newer posts', 'grass')); ?></span>
+                    <span class="prev"><?php next_posts_link(__('Older posts', 'grass')); ?></span>
+                    <div class="clear"></div>
+                </div>
+                <?php endif; ?>
+                <div class="clear"></div>
+            </div>
+            
+            <div class="sidebar">
+                
+                <div class="subtle_box">
+                    <h4><?php _e('Connect with GNOME', 'grass'); ?></h4>
+                    
+                    <div class="social_network_icons">
+                        <ul>
+                            <li>
+                                <a href="http://identi.ca/gnome";>
+                                    <img src="<?php bloginfo('template_url')?>/images/social_networks/identica.png" alt=" " />
+                                    Identi.ca
+                                </a>
+                            </li>
+                            <li>
+                                <a href="http://twitter.com/gnome";>
+                                    <img src="<?php bloginfo('template_url')?>/images/social_networks/twitter.png" alt=" " />
+                                    Twitter
+                                </a>
+                            </li>
+                            <li>
+                                <a href="http://www.facebook.com/GNOMEDesktop";>
+                                    <img src="<?php bloginfo('template_url')?>/images/social_networks/facebook.png" alt=" " />
+                                    Facebook
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                    
+                <div class="subtle_box">
+                    <h4>Development News</h4>
+                    <p>Lorem ipsum dolor sit amet avec sans consequer domulus sit</p>
+                </div>    
+                
+                      
+            </div>
+            <?php require_once("footer_art.php"); ?>
+        </div>
+    </div>
+    
+    <div class="clearfix"></div>
+    
+    <?php require_once("footer.php"); ?>
+</body>
+</html>
diff --git a/wp-content/themes/gnome-grass/style.css b/wp-content/themes/gnome-grass/style.css
index 1f38ced..e1a0cef 100644
--- a/wp-content/themes/gnome-grass/style.css
+++ b/wp-content/themes/gnome-grass/style.css
@@ -7,9 +7,9 @@ Description: The original theme for the GNOME Project website.
 */
 
 
- import url("reset.css");
- import url("text.css");
- import url("960.css");
+ import url("css/reset.css");
+ import url("css/text.css");
+ import url("css/960.css");
 
 /* Base information */
 /* ========================================================================== */
@@ -414,9 +414,12 @@ a:visited {
     -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);
+    -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;
 }
 
 /*
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]