diff --git a/.gitignore b/.gitignore index 2161b86ee..f8ea3e428 100644 --- a/.gitignore +++ b/.gitignore @@ -25,12 +25,12 @@ !/wp-content/plugins/wporg-learn !/wp-content/plugins/sensei-pro !/wp-content/themes -!/wp-content/themes/wporg-learn-2020 +!/wp-content/themes/pub/wporg-learn-2020 # Ignore subfolders in our custom code. /wp-content/plugins/wporg-learn/build # Ignore built CSS. -/wp-content/themes/wporg-learn-2020/css/print.css -/wp-content/themes/wporg-learn-2020/css/style-rtl.css -/wp-content/themes/wporg-learn-2020/css/style.css +/wp-content/themes/pub/wporg-learn-2020/css/print.css +/wp-content/themes/pub/wporg-learn-2020/css/style-rtl.css +/wp-content/themes/pub/wporg-learn-2020/css/style.css diff --git a/wp-content/themes/wporg-learn-2020/Gruntfile.js b/wp-content/themes/wporg-learn-2020/Gruntfile.js deleted file mode 100644 index e9ae5ada4..000000000 --- a/wp-content/themes/wporg-learn-2020/Gruntfile.js +++ /dev/null @@ -1,152 +0,0 @@ -/* global module:false, require:function, process:object */ -module.exports = function( grunt ) { - var isChild = 'wporg' !== grunt.file.readJSON( 'package.json' ).name; - - const getSassFiles = () => { - const files = {}; - const paths = [ 'settings', 'tools', 'generic', 'base', 'objects', 'components', 'utilities', 'vendor' ]; - - paths.forEach( function( component ) { - var paths = [ - '../wporg/css/' + component + '/**/*.scss', - '!../wporg/css/' + component + '/_' + component + '.scss' - ]; - - if ( isChild ) { - paths.push( 'css/' + component + '/**/*.scss' ); - paths.push( '!css/' + component + '/_' + component + '.scss' ); - } - - files[ 'css/' + component + '/_' + component + '.scss' ] = paths; - } ); - - return files; - }; - - grunt.initConfig({ - postcss: { - options: { - map: 'build' !== process.argv[2], - processors: [ - require( 'autoprefixer' )( { - cascade: false - } ), - require( 'pixrem' ), - require('cssnano')( { - mergeRules: false - } ) - ] - }, - dist: { - src: 'css/style.css' - } - }, - - sass: { - options: { - implementation: require( 'sass' ), - sourceMap: true, - // Don't add source map URL in built version. - omitSourceMapUrl: 'build' === process.argv[2], - outputStyle: 'expanded' - }, - dist: { - files: { - 'css/style.css': 'css/style.scss', - 'css/print.css': 'css/print.scss', - } - } - }, - - sass_globbing: { - itcss: { - files: getSassFiles(), - }, - options: { signature: false } - }, - - rtlcss: { - options: { - // rtlcss options. - opts: { - clean: false, - processUrls: { atrule: true, decl: false }, - stringMap: [ - { - name: 'import-rtl-stylesheet', - priority: 10, - exclusive: true, - search: [ '.css' ], - replace: [ '-rtl.css' ], - options: { - scope: 'url', - ignoreCase: false - } - } // phpcs:ignore Generic.WhiteSpace.ScopeIndent.IncorrectExact - ] - }, - saveUnmodified: false, - plugins: [ - { - name: 'swap-dashicons-left-right-arrows', - priority: 10, - directives: { - control: {}, - value: [] - }, - processors: [ - { - expr: /content/im, - action: function( prop, value ) { - if ( value === '"\\f141"' ) { // dashicons-arrow-left. - value = '"\\f139"'; - } else if ( value === '"\\f340"' ) { // dashicons-arrow-left-alt. - value = '"\\f344"'; - } else if ( value === '"\\f341"' ) { // dashicons-arrow-left-alt2. - value = '"\\f345"'; - } else if ( value === '"\\f139"' ) { // dashicons-arrow-right. - value = '"\\f141"'; - } else if ( value === '"\\f344"' ) { // dashicons-arrow-right-alt. - value = '"\\f340"'; - } else if ( value === '"\\f345"' ) { // dashicons-arrow-right-alt2. - value = '"\\f341"'; - } - return { prop: prop, value: value }; - } - } // phpcs:ignore Generic.WhiteSpace.ScopeIndent.IncorrectExact - ] - } // phpcs:ignore Generic.WhiteSpace.ScopeIndent.IncorrectExact - ] - }, - dynamic: { - expand: true, - cwd: 'css/', - dest: 'css/', - ext: '-rtl.css', - src: ['**/style.css'] - } - }, - - watch: { - css: { - files: ['**/*.scss', '../wporg/css/**/*scss'], - tasks: ['css'] - } - } - }); - - if ( 'build' === process.argv[2] ) { - grunt.config.merge( { postcss: { options : { processors: [ require( 'cssnano' ) ] } } } ); - } - - grunt.loadNpmTasks( 'grunt-sass' ); - grunt.loadNpmTasks( 'grunt-rtlcss' ); - grunt.loadNpmTasks( 'grunt-postcss' ); - grunt.loadNpmTasks( 'grunt-sass-globbing' ); - grunt.loadNpmTasks( 'grunt-contrib-watch' ); - - grunt.registerTask( 'css', [ 'sass_globbing', 'sass', 'postcss', 'rtlcss:dynamic' ] ); - - grunt.registerTask( 'default', [ 'css' ] ); - grunt.registerTask( 'build', [ 'css' ] ); // Automatically runs "production" steps -}; diff --git a/wp-content/themes/wporg-learn-2020/archive-course.php b/wp-content/themes/wporg-learn-2020/archive-course.php deleted file mode 100644 index 9c44f1431..000000000 --- a/wp-content/themes/wporg-learn-2020/archive-course.php +++ /dev/null @@ -1,124 +0,0 @@ - - -
-
-
- ', '' ); ?> - -
- -
- -
- -
- - - slug; - $category_title = $categories[0]->name; - $category_description = $categories[0]->description; - - ob_start(); - get_template_part( - 'template-parts/component', - 'card', - wporg_learn_get_card_template_args( get_the_ID() ) - ); - - $all_courses[ $category_slug ]['name'] = $category_title; - $all_courses[ $category_slug ]['description'] = $category_description; - $all_courses[ $category_slug ]['courses'][] = ob_get_clean(); - } - - endwhile; - - if ( ! empty( $all_courses ) ) { ?> -
-
-

- -
-
- -
- $category ) { - - // Check for new category on each loop and output necessary content and markup - $begin_new_category = $slug !== $prev_category; - - if ( $begin_new_category ) { - - // Close the previous card-grid if there was a previous category - if ( ! empty( $prev_category ) ) { - echo '
'; - } - - // Print category title and description - echo '

' . esc_html( $category['name'] ) . '

'; - if ( $category_description ) { - echo '
' . esc_html( $category['description'] ) . '
'; - } - - // Start a new card grid for the new category - echo '
'; - - // Set variable to check for new category on next loop - $prev_category = $slug; - } - - // Display card for each course - foreach ( $category['courses'] as $course ) { - echo wp_kses( $course, 'post' ); - } - } - - echo '
'; - - } ?> - - - - - - -
- -
- - -
- - - -
- - -
-
-

-
- - - -
-
- -
- -
-
-

- -

- -
-
- -
- -
-

-
-
- - - term_id, 'dashicon-class', true ) ?? 'wordpress-alt'; ?> -
- -
- name ); ?> - - -
-
- - - false, - 'orderby' => 'id', - ) ); - ?> -
-

-
-
- term_id, 'sticky', true ); - if ( $is_sticky ) : - ?> - -
- term_id, 'dashicon-class', true ) ?? 'wordpress-alt'; - ?> - -
- name ); ?> - - -
-
- -
-
-

-
-
    - false, - 'orderby' => 'id', - ) ); - - foreach ( $levels as $level ) : ?> -
  • - - name ); ?> - -
    • - -
-
- -
-

-
-
    - false, - 'orderby' => 'name', - 'order' => 'ASC', - ) ); - - $duration_index = 0; - $any_duration_arr = array(); - $lp_archive_url = get_post_type_archive_link( 'lesson-plan' ); - foreach ( $durations as $duration ) : - if ( $duration_index < 3 ) : - ?> -
  • - - name ); ?> - -
    • - term_id; - endif; - $duration_index++; - endforeach; - - if ( isset( $any_duration_arr['duration'] ) ) : - ?> -
  • - - - -
    • - -
-
-
- - false, - 'orderby' => 'id', - ) ); - ?> -
-

-
-
- - - name ); ?> - - -
-
- -
- -
- - - -
-
- - -
-
- ', '' ); ?> - -
- -
- -
-
- - - -

- labels->not_found ); ?> -

- -
- - -
- - -
-
- - - - -
- -get( 'wporg_archive_filters' ); - -/** @var WP_Post $post */ - -get_header(); -get_template_part( 'template-parts/component', 'breadcrumbs' ); -?> - -
- -
-
- ', '' ); ?> - -
- term_id ) ) ); ?> -
- -
-
- -
-
-

- -
-
-
- - - - - - - - - - - -

- labels->not_found ); ?> -

