Skip to content
Browse files

editing link colors, display styles, and buttons for more consistency

  • Loading branch information...
1 parent 96e08f6 commit f87066c5f8d26cb96d124041415fd40def4ecb18 @pnts committed Aug 11, 2010
Showing with 141 additions and 47 deletions.
  1. +1 −1 functions.php
  2. +1 −0 header.php
  3. BIN images/search.png
  4. +4 −2 index.php
  5. +1 −1 searchform.php
  6. +4 −2 single.php
  7. +130 −41 style.css
View
2 functions.php
@@ -5,7 +5,7 @@
add_custom_background();
add_theme_support( 'automatic-feed-links' );
- define('HEADER_TEXTCOLOR', 'FF9900');
+ define('HEADER_TEXTCOLOR', '000000');
define('HEADER_IMAGE', '%s/images/default_header.jpg'); // %s is the template dir uri
define('HEADER_IMAGE_WIDTH', 160); // use width and height appropriate for your theme
define('HEADER_IMAGE_HEIGHT', 120);
View
1 header.php
@@ -35,6 +35,7 @@
<![endif]-->
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' );?>
+ <?php add_theme_support('automatic-feed-links'); ?>
<?php wp_head(); ?>
</head>
View
BIN images/search.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
6 index.php
@@ -6,12 +6,14 @@
<?php while (have_posts()) : the_post(); ?>
<?php if(is_home()) { if ( function_exists('wp_list_comments') ) { ?> <div <?php post_class(); ?>> <?php }} ?>
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
- <p class="date"><?php the_time('F jS, Y') ?> <?php comments_popup_link('&sect; <span class="commentcount">0</span>', '&sect; <span class="commentcount">1</span>', '&sect; <span class="commentcount">%</span>'); ?></p>
+ <p class="date"><?php the_time('F jS, Y') ?> <?php comments_popup_link('<span class="commentcount">&sect; 0</span>', '<span class="commentcount">&sect; 1</span>', '<span class="commentcount">&sect; %</span>'); ?></p>
<div class="entry">
<?php { if ( function_exists('add_theme_support')) the_post_thumbnail( 'post-thumbnail' ); } ?>
<?php the_content('&raquo; Read the rest of this entry &laquo;'); ?>
- <?php wp_link_pages(array('before' => '<p>Page: ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
+ <div class="pagination">
+ <?php wp_link_pages(array('before' => '<p><span>Page</span> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
+ </div>
</div>
<?php if(is_home()) { if ( function_exists('wp_list_comments') ) { ?></div><!-- close post_class --><?php }} ?>
<?php endwhile; ?>
View
2 searchform.php
@@ -1,4 +1,4 @@
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
-<div><span class="search">Search:</span><input type="text" value="<?php the_search_query(); ?>" size="15" name="s" id="s" />
+<div><input type="text" class="search" value="<?php the_search_query(); ?>" size="15" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Go" /></div>
</form>
View
6 single.php
@@ -11,9 +11,11 @@
<div class="entry">
<?php { if ( function_exists('add_theme_support')) the_post_thumbnail( 'post-thumbnail' ); } ?>
<?php the_content('&raquo; Read the rest of this entry &laquo;'); ?>
- <?php wp_link_pages(array('before' => '<p>Page: ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
+ <div class="pagination">
+ <?php wp_link_pages(array('before' => '<p><span>Page</span>', 'after' => '</p>', 'next_or_number' => 'number')); ?>
+ </div>
- <p class="tags"><?php the_tags('<strong>Tagged:</strong> ', ', ', ''); ?></p>
+ <p class="tags"><?php the_tags('<span>Tagged </span> ', ', ', ''); ?></p>
<?php comments_template(); ?>
</div>
<?php endwhile; ?>
View
171 style.css
@@ -37,6 +37,13 @@ blockquote, q {
quotes: "" "";
}
+input::-moz-focus-inner /*Remove button padding in FF*/
+{
+ border: 0;
+ padding: 0;
+}
+
+
/* =Layout
------------------------------------------------------------------*/
@@ -59,7 +66,7 @@ blockquote, q {
#content {
width: 50em;
- margin: 2em 0 0 0;
+ margin: 1.7em 0 0 0;
float: right;
display: inline;
min-height: 30em;
@@ -96,7 +103,6 @@ blockquote, q {
margin: 2.5em 0 0 0;
}
-
.meta ul {
margin: 1em 0 0 0;
}
@@ -130,7 +136,7 @@ ul#categories li, ul#archives li {
}
.entry {
- margin: 0 0 4em 0;
+ margin: 0 0 1em 0;
}
.alignleft {
@@ -183,21 +189,22 @@ dd.gallery-caption {
/* =Typography
------------------------------------------------------------------*/
-body, .delicious-desc {
+body, .delicious-desc, #commentform textarea {
background: #FFF;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
}
h1, h2, h3, h4, h5, #main_nav ul, .date, .description, .ctitle, .fin,
- .entry > p:first-child:first-line, .error, .navigation, .more-link, .comment-author, .comment-meta {
+ .entry > p:first-child:first-line, .error, .navigation, .more-link, .comment-author, .comment-meta,
+ .pagination p span, #entry_content p.tags span {
font-family: "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif;
}
-h1, .date {
+h1 {
font-variant: small-caps;
}
-.description {
+.description, .date {
font-style: italic;
}
@@ -208,12 +215,12 @@ h1 {
h2 {
font-size: 1.7em;
margin-bottom: 1em;
+ padding-bottom: .13em;
}
h3 {
font-size: 1.7em;
margin: 1em 0 0 0;
- border-bottom: 1px solid #eee;
}
#supplementary h3, h2.widgettitle {
@@ -253,6 +260,30 @@ h5 {
margin: .7em 0 2em 0;
}
+#entry_content p.tags {
+ margin: .3em 0 0 0;
+}
+
+h3#comments {
+ margin-top: 2em;
+}
+
+#commentform p {
+ margin: .7em 0;
+}
+
+#commentform textarea {
+ background: #EEE;
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border: 0;
+ padding: 4px;
+ width: 43.5em;
+ font-size: .9em;
+ color: #999;
+}
+
.description, .date {
font-size: .8em;
color: #aaa;
@@ -263,11 +294,11 @@ h5 {
}
#entry_content .date {
- margin: -2em 0 1em 0;
+ margin: -1.8em 0 .7em 0;
}
.entry > p:first-child:first-letter {
- font-size: 2em;
+ font-size: 1.5em;
}
.entry > p:first-child:first-line {
@@ -294,13 +325,47 @@ h5 {
#searchform {
margin-top: -1em;
text-align: right;
- padding: 0 0 1em 0;
+ padding: 0 0 .6em 0;
}
+
+#searchform input.search {
+ width: 12.4em;
+ text-transform: none;
+}
+
+#searchform input#searchsubmit {
+ padding: 2px;
+ background: url(images/search.png) no-repeat center #EEE;
+ text-indent: -9999px;
+ width: 25px;
+ height: 20px;
+}
+
+#searchform input#searchsubmit:hover {
+ cursor: pointer;
+ background: url(images/search.png) no-repeat center #3399FF;
+}
input {
- border: 1px solid #666;
+ background: #EEE;
+ border: 0;
+ padding: 3px;
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ color: #999;
}
+
+input#submit {
+ padding: 3px 5px;
+ background: #3399FF;
+ color: #FFF;
+}
+input#submit:hover {
+ cursor: pointer;
+}
+
blockquote {
width: 90%;
margin: 2em auto;
@@ -311,9 +376,8 @@ blockquote {
.entry img {
margin: 1.5em auto 0 auto;
- padding: 3px;
- border: 1px solid #000;
display: block;
+ border: 0;
}
.entry img.wp-smiley {
@@ -404,7 +468,6 @@ li.footnote {
border-right: 1px dotted #000;
}
-
#entry_content .fin {
text-align: center;
font-size: 1.3em;
@@ -437,6 +500,30 @@ code {
padding-right: 1em;
}
+#entry_content .pagination p {
+ margin: -1em 0 2em 0;
+}
+
+#entry_content .pagination p span,
+#entry_content p.tags span {
+ color: #AAA;
+ font-style: italic;
+ font-size: 1.1em;
+}
+
+#entry_content p.tags span {
+ padding-right: 3px;
+}
+
+#entry_content .pagination a {
+ font-weight: normal;
+ background: #EEE;
+ padding: 2px 3px;
+ margin: 0 1px;
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+}
+
/* =Link Styles
------------------------------------------------------------------*/
@@ -445,11 +532,17 @@ a {
color: #666;
}
+a:hover, a:hover .commentcount,
+ul.commentlist a:hover, .entry a:hover {
+ color: #3399FF !important;
+}
+
#main_nav h1.masthead a {
- color: #FF9900;
+ color: #000;
}
#main_nav h1.masthead a:hover {
border-right: none;
+ color: #3399FF;
}
h2 {
@@ -461,8 +554,7 @@ h2 a, #main_nav a {
}
h2 a:hover {
- color: #CCC;
- border-bottom: 1px solid #FF9900;
+ color: #3399FF;
}
h3 {
@@ -477,12 +569,6 @@ img a, img a:hover {
font-weight: bold;
font-size: 12px;
color: #000;
- border-bottom: 1px solid #EEE;
-}
-
-.entry a:hover, .navigation a:hover {
- color: #FF9900;
- border-bottom: 1px dotted #333;
}
.entry sup {
@@ -517,23 +603,20 @@ img a, img a:hover {
#main_nav a:hover, .current_page_item, .current {
width: 100%;
border-right: 3px solid #EEE;
+ color: #3399FF;
}
-#footer a {
- border-bottom: 1px solid #eee;
-}
#footer a:hover {
color: #3399FF;
- border-bottom: 1px solid #FF9900;
}
#supplementary a {
color: #888;
}
#supplementary a:hover {
- color: #3399FF;
+ color: #3399FF !important;
}
@@ -548,13 +631,13 @@ img a, img a:hover {
}
.entry a.more-link {
- color: #666;
- font-variant: small-caps;
- font-size: 1.2em;
+ color: #AAA;
+ font-style: italic;
+ font-size: 1.1em;
border: 0;
text-align: center;
display: block;
- margin: 1em auto;
+ margin: 1em auto 0 auto;
text-transform: none;
font-weight: normal;
clear: both;
@@ -659,23 +742,26 @@ ul.archive_block {
margin: 1em 0 0 0;
}
-
-
-
/* =Threaded Styles
------------------------------------------------------------------*/
ul.commentlist cite {
font-style: normal;
- font-weight: bold;
}
ul.commentlist span.says {
display: none;
}
ul.commentlist .comment-author, ul.commentlist .comment-meta {
- font-variant: small-caps;
+ font-style: italic;
+ color: #aaa;
+}
+
+.comment-author a, .comment-meta a {
+ color: #aaa;
+ font-weight: normal;
+ font-size: 1.1em;
}
ul.commentlist .comment-meta {
@@ -687,7 +773,7 @@ ul.children {
}
h3#comments {
- margin-bottom: 1em;
+ margin-bottom: .7em;
clear: both;
}
@@ -716,7 +802,6 @@ ul.commentlist, ul.commentmeta {
list-style-type: none;
}
-
ul.commentmeta {
margin-top: 2em;
}
@@ -746,6 +831,10 @@ img.avatar {
font-variant: small-caps;
}
+.reply {
+ margin-top: -1em;
+}
+
/* =Better image scaling in IE
------------------------------------------------------------------*/
@@ -770,7 +859,7 @@ img { -ms-interpolation-mode:bicubic; }
}
#entry_content .entry p.wp-caption-text {
- color: #CCC;
+ color: #999;
text-align: center;
font-size: 11px;
margin-top: 0;

0 comments on commit f87066c

Please sign in to comment.
Something went wrong with that request. Please try again.