images/12_col.gif
images/16_col.gif
images/blank.gif
@@ -1,9 +1,13 @@
------------------------------------------------
-README for Designers Default
+README for Designers Default version .3
------------------------------------------------
Designers Default is a theme based on Michael Heilemann's default wordpress theme included with Wordpress out of the box. After doing lots of wordpress development, I found myself having to change the same things over and over again and reorganizing the structure and styles over and over again. This theme is really just a compilation of all those changes so I can start with a clean base. I am making it available to the public as I hope someone else may find it useful.
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+What New
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
*************
Code Changes
*************
@@ -20,15 +24,25 @@ Code Changes
10) XHTML 1.0 Strict doctype
11) Moved About Post data into definition lists
12) Comments put on each template so you can tell what to edit by looking at the source.
+13) Comments put in the CSS source for quick changes.
***************
Design Changes
***************
-1) Header broken into layered transparent images so you can change the color with a simple hex
+1) Header broken into layered transparent images so you can change the color with a simple hex or upload an image to be the background.
2) Page frame broken into layered transparent images so you can change the color of the background with a simple hex
3) Added RSS Icons to footer.
-4) Added Calendar and Tag Cloud added to sidebar and styled.
-5) Page width expanded to 1024px which is the standard in page size currently.
-6) Line height on paragraph increased to 1.5
\ No newline at end of file
+4) Added Calendar and Tag Cloud added to sidebar and styled - just so you can see it is there.
+5) Page width expanded to 1024px which is the standard in page width.
+6) Line height on paragraph increased to 1.5em
+
+
+
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+TO DO
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+1) Implement the right to left styling for persian users.
+2) Get admin functions to work for color changing and picture uploading.
\ No newline at end of file
README.txt
@@ -3,8 +3,14 @@
http://meyerweb.com/eric/thoughts/2007/09/07/diagnostic-styling/
*/
-* { border: 1px solid #f00; }
+div, * { border: 3px solid #c2c2c2; }
+#page { border: 3px solid pink; }
+#header { border: 3px solid blue; }
+#footer { border: 3px solid purple; }
+#sidebar { border: 3px solid orange; }
+#content { border: 3px solid yellow; }
+.post { border: 3px solid green; }
img {outline: 5px solid red;}
img[alt][title] {outline-width: 0;}
debugging.css
@@ -1,416 +1,11 @@
<?php
if ( function_exists('register_sidebar') )
- register_sidebar(array(
+ register_sidebar(array(
'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget' => '</li>',
- 'before_title' => '<h2 class="widgettitle">',
- 'after_title' => '</h2>',
+ 'before_title' => '',
+ 'after_title' => '',
));
-function kubrick_head() {
- $head = "<style type='text/css'>\n<!--";
- $output = '';
- if ( kubrick_header_image() ) {
- $url = kubrick_header_image_url() ;
- $output .= "#header { background: url('$url') no-repeat bottom center; }\n";
- }
- if ( false !== ( $color = kubrick_header_color() ) ) {
- $output .= "#headerimg h1 a, #headerimg h1 a:visited, #headerimg .description { color: $color; }\n";
- }
- if ( false !== ( $display = kubrick_header_display() ) ) {
- $output .= "#headerimg { display: $display }\n";
- }
- $foot = "--></style>\n";
- if ( '' != $output )
- echo $head . $output . $foot;
-}
-
-add_action('wp_head', 'kubrick_head');
-
-function kubrick_header_image() {
- return apply_filters('kubrick_header_image', get_option('kubrick_header_image'));
-}
-
-function kubrick_upper_color() {
- if (strpos($url = kubrick_header_image_url(), 'header-img.php?') !== false) {
- parse_str(substr($url, strpos($url, '?') + 1), $q);
- return $q['upper'];
- } else
- return '69aee7';
-}
-
-function kubrick_lower_color() {
- if (strpos($url = kubrick_header_image_url(), 'header-img.php?') !== false) {
- parse_str(substr($url, strpos($url, '?') + 1), $q);
- return $q['lower'];
- } else
- return '4180b6';
-}
-
-function kubrick_header_image_url() {
- if ( $image = kubrick_header_image() )
- $url = get_template_directory_uri() . '/images/' . $image;
- else
- $url = get_template_directory_uri() . '/images/kubrickheader.jpg';
-
- return $url;
-}
-
-function kubrick_header_color() {
- return apply_filters('kubrick_header_color', get_option('kubrick_header_color'));
-}
-
-function kubrick_header_color_string() {
- $color = kubrick_header_color();
- if ( false === $color )
- return 'white';
-
- return $color;
-}
-
-function kubrick_header_display() {
- return apply_filters('kubrick_header_display', get_option('kubrick_header_display'));
-}
-
-function kubrick_header_display_string() {
- $display = kubrick_header_display();
- return $display ? $display : 'inline';
-}
-
-add_action('admin_menu', 'kubrick_add_theme_page');
-
-function kubrick_add_theme_page() {
- if ( isset( $_GET['page'] ) && $_GET['page'] == basename(__FILE__) ) {
- if ( isset( $_REQUEST['action'] ) && 'save' == $_REQUEST['action'] ) {
- check_admin_referer('kubrick-header');
- if ( isset($_REQUEST['njform']) ) {
- if ( isset($_REQUEST['defaults']) ) {
- delete_option('kubrick_header_image');
- delete_option('kubrick_header_color');
- delete_option('kubrick_header_display');
- } else {
- if ( '' == $_REQUEST['njfontcolor'] )
- delete_option('kubrick_header_color');
- else {
- $fontcolor = preg_replace('/^.*(#[0-9a-fA-F]{6})?.*$/', '$1', $_REQUEST['njfontcolor']);
- update_option('kubrick_header_color', $fontcolor);
- }
- if ( preg_match('/[0-9A-F]{6}|[0-9A-F]{3}/i', $_REQUEST['njuppercolor'], $uc) && preg_match('/[0-9A-F]{6}|[0-9A-F]{3}/i', $_REQUEST['njlowercolor'], $lc) ) {
- $uc = ( strlen($uc[0]) == 3 ) ? $uc[0]{0}.$uc[0]{0}.$uc[0]{1}.$uc[0]{1}.$uc[0]{2}.$uc[0]{2} : $uc[0];
- $lc = ( strlen($lc[0]) == 3 ) ? $lc[0]{0}.$lc[0]{0}.$lc[0]{1}.$lc[0]{1}.$lc[0]{2}.$lc[0]{2} : $lc[0];
- update_option('kubrick_header_image', "header-img.php?upper=$uc&lower=$lc");
- }
-
- if ( isset($_REQUEST['toggledisplay']) ) {
- if ( false === get_option('kubrick_header_display') )
- update_option('kubrick_header_display', 'none');
- else
- delete_option('kubrick_header_display');
- }
- }
- } else {
-
- if ( isset($_REQUEST['headerimage']) ) {
- check_admin_referer('kubrick-header');
- if ( '' == $_REQUEST['headerimage'] )
- delete_option('kubrick_header_image');
- else {
- $headerimage = preg_replace('/^.*?(header-img.php\?upper=[0-9a-fA-F]{6}&lower=[0-9a-fA-F]{6})?.*$/', '$1', $_REQUEST['headerimage']);
- update_option('kubrick_header_image', $headerimage);
- }
- }
-
- if ( isset($_REQUEST['fontcolor']) ) {
- check_admin_referer('kubrick-header');
- if ( '' == $_REQUEST['fontcolor'] )
- delete_option('kubrick_header_color');
- else {
- $fontcolor = preg_replace('/^.*?(#[0-9a-fA-F]{6})?.*$/', '$1', $_REQUEST['fontcolor']);
- update_option('kubrick_header_color', $fontcolor);
- }
- }
-
- if ( isset($_REQUEST['fontdisplay']) ) {
- check_admin_referer('kubrick-header');
- if ( '' == $_REQUEST['fontdisplay'] || 'inline' == $_REQUEST['fontdisplay'] )
- delete_option('kubrick_header_display');
- else
- update_option('kubrick_header_display', 'none');
- }
- }
- //print_r($_REQUEST);
- wp_redirect("themes.php?page=functions.php&saved=true");
- die;
- }
- add_action('admin_head', 'kubrick_theme_page_head');
- }
- add_theme_page(__('Customize Header'), __('Header Image and Color'), 'edit_themes', basename(__FILE__), 'kubrick_theme_page');
-}
-
-function kubrick_theme_page_head() {
?>
-<script type="text/javascript" src="../wp-includes/js/colorpicker.js"></script>
-<script type='text/javascript'>
-// <![CDATA[
- function pickColor(color) {
- ColorPicker_targetInput.value = color;
- kUpdate(ColorPicker_targetInput.id);
- }
- function PopupWindow_populate(contents) {
- contents += '<br /><p style="text-align:center;margin-top:0px;"><input type="button" class="button-secondary" value="<?php echo attribute_escape(__('Close Color Picker')); ?>" onclick="cp.hidePopup(\'prettyplease\')"></input></p>';
- this.contents = contents;
- this.populated = false;
- }
- function PopupWindow_hidePopup(magicword) {
- if ( magicword != 'prettyplease' )
- return false;
- if (this.divName != null) {
- if (this.use_gebi) {
- document.getElementById(this.divName).style.visibility = "hidden";
- }
- else if (this.use_css) {
- document.all[this.divName].style.visibility = "hidden";
- }
- else if (this.use_layers) {
- document.layers[this.divName].visibility = "hidden";
- }
- }
- else {
- if (this.popupWindow && !this.popupWindow.closed) {
- this.popupWindow.close();
- this.popupWindow = null;
- }
- }
- return false;
- }
- function colorSelect(t,p) {
- if ( cp.p == p && document.getElementById(cp.divName).style.visibility != "hidden" )
- cp.hidePopup('prettyplease');
- else {
- cp.p = p;
- cp.select(t,p);
- }
- }
- function PopupWindow_setSize(width,height) {
- this.width = 162;
- this.height = 210;
- }
-
- var cp = new ColorPicker();
- function advUpdate(val, obj) {
- document.getElementById(obj).value = val;
- kUpdate(obj);
- }
- function kUpdate(oid) {
- if ( 'uppercolor' == oid || 'lowercolor' == oid ) {
- uc = document.getElementById('uppercolor').value.replace('#', '');
- lc = document.getElementById('lowercolor').value.replace('#', '');
- hi = document.getElementById('headerimage');
- hi.value = 'header-img.php?upper='+uc+'&lower='+lc;
- document.getElementById('header').style.background = 'url("<?php echo get_template_directory_uri(); ?>/images/'+hi.value+'") center no-repeat';
- document.getElementById('advuppercolor').value = '#'+uc;
- document.getElementById('advlowercolor').value = '#'+lc;
- }
- if ( 'fontcolor' == oid ) {
- document.getElementById('header').style.color = document.getElementById('fontcolor').value;
- document.getElementById('advfontcolor').value = document.getElementById('fontcolor').value;
- }
- if ( 'fontdisplay' == oid ) {
- document.getElementById('headerimg').style.display = document.getElementById('fontdisplay').value;
- }
- }
- function toggleDisplay() {
- td = document.getElementById('fontdisplay');
- td.value = ( td.value == 'none' ) ? 'inline' : 'none';
- kUpdate('fontdisplay');
- }
- function toggleAdvanced() {
- a = document.getElementById('jsAdvanced');
- if ( a.style.display == 'none' )
- a.style.display = 'block';
- else
- a.style.display = 'none';
- }
- function kDefaults() {
- document.getElementById('headerimage').value = '';
- document.getElementById('advuppercolor').value = document.getElementById('uppercolor').value = '#69aee7';
- document.getElementById('advlowercolor').value = document.getElementById('lowercolor').value = '#4180b6';
- document.getElementById('header').style.background = 'url("<?php echo get_template_directory_uri(); ?>/images/kubrickheader.jpg") center no-repeat';
- document.getElementById('header').style.color = '#FFFFFF';
- document.getElementById('advfontcolor').value = document.getElementById('fontcolor').value = '';
- document.getElementById('fontdisplay').value = 'inline';
- document.getElementById('headerimg').style.display = document.getElementById('fontdisplay').value;
- }
- function kRevert() {
- document.getElementById('headerimage').value = '<?php echo js_escape(kubrick_header_image()); ?>';
- document.getElementById('advuppercolor').value = document.getElementById('uppercolor').value = '#<?php echo js_escape(kubrick_upper_color()); ?>';
- document.getElementById('advlowercolor').value = document.getElementById('lowercolor').value = '#<?php echo js_escape(kubrick_lower_color()); ?>';
- document.getElementById('header').style.background = 'url("<?php echo js_escape(kubrick_header_image_url()); ?>") center no-repeat';
- document.getElementById('header').style.color = '';
- document.getElementById('advfontcolor').value = document.getElementById('fontcolor').value = '<?php echo js_escape(kubrick_header_color_string()); ?>';
- document.getElementById('fontdisplay').value = '<?php echo js_escape(kubrick_header_display_string()); ?>';
- document.getElementById('headerimg').style.display = document.getElementById('fontdisplay').value;
- }
- function kInit() {
- document.getElementById('jsForm').style.display = 'block';
- document.getElementById('nonJsForm').style.display = 'none';
- }
- addLoadEvent(kInit);
-// ]]>
-</script>
-<style type='text/css'>
- #headwrap {
- text-align: center;
- }
- #kubrick-header {
- font-size: 80%;
- }
- #kubrick-header .hibrowser {
- width: 780px;
- height: 260px;
- overflow: scroll;
- }
- #kubrick-header #hitarget {
- display: none;
- }
- #kubrick-header #header h1 {
- font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
- font-weight: bold;
- font-size: 4em;
- text-align: center;
- padding-top: 70px;
- margin: 0;
- }
- #kubrick-header #header .description {
- font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
- font-size: 1.2em;
- text-align: center;
- }
- #kubrick-header #header {
- text-decoration: none;
- color: <?php echo kubrick_header_color_string(); ?>;
- padding: 0;
- margin: 0;
- height: 200px;
- text-align: center;
- background: url('<?php echo kubrick_header_image_url(); ?>') center no-repeat;
- }
- #kubrick-header #headerimg {
- margin: 0;
- height: 200px;
- width: 100%;
- display: <?php echo kubrick_header_display_string(); ?>;
- }
- #jsForm {
- display: none;
- text-align: center;
- }
- #jsForm input.submit, #jsForm input.button, #jsAdvanced input.button {
- padding: 0px;
- margin: 0px;
- }
- #advanced {
- text-align: center;
- width: 620px;
- }
- html>body #advanced {
- text-align: center;
- position: relative;
- left: 50%;
- margin-left: -380px;
- }
- #jsAdvanced {
- text-align: right;
- }
- #nonJsForm {
- position: relative;
- text-align: left;
- margin-left: -370px;
- left: 50%;
- }
- #nonJsForm label {
- padding-top: 6px;
- padding-right: 5px;
- float: left;
- width: 100px;
- text-align: right;
- }
- .defbutton {
- font-weight: bold;
- }
- .zerosize {
- width: 0px;
- height: 0px;
- overflow: hidden;
- }
- #colorPickerDiv a, #colorPickerDiv a:hover {
- padding: 1px;
- text-decoration: none;
- border-bottom: 0px;
- }
-</style>
-<?php
-}
-
-function kubrick_theme_page() {
- if ( isset( $_REQUEST['saved'] ) ) echo '<div id="message" class="updated fade"><p><strong>'.__('Options saved.').'</strong></p></div>';
-?>
-<div class='wrap'>
- <div id="kubrick-header">
- <h2><?php _e('Header Image and Color'); ?></h2>
- <div id="headwrap">
- <div id="header">
- <div id="headerimg">
- <h1><?php bloginfo('name'); ?></h1>
- <div class="description"><?php bloginfo('description'); ?></div>
- </div>
- </div>
- </div>
- <br />
- <div id="nonJsForm">
- <form method="post" action="">
- <?php wp_nonce_field('kubrick-header'); ?>
- <div class="zerosize"><input type="submit" name="defaultsubmit" value="<?php echo attribute_escape(__('Save')); ?>" /></div>
- <label for="njfontcolor"><?php _e('Font Color:'); ?></label><input type="text" name="njfontcolor" id="njfontcolor" value="<?php echo attribute_escape(kubrick_header_color()); ?>" /> <?php printf(__('Any CSS color (%s or %s or %s)'), '<code>red</code>', '<code>#FF0000</code>', '<code>rgb(255, 0, 0)</code>'); ?><br />
- <label for="njuppercolor"><?php _e('Upper Color:'); ?></label><input type="text" name="njuppercolor" id="njuppercolor" value="#<?php echo attribute_escape(kubrick_upper_color()); ?>" /> <?php printf(__('HEX only (%s or %s)'), '<code>#FF0000</code>', '<code>#F00</code>'); ?><br />
- <label for="njlowercolor"><?php _e('Lower Color:'); ?></label><input type="text" name="njlowercolor" id="njlowercolor" value="#<?php echo attribute_escape(kubrick_lower_color()); ?>" /> <?php printf(__('HEX only (%s or %s)'), '<code>#FF0000</code>', '<code>#F00</code>'); ?><br />
- <input type="hidden" name="hi" id="hi" value="<?php echo attribute_escape(kubrick_header_image()); ?>" />
- <input type="submit" name="toggledisplay" id="toggledisplay" value="<?php echo attribute_escape(__('Toggle Text')); ?>" />
- <input type="submit" name="defaults" value="<?php echo attribute_escape(__('Use Defaults')); ?>" />
- <input type="submit" class="defbutton" name="submitform" value=" <?php _e('Save'); ?> " />
- <input type="hidden" name="action" value="save" />
- <input type="hidden" name="njform" value="true" />
- </form>
- </div>
- <div id="jsForm">
- <form style="display:inline;" method="post" name="hicolor" id="hicolor" action="<?php echo attribute_escape($_SERVER['REQUEST_URI']); ?>">
- <?php wp_nonce_field('kubrick-header'); ?>
- <input type="button" class="button-secondary" onclick="tgt=document.getElementById('fontcolor');colorSelect(tgt,'pick1');return false;" name="pick1" id="pick1" value="<?php echo attribute_escape(__('Font Color')); ?>"></input>
- <input type="button" class="button-secondary" onclick="tgt=document.getElementById('uppercolor');colorSelect(tgt,'pick2');return false;" name="pick2" id="pick2" value="<?php echo attribute_escape(__('Upper Color')); ?>"></input>
- <input type="button" class="button-secondary" onclick="tgt=document.getElementById('lowercolor');colorSelect(tgt,'pick3');return false;" name="pick3" id="pick3" value="<?php echo attribute_escape(__('Lower Color')); ?>"></input>
- <input type="button" class="button-secondary" name="revert" value="<?php echo attribute_escape(__('Revert')); ?>" onclick="kRevert()" />
- <input type="button" class="button-secondary" value="<?php echo attribute_escape(__('Advanced')); ?>" onclick="toggleAdvanced()" />
- <input type="hidden" name="action" value="save" />
- <input type="hidden" name="fontdisplay" id="fontdisplay" value="<?php echo attribute_escape(kubrick_header_display()); ?>" />
- <input type="hidden" name="fontcolor" id="fontcolor" value="<?php echo attribute_escape(kubrick_header_color()); ?>" />
- <input type="hidden" name="uppercolor" id="uppercolor" value="<?php echo attribute_escape(kubrick_upper_color()); ?>" />
- <input type="hidden" name="lowercolor" id="lowercolor" value="<?php echo attribute_escape(kubrick_lower_color()); ?>" />
- <input type="hidden" name="headerimage" id="headerimage" value="<?php echo attribute_escape(kubrick_header_image()); ?>" />
- <p class="submit"><input type="submit" name="submitform" class="defbutton" value="<?php echo attribute_escape(__('Update Header')); ?>" onclick="cp.hidePopup('prettyplease')" /></p>
- </form>
- <div id="colorPickerDiv" style="z-index: 100;background:#eee;border:1px solid #ccc;position:absolute;visibility:hidden;"> </div>
- <div id="advanced">
- <form id="jsAdvanced" style="display:none;" action="">
- <?php wp_nonce_field('kubrick-header'); ?>
- <label for="advfontcolor"><?php _e('Font Color (CSS):'); ?> </label><input type="text" id="advfontcolor" onchange="advUpdate(this.value, 'fontcolor')" value="<?php echo attribute_escape(kubrick_header_color()); ?>" /><br />
- <label for="advuppercolor"><?php _e('Upper Color (HEX):');?> </label><input type="text" id="advuppercolor" onchange="advUpdate(this.value, 'uppercolor')" value="#<?php echo attribute_escape(kubrick_upper_color()); ?>" /><br />
- <label for="advlowercolor"><?php _e('Lower Color (HEX):'); ?> </label><input type="text" id="advlowercolor" onchange="advUpdate(this.value, 'lowercolor')" value="#<?php echo attribute_escape(kubrick_lower_color()); ?>" /><br />
- <input type="button" class="button-secondary" name="default" value="<?php echo attribute_escape(__('Select Default Colors')); ?>" onclick="kDefaults()" /><br />
- <input type="button" class="button-secondary" onclick="toggleDisplay();return false;" name="pick" id="pick" value="<?php echo attribute_escape(__('Toggle Text Display')); ?>"></input><br />
- </form>
- </div>
- </div>
- </div>
-</div>
-<?php } ?>
functions.php
@@ -12,7 +12,7 @@
// This must be a path to a blank image, relative to the HTML document(s).
// In production use I suggest '/images/blank.gif' or similar. That's all!
-if (typeof blankImg == 'undefined') var blankImg = '/img/blank.gif';
+if (typeof blankImg == 'undefined') var blankImg = 'images/blank.gif';
iepngfix.htc
images/psd/header_window.psd
@@ -4,15 +4,26 @@ Template Name: Links
*/
?>
+
+<!-- links.php start -->
+
<?php get_header(); ?>
-<div id="content" class="widecolumn">
+ <div id="main_wrapper">
+
+ <div id="content" class="widecolumn">
-<h2>Links:</h2>
-<ul>
-<?php wp_list_bookmarks(); ?>
-</ul>
+ <h2>Links:</h2>
+ <ul>
+ <?php wp_list_bookmarks(); ?>
+ </ul>
-</div>
+ </div>
+
+ <div class="clear"></div>
+
+ </div>
<?php get_footer(); ?>
+
+<!-- links.php end -->
links.php
@@ -1,20 +1,75 @@
/*
-Theme Name: Designers Default
-Theme URI: http://www.poweredbygeek/
-Description: Based on the default Wordpress theme by Michael Heilemann (http://binarybonsai.com/), this theme is redone to be a starting place for web designers.
-Version: 1.0
-Author: Lynn Wallenstein
-Author URI: http://www.poweredbygeek.com/
-Tags: blue, custom header, fixed width, two columns, widgets
-*/
-
-/****** GLOBAL ******/
-
-p, dl, hr, ol, ul, pre, table, address, fieldset {
- margin-bottom: 20px;
+main.css - You will probably want to do your changes here.
+
+/*------------------------------------------------------------------
+[Table of Contents]
+
+1. Global Attributes
+ 1.1. Body
+ 1.2. Links
+ 1.3. Headers
+ 1.4 Misc - Listed Alphabetically
+2. Structure
+ 2.1. Page / #page
+ + 2.1.1 Header / #header
+ + 2.1.2 Wrapper / #main_wrapper
+ + 2.1.2.1 Content / #content
+ + 2.1.2.1.1 Post / .post
+ + 2.1.2.2 Sidebar / #sidebar
+ + 2.1.3. Footer / #footer
+3. Component Classes
+ 3.1 Calendar
+ 3.2 Images
+ 3.3 Captions
+4. Helpful Classes - Listed Alphabetrically
+-------------------------------------------------------------------*/
+
+/*------------------------------------------------------------------
+[Color codes]
+
+Background: #eee (grey)
+H1: #ffffff (white)
+H2: #333 (blue)
+Header Background Color: #333 (blue)
+a (standard): #06c (blue)
+a (hover): #147 (blue)
+-------------------------------------------------------------------*/
+
+
+
+/* `1. Global Attributes
+----------------------------------------------------------------------------------------------------*/
+
+/* 1.1 - BODY */
+
+
+body {
+ font-size: 62.5%; /* Resets 1em to 10px */
+ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
+ background: #eee; /* CHANGE THIS COLOR TO CHANGE THE BACKGROUND OF THE PAGE */
+ color: #333;
+ text-align: center;
+ margin: 0 0 20px 0;
+ padding: 0;
}
-/* HEADERS */
+
+/* 1.2 - LINKS */
+
+a {
+ color: #06c;
+ text-decoration: none;
+}
+ a:hover {
+ color: #147;
+ text-decoration: underline;
+ }
+ a img {
+ border: none;
+ }
+
+
+/* 1.3 - HEADERS */
h1 {
font-weight: 100;
@@ -67,23 +122,8 @@ h3 {
margin: 40px auto 20px ;
}
-/* LINKS */
-
-a {
- color: #06c;
- text-decoration: none;
-}
- a:hover {
- color: #147;
- text-decoration: underline;
- }
- a img {
- border: none;
- }
-
-
-/* RANDOM - LISTED ALPHABETICALLY */
+/* 1.4 - MISC - LISTED ALPHABETICALLY */
abbr {
border-bottom: 1px dashed #999;
@@ -91,6 +131,9 @@ abbr {
font-size: 0.9em;
letter-spacing: .07em;
}
+address {
+ margin-bottom: 20px;
+}
acronym {
border-bottom: 1px dashed #999;
@@ -113,15 +156,30 @@ blockquote {
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
-
+dl {
+ margin-bottom: 20px;
+}
+dt {
+ margin-left: 10px;
+}
+fieldset {
+ margin-bottom: 20px;
+}
hr {
display: none;
}
-
+ol {
+ margin-bottom: 20px;
+}
ol li {
list-style: decimal outside;
}
-
+p {
+ margin-bottom: 20px;
+}
+pre {
+ margin-bottom: 20px;
+}
select {
width: 130px;
}
@@ -142,56 +200,18 @@ span {}
strike {
color: #777;
}
-
-
-/* VARIOUS TAGS AND CLASSS - LISTED ALPHABETICALLY */
-
-.aligncenter, div.aligncenter {
- display: block;
- margin-left: auto;
- margin-right: auto;
-}
-
-.alignleft {
- float: left;
-}
-
-.alignright {
- float: right;
-}
-
-.center {
- text-align: center;
-}
-
-.clear {
- clear: both;
+table {
+ margin-bottom: 20px;
}
-
-.hidden {
- display: none;
+ul {
+ margin-bottom: 20px;
}
+/* `2. Structure
+----------------------------------------------------------------------------------------------------*/
-
-
-
-
-
-/****** STRUCTURE ******/
-
-body {
- font-size: 62.5%; /* Resets 1em to 10px */
- font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
- background: #eee;
- color: #333;
- text-align: center;
- margin: 0 0 20px 0;
- padding: 0;
-}
-
-/* PAGE */
+/* 2.1 - PAGE */
#page {
text-align: left;
@@ -206,7 +226,7 @@ body {
background: url('images/page_background_rtl.png');
}
-/* HEADER */
+/* 2.1.1 - HEADER */
#header {
background: url('images/header_background.png') no-repeat top center;
@@ -216,29 +236,31 @@ body {
height: 194px;
width: 960px;
}
-
+ #header .description {
+ font-size: 1.2em;
+ text-align: center;
+ text-decoration: none;
+ color: white;
+ }
#headerimg {
- background: #73a0c5 url('images/feed.png') bottom center;
+ background: #333; /* CHANGE THIS COLOR OR ADD AN IMAGE TO CHANGE THE HEADER BACKGROUND - url('images/image.png') no-repeat top center; */
margin: 0px 14px;
height: 194px;
}
- #header .description {
- font-size: 1.2em;
- text-align: center;
- text-decoration: none;
- color: white;
- }
#header_window {
background: url('images/header_window.png') no-repeat bottom center;
height: 194px;
}
-/* CONTENT */
+/* 2.1.2 - MAIN WRAPPER */
#main_wrapper {
background: url('images/page_background.png') repeat-y top center;
margin: 0;
}
+
+/* 2.1.2.1 - CONTENT */
+
#content {
font-size: 1.2em
}
@@ -276,7 +298,7 @@ body {
margin-top: 10px;
margin-bottom: 60px;
}
-/* POST */
+/* 2.1.2.1.1 - POST */
.post {
margin: 0 0 40px;
text-align: justify;
@@ -290,7 +312,7 @@ body {
.post p {
line-height: 1.5em;
}
-/* ENTRY */
+/* 2.1.2.1.1.1 - ENTRY */
.entry {}
.entry p a:visited {
color: #b85b5a;
@@ -351,7 +373,7 @@ body {
margin: 0;
padding: 10px;
}
-/* COMMENTLIST */
+/* 2.1.2.1.1.2 - COMMENTLIST */
.commentlist {
padding: 0;
text-align: justify;
@@ -414,7 +436,7 @@ body {
padding: 0;
color: #777;
}
-/* SIDEBAR */
+/* 2.1.2.2- SIDEBAR */
#sidebar {
padding: 20px 0 10px 0;
float: right;
@@ -480,7 +502,7 @@ body {
content: "\00BB \0020";
}
-/* FOOTER */
+/* 2.1.3.2- FOOTER */
#footer {
padding: 0;
@@ -500,8 +522,12 @@ body {
text-align: center;
padding-bottom: 20px;
}
+
+
+/* `3. Components
+----------------------------------------------------------------------------------------------------*/
-/****** CALENDAR ******/
+/* 3.1 - CALENDAR */
#wp-calendar {
empty-cells: show;
@@ -549,7 +575,7 @@ body {
}
-/****** IMAGES ******/
+/* 3.2 - IMAGES */
p img {
max-width: 100%;
@@ -575,7 +601,7 @@ img.alignleft {
-/****** CAPTIONS ******/
+/* 3.3 - CAPTIONS */
.wp-caption {
@@ -599,3 +625,34 @@ img.alignleft {
margin: 0;
}
+
+
+/* `3. Helpful Classes - Listed Alphaberically
+----------------------------------------------------------------------------------------------------*/
+
+.aligncenter, div.aligncenter {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.alignleft {
+ float: left;
+}
+
+.alignright {
+ float: right;
+}
+
+.center {
+ text-align: center;
+}
+
+.clear {
+ clear: both;
+}
+
+.hidden {
+ display: none;
+}
+
main.css
@@ -2,7 +2,7 @@
Theme Name: Designers Default
Theme URI: http://www.poweredbygeek/
Description: Based on the default Wordpress theme, this theme is redone to be a starting place for web designers.
-Version: 1.0
+Version: 0.3
Author: Lynn Wallenstein
Author URI: http://www.poweredbygeek.com/
Tags: blue, custom header, fixed width, two columns, widgets
@@ -17,9 +17,9 @@ Tags: blue, custom header, fixed width, two columns, widgets
/* http://960.gs/ */
@import "960.css";
-/* This is where you will want to do most of your changes */
+/******* This is where you will want to do most of your changes ******/
@import "main.css";
/* Uncomment this for debugging */
-/* @import "debugging.css"; */
+/* @import "debugging.css"; */
style.css
16cc7d7365eaabc6add7366f9ffbde3529b7869c
Lynn Wallenstein
lwallenstein@gmail.com
http://github.com/lwallenstein/designers-default/commit/46638f2f169485dfb41ba35c0973aeea6107a5b1
46638f2f169485dfb41ba35c0973aeea6107a5b1
2008-11-23T01:19:12-08:00
2008-11-23T01:19:12-08:00
Cleaned up CSS with comments
9d5b40f1432db6992d09be95c1f21dce26bdabff
Lynn Wallenstein
lwallenstein@gmail.com