- -
-
- - -
- - span { - font-size: 64px; - width: auto; - height: auto; - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/components/_featured-workshop.scss b/wp-content/themes/wporg-learn-2020/css/components/_featured-workshop.scss deleted file mode 100644 index 4740585a2..000000000 --- a/wp-content/themes/wporg-learn-2020/css/components/_featured-workshop.scss +++ /dev/null @@ -1,58 +0,0 @@ -.featured-workshop { - margin: $gutter-default * 2 0 $gutter-default * 4; - text-align: center; - - @media only screen and (min-width: $breakpoint-tablet) { - margin-bottom: 0; - text-align: left; - } - - &_video { - width: 100%; - background: #eee; - overflow: hidden; - - a { - display: block; - line-height: 0; - margin: 0; - } - - img { - width: 100%; - display: block; - } - } - - &_title { - display: block; - margin-bottom: $gutter-default / 2; - font-weight: 600; - text-decoration: underline; - font-size: $gutter-default * 1.25; - - a:hover { - color: #d54e21; - } - } - - &_content { - margin-top: $gutter-default; - - &_author { - padding-top: $gutter-default; - - @include breakpoint( $breakpoint-tablet ) { - padding-top: 0; - padding-left: $gutter-default * 2; - - } - } - - &_duration { - font-weight: 600; - font-size: 0.8rem; - } - } -} - diff --git a/wp-content/themes/wporg-learn-2020/css/components/_filter-drawer.scss b/wp-content/themes/wporg-learn-2020/css/components/_filter-drawer.scss deleted file mode 100644 index 0cc19f645..000000000 --- a/wp-content/themes/wporg-learn-2020/css/components/_filter-drawer.scss +++ /dev/null @@ -1,300 +0,0 @@ -.wp-filter { - background: #fff; - color: #555; - font-size: 13px; -} - -.wp-filter a { - text-decoration: none; -} - -.filter-count { - display: inline-block; - vertical-align: middle; - min-width: 4.3em; -} - -.filter-count .count, -.title-count { - display: inline-block; - position: relative; - top: -1px; - padding: 4px 10px; - border-radius: 30px; - background: #777; - color: #fff; - font-size: 14px; - font-weight: 600; -} - -.title-count { - display: inline; - top: -3px; - margin-left: 5px; - margin-right: 20px; -} - -.filter-links { - padding: 0; -} - -.filter-links, -.filter-links li { - display: inline-block; - margin: 0; -} - -.filter-links li > a { - display: inline-block; - margin: 0 10px; - padding: 15px 0; - border-bottom: 4px solid #fff; - color: #666; - cursor: pointer; -} - -.filter-links .current { - box-shadow: none; - border-bottom: 4px solid #666; - color: #222; -} - -.filter-links li > a:focus, -.filter-links li > a:hover, -.show-filters .filter-links a.current:focus, -.show-filters .filter-links a.current:hover { - color: #2ea2cc; -} - -.wp-filter .search-form select { - height: 33px; - vertical-align: top; -} - -.wp-filter .drawer-toggle { - display: flex; - align-items: center; -} - -.wp-filter .drawer-toggle::before { - display: inline-block; - content: "\f111"; - margin: 0 5px 0 0; - color: #777; - transition: color 0.1s ease-in; - font-family: dashicons; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */ - font-size: 16px; - line-height: 16px; - text-align: center; - text-decoration: inherit; - font-weight: 400; - font-style: normal; - -webkit-font-smoothing: antialiased; -} - -.wp-filter .drawer-toggle:hover, -.wp-filter .drawer-toggle:hover::before { - color: #2ea2cc; -} - -.wp-filter .drawer-toggle.current::before { - color: #fff; -} - -.filter-drawer { - display: none; - padding: $gutter-default; - border: 1px solid #eee; -} - -@media only screen and ( max-width: 480px ) { - .filter-drawer { - margin: 0 -10px; - } -} - -.show-filters .filter-drawer { - display: block; - overflow: hidden; -} - -.show-filters .wp-filter .drawer-toggle:focus, -.show-filters .wp-filter .drawer-toggle:hover { - background: #2ea2cc; -} - -.show-filters .filter-links a.current { - border-bottom: none; -} - -.show-filters .wp-filter .drawer-toggle { - border-radius: 2px; - border: none; - background: #777; - color: #fff; -} - -.show-filters .wp-filter .drawer-toggle::before { - color: #fff; -} - -.filter-form { - padding: 16px 0 2rem; -} - -.filter-group { - background: #fff; - box-sizing: border-box; - padding-bottom: $gutter-default; - flex: 1; - - @media only screen and ( min-width: $breakpoint-tablet ) { - padding-bottom: 0; - padding-right: $gutter-default; - } -} - -.filter-group-label { - display: block; - font-size: 13px; - font-weight: 700; - position: relative; - margin: 0; - - * { - font-weight: 400; - } - - .filter-group-select, - .select2-container--default { - margin-top: $gutter-default / 2; - - .select2-selection--single, - .select2-selection--multiple { - border-radius: 0; - } - } -} - -.filter-buttons { - position: relative; - display: inline-flex; - flex-direction: column; - justify-content: flex-end; - align-items: flex-end; - margin-top: $gutter-default; - - @media only screen and ( min-width: $breakpoint-tablet ) { - margin-top: 0; - } - - .clear-filters { - position: absolute; - bottom: -$gutter-default * 1.75; - right: 0; - font-size: 13px; - padding-top: 0.5rem; - color: #d94f4f; - } -} - -.filter-drawer ol { - list-style-type: none; - font-size: 12px; - margin: 0; - padding: 0; -} - -.filter-drawer li { - display: inline-block; - list-style-type: none; - margin: 5px 0; - padding-right: 25px; - width: 100%; -} - -@media only screen and ( min-width: $breakpoint-tablet ) { - .filter-drawer .buttons { - padding-bottom: $gutter-default; - } -} - -.filter-drawer .buttons .button span { - display: inline-block; - opacity: 0.8; - font-size: 12px; - text-indent: 10px; -} - -.wp-filter .button.clear-filters { - margin-left: $gutter-default / 2; -} - -.filtered-by { - display: none; - margin: 0; -} - -.filtered-by > span { - font-weight: 600; -} - -.filtered-by a { - margin-left: 10px; -} - -.filtered-by .tags { - display: inline; -} - -.filtered-by .tag { - background: #fff; - border: 1px solid #e5e5e5; - box-shadow: 0 1px 1px rgba ( 0, 0, 0, 0.04 ); - display: inline-block; - font-size: 11px; - margin: 2px 5px; - padding: 1px 8px; -} - -.filters-applied .filter-drawer .buttons, -.filters-applied .filter-drawer br, -.filters-applied .filter-group { - display: none !important; -} - -.filters-applied .filtered-by { - display: block; -} - -.error .content-filterable, -.loading-content .content-filterable, -.show-filters .content-filterable, -.show-filters.filters-applied.loading-content .content-filterable { - display: none; -} - -.show-filters.filters-applied .content-filterable { - display: block; -} - -.wp-filter-search { - border: 1px solid #ddd; - box-shadow: inset 0 1px 2px rgba ( 0, 0, 0, 0.07 ); - background-color: #fff; - color: #333; - outline: none; - transition: border-color 0.05s ease-in-out; - border-radius: 0; - margin: 0; - padding: 3px 5px; - width: 280px; - font-size: 16px; - font-weight: 300; - line-height: 1.5; -} - -/* We are currently using select-2 for the dropdown */ -.select2-container li { - font-size: 14px; -} diff --git a/wp-content/themes/wporg-learn-2020/css/components/_meetings-plugin.scss b/wp-content/themes/wporg-learn-2020/css/components/_meetings-plugin.scss deleted file mode 100644 index d04601544..000000000 --- a/wp-content/themes/wporg-learn-2020/css/components/_meetings-plugin.scss +++ /dev/null @@ -1,38 +0,0 @@ -.wporg-meeting-calendar__list-event-copy { - display: none; -} - -.wporg-meeting-calendar__modal { - .components-modal__content { - p { - &:nth-of-type(2) { - display: none; - } - - &:nth-of-type(3) { - a { - visibility: hidden; - - &::before { - content: "Event details and registration"; - visibility: visible; - } - } - } - } - } -} - -.wporg-meeting-calendar__cell { - height: 100px; -} - -.wporg-meeting-calendar__cell-event-title { - white-space: normal; -} - -.sls-apply-button { - a { - text-decoration: none !important; - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/components/_notice.scss b/wp-content/themes/wporg-learn-2020/css/components/_notice.scss deleted file mode 100644 index 8cd1f85c5..000000000 --- a/wp-content/themes/wporg-learn-2020/css/components/_notice.scss +++ /dev/null @@ -1,48 +0,0 @@ -.notice { - &.wporg-learn-notice-survey > p { - font-size: 1rem; - padding: 0.5rem; - } - - // TODO move this class to locale-notice styles in plugin, as it supports that functionality - .wporg-learn-locale-notice-dismiss { - position: absolute; - top: 0; - right: 1px; - border: none; - margin: 0; - background: none; - color: #333; - cursor: pointer; - - &::before { - background: none; - color: #555d66; - content: "\f153"; - display: block; - font: 400 16px/20px dashicons, sans-serif; - speak: none; - margin: 0.5em 0; - height: 20px; - text-align: center; - width: 20px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - &:hover, - &:active, - &:focus { - background: inherit; - - &::before { - color: #0073aa; - } - } - - .rtl & { - left: 1px; - right: inherit; - } - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/components/_page-lesson-plan.scss b/wp-content/themes/wporg-learn-2020/css/components/_page-lesson-plan.scss deleted file mode 100644 index 63d1aaf65..000000000 --- a/wp-content/themes/wporg-learn-2020/css/components/_page-lesson-plan.scss +++ /dev/null @@ -1,96 +0,0 @@ -.lp { - &-taxonomy, - &-two-col { - .button { - height: auto; - box-shadow: none; - font-size: 1rem; - font-weight: 700; - } - } - - &-taxonomy { - margin: 2rem 0; - - &-header { - font-weight: 400; - color: #555d66; - font-size: 1.375rem; - line-height: 1.36; - margin-bottom: 0.75rem; - } - - &-description { - margin-bottom: 2rem; - color: #555d66; - } - - .card { - text-align: center; - - .dashicons { - width: 80px; - height: 80px; - font-size: 80px; - margin: 0 auto 32px; - color: #606a73; - } - } - } - - &-two-col { - > * { - margin: 1.5rem 0 2.5rem; - } - - @media only screen and (min-width: $breakpoint-tablet) { - margin-left: -0.5rem; - margin-right: -0.5rem; - flex-direction: row; - - > * { - width: calc(50% - 1rem); - flex-basis: calc(50% - 1rem); - margin-left: 0.5rem; - margin-right: 0.5rem; - } - } - - &-list { - list-style-type: none; - margin-left: 0; - margin-right: 0; - margin-top: 2rem; - margin-bottom: 0; - - li { - margin-bottom: 0.5rem; - - &:last-child { - margin-bottom: 0; - } - - > a { - display: flex; - flex: 1; - justify-content: space-between; - padding: 1rem; - } - - .dashicons { - font-size: 1.5rem; - } - } - } - } - - &-cta { - margin-top: 4rem; - margin-bottom: 7.5rem; - } - - &-archive-items { - padding-top: 4rem; - padding-bottom: 0.25rem; - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/components/_search-form.scss b/wp-content/themes/wporg-learn-2020/css/components/_search-form.scss deleted file mode 100644 index 1e575f4ff..000000000 --- a/wp-content/themes/wporg-learn-2020/css/components/_search-form.scss +++ /dev/null @@ -1,112 +0,0 @@ - -/*-------------------------------------------------------------- -# .search-form ---------------------------------------------------------------*/ - -.site-header:not(.home) .search-form { - display: flex; - align-items: center; - - > input { - flex: 1; - border: 0; - border-radius: 2px 0 0 2px; - display: inline-block; - font-size: 12px; - padding: 5px 10px; - position: relative; - width: auto; - height: 100%; - } - - button { - margin: 0; - border-radius: 0 2px 2px 0; - padding: 3px 12px; - height: unset; - } -} - -.search-form { - &--is-inline { - .search-form { - $label-position: 2rem; - - display: flex; - justify-content: space-between; - margin-top: $label-position; - background: #fff; - - > label { - position: absolute; - transform: translateY(-1 * $label-position); - } - - input { - padding: 0.5rem; - background: transparent; - border: none; - box-shadow: none; - width: 100%; - font-size: 14px; - - @media only screen and (min-width: $breakpoint-tablet) { - font-size: 16px; - } - } - - button { - background: transparent; - margin-bottom: 0; - border: 0; - box-shadow: none; - height: inherit; - text-shadow: none; - color: #32373c; - - &:focus { - -webkit-box-shadow: 0 0 2px 1px $color__wp-blue; - box-shadow: 0 0 2px 1px $color__wp-blue; - } - } - } - } - - &--is-centered { - .search-form { - margin: 0 auto; - } - } - - &--is-constrained { - .search-form { - max-width: $gutter-default * 24; - } - } - - &--is-muted { - .search-form { - input, - button { - background: #f8f9f9; - color: #7e8993; - } - border-color: #d7dade !important; - - } - } - - &--has-medium-text { - .search-form { - input { - font-size: 14px; - } - } - } - - &--has-border { - .search-form { - border: 1px solid $color-gray-200; - } - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/components/_section.scss b/wp-content/themes/wporg-learn-2020/css/components/_section.scss deleted file mode 100644 index 05afb44f3..000000000 --- a/wp-content/themes/wporg-learn-2020/css/components/_section.scss +++ /dev/null @@ -1,113 +0,0 @@ -.section-heading { - &_title, - &_link { - - @media only screen and (min-width: $breakpoint-tablet) { - margin-bottom: 0; - } - } - - &_title { - font-weight: 300; - - .archive-title-prefix { - display: block; - font-size: 1rem; - } - - &.h2 { - font-size: 2.75rem; - line-height: 1.36; - } - } - - &_links { - gap: 1rem; - flex-direction: row; - justify-content: flex-end; - - @media only screen and (max-width: $breakpoint-tablet) { - justify-content: flex-start; - } - } - - &_link { - text-decoration: underline; - font-weight: 600; - } - - &_description { - margin: 1rem 0 0; - flex-basis: 100%; - - *:last-child { - margin-bottom: 0; - } - } - - &--with-space { - padding-bottom: 28px; - } -} - -.section-intro { - margin: 4rem 0; - - .row p { - font-size: 1.125rem; - line-height: 1.6; - - @media only screen and (min-width: $breakpoint-desktop) { - margin-bottom: 0; - } - } - - + .section-nav { - margin-top: -2rem; - } - - [class^="col-"] > .button { - width: 100%; - text-align: center; - - + .button { - margin-top: 1rem; - } - } -} - -.section-nav { - margin: 2rem 0; - - > ul { - list-style: none; - margin-left: 0; - display: flex; - - @media only screen and (max-width: $breakpoint-mobile) { - flex-direction: column; - } - } - - &-item { - padding: 0 1rem; - border-right: 1px solid; - line-height: 1.2; - - &:first-child { - padding-left: 0; - } - - &:last-child { - padding-right: 0; - border-right: none; - } - - @media only screen and (max-width: $breakpoint-mobile) { - padding: 0; - border: none; - line-height: inherit; - } - } -} - diff --git a/wp-content/themes/wporg-learn-2020/css/components/_series-navigation.scss b/wp-content/themes/wporg-learn-2020/css/components/_series-navigation.scss deleted file mode 100644 index eed0e434a..000000000 --- a/wp-content/themes/wporg-learn-2020/css/components/_series-navigation.scss +++ /dev/null @@ -1,13 +0,0 @@ -.series-navigation { - padding: 4rem 0; - - .workshop-page & ul { - margin: 0; - } - - @media only screen and (min-width: $breakpoint-tablet) { - .next-series-item { - align-items: flex-end; - } - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/components/_sidebar-filters.scss b/wp-content/themes/wporg-learn-2020/css/components/_sidebar-filters.scss deleted file mode 100644 index 30ddd7c5d..000000000 --- a/wp-content/themes/wporg-learn-2020/css/components/_sidebar-filters.scss +++ /dev/null @@ -1,33 +0,0 @@ -.sidebar-filters { - margin: 1.5rem 0; - padding: 0 1.5rem; - - h3 { - font-weight: 300; - } - - h4 { - text-transform: none; - } - - ul { - list-style: none; - margin: 0 0 2rem; - } - - .filter-buttons { - justify-content: initial; - align-items: initial; - - .clear-filters { - position: static; - } - } - - @media only screen and (min-width: $breakpoint-tablet) { - &.gap-64 { - margin-top: 4rem; - margin-bottom: 0.25rem; - } - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/components/_video-grid.scss b/wp-content/themes/wporg-learn-2020/css/components/_video-grid.scss deleted file mode 100644 index 6bc27a3a1..000000000 --- a/wp-content/themes/wporg-learn-2020/css/components/_video-grid.scss +++ /dev/null @@ -1,64 +0,0 @@ - -.video-grid { - margin: 0 -8px 30px; - list-style: none; - - &_item { - display: flex; - flex-direction: column; - justify-content: space-between; - align-items: center; - padding: $gutter-default * 2.5 8px $gutter-default * 2; - margin: 0; - - @media only screen and (min-width: $breakpoint-tablet) { - align-items: start; - padding-bottom: 0; - } - - &_link { - display: block; - font-weight: 600; - text-align: center; - width: 100%; - text-decoration: none; - - @media only screen and (min-width: $breakpoint-small) { - padding: 0 $gutter-default * 2 $gutter-default; - } - - @media only screen and (min-width: $breakpoint-tablet) { - padding: 0; - text-align: left; - } - - > img { - width: 100%; - } - } - - h3 { - margin: 0; - font-size: 1rem; - font-weight: 600; - color: currentColor !important; - text-decoration: underline; - } - - &_duration { - margin: 4px 0 0; - font-size: 0.8rem; - } - - &--no-image { - height: 100%; - background: #eee; - } - - &:hover { - .video-grid_item_duration { - color: currentColor; - } - } - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/components/_workshop-application-form.scss b/wp-content/themes/wporg-learn-2020/css/components/_workshop-application-form.scss deleted file mode 100644 index b5d59b1ff..000000000 --- a/wp-content/themes/wporg-learn-2020/css/components/_workshop-application-form.scss +++ /dev/null @@ -1,155 +0,0 @@ -.wporg-learn-workshop-application-form { - position: relative; - - @media only screen and (min-width: $breakpoint-tablet) { - max-width: $breakpoint-tablet; - } - - input[type="checkbox"], - input[type="color"], - input[type="date"], - input[type="datetime-local"], - input[type="datetime"], - input[type="email"], - input[type="month"], - input[type="number"], - input[type="password"], - input[type="radio"], - input[type="search"], - input[type="tel"], - input[type="text"], - input[type="time"], - input[type="url"], - input[type="week"], - select, - textarea { - box-shadow: none; - } - - label, - legend, - input, - select, - .select2-container, - textarea { - display: block; - font-size: 1rem; - - @media only screen and (min-width: 48em) { - font-size: 0.875rem; - } - } - - input[type="checkbox"] { - display: inline-block; - } - - fieldset, - label { - margin: 1rem 0; - - &.label-checkbox { - margin: 0 0 0.5rem; - } - - &.error { - border: 1px solid #f00; - padding: 1rem; - } - - .notice { - display: block; - margin: 0 0 1rem; - } - } - - fieldset { - border: 0; - padding: 0; - - &.section { - > legend { - font-size: ms(6); - font-weight: 300; - margin: 2rem 0 1rem; - } - } - - &.checkbox-group { - > legend { - margin: 0 0 0.5rem; - } - } - } - - .label-text { - font-weight: 700; - } - - .required-field { - font-style: italic; - font-weight: 400; - } - - input[type="text"], - input[type="email"], - textarea { - line-height: normal; - margin: 0.5rem 0 0; - padding: 4px 5px; - vertical-align: text-bottom; - width: 100%; - } - - .checkbox-and-text { - input[type="text"] { - display: inline-block; - margin: 0; - vertical-align: text-top; - width: calc(100% - 35px); - - @media only screen and (min-width: 48em) { - width: calc(100% - 25px); - } - } - } - - .select2-container { - margin: 0.5rem 0 0; - - .select2-selection--single { - border: 1px solid #ddd; - border-radius: 0; - height: auto; - font-size: 1rem; - - @media only screen and (min-width: 48em) { - font-size: 0.875rem; - } - } - - .select2-dropdown { - border: 1px solid #ddd; - border-radius: 0; - - &.select2-dropdown--above { - top: -7px; - } - - &.select2-dropdown--below { - top: -9px; - } - } - - .select2-search__field { - border-color: #ddd; - margin: 0; - padding: 4px; - width: 100%; - } - - .select2-results { - border-top: 1px solid #ddd; - } - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/components/_workshop-discussion-events.scss b/wp-content/themes/wporg-learn-2020/css/components/_workshop-discussion-events.scss deleted file mode 100644 index 7fe164211..000000000 --- a/wp-content/themes/wporg-learn-2020/css/components/_workshop-discussion-events.scss +++ /dev/null @@ -1,51 +0,0 @@ -.wporg-learn-workshop-discussion-events { - :last-child { - margin-bottom: 0; - } - - .discussion-event-list { - list-style: none; - margin: 0 0 2rem; - padding: 2rem 0 0; - } - - .discussion-event { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 1rem; - - @media only screen and (max-width: $breakpoint-tablet) { - flex-direction: column; - align-items: flex-start; - margin-bottom: 2rem; - } - - &:last-child { - margin-bottom: 0; - } - } - - .discussion-event-date { - display: block; - border: 0; - cursor: default; - color: #555; - font-size: 0.8rem; - } - - .discussion-event-link { - all: inherit; - } - - .wp-block-button__link, - .wp-block-button__link:visited { - margin: 0; - padding: 0.5rem; - white-space: nowrap; - - @media only screen and (max-width: $breakpoint-tablet) { - margin-top: 10px; - } - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/components/_workshop-page.scss b/wp-content/themes/wporg-learn-2020/css/components/_workshop-page.scss deleted file mode 100644 index 251eaa61c..000000000 --- a/wp-content/themes/wporg-learn-2020/css/components/_workshop-page.scss +++ /dev/null @@ -1,66 +0,0 @@ -.workshop-page { - color: $color__text; - - &_content { - margin: $gutter-default 0 $gutter-default * 4; - - ol, - ul { - margin: 0 0 0 18px; - padding: 0; - } - - li + li { - margin-top: $gutter-default / 2; - } - } - - &_section { - padding: 4rem 0 0; - - .row + .row { - padding: 4rem 0 0; - } - } - - &_biography { - margin-top: $gutter-default * 2; - - @include breakpoint( $breakpoint-tablet ) { - margin-top: 0; - } - } - - &_video { - &, - figure { // Back compat. - margin: $gutter-default * 2 0; - } - - iframe { - width: 100%; - - @include breakpoint( $breakpoint-tablet ) { - height: 528px; - } - } - // End - } - - &_sidebar { - padding-top: 32px; - - @include breakpoint( $breakpoint-tablet ) { - padding-top: 0; - padding-left: $gutter-default; - } - } - - &_list { - margin-top: $gutter-default * 3; - } - - h2 { - font-size: 24px; - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/components/_workshop-presenter.scss b/wp-content/themes/wporg-learn-2020/css/components/_workshop-presenter.scss deleted file mode 100644 index aa9629afa..000000000 --- a/wp-content/themes/wporg-learn-2020/css/components/_workshop-presenter.scss +++ /dev/null @@ -1,28 +0,0 @@ -.workshop-presenter { - display: flex; - align-items: center; - - /* We want to make sure a long name doesn't overlap the image */ - > div:first-child { - min-width: $gutter-default * 3.5; - } - - &_profile { - display: flex; - margin-right: $gutter-default * 1.5; - height: $gutter-default * 3.5; - border-radius: $gutter-default * 2; - } - - &_name { - color: $color__text; - } - - &_handle { - text-decoration: underline; - } - - &--is-centered { - justify-content: center; - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/generic/_generic.scss b/wp-content/themes/wporg-learn-2020/css/generic/_generic.scss deleted file mode 100644 index 802e6e9ac..000000000 --- a/wp-content/themes/wporg-learn-2020/css/generic/_generic.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import "../../../wporg/css/generic/kube"; -@import "../../../wporg/css/generic/normalize"; diff --git a/wp-content/themes/wporg-learn-2020/css/objects/_image-block.scss b/wp-content/themes/wporg-learn-2020/css/objects/_image-block.scss deleted file mode 100644 index 8b7f709e1..000000000 --- a/wp-content/themes/wporg-learn-2020/css/objects/_image-block.scss +++ /dev/null @@ -1,13 +0,0 @@ -.site-main { - .wp-block-image { - figcaption { - font-size: 0.75rem; - font-style: italic; - text-align: center; - } - - &.bordered-image { - border: 1px solid #ddd; - } - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/objects/_objects.scss b/wp-content/themes/wporg-learn-2020/css/objects/_objects.scss deleted file mode 100644 index 50f5ef75c..000000000 --- a/wp-content/themes/wporg-learn-2020/css/objects/_objects.scss +++ /dev/null @@ -1,10 +0,0 @@ -@import "../../../wporg/css/objects/accessibility"; -@import "../../../wporg/css/objects/alignments"; -@import "../../../wporg/css/objects/buttons"; -@import "../../../wporg/css/objects/clearings"; -@import "../../../wporg/css/objects/copy"; -@import "../../../wporg/css/objects/inputs"; -@import "../../../wporg/css/objects/links"; -@import "../../../wporg/css/objects/notices"; -@import "image-block"; -@import "prism"; diff --git a/wp-content/themes/wporg-learn-2020/css/objects/_prism.scss b/wp-content/themes/wporg-learn-2020/css/objects/_prism.scss deleted file mode 100644 index 4c6da4f9f..000000000 --- a/wp-content/themes/wporg-learn-2020/css/objects/_prism.scss +++ /dev/null @@ -1,268 +0,0 @@ -/** - * Custom theme for learn.wordpress.org - * - * ⚠️ Forked from developer.wordpress.org. Please make changes in the "Learn Customizations" section at the - * bottom, to make syncing upstream easier. - * - * Forked from a11y-dark theme by ericwbailey, which was based on the okaidia theme. - * - * https://github.com/PrismJS/prism-themes/blob/master/themes/prism-a11y-dark.css - * https://github.com/PrismJS/prism/blob/gh-pages/themes/prism-okaidia.css - */ - -/* stylelint-disable value-keyword-case */ -$code-font: - Hack, "Fira Code", Consolas, Menlo, Monaco, "Andale Mono", - "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", - "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", - "Courier New", Courier, monospace; -/* stylelint-enable value-keyword-case */ -code[class*="language-"], -pre[class*="language-"] { - color: get-color(gray-100); - background: none; - font-family: $code-font; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - word-wrap: normal; - line-height: 1.5; - - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; - - transition: height 500ms; -} - -/* Code blocks */ -pre[class*="language-"] { - padding: 1em; - overflow: auto; - border-radius: 0.3em; -} - -:not(pre) > code[class*="language-"], -pre[class*="language-"] { - background: get-color(gray-0); -} - -/* Inline code */ -:not(pre) > code[class*="language-"] { - padding: 0.1em; - border-radius: 0.3em; - white-space: normal; -} - -.token.comment, -.token.prolog, -.token.doctype, -.token.cdata { - color: get-color(green-60); -} - -.token.punctuation { - color: get-color(gray-60); -} - -.token.property, -.token.tag, -.token.constant, -.token.symbol, -.token.deleted { - color: get-color(blue-80); -} - -.token.boolean, -.token.number { - color: get-color(gray-100); -} - -.token.selector, -.token.attr-name, -.token.string, -.token.char, -.token.builtin, -.token.inserted { - color: get-color(blue-50); -} - -.token.operator, -.token.entity, -.token.url, -.language-css .token.string, -.style .token.string, -.token.variable { - color: #a85f00; -} - -.token.function { - color: #b8236d; -} - -.token.keyword { - color: get-color(blue-60); - font-weight: 600; -} - -.token.atrule, -.token.attr-value, -.token.function-definition { - color: get-color(gray-100); -} - -.token.important, -.token.bold { - font-weight: 700; -} - -.token.italic { - font-style: italic; -} - -.token.entity { - cursor: help; -} - -@media screen and (-ms-high-contrast: active) { - code[class*="language-"], - pre[class*="language-"] { - color: windowText; - background: window; - } - - :not(pre) > code[class*="language-"], - pre[class*="language-"] { - background: window; - } - - .token.important { - background: highlight; - color: window; - font-weight: 700; - } - - .token.atrule, - .token.attr-value, - .token.function, - .token.keyword, - .token.operator, - .token.selector { - font-weight: 700; - } - - .token.attr-value, - .token.comment, - .token.doctype, - .token.function, - .token.keyword, - .token.operator, - .token.property, - .token.string { - color: highlight; - } - - .token.attr-value, - .token.url { - font-weight: 700; - } -} - -/* Line Numbers */ -pre.line-numbers { - position: relative; - padding-left: 3.8em; - counter-reset: linenumber; -} - -pre.line-numbers > code { - position: relative; -} - -.line-numbers .line-numbers-rows { - position: absolute; - pointer-events: none; - top: 0; - font-size: 100%; - left: -3.8em; - width: 4em; /* works for line-numbers below 10000 lines */ - letter-spacing: -1px; - border-right: 0; - - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -} - -.line-numbers-rows > span { - pointer-events: none; - display: block; - counter-increment: linenumber; -} - -.line-numbers-rows > span::before { - content: counter(linenumber); - color: #5c6370; - display: block; - padding-right: 0.8em; - text-align: right; -} - -/* Copy button */ -.wp-code-block-button-container { - display: flex; - justify-content: right; - padding: 1rem; - background: $color-white; - border-width: 1px 1px 0; - border-style: solid; - border-color: get-color(gray-5); - border-top-left-radius: 0.3em; - border-top-right-radius: 0.3em; - - button { - font-size: 1.2rem !important; - } - - button + button { - margin-left: 0.5em; - } - - + pre { - margin-top: 0; - border-width: 0 1px 1px; - border-style: solid; - border-color: get-color(gray-5); - border-top-left-radius: 0; - border-top-right-radius: 0; - } -} - -/* - * Learn customizations - */ - -/* stylelint-disable no-duplicate-selectors -- These are intentionally kept separate, see start of file. */ -.github-markdown pre.wp-block-code { - margin-top: 0; -} - -.wp-code-block-button-container { - padding: 0.5rem; - - button { - font-size: 0.8rem !important; - } - - + pre { - padding: 1em; - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/print.scss b/wp-content/themes/wporg-learn-2020/css/print.scss deleted file mode 100644 index aa1fdfac7..000000000 --- a/wp-content/themes/wporg-learn-2020/css/print.scss +++ /dev/null @@ -1,177 +0,0 @@ -// Set custom margin -@page { - margin: 0.75cm; -} -// Hide stuff that's not relevant on print media -#wporg-header, -#wporg-footer, -#head-search, -#wporg-header-menu, -.workshop-page_video, -.wporg-learn-locale-notice, -.bbp-breadcrumb, -.dashicons, -.main-navigation { - display: none; -} -// Prevent image from bleeding over the edge -img { - max-width: 100% !important; -} -// Avoid page break right after heading -h1, -h2, -h3, -h4, -h5, -h6 { - break-after: avoid; -} -// Avoid page break in mid of elements -h1, -h2, -h3, -h4, -h5, -h6, -ul, -pre, -img { - break-inside: avoid; -} -// Handle super-long piece of text, like URLs that are too big to fit on a single line, -// by breaking them instead of bleeding over the edge -p a { - word-wrap: break-word; -} -// Tweak header to be printable -.site-header { - padding-top: 0; - background: #fff; - color: #000; - font-size: 12px; - - a { - background: #fff; - color: #000; - font-size: 12px; - } - - .site-branding { - padding: 0 0 0 10px; - } -} -// Set title to block so that ::after content can be pushed to right -.site-title { - display: block; -} -// Set the URL along with title -.site-title::after { - content: "learn.wordpress.org"; - display: block; - font-size: 12px; - float: right; - position: relative; - top: 15px; -} - -.site-title--no-mobile { - display: inline !important; -} - -/** - * For Lesson archive page - */ - -.post-type-archive-lesson-plan { - .search-form, - .sidebar-filters { - display: none; - } - - #main section, - .section-heading--with-space { - padding: 0; - } - - .gutters > .col-9 { - width: 100%; - } - - .submit-idea-cta { - display: none; - } - - .card { - border: dotted 2px #000; - } - - .card-meta li { - float: left; - padding: 0 5px 5px 0; - margin-right: 15px; - } -} - -/** - * For Lesson single pages - */ - -.single-lesson-plan { - #main-content section { - padding: 0; - } - - // This doesn't work for first page, but works for other pages ¯\_(ツ)_/¯ - .card-grid .card { - break-inside: avoid-page; - } - - .lp-list .lp-details ul li { - padding: 0 10px 10px 0; - } - - .lp-sidebar > .widget_block > * { - display: none; - } -} - -/** - * For Workshops archive page - */ - -.post-type-archive-wporg_workshop { - .search-form, - .submit-idea-cta, - .filter-buttons, - .filter-form { - display: none; - } - - #main section { - padding: 0; - } -} - -/** - * For Workshops single pages - */ - -.single-wporg_workshop { - .workshop-page_sidebar { - display: none; - } - - article.wporg_workshop section { - padding: 0; - } - - .wp-block-column, - .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*="flex-basis"] { - flex-grow: 1; - } - - .workshop-page_content { - margin-bottom: 32px; - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/settings/_colors.scss b/wp-content/themes/wporg-learn-2020/css/settings/_colors.scss deleted file mode 100644 index 6e52cf114..000000000 --- a/wp-content/themes/wporg-learn-2020/css/settings/_colors.scss +++ /dev/null @@ -1,46 +0,0 @@ -// Base colors. -$color__wp-blue: #0073aa; -$color__green: #c7e8ca; -$color__wporg-blue: #1e8cbe; -$color__wporg-purple: #826eb4; - -// Base grays. -$color-ultra-dark-gray: #191e23; -$color-dark-gray: #23282d; -$color-base-gray: #32373c; - -$color-gray-900: $color-ultra-dark-gray; -$color-gray-800: $color-dark-gray; -$color-gray-700: $color-base-gray; -$color-gray-600: lighten($color-base-gray, 6%); -$color-gray-500: lighten($color-base-gray, 15%); -$color-gray-400: lighten($color-base-gray, 20%); -$color-gray-300: lighten($color-base-gray, 25%); -$color-gray-200: lighten($color-base-gray, 32%); -$color-gray-100: lighten($color-base-gray, 38%); - -$color-gray-light-900: lighten($color-base-gray, 45%); -$color-gray-light-800: lighten($color-base-gray, 52%); -$color-gray-light-700: lighten($color-base-gray, 60%); -$color-gray-light-600: lighten($color-base-gray, 64%); -$color-gray-light-500: lighten($color-base-gray, 68%); -$color-gray-light-400: lighten($color-base-gray, 70%); -$color-gray-light-300: lighten($color-base-gray, 72%); -$color-gray-light-200: lighten($color-base-gray, 74%); -$color-gray-light-100: lighten($color-base-gray, 77%); - -$color-error-red: #c92c2c; -$color-alert-red: #d94f4f; - -$color-accent-blue-shade4: #006899; -$color-accent-green-shade1: #399648; - -// Theme colors -$color__background-input: $color-gray-light-200; -$color__text: #555d66; -$color__text-darker: $color-gray-700; -$color__text-lighter: $color-gray-300; -$color__text-on-dark: #fff; -$color__text-heading: $color-gray-400; -$color__text-heading-darker: $color-gray-800; -$color__link-button: $color-gray-500; diff --git a/wp-content/themes/wporg-learn-2020/css/settings/_icons.scss b/wp-content/themes/wporg-learn-2020/css/settings/_icons.scss deleted file mode 100644 index eeb9756af..000000000 --- a/wp-content/themes/wporg-learn-2020/css/settings/_icons.scss +++ /dev/null @@ -1,2 +0,0 @@ -/* stylelint-disable-next-line max-line-length */ -$icon__quote: "%3Csvg width='24' height='16' viewBox='0 0 24 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.333 16V6.347L16.507 0h6.986l-2.666 5.333H24V16H13.333zM16 13.333h5.333V8h-4.826l2.666-5.333H18.16L16 6.987v6.346zM0 16V6.347L3.173 0h6.987L7.493 5.333h3.174V16H0zm2.667-2.667H8V8H3.173L5.84 2.667H4.827l-2.16 4.32v6.346z' fill='%239EA3A8' fill-rule='nonzero'/%3E%3C/svg%3E"; diff --git a/wp-content/themes/wporg-learn-2020/css/settings/_prism-colors.scss b/wp-content/themes/wporg-learn-2020/css/settings/_prism-colors.scss deleted file mode 100644 index d2f1e3830..000000000 --- a/wp-content/themes/wporg-learn-2020/css/settings/_prism-colors.scss +++ /dev/null @@ -1,81 +0,0 @@ -// Forked from developer.wordpress.org -$color-white: #fff; - -// Color map of the WordPress core palette hex values. -// Please keep this map in sync with the reference: https://codepen.io/ryelle/full/WNGVEjw. -$colors: ( - gray-0: #f6f7f7, - gray-2: #f0f0f1, - gray-5: #dcdcde, - gray-10: #c3c4c7, - gray-20: #a7aaad, - gray-30: #8c8f94, - gray-40: #787c82, - gray-50: #646970, - gray-60: #50575e, - gray-70: #3c434a, - gray-80: #2c3338, - gray-90: #1d2327, - gray-100: #101517, - blue-0: #f0f6fc, - blue-5: #c5d9ed, - blue-10: #9ec2e6, - blue-20: #72aee6, - blue-30: #4f94d4, - blue-40: #3582c4, - blue-50: #2271b1, - blue-60: #135e96, - blue-70: #0a4b78, - blue-80: #043959, - blue-90: #01263a, - blue-100: #00131c, - red-0: #fcf0f1, - red-5: #facfd2, - red-10: #ffabaf, - red-20: #ff8085, - red-30: #f86368, - red-40: #e65054, - red-50: #d63638, - red-60: #b32d2e, - red-70: #8a2424, - red-80: #691c1c, - red-90: #451313, - red-100: #240a0a, - yellow-0: #fcf9e8, - yellow-5: #f5e6ab, - yellow-10: #f2d675, - yellow-20: #f0c33c, - yellow-30: #dba617, - yellow-40: #bd8600, - yellow-50: #996800, - yellow-60: #755100, - yellow-70: #614200, - yellow-80: #4a3200, - yellow-90: #362400, - yellow-100: #211600, - green-0: #edfaef, - green-5: #b8e6bf, - green-10: #68de7c, - green-20: #1ed14b, - green-30: #00ba37, - green-40: #00a32a, - green-50: #008a20, - green-60: #007017, - green-70: #005c12, - green-80: #00450c, - green-90: #003008, - green-100: #001c05 -); - -// Simple function to retrieve colors in the $colors map. -// e.g. `background-color: color(gray-50);` -@function get-color($key) { - - @if map-has-key($colors, $key) { - - @return map-get($colors, $key); - } - - @warn "Unknown `#{$key}` in $colors."; - @return null; -} diff --git a/wp-content/themes/wporg-learn-2020/css/settings/_settings.scss b/wp-content/themes/wporg-learn-2020/css/settings/_settings.scss deleted file mode 100644 index 3375e8ff3..000000000 --- a/wp-content/themes/wporg-learn-2020/css/settings/_settings.scss +++ /dev/null @@ -1,9 +0,0 @@ -@import "../../../wporg/css/settings/colors"; -@import "../../../wporg/css/settings/modular-scale"; -@import "../../../wporg/css/settings/structure"; -@import "../../../wporg/css/settings/typography"; -@import "colors"; -@import "icons"; -@import "prism-colors"; -@import "structure"; -@import "typography"; diff --git a/wp-content/themes/wporg-learn-2020/css/settings/_structure.scss b/wp-content/themes/wporg-learn-2020/css/settings/_structure.scss deleted file mode 100644 index 4e225f50c..000000000 --- a/wp-content/themes/wporg-learn-2020/css/settings/_structure.scss +++ /dev/null @@ -1,22 +0,0 @@ -$breakpoint-tablet-width: 768px; -$breakpoint-tablet-below-width: $breakpoint-tablet-width - 1; - -$breakpoint-tablet-below: $breakpoint-tablet-below-width !default; -$breakpoint-tablet: $breakpoint-tablet-width !default; -$breakpoint-desktop: 960px !default; -$breakpoint-desktop-large: 1200px !default; - -// From @wordpress/viewport -$breakpoint-huge: 1440px !default; -$breakpoint-wide: 1280px !default; -$breakpoint-large: 960px !default; -$breakpoint-medium: 782px !default; -$breakpoint-small: 600px !default; -$breakpoint-mobile: 480px !default; - -$size__site-main: 960px; -$size__content-width: 640px; - -$gutter-default: 16px; - -$admin-bar-height: 32px; diff --git a/wp-content/themes/wporg-learn-2020/css/settings/_typography.scss b/wp-content/themes/wporg-learn-2020/css/settings/_typography.scss deleted file mode 100644 index 73496cd55..000000000 --- a/wp-content/themes/wporg-learn-2020/css/settings/_typography.scss +++ /dev/null @@ -1,5 +0,0 @@ -$type__base: 18px; -$type__base-mobile: 16px; -$type__lineheight: 1.5; - -$font__serif: georgia, "Times New Roman", serif; diff --git a/wp-content/themes/wporg-learn-2020/css/style-editor.scss b/wp-content/themes/wporg-learn-2020/css/style-editor.scss deleted file mode 100644 index 64fbbdfac..000000000 --- a/wp-content/themes/wporg-learn-2020/css/style-editor.scss +++ /dev/null @@ -1,52 +0,0 @@ -/* - * Add content area styles to the editor (in addition to the front end), so that users see content the way it will - * appear on the front end. - */ - -@import "settings/colors"; -@import "../../pub/wporg/css/settings/structure"; -@import "settings/structure"; -@import "settings/typography"; -@import "../../pub/wporg/css/tools/breakpoint"; -@import "../../pub/wporg/css/settings/_modular-scale.scss"; -@import "../../pub/wporg/css/objects/buttons"; -@import "objects/buttons"; -@import "objects/hero"; -@import "objects/pullquote"; -@import "utilities/utilities"; - -// Un-parallelogram the columns in the editor– `skew` doesn't play well with the nesting of editor components. -.block-editor-block-list__block-edit { - .is-style-wporg-parallelogram { - .wp-block-column { - - @include breakpoint( $breakpoint-tablet ) { - transform: skew(0); - - &:last-child { - position: static; - z-index: auto; - top: auto; - left: auto; - right: auto; - padding-left: 0; - } - - > * { - transform: skew(0); - } - } - } - } -} - -// Undo the positioning because it's coupled to the front end layout. Use mobile positioning in the editor. -.wp-block-pullquote.is-style-wporg-home-pullquote { - position: relative; - top: 0; - left: 0; - width: auto; - max-width: 100%; -} - -// font-family and face, etc? diff --git a/wp-content/themes/wporg-learn-2020/css/style.scss b/wp-content/themes/wporg-learn-2020/css/style.scss deleted file mode 100644 index 76b9b215f..000000000 --- a/wp-content/themes/wporg-learn-2020/css/style.scss +++ /dev/null @@ -1,41 +0,0 @@ -//-------------------------------------------------------------- -// 01 Settings -//------------------------------------------------------------*/ -@import "settings/settings"; - -//-------------------------------------------------------------- -// 02 Tools -//------------------------------------------------------------*/ -@import "tools/tools"; - -//-------------------------------------------------------------- -// 03 Generic -//------------------------------------------------------------*/ -@import "generic/generic"; - -//-------------------------------------------------------------- -// 04 Base -//------------------------------------------------------------*/ -@import "base/base"; - -//-------------------------------------------------------------- -// 05 Objects -//------------------------------------------------------------*/ -@import "objects/objects"; - -//-------------------------------------------------------------- -// 06 Components -//------------------------------------------------------------*/ -@import "components/components"; - -//-------------------------------------------------------------- -// 07 Utilities -//------------------------------------------------------------*/ -@import "utilities/utilities"; - - -//-------------------------------------------------------------- -// 08 Vendor -// Existing styles when the theme was modified -//------------------------------------------------------------*/ -@import "vendor/vendor"; diff --git a/wp-content/themes/wporg-learn-2020/css/tools/_tools.scss b/wp-content/themes/wporg-learn-2020/css/tools/_tools.scss deleted file mode 100644 index 0129337d7..000000000 --- a/wp-content/themes/wporg-learn-2020/css/tools/_tools.scss +++ /dev/null @@ -1,4 +0,0 @@ -@import "../../../wporg/css/tools/breakpoint"; -@import "../../../wporg/css/tools/functions"; -@import "../../../wporg/css/tools/kube"; -@import "../../../wporg/css/tools/modular-scale"; diff --git a/wp-content/themes/wporg-learn-2020/css/utilities/_colors.scss b/wp-content/themes/wporg-learn-2020/css/utilities/_colors.scss deleted file mode 100644 index d8248f8ee..000000000 --- a/wp-content/themes/wporg-learn-2020/css/utilities/_colors.scss +++ /dev/null @@ -1,23 +0,0 @@ -.has-wporg-blue-color { - color: $color__wporg-blue; -} - -.has-wporg-blue-background-color { - background-color: $color__wporg-blue; -} - -.has-wporg-purple-color { - color: $color__wporg-purple; -} - -.has-wporg-purple-background-color { - background-color: $color__wporg-purple; -} - -.has-wporg-white-color { - color: $color__text-on-dark; -} - -.has-wporg-white-background-color { - background-color: $color__text-on-dark; -} diff --git a/wp-content/themes/wporg-learn-2020/css/utilities/_parallelogram.scss b/wp-content/themes/wporg-learn-2020/css/utilities/_parallelogram.scss deleted file mode 100644 index f9466c96e..000000000 --- a/wp-content/themes/wporg-learn-2020/css/utilities/_parallelogram.scss +++ /dev/null @@ -1,104 +0,0 @@ -.home-page .shapes { - position: relative; - margin: 0 auto; -} - -.home-page .shapes .parallelogram p::before { - font-size: 64px; - height: 64px; - left: -16px; - position: relative; -} - -.home-page .shapes .parallelogram { - color: #fff; - display: block; - margin: 0 auto; - opacity: 0.9; - padding: 60px 40px; - - text-align: center; - text-decoration: none; -} - -.home-page .shapes .parallelogram.lesson-plans { - background-color: $color-accent-blue-shade4; - right: 16px; - top: 50px; - z-index: 10; -} - -.home-page .shapes .parallelogram.workshops { - background-color: $color-accent-green-shade1; - top: 0; - left: 16px; - z-index: 1; -} - -.home-page .shapes strong { - display: block; - font-size: 28px; - font-weight: 300; - padding-bottom: 15px; - padding-top: 15px; -} - -.home-page .shapes p { - color: #fff; - font-size: 16px; - font-weight: 300; - margin: 0; -} - -.home-page .shapes u { - display: block; - font-size: 18px; - padding-top: 15px; -} - -@media only screen and ( min-width: $breakpoint-tablet ) { - .home-page .shapes { - height: 400px; - } - - .home-page .shapes .parallelogram { - width: 50%; - position: absolute; - padding: 50px 90px; - } - - .home-page .shapes .parallelogram.workshops { - margin-top: 0; - } -} - - -@media only screen and ( min-width: $breakpoint-desktop ) { - .home-page .shapes .parallelogram { - -webkit-transform: skew(-15deg); - -ms-transform: skew(-15deg); - transform: skew(-15deg); - } - - .home-page .shapes .parallelogram::before, - .home-page .shapes p { - -webkit-transform: skew(15deg); - -ms-transform: skew(15deg); - transform: skew(15deg); - } - - .home-page .shapes .parallelogram.workshops { - margin-top: 0; - left: 32px; - } - - .home-page .shapes .parallelogram.lesson-plans { - right: 32px; - } -} - -@media only screen and ( min-width: $breakpoint-desktop-large ) { - .home-page .shapes { - margin: 0 -60px; - } -} diff --git a/wp-content/themes/wporg-learn-2020/css/utilities/_typography.scss b/wp-content/themes/wporg-learn-2020/css/utilities/_typography.scss deleted file mode 100644 index 74a9c58bd..000000000 --- a/wp-content/themes/wporg-learn-2020/css/utilities/_typography.scss +++ /dev/null @@ -1,4 +0,0 @@ -.terms { - font-style: italic; - font-size: 14px; -} diff --git a/wp-content/themes/wporg-learn-2020/css/utilities/_utilities.scss b/wp-content/themes/wporg-learn-2020/css/utilities/_utilities.scss deleted file mode 100644 index 936eb545c..000000000 --- a/wp-content/themes/wporg-learn-2020/css/utilities/_utilities.scss +++ /dev/null @@ -1,3 +0,0 @@ -@import "colors"; -@import "parallelogram"; -@import "typography"; diff --git a/wp-content/themes/wporg-learn-2020/css/vendor/_github.scss b/wp-content/themes/wporg-learn-2020/css/vendor/_github.scss deleted file mode 100644 index d9b28b8d6..000000000 --- a/wp-content/themes/wporg-learn-2020/css/vendor/_github.scss +++ /dev/null @@ -1,403 +0,0 @@ -/* -Copyright (c) 2017 Chris Patuzzo -https://twitter.com/chrispatuzzo -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. -*/ - -.github-markdown { - font-size: 14px; -} - -.github-markdown a.anchor { - display: block; - padding-left: 30px; - margin-left: -30px; - cursor: pointer; - position: absolute; - top: 0; - left: 0; - bottom: 0; -} - -h2:first-child, h1:first-child, h1:first-child + h2, h3:first-child, h4:first-child, h5:first-child, h6:first-child { - margin-top: 0; - padding-top: 0; -} - -.github-markdown h1:hover a.anchor, -.github-markdown h2:hover a.anchor, -.github-markdown h3:hover a.anchor, -.github-markdown h4:hover a.anchor, -.github-markdown h5:hover a.anchor, -.github-markdown h6:hover a.anchor { - text-decoration: none; -} - -.github-markdown h1 tt, -.github-markdown h1 code { - font-size: inherit; -} - -.github-markdown h2 tt, -.github-markdown h2 code { - font-size: inherit; -} - -.github-markdown h3 tt, -.github-markdown h3 code { - font-size: inherit; -} - -.github-markdown h4 tt, -.github-markdown h4 code { - font-size: inherit; -} - -.github-markdown h5 tt, -.github-markdown h5 code { - font-size: inherit; -} - -.github-markdown h6 tt, -.github-markdown h6 code { - font-size: inherit; -} - -.github-markdown h1 { - font-size: 28px; - font-weight: 400; -} - -.github-markdown h2 { - border-bottom: 1px solid #cccccc; - font-size: 20px; - font-weight: 400; - padding-bottom: 5px; -} - -.github-markdown h3 { - font-size: 18px; -} - -.github-markdown h4 { - font-size: 16px; -} - -.github-markdown h5 { - font-size: 14px; -} - -.github-markdown h6 { - color: #777777; - font-size: 14px; -} - -.github-markdown p, -.github-markdown blockquote, -.github-markdown ul, -.github-markdown ol, -.github-markdown dl, -.github-markdown li, -.github-markdown table, -.github-markdown pre { -margin: 10px 0; -} - -.github-markdown hr { - border: 0 none; - color: #cccccc; - height: 4px; - padding: 0; -} - -.github-markdown body > h2:first-child { - margin-top: 0; - padding-top: 0; -} - -.github-markdown body > h1:first-child { - margin-top: 0; - padding-top: 0; -} - -.github-markdown body > h1:first-child + h2 { - margin-top: 0; - padding-top: 0; -} - -.github-markdown body > h3:first-child, -.github-markdown body > h4:first-child, -.github-markdown body > h5:first-child, -.github-markdown body > h6:first-child { - margin-top: 0; - padding-top: 0; -} - -.github-markdown a:first-child h1, -.github-markdown a:first-child h2, -.github-markdown a:first-child h3, -.github-markdown a:first-child h4, -.github-markdown a:first-child h5, -.github-markdown a:first-child h6 { - margin-top: 0; - padding-top: 0; -} - -h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { -margin-top: 0; -} - -.github-markdown li p.first { - display: inline-block; -} - -.github-markdown ul, -.github-markdown ol { - padding-left: 30px; -} - -.github-markdown ul :first-child, -.github-markdown ol :first-child { - margin-top: 0; -} - -.github-markdown ul :last-child, -.github-markdown ol :last-child { - margin-bottom: 0; -} - -.github-markdown dl { - padding: 0; -} - -.github-markdown dl dt { - font-size: 14px; - font-weight: bold; - font-style: italic; - padding: 0; - margin: 15px 0 5px; -} - -.github-markdown dl dt:first-child { - padding: 0; -} - -.github-markdown dl dt > :first-child { - margin-top: 0; -} - -.github-markdown dl dt > :last-child { - margin-bottom: 0; -} - -.github-markdown dl dd { - margin: 0 0 15px; - padding: 0 15px; -} - -.github-markdown dl dd > :first-child { -margin-top: 0; -} - -dl dd > :last-child { -margin-bottom: 0; -} - -blockquote { -border-left: 4px solid #dddddd; -padding: 0 15px; -color: #777777; -} - -blockquote > :first-child { -margin-top: 0; -} - -blockquote > :last-child { -margin-bottom: 0; -} - -table { -padding: 0; -} -table tr { -border-top: 1px solid #cccccc; -background-color: white; -margin: 0; -padding: 0; -} - -table tr:nth-child(2n) { -background-color: #f8f8f8; -} - -table tr th { -font-weight: bold; -border: 1px solid #cccccc; -text-align: left; -margin: 0; -padding: 6px 13px; -} - -table tr td { -border: 1px solid #cccccc; -text-align: left; -margin: 0; -padding: 6px 13px; -} - -table tr th :first-child, table tr td :first-child { -margin-top: 0; -} - -table tr th :last-child, table tr td :last-child { -margin-bottom: 0; -} - -img { -max-width: 100%; -} - -span.frame { -display: block; -overflow: hidden; -} - -span.frame > span { -border: 1px solid #dddddd; -display: block; -float: left; -overflow: hidden; -margin: 13px 0 0; -padding: 7px; -width: auto; -} - -span.frame span img { -display: block; -float: left; -} - -span.frame span span { -clear: both; -color: #333333; -display: block; -padding: 5px 0 0; -} - -span.align-center { -display: block; -overflow: hidden; -clear: both; -} - -span.align-center > span { -display: block; -overflow: hidden; -margin: 13px auto 0; -text-align: center; -} - -span.align-center span img { -margin: 0 auto; -text-align: center; -} - -span.align-right { -display: block; -overflow: hidden; -clear: both; -} - -span.align-right > span { -display: block; -overflow: hidden; -margin: 13px 0 0; -text-align: right; -} - -span.align-right span img { -margin: 0; -text-align: right; -} - -span.float-left { -display: block; -margin-right: 13px; -overflow: hidden; -float: left; -} - -span.float-left span { -margin: 13px 0 0; -} - -span.float-right { -display: block; -margin-left: 13px; -overflow: hidden; -float: right; -} - -span.float-right > span { -display: block; -overflow: hidden; -margin: 13px auto 0; -text-align: right; -} - -code, tt { -margin: 0 2px; -padding: 0 5px; -white-space: nowrap; -border: 1px solid #eaeaea; -background-color: #f8f8f8; -border-radius: 3px; -} - -pre code { -margin: 0; -padding: 0; -white-space: pre; -border: none; -background: transparent; -} - -.highlight pre { -background-color: #f8f8f8; -border: 1px solid #cccccc; -font-size: 13px; -line-height: 19px; -overflow: auto; -padding: 6px 10px; -border-radius: 3px; -} - -pre { -background-color: #f8f8f8; -border: 1px solid #cccccc; -font-size: 13px; -line-height: 19px; -overflow: auto; -padding: 6px 10px; -border-radius: 3px; -} - -pre code, pre tt { -background-color: transparent; -border: none; -} diff --git a/wp-content/themes/wporg-learn-2020/css/vendor/_legacy-styles.scss b/wp-content/themes/wporg-learn-2020/css/vendor/_legacy-styles.scss deleted file mode 100644 index fa641f7e9..000000000 --- a/wp-content/themes/wporg-learn-2020/css/vendor/_legacy-styles.scss +++ /dev/null @@ -1,4498 +0,0 @@ -/** - * Theme Name: WordPress.org Learn - * Theme URI: http://wordpress.org/ - * Author: WordPress.org - * Author URI: http://wordpress.org/ - * Description: A theme for the Support section of wordpress.org sites - * Version: 1.0 - * License: GNU General Public License v2 or later - * License URI: http://www.gnu.org/licenses/gpl-2.0.html - * Tags: WordPress, bbPress, Support, Forums - * Text Domain: wporg-learn - * Template: wporg - */ -/** - * This theme, like WordPress, is licensed under the GPL. - * Use it to make something cool, have fun, - * and share what you've learned with others. - */ -/* Sass is good */ -/*-------------------------------------------------------------- -# Normalize ---------------------------------------------------------------*/ -html { - font-family: sans-serif; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -body { - margin: 0; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - display: block; -} - -audio, -canvas, -progress, -video { - display: inline-block; - vertical-align: baseline; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -[hidden], -template { - display: none; -} - -a { - background-color: transparent; -} - -a:active, -a:hover { - outline: 0; -} - -abbr[title] { - border-bottom: 1px dotted; -} - -b, -strong { - font-weight: bold; -} - -dfn { - font-style: italic; -} - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -mark { - background: #ff0; - color: #000; -} - -small { - font-size: 80%; -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -img { - border: 0; -} - -svg:not(:root) { - overflow: hidden; -} - -figure { - margin: 1em 40px; -} - -hr { - box-sizing: content-box; - height: 0; -} - -p { - word-wrap: break-word; -} - -pre { - overflow: auto; -} - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -button, -input, -optgroup, -select, -textarea { - color: inherit; - font: inherit; - margin: 0; -} - -button { - overflow: visible; -} - -button, -select { - text-transform: none; -} - -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; - cursor: pointer; -} - -button[disabled], -html input[disabled] { - cursor: default; -} - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -input { - line-height: normal; -} - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; - padding: 0; -} - -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -legend { - border: 0; - padding: 0; -} - -textarea { - overflow: auto; -} - -optgroup { - font-weight: bold; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} - -/*-------------------------------------------------------------- -# Original Styles ---------------------------------------------------------------*/ -/** - * 1.0 General - */ -html, -body { - background: #fff; -} - -/* Override styles from bbpress.org */ -body { - text-align: left; -} - -body:not(.trac):not(.home-page) #main { - margin-top: 2rem; -} - -#headline { - background: #f7f7f7; - border-bottom: 1px solid #dfdfdf; -} - -a:hover { - text-decoration: none; -} - -/** -* 2.0 Accesibility -*/ -.hidden, -#accessibility { - height: 0; - width: 0; - overflow: hidden; - position: absolute; - background: none; - left: -999em; -} - -.screen-reader-text { - position: absolute; - margin: -1px; - padding: 0; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(0 0 0 0); - border: 0; - word-wrap: normal !important; -} - -/** -* 3.0 Clearfix -*/ -.wrapper::after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; -} - -/** - * 4.0 Overrides - */ -@media only screen and (min-width: 960px) { - .col-6 #bbpress-forums { - margin-left: 0; - } -} - -#bbpress-forums #topic-tag h1 { - clear: both; - font-size: 1.5625rem; - line-height: 1.5; - padding-bottom: 0; -} - -#bbpress-forums li.bbp-forum-info { - width: 60%; -} - -#bbpress-forums li.bbp-forum-topic-count, -#bbpress-forums li.bbp-forum-reply-count { - width: 20%; -} - -#pagebody ul.forum-info, -#pagebody ul.forum-feeds, -#pagebody ul.topic-info, -#pagebody ul.topic-tags, -#pagebody ul.topic-views, -#pagebody ul.topic-admin-links { - margin-left: 0; -} - -#pagebody ul a.feed { - background: none; - padding-left: 0; -} - -ul#views { - margin: 2px 0 20px; - font-size: 12px; -} - -#views li { - list-style: none; - display: inline; -} - -.bbp-topic-header .bbp-meta .bbp-topic-permalink, -.bbp-reply-header .bbp-meta .bbp-reply-permalink { - float: none; - margin-left: 0; - color: #0073aa; -} - -div.sidebar #bbpress-forums { - margin-bottom: 0; -} - -#bbpress-forums .bbp-author-role { - margin: -20px 12px 10px; - border: 1px solid #ddd; - background-color: #eee; -} - -#bbpress-forums ul.bbp-lead-topic, -#bbpress-forums ul.bbp-topics, -#bbpress-forums ul.bbp-forums, -#bbpress-forums ul.bbp-replies { - border: none; -} - -#bbp-your-profile fieldset input, -#bbp-your-profile fieldset textarea { - padding: 7px; -} - -#bbp-your-profile fieldset span.description { - padding: 5px 15px; -} - -#bbpress-forums #bbp-your-profile fieldset label { - white-space: nowrap; -} - -#bbpress-forums li.bbp-footer { - display: none; -} - -#bbpress-forums ul.bbp-lead-topic li.bbp-footer { - display: block; -} - -#bbpress-forums .bbp-pagination { - color: #888; - float: none; -} - -#bbpress-forums .bbp-pagination-count { - float: none; -} - -#bbpress-forums .bbp-pagination-links { - float: right; -} - -#bbpress-forums .bbp-pagination-count, -#bbpress-forums .bbp-pagination-links { - display: inline-block; - margin-bottom: 10px; -} - -#bbpress-forums fieldset.bbp-form button { - padding: 10px; - font-size: 15px; - cursor: pointer; -} - -#bbpress-forums fieldset.bbp-form { - padding: 10px 0 0 0; - border-width: 0 0 1px 0; -} - -body.page #bbpress-forums .bbp-topic-form fieldset { - padding-top: 0; -} - -body.page .bbp-topic-form legend, -body.topic .bbp-reply-form legend { - display: none; -} - -body.forum #bbpress-forums .bbp-topic-form { - border-top: 1px solid #eee; -} - -body.reply-edit #bbpress-forums fieldset.bbp-form, -body.topic-edit #bbpress-forums fieldset.bbp-form { - border-top: none; - padding: 0; -} - -#bbpress-forums .bbp-reply-form fieldset, -#bbpress-forums .bbp-topic-form fieldset { - border-width: 0; - padding-top: 0; -} - -body.page .bbp-reply-form code, -body.page .bbp-topic-form code, -body.single-topic .bbp-reply-form code, -body.single-forum .bbp-topic-form code, -body.topic-edit .bbp-topic-form code, -body.reply-edit .bbp-reply-form code { - width: auto; -} - -#bbpress-forums div.reply { - width: auto; -} - -#bbpress-forums div.bbp-forum-content, -#bbpress-forums div.bbp-reply-content, -#bbpress-forums div.bbp-topic-content { - padding: 12px 12px 12px 10px; -} - -#bbpress-forums div.bbp-topic-content code, -#bbpress-forums div.bbp-reply-content code, -#bbpress-forums div.bbp-topic-content pre, -#bbpress-forums div.bbp-reply-content pre { - background-color: #f0f0f0; - max-height: 40em; -} - -body.topic-edit #bbpress-forums fieldset legend, -body.reply-edit #bbpress-forums fieldset legend { - display: none; -} - -#bbpress-forums fieldset fieldset legend { - display: block; -} - -#bbpress-forums .bbp-reply-form input, -#bbpress-forums .bbp-topic-form input, -#bbpress-forums .bbp-reply-form textarea, -#bbpress-forums .bbp-topic-form textarea, -#bbpress-forums .bbp-reply-form select, -#bbpress-forums .bbp-topic-form select { - padding: 6px 8px; -} - -#bbpress-forums fieldset { - margin-top: 0; - padding: 20px 0 0 0; -} - -#bbpress-forums fieldset.bbp-form legend, -#bbpress-forums fieldset.bbp-form legend { - font-weight: 700; - font-size: 15px; - color: #333; - padding: 10px 0 10px 0; -} - -.sidebar .bbp-forums-list, -.sidebar .bbp-breadcrumb { - display: none; -} - -.sidebar .bbp-forums .bbp-forum-info { - width: 80%; -} - -.sidebar .bbp-forums .bbp-forum-topic-count { - width: 20%; -} - -.sidebar .forum-info, -.sidebar .topic-info { - font-size: 12px; -} - -#bbp-search-form { - right: 0; - margin-top: -40px; - position: absolute; -} - -#bbp_search, -.sidebar #ts, -.sidebar #rs { - width: 140px; - margin-top: -1px; - margin-right: 8px; - margin-bottom: 20px; - padding: 3px; -} - -.sidebar div ul { - margin: 0 0 24px 0; -} - -.sidebar div li { - list-style: none; -} - -.sidebar .forum-info li::before, -.sidebar .topic-info li::before, -.sidebar div ul li a::before { - font: 400 16px/1 dashicons; - margin-right: 5px; - float: left; - padding-top: 3px; - color: #000; -} - -.sidebar a.feed::before { - content: "\f303"; -} - -.sidebar a.bbp-view-title::before { - content: "\f109"; -} - -.sidebar .forum-info li.topic-count::before { - content: "\f450"; -} - -.sidebar .topic-info li.topic-forum::before { - content: "\f449"; -} - -.sidebar .topic-info li.voice-count::before { - content: "\f307"; -} - -.sidebar .topic-info li.reply-count::before, -.sidebar .forum-info li.reply-count::before { - content: "\f451"; -} - -.sidebar .topic-info li.topic-freshness-author::before, -.sidebar .forum-info li.forum-freshness-author::before { - content: "\f338"; -} - -.sidebar .topic-info li.topic-freshness-time::before, -.sidebar .forum-info li.forum-freshness-time::before { - content: "\f469"; -} - -.sidebar .forum-info li.forum-subscribe::before, -.sidebar .topic-info li.topic-subscribe::before { - content: "\f147"; -} - -.sidebar .topic-info li.topic-favorite::before { - content: "\f155"; -} - -#bbpress-forums li.bbp-body { - border-bottom: 1px solid #eee; -} - -#bbpress-forums li.bbp-body div.bbp-topic-content ul, -#bbpress-forums li.bbp-body div.bbp-reply-content ul { - margin-bottom: 10px; -} - -#bbpress-forums li.bbp-body div.bbp-topic-content ul:hover, -#bbpress-forums li.bbp-body div.bbp-reply-content ul:hover { - background-color: inherit; -} - -#bbpress-forums li.bbp-body div.bbp-topic-content ul li, -#bbpress-forums li.bbp-body div.bbp-reply-content ul li { - list-style: square; -} - -#bbpress-forums li.bbp-body div.bbp-topic-content li, -#bbpress-forums li.bbp-body div.bbp-reply-content li { - margin-left: 10px; -} - -#bbpress-forums ul.sticky li.bbp-topic-title a.bbp-topic-permalink::before, -#bbpress-forums ul.super-sticky li.bbp-topic-title a.bbp-topic-permalink::before { - font: 400 16px/1 dashicons; - content: "\f450"; - margin-right: 5px; - float: left; - padding-top: 3px; - color: #bb0; -} - -#bbpress-forums ul.sticky.status-closed li.bbp-topic-title a.bbp-topic-permalink::before, -#bbpress-forums ul.super-sticky.status-closed li.bbp-topic-title a.bbp-topic-permalink::before { - color: #bbb; -} - -#bbpress-forums li.bbp-body ul li.bbp-topic-title a.page-numbers { - padding: 1px 5px; -} - -#bbpress-forums ul.status-closed, -#bbpress-forums ul.status-closed a { - color: #aaa; -} - -#bbpress-forums p.bbp-topic-meta { - margin: 4px 0 0; -} - -#bbpress-forums p.bbp-topic-meta a { - color: #888; - text-decoration: none; -} - -#bbpress-forums p.bbp-topic-meta .bbp-topic-started-in a { - color: #eee; - background-color: #888; - padding: 2px 5px; - border-radius: 3px; - font-size: 10px; - font-weight: 700; -} - -#bbpress-forums div.bbp-template-notice { - margin-top: 0; -} - -#bbpress-forums div.bbp-topic-tags p { - margin-bottom: 15px; -} - -#bbpress-forums li.bbp-body div.type-topic, -#bbpress-forums li.bbp-body div.type-reply { - position: relative; -} - -#bbpress-forums li.bbp-body div.type-reply { - border-top: 1px solid #eee; -} - -#bbpress-forums ul.bbp-lead-topic, -#bbpress-forums ul.bbp-topics, -#bbpress-forums ul.bbp-forums, -#bbpress-forums ul.bbp-replies { - margin-bottom: 15px; -} - -#bbpress-forums div.bbp-topic-author, -#bbpress-forums div.bbp-reply-author { - width: 130px; -} - -#bbpress-forums div.bbp-topic-author img.avatar, -#bbpress-forums div.bbp-reply-author img.avatar { - width: 100px; - height: 100px; - max-width: 100px; - max-height: 100px; -} - -/* =bbPress Lead Topic --------------------------------------------------------------- */ -#bbpress-forums ul.bbp-lead-topic li.bbp-body { - border: 1px solid #dd6; -} - -#bbpress-forums ul.bbp-lead-topic li.bbp-body div.topic { - background-color: #ffe; -} - -/* =bbPress Markdown --------------------------------------------------------------- */ -#wmd-button-barbbp_reply_content, -#wmd-button-barbbp_topic_content, -.wmd-panel { - margin-bottom: 10px; -} - -#bbpress-forums .wmd-preview { - width: 98%; -} - -#bbpress-forums .wmd-preview ul li { - list-style: square; - margin-left: 20px; -} - -#bbpress-forums .wmd-preview ol li { - list-style: decimal; - margin-left: 20px; -} - -#bbpress-forums .bbp-reply-content pre, -#bbpress-forums .bbp-topic-content pre { - background-color: #f2f2f2; - overflow: auto; - margin: 5px; - padding: 10px; - border: 1px dotted #bbb; -} - -#bbpress-forums fieldset.bbp-form textarea, -#bbpress-forums fieldset.bbp-form select, -#bbpress-forums fieldset.bbp-form input { - border: 1px solid #ccc; - outline-color: #83bd66; -} - -/* Notices */ -div.bbp-template-notice, -div.indicator-hint { - background: #fff8e5; - border: 1px solid #ffb900; - border-radius: 0; -} - -div.bbp-template-notice.error, -div.bbp-template-notice.warning { - background: #fbeaea; - border: 1px solid #dc3232; -} - -div.bbp-template-notice.updated { - background: #ecf7ed; -} - -/* Reply button */ -/* Focus outline */ -#bbpress-forums fieldset.bbp-form textarea, -#bbpress-forums fieldset.bbp-form select, -#bbpress-forums fieldset.bbp-form input { - outline: 0; -} - -#bbpress-forums fieldset.bbp-form textarea:focus, -#bbpress-forums fieldset.bbp-form select:focus, -#bbpress-forums fieldset.bbp-form input:focus { - box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); -} - -/* Search forms */ -#bbp-search-form { - clear: left; - position: relative; - margin-top: 0; -} - -#bbp-search-form #bbp_search { - width: 320px; -} - -#bbp-search-form #bbp_search_submit { - height: 1.5625rem; -} - -.sidebar #ts, -.sidebar #rs { - width: 90%; - margin: 0 0 5px; -} - -/* Sticky topics */ -#bbpress-forums ul.sticky li.bbp-topic-title a.bbp-topic-permalink::before, -#bbpress-forums ul.super-sticky li.bbp-topic-title a.bbp-topic-permalink::before { - content: "\f109"; - color: #ffb900; -} - -.bbp-forum-content ul.sticky, -.bbp-topics ul.sticky, -.bbp-topics ul.super-sticky, -.bbp-topics-front ul.super-sticky { - background-color: #fff8e5 !important; -} - -/* Closed topics */ -#bbpress-forums ul.status-closed:not(.sticky) li.bbp-topic-title a.bbp-topic-permalink::before { - content: "\f160"; - color: #bbb; - font: 400 16px/1 dashicons; - margin-right: 5px; - float: left; - padding-top: 2px; -} - -/* Resolved topics */ -.topic-resolved-indicator { - background-color: #64b450; - color: #fff; - position: absolute; - padding: 4px 12px 4px 6px; - right: -3px; - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.resolved::before, -.topic-resolved-indicator::before { - content: "\f147"; - color: #64b450; - /*#46b450;*/ - font: 400 18px/0.8 dashicons; - margin-right: 3px; - position: relative; - top: 4px; -} - -.topic-resolved-indicator::before { - color: #fff; - font-size: 21px; - padding-top: 0; -} - -/* Force widths for desktops */ -@media screen and (min-width: 960px) { - #header-inner, - #headline-inner, - #subnav-inner, - #showcase-inner, - #main, - #footer { - width: 960px; - } - div.content { - width: 692px; - } - div.leftcol { - width: 340px; - } - div.rightcol { - width: 340px; - } - div.sidebar { - width: 212px; - } - div.group div.content { - width: 660px; - } - div.group div.sidebar { - width: 200px; - } -} - -/* Do not fix #header for non-desktops */ -@media screen and (max-width: 782px) { - #header { - top: 0; - z-index: 0; - position: absolute; - } - #wpadminbar { - position: absolute; - } -} - -@media screen and (max-width: 480px) { - .topic-resolved-indicator { - padding-top: 2px; - padding-bottom: 2px; - top: -2rem; - right: -1.7rem; - } - .topic-resolved-indicator::before { - font-size: 19px; - } -} - -/* Bump #header-inner height on mobile to support stacked elements */ -@media screen and (max-width: 460px) { - #header-inner { - height: 140px; - margin: 0 auto; - padding: 0; - } - #main { - margin: 100px 10px 40px 10px; - } -} - -/*-------------------------------------------------------------- -# Typography ---------------------------------------------------------------*/ -html { - font-size: 100%; -} - -body, -button, -input, -select, -textarea { - color: #32373c; - font-family: "Open Sans", sans-serif; - font-size: 100%; - line-height: 1.5; -} - -p { - margin: 1em 0; -} - -p.subheading { - color: #82878c; - font-size: 1.25rem; - font-weight: 300; - margin: -0.4rem auto 2rem; - text-align: center; -} - -p.intro { - font-size: 1.25rem; -} - -p.aside { - font-size: 0.8rem; -} - -p.note { - font-size: 0.64rem; - letter-spacing: 0.01rem; - max-width: 18.1898940355rem; -} - -dfn, cite, em, i { - font-style: italic; -} - -blockquote { - margin: 0 1.5em; -} - -address { - margin: 0 0 1.5em; -} - -pre { - background: #eee; - box-sizing: content-box; - font-family: "Courier 10 Pitch", Courier, monospace; - font-size: 0.8rem; - line-height: 1.6; - margin-bottom: 1.6em; - max-width: 100%; - overflow: auto; - padding: 1.6em; -} - -code, kbd, tt, var { - font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; - font-size: 0.8rem; -} - -abbr, acronym { - border-bottom: 1px dotted #666; - cursor: help; -} - -mark, ins { - background: #fff9c0; - text-decoration: none; -} - -big { - font-size: 125%; -} - -.text-center { - text-align: center; -} - -/*-------------------------------------------------------------- -# Elements ---------------------------------------------------------------*/ -html { - box-sizing: border-box; -} - -*, -*::before, -*::after { - /* 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/ */ - box-sizing: inherit; -} - -body { - background: #fff; - /* Fallback for when there is no custom background color defined. */ -} - -blockquote, q { - quotes: "" ""; -} - -blockquote::before, blockquote::after, q::before, q::after { - content: ""; - margin: 0; -} - -blockquote { - background: transparent; - border: none; - padding: 0; - border-left: 2px solid #767676; - color: #767676; - margin: 1rem 0; - padding-left: 0.8rem; -} - -blockquote cite { - font-size: 0.8rem; -} - -blockquote p { - display: block; - margin: 1em 0; -} - -hr { - background-color: #eee; - border: 0; - height: 2px; - margin: 0 auto; -} - -ul, ol { - margin: 0 0 1.5em 3em; -} - -ul { - list-style: disc; -} - -ol { - list-style: decimal; -} - -li > ul, -li > ol { - margin-bottom: 0; - margin-left: 1.5em; -} - -dt { - font-weight: 700; -} - -dd { - margin: 0 1.5em 1.5em; -} - -.unstyled { - padding: 0; - margin: 0; -} - -.unstyled li { - list-style: none; - margin: 0; - padding: 0; -} - -.meta-list { - padding: 0; - margin: 0; -} - -.meta-list li { - list-style: none; - margin: 0; - padding: 0.5rem 0; - font-size: 0.8rem; - border-top: 1px solid #eee; -} - -img { - height: auto; - /* Make sure images are scaled correctly. */ - max-width: 100%; - /* Adhere to container width. */ -} - -table { - margin: 0 0 1.5em; - width: 100%; -} - -.notice { - background: #fff; - border-left: 4px solid #fff; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); - margin: 1em 0; - padding: 1px 12px; -} - -.notice p { - font-size: 0.8rem; - margin: 0.5em 0; - padding: 2px; -} - -.notice.notice-alt { - box-shadow: none; -} - -.notice.notice-large { - padding: 10px 20px; -} - -.notice.notice-success { - border-left-color: #46b450; -} - -.notice.notice-success.notice-alt { - background-color: #ecf7ed; -} - -.notice.notice-warning { - border-left-color: #ffb900; -} - -.notice.notice-warning.notice-alt { - background-color: #fff8e5; -} - -.notice.notice-error { - border-left-color: #dc3232; -} - -.notice.notice-error.notice-alt { - background-color: #fbeaea; -} - -.notice.notice-info { - border-left-color: #00a0d2; -} - -.notice.notice-info.notice-alt { - background-color: #e5f5fa; -} - -.locale-banner { - background: #c7e8ca; - font-size: 0.8rem; - padding: 0.5rem; - text-align: center; -} - -@media (min-width: 67rem) { - .locale-banner { - margin: 1rem auto 0; - max-width: 960px; - } -} - -/* User badges */ -.by-moderator { - box-shadow: -4px 0 0 #fff, -6px 0 0 #33b4ce; -} - -.by-plugin-author, -.by-plugin-contributor, -.by-plugin-support-rep { - box-shadow: -4px 0 0 #fff, -6px 0 0 #f06723; -} - -.by-theme-author, -.by-theme-contributor, -.by-theme-support-rep { - box-shadow: -4px 0 0 #fff, -6px 0 0 #4e3288; -} - -.author-badge { - position: absolute; - top: 14px; - left: -4px; - padding: 2px 6px; - color: #fff; - font-size: 0.6rem; - letter-spacing: 1px; - border-radius: 0 2px 2px 0; -} - -.author-badge-moderator { - background-color: #33b4ce; -} - -.author-badge-plugin { - background-color: #f06723; -} - -.author-badge-theme { - background-color: #4e3288; -} - -.bbp-view .bbp-topics div.author-has-badge, -.bbp-search .bbp-search-results div.author-has-badge, -.bbp-user-replies-created div.author-has-badge { - box-shadow: none; - border-left-style: solid; - border-left-width: 3px; -} - -.bbp-view .bbp-topics .by-moderator, -.bbp-search .bbp-search-results .by-moderator, -.bbp-user-replies-created .by-moderator { - border-left-color: #33b4ce; -} - -.bbp-view .bbp-topics .by-plugin-author, -.bbp-view .bbp-topics .by-plugin-contributor, -.bbp-view .bbp-topics .by-plugin-support-rep, -.bbp-search .bbp-search-results .by-plugin-author, -.bbp-search .bbp-search-results .by-plugin-contributor, -.bbp-search .bbp-search-results .by-plugin-support-rep, -.bbp-user-replies-created .by-plugin-author, -.bbp-user-replies-created .by-plugin-contributor, -.bbp-user-replies-created .by-plugin-support-rep { - border-left-color: #f06723; -} - -.bbp-view .bbp-topics .by-theme-author, -.bbp-view .bbp-topics .by-theme-contributor, -.bbp-view .bbp-topics .by-theme-support-rep, -.bbp-search .bbp-search-results .by-theme-author, -.bbp-search .bbp-search-results .by-theme-contributor, -.bbp-search .bbp-search-results .by-theme-support-rep, -.bbp-user-replies-created .by-theme-author, -.bbp-user-replies-created .by-theme-contributor, -.bbp-user-replies-created .by-theme-support-rep { - border-left-color: #4e3288; -} - -.bbp-view .bbp-topics .author-badge, -.bbp-search .bbp-search-results .author-badge, -.bbp-user-replies-created .author-badge { - left: 0; -} - -@media screen and (max-width: 480px) { - .author-badge { - top: -28px; - } -} - -/*-------------------------------------------------------------- -# Forms ---------------------------------------------------------------*/ -/* ---------------------------------------------------------------------------- - 1.0 - Button Layouts ----------------------------------------------------------------------------- */ -.button, #bbpress-forums .wporg-bbp-term-subscription > a, -#bbpress-forums .reviews-submit-link > .btn, -#bbpress-forums .subscription-toggle, -#bbpress-forums .favorite-toggle, -.button-primary, -#bbpress-forums fieldset.bbp-form .button.submit, -#bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.submit, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .submit.btn, -#bbpress-forums fieldset.bbp-form .submit.subscription-toggle, -#bbpress-forums fieldset.bbp-form .submit.favorite-toggle, -.button-secondary { - border: 1px solid; - border-radius: 3px; - box-sizing: border-box; - cursor: pointer; - display: inline-block; - font-size: 0.8rem; - height: 1.5625rem; - line-height: 1; - margin: 0; - padding: 0 0.8rem; - text-decoration: none; - white-space: nowrap; - -webkit-appearance: none; -} - -/* Remove the dotted border on :focus and the extra padding in Firefox */ -button::-moz-focus-inner, -input[type="reset"]::-moz-focus-inner, -input[type="button"]::-moz-focus-inner, -input[type="submit"]::-moz-focus-inner { - border: 0 none; - padding: 0; -} - -.button.button-large, #bbpress-forums .wporg-bbp-term-subscription > a.button-large, -#bbpress-forums .reviews-submit-link > .button-large.btn, -#bbpress-forums .button-large.subscription-toggle, -#bbpress-forums .button-large.favorite-toggle, -.button-group.button-large .button, -.button-group.button-large #bbpress-forums .wporg-bbp-term-subscription > a, -#bbpress-forums .button-group.button-large .wporg-bbp-term-subscription > a, -.button-group.button-large #bbpress-forums .reviews-submit-link > .btn, -#bbpress-forums .button-group.button-large .reviews-submit-link > .btn, -.button-group.button-large #bbpress-forums .subscription-toggle, -#bbpress-forums .button-group.button-large .subscription-toggle, -.button-group.button-large #bbpress-forums .favorite-toggle, -#bbpress-forums .button-group.button-large .favorite-toggle { - height: 1.953125rem; - line-height: 1; - padding: 0 1rem; -} - -.button.button-small, #bbpress-forums .wporg-bbp-term-subscription > a.button-small, -#bbpress-forums .reviews-submit-link > .button-small.btn, -#bbpress-forums .button-small.subscription-toggle, -#bbpress-forums .button-small.favorite-toggle, -.button-group.button-small .button, -.button-group.button-small #bbpress-forums .wporg-bbp-term-subscription > a, -#bbpress-forums .button-group.button-small .wporg-bbp-term-subscription > a, -.button-group.button-small #bbpress-forums .reviews-submit-link > .btn, -#bbpress-forums .button-group.button-small .reviews-submit-link > .btn, -.button-group.button-small #bbpress-forums .subscription-toggle, -#bbpress-forums .button-group.button-small .subscription-toggle, -.button-group.button-small #bbpress-forums .favorite-toggle, -#bbpress-forums .button-group.button-small .favorite-toggle { - font-size: 0.64rem; - height: 1.25rem; - line-height: 1; - padding: 0 0.5rem; -} - -a.button, #bbpress-forums .wporg-bbp-term-subscription > a, -#bbpress-forums .reviews-submit-link > a.btn, -#bbpress-forums a.subscription-toggle, -#bbpress-forums a.favorite-toggle, -a.button-primary, -#bbpress-forums fieldset.bbp-form a.button.submit, -#bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.submit, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > a.submit.btn, -#bbpress-forums fieldset.bbp-form a.submit.subscription-toggle, -#bbpress-forums fieldset.bbp-form a.submit.favorite-toggle, -a.button-secondary { - line-height: 1.5625rem; -} - -a.button.button-large, #bbpress-forums .wporg-bbp-term-subscription > a.button-large, -#bbpress-forums .reviews-submit-link > a.button-large.btn, -#bbpress-forums a.button-large.subscription-toggle, -#bbpress-forums a.button-large.favorite-toggle, -.button-group.button-large a.button, -.button-group.button-large #bbpress-forums .wporg-bbp-term-subscription > a, -#bbpress-forums .button-group.button-large .wporg-bbp-term-subscription > a, -.button-group.button-large #bbpress-forums .reviews-submit-link > a.btn, -#bbpress-forums .button-group.button-large .reviews-submit-link > a.btn, -.button-group.button-large #bbpress-forums a.subscription-toggle, -#bbpress-forums .button-group.button-large a.subscription-toggle, -.button-group.button-large #bbpress-forums a.favorite-toggle, -#bbpress-forums .button-group.button-large a.favorite-toggle { - line-height: 1.953125rem; -} - -a.button.button-small, #bbpress-forums .wporg-bbp-term-subscription > a.button-small, -#bbpress-forums .reviews-submit-link > a.button-small.btn, -#bbpress-forums a.button-small.subscription-toggle, -#bbpress-forums a.button-small.favorite-toggle, -.button-group.button-small a.button, -.button-group.button-small #bbpress-forums .wporg-bbp-term-subscription > a, -#bbpress-forums .button-group.button-small .wporg-bbp-term-subscription > a, -.button-group.button-small #bbpress-forums .reviews-submit-link > a.btn, -#bbpress-forums .button-group.button-small .reviews-submit-link > a.btn, -.button-group.button-small #bbpress-forums a.subscription-toggle, -#bbpress-forums .button-group.button-small a.subscription-toggle, -.button-group.button-small #bbpress-forums a.favorite-toggle, -#bbpress-forums .button-group.button-small a.favorite-toggle { - line-height: 1.25rem; -} - -.button:active, #bbpress-forums .wporg-bbp-term-subscription > a:active, -#bbpress-forums .reviews-submit-link > .btn:active, -#bbpress-forums .subscription-toggle:active, -#bbpress-forums .favorite-toggle:active, -.button:focus, -#bbpress-forums .wporg-bbp-term-subscription > a:focus, -#bbpress-forums .reviews-submit-link > .btn:focus, -#bbpress-forums .subscription-toggle:focus, -#bbpress-forums .favorite-toggle:focus { - outline: none; -} - -.button.hidden, #bbpress-forums .wporg-bbp-term-subscription > a.hidden, -#bbpress-forums .reviews-submit-link > .hidden.btn, -#bbpress-forums .hidden.subscription-toggle, -#bbpress-forums .hidden.favorite-toggle { - display: none; -} - -/* Style Reset buttons as simple text links */ -input[type="reset"], -input[type="reset"]:hover, -input[type="reset"]:active, -input[type="reset"]:focus { - background: none; - border: none; - box-shadow: none; - padding: 0 2px 1px; - width: auto; -} - -/* ---------------------------------------------------------------------------- - 2.0 - Default Button Style ----------------------------------------------------------------------------- */ -.button, #bbpress-forums .wporg-bbp-term-subscription > a, -#bbpress-forums .reviews-submit-link > .btn, -#bbpress-forums .subscription-toggle, -#bbpress-forums .favorite-toggle, -.button:visited, -#bbpress-forums .wporg-bbp-term-subscription > a:visited, -#bbpress-forums .reviews-submit-link > .btn:visited, -#bbpress-forums .subscription-toggle:visited, -#bbpress-forums .favorite-toggle:visited, -.button-secondary { - background: #f7f7f7; - border-color: #ccc; - box-shadow: 0 1px 0 #ccc; - color: #555; - vertical-align: top; -} - -p .button, p #bbpress-forums .wporg-bbp-term-subscription > a, #bbpress-forums p .wporg-bbp-term-subscription > a, -p #bbpress-forums .reviews-submit-link > .btn, #bbpress-forums p .reviews-submit-link > .btn, -p #bbpress-forums .subscription-toggle, #bbpress-forums p .subscription-toggle, -p #bbpress-forums .favorite-toggle, #bbpress-forums p .favorite-toggle { - vertical-align: baseline; -} - -.button.hover, #bbpress-forums .wporg-bbp-term-subscription > a.hover, -#bbpress-forums .reviews-submit-link > .hover.btn, -#bbpress-forums .hover.subscription-toggle, -#bbpress-forums .hover.favorite-toggle, -.button:hover, -#bbpress-forums .wporg-bbp-term-subscription > a:hover, -#bbpress-forums .reviews-submit-link > .btn:hover, -#bbpress-forums .subscription-toggle:hover, -#bbpress-forums .favorite-toggle:hover, -.button-secondary:hover, -.button.focus, -#bbpress-forums .wporg-bbp-term-subscription > a.focus, -#bbpress-forums .reviews-submit-link > .focus.btn, -#bbpress-forums .focus.subscription-toggle, -#bbpress-forums .focus.favorite-toggle, -.button:focus, -#bbpress-forums .wporg-bbp-term-subscription > a:focus, -#bbpress-forums .reviews-submit-link > .btn:focus, -#bbpress-forums .subscription-toggle:focus, -#bbpress-forums .favorite-toggle:focus, -.button-secondary:focus { - background: #fafafa; - border-color: #999; - color: #23282d; -} - - -.button.focus, -#bbpress-forums .wporg-bbp-term-subscription > a.focus, -#bbpress-forums .reviews-submit-link > .focus.btn, -#bbpress-forums .focus.subscription-toggle, -#bbpress-forums .focus.favorite-toggle, -.button:focus, -#bbpress-forums .wporg-bbp-term-subscription > a:focus, -#bbpress-forums .reviews-submit-link > .btn:focus, -#bbpress-forums .subscription-toggle:focus, -#bbpress-forums .favorite-toggle:focus, -.button-secondary:focus, -.button-link:focus { - border-color: #5b9dd9; - box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); -} - -.button.active, #bbpress-forums .wporg-bbp-term-subscription > a.active, -#bbpress-forums .reviews-submit-link > .active.btn, -#bbpress-forums .active.subscription-toggle, -#bbpress-forums .active.favorite-toggle, -.button.active:hover, -#bbpress-forums .wporg-bbp-term-subscription > a.active:hover, -#bbpress-forums .reviews-submit-link > .active.btn:hover, -#bbpress-forums .active.subscription-toggle:hover, -#bbpress-forums .active.favorite-toggle:hover, .button:active, #bbpress-forums .wporg-bbp-term-subscription > a:active, -#bbpress-forums .reviews-submit-link > .btn:active, -#bbpress-forums .subscription-toggle:active, -#bbpress-forums .favorite-toggle:active, -.button-secondary:active { - background: #eee; - border-color: #999; - box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); - transform: translateY(1px); -} - -.button.active:focus, #bbpress-forums .wporg-bbp-term-subscription > a.active:focus, -#bbpress-forums .reviews-submit-link > .active.btn:focus, -#bbpress-forums .active.subscription-toggle:focus, -#bbpress-forums .active.favorite-toggle:focus { - border-color: #5b9dd9; - box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8); -} - -.button[disabled], #bbpress-forums .wporg-bbp-term-subscription > a[disabled], -#bbpress-forums .reviews-submit-link > .btn[disabled], -#bbpress-forums .subscription-toggle[disabled], -#bbpress-forums .favorite-toggle[disabled], -.button:disabled, -#bbpress-forums .wporg-bbp-term-subscription > a:disabled, -#bbpress-forums .reviews-submit-link > .btn:disabled, -#bbpress-forums .subscription-toggle:disabled, -#bbpress-forums .favorite-toggle:disabled, -.button.disabled, -#bbpress-forums .wporg-bbp-term-subscription > a.disabled, -#bbpress-forums .reviews-submit-link > .disabled.btn, -#bbpress-forums .disabled.subscription-toggle, -#bbpress-forums .disabled.favorite-toggle, -.button-secondary[disabled], -.button-secondary:disabled, -.button-secondary.disabled, -.button-disabled { - background: #f7f7f7 !important; - border-color: #ddd !important; - box-shadow: none !important; - color: #a0a5aa !important; - cursor: default; - text-shadow: 0 1px 0 #fff !important; - transform: none !important; -} - -/* Buttons that look like links, -for a cross of good semantics with the visual */ -.button-link { - background: none; - border: 0; - border-radius: 0; - box-shadow: none; - cursor: pointer; - margin: 0; - outline: none; - padding: 0; -} - -.button-link:focus { - outline: #5b9dd9 solid 1px; -} - -/* ---------------------------------------------------------------------------- - 3.0 - Primary Button Style ----------------------------------------------------------------------------- */ - -.button-primary, -#bbpress-forums fieldset.bbp-form .button.submit, -#bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.submit, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .submit.btn, -#bbpress-forums fieldset.bbp-form .submit.subscription-toggle, -#bbpress-forums fieldset.bbp-form .submit.favorite-toggle, -.download-button { - background: #006899; - border-color: #0073aa #006799 #006799; - box-shadow: 0 1px 0 #006799; - color: #fff; - text-decoration: none; - text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; -} - -.button-primary:visited, #bbpress-forums fieldset.bbp-form .button.submit:visited, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.submit:visited, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .submit.btn:visited, -#bbpress-forums fieldset.bbp-form .submit.subscription-toggle:visited, -#bbpress-forums fieldset.bbp-form .submit.favorite-toggle:visited, -.download-button:visited { - background: #006899; - border-color: #0073aa #006799 #006799; - box-shadow: 0 1px 0 #006799; - color: #fff; -} - -.button-primary.hover, #bbpress-forums fieldset.bbp-form .hover.button.submit, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.hover.submit, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .hover.submit.btn, -#bbpress-forums fieldset.bbp-form .hover.submit.subscription-toggle, -#bbpress-forums fieldset.bbp-form .hover.submit.favorite-toggle, .button-primary:hover, #bbpress-forums fieldset.bbp-form .button.submit:hover, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.submit:hover, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .submit.btn:hover, -#bbpress-forums fieldset.bbp-form .submit.subscription-toggle:hover, -#bbpress-forums fieldset.bbp-form .submit.favorite-toggle:hover, .button-primary.focus, #bbpress-forums fieldset.bbp-form .focus.button.submit, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.focus.submit, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .focus.submit.btn, -#bbpress-forums fieldset.bbp-form .focus.submit.subscription-toggle, -#bbpress-forums fieldset.bbp-form .focus.submit.favorite-toggle, .button-primary:focus, #bbpress-forums fieldset.bbp-form .button.submit:focus, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.submit:focus, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .submit.btn:focus, -#bbpress-forums fieldset.bbp-form .submit.subscription-toggle:focus, -#bbpress-forums fieldset.bbp-form .submit.favorite-toggle:focus, -.download-button.hover, -.download-button:hover, -.download-button.focus, -.download-button:focus { - background: #008ec2; - border-color: #006799; - box-shadow: 0 1px 0 #006799; - color: #fff; -} - -.button-primary.focus, #bbpress-forums fieldset.bbp-form .focus.button.submit, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.focus.submit, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .focus.submit.btn, -#bbpress-forums fieldset.bbp-form .focus.submit.subscription-toggle, -#bbpress-forums fieldset.bbp-form .focus.submit.favorite-toggle, .button-primary:focus, #bbpress-forums fieldset.bbp-form .button.submit:focus, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.submit:focus, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .submit.btn:focus, -#bbpress-forums fieldset.bbp-form .submit.subscription-toggle:focus, -#bbpress-forums fieldset.bbp-form .submit.favorite-toggle:focus, -.download-button.focus, -.download-button:focus { - box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db; -} - -.button-primary.active, #bbpress-forums fieldset.bbp-form .active.button.submit, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.active.submit, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .active.submit.btn, -#bbpress-forums fieldset.bbp-form .active.submit.subscription-toggle, -#bbpress-forums fieldset.bbp-form .active.submit.favorite-toggle, .button-primary.active:hover, #bbpress-forums fieldset.bbp-form .active.button.submit:hover, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.active.submit:hover, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .active.submit.btn:hover, -#bbpress-forums fieldset.bbp-form .active.submit.subscription-toggle:hover, -#bbpress-forums fieldset.bbp-form .active.submit.favorite-toggle:hover, .button-primary.active:focus, #bbpress-forums fieldset.bbp-form .active.button.submit:focus, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.active.submit:focus, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .active.submit.btn:focus, -#bbpress-forums fieldset.bbp-form .active.submit.subscription-toggle:focus, -#bbpress-forums fieldset.bbp-form .active.submit.favorite-toggle:focus, .button-primary:active, #bbpress-forums fieldset.bbp-form .button.submit:active, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.submit:active, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .submit.btn:active, -#bbpress-forums fieldset.bbp-form .submit.subscription-toggle:active, -#bbpress-forums fieldset.bbp-form .submit.favorite-toggle:active, -.download-button.active, -.download-button.active:hover, -.download-button.active:focus, -.download-button:active { - background: #0073aa; - border-color: #006799; - box-shadow: inset 0 2px 0 #006799; - vertical-align: top; -} - -.button-primary[disabled], #bbpress-forums fieldset.bbp-form .button.submit[disabled], #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.submit[disabled], -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .submit.btn[disabled], -#bbpress-forums fieldset.bbp-form .submit.subscription-toggle[disabled], -#bbpress-forums fieldset.bbp-form .submit.favorite-toggle[disabled], .button-primary:disabled, #bbpress-forums fieldset.bbp-form .button.submit:disabled, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.submit:disabled, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .submit.btn:disabled, -#bbpress-forums fieldset.bbp-form .submit.subscription-toggle:disabled, -#bbpress-forums fieldset.bbp-form .submit.favorite-toggle:disabled, .button-primary.disabled, #bbpress-forums fieldset.bbp-form .disabled.button.submit, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.disabled.submit, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .disabled.submit.btn, -#bbpress-forums fieldset.bbp-form .disabled.submit.subscription-toggle, -#bbpress-forums fieldset.bbp-form .disabled.submit.favorite-toggle, -.download-button[disabled], -.download-button:disabled, -.download-button.disabled { - background: #008ec2 !important; - border-color: #007cb2 !important; - box-shadow: none !important; - color: #66c6e4 !important; - cursor: default; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; -} - -.button-primary.button.button-hero, #bbpress-forums fieldset.bbp-form .button.button-hero.submit, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.button-hero.submit, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .button-hero.submit.btn, -#bbpress-forums fieldset.bbp-form .button-hero.submit.subscription-toggle, -#bbpress-forums fieldset.bbp-form .button-hero.submit.favorite-toggle, #bbpress-forums .wporg-bbp-term-subscription > a.button-primary.button-hero, -#bbpress-forums .reviews-submit-link > .button-primary.button-hero.btn, -#bbpress-forums .button-primary.button-hero.subscription-toggle, -#bbpress-forums .button-primary.button-hero.favorite-toggle, -.download-button.button.button-hero, -#bbpress-forums .wporg-bbp-term-subscription > a.download-button.button-hero, -#bbpress-forums .reviews-submit-link > .download-button.button-hero.btn, -#bbpress-forums .download-button.button-hero.subscription-toggle, -#bbpress-forums .download-button.button-hero.favorite-toggle { - box-shadow: 0 2px 0 #006799; -} - -.button-primary.button.button-hero.active, #bbpress-forums fieldset.bbp-form .button.button-hero.active.submit, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.button-hero.active.submit, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .button-hero.active.submit.btn, -#bbpress-forums fieldset.bbp-form .button-hero.active.submit.subscription-toggle, -#bbpress-forums fieldset.bbp-form .button-hero.active.submit.favorite-toggle, #bbpress-forums .wporg-bbp-term-subscription > a.button-primary.button-hero.active, -#bbpress-forums .reviews-submit-link > .button-primary.button-hero.active.btn, -#bbpress-forums .button-primary.button-hero.active.subscription-toggle, -#bbpress-forums .button-primary.button-hero.active.favorite-toggle, .button-primary.button.button-hero.active:hover, #bbpress-forums fieldset.bbp-form .button.button-hero.active.submit:hover, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.button-hero.active.submit:hover, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .button-hero.active.submit.btn:hover, -#bbpress-forums fieldset.bbp-form .button-hero.active.submit.subscription-toggle:hover, -#bbpress-forums fieldset.bbp-form .button-hero.active.submit.favorite-toggle:hover, #bbpress-forums .wporg-bbp-term-subscription > a.button-primary.button-hero.active:hover, -#bbpress-forums .reviews-submit-link > .button-primary.button-hero.active.btn:hover, -#bbpress-forums .button-primary.button-hero.active.subscription-toggle:hover, -#bbpress-forums .button-primary.button-hero.active.favorite-toggle:hover, .button-primary.button.button-hero.active:focus, #bbpress-forums fieldset.bbp-form .button.button-hero.active.submit:focus, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.button-hero.active.submit:focus, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .button-hero.active.submit.btn:focus, -#bbpress-forums fieldset.bbp-form .button-hero.active.submit.subscription-toggle:focus, -#bbpress-forums fieldset.bbp-form .button-hero.active.submit.favorite-toggle:focus, #bbpress-forums .wporg-bbp-term-subscription > a.button-primary.button-hero.active:focus, -#bbpress-forums .reviews-submit-link > .button-primary.button-hero.active.btn:focus, -#bbpress-forums .button-primary.button-hero.active.subscription-toggle:focus, -#bbpress-forums .button-primary.button-hero.active.favorite-toggle:focus, .button-primary.button.button-hero:active, #bbpress-forums fieldset.bbp-form .button.button-hero.submit:active, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription > a.button-hero.submit:active, -#bbpress-forums fieldset.bbp-form .reviews-submit-link > .button-hero.submit.btn:active, -#bbpress-forums fieldset.bbp-form .button-hero.submit.subscription-toggle:active, -#bbpress-forums fieldset.bbp-form .button-hero.submit.favorite-toggle:active, #bbpress-forums .wporg-bbp-term-subscription > a.button-primary.button-hero:active, -#bbpress-forums .reviews-submit-link > .button-primary.button-hero.btn:active, -#bbpress-forums .button-primary.button-hero.subscription-toggle:active, -#bbpress-forums .button-primary.button-hero.favorite-toggle:active, -.download-button.button.button-hero.active, -#bbpress-forums .wporg-bbp-term-subscription > a.download-button.button-hero.active, -#bbpress-forums .reviews-submit-link > .download-button.button-hero.active.btn, -#bbpress-forums .download-button.button-hero.active.subscription-toggle, -#bbpress-forums .download-button.button-hero.active.favorite-toggle, -.download-button.button.button-hero.active:hover, -#bbpress-forums .wporg-bbp-term-subscription > a.download-button.button-hero.active:hover, -#bbpress-forums .reviews-submit-link > .download-button.button-hero.active.btn:hover, -#bbpress-forums .download-button.button-hero.active.subscription-toggle:hover, -#bbpress-forums .download-button.button-hero.active.favorite-toggle:hover, -.download-button.button.button-hero.active:focus, -#bbpress-forums .wporg-bbp-term-subscription > a.download-button.button-hero.active:focus, -#bbpress-forums .reviews-submit-link > .download-button.button-hero.active.btn:focus, -#bbpress-forums .download-button.button-hero.active.subscription-toggle:focus, -#bbpress-forums .download-button.button-hero.active.favorite-toggle:focus, -.download-button.button.button-hero:active, -#bbpress-forums .wporg-bbp-term-subscription > a.download-button.button-hero:active, -#bbpress-forums .reviews-submit-link > .download-button.button-hero.btn:active, -#bbpress-forums .download-button.button-hero.subscription-toggle:active, -#bbpress-forums .download-button.button-hero.favorite-toggle:active { - box-shadow: inset 0 3px 0 #006799; -} - -.button-primary-disabled { - background: #008ec2 !important; - border-color: #007cb2 !important; - box-shadow: none !important; - color: #66c6e4 !important; - cursor: default; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; -} - -/* ---------------------------------------------------------------------------- - 4.0 - Button Groups ----------------------------------------------------------------------------- */ -.button-group { - display: inline-block; - font-size: 0; - position: relative; - vertical-align: middle; - white-space: nowrap; -} - -.button-group > .button, #bbpress-forums .wporg-bbp-term-subscription.button-group > a, -#bbpress-forums .reviews-submit-link.button-group > .btn, -#bbpress-forums .button-group > .subscription-toggle, -#bbpress-forums .button-group > .favorite-toggle { - border-radius: 0; - display: inline-block; - margin-right: -1px; - z-index: 10; -} - -.button-group > .button-primary, #bbpress-forums fieldset.bbp-form .button-group > .button.submit, #bbpress-forums fieldset.bbp-form .wporg-bbp-term-subscription.button-group > a.submit, -#bbpress-forums fieldset.bbp-form .reviews-submit-link.button-group > .submit.btn, -#bbpress-forums fieldset.bbp-form .button-group > .submit.subscription-toggle, -#bbpress-forums fieldset.bbp-form .button-group > .submit.favorite-toggle { - z-index: 100; -} - -.button-group > .button:hover, #bbpress-forums .wporg-bbp-term-subscription.button-group > a:hover, -#bbpress-forums .reviews-submit-link.button-group > .btn:hover, -#bbpress-forums .button-group > .subscription-toggle:hover, -#bbpress-forums .button-group > .favorite-toggle:hover { - z-index: 20; -} - -.button-group > .button:first-child, #bbpress-forums .wporg-bbp-term-subscription.button-group > a:first-child, -#bbpress-forums .reviews-submit-link.button-group > .btn:first-child, -#bbpress-forums .button-group > .subscription-toggle:first-child, -#bbpress-forums .button-group > .favorite-toggle:first-child { - border-radius: 3px 0 0 3px; -} - -.button-group > .button:last-child, #bbpress-forums .wporg-bbp-term-subscription.button-group > a:last-child, -#bbpress-forums .reviews-submit-link.button-group > .btn:last-child, -#bbpress-forums .button-group > .subscription-toggle:last-child, -#bbpress-forums .button-group > .favorite-toggle:last-child { - border-radius: 0 3px 3px 0; -} - -.button-group > .button:focus, #bbpress-forums .wporg-bbp-term-subscription.button-group > a:focus, -#bbpress-forums .reviews-submit-link.button-group > .btn:focus, -#bbpress-forums .button-group > .subscription-toggle:focus, -#bbpress-forums .button-group > .favorite-toggle:focus { - position: relative; - z-index: 1; -} - -/* ---------------------------------------------------------------------------- - 5.0 - Responsive Button Styles ----------------------------------------------------------------------------- */ -@media screen and (max-width: 48em) { - .button, #bbpress-forums .wporg-bbp-term-subscription > a, - #bbpress-forums .reviews-submit-link > .btn, - #bbpress-forums .subscription-toggle, - #bbpress-forums .favorite-toggle, .button.button-large, #bbpress-forums .wporg-bbp-term-subscription > a.button-large, - #bbpress-forums .reviews-submit-link > .button-large.btn, - #bbpress-forums .button-large.subscription-toggle, - #bbpress-forums .button-large.favorite-toggle, .button.button-small, #bbpress-forums .wporg-bbp-term-subscription > a.button-small, - #bbpress-forums .reviews-submit-link > .button-small.btn, - #bbpress-forums .button-small.subscription-toggle, - #bbpress-forums .button-small.favorite-toggle { - font-size: 14px; - height: auto; - line-height: normal; - margin-bottom: 4px; - padding: 6px 14px; - vertical-align: middle; - } -} - -/* Include margin and padding in the width calculation of input and textarea. */ -input, -textarea { - box-sizing: border-box; -} - -input[type="text"], -input[type="password"], -input[type="checkbox"], -input[type="color"], -input[type="date"], -input[type="datetime"], -input[type="datetime-local"], -input[type="email"], -input[type="month"], -input[type="number"], -input[type="password"], -input[type="search"], -input[type="radio"], -input[type="tel"], -input[type="text"], -input[type="time"], -input[type="url"], -input[type="week"], -select, -textarea { - background-color: #fff; - border: 1px solid #ddd; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); - color: #32373c; - transition: 0.05s border-color ease-in-out; - -webkit-appearance: none; -} - -input[type="text"]:focus, -input[type="password"]:focus, -input[type="checkbox"]:focus, -input[type="color"]:focus, -input[type="date"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="email"]:focus, -input[type="month"]:focus, -input[type="number"]:focus, -input[type="password"]:focus, -input[type="search"]:focus, -input[type="radio"]:focus, -input[type="tel"]:focus, -input[type="text"]:focus, -input[type="time"]:focus, -input[type="url"]:focus, -input[type="week"]:focus, -select:focus, -textarea:focus { - color: #111; -} - -input[type="text"]:focus, -input[type="password"]:focus, -input[type="color"]:focus, -input[type="date"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="email"]:focus, -input[type="month"]:focus, -input[type="number"]:focus, -input[type="password"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="text"]:focus, -input[type="time"]:focus, -input[type="url"]:focus, -input[type="week"]:focus, -input[type="checkbox"]:focus, -input[type="radio"]:focus, -select:focus, -textarea:focus { - border-color: #5b9dd9; - box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); -} - -/* rtl:ignore */ -input[type="email"], -input[type="url"] { - direction: ltr; -} - -input[type="text"], -input[type="email"], -input[type="search"], -input[type="password"], -input[type="number"] { - padding: 6px 10px; -} - -/* Vertically align the number selector with the input. */ -input[type="number"] { - height: 40px; - line-height: inherit; -} - -input[type="checkbox"], -input[type="radio"] { - background: #fff; - border: 1px solid #b4b9be; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - clear: none; - color: #555; - cursor: pointer; - display: inline-block; - height: 25px; - line-height: 0; - margin: -4px 4px 0 0; - min-width: 16px; - padding: 0 !important; - text-align: center; - transition: 0.05s border-color ease-in-out; - vertical-align: middle; - width: 25px; -} - -input[type="checkbox"] { - padding: 10px; -} - -input[type="radio"] { - border-radius: 50%; - line-height: 10px; - margin-right: 4px; -} - -input[type="checkbox"]:checked::before, -input[type="radio"]:checked::before { - display: inline-block; - float: left; - font: 400 21px/1 dashicons; - vertical-align: middle; - width: 16px; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - speak: none; -} - -input[type="checkbox"]:checked::before { - color: #1e8cbe; - content: "\f147"; - font: 400 30px/1 dashicons; - margin: -3px -5px; -} - -input[type="radio"]:checked::before { - background-color: #1e8cbe; - border-radius: 50px; - content: "\2022"; - font-size: 24px; - height: 9px; - line-height: 16px; - margin: 7px; - text-indent: -9999px; - vertical-align: middle; - width: 9px; -} - -@-moz-document url-prefix() { - input[type="checkbox"], - input[type="radio"], - .form-table input.tog { - margin-bottom: -1px; - } -} - -/* Search */ -input[type="search"]::-webkit-search-decoration { - display: none; -} - -.ie8 input[type="password"] { - font-family: sans-serif; -} - -textarea, -input, -select, -button { - font-family: inherit; - font-size: inherit; - font-weight: inherit; -} - -textarea, -input, -select { - border-radius: 0; - font-size: 16px; - padding: 3px 5px; - /* Reset mobile webkit's default element styling */ -} - -textarea { - line-height: 1.4; - overflow: auto; - padding: 2px 6px; - resize: vertical; -} - -input[type="file"] { - padding: 3px 0; -} - -label { - cursor: pointer; -} - -input.readonly, -input[readonly], -textarea.readonly, -textarea[readonly] { - background-color: #eee; -} - -:-moz-placeholder { - color: #a9a9a9; -} - -input:disabled, -input.disabled, -select:disabled, -select.disabled, -textarea:disabled, -textarea.disabled { - background: rgba(255, 255, 255, 0.5); - border-color: rgba(222, 222, 222, 0.75); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04); - color: rgba(51, 51, 51, 0.5); -} - -input[type="file"]:disabled, -input[type="file"].disabled, -input[type="range"]:disabled, -input[type="range"].disabled { - background: none; - box-shadow: none; -} - -input[type="checkbox"]:disabled, -input[type="checkbox"].disabled, -input[type="radio"]:disabled, -input[type="radio"].disabled, -input[type="checkbox"]:disabled:checked::before, -input[type="checkbox"].disabled:checked::before, -input[type="radio"]:disabled:checked::before, -input[type="radio"].disabled:checked::before { - opacity: 0.7; -} - -label, -fieldset label { - vertical-align: middle; -} - -/* =Media Queries --------------------------------------------------------------- */ -@media screen and (min-width: 48em) { - /* Input Elements */ - input[type="text"], - input[type="email"], - input[type="search"], - input[type="password"], - input[type="number"] { - padding: 0; - } - input[type="number"] { - height: 28px; - } - input[type="checkbox"] { - padding: 0; - } - input[type="checkbox"]:checked::before { - font: 400 21px/1 dashicons; - margin: -3px 0 0 -4px; - } - input[type="radio"], - input[type="checkbox"] { - height: 16px; - width: 16px; - } - input[type="radio"]:checked::before { - width: 6px; - height: 6px; - margin: 4px; - } - textarea, - input, - select { - font-size: 14px; - } -} - -/*-------------------------------------------------------------- -# Navigation ---------------------------------------------------------------*/ -/*-------------------------------------------------------------- -## Links ---------------------------------------------------------------*/ -a { - color: #0073aa; -} - -a:visited { - /* Override wp4.css */ - color: #0073aa; -} - -a.wp-block-button__link:visited { - color: #4ca6cf; -} - -a:hover, a:focus, a:active { - /* Override wp4.css */ - color: #0073aa; - text-decoration: underline; -} - -a.button:hover, #bbpress-forums .wporg-bbp-term-subscription > a:hover, -#bbpress-forums .reviews-submit-link > a.btn:hover, -#bbpress-forums a.subscription-toggle:hover, -#bbpress-forums a.favorite-toggle:hover, a.button:focus, #bbpress-forums .wporg-bbp-term-subscription > a:focus, -#bbpress-forums .reviews-submit-link > a.btn:focus, -#bbpress-forums a.subscription-toggle:focus, -#bbpress-forums a.favorite-toggle:focus, a.button:active, #bbpress-forums .wporg-bbp-term-subscription > a:active, -#bbpress-forums .reviews-submit-link > a.btn:active, -#bbpress-forums a.subscription-toggle:active, -#bbpress-forums a.favorite-toggle:active { - text-decoration: none; -} - -a:focus { - outline: thin dotted; -} - -a:hover, a:active { - outline: 0; -} - -p a:not(.button), -p a:not(.button):hover { - border: none; -} - -p a { - border-bottom: none; -} - -p a:hover { - border-bottom: none; -} - -/*-------------------------------------------------------------- -## Menus ---------------------------------------------------------------*/ -.site-main .comment-navigation, .site-main -.posts-navigation, .site-main -.post-navigation { - margin: 0 0 1.5em; - overflow: hidden; -} - -.comment-navigation .nav-previous, -.posts-navigation .nav-previous, -.post-navigation .nav-previous { - float: left; - width: 50%; -} - -.comment-navigation .nav-next, -.posts-navigation .nav-next, -.post-navigation .nav-next { - float: right; - text-align: right; - width: 50%; -} - -/*-------------------------------------------------------------- -# Accessibility ---------------------------------------------------------------*/ -/* Text meant only for screen readers. */ -.screen-reader-text { - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute !important; - width: 1px; -} - -.screen-reader-text:focus { - background-color: #f1f1f1; - border-radius: 3px; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - clip: auto !important; - color: #21759b; - display: block; - font-size: 0.875rem; - font-weight: 700; - height: auto; - left: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; - /* Above WP toolbar. */ -} - -/* Do not show the outline on the skip link target. */ -#content[tabindex="-1"]:focus { - outline: 0; -} - -/*-------------------------------------------------------------- -# Alignments ---------------------------------------------------------------*/ -.alignleft { - display: inline; - float: left; - margin-right: 1.5em; -} - -.alignright { - display: inline; - float: right; - margin-left: 1.5em; -} - -.aligncenter { - clear: both; - display: block; - margin-left: auto; - margin-right: auto; -} - -/*-------------------------------------------------------------- -# Clearings ---------------------------------------------------------------*/ -.clear::before, .three-up::before, .bbpress main#main::before, .bbp-view .review-ratings::before, -.clear::after, -.three-up::after, -.bbpress main#main::after, -.bbp-view .review-ratings::after, -.entry-content::before, -.entry-content::after, -.comment-content::before, -.comment-content::after, -.site-header::before, -.site-header::after, -.site-content::before, -.site-content::after, -.site-footer::before, -.site-footer::after { - content: ""; - display: table; - table-layout: fixed; -} - - -.clear::after, -.three-up::after, -.bbpress main#main::after, -.bbp-view .review-ratings::after, -.entry-content::after, -.comment-content::after, -.site-header::after, -.site-content::after, -.site-footer::after { - clear: both; -} - -/*-------------------------------------------------------------- -# WP.org Header ---------------------------------------------------------------*/ -#wporg-header { - background: #23282d; - height: 140px; - position: relative; - text-align: center; - width: 100%; -} - -#wporg-header .wrapper { - margin: 0 auto; - max-width: 960px; -} - -#wporg-header h1 { - display: inline-block; - margin: auto; - width: 303px; -} - -#wporg-header h1 a { - background: url(//s.w.org/style/images/wporg-logo.svg?3) center left no-repeat; - background-size: 290px 46px; - display: block; - height: 88px; - text-indent: -9999px; -} - -#wporg-header h2.rosetta { - clear: none; - color: #dfdfdf; - font-family: Georgia, "Times New Roman", serif; - font-size: 30px; - margin: 0; -} - -#wporg-header h2.rosetta a { - border-bottom: none; - color: #dfdfdf; - display: block; - height: 52px; - /* 88 header height - 36 top padding */ - line-height: 22px; - padding: 0; -} - -#wporg-header h2.rosetta a:hover { - text-decoration: none; -} - -#wporg-header #wporg-header-menu { - background: #23282d; - left: -75%; - list-style: none; - margin: 0; - max-width: 75%; - min-width: 200px; - padding: 20px 0 0; - position: absolute; - text-align: left; - transition: left 0.3s; - z-index: 100000; -} - -#wporg-header #wporg-header-menu.active { - left: 0; -} - -#wporg-header ul li { - list-style-type: none; - position: relative; -} - -#wporg-header ul li a { - color: #eee; - display: block; - font-family: "Open Sans", Helvetica, Arial, "Liberation Sans", sans-serif; - font-size: 13px; - font-weight: 600; - height: 34px; - line-height: 34px; - margin: 0 4px; - padding: 10px 30px; - text-decoration: none; -} - -#wporg-header ul li a.subcurrent { - font-weight: 700; -} - -@media (max-width: 768px) { - #wporg-header ul li a { - height: auto; - } -} - -#wporg-header ul li#download, #wporg-header ul li.download { - float: right; - height: 34px; - margin-right: 14px; - overflow: hidden; - padding: 0 0 34px; -} - -@media screen and (max-width: 820px) { - #wporg-header ul li#download, #wporg-header ul li.download { - display: none; - } -} - -@media screen and (max-width: 768px) { - #wporg-header ul li#download, #wporg-header ul li.download { - display: block; - float: none; - margin: 10px 20px 20px; - padding-bottom: 0; - height: auto; - } - #wporg-header ul li#download a, #wporg-header ul li.download a { - padding: 4px 10px; - } -} - -#wporg-header ul li#download a, #wporg-header ul li.download a { - margin: 0; - padding: 0 16px; -} - -#wporg-header ul li#download a:hover, #wporg-header ul li.download a:hover { - color: #eee; -} - -#wporg-header ul li#download.current, #wporg-header ul li#download.current-menu-item, -#wporg-header ul li#download .uparrow, #wporg-header ul li.download.current, #wporg-header ul li.download.current-menu-item, -#wporg-header ul li.download .uparrow { - display: none; -} - -#wporg-header ul li a:hover, -#wporg-header ul li a.current, -#wporg-header ul li.current-menu-item a, -#wporg-header ul li.current_page_parent a { - color: #00a0d2; -} - -#wporg-header .nav-submenu { - display: none; - margin-bottom: 10px; - margin-top: -15px; - padding: 0; - position: static; -} - -#wporg-header .nav-submenu li a { - height: 24px; - line-height: 24px; - margin-left: 20px; -} - -@media screen and (min-width: 768px) { - #wporg-header #head-search { - float: right; - margin-right: 14px; - padding-top: 30px; - } -} - -#wporg-header #head-search form { - border-bottom: 1px solid #3f3f3f; - display: inline-block; - margin-left: 60px; - width: 288px; -} - -#wporg-header #head-search form input.text { - background: #191e23; - border: 0; - border-radius: 0; - box-sizing: content-box; - color: #b4b9be; - float: left; - font-family: "Open Sans", sans-serif; - font-size: 12px; - height: 24px; - margin: 0; - outline: none; - padding: 3px; - vertical-align: top; - width: 256px; -} - -#wporg-header #head-search form input.text::-moz-placeholder { - color: #eee; -} - -@media screen and (max-width: 480px) { - #wporg-header #head-search form input.text { - width: 216px; - } -} - -#wporg-header #head-search form [type="submit"] { - background: #191e23 url(//s.w.org/wp-includes/images/admin-bar-sprite.png?d=20120831) no-repeat 2px 5px; - border: none; - border-radius: 0; - box-shadow: none; - float: left; - height: 30px; - margin: 0; - padding: 0; - text-shadow: none !important; - width: 26px; -} - -@media screen and (max-width: 480px) { - #wporg-header #head-search form { - width: 248px; - } -} - -@media screen and (min-width: 480px) { - #wporg-header #head-search form { - margin-left: 0; - } -} - -@media screen and (min-width: 768px) { - #wporg-header { - height: 120px; - text-align: inherit; - } - #wporg-header h1 { - float: left; - padding-left: 10px; - } - #wporg-header h2.rosetta { - float: left; - padding: 36px 27px 0; - } - #wporg-header #wporg-header-menu { - float: left; - list-style: none; - margin: -15px 0 0; - max-width: inherit; - min-width: 0; - padding: 0; - position: static; - width: 100%; - } - #wporg-header ul li { - float: left; - position: relative; - } - #wporg-header ul li a { - color: #eee; - display: block; - font-family: "Open Sans", Helvetica, Arial, "Liberation Sans", sans-serif; - font-size: 13px; - font-weight: 600; - height: 46px; - line-height: 34px; - margin: 0 4px; - padding: 0 6px; - } - #wporg-header ul li a.current ~ .uparrow { - border-bottom: 9px solid #f7f7f7; - border-left: 9px solid transparent; - border-right: 9px solid transparent; - height: 0; - margin: -8px auto 0 auto; - width: 0; - } - #wporg-header ul li.current-menu-item::after, #wporg-header ul li.current_page_parent::after { - border-bottom: 9px solid #f7f7f7; - border-left: 9px solid transparent; - border-right: 9px solid transparent; - content: ""; - height: 0; - left: 50%; - margin: -8px 0 0 -9px; - position: absolute; - width: 0; - } - #wporg-header ul li:hover .nav-submenu ~ .uparrow, - #wporg-header ul li .nav-submenu:hover ~ .uparrow { - border-bottom: 9px solid #32373c; - border-left: 9px solid transparent; - border-right: 9px solid transparent; - height: 0; - margin: -10px auto 0 auto; - width: 0; - } - #wporg-header ul li .nav-submenu li { - float: none; - } - #wporg-header ul li .nav-submenu li a { - height: 34px; - line-height: 34px; - margin-left: 6px; - } - #wporg-header .nav-submenu { - background: #32373c; - border: #32373c solid 1px; - border-top: 0; - display: none !important; - /* Prevents #wporg-header ul overwriting this */ - margin-top: -1px; - min-width: 0; - } - #wporg-header ul li:hover .nav-submenu, - #wporg-header ul li .nav-submenu:hover { - display: block !important; - /* Prevents #wporg-header ul overwriting this */ - left: 0; - margin-left: 0; - position: absolute; - top: 46px; - width: auto; - z-index: 101; - } - #wporg-header #headline h2 { - text-rendering: optimizeLegibility; - } - #wporg-header ul li.current-menu-item::after, - #wporg-header ul li.current_page_parent::after, - #wporg-header ul li a.current ~ .uparrow { - border-bottom-color: #0073aa; - } -} - -#mobile-menu-button { - background: none; - border: none; - box-shadow: none; - display: block; - float: left; - font-family: dashicons; - font-size: 16px; - font-style: normal; - font-weight: 400; - left: 10px; - line-height: 1; - padding: 1px; - position: absolute; - text-align: center; - text-decoration: inherit; - text-shadow: none; - top: 75px; - transition: color 0.1s ease-in; - vertical-align: top; - -webkit-font-smoothing: antialiased; -} - -#mobile-menu-button::before { - border: none; - box-sizing: border-box; - color: #888; - content: "\f228"; - display: inline-block; - float: left; - font: 400 50px/1 dashicons; - margin: 0; - outline: none; - padding: 3px; - text-decoration: none; - vertical-align: middle; - -webkit-font-smoothing: antialiased; -} - -@media screen and (min-width: 768px) { - #mobile-menu-button { - display: none; - } -} - -#download-mobile { - background: #f7f7f7; - border-bottom: 1px solid #ddd; -} - -#download-mobile .wrapper { - padding: 20px 0; - text-align: center; -} - -#download-mobile span.download-ready { - font-size: 1.6em; - margin: 0 0.25em; -} - -#download-mobile a.download-button { - font-size: 1.6em; - height: inherit; - margin: 10px 0.25em; - padding: 10px 15px; -} - -/*-------------------------------------------------------------- -# Site ---------------------------------------------------------------*/ -body, #pagebody { - font-size: 1rem; -} - -/*-------------------------------------------------------------- -# .site-header ---------------------------------------------------------------*/ -.site-header { - background: #0073aa; - padding: 1rem 0; - position: relative; - z-index: 100; -} - -.site-header .site-branding { - margin: 0 auto; - max-width: 960px; - padding: 0 1.5625rem; -} - -.site-header .site-title--no-mobile { - display: none; - - @media screen and (min-width: 800px) { - display: inline-block; - } -} - -@media screen and (min-width: 737px) { - .site-header:not(.home) .site-branding { - display: flex; - align-items: center; - justify-content: space-between; - } -} - -@media screen and (min-width: 48em) { - .site-header .site-branding { - padding: 0 10px; - } -} - -.site-header.home { - padding: 1.5625rem 1.143rem; - text-align: center; -} - -/*-------------------------------------------------------------- -# .site-title ---------------------------------------------------------------*/ -.site-title { - display: inline-block; - font-size: 1.5625rem; - font-weight: 300; - line-height: 1; - margin: 0 2rem 0 0; - max-width: none; -} - -.site-title a { - color: #fff; - font-weight: 300; - text-decoration: none; -} - -.site-title a:hover, .site-title a:focus, .site-title a:active { - color: #fff; - text-decoration: none; -} - -.site-header.home .site-title { - display: inherit; - font-size: 3.8146972656rem; - margin: 2rem 0 1rem; -} - -@media screen and (max-width: 480px) { - .site-header.home .site-title { - font-size: 3.0517578125rem; - } -} - -@media screen and (max-width: 320px) { - .site-header.home .site-title { - font-size: 2.44140625rem; - } -} - -/*-------------------------------------------------------------- -# .site-description ---------------------------------------------------------------*/ -.site-description { - color: rgba(255, 255, 255, 0.8); - font-size: 1.25rem; - font-weight: 300; - margin: -0.4rem auto 2rem; - text-align: center; -} - -/*-------------------------------------------------------------- -# .main-navigation ---------------------------------------------------------------*/ -.main-navigation { - background: #0073aa; - clear: both; - left: 0; - position: absolute; - top: 60px; - width: 100%; -} - -.main-navigation ul { - display: none; - list-style: none; - margin: 0; - padding-left: 0; -} - -.main-navigation ul ul { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); - float: left; - left: -999em; - position: absolute; - top: 1.5em; - z-index: 99999; -} - -.main-navigation ul ul ul { - left: -999em; - top: 0; -} - -.main-navigation ul ul li:hover > ul, -.main-navigation ul ul li.focus > ul { - left: 100%; -} - -.main-navigation ul ul a { - width: 200px; -} - -.main-navigation ul li:hover > ul, -.main-navigation ul li.focus > ul { - left: auto; -} - -.main-navigation li { - border-top: 1px solid rgba(255, 255, 255, 0.2); - padding: 1rem; -} - -.main-navigation a { - color: rgba(255, 255, 255, 0.8); - display: block; - font-size: 14px; - text-decoration: none; -} - -.main-navigation a:hover, .main-navigation a.active { - color: #fff; -} - -@media screen and (min-width: 48em) { - .main-navigation a.active { - border-bottom: 1px solid; - } -} - -@media screen and (min-width: 48em) { - #wporg-header ul li a.current ~ .uparrow, - #wporg-header ul li.current-menu-item::after, - #wporg-header ul li.current_page_parent::after { - border-bottom: 9px solid #0073aa; - } - #wporg-header ul li:hover .nav-submenu ~ .uparrow, - #wporg-header ul li .nav-submenu:hover ~ .uparrow { - border-bottom: 9px solid #32373c; - } -} - -/* Small menu. */ - -.menu-toggle.dashicons { - background: transparent; - border: none; - color: #fff; - font-size: 1.5625rem; - height: 3.5rem; - overflow: hidden; - position: absolute; - right: 1rem; - top: -58px; - width: 3.5rem; - -webkit-appearance: none; -} - -.toggled .menu-toggle.dashicons::before { - content: "\f343"; -} - -@media screen and (min-width: 737px) { - .menu-toggle.dashicons { - display: none; - } - - .main-navigation { - float: right; - position: relative; - width: auto; - top: auto; - } - - .main-navigation.toggled { - padding: 1px 0; - } - - .main-navigation ul { - display: flex !important; - align-items: center; - font-size: 14px; - - } - - .main-navigation ul li { - border: 0; - display: inline-block; - font-size: 1rem; - margin-right: 1rem; - padding: 0; - } - - .main-navigation ul li:last-of-type { - margin-right: 0; - } - - .main-navigation button.button-search { - display: inline-block; - } -} - -/*-------------------------------------------------------------- -# .site-main ---------------------------------------------------------------*/ -.site-main { - margin: 0 auto; - max-width: 960px; - padding: 3.0517578125rem 1.5625rem; -} - -@media screen and (min-width: 48em) { - .site-main { - padding: 3.0517578125rem 10px; - } -} - -.single .site-main { - padding: 0; -} - -@media screen and (min-width: 48em) { - .single .site-main { - padding: 0 10px 3.0517578125rem; - } -} - -#page .site-main { - padding: 0 10px 3.0517578125rem; -} - -.site-main .page-header p { - margin: 0.5rem 0; -} - -.site-main .page-title { - font-size: 1.5625rem; - font-weight: 400; -} - -/*-------------------------------------------------------------- -# .sidebar ---------------------------------------------------------------*/ -.sidebar div { - margin-bottom: 2rem; -} - -.sidebar div ul { - margin-bottom: 0; -} - -.sidebar div ul > li { - font-size: 0.8rem; - border-top: 1px solid #eee; - padding: 0.5rem 0; -} - -/*-------------------------------------------------------------- -# .helphub-page -# .page ---------------------------------------------------------------*/ -.helphub-page .entry-header, -.page .entry-header { - margin-top: 2rem; -} - -.helphub-page .entry-header .entry-title, -.page .entry-header .entry-title { - font-size: 1.5625rem; - font-weight: 400; - margin: 0 auto; - max-width: 35.527136788rem; -} - -@media screen and (min-width: 48em) { - .helphub-page .entry-header .entry-title, - .page .entry-header .entry-title { - padding: 0 2rem; - } -} - -.helphub-page .entry-content h2, -.page .entry-content h2 { - font-size: 1.5625rem; - font-weight: 400; -} - -.helphub-page .entry-content h3, -.page .entry-content h3 { - font-size: 1rem; - font-weight: 600; - letter-spacing: 0.01rem; - text-transform: uppercase; -} - -.helphub-page .entry-content a, -.page .entry-content a:not(.button) { - text-decoration: underline; -} - -.helphub-page .entry-content section, -.page .entry-content section { - padding: 2rem 0; -} - -.helphub-page .entry-content section .container, -.page .entry-content section .container { - margin: 0 auto; - max-width: 35.527136788rem; -} - -@media screen and (min-width: 48em) { - .helphub-page .entry-content section .container, - .page .entry-content section .container { - padding: 0 2rem; - } -} - -.helphub-page .entry-content section:first-of-type, -.page .entry-content section:first-of-type { - padding-top: 0; -} - -.helphub-page .entry-content section + section, -.page .entry-content section + section { - border-top: 2px solid #eee; -} - -.helphub-page .submenu, -.page .submenu { - margin-left: 0; -} - -.helphub-page .submenu li, -.page .submenu li { - border-bottom: 1px solid #dedede; - font-size: 12px; - line-height: 18px; - padding: 5px 0; -} - -.helphub-page .submenu li.current, -.page .submenu li.current { - font-weight: 700; -} - -.helphub-page .submenu li:last-child, -.page .submenu li:last-child { - border-bottom: 0; -} - -.helphub-page .submenu li ul, -.page .submenu li ul { - margin-left: 16px; -} - -.helphub-page .submenu li ul li, -.page .submenu li ul li { - border: none; - line-height: 1.4em; - padding-bottom: 2px; -} - -.single .entry-header .entry-title, -.single .entry-content section .container, -.page-template-page-full-width .entry-header .entry-title, -.page-template-page-full-width .entry-content section .container { - max-width: 100%; - padding: 0; -} - -/*-------------------------------------------------------------- -# 404 Error page ---------------------------------------------------------------*/ -.error-404 .page-title, .error-404 .page-content { - text-align: center; -} - -/*-------------------------------------------------------------- -# Archives ---------------------------------------------------------------*/ -body.category #main h1 { - font-size: 2.2rem; - text-align: center; -} - -body.category #main a { - color: inherit; -} - -body.category #main a:hover, body.category #main a:focus, body.category #main a:active { - text-decoration: none; - color: #0073aa; -} - -body.category #main article h2 { - font-size: 1.3rem; -} - -body.category #main .archive-pagination { - display: block; - margin-top: 20px; - text-align: center; - width: 100%; -} - -/*-------------------------------------------------------------- -# bbPress Specific ---------------------------------------------------------------*/ -/* bbPress specific styles */ -/* Many of these override the styles from the plugin */ -section { - padding: 4rem 0; -} - -#bbpress-forums { - font-size: 1rem; - overflow: inherit; -} - -@media (min-width: 48em) { - .three-up .archive-block, - .three-up > div { - display: inline-block; - vertical-align: top; - width: 30%; - margin-right: 4.5%; - font-size: 0.8rem; - } - .three-up .archive-block:nth-child(3n), - .three-up > div:nth-child(3n) { - margin-right: 0; - } -} - -.three-up.bbp-forums > div { - background: transparent; - position: relative; - border-bottom: 1px solid #eee; - margin: 1rem 0; -} - -.three-up.bbp-forums > div a.bbp-forum-title:active, .three-up.bbp-forums > div a.bbp-forum-title:focus { - text-decoration: none; -} - -.three-up.bbp-forums > div h3 { - font-size: 1.4rem; - margin-bottom: 0; - margin-top: 0; -} - -.three-up.bbp-forums > div p { - color: #666; -} - -.three-up.bbp-forums > div a:hover { - color: #0073aa; - text-decoration: none; -} - -.three-up.bbp-forums > div a:hover h3 { - color: #0073aa; -} - -@media (min-width: 48em) { - .three-up.bbp-forums > div { - height: 200px; - border-bottom: none; - margin: 2rem 4.5% 0 0; - } - .three-up.bbp-forums > div:nth-child(3n) { - margin-right: 0; - } -} - -.bbpress main#main .entry-content, -.bbpress main#main .entry-meta, -.page-template-page-forums-sidebar main#main .entry-content, -.page-template-page-forums-sidebar main#main .entry-meta { - padding: 0; -} - -@media (min-width: 568px) { - .bbpress main#main .entry-content, - .bbpress main#main .entry-meta, - .page-template-page-forums-sidebar main#main .entry-content, - .page-template-page-forums-sidebar main#main .entry-meta { - padding: 0 1.5625rem; - } -} - -.bbpress main#main .entry-header .entry-title, -.bbpress main#main .entry-content .container, -.page-template-page-forums-sidebar main#main .entry-header .entry-title, -.page-template-page-forums-sidebar main#main .entry-content .container { - padding: 0; -} - -.bbpress main#main > .entry-content, -.bbpress main#main > article, -.page-template-page-forums-sidebar main#main > .entry-content, -.page-template-page-forums-sidebar main#main > article { - max-width: 48rem; -} - -@media screen and (min-width: 48em) { - .bbpress main#main > .entry-content, - .bbpress main#main > article, - .page-template-page-forums-sidebar main#main > .entry-content, - .page-template-page-forums-sidebar main#main > article { - float: left; - padding: 0; - width: 65%; - } -} - -@media screen and (min-width: 48em) { - .bbpress main#main .entry-content, - .bbpress main#main .entry-meta, - .page-template-page-forums-sidebar main#main .entry-content, - .page-template-page-forums-sidebar main#main .entry-meta { - padding-left: 0; - padding-right: 0; - } - .bbpress main#main .entry-meta, - .page-template-page-forums-sidebar main#main .entry-meta { - float: right; - width: 30%; - } -} - -.bbpress main#main { - margin-top: 2rem; - padding: 0 10px 10px; -} - -.bbpress #bbpress-forums div.bbp-template-notice { - padding: 0.5rem; - border: none; - border-radius: 3px; -} - -.bbpress #bbpress-forums div.bbp-template-notice p, -.bbpress #bbpress-forums div.bbp-template-notice li { - font-size: 13px; - line-height: 160%; -} - -.bbpress #bbpress-forums div.bbp-template-notice a { - color: #0073aa; - text-decoration: underline; -} - -.bbpress #bbpress-forums div.bbp-template-notice a:hover { - color: #0073aa; -} - -.bbpress #bbpress-forums .bbp-topic-content > div.bbp-template-notice, -.bbpress #bbpress-forums .bbp-reply-content > div.bbp-template-notice { - margin-bottom: 30px; -} - -.bbpress #bbpress-forums .status-pending div.bbp-template-notice { - background: #fff359; -} - -.bbpress #bbpress-forums .status-archived div.bbp-template-notice, -.bbpress #bbpress-forums .status-spam div.bbp-template-notice { - background: #f49797; -} - -.bbpress #bbpress-forums .bbp-body .bbp-topic-freshness, -.bbpress #bbpress-forums .bbp-body .bbp-topic-voice-count, -.bbpress #bbpress-forums .bbp-body .bbp-topic-reply-count { - font-size: 0.73152rem; -} - -.bbpress #bbpress-forums .bbp-header li.bbp-forum-freshness, -.bbpress #bbpress-forums .bbp-header li.bbp-topic-freshness, -.bbpress #bbpress-forums .bbp-body li.bbp-forum-freshness, -.bbpress #bbpress-forums .bbp-body li.bbp-topic-freshness { - width: 58%; -} - -@media (min-width: 321px) { - .bbpress #bbpress-forums .bbp-header li.bbp-forum-freshness, - .bbpress #bbpress-forums .bbp-header li.bbp-topic-freshness, - .bbpress #bbpress-forums .bbp-body li.bbp-forum-freshness, - .bbpress #bbpress-forums .bbp-body li.bbp-topic-freshness { - width: 25%; - } -} - -.bbpress #bbpress-forums .bbp-forums, -.bbpress #bbpress-forums .bbp-topics { - border: 1px solid #eee; -} - -.bbpress #bbpress-forums .bbp-forums > .bbp-header, -.bbpress #bbpress-forums .bbp-topics > .bbp-header { - background: #0073aa; - color: #fff; -} - -.bbpress #bbpress-forums ul.bbp-lead-topic, -.bbpress #bbpress-forums ul.bbp-replies, -.bbpress #bbpress-forums ul.bbp-search-results, -.bbpress #bbpress-forums ul.bbp-topics.full-posts, -.bbpress #bbpress-forums li.bbp-body div.hentry { - overflow: visible; - word-wrap: break-word; -} - -.bbpress #bbpress-forums ul.bbp-lead-topic { - margin: 0; -} - -.bbpress #bbpress-forums ul.bbp-lead-topic li.bbp-body { - border: 0; -} - -.bbpress #bbpress-forums ul.bbp-lead-topic li.bbp-body div.topic { - background: transparent; -} - -.bbpress #bbpress-forums .bbp-search-results div.topic .topic-indicator { - display: none; -} - -.bbpress #bbpress-forums div.bbp-topic-author img.avatar, -.bbpress #bbpress-forums div.bbp-reply-author img.avatar { - border-radius: 50%; - float: left; - width: 50px; - height: 50px; - max-width: 50px; - max-height: 50px; - margin: 0; - margin-right: 10px; - margin-left: -11%; -} - -.bbpress #bbpress-forums div.bbp-topic-author img.avatar { - margin-left: -19%; - margin-top: -6px; - width: 80px; - height: 80px; - max-width: 80px; - max-height: 80px; -} - -@media only screen and (max-width: 480px) { - .bbpress #bbpress-forums div.bbp-reply-author img.avatar, - .bbpress #bbpress-forums div.bbp-topic-author img.avatar { - position: relative; - top: 0; - margin-bottom: 40px; - } -} - -.bbpress #bbpress-forums div.bbp-reply-author a.bbp-author-name, -.bbpress #bbpress-forums div.bbp-topic-author a.bbp-author-name { - clear: none; - font-size: 1rem; - display: inline-block; - margin: 0; -} - -.bbpress #bbpress-forums div.bbp-reply-author, -.bbpress #bbpress-forums div.bbp-topic-author { - float: none; - text-align: left; - width: 100%; - margin: 1rem 0 2rem; - padding-left: 10%; -} - -@media screen and (max-width: 480px) { - .bbpress #bbpress-forums div.bbp-reply-author, - .bbpress #bbpress-forums div.bbp-topic-author { - min-height: auto; - } -} - -.bbpress #bbpress-forums .bbp-user-replies-created div.bbp-reply-author, -.bbpress #bbpress-forums .bbp-user-replies-created div.bbp-topic-author { - padding-left: 1.5rem; -} - -.bbpress #bbpress-forums .bbp-author-title { - margin: 0; -} - -.bbpress #bbpress-forums .bbp-user-nicename, -.bbpress #bbpress-forums .bbp-topic-post-date, -.bbpress #bbpress-forums .bbp-topic-ip, -.bbpress #bbpress-forums .bbp-reply-post-date, -.bbpress #bbpress-forums .bbp-reply-ip, -.bbpress #bbpress-forums .wporg-bbp-user-notes-toggle, -.bbpress #bbpress-forums .wporg-bbp-user-flag { - font-size: 0.8rem; - font-weight: 400; - margin: 0; - margin-right: 10px; - display: inline-block; -} - -.bbpress #bbpress-forums span.bbp-author-ip { - font-size: 0.8rem; - font-weight: 400; -} - -.bbpress #bbpress-forums div.topic, -.bbpress #bbpress-forums div.reply { - padding: 1.5rem 1.5rem 1.5rem 0; -} - -.bbpress #bbpress-forums div.bbp-reply-content, -.bbpress #bbpress-forums div.bbp-topic-content { - padding: 0; - margin: 0 0 0 10%; -} - -@media screen and (max-width: 480px) { - .bbpress #bbpress-forums div.bbp-reply-content, - .bbpress #bbpress-forums div.bbp-topic-content { - margin-bottom: 5%; - } -} - -.bbpress #bbpress-forums div.bbp-reply-content { - margin-left: 11%; -} - -.bbpress #bbpress-forums .bbp-user-replies-created div.bbp-reply-content, -.bbpress #bbpress-forums .bbp-user-replies-created div.bbp-topic-content { - margin-left: 1.5rem; -} - -.bbpress #bbpress-forums div.bbp-reply-content a, -.bbpress #bbpress-forums div.bbp-topic-content a { - text-decoration: underline; - font-weight: inherit; -} - -.bbpress #bbpress-forums div.bbp-reply-content a.mention, -.bbpress #bbpress-forums div.bbp-topic-content a.mention { - text-decoration: none; - font-weight: 700; -} - -.bbpress #bbpress-forums div.bbp-reply-content .bbp-reply-revision-log-item a, -.bbpress #bbpress-forums div.bbp-topic-content .bbp-topic-revision-log-item a { - text-decoration: none; -} - -.bbpress #bbpress-forums li.bbp-body div.type-topic span.bbp-admin-links, -.bbpress #bbpress-forums li.bbp-body div.type-reply span.bbp-admin-links { - display: none; - position: absolute; - bottom: 0; - right: 0; - background: #fbfbfb; - padding: 3px 10px; -} - -@media screen and (max-width: 480px) { - .bbpress #bbpress-forums li.bbp-body div.type-topic span.bbp-admin-links, - .bbpress #bbpress-forums li.bbp-body div.type-reply span.bbp-admin-links { - padding: 3px 7px; - } -} - -.bbpress #bbpress-forums li.bbp-body div.type-topic span.bbp-admin-links a, -.bbpress #bbpress-forums li.bbp-body div.type-reply span.bbp-admin-links a { - color: #0073aa; - text-transform: inherit; - font-size: 0.7rem; -} - -.bbpress #bbpress-forums li.bbp-body div.type-topic span.bbp-admin-links a:hover, -.bbpress #bbpress-forums li.bbp-body div.type-reply span.bbp-admin-links a:hover { - text-decoration: underline; -} - -.bbpress #bbpress-forums li.bbp-body div.type-topic:hover span.bbp-admin-links, -.bbpress #bbpress-forums li.bbp-body div.type-reply:hover span.bbp-admin-links { - display: block; -} - -.bbpress #bbpress-forums li.bbp-body div.type-topic:focus-within span.bbp-admin-links, -.bbpress #bbpress-forums li.bbp-body div.type-reply:focus-within span.bbp-admin-links { - /* Separated from the block above due to browsers that - * don't support :focus-within */ - display: block; -} - -.bbpress #bbpress-forums ul.status-closed, -.bbpress #bbpress-forums ul.status-closed a { - color: inherit; -} - -.bbpress #bbpress-forums .bbp-topic-meta .bbp-topic-started-by img.avatar, -.bbpress #bbpress-forums .bbp-topic-meta .bbp-topic-freshness-author img.avatar, -.bbpress #bbpress-forums .bbp-topic-revision-log-item img.avatar, -.bbpress #bbpress-forums .bbp-reply-revision-log-item img.avatar { - display: none; -} - -.bbpress #bbpress-forums .bbp-topic-meta .bbp-topic-started-by a ~ a, -.bbpress #bbpress-forums .bbp-topic-meta .bbp-topic-freshness-author a ~ a, -.bbpress #bbpress-forums .bbp-topic-revision-log-item a ~ a, -.bbpress #bbpress-forums .bbp-reply-revision-log-item a ~ a { - margin-left: -3px; -} - -.bbpress #bbpress-forums p.bbp-topic-meta .bbp-topic-started-in a { - background: #eee; -} - -.bbpress #bbpress-forums p.bbp-topic-meta a { - /* Override bb-base/style.css */ - color: #0073aa; -} - -.bbpress #bbpress-forums p.bbp-topic-meta a:hover, .bbpress #bbpress-forums p.bbp-topic-meta a:focus, .bbpress #bbpress-forums p.bbp-topic-meta a:active { - /* Override bb-base/style.css */ - text-decoration: underline; -} - -.bbpress #bbpress-forums p.wporg-bbp-topic-site-url { - border-top: 1px solid #eee; - padding-top: 0.5rem; -} - -.bbpress #bbpress-forums p.wporg-bbp-topic-site-url::before { - content: "\f103"; - color: #000; - font-family: dashicons; - font: 400 16px/1 dashicons; - margin-right: 5px; - float: left; - padding-top: 3px; -} - -.bbpress #bbpress-forums p.wporg-bbp-topic-site-url a { - display: inline-block; - word-break: break-all; -} - -.bbpress #bbpress-forums .wporg-bbp-user-flag.flagged a { - color: #f00; -} - -.bbpress #bbpress-forums p.wporg-bbp-user-is-blocked { - display: inline-block; - color: #f00; -} - -.bbpress #bbpress-forums .create-topic { - font-size: 0.8rem; - float: left; -} - -.bbpress #bbpress-forums .create-topic::before { - color: #000; - content: "\f132"; - font: 400 16px/1 dashicons; - margin: 0 4px 0 -4px; - vertical-align: middle; -} - -.bbpress #bbpress-forums .bbp-pagination { - font-size: 0.8rem; - float: none; - width: auto; -} - -.bbpress #bbpress-forums .bbp-pagination .page-numbers { - background: #fff; - border: 1px solid #b4b9be; - color: #757575; - padding: 2px 8px; - margin-left: -1px; - opacity: 1; -} - -.bbpress #bbpress-forums .bbp-pagination .page-numbers:not(.current):not(.dots):hover { - background: #0073aa; - color: #fff; - text-decoration: none; - border: 1px solid #0073aa; -} - -.bbpress #bbpress-forums .bbp-pagination .page-numbers.current { - background: #eee; - color: #000; -} - -.bbpress #bbpress-forums .bbp-pagination .page-numbers.dots { - background: #fff; - color: #32373c; -} - -.bbpress #bbpress-forums .bbp-pagination .page-numbers:first-child { - border-radius: 3px 0 0 3px; -} - -.bbpress #bbpress-forums .bbp-pagination .page-numbers:last-child { - border-radius: 0 3px 3px 0; -} - -.bbpress #bbpress-forums .bbp-topic-pagination a { - border: 1px solid #ddd; -} - -.bbpress #bbpress-forums ul.bbp-forums, -.bbpress #bbpress-forums ul.bbp-lead-topic, -.bbpress #bbpress-forums ul.bbp-replies, -.bbpress #bbpress-forums ul.bbp-search-results, -.bbpress #bbpress-forums ul.bbp-topics, -.bbpress #bbpress-forums #bbp-user-wrapper { - font-size: 0.8rem; -} - -.bbpress #bbpress-forums #bbp-user-wrapper ul.bbp-topics, -.bbpress #bbpress-forums #bbp-user-wrapper ul.bbp-replies { - clear: both; -} - -.bbpress #wp-link-wrap { - font-size: 0.73152rem; -} - -.bbpress #wp-link-wrap #wp-link #link-options label span, -.bbpress #wp-link-wrap #wp-link #search-panel label span.search-label { - width: 90px; -} - -.bbpress li.bbp-forum-freshness, -.bbpress li.bbp-topic-freshness { - text-align: left; -} - -.bbpress h1 { - font-size: 1.5625rem; - font-weight: 400; - padding-bottom: 0; - margin: 2rem 0 1rem; -} - -.bbpress h1.page-title { - margin-top: 0; -} - -.bbpress .forum-titles .bbp-topic-voice-count, -.bbpress .forum-titles .bbp-topic-reply-count { - overflow: hidden; -} - -.bbpress .forum-titles .bbp-topic-voice-count::before, -.bbpress .forum-titles .bbp-topic-reply-count::before { - font: 400 16px/1 dashicons; - margin-right: 100px; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; -} - -@media (min-width: 321px) { - .bbpress .forum-titles .bbp-topic-voice-count::before, - .bbpress .forum-titles .bbp-topic-reply-count::before { - font: 400 21px/1 dashicons; - margin-left: 20px; - } -} - -.bbpress .forum-titles .bbp-topic-voice-count::before { - content: "\f307"; -} - -.bbpress .forum-titles .bbp-topic-reply-count::before { - content: "\f125"; -} - -.bbpress li.bbp-header li.bbp-forum-info, -.bbpress li.bbp-header li.bbp-topic-title { - text-align: left !important; -} - -/*-------------------------------------------------------------- -# Buttons ---------------------------------------------------------------*/ -#bbpress-forums fieldset.bbp-form button { - padding: 0 0.8rem; - font-size: 0.8rem; -} - -#bbpress-forums .bbp-reply-form { - clear: both; -} - -#bbpress-forums .bbp-topic-form fieldset.bbp-form button, -#bbpress-forums .bbp-reply-form fieldset.bbp-form button { - float: none; - margin-top: 0; -} - -#bbpress-forums .bbp-submit-wrapper { - margin-top: -35px; -} - -@media (max-width: 767px) { - #bbpress-forums .bbp-submit-wrapper { - margin-top: 0; - } -} - -#bbpress-forums .wporg-bbp-term-subscription { - margin-bottom: 1rem; -} - -.viewmore { - position: relative; - padding-right: 18px; - text-decoration: underline; -} - -.viewmore:hover { - text-decoration: underline !important; -} - -.viewmore::after { - content: "\f345"; - font-family: dashicons; - position: absolute; - top: 1px; - right: 0; -} - -.rtl .viewmore::after { - content: "\f341"; -} - -/*-------------------------------------------------------------- -# Forms ---------------------------------------------------------------*/ -#bbpress-forums fieldset.bbp-form { - margin: 0; - border: 0; -} - -#bbpress-forums fieldset.bbp-form legend { - font-weight: 400; - font-size: 1.25rem; -} - -#bbpress-forums fieldset.bbp-form label, -#bbpress-forums fieldset.bbp-form p em { - font-size: 0.8rem; -} - -#bbpress-forums fieldset.bbp-form em#site_url_description { - display: inline-block; - margin-bottom: 12px; -} - -#bbpress-forums fieldset.bbp-form input[type="checkbox"], -#bbpress-forums fieldset.bbp-form input#site_url, -#bbpress-forums fieldset.bbp-form input#bbp_topic_tags { - margin-bottom: 0; -} - -#bbpress-forums fieldset.log-edit { - margin: 12px 0 8px 0; -} - -#bbpress-forums fieldset.log-edit legend { - padding: 0; - font-size: 0.8rem; -} - -@media (max-width: 767px) { - #bbpress-forums input[type="text"] { - width: 100%; - } -} - -.single-forum .bbp-topic-form, -.bbp-view .bbp-topic-form { - margin-top: 1rem; - padding-top: 1rem; - border-top: 1px solid #eee; -} - -.topic-edit #bbpress-forums .bbp-topic-form legend, -.reply-edit #bbpress-forums .bbp-reply-form legend { - display: block; -} - -.reply-edit #bbpress-forums .form-reply-to { - display: inline-block; -} - -.reply-edit #bbpress-forums .form-reply-to #bbp_reply_to { - width: 100%; -} - -.topic-resolved label { - vertical-align: none; -} - -.topic-resolved select { - width: 120px; - line-height: 1; -} - -select { - -webkit-appearance: menulist; -} - -/*-------------------------------------------------------------- -# Homepage ---------------------------------------------------------------*/ -.forum-archive.wporg-support .info-box, -.home.wporg-support .info-box { - text-align: center; - max-width: 20rem; - margin: 0 auto 4rem; -} - -.forum-archive.wporg-support .info-box h3, -.home.wporg-support .info-box h3 { - margin-top: 1rem; -} - -.forum-archive.wporg-support .info-box .icon-wrapper, -.home.wporg-support .info-box .icon-wrapper { - display: inline-block; - width: 100%; - height: 108px; -} - -.forum-archive.wporg-support .info-box .dashicons, -.home.wporg-support .info-box .dashicons { - font-size: 5.9604644775rem; - opacity: 0.4; - width: auto; - height: auto; -} - -@media (min-width: 48em) { - .forum-archive.wporg-support .info-box, - .home.wporg-support .info-box { - max-width: 100%; - margin: 0; - } -} - -.forum-archive.wporg-support #bbpress-forums .bbp-forums, -.home.wporg-support #bbpress-forums .bbp-forums { - border: none; -} - -.forum-archive.wporg-support #bbpress-forums div.odd, -.home.wporg-support #bbpress-forums div.odd { - background: transparent; -} - -.forum-archive.wporg-support .col-8, -.home.wporg-support .col-8 { - margin-left: 0; -} - -.forum-archive.wporg-support ul#views, -.home.wporg-support ul#views { - text-align: center; - font-size: 0.8rem; - margin: 0; -} - -.forum-archive.wporg-support .helpful-links > div:last-child, -.home.wporg-support .helpful-links > div:last-child { - font-size: 0.8rem; -} - -@media (min-width: 48em) { - .forum-archive.wporg-support .helpful-links > div, - .home.wporg-support .helpful-links > div { - width: 65%; - float: left; - margin-right: 5%; - } - .forum-archive.wporg-support .helpful-links > div:last-child, - .home.wporg-support .helpful-links > div:last-child { - width: 30%; - margin-right: 0; - } -} - -.forum-archive.wporg-support .themes-plugins, -.home.wporg-support .themes-plugins { - margin: 0 0 4rem; - border-bottom: 1px solid #eee; -} - -.forum-archive.wporg-support .themes-plugins p, -.home.wporg-support .themes-plugins p { - font-size: 1rem; - color: #666; -} - -.forum-archive.wporg-support .themes-plugins p a:hover > .dashicons, -.home.wporg-support .themes-plugins p a:hover > .dashicons { - text-decoration: none; -} - -.forum-archive.wporg-support .themes-plugins h3, -.home.wporg-support .themes-plugins h3 { - font-size: 1.4rem; - margin-bottom: 0; - margin-top: 0; -} - -@media (min-width: 48em) { - .forum-archive.wporg-support .themes-plugins, - .home.wporg-support .themes-plugins { - width: 65%; - margin: 3rem 0 4rem; - border-bottom: none; - } - .forum-archive.wporg-support .themes-plugins p, - .home.wporg-support .themes-plugins p { - font-size: 0.8rem; - } -} - -/*-------------------------------------------------------------- -# Single Forum ---------------------------------------------------------------*/ -.sidebar .forum-info li::before, -.sidebar .topic-info li::before, -.sidebar div ul li a::before { - float: left; - margin-right: 5px; -} - -.sidebar .forum-info .forum-freshness-time::before, -.sidebar .topic-info .topic-freshness-time::before, -.sidebar .topic-info .topic-freshness-author::before { - height: 30px; -} - -.sidebar .forum-info .forum-freshness-time a, -.sidebar .topic-info .topic-freshness-time a, -.sidebar .topic-info .topic-freshness-author a { - display: inline-block; -} - -.sidebar .forum-info li.topic-count::before { - content: "\f105"; -} - -.sidebar .forum-info li.reply-count::before, -.sidebar .topic-info li.reply-count::before { - content: "\f125"; -} - -.sidebar .forum-info li.create-topic a::before, -.sidebar .topic-info li.create-reply a::before { - content: "\f132"; -} - -.sidebar .forum-info li.forum-subscribe::before, -.sidebar .topic-info li.topic-subscribe::before { - content: "\f465"; -} - -.sidebar .feed { - background: none; - padding-left: 0; -} - -/*-------------------------------------------------------------- -# Single Topic ---------------------------------------------------------------*/ -.single-topic .entry-content #bbpress-forums { - overflow: visible; -} - -.single-topic .entry-content #bbpress-forums ul.bbp-lead-topic { - margin-bottom: 15px; -} - -.single-topic .entry-content #bbpress-forums ul.bbp-lead-topic li.bbp-body { - border: 1px solid #eee; - border-top: none; -} - -.single-topic .entry-content #bbpress-forums ul.bbp-lead-topic li.bbp-body div.topic { - background: #fbfbfb; -} - -.single-topic .entry-content #bbpress-forums div.reply.status-publish { - padding-right: 0; -} - -.single-topic .entry-content #bbpress-forums div.even:not(.topic), -.single-topic .entry-content #bbpress-forums ul.even, -.single-topic .entry-content #bbpress-forums div.odd, -.single-topic .entry-content #bbpress-forums ul.odd { - background: #fff; - border-top: 2px solid #eee; -} - -.single-topic .entry-content #bbpress-forums .wporg-ratings { - background-color: #fbfbfb; - border: 1px solid #eee; - border-top: none; - border-bottom: none; - padding-left: 10%; - padding-top: 0.5em; -} - -.single-topic .entry-content #bbpress-forums .topic { - position: relative; -} - -.single-topic .entry-content #bbpress-forums .topic > .topic-indicator { - display: none; -} - -.single-topic .entry-content #bbpress-forums .topic > .topic-indicator .dashicons { - display: none; -} - -.single-topic .entry-content #bbpress-forums .topic.sticky > .topic-indicator, .single-topic .entry-content #bbpress-forums .topic.super-sticky > .topic-indicator, .single-topic .entry-content #bbpress-forums .topic.status-closed > .topic-indicator { - display: block; - position: absolute; - top: -32px; - left: -2px; - width: 30px; -} - -.single-topic .entry-content #bbpress-forums .topic.sticky .dashicons-admin-post, -.single-topic .entry-content #bbpress-forums .topic.super-sticky .dashicons-admin-post, -.single-topic .entry-content #bbpress-forums .topic.status-closed .dashicons-lock { - display: block; - float: left; - color: #fff; - background: #ffd700; - padding-top: 3px; - width: 30px; - height: 25px; - border-radius: 0 3px 3px 0; -} - -.single-topic .entry-content #bbpress-forums .topic.status-closed .dashicons-admin-post, -.single-topic .entry-content #bbpress-forums .topic.status-closed .dashicons-lock { - background: #bbb; -} - -.single-topic .entry-content header { - background: #fbfbfb; - border: 1px solid #eee; - border-bottom: none; - padding: 1rem 2rem 0 10%; -} - -.single-topic div.bbp-breadcrumb { - float: none; -} - -div.bbp-breadcrumb { - font-size: 0.8rem; - margin-bottom: 15px; - color: #767676; - line-height: 27px; -} - -div.bbp-breadcrumb p { - margin: 0 !important; -} - -.sidebar .topic-info li.topic-forum::before { - content: "\f230"; -} - -.sidebar .topic-info li.wp-version::before { - content: "\f120"; -} - -.sidebar .topic-info li.topic-resolved::before { - content: "\f546"; -} - -.sidebar .topic-info li.topic-favorite::before { - content: "\f487"; -} - -.sidebar .topic-info li.topic-report::before { - content: "\f227"; -} - -.sidebar .topic-info li.topic-previous-reports .previous-reports { - padding-left: 0; -} - -.sidebar .topic-info li.topic-previous-reports .previous-reports li { - list-style: inside; -} - -.sidebar .plugin-meta-icon { - border-top: 0; -} - -.sidebar .plugin-icon { - margin: 0; - height: 128px; - width: 128px; - background-size: contain; -} - -/*-------------------------------------------------------------- -# User Profile ---------------------------------------------------------------*/ -.bbp-single-user .page-header h1 { - margin-bottom: 1rem; -} - -/*-------------------------------------------------------------- -# Plugin / Theme specific support pages ---------------------------------------------------------------*/ -.bbp-view .review-ratings { - margin-bottom: 1rem; - padding-bottom: 10px; - border-bottom: 1px solid #eee; - display: flex; - flex-direction: row-reverse; -} - -.bbp-view .review-ratings .col-3 { - font-size: 0.8rem; - margin: 0; - width: 35%; - float: none; - border-top: 1px solid #eee; -} - -.bbp-view .review-ratings .col-3 .reviews-total-count { - font-weight: 700; - padding-bottom: 5px; - padding-top: 5px; -} - -.bbp-view .review-ratings .col-5 { - margin: 0 5% 10px 0; - width: 60%; - font-size: 0.8rem; - float: none; -} - -.bbp-view .review-ratings .col-5 > div:first-child { - margin-top: 0; -} - -.bbp-view .review-ratings .col-5 .wporg-ratings { - display: inline-block; - margin-right: 1rem; -} - -.bbp-view .review-ratings .col-5 .reviews-submit-link { - margin-top: 1rem; -} - -@media (max-width: 499px) { - .bbp-view .review-ratings { - flex-direction: column-reverse; - } - .bbp-view .review-ratings .col-3, .bbp-view .review-ratings .col-5 { - width: 100%; - } -} - -/*-------------------------------------------------------------- -# HelpHub Specific ---------------------------------------------------------------*/ -.three-up.helphub-front-page p, -.three-up.helphub-front-page ul { - text-align: left; -} - -.three-up.helphub-front-page > div { - margin-bottom: 5rem; -} - -.three-up.helphub-front-page .icon-wrapper a { - color: inherit; - text-decoration: none; -} - -#helphub-forum-link { - margin-top: 5rem; -} - -#helphub-forum-link span { - display: inline-block; - width: 100%; - max-width: 335px; -} - -#helphub-forum-link a { - margin-top: 0.5rem; - display: inline-block; -} - -body.helphub-with-sidebar .left-sidebar { - font-size: 0.9rem; -} - -body.helphub-with-sidebar .left-sidebar h2 { - font-size: 1.1rem; - font-weight: 600; - color: #32373c; -} - -body.helphub-with-sidebar .left-sidebar ul { - list-style: none; - margin: 0; -} - -body.helphub-with-sidebar .left-sidebar ul li { - margin-bottom: 0.8rem; -} - -body.helphub-with-sidebar .left-sidebar ul li ul { - margin-left: 1rem; -} - -@media screen and (min-width: 768px) { - body.helphub-with-sidebar .left-sidebar { - float: left; - padding-right: 3rem; - width: 23%; - } - body.helphub-with-sidebar .left-sidebar + #main-content { - float: right; - width: 77%; - } - body.helphub-with-sidebar .left-sidebar + #main-content .entry-content .container { - width: 100%; - } -} - -@media screen and (min-width: 48em) { - .helphub-page .entry-header .entry-title { - margin: 0; - width: 65%; - } -} - -.helphub-page .entry-content section .container .wp-block-image { - overflow: hidden; -} - -@media screen and (min-width: 48em) { - .helphub-page .entry-content section .container { - margin: 0; - width: 65%; - } -} - -/*-------------------------------------------------------------- -# Infinite scroll ---------------------------------------------------------------*/ -/* Globally hidden elements when Infinite Scroll is supported and in use. -- Older / Newer Posts Navigation (always hidden) -- Theme Footer (when set to scrolling) */ -.infinite-scroll .posts-navigation, -.infinite-scroll.neverending .site-footer { - display: none; -} - -/* When Infinite Scroll has reached its end we need to re-display elements that - were hidden (via .neverending) before. */ -.infinity-end.neverending .site-footer { - display: block; -} - -/*-------------------------------------------------------------- -# Media ---------------------------------------------------------------*/ -.page-content .wp-smiley, -.entry-content .wp-smiley, -.comment-content .wp-smiley { - border: none; - margin-bottom: 0; - margin-top: 0; - padding: 0; -} - -/* Make sure embeds and iframes fit their containers. */ -embed, -iframe, -object { - max-width: 100%; -} - -/*-------------------------------------------------------------- -## Captions ---------------------------------------------------------------*/ -.wp-caption { - margin-bottom: 1.5em; - max-width: 100%; -} - -.wp-caption img[class*="wp-image-"] { - display: block; - margin-left: auto; - margin-right: auto; -} - -.wp-caption .wp-caption-text { - margin: 0.8075em 0; -} - -.wp-caption-text { - text-align: center; -} - -/*-------------------------------------------------------------- -## Galleries ---------------------------------------------------------------*/ -.gallery { - margin-bottom: 1.5em; -} - -.gallery-item { - display: inline-block; - text-align: center; - vertical-align: top; - width: 100%; -} - -.gallery-columns-2 .gallery-item { - max-width: 50%; -} - -.gallery-columns-3 .gallery-item { - max-width: 33.33%; -} - -.gallery-columns-4 .gallery-item { - max-width: 25%; -} - -.gallery-columns-5 .gallery-item { - max-width: 20%; -} - -.gallery-columns-6 .gallery-item { - max-width: 16.66%; -} - -.gallery-columns-7 .gallery-item { - max-width: 14.28%; -} - -.gallery-columns-8 .gallery-item { - max-width: 12.5%; -} - -.gallery-columns-9 .gallery-item { - max-width: 11.11%; -} - -.gallery-caption { - display: block; -} - -.directory-navigation { - background: #dfdfdf -} - -.directory-navigation .menu { - font-size: 13px; - font-weight: 700; - list-style: none; - margin: 0 auto; - max-width: 960px; - -} - -.directory-navigation .menu li { - display: inline-block; - padding-left: 20px; -} - -.directory-navigation .menu li:first-of-type { - padding-left: 10px -} - -.directory-navigation a { - display: block; - position: relative; - padding: 10px 0; - color: #636363; - font-size: 14px; - text-decoration: none; -} - -.directory-navigation .current a:after { - content: ''; - width: 100%; - position: absolute; - left: 0; - bottom: 0; - height: 3px; - background: #0073aa; -} - -@media (max-width: 740px) { - .directory-navigation .menu { - margin: 0; - padding: 8px 0; - width: 100% - } -} - - -/*# sourceMappingURL=style.css.map */ diff --git a/wp-content/themes/wporg-learn-2020/css/vendor/_overrides.scss b/wp-content/themes/wporg-learn-2020/css/vendor/_overrides.scss deleted file mode 100644 index c8e4aa305..000000000 --- a/wp-content/themes/wporg-learn-2020/css/vendor/_overrides.scss +++ /dev/null @@ -1,578 +0,0 @@ -/* -* Learn Site CSS -* -* Author: Chetan Prajapati (chetan200891) -*/ - -body { - &:not(.trac):not(.home-page) #main { - margin-top: 2rem; - } - - &.page { - .entry-content, - .entry-footer { - padding-left: 0; - padding-right: 0; - } - } -} - -.site-branding h1 { - color: #fff; -} - -h1, h2, h3, h4 { color: #555 !important; } - -section { - padding-top: 0; - - + section, - + hr + section { - padding-top: 4rem; - } -} - -/* ___ Homepage ___ */ - -.site-header.home .site-title { - font-weight: 400; - line-height: normal; -} - -@media only screen and (min-width: $breakpoint-small) { - .site-header.home .site-title { - font-size: 3.10rem; - } -} - -.site-header .site-description { - max-width: 650px; -} - -.quick-intro { - padding-top: 2rem; -} - -.site-breadcrumbs { - margin: 0 auto; - max-width: 960px; - padding: 0 10px; -} - -.site-main { - margin: 0 auto; -} - -p { - color: #555D66; -} - -.about-training .getin { - margin: 0 auto; - max-width: 700px; - overflow: hidden; - position: relative; - text-align: center; -} - -.about-training .getin .graphic { - background: #826eb4; - margin: 0 auto 16px; - display: flex; - align-items: center; - justify-content: center; - height: 100px; - width: 100px; -} - - - -.about-training .getin .graphic .dashicons { - font-size: 75px; - width: auto; - height: auto; - color: #fff; -} - - -@media only screen and (min-width: $breakpoint-small) { - .about-training .getin { - padding-left: 230px; - text-align: left; - } - - .about-training .getin .graphic { - left: 0; - margin: 0 auto; - position: absolute; - height: 100%; - width: 150px; - } -} - -.lesson-lists .lesson-item .viewmore::after { - content: "\f345"; - font-family: dashicons; - position: absolute; - top: 1px; - right: 0; -} - -@media only screen and (min-width: 576px) { - .lesson-lists .col { - float: left; - padding: 15px; - width: 50%; - } -} - -.lesson-lists .lesson-item { - margin-bottom: 40px; - font-size: 14px; - - .title { - font-weight: 300; - } - - p { - color: #555D66; - } -} - -@media only screen and (min-width: 768px) { - .lesson-lists { - padding-left: 0; - padding-right: 0; - } - - .lesson-lists .col { - width: 33.3333%; - } - - .lesson-lists .col .lesson-item:last-child { - margin-bottom: 0; - } -} - -.submit-idea-cta { - text-align: center; - - h2 { - font-size: 30px; - margin-bottom: 30px; - } - - .buttons { - display: flex; - justify-content: center; - flex-wrap: wrap; - } - - .button { - margin: 0.5rem; - } -} - -/* ___ Lesson Plans ___ */ - -.lp-list { - margin: 0 -15px; -} - -.lp-list .lp-item { - display: inline-block; - margin-bottom: 30px; - padding: 0 1rem; - vertical-align: top; - -} - -.lp-list .lp-item-wrap { - background-color: #fff; - border: 1px solid #e5e5e5; - padding: 1.75rem; -} - -@media only screen and (min-width: 768px) { - .lp-list .lp-item { - width: 50%; - margin-right: -4px; - } - - .lp-list .lp-item-wrap { - min-height: 300px; - } -} - -.lp-list .lp-item--full { - width: 100%; -} - -.lp-list .lp-item-wrap--split .lp-body { - display: flex; - flex-direction: column; - justify-content: space-between; -} - -.lp-list .lp-item-wrap--split .lp-body > *:first-child { - order: 2; -} - -.lp-list .lp-item-wrap--split .lp-body > *:last-child { - order: 1; -} - -.lp-list .lp-item-wrap--split .lp-details-list { - margin-bottom: 0.75rem; -} - -.lp-list .lp-item-wrap--split .lp-details-list li { - display: inline-block; - padding-right: 1rem; -} - -@media only screen and (min-width: 576px) { - .lp-list .lp-item-wrap--split .lp-body { - flex-direction: row; - } - - .lp-list .lp-item-wrap--split .lp-body > *:first-child { - width: 64%; - order: 1; - } - - .lp-list .lp-item-wrap--split .lp-body > *:last-child { - padding-left: 5%; - width: 30%; - order: 2; - } - - .lp-list .lp-item-wrap--split .lp-details-list { - margin-bottom: 0; - } - - .lp-list .lp-item-wrap--split .lp-details-list li { - display: block; - padding-right: 0; - } -} - -.lp-list .lp-item h2 a { - font-weight: 400; -} - -.lp-list .lp-item .lp-excerpt { - margin: 0; - padding-bottom: 1rem; - color: #6A6A6A; - font-size: 14px; -} - -.lp-list .lp-topics { - margin: 0 0 0 1rem; - padding-top: 0.25rem; - list-style: square; - font-size: 0.75rem; -} - -.lp-list .lp-topics li { - padding-bottom: 0.5rem; -} - -.lp-list .lp-topics li:last-child { - padding-bottom: 0; -} - -@media only screen and (min-width: 768px) { - .lp-list .lp-topics--split li { - width: 50%; - float: left; - } -} - -.lp-details { - font-size: 14px; - overflow: hidden; -} - -.lp-list .lp-details .items { - float: left; - width: 50%; -} - -@media only screen and (min-width: 960px) { - .lp-list .lp-details .lp-details-list--split li { - float: left; - width: 50%; - } -} - -.lp-list .lp-details .left-items { - padding-right: 10px; -} - -.lp-list .lp-details ul, -.lp-content .lp-details ul { - list-style-type: none; - margin: 0; - padding: 0; -} - -.lp-list .lp-details ul li, -.lp-content .lp-details ul li { - margin: 0; - padding: 0 0 0.5rem 1.5rem; - position: relative; -} - -.lp-suggestion_title { - margin-bottom: 0; - font-size: 0.85rem; -} - -/* ___ Single Lesson Plan ___ */ - -.slide-embed { - margin-top: 3rem; - - @media only screen and (min-width: 768px) { - > * { - width: 100%; - height: 528px; - } - } -} - -.lp-content { - display: flex; - flex-direction: column; - justify-content: space-between; - margin-top: 2.5rem; -} - -.lp-content .lp-content-inner { - order: 2; - - .wp-block-embed:first-of-type { - display: none; - } -} - -.lp-content .lp-sidebar { - order: 1; -} - -.lp-suggestion { - display: none; -} - -@media only screen and (min-width: 768px) { - .lp-content { - flex-direction: row; - } - - .lp-content .lp-content-inner { - width: 64%; - order: 1; - } - - .lp-content .lp-sidebar { - width: 30%; - order: 2; - } - - .lp-suggestion { - display: block; - } -} - -/* ___ Page ___ */ - -.type-page .entry-content { - background-color: #fff; - padding: 30px; -} - -.not-found { - margin-top: 2rem; -} - -/* ___ Forms ___ */ - -.contact-form .grunion-field-label { - font-size: 16px; - margin-bottom: 10px; -} - -.contact-form .grunion-field-wrap { - margin-bottom: 20px; -} - -.contact-form input[type="text"], -.contact-form input[type="email"], -.contact-form textarea { - border: 1px solid #dddddd; - box-shadow: none; - box-sizing: border-box; - font-family: inherit; - font-size: 16px; - margin: 0; - max-width: 100% !important; - padding: 10px; - width: 100% !important; - -webkit-appearance: none; -} - -.contact-form .grunion-field-checkbox-multiple-wrap, -.contact-form .grunion-field-radio-wrap { - display: inline-block; - vertical-align: top; - width: 45%; -} - -.contact-form .grunion-checkbox-multiple-label, -.contact-form .grunion-radio-label { - font-size: 16px; - font-weight: 400 !important; -} - -.contact-form input.checkbox-multiple, -.contact-form input.radio { - margin-bottom: 0 !important; -} - -.contact-form .pushbutton-wide { - background: #008ec2; - border: 1px solid #006799; - border-radius: 3px; - box-shadow: 0 1px 0 #006799; - color: #fff; - font-size: 16px; - text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; - padding: 5px 30px; - -webkit-appearance: none; -} - -.contact-form .pushbutton-wide:hover { - color: #eee; -} - -/* ___ Submit an Idea ___ */ - -.page-template-page-submit-an-idea .submit-idea-cta { - padding: .5rem 0 2rem; -} - -.page-template-page-submit-an-idea .submit-idea-cta h2 { - margin: 0 auto 1rem; - font-weight: 500; -} - -.idea-type-lists { - overflow: hidden; - padding-top: 0; - - margin: 0 auto; - max-width: 610px; -} - -.idea-type-lists .col { - padding: 0 35px; - font-size: 13px; - margin-bottom: 2rem; -} - -@media only screen and (min-width: 576px) { - .idea-type-lists { - padding-bottom: 2rem; - } - - .idea-type-lists .col { - float: left; - width: 50%; - margin-bottom: 0; - } -} - -.idea-type-lists .col p{ - color: #666666; -} - -.idea-type-lists .col .dashicons{ - color: #9ea3a8; - width: 65px; - height: 65px; - display: block; - margin: 1rem auto 0; -} - -.idea-type-lists .col .dashicons:before{ - font-size: 65px; -} - -/*-------------------------------------------------------------- -# Contributor Day Styles - Submit Workshop Form ---------------------------------------------------------------*/ -.contact-form .grunion-field-label { - font-size: 13px; -} - -.contact-form .grunion-checkbox-multiple-label, .contact-form .grunion-radio-label { - font-size: 13px; -} - -.contact-form .grunion-field-checkbox-multiple-wrap, .contact-form .grunion-field-radio-wrap { - width: 29%; - margin: 10px; -} - -input.text { - height: 40px; -} - -.custom-subheader{ - margin-bottom: 0.4em; -} - - -/*-------------------------------------------------------------- -# Utilities ---------------------------------------------------------------*/ - -.no-padding { - padding: 0 !important; /* We want to overwrite all applied padding */ -} - -.clearfix:after { - content: ""; - display: table; - clear: both; -} - - -/*-------------------------------------------------------------- -# Overwrites ---------------------------------------------------------------*/ - -div.bbp-breadcrumb { - margin: 1.25rem 0 1rem; -} - -p { - margin: 0 0 1rem; -} - -.directory-navigation .menu { - padding: 0; -} - -hr { - height: 1px; -} - -.notice { - margin: 0; - position: relative; - text-align: center; -} diff --git a/wp-content/themes/wporg-learn-2020/css/vendor/_sensei.scss b/wp-content/themes/wporg-learn-2020/css/vendor/_sensei.scss deleted file mode 100644 index f170993c1..000000000 --- a/wp-content/themes/wporg-learn-2020/css/vendor/_sensei.scss +++ /dev/null @@ -1,150 +0,0 @@ -.sensei { - &:not(.post-type-archive-course):not(.tax-course-category) { - section { - padding: 0; - } - } - - &.lesson #main-content { - padding: 4rem 0; - } - - &.lesson #main-content header { - border-bottom: 1px solid #eee; - margin-bottom: 1rem; - } - - &.lesson .bbp-breadcrumb { - display: none; - } - - &.lesson #main-content header { - padding-bottom: 1rem; - } - - &.course article.course p, - &.course article.course li, - &.lesson #main-content table { - font-size: 16px; - } - - &.course article.course .wp-block-image, - &.lesson #main-content .wp-block-image, - &.course article.course .wp-block-media-text, - &.lesson #main-content .wp-block-media-text { - margin: 2rem 0; - } - - &.course article.course hr, - &.lesson #main-content hr { - margin: 2rem 0; - } - - &.lesson #main-content nav.post-entries { - width: 100%; - } - - &.lesson #main-content nav.post-entries div, - &.quiz #main-content nav.post-entries div { - display: block; - width: 45% !important; - padding: 1rem; - margin: 1rem 0; - font-style: italic; - } - - &.lesson #main-content nav.post-entries div.fl, - &.quiz #main-content nav.post-entries div.fl { - padding-left: 0; - } - - &.lesson #main-content nav.post-entries div.fr, - &.quiz #main-content nav.post-entries div.fr { - padding-right: 0; - text-align: right; - } - - &.lesson #main-content .sensei-breadcrumb, - &.quiz #main-content .sensei-breadcrumb { - padding: 1rem; - } -} - -.single-course { - .course-lessons { - .lesson { - border-bottom: none; - margin-bottom: 0; - } - - .lesson-title { - h2 { - font-size: 1rem; - font-weight: 400; - } - } - - .lesson-meta { - margin-bottom: 0; - } - - .entry { - display: none; - } - } -} - -h2.wp-block-sensei-lms-course-outline-module__title { - color: #fff !important; -} - -.wp-block-sensei-lms-lesson-properties { - padding: 1rem; - border: 1px solid #e7e7e7; - display: inline-block; - display: flex; - justify-content: center; - margin-bottom: 1rem; -} - -ol#sensei-quiz-list { - padding-left: 2rem; -} - -.sensei-quiz-action { - .button { - height: auto !important; - } -} - -details { - border: 1px solid #e7e7e7; - padding: 0 .9em; - background: #f7f7f7; - margin: 1em 0; - display: flex; - - summary::before { - content: "\025B8"; - margin-right: .5em; - font-size: 200%; - display: inline; - vertical-align: bottom; - line-height: 1.4; - } - - &[open] summary::before { - content: "\025BE"; - } - - summary { - display: inline-block; - font-weight: bold; - cursor: pointer; - line-height: 2.8; - } -} - -.wp-block-sensei-lms-course-results.is-style-default .wp-block-sensei-lms-course-results__module-header:not(.has-background) { - background-color: #eee; -} diff --git a/wp-content/themes/wporg-learn-2020/css/vendor/_vendor.scss b/wp-content/themes/wporg-learn-2020/css/vendor/_vendor.scss deleted file mode 100644 index 7c7eb76ac..000000000 --- a/wp-content/themes/wporg-learn-2020/css/vendor/_vendor.scss +++ /dev/null @@ -1,4 +0,0 @@ -@import "github"; -@import "legacy-styles"; -@import "overrides"; -@import "sensei"; diff --git a/wp-content/themes/wporg-learn-2020/front-page.php b/wp-content/themes/wporg-learn-2020/front-page.php deleted file mode 100644 index 1e5052336..000000000 --- a/wp-content/themes/wporg-learn-2020/front-page.php +++ /dev/null @@ -1,151 +0,0 @@ - - -
-
-
- -

- - - -

- - -

- - - -

- -
-
- -
-
-

-
- - - - -
-

- -

-
- - wporg_get_archive_query( - 'course', - array( - 'posts_per_page' => 2, - 'meta_query' => - array( - array( - 'key' => '_course_featured', - 'value' => 'featured', - ), - ), - ), - ), - ); - get_template_part( 'template-parts/component', 'course-grid', $args ); - ?> -
- -
- -
-
-

- -

-
- - - -
-

- -

-
- wporg_get_archive_query( - 'wporg_workshop', - array( - 'posts_per_page' => 6, - ) - ), - ); - get_template_part( 'template-parts/component', 'video-grid', $args ); - ?> -
- -
- - - -
-
-

- -

-
- - - -
-

- -

-
- - -

- Apply to become a facilitator.', 'wporg-learn' ) ), - 'https://learn.wordpress.org/online-workshops/' - ); - ?> -

-
- -
- - -
-
-
-
-

-

- -
-
-
- -
- - 'lightbulb' ) ); ?> -
- -frontend, 'sensei_output_content_wrapper' ) ); - remove_action( 'sensei_after_main_content', array( $woothemes_sensei->frontend, 'sensei_output_content_wrapper_end' ) ); - } - - // The parent wporg theme is designed for use on wordpress.org/* and assumes locale-domains are available. - // Remove hreflang support. - remove_action( 'wp_head', 'WordPressdotorg\Theme\hreflang_link_attributes' ); - - add_filter( 'mkaz_code_syntax_force_loading', '__return_true' ); - add_filter( 'mkaz_prism_css_path', '__return_empty_string' ); // Disable default styles to avoid conflicts. -} -add_action( 'after_setup_theme', __NAMESPACE__ . '\setup' ); - -/** - * Enqueue the CSS styles & scripts. - * - * The wporg theme does this with a static version, so we have to have it here too with our own cache-busting version. - * The version is set to the last modified time during development. - */ -function wporg_learn_scripts() { - wp_enqueue_style( - 'wporg-style', - get_theme_file_uri( '/css/style.css' ), - array( 'dashicons', 'open-sans' ), - filemtime( __DIR__ . '/css/style.css' ) - ); - if ( is_post_type_archive( array( 'wporg_workshop', 'lesson-plan' ) ) || is_singular( array( 'wporg_workshop', 'lesson-plan' ) ) ) { - wp_enqueue_style( - 'wporg-print-style', - get_theme_file_uri( '/css/print.css' ), - array(), - filemtime( __DIR__ . '/css/print.css' ), - 'print' - ); - } - wp_enqueue_script( - 'wporg-navigation', - get_theme_file_uri() . '/js/navigation.js', - array(), - filemtime( __DIR__ . '/js/navigation.js' ), - true - ); - - wp_enqueue_script( - 'wporg-developer-function-reference', - get_stylesheet_directory_uri() . '/js/function-reference.js', - array( 'jquery', 'wp-a11y' ), - filemtime( __DIR__ . '/js/function-reference.js' ), - true - ); - wp_localize_script( - 'wporg-developer-function-reference', - 'wporgFunctionReferenceI18n', - array( - 'copy' => __( 'Copy', 'wporg-learn' ), - 'copied' => __( 'Code copied', 'wporg-learn' ), - 'expand' => __( 'Expand code', 'wporg-learn' ), - 'collapse' => __( 'Collapse code', 'wporg-learn' ), - ) - ); - - // Temporarily disabling the enhanced dropdowns for workshop filtering, see https://github.com/WordPress/Learn/issues/810 - - // phpcs:ignore - /* if ( is_post_type_archive( 'wporg_workshop' ) ) { - wp_enqueue_style( 'select2' ); - wp_enqueue_script( - 'wporg-filters', - get_theme_file_uri() . '/js/filters.js', - array( 'jquery', 'select2' ), - filemtime( __DIR__ . '/js/filters.js' ), - true - ); - } - */ - - if ( is_post_type_archive( 'course' ) || is_search() ) { - wp_dequeue_style( 'sensei-frontend' ); - } - - if ( is_front_page() ) { - wp_enqueue_script( 'wporg-learn-event' ); - } -} -add_action( 'wp_enqueue_scripts', 'wporg_learn_scripts' ); - -/** - * Get the taxonomies associated to workshop - * - * @package WPBBP - */ -function wporg_get_tax_slugs_from_workshop() { - return wp_get_post_terms( get_the_ID(), 'lesson_group', array( 'fields' => 'slugs' ) ); -} - -/** - * Get the lesson plans associated to a taxonomy - * - * @param string $slugs Comma separated list of taxonomy terms. - * @package WPBBP - */ -function wporg_get_lesson_plans_by_tax_slugs_query( $slugs ) { - $args = array( - 'post_type' => 'lesson-plan', - 'tax_query' => array( - array( - 'taxonomy' => 'lesson_group', - 'field' => 'slug', - 'terms' => $slugs, - ), - ), - ); - - // Get all the lesson plans associated to - return new WP_Query( $args ); -} - -/** - * Get the category from the query vars - * - * @package WPBBP - */ -function wporg_get_filter_category() { - return get_query_var( 'category' ); -} - -/** - * Returns a list of filter categories - * - * @return array - */ -function wporg_get_filter_categories() { - return get_categories(); -} - -/** - * Returns the default filter category key - * - * @return string|null - */ -function wporg_get_default_cat() { - $cats = wporg_get_filter_categories(); - - return reset( $cats ); -} - -/** - * Returns the default category if category is not defined - * - * @return string - */ -function wporg_get_cat_or_default_slug() { - $cat = wporg_get_filter_category(); - - if ( empty( $cat ) ) { - return wporg_get_default_cat()->slug; - } - - return $cat; -} - -/** - * Get the values associated to the page/post formatted as a string - * - * @param string $post_id Id of the post. - * @param string $tax_slug The slug for the custom taxonomy. - * - * @return string - */ -function wporg_learn_get_taxonomy_terms_string( $post_id, $tax_slug ) { - $terms = wp_get_post_terms( $post_id, $tax_slug, array( 'fields' => 'names' ) ); - - return implode( ', ', $terms ); -} - -/** - * Get the values associated to the page/post formatted as an array - * - * @param string $post_id Id of the post. - * @param string $tax_slug The slug for the custom taxonomy. - * - * @return array - */ -function wporg_learn_get_taxonomy_terms_array( $post_id, $tax_slug ) { - $term_ids = wp_get_post_terms( $post_id, $tax_slug, array( 'fields' => 'ids' ) ); - - $terms = array(); - foreach ( $term_ids as $id ) { - $terms[ $id ] = get_term( $id )->name; - } - - return $terms; -} - -/** - * Get the values associated to the page/post according to the context - * - * @param int $post_id ID of the post. - * @param string $tax_slug The slug for the custom taxonomy. - * @param string $context The context for display. - * - * @return array|string - */ -function wporg_learn_get_taxonomy_terms( $post_id, $tax_slug, $context ) { - switch ( $context ) { - case 'archive': - return wporg_learn_get_taxonomy_terms_string( $post_id, $tax_slug ); - break; - case 'single': - return wporg_learn_get_taxonomy_terms_array( $post_id, $tax_slug ); - break; - } -} - -/** - * Returns the taxonomies associated to a lesson or workshop - * - * @param int $post_id Id of the post. - * - * @return array - */ -function wporg_learn_get_lesson_plan_taxonomy_data( $post_id, $context ) { - $data = array( - array( - 'icon' => 'clock', - 'slug' => 'duration', - 'label' => get_taxonomy_labels( get_taxonomy( 'duration' ) )->singular_name, - 'value' => wporg_learn_get_taxonomy_terms( $post_id, 'duration', $context ), - ), - array( - 'icon' => 'admin-users', - 'slug' => 'audience', - 'label' => get_taxonomy_labels( get_taxonomy( 'audience' ) )->singular_name, - 'value' => wporg_learn_get_taxonomy_terms( $post_id, 'audience', $context ), - ), - array( - 'icon' => 'dashboard', - 'slug' => 'level', - 'label' => get_taxonomy_labels( get_taxonomy( 'level' ) )->singular_name, - 'value' => wporg_learn_get_taxonomy_terms( $post_id, 'level', $context ), - ), - array( - 'icon' => 'welcome-learn-more', - 'slug' => 'type', - 'label' => get_taxonomy_labels( get_taxonomy( 'instruction_type' ) )->singular_name, - 'value' => wporg_learn_get_taxonomy_terms( $post_id, 'instruction_type', $context ), - ), - ); - - $versions = wporg_learn_get_taxonomy_terms( $post_id, 'wporg_wp_version', $context ); - if ( $versions ) { - $data[] = array( - 'icon' => 'wordpress', - 'slug' => 'wp_version', - 'label' => wporg_label_with_colon( get_taxonomy_labels( get_taxonomy( 'wporg_wp_version' ) )->singular_name ), - 'value' => $versions, - ); - } - - return $data; -} - -/** - * Returns whether the post type is a workshop - * - * @return bool - */ -function wporg_post_type_is_workshop() { - return get_post_type() == 'workshop'; -} - -/** - * Modify the excerpt length for our custom post types. - * - * @param int $length Excerpt length. - * - * @return int (Maybe) modified excerpt length. - */ -function wporg_modify_excerpt_length( $length ) { - if ( is_admin() ) { - return $length; - } - - if ( 'wporg_workshop' === get_post_type() ) { - return 35; - } - - return 25; -} -add_filter( 'excerpt_length', 'wporg_modify_excerpt_length', 999 ); - -/** - * Change the query for workshops in some circumstances. - * - * @param WP_Query $query - * - * @return void - */ -function wporg_archive_modify_query( WP_Query $query ) { - if ( is_admin() ) { - return; - } - - $valid_post_types = array( 'lesson-plan', 'wporg_workshop', 'course' ); - - if ( $query->is_main_query() && $query->is_post_type_archive( $valid_post_types ) ) { - wporg_archive_maybe_apply_query_filters( $query ); - - if ( $query->is_post_type_archive( 'wporg_workshop' ) && true !== $query->get( 'wporg_archive_filters' ) ) { - $featured = wporg_get_featured_workshops(); - - if ( ! empty( $featured ) ) { - $featured = reset( $featured ); - if ( ! $query->is_feed() ) { - $query->set( 'post__not_in', array( $featured->ID ) ); - } - } - } - } - - // Some lesson plans were created at exactly the same second, so we're adding the ID to the implicit sort order to avoid randomization. - if ( - ( $query->is_post_type_archive( 'lesson-plan' ) || $query->is_tax( 'topic' ) ) && - empty( $query->get( 'orderby' ) ) - ) { - $query->set( - 'orderby', - array( - 'post_date' => 'DESC', - 'ID' => 'ASC', - ) - ); - } - - if ( $query->is_main_query() && $query->is_tax( 'wporg_workshop_series' ) ) { - $query->set( 'order', 'asc' ); - } - - // Possibly temporary until more of the courses are filled out. - if ( $query->is_main_query() && $query->is_post_type_archive( 'course' ) ) { - $query->set( - 'orderby', - array( - 'post_date' => 'ASC', - 'ID' => 'DESC', - ) - ); - - $query->set( - 'meta_query', - array( - array( - 'key' => '_course_featured', - 'value' => 'featured', - ), - ) - ); - - $query->set( - 'tax_query', - array( - array( - 'taxonomy' => 'course-category', - 'field' => 'id', - 'terms' => get_terms( 'course-category', array( 'fields' => 'ids' ) ), - ), - ) - ); - - // Since courses are displayed in category groups, we don't need pagination - $query->set( 'posts_per_page', '-1' ); - } - - // Omit some post types from search results. - if ( $query->is_main_query() && $query->is_search() ) { - $public_post_types = array_keys( get_post_types( array( 'public' => true ) ) ); - $omit_from_search = array( 'attachment', 'page', 'lesson', 'quiz', 'sensei_message', 'meeting' ); - $searchable_post_types = array_diff( $public_post_types, $omit_from_search ); - - // Only show featured courses, but don't limit other post types - $query->set( - 'meta_query', - array( - 'relation' => 'OR', - array( - 'key' => '_course_featured', - 'value' => 'featured', - ), - array( - 'key' => '_course_featured', - 'compare' => 'NOT EXISTS', - ), - ) - ); - - $query->set( 'post_type', $searchable_post_types ); - } -} -add_action( 'pre_get_posts', 'wporg_archive_modify_query' ); - -/** - * Add ordering to query for advanced filtering - * - * @param string $orderby - * @param object $query - * - * @return string - */ -function wporg_archive_orderby( $orderby, $query ) { - global $wpdb; - - if ( is_admin() ) { - return $orderby; - } - - // Group courses by their category - if ( $query->is_main_query() && $query->is_post_type_archive( 'course' ) ) { - $orderby = $wpdb->term_relationships . '.term_taxonomy_id DESC, ' . $orderby; - } - - return $orderby; -} -add_filter( 'posts_orderby', 'wporg_archive_orderby', 10, 2 ); - -/** - * Modify the workshop post type archive query to prioritize workshops in the user's locale. - * - * In order to show all workshops, but with the ones that are presented/captioned in the user's locale shown first, we - * need to modify the posts query in ways that can't be done through the WP_Query or WP_Meta_Query APIs. Instead, here, - * we're filtering the individual clauses of the query to add the pieces we need. - * - * Examples, slightly truncated for simplicity: - * - * Before: - * SELECT SQL_CALC_FOUND_ROWS wp_posts.ID - * FROM wp_posts - * WHERE 1=1 - * AND wp_posts.post_type = 'wporg_workshop' - * ORDER BY wp_posts.post_date DESC - * - * After: - * SELECT SQL_CALC_FOUND_ROWS wp_posts.*, - * MAX( IF( pmeta.meta_key = 'language' AND pmeta.meta_value LIKE 'art_%', 1, 0 ) ) AS has_language, - * MAX( IF( pmeta.meta_key = 'video_caption_language' AND pmeta.meta_value LIKE 'art_%', 1, 0 ) ) AS has_caption - * FROM wp_posts - * INNER JOIN wp_postmeta pmeta ON ( wp_posts.ID = pmeta.post_id ) - * WHERE 1=1 - * AND wp_posts.post_type = 'wporg_workshop' - * GROUP BY wp_posts.ID - * ORDER BY has_language DESC, has_caption DESC, wp_posts.post_date DESC - * - * @param array $clauses - * @param WP_Query $query - * - * @return array - */ -function wporg_archive_query_prioritize_locale( $clauses, $query ) { - if ( ! $query->is_post_type_archive( 'wporg_workshop' ) || is_admin() || is_feed() ) { - return $clauses; - } - - global $wpdb; - - $locale = get_locale(); - $locale_root = preg_replace( '#^([a-z]{2,3}_?)[a-zA-Z_-]*#', '$1', $locale, -1, $count ); - - if ( $count ) { - /** - * $clauses['fields'] contains the SELECT part of the query. - * - * The extra fields clauses are calculated fields that will contain a `1` if the workshop post row has a postmeta - * value that matches the locale root. The MAX() and the groupby clause below ensure that all the rows for a - * given workshop are consolidated into one with the highest value in the calculated column. Without the - * grouping, there would be a separate row for each postmeta value for each workshop post. - */ - $clauses['fields'] .= ", - MAX( IF( pmeta.meta_key = 'language' AND pmeta.meta_value LIKE '{$locale_root}%', 1, 0 ) ) AS has_language - "; - $clauses['fields'] .= ", - MAX( IF( pmeta.meta_key = 'video_caption_language' AND pmeta.meta_value LIKE '{$locale_root}%', 1, 0 ) ) AS has_caption - "; - $clauses['join'] .= " INNER JOIN {$wpdb->postmeta} pmeta ON ( {$wpdb->posts}.ID = pmeta.post_id )"; - // This orderby clause ensures that the workshops are sorted by the values in the calculated columns first. - $clauses['orderby'] = 'has_language DESC, has_caption DESC, ' . $clauses['orderby']; - - if ( false === strpos( $clauses['groupby'], "{$wpdb->posts}.ID" ) ) { - $clauses['groupby'] = "{$wpdb->posts}.ID"; - } - } - - return $clauses; -} -add_filter( 'posts_clauses', 'wporg_archive_query_prioritize_locale', 10, 2 ); - -/** - * Update a query object if filter parameters are present. - * - * @param WP_Query $query Query object, passed by reference. - * - * @return void - */ -function wporg_archive_maybe_apply_query_filters( WP_Query &$query ) { - $filters = filter_input_array( - INPUT_GET, - array( - 'search' => FILTER_SANITIZE_STRING, - 'captions' => FILTER_SANITIZE_STRING, - 'language' => FILTER_SANITIZE_STRING, - 'audience' => array( - 'filter' => FILTER_VALIDATE_INT, - 'flags' => FILTER_REQUIRE_ARRAY, - ), - 'duration' => array( - 'filter' => FILTER_VALIDATE_INT, - 'flags' => FILTER_REQUIRE_ARRAY, - ), - 'level' => array( - 'filter' => FILTER_VALIDATE_INT, - 'flags' => FILTER_REQUIRE_ARRAY, - ), - 'series' => FILTER_VALIDATE_INT, - 'topic' => FILTER_VALIDATE_INT, - 'type' => array( - 'filter' => FILTER_VALIDATE_INT, - 'flags' => FILTER_REQUIRE_ARRAY, - ), - 'wp_version' => array( - 'filter' => FILTER_VALIDATE_INT, - 'flags' => FILTER_FORCE_ARRAY, - ), - ), - false - ); - - $entity_map = array( - 'captions' => 'video_caption_language', - 'language' => 'language', - 'audience' => 'audience', - 'duration' => 'duration', - 'level' => 'level', - 'topic' => 'topic', - 'type' => 'instruction_type', - 'wp_version' => 'wporg_wp_version', - ); - - $series_slug = wporg_learn_get_series_taxonomy_slug( $query->get( 'post_type' ) ); - if ( $series_slug ) { - $entity_map['series'] = $series_slug; - } - - $meta_query = array(); - $tax_query = array(); - - $is_filtered = false; - - if ( is_array( $filters ) ) { - $filters = array_filter( $filters ); - // Strip out `wp_version` if it's empty (converted to `array( false )`, due to FILTER_FORCE_ARRAY). - if ( isset( $filters['wp_version'] ) && 0 === count( array_filter( $filters['wp_version'] ) ) ) { - unset( $filters['wp_version'] ); - } - - // If both language and captions filters are set, we assume an "OR" relationship. - if ( isset( $filters['captions'], $filters['language'] ) ) { - $meta_query[] = array( - 'relation' => 'OR', - array( - 'key' => $entity_map['captions'], - 'value' => $filters['captions'], - ), - array( - 'key' => $entity_map['language'], - 'value' => $filters['language'], - ), - ); - - unset( $filters['captions'], $filters['language'] ); - } - - foreach ( $filters as $filter_name => $filter_value ) { - switch ( $filter_name ) { - case 'search': - $query->set( 's', $filter_value ); - $is_filtered = true; - break; - case 'captions': - case 'language': - if ( ! empty( $meta_query ) ) { - $meta_query['relation'] = 'AND'; - } - $meta_query[] = array( - 'key' => $entity_map[ $filter_name ], - 'value' => $filter_value, - ); - break; - case 'audience': - case 'duration': - case 'level': - case 'series': - case 'topic': - case 'type': - case 'wp_version': - if ( ! empty( $tax_query ) ) { - $tax_query['relation'] = 'AND'; - } - $tax_query[] = array( - 'taxonomy' => $entity_map[ $filter_name ], - 'terms' => $filter_value, - ); - break; - } - } - } - - if ( ! empty( $meta_query ) ) { - $query->set( 'meta_query', $meta_query ); - $is_filtered = true; - } - - if ( ! empty( $tax_query ) ) { - $query->set( 'tax_query', $tax_query ); - $is_filtered = true; - } - - if ( $is_filtered ) { - $query->set( 'wporg_archive_filters', true ); - } -} - -/** - * Get a query object for displaying workshop posts. - * - * @param string $post_type The post type of the archive. - * @param array $args Arguments for the query. - * - * @return WP_Query - */ -function wporg_get_archive_query( $post_type, array $args = array() ) { - $args = wp_parse_args( - $args, - array( - 'post_type' => $post_type, - 'post_status' => 'publish', - ) - ); - - return new WP_Query( $args ); -} - -/** - * Get an array of data to be given to the card component template via the third argument of get_template_part(). - * - * @param int $post_id - * - * @return array[] - */ -function wporg_learn_get_card_template_args( $post_id ) { - $post = get_post( $post_id ); - $post_type = get_post_type( $post ); - - $args = array( - 'class' => array(), - 'meta' => array(), - ); - - switch ( $post_type ) { - case 'course': - $lesson_count = Sensei()->course->course_lesson_count( $post_id ); - - $args['meta'] = array( - array( - 'icon' => 'editor-ul', - 'label' => wporg_label_with_colon( get_post_type_labels( get_post_type_object( 'lesson' ) )->name ), - 'value' => $lesson_count, - ), - ); - - if ( is_user_logged_in() ) { - $completed = count( Sensei()->course->get_completed_lesson_ids( $post_id, get_current_user_id() ) ); - - $args['meta'][] = array( - 'icon' => ( $lesson_count === $completed ) ? 'awards' : 'edit-large', - 'label' => __( 'Completed:', 'wporg-learn' ), - 'value' => $completed, - ); - } - break; - - case 'lesson-plan': - $args['meta'] = array_merge( - wporg_learn_get_lesson_plan_taxonomy_data( $post_id, 'archive' ), - array( - array( - 'icon' => 'admin-site-alt3', - 'label' => __( 'Language:', 'wporg-learn' ), - 'value' => \WordPressdotorg\Locales\get_locale_name_from_code( $post->language, 'native' ), - ), - ) - ); - break; - - case 'wporg_workshop': - $args['meta'] = array( - array( - 'icon' => 'category', - 'label' => wporg_label_with_colon( get_taxonomy_labels( get_taxonomy( 'topic' ) )->singular_name ), - 'value' => wporg_learn_get_taxonomy_terms_string( $post_id, 'topic' ), - ), - array( - 'icon' => 'clock', - 'label' => __( 'Duration:', 'wporg-learn' ), - 'value' => \WPOrg_Learn\Post_Meta\get_workshop_duration( $post, 'string' ), - ), - array( - 'icon' => 'admin-site-alt3', - 'label' => __( 'Language:', 'wporg-learn' ), - 'value' => \WordPressdotorg\Locales\get_locale_name_from_code( $post->language, 'native' ), - ), - ); - break; - } - - return $args; -} - -/** - * Append a colon to a label string. - * - * Example: This is a self-referential example. - * - * @param string $label - * - * @return string - */ -function wporg_label_with_colon( $label ) { - return sprintf( - // translators: %s is a field label. This adds a colon, which will be followed by the contents of the field. - __( '%s:', 'wporg-learn' ), - $label - ); -} - -/** - * Get a number of workshop posts that are marked as "featured". - * - * Currently there is no taxonomy or postmeta value to mark a workshop as "featured", - * so we're just grabbing the most recent workshops. This may change. - * - * @param int $number - * - * @return WP_Post[] - */ -function wporg_get_featured_workshops( $number = 1 ) { - $query = wporg_get_archive_query( - 'wporg_workshop', - array( - 'posts_per_page' => $number, - ) - ); - - return $query->get_posts(); -} - -/** - * Returns the presenters for the workshop. - * - * @param WP_Post|int $workshop - * - * @return WP_User[]|array - */ -function wporg_get_workshop_presenters( $workshop = null ) { - $post = get_post( $workshop ); - $presenters = get_post_meta( $post->ID, 'presenter_wporg_username' ); - $wp_users = array(); - - foreach ( $presenters as $presenter ) { - $wp_user = get_user_by( 'login', $presenter ); - - if ( $wp_user ) { - array_push( $wp_users, $wp_user ); - } - } - - return $wp_users; -} - -/** - * Returns the other contributors for the workshop. - * - * @param WP_Post|int $workshop - * - * @return WP_User[]|array - */ -function wporg_get_workshop_other_contributors( $workshop = null ) { - $post = get_post( $workshop ); - $other_contributors = get_post_meta( $post->ID, 'other_contributor_wporg_username' ); - $wp_users = array(); - - foreach ( $other_contributors as $other_contributor ) { - $wp_user = get_user_by( 'login', $other_contributor ); - - if ( $wp_user ) { - array_push( $wp_users, $wp_user ); - } - } - - return $wp_users; -} - -/** - * Get the bio of a user, first trying usermeta and then profiles.wordpress.org. - * - * The `usermeta` bio (description) field will be pulled. If there is no bio, profiles.wordpress.org is tried. - * The bio at profiles.wordpress.org relies on the availability of the `bpmain_bp_xprofile_data` table. - * For local environments the bio will only pull from `usermeta`. - * - * @param WP_User $user The user to retrieve a bio for. - * - * @return string - */ -function wporg_get_workshop_presenter_bio( WP_User $user ) { - global $wpdb; - - // Retrieve bio from user data. - $bio = $user->description; - - // If bio is empty, retrieve from .org. - if ( ! $bio && 'local' !== wp_get_environment_type() ) { - $xprofile_field_id = 3; - - $sql = $wpdb->prepare( - ' - SELECT value - FROM bpmain_bp_xprofile_data - WHERE user_id = %1$d - AND field_id = %2$d - ', - $user->ID, - $xprofile_field_id - ); - - $bio = $wpdb->get_var( $sql ) ?: ''; // phpcs:ignore WordPress.DB.PreparedSQL -- prepare called above. - } - - return apply_filters( 'the_content', wp_unslash( $bio ) ); -} - -/** - * Display a featured image, falling back to the VideoPress thumbnail if no featured image was explicitly set. - * - * @param WP_Post $post The Workshop post for which we want the thumbnail. - * @param string $size The image size: 'medium', 'full'. - */ -function wporg_get_post_thumbnail( $post, $size = 'post-thumbnail' ) { - $thumbnail = get_the_post_thumbnail( $post, $size ); - if ( $thumbnail ) { - return $thumbnail; - } else { - $post = get_post( $post ); - foreach ( get_post_meta( $post->ID, '', true ) as $key => $value ) { - if ( substr( $key, 0, 8 ) === '_oembed_' && preg_match( '#https://video.wordpress.com/embed/(\w+)#', $value[0], $match ) ) { - $video = videopress_get_video_details( $match[1] ); - if ( ! is_wp_error( $video ) && isset( $video->poster ) ) { - return ''; - } - } - } - } -} - -/** - * Conditionally change or remove the prefix from archive titles. - * - * @param string $prefix - * - * @return string - */ -function wporg_modify_archive_title_prefix( $prefix ) { - if ( is_post_type_archive() ) { - return ''; - } - - return sprintf( - '%s', - $prefix - ); -} -add_filter( 'get_the_archive_title_prefix', 'wporg_modify_archive_title_prefix' ); - -/** - * Append pagination to the archive title. - * - * @global WP_Query $wp_query - * @global int $paged - * - * @param string $title - * - * @return mixed - */ -function wporg_modify_archive_title( $title ) { - global $wp_query, $paged; - - if ( $paged > 1 ) { - $suffix = sprintf( - __( 'Page %1$d of %2$d', 'wporg-learn' ), - absint( $paged ), - absint( $wp_query->max_num_pages ) - ); - - $title = sprintf( - // translators: 1: Archive title; 2: Pagination, e.g. Page 2 of 4. - __( '%1$s – %2$s', 'wporg-learn' ), - $title, - $suffix - ); - } - - return $title; -} -add_filter( 'get_the_archive_title', 'wporg_modify_archive_title' ); - -/** - * Get the slug for the series taxonomy for a given post type. - * - * @param string $post_type - * - * @return false|string - */ -function wporg_learn_get_series_taxonomy_slug( $post_type ) { - $tax_slug = false; - - switch ( $post_type ) { - case 'lesson-plan': - $tax_slug = 'wporg_lesson_plan_series'; - break; - case 'wporg_workshop': - $tax_slug = 'wporg_workshop_series'; - break; - } - - return $tax_slug; -} - -/** - * Get the series taxonomy term object for a post. - * - * @param int|WP_Post|null $post - * - * @return WP_Term|bool - */ -function wporg_learn_series_get_term( $post = null ) { - $post = get_post( $post ); - - if ( ! $post instanceof WP_Post ) { - return false; - } - - $tax_slug = wporg_learn_get_series_taxonomy_slug( get_post_type( $post ) ); - $terms = wp_get_post_terms( $post->ID, $tax_slug ); - - if ( empty( $terms ) ) { - return false; - } - - return $terms[0]; -} - -/** - * Given a post in a series, get all the posts in the series. - * - * @param int|WP_Post|null $post - * - * @return WP_Post[] - */ -function wporg_learn_series_get_siblings( $post = null ) { - $post_type = get_post_type( $post ); - $term = wporg_learn_series_get_term( $post ); - - if ( ! $term ) { - return array(); - } - - $args = array( - 'post_type' => $post_type, - 'post_status' => 'publish', - 'posts_per_page' => 999, - 'order' => 'asc', - 'tax_query' => array( - array( - 'taxonomy' => wporg_learn_get_series_taxonomy_slug( $post_type ), - 'terms' => $term->term_id, - ), - ), - ); - - return get_posts( $args ); -} - -/** - * Given a post in a series, get an adjacent post in that series. - * - * @param string $which Which adjacent post to retrieve. 'previous' or 'next'. - * @param int|WP_Post|null $post - * - * @return WP_Post|bool - */ -function wporg_learn_series_get_adjacent( $which, $post = null ) { - if ( ! $post instanceof WP_Post ) { - $post = get_post( $post ); - } - - $siblings = wporg_learn_series_get_siblings( $post ); - $sibling_ids = wp_list_pluck( $siblings, 'ID' ); - $index = array_search( $post->ID, $sibling_ids, true ); - - if ( false === $index ) { - return false; - } - - switch ( $which ) { - case 'previous': - $index --; - break; - case 'next': - $index ++; - break; - } - - return $siblings[ $index ] ?? false; -} - -/** - * Robots "noindex" rules for specific parts of the Learn site. - * - * @param bool $noindex - * - * @return bool - */ -function wporg_learn_noindex( $noindex ) { - if ( is_singular( 'quiz' ) ) { - $noindex = true; - } - - return $noindex; -} -add_filter( 'wporg_noindex_request', 'wporg_learn_noindex' ); - -/** - * Fixes bug in (or at least in using) SyntaxHighlighter code shortcodes that - * causes double-encoding of `>` character. - * - * Copied from themes/pub/wporg-developer/inc/formatting.php - * - * @param string $content The text being handled as code. - * @return string - */ -function wporg_learn_fix_code_entity_encoding( $content ) { - return str_replace( '&gt;', '>', $content ); -} -add_filter( 'syntaxhighlighter_htmlresult', 'wporg_learn_fix_code_entity_encoding', 20 ); - -/** - * Register theme sidebars. - */ -function wporg_learn_register_sidebars() { - // Register lesson plans sidebar. - register_sidebar( - array( - 'name' => __( 'Lesson Plans', 'wporg-learn' ), - 'id' => 'wporg-learn-lesson-plans', - 'before_widget' => '
', - 'after_widget' => '
', - 'before_title' => '

