', 65 | 'after_title' => '

21 | 22 | 23 | 34 | 35 |

36 | -------------------------------------------------------------------------------- /inc/extras.php: -------------------------------------------------------------------------------- 1 | post_name; 23 | } 24 | 25 | return $classes; 26 | } 27 | add_filter( 'body_class', 'red_starter_body_classes' ); 28 | -------------------------------------------------------------------------------- /inc/template-tags.php: -------------------------------------------------------------------------------- 1 | %2$s'; 13 | if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) { 14 | $time_string = '%2$s%4$s'; 15 | } 16 | 17 | $time_string = sprintf( $time_string, 18 | esc_attr( get_the_date( 'c' ) ), 19 | esc_html( get_the_date() ), 20 | esc_attr( get_the_modified_date( 'c' ) ), 21 | esc_html( get_the_modified_date() ) 22 | ); 23 | 24 | $posted_on = sprintf( esc_html( '%s' ), $time_string ); 25 | 26 | echo '' . $posted_on . ''; // WPCS: XSS OK. 27 | 28 | } 29 | 30 | /** 31 | * Prints HTML with meta information for the post author. 32 | */ 33 | function red_starter_posted_by() { 34 | $byline = sprintf( 35 | esc_html( 'by %s' ), 36 | '' . esc_html( get_the_author() ) . '' 37 | ); 38 | 39 | echo ' ' . $byline . ''; // WPCS: XSS OK. 40 | 41 | } 42 | 43 | /** 44 | * Prints HTML with meta information for the comments with pop-up link. 45 | */ 46 | function red_starter_comment_count() { 47 | if ( is_single() && ! post_password_required() && ( comments_open() || get_comments_number() ) ) { 48 | echo ''; 49 | comments_popup_link( esc_html( '0 Comments' ), esc_html( '1 Comment' ), esc_html( '% Comments' ) ); 50 | echo ''; 51 | } 52 | 53 | } 54 | 55 | /** 56 | * Prints HTML with meta information for the categories and tags. 57 | */ 58 | function red_starter_entry_footer() { 59 | // Hide category and tag text for pages. 60 | if ( 'post' === get_post_type() ) { 61 | /* translators: used between list items, there is a space after the comma */ 62 | $categories_list = get_the_category_list( esc_html( ', ' ) ); 63 | if ( $categories_list && red_starter_categorized_blog() ) { 64 | printf( '' . esc_html( 'Posted in → %1$s' ) . '', $categories_list ); // WPCS: XSS OK. 65 | } 66 | 67 | /* translators: used between list items, there is a space after the comma */ 68 | $tags_list = get_the_tag_list( '', esc_html( ', ' ) ); 69 | if ( $tags_list ) { 70 | printf( '' . esc_html( 'Tagged → %1$s' ) . '', $tags_list ); // WPCS: XSS OK. 71 | } 72 | } 73 | } 74 | 75 | /** 76 | * Returns true if a blog has more than 1 category. 77 | * 78 | * @return bool 79 | */ 80 | function red_starter_categorized_blog() { 81 | if ( false === ( $all_the_cool_cats = get_transient( 'red_starter_categories' ) ) ) { 82 | // Create an array of all the categories that are attached to posts. 83 | $all_the_cool_cats = get_categories( array( 84 | 'fields' => 'ids', 85 | 'hide_empty' => 1, 86 | 87 | // We only need to know if there is more than one category. 88 | 'number' => 2, 89 | ) ); 90 | 91 | // Count the number of categories that are attached to the posts. 92 | $all_the_cool_cats = count( $all_the_cool_cats ); 93 | 94 | set_transient( 'red_starter_categories', $all_the_cool_cats ); 95 | } 96 | 97 | if ( $all_the_cool_cats > 1 ) { 98 | // This blog has more than 1 category so red_starter_categorized_blog should return true. 99 | return true; 100 | } else { 101 | // This blog has only 1 category so red_starter_categorized_blog should return false. 102 | return false; 103 | } 104 | } 105 | 106 | /** 107 | * Flush out the transients used in red_starter_categorized_blog. 108 | */ 109 | function red_starter_category_transient_flusher() { 110 | if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) { 111 | return; 112 | } 113 | // Like, beat it. Dig? 114 | delete_transient( 'red_starter_categories' ); 115 | } 116 | add_action( 'edit_category', 'red_starter_category_transient_flusher' ); 117 | add_action( 'save_post', 'red_starter_category_transient_flusher' ); 118 | 119 | /** 120 | * Template for comments. We have opted out of displaying pingbacks and trackbacks. 121 | * 122 | * Used as a callback by wp_list_comments() for displaying the comments. 123 | */ 124 | function red_starter_comment_list( $comment, $args, $depth ) { 125 | $GLOBALS['comment'] = $comment; 126 | ?> 127 | 128 |

> 129 |

130 | 131 |

132 | 133 |

134 | 135 |

136 |

137 |

138 | %s', get_comment_author() ); ?> 139 |

140 | 141 |

142 | 143 | 144 | 145 | # 146 |

147 | 148 | comment_approved ) : ?> 149 |

Your comment is awaiting moderation.

150 | 151 |

152 | 153 | 154 | 155 |

163 |

164 | 165 |

166 | 167 | max_num_pages > 1 ) { 179 | echo ''; 191 | } 192 | } 193 | -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 9 | 10 |

11 |

12 | 13 | 14 | 15 | 16 |

17 | 18 |

19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 |

37 |

