GNOME.org
 

[gnomeweb-wp] small fixes in CSS

commit 68b58265ad10c3904734c35e603a24ac01e3a535
Author: Vinicius Depizzol <vdepizzol gmail com>
Date:   Sat Aug 28 16:11:30 2010 -0300

    small fixes in CSS

 wp-content/themes/gnome-grass/footer.php |    2 +
 wp-content/themes/gnome-grass/header.php |   24 +++++++++-------
 wp-content/themes/gnome-grass/style.css  |   43 ++++++++++++++++++++++-------
 3 files changed, 48 insertions(+), 21 deletions(-)
---
diff --git a/wp-content/themes/gnome-grass/footer.php b/wp-content/themes/gnome-grass/footer.php
index 9c9cee8..6294c85 100644
--- a/wp-content/themes/gnome-grass/footer.php
+++ b/wp-content/themes/gnome-grass/footer.php
@@ -1,3 +1,4 @@
+    <!-- footer -->
     <div id="footer">
         <div class="container_12">
             <div class="links grid_9">
@@ -56,6 +57,7 @@
                 ?>
             </div>
             
+            <!-- footnotes -->
             <div id="footnotes" class="grid_9">
                 <?php _e( 'Copyright', 'grass' ); ?> © 2005â??2010 <strong class="gnome_logo"><?php _e( 'The GNOME Project', 'grass' ); ?></strong><br />
                 <small><?php _e( 'Optimised for standards', 'grass' ); ?>. <?php _e( 'Hosted by', 'grass' ); ?> <a href="http://redhat.com";>Red Hat</a>.</small>
diff --git a/wp-content/themes/gnome-grass/header.php b/wp-content/themes/gnome-grass/header.php
index a41ac2c..19cdcd9 100644
--- a/wp-content/themes/gnome-grass/header.php
+++ b/wp-content/themes/gnome-grass/header.php
@@ -1,15 +1,19 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
 <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('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
-    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
-    <link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory'); ?>/images/favicon.png" />
-	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
-	<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.4.2.min.js"></script>
-	<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/template.js"></script>
-	<?php wp_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="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>
+
+
 <body>
 
     <!-- accessibility access -->
@@ -17,7 +21,7 @@
         <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="#search"><?php _e( 'Go to the search field', 'grass' ); ?></a></li>
+            <li><a href="#s" onclick="$('#s').focus(); return false;"><?php _e( 'Go to the search field', 'grass' ); ?></a></li>
         </ul>
     </div>
     
@@ -41,7 +45,7 @@
             <div class="right">
                 <form role="search" method="get" id="searchform" action="<?php bloginfo('url'); ?>/" >
                     <div>
-                        <input type="text" value="<?php if(isset($_GET['s'])) { echo htmlentities(strip_tags($_GET['s'])); } ?>" name="s" id="s" placeholder="<?php _e( 'Search', 'grass' ); ?>" />
+                        <label class="hidden" for="s"><?php _e( 'Search', 'grass' ); ?>: </label><input type="text" value="<?php if(isset($_GET['s'])) { echo htmlentities(strip_tags($_GET['s'])); } ?>" name="s" id="s" placeholder="<?php _e( 'Search', 'grass' ); ?>" />
                     </div>
                 </form>
             </div>
diff --git a/wp-content/themes/gnome-grass/style.css b/wp-content/themes/gnome-grass/style.css
index b954063..efddc79 100644
--- a/wp-content/themes/gnome-grass/style.css
+++ b/wp-content/themes/gnome-grass/style.css
@@ -35,6 +35,9 @@ a:visited {
 .right {
     float: right;
 }
+.hidden {
+    display: none;
+}
 
 
 
@@ -172,6 +175,7 @@ a:visited {
 }
 
 
+
 /* Page Title */
 /* ========================================================================== */
 
@@ -197,6 +201,11 @@ a:visited {
 
 /* -> 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;
@@ -233,14 +242,18 @@ a:visited {
 }
 
 
+
 /* News Title */
 /* ========================================================================== */
 
+
+
 .news_title h1 {
     margin-top: 0;
     color: #333;
     font-style: italic;
-    font-weight: bold;
+    font-weight: normal;
+    font-size: 50px;
 }
 .news_title .date {
     font-family: 'Droid Serif', 'DejaVu Serif', Cambria, Georgia, serif;
@@ -253,6 +266,8 @@ a:visited {
 /* Presentation banner */
 /* ========================================================================== */
 
+
+
 #home_banner {
     width: 940px;
     margin-bottom: 20px;
@@ -279,33 +294,37 @@ a:visited {
     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;
+    display: inline;
+    float: left;
+    margin-left: 10px;
+    margin-right: 10px;
 }
 #container .content, #container .page_title {
-   width: 940px;
+    width: 940px;
 }
 #container.two_columns .content {
-   width: 700px;
+    width: 700px;
 }
 #container.two_columns .content.without_sidebar {
     width: 940px;
 }
 #container.two_columns .sidebar {
-   width: 220px;
+    width: 220px;
 }
 
-/* (...) */
-
 
 
 /* Content specs */
 /* ========================================================================== */
 
 
+
 /*
  * -> Call to Action boxes
  *
@@ -364,7 +383,7 @@ a:visited {
  * --> 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 in a grid_3 element.
+ * 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.
  *
@@ -566,6 +585,7 @@ dl.icon_list dt img {
 }
 
 
+
 /* Footer Artwork */
 /* ========================================================================== */
 
@@ -584,6 +604,7 @@ dl.icon_list dt img {
 }
 
 
+
 /* Footer */
 /* ========================================================================== */
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]