', - 'after_title' => '

', - ) - ); - - // Register courses sidebar. - register_sidebar( - array( - 'name' => __( 'Courses', 'wporg-learn' ), - 'id' => 'wporg-learn-courses', - 'before_widget' => '
', - 'after_widget' => '
', - 'before_title' => '

', - 'after_title' => '

', - ) - ); - - // Register workshops sidebar. - register_sidebar( - array( - 'name' => __( 'Workshops', 'wporg-learn' ), - 'id' => 'wporg-learn-workshops', - 'before_widget' => '
', - 'after_widget' => '
', - 'before_title' => '

', - 'after_title' => '

', - ) - ); -} -add_filter( 'widgets_init', 'wporg_learn_register_sidebars', 10 ); - -/** - * Add fallback image to Jetpack when no featured image exists. - * - * @param string $default_image The default image URL. - * - * @return string Image URL. - */ -function wporg_learn_return_default_image( $default_image ) { - return 'https://s.w.org/images/learn-thumbnail-fallback.jpg?v=3'; -} -add_action( 'jetpack_open_graph_image_default', 'wporg_learn_return_default_image', 15, 1 ); - -/** - * Disable the News XML Sitemap generated by Jetpack - */ -add_filter( 'jetpack_news_sitemap_generate', '__return_false' ); - -/** - * Redirect meeting posts to associated link - * - * @return void - */ -function wporg_learn_redirect_meetings() { - global $post; - - if ( is_singular( array( 'meeting' ) ) ) { - - if ( ! empty( $post->ID ) ) { - - $redirect = wp_http_validate_url( get_post_meta( $post->ID, 'link', true ) ); - - if ( $redirect && wp_redirect( $redirect ) ) { - exit; - } - } - } - -} -add_action( 'template_redirect', 'wporg_learn_redirect_meetings' ); - -/** - * Redirect old pages to their new homes. - * - * @return void - */ -function wporg_learn_redirect_old_urls() { - if ( ! is_404() ) { - return; - } - - $redirects = array( - // Source => Destination, any characters after the source will be appended to the destination. - '/workshop/' => '/tutorial/', - '/workshops' => '/tutorials', - '/social-learning' => '/online-workshops', - '/workshop-presenter-application' => '/tutorial-presenter-application', - '/report-content-errors' => '/report-content-feedback', - ); - - // Use `REQUEST_URI` rather than `$wp->request`, to get the entire source URI including url parameters. - $request = $_SERVER['REQUEST_URI'] ?? ''; - - foreach ( $redirects as $source => $destination ) { - if ( str_starts_with( $request, $source ) ) { - $redirect = $destination; - - // Append any extra request parameters. - if ( strlen( $request ) > strlen( $source ) ) { - $redirect .= substr( $request, strlen( $source ) ); - } - - wp_safe_redirect( $redirect ); - die(); - } - } -} -add_action( 'template_redirect', 'wporg_learn_redirect_old_urls' ); - -/** - * Add file MIME types for upload. - * - * @param array $mime_types Default array of MIME types. - * - * @return array Updated MIME type array. - */ -function wporg_learn_mime_types( $mime_types ) { - $mime_types['vtt'] = 'text/vtt'; - return $mime_types; -} -add_filter( 'mime_types', 'wporg_learn_mime_types' ); - -/** - * Get the sticky Topic terms, with the selected topic first - * - * @param string $first The slug of the topic to return first. - * @return array - */ -function wporg_learn_get_sticky_topics_with_selected_first( $first = 'general' ) { - $first_topic; - $topics = array(); - $all_topics = get_terms( array( - 'taxonomy' => 'topic', - 'hide_empty' => false, - ) ); - - foreach ( $all_topics as $topic ) { - $is_sticky = get_term_meta( $topic->term_id, 'sticky', true ); - - if ( $is_sticky ) { - if ( $topic->slug === $first ) { - $first_topic = $topic; - } else { - array_push( $topics, $topic ); - } - } - } - - if ( isset( $first_topic ) ) { - array_unshift( $topics, $first_topic ); - } - - return $topics; -} diff --git a/wp-content/themes/wporg-learn-2020/header.php b/wp-content/themes/wporg-learn-2020/header.php deleted file mode 100644 index 1cc7d5494..000000000 --- a/wp-content/themes/wporg-learn-2020/header.php +++ /dev/null @@ -1,89 +0,0 @@ - section and everything up till
- * - * @link https://codex.wordpress.org/Template_Hierarchy - * - * @package WordPressdotorg\Theme - */ - -namespace WordPressdotorg\Theme; - -use function WPOrg_Learn\Locale\{ locale_notice }; - -// Temporarily until https://github.com/WordPress/wporg-mu-plugins/ is added to the Learn repo. -if ( function_exists( '\WordPressdotorg\skip_to' ) ) { - \WordPressdotorg\skip_to( '#main' ); -} - -// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -echo do_blocks( '' ); - -$menu_items = array( - '/tutorials/' => __( 'Tutorials', 'wporg-learn' ), - '/online-workshops/' => __( 'Online Workshops', 'wporg-learn' ), - '/courses/' => __( 'Courses', 'wporg-learn' ), - '/lesson-plans/' => __( 'Lesson Plans', 'wporg-learn' ), - '/contribute/' => __( 'Contribute', 'wporg-learn' ), -); - -?> - -
-
- - - diff --git a/wp-content/themes/wporg-learn-2020/js/filters.js b/wp-content/themes/wporg-learn-2020/js/filters.js deleted file mode 100644 index b1404a816..000000000 --- a/wp-content/themes/wporg-learn-2020/js/filters.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * File filters.js. - * - * Handles ui component that add and remove filters - */ -( function ( $ ) { - $( document ).ready( function() { - var $filters = $( '.filter-group-select' ).select2( { - allowClear: true, - } ); - - // Try to force screen readers to use select element and hide select2. - $filters.each( function() { - if ( $( this ).hasClass( 'select2-hidden-accessible' ) ) { - $( this ).siblings( '.select2-container' ).find( '.selection' ).attr( { 'aria-hidden': 'true', 'tabindex': '-1' } ); - $( this ).removeAttr( 'aria-hidden' ).attr( 'tabindex', '0' ); - } - } ); - } ); -} )( jQuery ); diff --git a/wp-content/themes/wporg-learn-2020/js/function-reference.js b/wp-content/themes/wporg-learn-2020/js/function-reference.js deleted file mode 100644 index 05859a559..000000000 --- a/wp-content/themes/wporg-learn-2020/js/function-reference.js +++ /dev/null @@ -1,108 +0,0 @@ -/* global jQuery, Prism, wporgFunctionReferenceI18n */ - -/** - * function-reference.js - * - * Handles all interactivity for code blocks. - * - * Note: This was forked from the wporg-developer theme. - */ - -// eslint-disable-next-line id-length -- $ OK. -jQuery( function ( $ ) { - // 22.5px (line height) * 15 for 15 lines + 15px top padding + 10px extra. - // The extra 10px added to partially show next line so it's clear there is more. - const MIN_HEIGHT = 22.5 * 15 + 15 + 10; - - function collapseCodeBlock( $element, $button ) { - $button.text( wporgFunctionReferenceI18n.expand ); - $button.attr( 'aria-expanded', 'false' ); - // This uses `css()` instead of `height()` to prevent jQuery from adding - // in the padding. We want to add in just the top padding, since the - // bottom is intentionally cut off. - $element.css( { height: MIN_HEIGHT + 'px' } ); - } - - function expandCodeBlock( $element, $button ) { - $button.text( wporgFunctionReferenceI18n.collapse ); - $button.attr( 'aria-expanded', 'true' ); - // { height: auto; } can't be used here or the transition effect won't work. - $element.height( $element.data( 'height' ) ); - } - - // For each code block, add the copy button & expanding functionality. - $( '.wp-block-code' ).each( function ( i, element ) { - const $element = $( element ); - let timeoutId; - - const $copyButton = $( document.createElement( 'button' ) ); - $copyButton.text( wporgFunctionReferenceI18n.copy ); - $copyButton.on( 'click', function () { - clearTimeout( timeoutId ); - const code = $element.find( 'code' ).text(); - if ( ! code ) { - return; - } - - // This returns a promise which will resolve if the copy suceeded, - // and we can set the button text to tell the user it worked. - // We don't do anything if it fails. - window.navigator.clipboard.writeText( code ).then( function () { - $copyButton.text( wporgFunctionReferenceI18n.copied ); - wp.a11y.speak( wporgFunctionReferenceI18n.copied ); - - // After 5 seconds, reset the button text. - timeoutId = setTimeout( function () { - $copyButton.text( wporgFunctionReferenceI18n.copy ); - }, 5000 ); - } ); - } ); - - const $container = $( document.createElement( 'div' ) ); - $container.addClass( 'wp-code-block-button-container' ); - - $container.append( $copyButton ); - - // Check code block height, and if it's larger, add in the collapse - // button, and set it to be collapsed differently. - const originalHeight = $element.height(); - if ( originalHeight > MIN_HEIGHT ) { - $element.data( 'height', originalHeight ); - - const $expandButton = $( document.createElement( 'button' ) ); - $expandButton.on( 'click', function () { - if ( 'true' === $expandButton.attr( 'aria-expanded' ) ) { - collapseCodeBlock( $element, $expandButton ); - } else { - expandCodeBlock( $element, $expandButton ); - } - } ); - - collapseCodeBlock( $element, $expandButton ); - $container.append( $expandButton ); - } - - $element.before( $container ); - } ); - - // Runs before the highlight parsing is run. - // `env` is defined here: https://github.com/PrismJS/prism/blob/2815f699970eb8387d741e3ac886845ce5439afb/prism.js#L583-L588 - Prism.hooks.add( 'before-highlight', function ( env ) { - // If the code starts with `<`, it's either already got an opening tag, - // or it starts with HTML. Either way, we don't want to inject here. - if ( 'php' === env.language && ! env.code.startsWith( '<' ) ) { - env.code = '<? ', - '' - ); - } - } ); -} ); diff --git a/wp-content/themes/wporg-learn-2020/js/navigation.js b/wp-content/themes/wporg-learn-2020/js/navigation.js deleted file mode 100644 index bf405ceb4..000000000 --- a/wp-content/themes/wporg-learn-2020/js/navigation.js +++ /dev/null @@ -1,77 +0,0 @@ -/** - * File navigation.js. - * - * Handles toggling the navigation menu for small screens and enables TAB key - * navigation support for dropdown menus. - */ -( function () { - var container, button, menu, links, subMenus, i, len; - - container = document.getElementById( 'site-navigation' ); - if ( ! container ) { - return; - } - - button = container.getElementsByTagName( 'button' )[ 0 ]; - if ( 'undefined' === typeof button ) { - return; - } - - menu = container.getElementsByTagName( 'ul' )[ 0 ]; - - // Hide menu toggle button if menu is empty and return early. - if ( 'undefined' === typeof menu ) { - button.style.display = 'none'; - return; - } - - if ( -1 === menu.className.indexOf( 'nav-menu' ) ) { - menu.className += ' nav-menu'; - } - - button.onclick = function () { - if ( -1 !== container.className.indexOf( 'toggled' ) ) { - container.className = container.className.replace( ' toggled', '' ); - button.setAttribute( 'aria-expanded', 'false' ); - } else { - container.className += ' toggled'; - button.setAttribute( 'aria-expanded', 'true' ); - } - }; - - // Get all the link elements within the menu. - links = menu.getElementsByTagName( 'a' ); - subMenus = menu.getElementsByTagName( 'ul' ); - - // Set menu items with submenus to aria-haspopup="true". - for ( i = 0, len = subMenus.length; i < len; i++ ) { - subMenus[ i ].parentNode.setAttribute( 'aria-haspopup', 'true' ); - } - - // Each time a menu link is focused or blurred, toggle focus. - for ( i = 0, len = links.length; i < len; i++ ) { - links[ i ].addEventListener( 'focus', toggleFocus, true ); - links[ i ].addEventListener( 'blur', toggleFocus, true ); - } - - /** - * Sets or removes .focus class on an element. - */ - function toggleFocus() { - var self = this; - - // Move up through the ancestors of the current link until we hit .nav-menu. - while ( -1 === self.className.indexOf( 'nav-menu' ) ) { - // On li elements toggle the class .focus. - if ( 'li' === self.tagName.toLowerCase() ) { - if ( -1 !== self.className.indexOf( 'focus' ) ) { - self.className = self.className.replace( ' focus', '' ); - } else { - self.className += ' focus'; - } - } - - self = self.parentElement; - } - } -} )(); diff --git a/wp-content/themes/wporg-learn-2020/package.json b/wp-content/themes/wporg-learn-2020/package.json deleted file mode 100644 index 356db5abe..000000000 --- a/wp-content/themes/wporg-learn-2020/package.json +++ /dev/null @@ -1,41 +0,0 @@ -{ - "name": "wporg-learn-theme", - "version": "1.0.0", - "description": "Theme for learn.wordpress.org", - "author": "WordPress.org", - "license": "GPL-2.0-or-later", - "repository": { - "type": "git", - "url": "https://learn.wordpress.org" - }, - "scripts": { - "start": "grunt watch", - "build": "grunt build", - "dev": "grunt", - "format:js": "wp-scripts format-js js", - "lint:css": "wp-scripts lint-style css", - "lint:js": "exit 0", - "packages-update": "wp-scripts packages-update" - }, - "browserslist": [ - "extends @wordpress/browserslist-config" - ], - "devDependencies": { - "@wordpress/browserslist-config": "2.6.0", - "@wordpress/scripts": "^19.2.2", - "autoprefixer": "9.6.1", - "cssnano": "4.1.10", - "grunt": "1.0.4", - "grunt-contrib-watch": "1.1.0", - "grunt-postcss": "0.9.0", - "grunt-rtlcss": "2.0.1", - "grunt-sass": "3.1.0", - "grunt-sass-globbing": "1.5.1", - "sass": "1.49.9", - "pixrem": "5.0.0" - }, - "stylelint": { - "extends": "../../../.stylelintrc", - "ignoreFiles": ["*/vendor/*", "**/*.css", "**/*.css.map"] - } -} diff --git a/wp-content/themes/wporg-learn-2020/page-content-calendar.php b/wp-content/themes/wporg-learn-2020/page-content-calendar.php deleted file mode 100644 index d302fe839..000000000 --- a/wp-content/themes/wporg-learn-2020/page-content-calendar.php +++ /dev/null @@ -1,149 +0,0 @@ - - -
- -
- ', '' ); ?> -
-
- -
- -
-
- - array( 'wporg_workshop', 'lesson-plan', 'course' ), - 'post_status' => array( 'future' ), - 'orderby' => 'date modified title', - 'order' => 'ASC', - 'posts_per_page' => -1, - ); - - $scheduled_content = get_posts( $args ); - - if ( $scheduled_content ) { - ?> - - - - - - - - - - - - - - - - - -
- - - - - -
post_title ); ?>post_type )->labels->singular_name ); ?>post_date ) ) ); ?>
- -