38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /js/navigation.js: -------------------------------------------------------------------------------- 1 | /** 2 | * File navigation.js. 3 | * 4 | * Handles toggling the navigation menu for small screens and enables TAB key 5 | * navigation support for dropdown menus. 6 | */ 7 | (function() { 8 | let container, button, menu, links, i, len; 9 | 10 | container = document.getElementById('site-navigation'); 11 | if (!container) { 12 | return; 13 | } 14 | 15 | button = container.getElementsByTagName('button')[0]; 16 | if ('undefined' === typeof button) { 17 | return; 18 | } 19 | 20 | menu = container.getElementsByTagName('ul')[0]; 21 | 22 | // Hide menu toggle button if menu is empty and return early. 23 | if ('undefined' === typeof menu) { 24 | button.style.display = 'none'; 25 | return; 26 | } 27 | 28 | menu.setAttribute('aria-expanded', 'false'); 29 | if (-1 === menu.className.indexOf('nav-menu')) { 30 | menu.className += ' nav-menu'; 31 | } 32 | 33 | button.onclick = function() { 34 | if (-1 !== container.className.indexOf('toggled')) { 35 | container.className = container.className.replace(' toggled', ''); 36 | button.setAttribute('aria-expanded', 'false'); 37 | menu.setAttribute('aria-expanded', 'false'); 38 | } else { 39 | container.className += ' toggled'; 40 | button.setAttribute('aria-expanded', 'true'); 41 | menu.setAttribute('aria-expanded', 'true'); 42 | } 43 | }; 44 | 45 | // Get all the link elements within the menu. 46 | links = menu.getElementsByTagName('a'); 47 | 48 | // Each time a menu link is focused or blurred, toggle focus. 49 | for (i = 0, len = links.length; i < len; i++) { 50 | links[i].addEventListener('focus', toggleFocus, true); 51 | links[i].addEventListener('blur', toggleFocus, true); 52 | } 53 | 54 | /** 55 | * Sets or removes .focus class on an element. 56 | */ 57 | function toggleFocus() { 58 | let self = this; 59 | 60 | // Move up through the ancestors of the current link until we hit .nav-menu. 61 | while (-1 === self.className.indexOf('nav-menu')) { 62 | // On li elements toggle the class .focus. 63 | if ('li' === self.tagName.toLowerCase()) { 64 | if (-1 !== self.className.indexOf('focus')) { 65 | self.className = self.className.replace(' focus', ''); 66 | } else { 67 | self.className += ' focus'; 68 | } 69 | } 70 | 71 | self = self.parentElement; 72 | } 73 | } 74 | 75 | /** 76 | * Toggles `focus` class to allow submenu access on tablets. 77 | */ 78 | (function(container) { 79 | let touchStartFn, 80 | i, 81 | parentLink = container.querySelectorAll( 82 | '.menu-item-has-children > a, .page_item_has_children > a' 83 | ); 84 | 85 | if ('ontouchstart' in window) { 86 | touchStartFn = function(e) { 87 | let menuItem = this.parentNode, 88 | i; 89 | 90 | if (!menuItem.classList.contains('focus')) { 91 | e.preventDefault(); 92 | for (i = 0; i < menuItem.parentNode.children.length; ++i) { 93 | if (menuItem === menuItem.parentNode.children[i]) { 94 | continue; 95 | } 96 | menuItem.parentNode.children[i].classList.remove('focus'); 97 | } 98 | menuItem.classList.add('focus'); 99 | } else { 100 | menuItem.classList.remove('focus'); 101 | } 102 | }; 103 | 104 | for (i = 0; i < parentLink.length; ++i) { 105 | parentLink[i].addEventListener('touchstart', touchStartFn, false); 106 | } 107 | } 108 | })(container); 109 | })(); 110 | -------------------------------------------------------------------------------- /js/skip-link-focus-fix.js: -------------------------------------------------------------------------------- 1 | /** 2 | * skip-link-focus-fix.js 3 | * 4 | * Helps with accessibility for keyboard only users. 5 | * 6 | * Learn more: https://github.com/Automattic/_s/pull/136 7 | */ 8 | (function() { 9 | const isWebkit = navigator.userAgent.toLowerCase().indexOf('webkit') > -1, 10 | isOpera = navigator.userAgent.toLowerCase().indexOf('opera') > -1, 11 | isIE = navigator.userAgent.toLowerCase().indexOf('msie') > -1; 12 | 13 | if ( 14 | (isWebkit || isOpera || isIE) && 15 | document.getElementById && 16 | window.addEventListener 17 | ) { 18 | window.addEventListener( 19 | 'hashchange', 20 | function() { 21 | const id = location.hash.substring(1); 22 | let element; 23 | 24 | if (!/^[A-z0-9_-]+$/.test(id)) { 25 | return; 26 | } 27 | 28 | element = document.getElementById(id); 29 | 30 | if (element) { 31 | if (!/^(?:a|select|input|button|textarea)$/i.test(element.tagName)) { 32 | element.tabIndex = -1; 33 | } 34 | 35 | element.focus(); 36 | } 37 | }, 38 | false 39 | ); 40 | } 41 | })(); 42 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "redstarter", 3 | "version": "1.1.0", 4 | "description": "A starter theme for RED students, based on Underscores.", 5 | "author": "yourname", 6 | "dependencies": {}, 7 | "devDependencies": { 8 | "babel-core": "^6.26.0", 9 | "babel-preset-env": "^1.6.1", 10 | "browser-sync": "^2.26.7", 11 | "gulp": "^4.0.2", 12 | "gulp-autoprefixer": "^4.1.0", 13 | "gulp-babel": "^7.0.1", 14 | "gulp-cssnano": "^2.1.2", 15 | "gulp-eslint": "^4.0.2", 16 | "gulp-prettyerror": "^1.2.1", 17 | "gulp-rename": "^1.2.2", 18 | "gulp-sass": "^4.0.2", 19 | "gulp-sourcemaps": "^2.6.5", 20 | "gulp-terser": "^1.2.0" 21 | }, 22 | "prettier": { 23 | "singleQuote": true 24 | }, 25 | "scripts": { 26 | "start": "gulp", 27 | "sass": "gulp sass", 28 | "scripts": "gulp scripts", 29 | "build": "echo 'start build script' ; gulp scripts ; gulp sass ; echo 'end build script'" 30 | }, 31 | "repository": { 32 | "type": "git", 33 | "url": "git+https://github.com/redacademy/redstarter.git" 34 | }, 35 | "license": "ISC", 36 | "bugs": { 37 | "url": "https://github.com/redacademy/redstarter/issues" 38 | }, 39 | "homepage": "https://github.com/redacademy/redstarter#readme" 40 | } 41 | -------------------------------------------------------------------------------- /page.php: -------------------------------------------------------------------------------- 1 | 9 | 10 |

11 |

12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |

20 |

21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /readme.txt: -------------------------------------------------------------------------------- 1 | === RED Starter Theme === 2 | 3 | Contributors: automattic 4 | Tags: translation-ready, custom-background, theme-options, custom-menu, post-formats, threaded-comments 5 | 6 | Requires at least: 4.0 7 | Tested up to: 4.2.2 8 | Stable tag: 1.0.0 9 | License: GPLv2 or later 10 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 11 | 12 | A starter theme called RED Starter Theme, or underscores. 13 | 14 | == Description == 15 | 16 | Hi. I'm a starter theme called RED Starter Theme, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for. 17 | 18 | == Installation == 19 | 20 | 1. In your admin panel, go to Appearance > Themes and click the Add New button. 21 | 2. Click Upload and Choose File, then select the theme's .zip file. Click Install Now. 22 | 3. Click Activate to use your new theme right away. 23 | 24 | == Frequently Asked Questions == 25 | 26 | = Does this theme support any plugins? = 27 | 28 | RED Starter Theme includes support for Infinite Scroll in Jetpack. 29 | 30 | == Changelog == 31 | 32 | = 1.0 - May 12 2015 = 33 | * Initial release 34 | 35 | == Credits == 36 | 37 | * Based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc., [GPLv2 or later](https://www.gnu.org/licenses/gpl-2.0.html) 38 | * normalize.css http://necolas.github.io/normalize.css/, (C) 2012-2015 Nicolas Gallagher and Jonathan Neal, [MIT](http://opensource.org/licenses/MIT) 39 | -------------------------------------------------------------------------------- /sass/_content.scss: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------------------- 2 | # Content 3 | --------------------------------------------------------------*/ 4 | 5 | /* Posts and pages */ 6 | 7 | .sticky { 8 | display: block; 9 | } 10 | 11 | .hentry { 12 | margin: 0 0 $base__space-unit; 13 | } 14 | 15 | .updated:not(.published){ 16 | display: none; 17 | } 18 | 19 | .single .byline, 20 | .group-blog .byline { 21 | display: inline; 22 | } 23 | 24 | .page-content, 25 | .entry-content, 26 | .entry-summary { 27 | margin: $base__space-unit 0 0; 28 | } 29 | 30 | .page-links { 31 | clear: both; 32 | margin: 0 0 $base__space-unit; 33 | } 34 | 35 | /* Asides */ 36 | 37 | .blog .format-aside .entry-title, 38 | .archive .format-aside .entry-title { 39 | display: none; 40 | } 41 | 42 | /* Comments */ 43 | 44 | .comment-content a { 45 | word-wrap: break-word; 46 | } 47 | .bypostauthor { 48 | display: block; 49 | } 50 | -------------------------------------------------------------------------------- /sass/_elements.scss: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------------------- 2 | # Elements 3 | --------------------------------------------------------------*/ 4 | 5 | html { 6 | box-sizing: border-box; 7 | @include font-size(1); 8 | } 9 | 10 | *, 11 | *:before, 12 | *:after { 13 | /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ 14 | box-sizing: inherit; 15 | } 16 | 17 | body { 18 | background: $color__background-body; /* Fallback for when there is no custom background color defined. */ 19 | } 20 | 21 | blockquote, 22 | q { 23 | quotes: '' ''; 24 | 25 | &:before, 26 | &:after { 27 | content: ''; 28 | } 29 | } 30 | 31 | hr { 32 | background-color: $color__background-hr; 33 | border: 0; 34 | height: 1px; 35 | margin-bottom: $base__space-unit; 36 | } 37 | 38 | ul, 39 | ol { 40 | margin: 0 0 $base__space-unit ($base__space-unit * 2); 41 | } 42 | 43 | ul { 44 | list-style: disc; 45 | } 46 | 47 | ol { 48 | list-style: decimal; 49 | } 50 | 51 | li > ul, 52 | li > ol { 53 | margin-bottom: 0; 54 | margin-left: $base__space-unit; 55 | } 56 | 57 | dt { 58 | font-weight: bold; 59 | } 60 | 61 | dd { 62 | margin: 0 $base__space-unit $base__space-unit; 63 | } 64 | 65 | img { 66 | height: auto; /* Make sure images are scaled correctly. */ 67 | max-width: 100%; /* Adhere to container width. */ 68 | } 69 | 70 | table { 71 | margin: 0 0 $base__space-unit; 72 | width: 100%; 73 | } 74 | -------------------------------------------------------------------------------- /sass/_fonts.scss: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------------------- 2 | # Embedded Fonts 3 | --------------------------------------------------------------*/ 4 | -------------------------------------------------------------------------------- /sass/_forms.scss: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------------------- 2 | # Forms 3 | --------------------------------------------------------------*/ 4 | 5 | /* Buttons */ 6 | 7 | button, 8 | input[type="button"], 9 | input[type="reset"], 10 | input[type="submit"] { 11 | border: 1px solid; 12 | border-color: #ccc #ccc #bbb; 13 | border-radius: 3px; 14 | background: #e6e6e6; 15 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); 16 | color: rgba(0, 0, 0, .8); 17 | @include font-size(0.75); 18 | line-height: 1; 19 | padding: .6rem 1rem .4rem; 20 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 21 | 22 | &:hover { 23 | border-color: #ccc #bbb #aaa; 24 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); 25 | } 26 | 27 | &:active, 28 | &:focus { 29 | border-color: #aaa #bbb #bbb; 30 | box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); 31 | } 32 | } 33 | 34 | /* Fields */ 35 | 36 | input[type="text"], 37 | input[type="email"], 38 | input[type="url"], 39 | input[type="password"], 40 | input[type="search"], 41 | textarea { 42 | color: #666; 43 | border: 1px solid #ccc; 44 | border-radius: 3px; 45 | 46 | &:focus { 47 | color: #111; 48 | } 49 | } 50 | 51 | input[type="text"], 52 | input[type="email"], 53 | input[type="url"], 54 | input[type="password"], 55 | input[type="search"] { 56 | padding: 3px; 57 | } 58 | 59 | textarea { 60 | padding-left: 3px; 61 | width: 100%; 62 | } 63 | -------------------------------------------------------------------------------- /sass/_media.scss: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------------------- 2 | # Media 3 | --------------------------------------------------------------*/ 4 | 5 | .page-content .wp-smiley, 6 | .entry-content .wp-smiley, 7 | .comment-content .wp-smiley { 8 | border: none; 9 | margin-bottom: 0; 10 | margin-top: 0; 11 | padding: 0; 12 | } 13 | 14 | /* Make sure embeds and iframes fit their containers. */ 15 | 16 | embed, 17 | iframe, 18 | object { 19 | max-width: 100%; 20 | } 21 | 22 | /* Captions */ 23 | 24 | .wp-caption { 25 | margin-bottom: $base__space-unit; 26 | max-width: 100%; 27 | 28 | img[class*="wp-image-"] { 29 | @include center-block; 30 | } 31 | 32 | .wp-caption-text { 33 | margin: 0.8075rem 0; 34 | } 35 | } 36 | 37 | .wp-caption-text { 38 | text-align: center; 39 | } 40 | 41 | /* Galleries*/ 42 | 43 | .gallery { 44 | margin-bottom: $base__space-unit; 45 | } 46 | 47 | .gallery-item { 48 | display: inline-block; 49 | text-align: center; 50 | vertical-align: top; 51 | width: 100%; 52 | 53 | .gallery-columns-2 & { 54 | max-width: 50%; 55 | } 56 | 57 | .gallery-columns-3 & { 58 | max-width: 33.33%; 59 | } 60 | 61 | .gallery-columns-4 & { 62 | max-width: 25%; 63 | } 64 | 65 | .gallery-columns-5 & { 66 | max-width: 20%; 67 | } 68 | 69 | .gallery-columns-6 & { 70 | max-width: 16.66%; 71 | } 72 | 73 | .gallery-columns-7 & { 74 | max-width: 14.28%; 75 | } 76 | 77 | .gallery-columns-8 & { 78 | max-width: 12.5%; 79 | } 80 | 81 | .gallery-columns-9 & { 82 | max-width: 11.11%; 83 | } 84 | } 85 | 86 | .gallery-caption { 87 | display: block; 88 | } 89 | -------------------------------------------------------------------------------- /sass/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Rem output with px fallback 2 | @mixin font-size($sizeValue: 1) { 3 | font-size: ($sizeValue * 16) * 1px; 4 | font-size: $sizeValue * 1rem; 5 | } 6 | 7 | // Center block 8 | @mixin center-block { 9 | display: block; 10 | margin-left: auto; 11 | margin-right: auto; 12 | } 13 | -------------------------------------------------------------------------------- /sass/_modules.scss: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------------------- 2 | # Accessibility 3 | --------------------------------------------------------------*/ 4 | 5 | /* Text meant only for screen readers. */ 6 | .screen-reader-text { 7 | clip: rect(1px, 1px, 1px, 1px); 8 | position: absolute !important; 9 | height: 1px; 10 | width: 1px; 11 | overflow: hidden; 12 | 13 | &:focus { 14 | background-color: $color__background-screen; 15 | border-radius: 3px; 16 | box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 17 | clip: auto !important; 18 | color: $color__text-screen; 19 | display: block; 20 | @include font-size(0.875); 21 | font-weight: bold; 22 | height: auto; 23 | left: 5px; 24 | line-height: normal; 25 | padding: 15px 23px 14px; 26 | text-decoration: none; 27 | top: 5px; 28 | width: auto; 29 | z-index: 100000; /* Above WP toolbar. */ 30 | } 31 | } 32 | 33 | /*-------------------------------------------------------------- 34 | # Alignments 35 | --------------------------------------------------------------*/ 36 | 37 | .alignleft { 38 | display: inline; 39 | float: left; 40 | margin-right: $base__space-unit; 41 | } 42 | 43 | .alignright { 44 | display: inline; 45 | float: right; 46 | margin-left: $base__space-unit; 47 | } 48 | 49 | .aligncenter { 50 | clear: both; 51 | @include center-block; 52 | } 53 | 54 | /*-------------------------------------------------------------- 55 | # Clearings 56 | --------------------------------------------------------------*/ 57 | 58 | .clearfix { 59 | clear: both; 60 | content: ""; 61 | display: table; 62 | } 63 | -------------------------------------------------------------------------------- /sass/_navigation.scss: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------------------- 2 | # Navigation 3 | --------------------------------------------------------------*/ 4 | 5 | /* Links */ 6 | 7 | a { 8 | color: $color__link; 9 | 10 | &:visited { 11 | color: $color__link-visited; 12 | } 13 | &:hover, 14 | &:focus, 15 | &:active { 16 | color: $color__link-hover; 17 | } 18 | &:focus { 19 | outline: thin dotted; 20 | } 21 | &:hover, 22 | &:active { 23 | outline: 0; 24 | } 25 | } 26 | 27 | /* Menus */ 28 | 29 | .main-navigation { 30 | clear: both; 31 | display: block; 32 | float: left; 33 | width: 100%; 34 | 35 | ul { 36 | display: none; 37 | list-style: none; 38 | margin: 0; 39 | padding-left: 0; 40 | 41 | ul { 42 | box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 43 | float: left; 44 | position: absolute; 45 | top: $base__space-unit; 46 | left: -999rem; 47 | z-index: 99999; 48 | 49 | ul { 50 | left: -999rem; 51 | top: 0; 52 | } 53 | 54 | li { 55 | &:hover > ul, 56 | &.focus > ul { 57 | left: 100%; 58 | } 59 | } 60 | 61 | a { 62 | width: 200px; 63 | } 64 | 65 | :hover > a, 66 | .focus > a { 67 | } 68 | 69 | a:hover, 70 | a.focus { 71 | } 72 | } 73 | 74 | li:hover > ul, 75 | li.focus > ul { 76 | left: auto; 77 | } 78 | } 79 | li { 80 | float: left; 81 | position: relative; 82 | 83 | &:hover > a, 84 | &.focus > a { 85 | } 86 | } 87 | a { 88 | display: block; 89 | text-decoration: none; 90 | } 91 | 92 | .current_page_item > a, 93 | .current-menu-item > a, 94 | .current_page_ancestor > a { 95 | } 96 | } 97 | 98 | /* Small menu. */ 99 | .menu-toggle, 100 | .main-navigation.toggled ul { 101 | display: block; 102 | } 103 | 104 | @media screen and (min-width: 768px) { 105 | .menu-toggle { 106 | display: none; 107 | } 108 | .main-navigation ul { 109 | display: block; 110 | } 111 | } 112 | 113 | .comment-navigation, 114 | .posts-navigation, 115 | .post-navigation { 116 | 117 | .site-main & { 118 | margin: 0 0 $base__space-unit; 119 | overflow: hidden; 120 | } 121 | 122 | .nav-previous { 123 | float: left; 124 | width: 50%; 125 | } 126 | 127 | .nav-next { 128 | float: right; 129 | text-align: right; 130 | width: 50%; 131 | } 132 | } 133 | -------------------------------------------------------------------------------- /sass/_normalize.scss: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | -webkit-text-size-adjust: 100%; 4 | -ms-text-size-adjust: 100%; 5 | } 6 | 7 | body { 8 | margin: 0; 9 | } 10 | 11 | article, 12 | aside, 13 | details, 14 | figcaption, 15 | figure, 16 | footer, 17 | header, 18 | main, 19 | menu, 20 | nav, 21 | section, 22 | summary { 23 | display: block; 24 | } 25 | 26 | audio, 27 | canvas, 28 | progress, 29 | video { 30 | display: inline-block; 31 | vertical-align: baseline; 32 | } 33 | 34 | audio:not([controls]) { 35 | display: none; 36 | height: 0; 37 | } 38 | 39 | [hidden], 40 | template { 41 | display: none; 42 | } 43 | 44 | a { 45 | background-color: transparent; 46 | } 47 | 48 | a:active, 49 | a:hover { 50 | outline: 0; 51 | } 52 | 53 | abbr[title] { 54 | border-bottom: 1px dotted; 55 | } 56 | 57 | b, 58 | strong { 59 | font-weight: bold; 60 | } 61 | 62 | dfn { 63 | font-style: italic; 64 | } 65 | 66 | h1 { 67 | font-size: 2em; 68 | margin: 0.67em 0; 69 | } 70 | 71 | mark { 72 | background: #ff0; 73 | color: #000; 74 | } 75 | 76 | small { 77 | font-size: 80%; 78 | } 79 | 80 | sub, 81 | sup { 82 | font-size: 75%; 83 | line-height: 0; 84 | position: relative; 85 | vertical-align: baseline; 86 | } 87 | 88 | sup { 89 | top: -0.5em; 90 | } 91 | 92 | sub { 93 | bottom: -0.25em; 94 | } 95 | 96 | img { 97 | border: 0; 98 | } 99 | 100 | svg:not(:root) { 101 | overflow: hidden; 102 | } 103 | 104 | figure { 105 | margin: 1em 40px; 106 | } 107 | 108 | hr { 109 | box-sizing: content-box; 110 | height: 0; 111 | } 112 | 113 | pre { 114 | overflow: auto; 115 | } 116 | 117 | code, 118 | kbd, 119 | pre, 120 | samp { 121 | font-family: monospace, monospace; 122 | font-size: 1em; 123 | } 124 | 125 | button, 126 | input, 127 | optgroup, 128 | select, 129 | textarea { 130 | color: inherit; 131 | font: inherit; 132 | margin: 0; 133 | } 134 | 135 | button { 136 | overflow: visible; 137 | } 138 | 139 | button, 140 | select { 141 | text-transform: none; 142 | } 143 | 144 | button, 145 | html input[type="button"], 146 | input[type="reset"], 147 | input[type="submit"] { 148 | -webkit-appearance: button; 149 | cursor: pointer; 150 | } 151 | 152 | button[disabled], 153 | html input[disabled] { 154 | cursor: default; 155 | } 156 | 157 | button::-moz-focus-inner, 158 | input::-moz-focus-inner { 159 | border: 0; 160 | padding: 0; 161 | } 162 | 163 | input { 164 | line-height: normal; 165 | } 166 | 167 | input[type="checkbox"], 168 | input[type="radio"] { 169 | box-sizing: border-box; 170 | padding: 0; 171 | } 172 | 173 | input[type="number"]::-webkit-inner-spin-button, 174 | input[type="number"]::-webkit-outer-spin-button { 175 | height: auto; 176 | } 177 | 178 | input[type="search"] { 179 | -webkit-appearance: textfield; 180 | box-sizing: content-box; 181 | } 182 | 183 | input[type="search"]::-webkit-search-cancel-button, 184 | input[type="search"]::-webkit-search-decoration { 185 | -webkit-appearance: none; 186 | } 187 | 188 | fieldset { 189 | border: 1px solid #c0c0c0; 190 | margin: 0 2px; 191 | padding: 0.35em 0.625em 0.75em; 192 | } 193 | 194 | legend { 195 | border: 0; 196 | padding: 0; 197 | } 198 | 199 | textarea { 200 | overflow: auto; 201 | } 202 | 203 | optgroup { 204 | font-weight: bold; 205 | } 206 | 207 | table { 208 | border-collapse: collapse; 209 | border-spacing: 0; 210 | } 211 | 212 | td, 213 | th { 214 | padding: 0; 215 | } 216 | -------------------------------------------------------------------------------- /sass/_page-templates.scss: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------------------- 2 | # Page Templates 3 | --------------------------------------------------------------*/ 4 | 5 | /* Front page */ 6 | -------------------------------------------------------------------------------- /sass/_typography.scss: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------------------- 2 | # Typography 3 | --------------------------------------------------------------*/ 4 | 5 | body, 6 | button, 7 | input, 8 | select, 9 | textarea { 10 | color: $color__text-main; 11 | font-family: $font__main; 12 | @include font-size(1); 13 | line-height: $font__line-height-body; 14 | } 15 | 16 | /* Headings */ 17 | 18 | h1, h2, h3, h4, h5, h6 { 19 | clear: both; 20 | } 21 | 22 | /* Copy */ 23 | 24 | p { 25 | margin-bottom: $base__space-unit; 26 | } 27 | 28 | dfn, cite, em, i { 29 | font-style: italic; 30 | } 31 | 32 | blockquote { 33 | margin: 0 $base__space-unit; 34 | } 35 | 36 | address { 37 | margin: 0 0 $base__space-unit; 38 | } 39 | 40 | pre { 41 | background: $color__background-pre; 42 | font-family: $font__pre; 43 | @include font-size(0.9375); 44 | line-height: $font__line-height-pre; 45 | margin-bottom: 1.6rem; 46 | max-width: 100%; 47 | overflow: auto; 48 | padding: 1.6rem; 49 | } 50 | 51 | code, kbd, tt, var { 52 | font-family: $font__code; 53 | @include font-size(0.9375); 54 | } 55 | 56 | abbr, acronym { 57 | border-bottom: 1px dotted $color__border-abbr; 58 | cursor: help; 59 | } 60 | 61 | mark, ins { 62 | background: $color__background-ins; 63 | text-decoration: none; 64 | } 65 | 66 | big { 67 | font-size: 125%; 68 | } 69 | -------------------------------------------------------------------------------- /sass/_variables.scss: -------------------------------------------------------------------------------- 1 | // Structure 2 | 3 | $base__space-unit: 1.5rem; 4 | 5 | // Colors 6 | 7 | $color__background-body: #fff; 8 | $color__text-main: #404040; 9 | 10 | $color__background-screen: #f1f1f1; 11 | $color__text-screen: #21759b; 12 | 13 | $color__background-hr: #ccc; 14 | $color__background-pre: #eee; 15 | $color__background-ins: #fff9c0; 16 | $color__border-abbr: #666; 17 | 18 | $color__link: royalblue; 19 | $color__link-visited: purple; 20 | $color__link-hover: midnightblue; 21 | 22 | // Typography 23 | 24 | $font__main: sans-serif; 25 | $font__code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 26 | $font__pre: "Courier 10 Pitch", Courier, monospace; 27 | $font__line-height-body: 1.5; 28 | $font__line-height-pre: 1.6; 29 | -------------------------------------------------------------------------------- /sass/_widgets.scss: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------------------- 2 | # Widgets 3 | --------------------------------------------------------------*/ 4 | 5 | .widget { 6 | margin: 0 0 $base__space-unit; 7 | 8 | /* Make sure select elements fit in widgets. */ 9 | select { 10 | max-width: 100%; 11 | } 12 | } 13 | 14 | /* Search widget. */ 15 | .widget_search .search-submit { 16 | display: none; 17 | } 18 | -------------------------------------------------------------------------------- /sass/style.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | Theme Name: RED Starter Theme 3 | Theme URI: http://underscores.me/ 4 | Author: RED Academy 5 | Author URI: http://www.redacademy.com 6 | Description: A WordPress starter theme for RED Academy students. 7 | Version: 1.0.0 8 | License: GNU General Public License v2 or later 9 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 10 | Tags: 11 | 12 | This theme, like WordPress, is licensed under the GPL. 13 | Use it to make something cool, have fun, and share what you've learned with others. 14 | 15 | RED Starter Theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. 16 | Underscores is distributed under the terms of the GNU GPL v2 or later. 17 | 18 | Normalizing styles have been helped along thanks to the fine work of 19 | Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ 20 | */ 21 | 22 | /*-------------------------------------------------------------- 23 | >>> TABLE OF CONTENTS: 24 | ---------------------------------------------------------------- 25 | # Normalize 26 | # Embedded Fonts 27 | # Typography 28 | # Elements 29 | # Forms 30 | # Navigation 31 | ## Links 32 | ## Menus 33 | # Accessibility 34 | # Alignments 35 | # Clearings 36 | # Widgets 37 | # Content 38 | ## Posts and pages 39 | ## Asides 40 | ## Comments 41 | # Media 42 | ## Captions 43 | ## Galleries 44 | # Page Templates 45 | ## Front page 46 | --------------------------------------------------------------*/ 47 | 48 | // Imported but not included in the stylesheet. 49 | 50 | @import "variables"; 51 | @import "mixins"; 52 | 53 | // CSS included in style.css. 54 | 55 | @import "normalize"; 56 | @import "fonts"; 57 | @import "typography"; 58 | @import "elements"; 59 | @import "forms"; 60 | @import "navigation"; 61 | @import "modules"; 62 | @import "widgets"; 63 | @import "content"; 64 | @import "media"; 65 | @import "page-templates"; 66 | -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/redacademy/redstarter/35001f41f265bda634287fe806955648e9130433/screenshot.png -------------------------------------------------------------------------------- /search.php: -------------------------------------------------------------------------------- 1 | 9 | 10 |

11 |

12 | 13 | 14 | 15 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 |

35 |

36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /searchform.php: -------------------------------------------------------------------------------- 1 | 14 | -------------------------------------------------------------------------------- /sidebar.php: -------------------------------------------------------------------------------- 1 | 12 | 13 | 16 | -------------------------------------------------------------------------------- /single.php: -------------------------------------------------------------------------------- 1 | 9 | 10 |

11 |

12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 25 | 26 | 27 | 28 |

29 |

30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | /*! 2 | Theme Name: RED Starter Theme 3 | Theme URI: http://underscores.me/ 4 | Author: RED Academy 5 | Author URI: http://www.redacademy.com 6 | Description: A WordPress starter theme for RED Academy students. 7 | Version: 1.0.0 8 | License: GNU General Public License v2 or later 9 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 10 | Tags: 11 | 12 | This theme, like WordPress, is licensed under the GPL. 13 | Use it to make something cool, have fun, and share what you've learned with others. 14 | 15 | RED Starter Theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. 16 | Underscores is distributed under the terms of the GNU GPL v2 or later. 17 | 18 | Normalizing styles have been helped along thanks to the fine work of 19 | Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ 20 | */ 21 | /*-------------------------------------------------------------- 22 | >>> TABLE OF CONTENTS: 23 | ---------------------------------------------------------------- 24 | # Normalize 25 | # Embedded Fonts 26 | # Typography 27 | # Elements 28 | # Forms 29 | # Navigation 30 | ## Links 31 | ## Menus 32 | # Accessibility 33 | # Alignments 34 | # Clearings 35 | # Widgets 36 | # Content 37 | ## Posts and pages 38 | ## Asides 39 | ## Comments 40 | # Media 41 | ## Captions 42 | ## Galleries 43 | # Page Templates 44 | ## Front page 45 | --------------------------------------------------------------*/ 46 | html { 47 | font-family: sans-serif; 48 | -webkit-text-size-adjust: 100%; 49 | -ms-text-size-adjust: 100%; } 50 | 51 | body { 52 | margin: 0; } 53 | 54 | article, 55 | aside, 56 | details, 57 | figcaption, 58 | figure, 59 | footer, 60 | header, 61 | main, 62 | menu, 63 | nav, 64 | section, 65 | summary { 66 | display: block; } 67 | 68 | audio, 69 | canvas, 70 | progress, 71 | video { 72 | display: inline-block; 73 | vertical-align: baseline; } 74 | 75 | audio:not([controls]) { 76 | display: none; 77 | height: 0; } 78 | 79 | [hidden], 80 | template { 81 | display: none; } 82 | 83 | a { 84 | background-color: transparent; } 85 | 86 | a:active, 87 | a:hover { 88 | outline: 0; } 89 | 90 | abbr[title] { 91 | border-bottom: 1px dotted; } 92 | 93 | b, 94 | strong { 95 | font-weight: bold; } 96 | 97 | dfn { 98 | font-style: italic; } 99 | 100 | h1 { 101 | font-size: 2em; 102 | margin: 0.67em 0; } 103 | 104 | mark { 105 | background: #ff0; 106 | color: #000; } 107 | 108 | small { 109 | font-size: 80%; } 110 | 111 | sub, 112 | sup { 113 | font-size: 75%; 114 | line-height: 0; 115 | position: relative; 116 | vertical-align: baseline; } 117 | 118 | sup { 119 | top: -0.5em; } 120 | 121 | sub { 122 | bottom: -0.25em; } 123 | 124 | img { 125 | border: 0; } 126 | 127 | svg:not(:root) { 128 | overflow: hidden; } 129 | 130 | figure { 131 | margin: 1em 40px; } 132 | 133 | hr { 134 | -webkit-box-sizing: content-box; 135 | box-sizing: content-box; 136 | height: 0; } 137 | 138 | pre { 139 | overflow: auto; } 140 | 141 | code, 142 | kbd, 143 | pre, 144 | samp { 145 | font-family: monospace, monospace; 146 | font-size: 1em; } 147 | 148 | button, 149 | input, 150 | optgroup, 151 | select, 152 | textarea { 153 | color: inherit; 154 | font: inherit; 155 | margin: 0; } 156 | 157 | button { 158 | overflow: visible; } 159 | 160 | button, 161 | select { 162 | text-transform: none; } 163 | 164 | button, 165 | html input[type="button"], 166 | input[type="reset"], 167 | input[type="submit"] { 168 | -webkit-appearance: button; 169 | cursor: pointer; } 170 | 171 | button[disabled], 172 | html input[disabled] { 173 | cursor: default; } 174 | 175 | button::-moz-focus-inner, 176 | input::-moz-focus-inner { 177 | border: 0; 178 | padding: 0; } 179 | 180 | input { 181 | line-height: normal; } 182 | 183 | input[type="checkbox"], 184 | input[type="radio"] { 185 | -webkit-box-sizing: border-box; 186 | box-sizing: border-box; 187 | padding: 0; } 188 | 189 | input[type="number"]::-webkit-inner-spin-button, 190 | input[type="number"]::-webkit-outer-spin-button { 191 | height: auto; } 192 | 193 | input[type="search"] { 194 | -webkit-appearance: textfield; 195 | -webkit-box-sizing: content-box; 196 | box-sizing: content-box; } 197 | 198 | input[type="search"]::-webkit-search-cancel-button, 199 | input[type="search"]::-webkit-search-decoration { 200 | -webkit-appearance: none; } 201 | 202 | fieldset { 203 | border: 1px solid #c0c0c0; 204 | margin: 0 2px; 205 | padding: 0.35em 0.625em 0.75em; } 206 | 207 | legend { 208 | border: 0; 209 | padding: 0; } 210 | 211 | textarea { 212 | overflow: auto; } 213 | 214 | optgroup { 215 | font-weight: bold; } 216 | 217 | table { 218 | border-collapse: collapse; 219 | border-spacing: 0; } 220 | 221 | td, 222 | th { 223 | padding: 0; } 224 | 225 | /*-------------------------------------------------------------- 226 | # Embedded Fonts 227 | --------------------------------------------------------------*/ 228 | /*-------------------------------------------------------------- 229 | # Typography 230 | --------------------------------------------------------------*/ 231 | body, 232 | button, 233 | input, 234 | select, 235 | textarea { 236 | color: #404040; 237 | font-family: sans-serif; 238 | font-size: 16px; 239 | font-size: 1rem; 240 | line-height: 1.5; } 241 | 242 | /* Headings */ 243 | h1, h2, h3, h4, h5, h6 { 244 | clear: both; } 245 | 246 | /* Copy */ 247 | p { 248 | margin-bottom: 1.5rem; } 249 | 250 | dfn, cite, em, i { 251 | font-style: italic; } 252 | 253 | blockquote { 254 | margin: 0 1.5rem; } 255 | 256 | address { 257 | margin: 0 0 1.5rem; } 258 | 259 | pre { 260 | background: #eee; 261 | font-family: "Courier 10 Pitch", Courier, monospace; 262 | font-size: 15px; 263 | font-size: 0.9375rem; 264 | line-height: 1.6; 265 | margin-bottom: 1.6rem; 266 | max-width: 100%; 267 | overflow: auto; 268 | padding: 1.6rem; } 269 | 270 | code, kbd, tt, var { 271 | font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 272 | font-size: 15px; 273 | font-size: 0.9375rem; } 274 | 275 | abbr, acronym { 276 | border-bottom: 1px dotted #666; 277 | cursor: help; } 278 | 279 | mark, ins { 280 | background: #fff9c0; 281 | text-decoration: none; } 282 | 283 | big { 284 | font-size: 125%; } 285 | 286 | /*-------------------------------------------------------------- 287 | # Elements 288 | --------------------------------------------------------------*/ 289 | html { 290 | -webkit-box-sizing: border-box; 291 | box-sizing: border-box; 292 | font-size: 16px; 293 | font-size: 1rem; } 294 | 295 | *, 296 | *:before, 297 | *:after { 298 | /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ 299 | -webkit-box-sizing: inherit; 300 | box-sizing: inherit; } 301 | 302 | body { 303 | background: #fff; 304 | /* Fallback for when there is no custom background color defined. */ } 305 | 306 | blockquote, 307 | q { 308 | quotes: '' ''; } 309 | blockquote:before, blockquote:after, 310 | q:before, 311 | q:after { 312 | content: ''; } 313 | 314 | hr { 315 | background-color: #ccc; 316 | border: 0; 317 | height: 1px; 318 | margin-bottom: 1.5rem; } 319 | 320 | ul, 321 | ol { 322 | margin: 0 0 1.5rem 3rem; } 323 | 324 | ul { 325 | list-style: disc; } 326 | 327 | ol { 328 | list-style: decimal; } 329 | 330 | li > ul, 331 | li > ol { 332 | margin-bottom: 0; 333 | margin-left: 1.5rem; } 334 | 335 | dt { 336 | font-weight: bold; } 337 | 338 | dd { 339 | margin: 0 1.5rem 1.5rem; } 340 | 341 | img { 342 | height: auto; 343 | /* Make sure images are scaled correctly. */ 344 | max-width: 100%; 345 | /* Adhere to container width. */ } 346 | 347 | table { 348 | margin: 0 0 1.5rem; 349 | width: 100%; } 350 | 351 | /*-------------------------------------------------------------- 352 | # Forms 353 | --------------------------------------------------------------*/ 354 | /* Buttons */ 355 | button, 356 | input[type="button"], 357 | input[type="reset"], 358 | input[type="submit"] { 359 | border: 1px solid; 360 | border-color: #ccc #ccc #bbb; 361 | border-radius: 3px; 362 | background: #e6e6e6; 363 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); 364 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); 365 | color: rgba(0, 0, 0, 0.8); 366 | font-size: 12px; 367 | font-size: 0.75rem; 368 | line-height: 1; 369 | padding: .6rem 1rem .4rem; 370 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } 371 | button:hover, 372 | input[type="button"]:hover, 373 | input[type="reset"]:hover, 374 | input[type="submit"]:hover { 375 | border-color: #ccc #bbb #aaa; 376 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); 377 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); } 378 | button:active, button:focus, 379 | input[type="button"]:active, 380 | input[type="button"]:focus, 381 | input[type="reset"]:active, 382 | input[type="reset"]:focus, 383 | input[type="submit"]:active, 384 | input[type="submit"]:focus { 385 | border-color: #aaa #bbb #bbb; 386 | -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); 387 | box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } 388 | 389 | /* Fields */ 390 | input[type="text"], 391 | input[type="email"], 392 | input[type="url"], 393 | input[type="password"], 394 | input[type="search"], 395 | textarea { 396 | color: #666; 397 | border: 1px solid #ccc; 398 | border-radius: 3px; } 399 | input[type="text"]:focus, 400 | input[type="email"]:focus, 401 | input[type="url"]:focus, 402 | input[type="password"]:focus, 403 | input[type="search"]:focus, 404 | textarea:focus { 405 | color: #111; } 406 | 407 | input[type="text"], 408 | input[type="email"], 409 | input[type="url"], 410 | input[type="password"], 411 | input[type="search"] { 412 | padding: 3px; } 413 | 414 | textarea { 415 | padding-left: 3px; 416 | width: 100%; } 417 | 418 | /*-------------------------------------------------------------- 419 | # Navigation 420 | --------------------------------------------------------------*/ 421 | /* Links */ 422 | a { 423 | color: royalblue; } 424 | a:visited { 425 | color: purple; } 426 | a:hover, a:focus, a:active { 427 | color: midnightblue; } 428 | a:focus { 429 | outline: thin dotted; } 430 | a:hover, a:active { 431 | outline: 0; } 432 | 433 | /* Menus */ 434 | .main-navigation { 435 | clear: both; 436 | display: block; 437 | float: left; 438 | width: 100%; } 439 | .main-navigation ul { 440 | display: none; 441 | list-style: none; 442 | margin: 0; 443 | padding-left: 0; } 444 | .main-navigation ul ul { 445 | -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 446 | box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 447 | float: left; 448 | position: absolute; 449 | top: 1.5rem; 450 | left: -999rem; 451 | z-index: 99999; } 452 | .main-navigation ul ul ul { 453 | left: -999rem; 454 | top: 0; } 455 | .main-navigation ul ul li:hover > ul, 456 | .main-navigation ul ul li.focus > ul { 457 | left: 100%; } 458 | .main-navigation ul ul a { 459 | width: 200px; } 460 | .main-navigation ul li:hover > ul, 461 | .main-navigation ul li.focus > ul { 462 | left: auto; } 463 | .main-navigation li { 464 | float: left; 465 | position: relative; } 466 | .main-navigation a { 467 | display: block; 468 | text-decoration: none; } 469 | 470 | /* Small menu. */ 471 | .menu-toggle, 472 | .main-navigation.toggled ul { 473 | display: block; } 474 | 475 | @media screen and (min-width: 768px) { 476 | .menu-toggle { 477 | display: none; } 478 | .main-navigation ul { 479 | display: block; } } 480 | 481 | .site-main .comment-navigation, .site-main 482 | .posts-navigation, .site-main 483 | .post-navigation { 484 | margin: 0 0 1.5rem; 485 | overflow: hidden; } 486 | 487 | .comment-navigation .nav-previous, 488 | .posts-navigation .nav-previous, 489 | .post-navigation .nav-previous { 490 | float: left; 491 | width: 50%; } 492 | 493 | .comment-navigation .nav-next, 494 | .posts-navigation .nav-next, 495 | .post-navigation .nav-next { 496 | float: right; 497 | text-align: right; 498 | width: 50%; } 499 | 500 | /*-------------------------------------------------------------- 501 | # Accessibility 502 | --------------------------------------------------------------*/ 503 | /* Text meant only for screen readers. */ 504 | .screen-reader-text { 505 | clip: rect(1px, 1px, 1px, 1px); 506 | position: absolute !important; 507 | height: 1px; 508 | width: 1px; 509 | overflow: hidden; } 510 | .screen-reader-text:focus { 511 | background-color: #f1f1f1; 512 | border-radius: 3px; 513 | -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 514 | box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 515 | clip: auto !important; 516 | color: #21759b; 517 | display: block; 518 | font-size: 14px; 519 | font-size: 0.875rem; 520 | font-weight: bold; 521 | height: auto; 522 | left: 5px; 523 | line-height: normal; 524 | padding: 15px 23px 14px; 525 | text-decoration: none; 526 | top: 5px; 527 | width: auto; 528 | z-index: 100000; 529 | /* Above WP toolbar. */ } 530 | 531 | /*-------------------------------------------------------------- 532 | # Alignments 533 | --------------------------------------------------------------*/ 534 | .alignleft { 535 | display: inline; 536 | float: left; 537 | margin-right: 1.5rem; } 538 | 539 | .alignright { 540 | display: inline; 541 | float: right; 542 | margin-left: 1.5rem; } 543 | 544 | .aligncenter { 545 | clear: both; 546 | display: block; 547 | margin-left: auto; 548 | margin-right: auto; } 549 | 550 | /*-------------------------------------------------------------- 551 | # Clearings 552 | --------------------------------------------------------------*/ 553 | .clearfix { 554 | clear: both; 555 | content: ""; 556 | display: table; } 557 | 558 | /*-------------------------------------------------------------- 559 | # Widgets 560 | --------------------------------------------------------------*/ 561 | .widget { 562 | margin: 0 0 1.5rem; 563 | /* Make sure select elements fit in widgets. */ } 564 | .widget select { 565 | max-width: 100%; } 566 | 567 | /* Search widget. */ 568 | .widget_search .search-submit { 569 | display: none; } 570 | 571 | /*-------------------------------------------------------------- 572 | # Content 573 | --------------------------------------------------------------*/ 574 | /* Posts and pages */ 575 | .sticky { 576 | display: block; } 577 | 578 | .hentry { 579 | margin: 0 0 1.5rem; } 580 | 581 | .updated:not(.published) { 582 | display: none; } 583 | 584 | .single .byline, 585 | .group-blog .byline { 586 | display: inline; } 587 | 588 | .page-content, 589 | .entry-content, 590 | .entry-summary { 591 | margin: 1.5rem 0 0; } 592 | 593 | .page-links { 594 | clear: both; 595 | margin: 0 0 1.5rem; } 596 | 597 | /* Asides */ 598 | .blog .format-aside .entry-title, 599 | .archive .format-aside .entry-title { 600 | display: none; } 601 | 602 | /* Comments */ 603 | .comment-content a { 604 | word-wrap: break-word; } 605 | 606 | .bypostauthor { 607 | display: block; } 608 | 609 | /*-------------------------------------------------------------- 610 | # Media 611 | --------------------------------------------------------------*/ 612 | .page-content .wp-smiley, 613 | .entry-content .wp-smiley, 614 | .comment-content .wp-smiley { 615 | border: none; 616 | margin-bottom: 0; 617 | margin-top: 0; 618 | padding: 0; } 619 | 620 | /* Make sure embeds and iframes fit their containers. */ 621 | embed, 622 | iframe, 623 | object { 624 | max-width: 100%; } 625 | 626 | /* Captions */ 627 | .wp-caption { 628 | margin-bottom: 1.5rem; 629 | max-width: 100%; } 630 | .wp-caption img[class*="wp-image-"] { 631 | display: block; 632 | margin-left: auto; 633 | margin-right: auto; } 634 | .wp-caption .wp-caption-text { 635 | margin: 0.8075rem 0; } 636 | 637 | .wp-caption-text { 638 | text-align: center; } 639 | 640 | /* Galleries*/ 641 | .gallery { 642 | margin-bottom: 1.5rem; } 643 | 644 | .gallery-item { 645 | display: inline-block; 646 | text-align: center; 647 | vertical-align: top; 648 | width: 100%; } 649 | .gallery-columns-2 .gallery-item { 650 | max-width: 50%; } 651 | .gallery-columns-3 .gallery-item { 652 | max-width: 33.33%; } 653 | .gallery-columns-4 .gallery-item { 654 | max-width: 25%; } 655 | .gallery-columns-5 .gallery-item { 656 | max-width: 20%; } 657 | .gallery-columns-6 .gallery-item { 658 | max-width: 16.66%; } 659 | .gallery-columns-7 .gallery-item { 660 | max-width: 14.28%; } 661 | .gallery-columns-8 .gallery-item { 662 | max-width: 12.5%; } 663 | .gallery-columns-9 .gallery-item { 664 | max-width: 11.11%; } 665 | 666 | .gallery-caption { 667 | display: block; } 668 | 669 | /*-------------------------------------------------------------- 670 | # Page Templates 671 | --------------------------------------------------------------*/ 672 | /* Front page */ 673 | -------------------------------------------------------------------------------- /template-parts/content-none.php: -------------------------------------------------------------------------------- 1 | 9 | 10 |

11 | 14 | 15 |

16 | 17 | 18 |

Get started here.', array( 'a' => array( 'href' => array() ) ) ), esc_url( admin_url( 'post-new.php' ) ) ); ?>

19 | 20 | 21 | 22 |

23 | 24 | 25 | 26 | 27 |

28 | 29 | 30 | 31 |

32 |

33 | -------------------------------------------------------------------------------- /template-parts/content-page.php: -------------------------------------------------------------------------------- 1 | 9 | 10 |

> 11 |

12 | ', '' ); ?> 13 |

14 | 15 |

16 | 17 | '

' . esc_html( 'Pages:' ), 20 | 'after' => '

', 21 | ) ); 22 | ?> 23 |

24 |

25 | -------------------------------------------------------------------------------- /template-parts/content-search.php: -------------------------------------------------------------------------------- 1 | 9 | 10 |

> 11 |

12 | ', esc_url( get_permalink() ) ), '' ); ?> 13 | 14 | 15 |

16 | / / 17 |

18 | 19 |

20 | 21 |

22 | 23 |

24 |

25 | -------------------------------------------------------------------------------- /template-parts/content-single.php: -------------------------------------------------------------------------------- 1 | 9 | 10 |

> 11 |

12 | 13 | 14 | 15 | 16 | ', '' ); ?> 17 | 18 |

19 | / / 20 |

21 |

22 | 23 |

24 | 25 | '

' . esc_html( 'Pages:' ), 28 | 'after' => '

', 29 | ) ); 30 | ?> 31 |

32 | 33 | 36 |

37 | -------------------------------------------------------------------------------- /template-parts/content.php: -------------------------------------------------------------------------------- 1 | 9 | 10 |

> 11 |

12 | 13 | 14 | 15 | 16 | ', esc_url( get_permalink() ) ), '' ); ?> 17 | 18 | 19 |

20 | / / 21 |

22 | 23 |

24 | 25 |

26 | 27 |

28 |

29 | --------------------------------------------------------------------------------

19 | 20 | 21 | 22 | 23 |

26 | 27 | 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?> 28 | 37 | 38 | 39 |

40 | 'red_starter_comment_list' 43 | ) ); 44 | ?> 45 | 46 | 47 | 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?> 48 | 57 | 58 | 59 | 60 | 61 | 65 |

66 | 67 | 68 | esc_html( 'Post a Comment' ), 70 | 'comment_notes_before' => wp_kses( '

Want to join the discussion? Feel free to contribute!