- - - - array( 'wporg_workshop', 'lesson-plan', 'course' ), - 'post_status' => $statuses, - 'orderby' => 'modified title', - 'order' => 'DESC', - 'posts_per_page' => -1, - 'post__not_in' => array( 377, 378 ), - ); - - $drafted_content = get_posts( $args ); - - if ( $drafted_content ) { - ?> - - - - - - - - - - - - - - - - - - - -
- - - - - - - -
post_title ); ?>post_type )->labels->singular_name ); ?>post_status )->label ); ?>post_modified ) ) ); ?>
- -

- -
-
- - -
- -
- - - -
- -
-
-
-

Lesson Plan Title

-

The training team creates downloadable lesson plans and related materials for instructors to use in a live workshop environment. We are welcome you to join Training Team.

-
-
-
    -
  • - - Length: 1 Hour -
    • -
  • - - Audience: Developers -
    • -
  • - - Level: Beginning -
    • -
-
-
-
    -
  • - - Type of Instruction: Presentation, Demostration -
    • -
-
-
-
-
- -
-
-

Lesson Plan Title

-

The training team creates downloadable lesson plans and related materials for instructors to use in a live workshop environment. We are welcome you to join Training Team.

-
-
-
    -
  • - - Length: 1 Hour -
    • -
  • - - Audience: Developers -
    • -
  • - - Level: Beginning -
    • -
-
-
-
    -
  • - - Type of Instruction: Presentation, Demostration -
    • -
-
-
-
-
- -
-
-

Lesson Plan Title

-

The training team creates downloadable lesson plans and related materials for instructors to use in a live workshop environment. We are welcome you to join Training Team.

-
-
-
    -
  • - - Length: 1 Hour -
    • -
  • - - Audience: Developers -
    • -
  • - - Level: Beginning -
    • -
-
-
-
    -
  • - - Type of Instruction: Presentation, Demostration -
    • -
-
-
-
-
- -
-
-

Lesson Plan Title

-

The training team creates downloadable lesson plans and related materials for instructors to use in a live workshop environment. We are welcome you to join Training Team.

-
-
-
    -
  • - - Length: 1 Hour -
    • -
  • - - Audience: Developers -
    • -
  • - - Level: Beginning -
    • -
-
-
-
    -
  • - - Type of Instruction: Presentation, Demostration -
    • -
-
-
-
-
- -
-
-

Lesson Plan Title

-

The training team creates downloadable lesson plans and related materials for instructors to use in a live workshop environment. We are welcome you to join Training Team.

-
-
-
    -
  • - - Length: 1 Hour -
    • -
  • - - Audience: Developers -
    • -
  • - - Level: Beginning -
    • -
-
-
-
    -
  • - - Type of Instruction: Presentation, Demostration -
    • -
-
-
-
-
- -
-
-

Lesson Plan Title

-

The training team creates downloadable lesson plans and related materials for instructors to use in a live workshop environment. We are welcome you to join Training Team.

-
-
-
    -
  • - - Length: 1 Hour -
    • -
  • - - Audience: Developers -
    • -
  • - - Level: Beginning -
    • -
-
-
-
    -
  • - - Type of Instruction: Presentation, Demostration -
    • -
-
-
-
-
-
- - -
- - - -
- -
-
- ', '' ); ?> -
- -
- - -
-
-

- -

-
- - - - - - -
-
-
- -
- -
- -
- -
- -
- - - -
- - -
-
-
-

- -
-
- -

- -
- -
- -

- -
-
-
-
-
- - -
- - - -
- -
- ', '' ); ?> -
-
- -
- -
- -
- - - - -
- -

A short paragraph explaining what is covered in the lesson plan. This should be text that can be copied and used in a meetup or workshop description.

- -
- - - -

Objectives

- - - -

After completing this lesson, participants will be able to:

- - - -
    - -
  • Objective 1
    • - - - -
  • Objective 2
    • - -
- - - -
- -

It’s required that you include a bulleted list of objective(s) for each lesson plan. See Learning Objectives Easy Generator for help creating these.

- - - -

Objectives should be worded as actions that the participant can do once they’ve finished. See Bloom's Taxonomy of Action Verbs (PDF) as a reference. Avoid using words like "know," "understand," "be introduced to," etc. There should be one assessment item for each objective (see below).

- -
- - - -

Prerequisite Skills

- - - -

Participants will get the most from this lesson if they have familiarity with:

- - - -
    - -
  • Skill 1
    • - - - -
  • Skill 2
    • - -
- - - -

For example:

- - - -
    - -
  • Experience with HTML and CSS
    • - - - -
  • Completed the Basic WordPress Concepts lesson
    • - -
- - - -

Readiness Questions

- - - -
    - -
  • Question 1
    • - - - -
  • Question 2
    • - -
- - - -

A list of questions for participants to see if they have the background and skills necessary to learn and understand the lesson.

- - - -

For example:

- - - -
    - -
  • Do you want to makes changes to your theme yourself?
    • - - - -
  • Do you know how to write CSS?
    • - -
- - - -

Materials Needed

- - - -
    - -
  • Item 1
    • - - - -
  • Item 2
    • - -
- - - -

A list of files, resources, equipment, or other materials the presenter will need for the lesson.

- - - -

For example:

- - - -
    - -
  • A local install of WordPress
    • - - - -
  • The files for the TwentySixteen theme
    • - -
- - - -

Notes for the Presenter

- - - -
    - -
  • Note 1
    • - - - -
  • Note 2
    • - -
- - - -

A list of any handy tips or other information for the presenter.

- - - -

For example:

- - - -
    - -
  • Participants may need to download the TwentySixteen theme before beginning
    • - - - -
  • What to do if there’s no projector or internet available
    • - - - -
  • What to do if a participant doesn’t have the necessary set up
    • - - - -
  • How to handle different opinions about the topic
    • - -
- - - -

Lesson Outline

- - - -
    - -
  • First do this
    • - - - -
  • Then move on to this
    • - - - -
  • Finish with this
    • - -
- - - -

The plan for the lesson. Outline form works well.

- - - -

For example:

- - - -
    - -
  • Talk about what a theme is
    • - - - -
  • Demonstrate how to install and activate a theme
    • - - - -
  • Practice exercises to have participants find and install a theme on their own site
    • - -
- - - -

Exercises

- - - -

Exercise name

- - - -

Short description of what the exercise does and what skills or knowledge it reinforces.

- - - -
    - -
  • Short point or step of the exercise
    • - - - -
  • And another one
    • - -
- - - -
- -

These are short or specific activities that help participants practice certain components of the lesson. They should not be fully scripted exercises, but rather something that participants could do on their own. For example, you can create an exercise based on one step of the Example Lesson.

- -
- - - -

Assessment

- - - -

There should be one assessment item (or more) for each objective listed above. Each assessment item should support an objective; there should be none that don't.

- - - -

Write out the question.

- - - -
    - -
  1. Option
    2. - - - -
  2. Option
    3. - - - -
  3. Option
    4. - - - -
  4. Option
    5. - -
- - - -

Answer: 3. Correct answer

- - - -
- -

A few questions to ask participants to evaluate their retention of the material presented. They should be a measure of whether the objectives were reached. Consider having a question for each objective.

- -
- - - -

Additional Resources

- - - -
    - -
  • Resource 1
    • - - - -
  • Resource 2
    • - -
- - - -

An optional section that can contain a list of resources that the presenter can use to get more information on the topic.

- - - -

For example:

- - - - - - - -

Example Lesson

- - - -
- -

An example of how the lesson plan can be implemented. Written in script form as one possible way an presenter might use this lesson plan at an event, with screenshots and instructions if necessary.

- -
- - - -

Section Heading for Example Lesson

- - - -
- -

You will likely need to break the Example Lesson down into multiple sections.

- -
- - - -

Lesson Wrap Up

- - - -

[tip] 💡 Follow with the Exercises and Assessment outlined above.[/tip]

- - diff --git a/wp-content/themes/wporg-learn-2020/patterns/de-lesson-plan.php b/wp-content/themes/wporg-learn-2020/patterns/de-lesson-plan.php deleted file mode 100644 index 1e5b5ab17..000000000 --- a/wp-content/themes/wporg-learn-2020/patterns/de-lesson-plan.php +++ /dev/null @@ -1,391 +0,0 @@ - - - -
- -

Ein kurzer Absatz über die Lektion. Er sollte so geschrieben sein, dass der Text für ein Meetup oder Workshop als Beschreibung verwendet werden kann.

- -
- - - -

Lernziele

- - - -

Nach dieser Lektion können Teilnehmende:

- - - -
    - -
  • Lernziel 1
    • - - - -
  • Lernziel 2
    • - -
- - - -
- -

Jede Lektion muss eine Liste von Lernzielen enthalten.

- - - -

Lernziele sollten als Aktionen formuliert werden, die die Teilnehmenden nach der Lektion ausführen können. Siehe Lernziele formulieren leicht gemacht und Formulierungshilfen für Lernziele. Begriffe wie „wissen", „verstehen", „lernen", „sich bewusst sein" usw. sollten möglichst vermieden werden. Jedes Lernziel sollte mit einer Übung (siehe unten) überprüft werden.

- -
- - - -

Vorrausgesetzte Fähigkeiten

- - - -

Folgende Fähigkeiten helfen dir, dieser Lektion zu folgen:

- - - -
    - -
  • Fähigkeit 1
    • - - - -
  • Fähigkeit 2
    • - -
- - - -

Zum Beispiel:

- - - -
    - -
  • Erfahrung mit HTML und CSS
    • - - - -
  • Die Lektion „Dashboard Übersicht" abgeschlossen
    • - -
- - - -

Screening-Fragen

- - - -
    - -
  • Frage 1
    • - - - -
  • Frage 2
    • - -
- - - -

Dies ist eine Liste von Fragen, die überprüfen soll, ob die Lernenden die Voraussetzungen mitbringen, dieser Lektion zu folgen.

- - - -

Zum Beispiel:

- - - -
    - -
  • Willst du Veränderungen am Theme selbst vornehmen?
    • - - - -
  • Weißt du, wie man CSS schreibt?
    • - -
- - - -

Du brauchst:

- - - -
    - -
  • Listenpunkt 1
    • - - - -
  • Listenpunkt 2
    • - -
- - - -

Eine Liste mit Dateien, Ressourcen, Geräten oder anderen Materialien, die der Moderator für die Lektion benötigt.

- - - -

Zum Beipiel:

- - - -
    - -
  • Eine lokale Installation von WordPress
    • - - - -
  • Die Dateien für das Theme Twenty Sixteen
    • - -
- - - -

Anmerkungen für Moderatoren

- - - -
    - -
  • Notiz 1
    • - - - -
  • Notiz 2
    • - -
- - - -

Eine Liste von Tipps und Notizen für den Moderator.

- - - -

Zum Beispiel:

- - - -
    - -
  • Teilnehmende sollten das Theme Twenty Sixteen herunterladen, bevor sie anfangen
    • - - - -
  • Hinweise für den Fall, dass kein Projektor oder Internet zur Verfügung steht.
    • - - - -
  • Tipps für den Fall, dass jemand nicht die nötigen Materialien zur Verfügung hat.
    • - - - -
  • Wie man mit verschiedenen Meinungen zu diesem Thema umgehen kann.
    • - -
- - - -

Lektions-Übersicht

- - - -
    - -
  • Zuerst dies
    • - - - -
  • Dann das
    • - - - -
  • Zuletzt dies
    • - -
- - - -

Ein Entwurf der Lektion, zB. im Gliederungsformat.

- - - -

Zum Beispiel:

- - - -
    - -
  • Erkläre, was ein Theme ist
    • - - - -
  • Demonstriere, wie ein Theme heruntergeladen und aktiviert wird
    • - - - -
  • Lernende üben selbst, ein Theme herunterzuladen und zu installieren.
    • - -
- - - -

Übungen

- - - -

Name der Übung

- - - -

Kurze Beschreibung der Übung und welche Fähigkeiten sie vertiefen soll.

- - - -
    - -
  • Übung 1
    • - - - -
  • Übung 2
    • - -
- - - -
- -

Dies sind kurze oder spezifische Aktivitäten, die den Teilnehmenden helfen, bestimmte Bestandteile der Lektion zu üben. Es sollten keine vollständig geskripteten Übungen sein, sondern etwas, das die Teilnehmenden selbst durchführen können. Dies kann eine Übung, basierend auf einem Schritt der Lektion, sein.

- -
- - - -

Quiz

- - - -

Für jedes oben aufgeführte Lernziel sollte es eine (oder mehrere) Fragen geben. Jede Frage sollte ein Lernziel unterstützen; es sollte keine Fragen geben, die das nicht tun.

- - - -

Schreibe die Fragen.

- - - -
    - -
  1. Antwort
    2. - - - -
  2. Antwort
    3. - - - -
  3. Antwort
    4. - - - -
  4. Antwort
    5. - -
- - - -

Option: 3. Richtige Antwort

- - - -
- -

Ein paar Fragen, die den Teilnehmenden gestellt werden sollten, um zu bewerten, wie sie das präsentierte Material behalten haben. Sie sollten ein Maßstab dafür sein, ob die Ziele erreicht wurden. Jedes Lernziel sollte mit einer Frage überprüft werden.

- -
- - - -

Zusätzliche Ressourcen

- - - -
    - -
  • Ressource 1
    • - - - -
  • Ressource 2
    • - -
- - - -

Hier können zusätzliche Ressourcen genannt werden, auf die der Moderator zugreifen kann.

- - - -

Zum Beispiel:

- - - - - - - -

Beispiel

- - - -
- -

Ein Beispiel, wie der Unterrichtsplan umgesetzt werden kann. Geschrieben in Skriptform als eine Möglichkeit, wie ein Moderator diesen Unterrichtsplan bei einer Veranstaltung verwenden könnte. Mit Screenshots und Anweisungen, falls erforderlich.

- -
- - - -

Überschrift der Beispiel-Lektion

- - - -
- -

Die Beispiel-Lektion muss möglicherweise in Abschnitte unterteilt werden.

- -
- - - -

Ausblick

- - - -

[tip] 💡 Führe abschließend die Übungen und das Quiz wie oben angegeben durch.[/tip]

- - diff --git a/wp-content/themes/wporg-learn-2020/patterns/el-lesson-plan.php b/wp-content/themes/wporg-learn-2020/patterns/el-lesson-plan.php deleted file mode 100644 index d1b9ea9e2..000000000 --- a/wp-content/themes/wporg-learn-2020/patterns/el-lesson-plan.php +++ /dev/null @@ -1,391 +0,0 @@ - - - -
- -

Μια σύντομη παράγραφος που εξηγεί τι καλύπτεται στο πλάνο μαθήματος. Αυτό θα πρέπει να είναι κείμενο που μπορεί να αντιγραφεί και να χρησιμοποιηθεί σε μια ομάδα συνάντησης ή εργαστηρίου.

- -
- - - -

Στόχοι

- - - -

Μετά την ολοκλήρωση αυτού του μαθήματος, οι συμμετέχοντες θα είναι σε θέση:

- - - -
    - -
  • Στόχος 1
    • - - - -
  • Στόχος 2
    • - -
- - - -
- -

Απαιτείται να συμπεριλάβετε μια λίστα με κουκκίδες με στόχους για κάθε πλάνο μαθήματος. Ανατρέξτε στο Learning Objectives Easy Generator για βοήθεια στη δημιουργία αυτών.

- - - -

Οι στόχοι πρέπει να διατυπώνονται ως ενέργειες που μπορούν να κάνουν οι συμμετέχοντες μόλις ολοκληρώσουν το μάθημα. Αποφύγετε τη χρήση λέξεων όπως «γνωρίζω», «καταλαβαίνω», «παρουσιάζομαι», κ.λπ. επίσης Θα πρέπει να υπάρχει ένα στοιχείο αξιολόγησης για κάθε στόχο (βλ. παρακάτω).

- -
- - - -

Προαπαιτούμενες δεξιότητες

- - - -

Οι συμμετέχοντες θα αξιοποιήσουν στο έπακρο αυτό το μάθημα εάν έχουν εξοικείωση με:

- - - -
    - -
  • Δεξιότητα 1
    • - - - -
  • Δεξιότητα 2
    • - -
- - - -

Παράδειγμα:

- - - -
    - -
  • Εμπειρία με HTML και CSS
    • - - - -
  • Ολοκληρώθηκε το βασικό μάθημα WordPress
    • - -
- - - -

Ερωτήσεις Ετοιμότητας

- - - -
    - -
  • Ερώτηση 1
    • - - - -
  • Ερώτηση 2
    • - -
- - - -

Μια λίστα ερωτήσεων για τους συμμετέχοντες ώστε να δουν εάν έχουν το υπόβαθρο και τις απαραίτητες δεξιότητες να κατανοήσουν το μάθημα.

- - - -

Παράδειγμα:

- - - -
    - -
  • Θέλετε να κάνετε αλλαγές σε ένα θέμα εμφάνισης WordPress μόνοι σας;
    • - - - -
  • Ξέρετε να γράφετε CSS;
    • - -
- - - -

Απαιτούμενα

- - - -
    - -
  • Απαιτούμενo 1
    • - - - -
  • Απαιτούμενo 2
    • - -
- - - -

Μια λίστα αρχείων, πόρων, εξοπλισμού ή άλλου υλικού που θα χρειαστεί ο παρουσιαστής για το μάθημα.

- - - -

Παράδειγμα:

- - - -
    - -
  • Μια τοπική εγκατάσταση του WordPress
    • - - - -
  • Τα αρχεία το θέματος εμφάνισης Twenty Sixteen
    • - -
- - - -

Σημειώσεις για τον παρουσιαστή

- - - -
    - -
  • Σημειώση 1
    • - - - -
  • Σημειώση 2
    • - -
- - - -

Μια λίστα με εύχρηστες συμβουλές ή άλλες πληροφορίες για τον παρουσιαστή.

- - - -

Παράδειγμα:

- - - -
    - -
  • Οι συμμετέχοντες μπορεί να χρειαστεί να κατεβάσουν το θέμα εμφάνισης Twenty Sixteen πριν ξεκινήσουν
    • - - - -
  • Τι να κάνετε εάν δεν υπάρχει διαθέσιμος προβολέας ή Διαδίκτυο
    • - - - -
  • Τι να κάνετε εάν ένας συμμετέχων δεν έχει τις απαραίτητες ρυθμίσεις
    • - - - -
  • Πώς να χειριστείτε διαφορετικές απόψεις για το θέμα
    • - -
- - - -

Πλάνο μαθήματος

- - - -
    - -
  • Πρώτα κάντε αυτό
    • - - - -
  • Μετά εκείνο
    • - - - -
  • Και τελειώστε με αυτό
    • - -
- - - -

Το πλάνο μαθήματος. Ένα περίγραμα λειτουργεί καλά.

- - - -

Παράδειγμα:

- - - -
    - -
  • Μιλήστε για το τι είναι ένα θέμα εμφάνισης
    • - - - -
  • Δείξτε πώς να εγκαταστήσετε και να ενεργοποιήσετε ένα θέμα εμφάνισης
    • - - - -
  • Πραγματοποιήστε ασκήσεις με σκοπό οι συμετέχοντες να βρουν και να εγκαταστήσουν ενα θέμα εμφάνισης στον δικό τους ιστότοπο
    • - -
- - - -

Ασκήσεις

- - - -

Όνομα άσκησης

- - - -

Σύντομη περιγραφή της άσκησης και των δεξιότητων/γνώσεων που ενισχύει.

- - - -
    - -
  • Σύντομο σημείο ή βήμα της άσκησης
    • - - - -
  • Ακόμα ένα
    • - -
- - - -
- -

Αυτές είναι σύντομες ή συγκεκριμένες δραστηριότητες που βοηθούν τους συμμετέχοντες να εξασκήσουν ορισμένα στοιχεία του μαθήματος. Δεν θα πρέπει να είναι ασκήσεις με πλήρες σενάριο, αλλά κάτι που οι συμμετέχοντες θα μπορούσαν να κάνουν μόνοι τους. Για παράδειγμα, μπορείτε να δημιουργήσετε μια άσκηση βασισμένη σε ένα βήμα του παραδείγματος μαθήματος.

- -
- - - -

Αξιολόγηση

- - - -

Θα πρέπει να υπάρχει ένα στοιχείο αξιολόγησης (ή περισσότερα) για κάθε στόχο που αναφέρεται παραπάνω. Κάθε στοιχείο αξιολόγησης πρέπει να υποστηρίζει έναν στόχο. Δεν πρέπει να υπάρχει κανένα σημείο αξιολόγησης που να μην το κάνει.

- - - -

Γράψτε την ερώτηση.

- - - -
    - -
  1. Απάντηση
    2. - - - -
  2. Απάντηση
    3. - - - -
  3. Απάντηση
    4. - - - -
  4. Απάντηση
    5. - -
- - - -

Απάντηση: 3. Σωστή απάντηση

- - - -
- -

Μερικές ερωτήσεις που πρέπει να κάνετε στους συμμετέχοντες για να αξιολογήσετε την κατανόηση του υλικού που παρουσιάζετε. Θα πρέπει να είναι ένα μέτρο για το εάν επιτεύχθηκαν οι στόχοι. Σκεφτείτε να έχετε μια ερώτηση για κάθε στόχο.

- -
- - - -

Επιπρόσθετοι πόροι

- - - -
    - -
  • Πόρος 1
    • - - - -
  • Πόρος 2
    • - -
- - - -

Μια προαιρετική ενότητα που μπορεί να περιέχει μια λίστα πόρων που μπορεί να χρησιμοποιήσει ο παρουσιαστής για να λάβει περισσότερες πληροφορίες σχετικά με το θέμα.

- - - -

Παράδειγμα:

- - - - - - - -

Παράδειγμα:

- - - -
- -

Ένα παράδειγμα για το πώς μπορεί να εφαρμοστεί το πλάνο μαθήματος. Γραπτό σε μορφή σεναρίου ως ένας πιθανός τρόπος με τον οποίο ένας παρουσιαστής μπορεί να χρησιμοποιήσει αυτό το πλάνο μαθήματος σε μια εκδήλωση, με στιγμιότυπα οθόνης και οδηγίες εάν είναι απαραίτητο.

- -
- - - -

Παράδειγμα μαθήματος

- - - -
- -

Πιθανότατα θα χρειαστεί να χωρίσετε το πλάνο μαθήματος σε πολλές ενότητες.

- -
- - - -

Κλείσιμο μαθήματος

- - - -

[tip] 💡 Ακολουθήστε τις Ασκήσεις και την Αξιολόγηση που περιγράφονται παραπάνω.[/tip]

- diff --git a/wp-content/themes/wporg-learn-2020/patterns/hi-lesson-plan.php b/wp-content/themes/wporg-learn-2020/patterns/hi-lesson-plan.php deleted file mode 100644 index 52098dd03..000000000 --- a/wp-content/themes/wporg-learn-2020/patterns/hi-lesson-plan.php +++ /dev/null @@ -1,390 +0,0 @@ - - - -
- -

एक छोटा पैराग्राफ बताता है कि पाठ योजना में क्या कवर किया गया है। यह मूलशब्द होना चाहिए जिसे मीटअप या वर्कशॉप विवरण में कॉपी और उपयोग किया जा सकता है।

- -
- - - -

उद्देश्य

- - - -

इस पाठ को पूरा करने के बाद, प्रतिभागी निम्न में सक्षम होंगे:

- - - -
    - -
  • उद्देश्य 1
    • - - - -
  • उद्देश्य 2
    • - -
- - - -
- -

यह आवश्यक है कि आप प्रत्येक पाठ योजना के लिए उद्देश्य(ओं) की एक बुलेटेड सूची शामिल करें। इन्हें बनाने में मदद के लिए "Learning Objectives Easy Generator" देखें।

- - - -

उद्देश्यों को उन क्रियाओं के रूप में कहा जाना चाहिए जिनके समाप्त होने के बाद प्रतिभागी उन्हें पूरा कर सके। एक संदर्भ के रूप में ब्लूम की एक्शन क्रियाओं की टैक्सोनॉमी  (पीडीएफ) को एक सन्दर्भ की तरह देखे। "पता है", "समझें", "से परिचित कराया जाए" जैसे शब्दों का उपयोग करने से बचें। प्रत्येक उद्देश्य के लिए एक मूल्यांकन आइटम होना चाहिए (नीचे देखें)।

- -
- - - -

पूर्वापेक्षा कौशल

- - - -

प्रतिभागियों को इस पाठ से सबसे अधिक लाभ होगा यदि उन्हें यह पता है:

- - - -
    - -
  • कुशलता 1
    • - - - -
  • कुशलता 2
    • - -
- - - -

उदाहरण के लिए:

- - - -
    - -
  • HTML और CSS के साथ अनुभव
    • - - - -
  • बेसिक वर्डप्रेस कॉन्सेप्ट्स पाठ पूरा किया
    • - -
- - - -

तैयारी के प्रश्न

- - - -
    - -
  • प्रश्न 1
    • - - - -
  • प्रश्न 2
    • - -
- - - -

प्रतिभागियों के लिए प्रश्नों की एक सूची यह देखने के लिए कि क्या उनके पास पाठ को सीखने और समझने के लिए आवश्यक पृष्ठभूमि और कौशल हैं।

- - - -

उदाहरण के लिए:

- - - -
    - -
  • क्या आप अपनी थीम में स्वयं बदलाव करना चाहते हैं?
    • - - - -
  • क्या आप जानते हैं कि CSS कैसे लिखना है?
    • - -
- - - -

जरूरी सामग्री

- - - -
    - -
  • आइटम 1
    • - - - -
  • आइटम 2
    • - -
- - - -

फ़ाइलों, संसाधनों, उपकरणों, या अन्य सामग्रियों की एक सूची जो प्रस्तुतकर्ता को पाठ के लिए आवश्यकता होगी।

- - - -

उदाहरण के लिए:

- - - -
    - -
  • वर्डप्रेस का एक स्थानीय इंस्टॉल
    • - - - -
  • TwentySixteen थीम के लिए फाइलें
    • - -
- - - -

प्रस्तुतकर्ता के लिए टिप्पणियाँ

- - - -
    - -
  • टिप्पणी 1
    • - - - -
  • टिप्पणी 2
    • - -
- - - -

प्रस्तुतकर्ता के लिए किसी भी आसान युक्तियों या अन्य जानकारी की सूची।

- - - -

उदाहरण के लिए:

- - - -
    - -
  • प्रतिभागियों को शुरुआत से ही TwentySixteen थीम डाउनलोड करने की आवश्यकता हो सकती है
    • - - - -
  • अगर कोई प्रोजेक्टर या इंटरनेट उपलब्ध नहीं है तो क्या करें
    • - - - -
  • यदि किसी प्रतिभागी के पास आवश्यक सेट अप नहीं है तो क्या करें
    • - - - -
  • विषय के बारे में अलग-अलग राय कैसे संभालें
    • - -
- - - -

पाठ रूपरेखा

- - - -
    - -
  • पहले ऐसा करें
    • - - - -
  • फिर इस पर आगे बढ़ें
    • - - - -
  • इस के साथ समाप्त करें
    • - -
- - - -

पाठ के लिए योजना। रूपरेखा फॉर्म अच्छी तरह से काम करता है।

- - - -

उदाहरण के लिए:

- - - -
    - -
  • एक थीम क्या है के बारे में बात करें
    • - - - -
  • किसी थीम को स्थापित करने और सक्रिय करने का तरीका प्रदर्शित करें
    • - - - -
  • प्रतिभागियों को अपनी साइट पर एक थीम ढूंढने और स्थापित करने के लिए अभ्यास
    • - -
- - - -

अभ्यास

- - - -

अभ्यास का नाम

- - - -

अभ्यास क्या करता है और यह किस कौशल या ज्ञान को पुष्ट करता है, इसका संक्षिप्त विवरण।

- - - -
    - -
  • अभ्यास के छोटे बिंदु या कदम
    • - - - -
  • दूसरा बिंदु
    • - -
- - - -
- -

ये छोटी या विशिष्ट गतिविधियाँ हैं जो प्रतिभागियों को पाठ के कुछ घटकों का अभ्यास करने में मदद करती हैं। ये पूरी तरह से स्क्रिप्टेड अभ्यास नहीं होने चाहिए, बल्कि कुछ ऐसा जो प्रतिभागी अपने दम पर कर सकते थे। उदाहरण के लिए, आप उदाहरण पाठ के एक चरण के आधार पर एक अभ्यास बना सकते हैं।

- -
- - - -

मूल्यांकन

- - - -

ऊपर सूचीबद्ध प्रत्येक उद्देश्य के लिए एक (या अधिक) मूल्यांकन आइटम होने चाहिए। प्रत्येक मूल्यांकन आइटम को एक उद्देश्य का समर्थन करना चाहिए; ऐसा कोई नहीं होना चाहिए जो ना करे।

- - - -

प्रश्न लिखें।

- - - -
    - -
  1. विकल्प
    2. - - - -
  2. विकल्प
    3. - - - -
  3. विकल्प
    4. - - - -
  4. विकल्प
    5. - -
- - - -

उत्तर: 3. सही उत्तर

- - - -
- -

प्रतिभागियों द्वारा प्रस्तुत सामग्री के अपने अवधारण का मूल्यांकन करने के लिए पूछे गए कुछ प्रश्न। ये इस बात का एक माप होना चाहिए कि क्या उद्देश्य पहुंच गए थे। प्रत्येक उद्देश्य के लिए एक प्रश्न सुनिश्चित करें।

- -
- - - -

अतिरिक्त संसाधन

- - - -
    - -
  • संसाधन 1
    • - - - -
  • संसाधन 2
    • - -
- - - -

एक वैकल्पिक अनुभाग जिसमें उन संसाधनों की एक सूची हो सकती है जो प्रस्तुतकर्ता विषय पर अधिक जानकारी प्राप्त करने के लिए उपयोग कर सकते हैं।

- - - -

उदाहरण के लिए:

- - - - - - - -

उदाहरण

- - - -
- -

पाठ योजना को कैसे लागू किया जा सकता है का एक उदाहरण। स्क्रिप्ट शैली में लिखा गया हो ताकि एक प्रस्तुतकर्ता किसी घटना में इस पाठ योजना का उपयोग कर सके, यदि आवश्यक हो तो स्क्रीनशॉट और निर्देशों के साथ।

- -
- - - -

उदाहरण के लिए अनुभाग शीर्षक

- - - -
- -

आपको उदाहरण के पाठ को कई वर्गों में तोड़ने की आवश्यकता होगी।

- -
- - - -

पाठ सारांश

- - - -

[tip] 💡 ऊपर रेखांकित व्यायाम और मूल्यांकन के साथ अनुसरण करें।[/tip]

- diff --git a/wp-content/themes/wporg-learn-2020/search.php b/wp-content/themes/wporg-learn-2020/search.php deleted file mode 100644 index fdafd0cfe..000000000 --- a/wp-content/themes/wporg-learn-2020/search.php +++ /dev/null @@ -1,51 +0,0 @@ - - -
- -
-
-

-
-
-
- - - - - -
- -
- -
- - -
- - diff --git a/wp-content/themes/wporg-learn-2020/sidebar-course.php b/wp-content/themes/wporg-learn-2020/sidebar-course.php deleted file mode 100644 index 2e58cd67c..000000000 --- a/wp-content/themes/wporg-learn-2020/sidebar-course.php +++ /dev/null @@ -1,19 +0,0 @@ - - diff --git a/wp-content/themes/wporg-learn-2020/sidebar-lesson-plan.php b/wp-content/themes/wporg-learn-2020/sidebar-lesson-plan.php deleted file mode 100644 index 9888458f7..000000000 --- a/wp-content/themes/wporg-learn-2020/sidebar-lesson-plan.php +++ /dev/null @@ -1,19 +0,0 @@ - - diff --git a/wp-content/themes/wporg-learn-2020/sidebar-workshop.php b/wp-content/themes/wporg-learn-2020/sidebar-workshop.php deleted file mode 100644 index 3a04d1b61..000000000 --- a/wp-content/themes/wporg-learn-2020/sidebar-workshop.php +++ /dev/null @@ -1,20 +0,0 @@ - - diff --git a/wp-content/themes/wporg-learn-2020/sidebar.php b/wp-content/themes/wporg-learn-2020/sidebar.php deleted file mode 100644 index 0d8728671..000000000 --- a/wp-content/themes/wporg-learn-2020/sidebar.php +++ /dev/null @@ -1,10 +0,0 @@ - - -
- -
- 'course' ) ); - endwhile; // End of the loop. - ?> -
-
- - - -
- -
- 'lesson-plan' ) ); - endwhile; // End of the loop. - ?> -
-
- - - -
- - -
- - - -
- -
- -
- -
- - - -
-
-
- ', '' ); ?> -
- -
-
- - - - - -
- -
- -
- - -
-object_type ?? array(); - $pt = array_shift( $obj_types ); -} -$search_label = get_post_type_object( $pt )->labels->search_items ?? ''; - -$form_action = get_post_type_archive_link( $pt ); -?> -
- -
diff --git a/wp-content/themes/wporg-learn-2020/template-parts/component-breadcrumbs.php b/wp-content/themes/wporg-learn-2020/template-parts/component-breadcrumbs.php deleted file mode 100644 index a851d8c85..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/component-breadcrumbs.php +++ /dev/null @@ -1,63 +0,0 @@ - __( 'Learn Home', 'wporg-learn' ), - 'url' => home_url(), - ), -); - -if ( is_post_type_archive() ) { - array_push( $crumbs, array( - 'label' => post_type_archive_title( '', false ), - 'url' => '', - )); -} elseif ( is_singular() ) { - if ( is_single() ) { - $cpt_object = get_post_type_object( get_post_type() ); - - array_push($crumbs, array( - 'label' => $cpt_object->label, - 'url' => home_url( $cpt_object->has_archive ), - )); - } - array_push( $crumbs, array( - 'label' => get_the_title(), - 'url' => '', - ) ); -} elseif ( is_search() ) { - array_push( $crumbs, array( - 'label' => get_search_query(), - 'url' => '', - )); -} -?> - - diff --git a/wp-content/themes/wporg-learn-2020/template-parts/component-card-meta-item.php b/wp-content/themes/wporg-learn-2020/template-parts/component-card-meta-item.php deleted file mode 100644 index 5c5369611..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/component-card-meta-item.php +++ /dev/null @@ -1,12 +0,0 @@ - -
  • - - - -
    • diff --git a/wp-content/themes/wporg-learn-2020/template-parts/component-card.php b/wp-content/themes/wporg-learn-2020/template-parts/component-card.php deleted file mode 100644 index a813c8130..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/component-card.php +++ /dev/null @@ -1,39 +0,0 @@ - - -
    - -
    - labels->singular_name ); ?> -
    - - -
    -
    -

    - -

    -
    - -
    - -
    - -
    - -
      - - - -
    - -
    -
    -
    diff --git a/wp-content/themes/wporg-learn-2020/template-parts/component-course-grid.php b/wp-content/themes/wporg-learn-2020/template-parts/component-course-grid.php deleted file mode 100644 index 387ebe4c1..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/component-course-grid.php +++ /dev/null @@ -1,22 +0,0 @@ - - -have_posts() ) : ?> -
    - have_posts() ) : - $query->the_post(); - ?> - - -
    - diff --git a/wp-content/themes/wporg-learn-2020/template-parts/component-directory-nav.php b/wp-content/themes/wporg-learn-2020/template-parts/component-directory-nav.php deleted file mode 100644 index 6987cc7e0..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/component-directory-nav.php +++ /dev/null @@ -1,17 +0,0 @@ - - - diff --git a/wp-content/themes/wporg-learn-2020/template-parts/component-discussion-event-short-item.php b/wp-content/themes/wporg-learn-2020/template-parts/component-discussion-event-short-item.php deleted file mode 100644 index d202e97ef..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/component-discussion-event-short-item.php +++ /dev/null @@ -1,28 +0,0 @@ - - -
  • -
    -

    - -

    - - - -
    -
    - - - -
    -
    • diff --git a/wp-content/themes/wporg-learn-2020/template-parts/component-featured-workshop.php b/wp-content/themes/wporg-learn-2020/template-parts/component-featured-workshop.php deleted file mode 100644 index d2b1a551d..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/component-featured-workshop.php +++ /dev/null @@ -1,62 +0,0 @@ - - - -
    - -
    - - - -
    -
    -

    - -

    - -

    - -

    - -
    -
    - -
    -
    - $presenters[0], - 'class' => 'workshop-presenter--is-centered', - ) - ); - endif; - ?> -
    -
    -
    - -
    - diff --git a/wp-content/themes/wporg-learn-2020/template-parts/component-lesson-filters.php b/wp-content/themes/wporg-learn-2020/template-parts/component-lesson-filters.php deleted file mode 100644 index 3d60f855a..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/component-lesson-filters.php +++ /dev/null @@ -1,115 +0,0 @@ - get_taxonomy_labels( get_taxonomy( 'audience' ) )->singular_name, - 'terms' => get_terms( array( 'taxonomy' => 'audience' ) ), - 'name' => 'audience', - 'current' => filter_input( INPUT_GET, 'audience', FILTER_VALIDATE_INT, FILTER_REQUIRE_ARRAY ) ?: array(), - ), - array( - 'label' => get_taxonomy_labels( get_taxonomy( 'duration' ) )->singular_name, - 'terms' => get_terms( array( 'taxonomy' => 'duration' ) ), - 'name' => 'duration', - 'current' => filter_input( INPUT_GET, 'duration', FILTER_VALIDATE_INT, FILTER_REQUIRE_ARRAY ) ?: array(), - ), - array( - 'label' => get_taxonomy_labels( get_taxonomy( 'level' ) )->singular_name, - 'terms' => get_terms( array( 'taxonomy' => 'level' ) ), - 'name' => 'level', - 'current' => filter_input( INPUT_GET, 'level', FILTER_VALIDATE_INT, FILTER_REQUIRE_ARRAY ) ?: array(), - ), - array( - 'label' => get_taxonomy_labels( get_taxonomy( 'instruction_type' ) )->singular_name, - 'terms' => get_terms( array( 'taxonomy' => 'instruction_type' ) ), - 'name' => 'type', - 'current' => filter_input( INPUT_GET, 'type', FILTER_VALIDATE_INT, FILTER_REQUIRE_ARRAY ) ?: array(), - ), - array( - 'label' => get_taxonomy_labels( get_taxonomy( 'wporg_wp_version' ) )->singular_name, - 'terms' => get_terms( array( 'taxonomy' => 'wporg_wp_version' ) ), - 'name' => 'wp_version', - 'current' => filter_input( INPUT_GET, 'wp_version', FILTER_VALIDATE_INT, FILTER_REQUIRE_ARRAY ) ?: array(), - ), -); - -$locales = \WPOrg_Learn\Post_Meta\get_available_post_type_locales( 'language', 'lesson-plan', 'publish', 'native' ); -?> - -
    -

    - -
    - - - - -
    - -

    -
    - -
    - - -

    -
      - -
    • - -
      • - -
    - - -

    - singular_name ); ?> -

    -
      - 'wporg_lesson_plan_series' ) ) as $trm ) : ?> -
    • - -
      • - -
    -
    diff --git a/wp-content/themes/wporg-learn-2020/template-parts/component-series-navigation.php b/wp-content/themes/wporg-learn-2020/template-parts/component-series-navigation.php deleted file mode 100644 index 84a80990d..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/component-series-navigation.php +++ /dev/null @@ -1,54 +0,0 @@ - - diff --git a/wp-content/themes/wporg-learn-2020/template-parts/component-submit-idea-cta.php b/wp-content/themes/wporg-learn-2020/template-parts/component-submit-idea-cta.php deleted file mode 100644 index 5b1ddd6c2..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/component-submit-idea-cta.php +++ /dev/null @@ -1,27 +0,0 @@ - - -
    - - - -

    -
    - - - - - - -
    -
    diff --git a/wp-content/themes/wporg-learn-2020/template-parts/component-video-grid-item.php b/wp-content/themes/wporg-learn-2020/template-parts/component-video-grid-item.php deleted file mode 100644 index 49dc2bf4f..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/component-video-grid-item.php +++ /dev/null @@ -1,28 +0,0 @@ - - -
  • - - -

    - -

    - -

    - -     -
    • diff --git a/wp-content/themes/wporg-learn-2020/template-parts/component-video-grid.php b/wp-content/themes/wporg-learn-2020/template-parts/component-video-grid.php deleted file mode 100644 index 1251da5eb..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/component-video-grid.php +++ /dev/null @@ -1,22 +0,0 @@ - - -have_posts() ) : ?> -
      - have_posts() ) : - $query->the_post(); - ?> - - -
    - diff --git a/wp-content/themes/wporg-learn-2020/template-parts/component-workshop-filters.php b/wp-content/themes/wporg-learn-2020/template-parts/component-workshop-filters.php deleted file mode 100644 index 1a004e9c3..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/component-workshop-filters.php +++ /dev/null @@ -1,91 +0,0 @@ - __( 'Series', 'wporg-learn' ), - 'name' => 'series', - 'items' => get_terms( array( - 'taxonomy' => 'wporg_workshop_series', - 'fields' => 'id=>name', - ) ), - ), - array( - 'label' => __( 'Topic', 'wporg-learn' ), - 'name' => 'topic', - 'items' => get_terms( array( - 'taxonomy' => 'topic', - 'fields' => 'id=>name', - ) ), - ), - array( - 'label' => __( 'Language', 'wporg-learn' ), - 'name' => 'language', - 'items' => \WPOrg_Learn\Post_Meta\get_available_post_type_locales( 'language', 'wporg_workshop', 'publish', 'native' ), - ), - array( - 'label' => __( 'Subtitles', 'wporg-learn' ), - 'name' => 'captions', - 'items' => \WPOrg_Learn\Post_Meta\get_available_post_type_locales( 'video_caption_language', 'wporg_workshop', 'publish', 'native' ), - ), - array( - 'label' => __( 'WordPress Version', 'wporg-learn' ), - 'name' => 'wp_version', - 'items' => get_terms( array( - 'taxonomy' => 'wporg_wp_version', - 'fields' => 'id=>name', - ) ), - ), -); -?> - -
    -
    - -
    - -
    - -
    - - - - -
    -
    -
    diff --git a/wp-content/themes/wporg-learn-2020/template-parts/component-workshop-presenter.php b/wp-content/themes/wporg-learn-2020/template-parts/component-workshop-presenter.php deleted file mode 100644 index abac7c16d..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/component-workshop-presenter.php +++ /dev/null @@ -1,34 +0,0 @@ - '' ) ); -$presenter = $args['presenter']; - -?> - - -
    -
    - ID, 56, '', '', array( 'class' => 'workshop-presenter_profile' ) ); ?> -
    -
    -
    display_name ); ?>
    - user_nicename ) ) : ?> - - user_nicename ) - ); - ?> - - -
    -
    - diff --git a/wp-content/themes/wporg-learn-2020/template-parts/content-none.php b/wp-content/themes/wporg-learn-2020/template-parts/content-none.php deleted file mode 100644 index c9269f364..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/content-none.php +++ /dev/null @@ -1,44 +0,0 @@ - - -
    -
    -

    -
    - -
    - - -

    - Get started here.', 'wporg-learn' ), // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped - esc_url( admin_url( 'post-new.php' ) ) - ); - ?> -

    - - - -

    -
    - -
    - - - -

    -
    - -
    - - -
    -
    diff --git a/wp-content/themes/wporg-learn-2020/template-parts/content-page.php b/wp-content/themes/wporg-learn-2020/template-parts/content-page.php deleted file mode 100644 index d9ae85894..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/content-page.php +++ /dev/null @@ -1,39 +0,0 @@ - - -
    > -
    -
    - '
    ' . esc_html__( 'Pages:', 'wporg-learn' ), - 'after' => '
    ', - ) ); - ?> -
    -
    - -
    - "', '"', false ) - ), - '', - '' - ); - ?> -
    -
    diff --git a/wp-content/themes/wporg-learn-2020/template-parts/content-single.php b/wp-content/themes/wporg-learn-2020/template-parts/content-single.php deleted file mode 100644 index 1534c4efe..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/content-single.php +++ /dev/null @@ -1,63 +0,0 @@ - - -
    > - -
    -
    -

    -
    - -
    - - ' . $embed[0] . '
    '; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped - } - ?> -
    -
    - '
    ' . esc_html__( 'Pages:', 'wporg-learn' ), - 'after' => '
    ', - ) - ); - ?> -
    - - -
    - - - -
    - - - diff --git a/wp-content/themes/wporg-learn-2020/template-parts/content-workshop-single-hardcoded.php b/wp-content/themes/wporg-learn-2020/template-parts/content-workshop-single-hardcoded.php deleted file mode 100644 index 8425c16e7..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/content-workshop-single-hardcoded.php +++ /dev/null @@ -1,75 +0,0 @@ -%2$s', - sprintf( - 'https://profiles.wordpress.org/%s/', - esc_attr( $other_contributor->user_login ) - ), - esc_html( $other_contributor->display_name ) - ); - }, - wporg_get_workshop_other_contributors() -); -?> -
    > -
    -
    -

    -
    -
    -
    - - - - -
    - - - -
    -

    - -
    -
    - $presenter, - ) - ); - ?> -
    - -
    - -
    -
    - -
    - - - -
    -

    -

    - -

    -
    - -
    -
    -
    diff --git a/wp-content/themes/wporg-learn-2020/template-parts/content-workshop-single.php b/wp-content/themes/wporg-learn-2020/template-parts/content-workshop-single.php deleted file mode 100644 index b93a64efb..000000000 --- a/wp-content/themes/wporg-learn-2020/template-parts/content-workshop-single.php +++ /dev/null @@ -1,102 +0,0 @@ -%2$s', - sprintf( - 'https://profiles.wordpress.org/%s/', - esc_attr( $other_contributor->user_login ) - ), - esc_html( $other_contributor->display_name ) - ); - }, - wporg_get_workshop_other_contributors() -); -?> -
    > -
    -
    -

    -
    - -
    - -
    - video_url ) : ?> -
    - autoembed( $post->video_url ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> -
    - - -
    -
    - -
    - -
    -
    - 'wporg-learn/workshop-details', - 'attrs' => array(), - ) ); - ?> -
    - - - -
    -
    - -
    - - - -
    - - - -
    -

    - -
    -
    - $presenter, - ) - ); - ?> -
    - -
    - -
    -
    - -
    - - - -
    -

    -

    - -

    -
    - -
    -
    -