WordPress.org
Get WordPress

Make WordPress Themes

Changeset 169510

Timestamp:
06/09/2022 04:00:37 PM (3 years ago)
Author:
themedropbox
Message:

New version of Extendable - 1.0.4

Location:
extendable/1.0.4
Files:
105 added
16 deleted
4 edited
1 copied

Legend:

Unmodified
Added
Removed

  • extendable/1.0.4/functions.php

    r13809 r169510  
    11<?php
     2/**
     3 * Extendable functions and definitions
     4 *
     5 * @link https://developer.wordpress.org/themes/basics/theme-functions/
     6 *
     7 * @package Extendable
     8 * @since Extendable 1.0
     9 */
    210
    3 if (function_exists('register_sidebar'))
    4 {
    5    
    6     register_sidebar(
    7         array(
    8             'name'          => 'SidebarGauche',
    9             'before_widget' => '<div id="%1$s" class="widget %2$s">',
    10             'after_widget'  => '</div>',
    11             'before_title'  => '<h2>',
    12             'after_title'   => '</h2>'
    13         )
     11if ( ! function_exists( 'extendable_support' ) ) :
     12
     13    /**
     14     * Sets up theme defaults and registers support for various WordPress features.
     15     *
     16     * @since Extendable 1.0
     17     *
     18     * @return void
     19     */
     20    function extendable_support() {
     21
     22        // Add support for block styles.
     23        add_theme_support( 'wp-block-styles' );
     24
     25        // Enqueue editor styles.
     26        add_editor_style( 'style.css' );
     27
     28    }
     29
     30endif;
     31
     32add_action( 'after_setup_theme', 'extendable_support' );
     33
     34if ( ! function_exists( 'extendable_styles' ) ) :
     35
     36    /**
     37     * Enqueue styles.
     38     *
     39     * @since Extendable 1.0
     40     *
     41     * @return void
     42     */
     43    function extendable_styles() {
     44
     45        // Register theme stylesheet.
     46        $theme_version = wp_get_theme()->get( 'Version' );
     47
     48        $version_string = is_string( $theme_version ) ? $theme_version : false;
     49        wp_register_style(
     50            'extendable-style',
     51            get_template_directory_uri() . '/style.css',
     52            array(),
     53            $version_string
     54        );
     55
     56        // Enqueue theme stylesheet.
     57        wp_enqueue_style( 'extendable-style' );
     58
     59    }
     60
     61endif;
     62
     63add_action( 'wp_enqueue_scripts', 'extendable_styles' );
     64
     65/**
     66 * Registers pattern categories.
     67 *
     68 * @since Extendable 1.0
     69 *
     70 * @return void
     71 */
     72function extendable_register_pattern_categories() {
     73    $block_pattern_categories = array(
     74        'header' => array( 'label' => __( 'Headers', 'extendable' ) ),
     75        'footer' => array( 'label' => __( 'Footers', 'extendable' ) ),
    1476    );
    1577
    16     register_sidebar(
    17         array(
    18             'name'          => 'SidebarDroite',
    19             'before_widget' => '<div id="%1$s" class="widget %2$s">',
    20             'after_widget'  => '</div>',
    21             'before_title'  => '<h2>',
    22             'after_title'   => '</h2>'
    23         )
    24     );
     78    /**
     79     * Filters the theme block pattern categories.
     80     *
     81     * @since Extendable 1.0
     82     *
     83     * @param array[] $block_pattern_categories {
     84     *     An associative array of block pattern categories, keyed by category name.
     85     *
     86     *     @type array[] $properties {
     87     *         An array of block category properties.
     88     *
     89     *         @type string $label A human-readable label for the pattern category.
     90     *     }
     91     * }
     92     */
     93    $block_pattern_categories = apply_filters( 'extendable_block_pattern_categories', $block_pattern_categories );
     94
     95    foreach ( $block_pattern_categories as $name => $properties ) {
     96        if ( ! WP_Block_Pattern_Categories_Registry::get_instance()->is_registered( $name ) ) {
     97            register_block_pattern_category( $name, $properties );
     98        }
     99    }
    25100
    26101}
    27 
    28 ?>
     102add_action( 'init', 'extendable_register_pattern_categories', 9 );

  • extendable/1.0.4/index.php

    r13809 r169510  
    1 <?php get_header(); ?>
     1<?php
     2// There is nothing output here because block themes do not use php templates.
     3// There is a core ticket discussing removing this requirement for block themes:
     4// https://core.trac.wordpress.org/ticket/54272.
    25
    3     <?php if (have_posts()) : ?>
    4 
    5         <?php while (have_posts()) : the_post(); ?>
    6 
    7             <div class="post" id="post-<?php the_ID(); ?>">
    8                 <h2 class="post-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Lien permanent vers <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
    9                 <p class="post-meta">Publi&eacute; le <?php the_time('d F Y') ?> &agrave; <?php the_time('h:i') ?> <!-- par <?php the_author() ?> --> dans <?php the_category(', ') ?> <?php edit_post_link('Editer', ' - ', ''); ?></p>
    10                 <?php the_tags('<ul class="post-tags"><li>', '</li><li>', '</li></ul>'); ?>
    11                 <div class="post-content">
    12                     <?php the_content('<p class="read-it">Lire la suite de cet article &raquo;</p>'); ?>
    13                 </div>
    14                 <p class="post-info-co"><?php comments_popup_link('aucun commentaire', 'un commentaire', '% commentaires' , 'comment-count'); ?></p>
    15             </div>
    16 
    17         <?php endwhile; ?>
    18 
    19         <div id="navlinks">
    20             <div class="next"><?php next_posts_link('&laquo; Articles + anciens') ?></div>
    21             <div class="prev"><?php previous_posts_link('Articles + r&eacute;cents &raquo;') ?></div>
    22         </div>
    23 
    24     <?php else : ?>
    25 
    26         <h2 class="center">Rien trouv&eacute;</h2>
    27         <p class="center">Vous cherchez quelquechose qui ne se trouve pas ici.</p>
    28         <?php include (TEMPLATEPATH . "/searchform.php"); ?>
    29 
    30     <?php endif; ?>
    31 
    32 <?php get_footer(); ?>

  • extendable/1.0.4/style.css

    r13809 r169510  
    11/*
    22Theme Name: Extendable
    3 Theme URI: http://www.blizzart.net/
    4 Description: Adapted from Dotclear "Extendable" theme by <a href="http://www.neodesign.fr/Themes/Dotclear_2/Extendable">Nicolas RENOUS</a>.
    5 Version: 1.0
    6 Author: Mickael BLATIERE
    7 Author URI: http://www.blatiere.net/
    8 Tags: light, three-columns, flexible-width
     3Theme URI: https://github.com/extendify/extendable
     4Author: Extendify
     5Author URI: https://extendify.com
     6Description: Extendable is a distinct, dynamic block theme designed as a canvas for your next online venture. Sporting multiple style variations, Extendable is the most expressive block theme yet. Go fresh, bold, bohemaian or minimal — with a single click.
     7Requires at least: 6.0
     8Tested up to: 6.0
     9Requires PHP: 5.6
     10Version: 1.0.4
     11License: GNU General Public License v2 or later
     12License URI: http://www.gnu.org/licenses/gpl-2.0.html
     13Text Domain: extendable
     14Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments
     15
     16Extendable is a derivative work of the code from the
     17Twenty Twenty-Two WordPress Theme, which is licensed GPLv2.
     18
     19Extendable WordPress Theme, (C) 2022 Extendify Inc.
     20Extendable therefore is also distributed under the terms of the GNU GPL.
    921*/
    10 * {
    11     margin:0;  /* Bug IE */
    12 }
    13 *::-moz-selection {
    14     background-color:#FF3C00;
    15     color:white;
    16 }
    17 html,body {
    18     color:#444444;
    19     font-size:0.8em;
    20     line-height:1.6em;
    21     font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
    22     margin:0;
    23     padding:0;
    24 }
     22
     23/*
     24 * Font smoothing.
     25 * This is a niche setting that will not be available via Global Styles.
     26 * https://github.com/WordPress/gutenberg/issues/35934
     27 */
    2528
    2629body {
    27     background-color:#EDEDED;
    28     padding:0;
    29 }
    30 /* Common styles
    31 -------------------------------------------------------- */
    32 ul { list-style: none; }
    33 ul li { list-style: none; }
    34 
    35 a:link, a:visited { color: #1688D3; text-decoration: none; }
    36 a:hover { color: #80A2B8; }
    37 pre { overflow: auto; width: 100%; height: auto; }
    38 .left { float: left; }
    39 .right { float: right; }
    40 
    41 
    42 /* Page
    43 -------------------------------------------------------- */
    44 
    45 #wrapper{
    46     background: #fff;
    47     width:90%;
    48     min-width:800px;
    49     margin:0 auto 0 auto;
    50     border-left:1px solid #DDD;
    51     border-right:1px solid #DDD;
    52 }
    53 #content {
    54     position:relative;
    55 }
    56 .content {
    57     margin:0 350px 0 20px;
    58     min-height:850px;
    59 }
    60 #sidebar {
    61     color:#666;
    62     position:absolute;
    63     width: 330px;
    64     top:0px;
    65     right:0px;
    66     background: #fff url(img/sidebar-haut.jpg) no-repeat left top;
    67     padding-top:20px;
    68 }
    69 
    70 
    71 /* Header
    72 -------------------------------------------------------- */
    73 #prelude {
    74     color:#DFDFDF;
    75     padding:0;
    76     height:28px;
    77     background:#4F4F4F;
    78     overflow:hidden;
    79 }
    80 
    81 #prelude ul, #prelude li {
    82     margin:0;
    83     padding: 0;
    84     list-style-type: none;
    85 }
    86 #prelude ul {
    87     float:left;
    88     height: 28px;
    89     width: 650px;
    90 }
    91 
    92 #prelude li {
    93     float: left;
    94 }
    95 #prelude li a,#prelude li a:visited {
    96     display: block;
    97     height: 28px;
    98     width: 130px;
    99     color:#FFF;
    100     line-height: 28px;
    101     text-align: center;
    102 }
    103 
    104 #prelude li a:hover {
    105     color:#FFF;
    106     background-color: rgb(59, 120, 187);
    107     text-decoration:none;
    108 }
    109 #prelude ul a:active {
    110     color:#ff8400;
    111 }
    112 
    113 .rsshead {
    114     float:right;
    115     margin:7px;
    116     border:none;
    117 }
    118 
    119 .rsshead img {
    120     border:none;
    121 }
    122 
    123 #header {
    124     height:75px;
    125     background: url(img/header.jpg) no-repeat top right #fff;
    126     margin:0;
    127 }
    128 #header h1 {
    129     font-size:32px;
    130     font-weight:bold;
    131     padding-top:30px;
    132     margin-left:20px;
    133     letter-spacing: -0.05em;
    134 }
    135 #header h1 a, #header h1 a:visited {
    136     text-decoration:none;
    137     color:#3A77BA;
    138 }
    139 #header h1 a:hover {
    140     border-bottom:1px dotted #E5E5E5;
    141     background:transparent;
    142 }
    143 #header .description {
    144     display:none;
    145 }
    146 #search {
    147     width:318px;
    148     text-align:center;
    149     float:right;
    150     margin-top:12px;
    151     margin-right:11px;
    152 }
    153 #search fieldset,#search p {
    154     margin:0;
    155     padding:0;
    156     border:none;   
    157 }
    158 
    159 #search #s {
    160     border:3px solid rgb(59, 120, 187);
    161     padding:3px 5px 3px 18px;
    162     background:#fff url(img/q.png) no-repeat 4px center;
    163     -moz-border-radius:10px;
    164     -webkit-border-radius:10px;
    165     font-size:1.3em;
    166     color:#111;
    167     width:190px;
    168 }
    169 #search #s:hover{
    170     border:3px solid #ff8400;
    171 }
    172 #search .submit {
    173     background:rgb(59, 120, 187);
    174     padding:5px 7px 5px 7px;
    175     font-size:1.3em;
    176     border:0;
    177     -moz-border-radius:10px;
    178     -webkit-border-radius:10px;
    179     color:#fff;
    180 }
    181 #search .submit:hover {
    182     background:#ff8400;
    183 }
    184 
    185 /* Sidebar
    186 -------------------------------------------------------- */
    187 #sidebar #blognav div, #sidebar #blogextra div {
    188     color:inherit;
    189     margin:0 0 12px 0;
    190     padding:0 0 1em 0;
    191 }
    192 
    193 #blognav {
    194   width : 160px;
    195   background: url(img/sidebar-bas.gif) no-repeat left bottom #F4F4F4;
    196   float:left;
    197   padding-bottom:200px;
    198 }
    199 
    200 #blogextra {
    201     width : 170px;
    202     float:right;
    203     background:transparent;
    204 }
    205 
    206 #sidebar div ul {
    207     margin:0;
    208     padding:0;
    209     list-style:none;
    210 }
    211 #sidebar h2,#sidebar h3 {
    212     color:#000;
    213     margin:0 10px;
    214 }
    215 #sidebar h2 {
    216     padding-left:5px;
    217     padding-bottom:3px;
    218     margin-bottom:12px;
    219     border-bottom:1px dotted #B7C1B7;
    220     font-size:1.2em;
    221 }
    222 #sidebar h3 {
    223     font-size:1em;
    224     margin-top:8px;
    225 }
    226 #s {
    227     padding-left:18px;
    228     background:#fff url(img/q.png) no-repeat 4px center;
    229 }
    230 #sidebar div.widget_calendar table {
    231     text-align:center;
    232     margin:0 auto;
    233     border-collapse:collapse;
    234     font-size:10px;
    235 }
    236 #sidebar div.widget_calendar table caption {
    237     margin:0 auto;
    238 
    239 }
    240 #sidebar div.widget_calendar table th {
    241     color:#3C5766;
    242     background:transparent;
    243     cursor:help;
    244 }
    245 #sidebar div.widget_calendar table td {
    246     font-size:10px;
    247     padding:0;
    248     margin:0 0 2px 0;
    249 }
    250 #sidebar div.widget_calendar table td a {
    251     display:block;
    252     background:#F9F9F9;
    253     color:#3C5766;
    254     font-weight:bold;
    255     text-decoration:none;
    256     border:none;
    257 }
    258 #sidebar div.widget_calendar table td a:hover {
    259     background:#799FA2;
    260     color: #FFF;
    261 }
    262 #sidebar p,#sidebar form {
    263     text-align:center;
    264 }
    265 #sidebar li {
    266     margin: 2px 5px 2px 30px;
    267 }
    268 #sidebar li a, #sidebar li a:visited {
    269     color: #666;
    270     display: block;
    271     padding: 2px 5px 2px 30px;
    272     background: transparent;
    273     margin: -2px -5px -2px -30px;
    274 }
    275 
    276 #sidebar li a:hover{
    277     color: #333;
    278     background: #F9F9F9 url(img/curseur.gif) repeat-y right; /* Bling Bling No Flash */
    279     text-decoration:none;
    280 }
    281 
    282 #sidebar li li {
    283     margin: 2px 0px 2px 0px;
    284 }
    285 
    286 #sidebar li ul li a {
    287     padding-left: 40px !important;
    288 }
    289 
    290 
    291 
    292 #sidebar strong {
    293     margin:0;
    294 }
    295 #sidebar #search { display:none; } /* Pour éviter qu'il n'y ait 2 formulaires de recherche */
    296 
    297 
    298 #sidebar .widget_tag_cloud div {
    299     margin: 5px 5px 10px 10px !important;
    300     padding: 0 !important;
    301     font-size: 110% !important;
    302 }
    303 #sidebar .widget_tag_cloud a:link, #sidebar .widget_tag_cloud a:visited { color: #333; display:inline; padding:0; margin:0; background:none;}
    304 
    305 #sidebar .widget_tag_cloud a:hover { color: #666; background:none;}
    306 
    307 
    308 
    309 #topnav{
    310     display:none;
    311 }
    312 
    313 
    314 
    315 /* Post-content
    316 -------------------------------------------------------- */
    317 .post-content, .post-excerpt {
    318     padding: 4px 0 0 0;
    319     line-height: 1.5em;
    320     font-size: 1.2em;
    321 }
    322 
    323 .post-content p, .post-excerpt p {
    324     padding: 4px 0;
    325     text-align:justify;
    326 }
    327 
    328 .post-content strong, .post-excerpt strong {
    329     font-size: 0.9em;
    330 }
    331 
    332 .post-content acronym, .post-excerpt acronym {
    333     cursor: help;
    334     border-bottom: 1px dashed #666;
    335 }
    336 
    337 .post-content pre, .post-excerpt pre {
    338     padding: 10px 5px;
    339     margin: 6px 0;
    340     background: #F5F5F5;
    341     font: 1.1em 'courier new', courier, monospace;
    342 }
    343 
    344 .post-content h3, .post-excerpt h3 {
    345     padding: 4px 0;
    346     font-size: 1.2em;
    347     color: #666;
    348 }
    349 
    350 .post-content h4, .post-excerpt h4 {
    351     padding: 4px 0;
    352     font-size: 1.1em;
    353     color: #666;
    354 }
    355 
    356 .post-content h5, .post-excerpt h5 {
    357     padding: 4px 0;
    358     font-size: 1.0em;
    359     color: #666;
    360 }
    361 
    362 .post-content ul, .post-excerpt ul {
    363     margin: 0;
    364     padding: 4px 0;
    365 }
    366 
    367 .post-content ul li, .post-excerpt ul li {
    368     padding: 1px 0 1px 12px;
    369     background: transparent url(img/puce.gif) no-repeat 0px 6px;
    370 }
    371 
    372 .post-content ol, .post-excerpt ol {
    373     margin: 0 0 0 28px;
    374     padding: 4px 0;
    375 }
    376 
    377 .post-content ol li, .post-excerpt ol li {
    378     padding: 1px 0;
    379 }
    380 
    381 .post-content blockquote, .post-excerpt blockquote {
    382     margin: 4px 0 4px 5px;
    383     padding: 3px 8px;
    384     border-left: 5px solid #2F96FF;
    385     background:#F5F5F5;
    386 }
    387 
    388 .post-content img a {
    389     border: none;
    390 }
    391 
    392 /* Classes
    393 -------------------------------------------------------- */
    394 .day-date {
    395     display:none;
    396 }
    397 
    398 a.feed { }
    399 
    400 .post {
    401     color: #000;
    402 }
    403 .post-title {
    404     background:transparent;
    405     margin-bottom:0;
    406     font-size: 2.4em;
    407     font-weight: normal;
    408     letter-spacing: 0.05em;
    409     line-height:26px;
    410 }
    411 .post-title a, .post-title a:visited {
    412     color:#444;
    413     background:transparent;
    414     text-decoration:none;
    415 }
    416 .post-title a:hover {
    417     background:#444;
    418     color:#FFF;
    419 }
    420 
    421 .post-meta {
    422     font-size:0.8em;
    423     margin: 0px 0 0px 0px;
    424     color:#B4B4B4;
    425 }
    426 
    427 .post-tags {
    428     position: relative;
    429     overflow: hidden;
    430     height: 1%;
    431     margin: 8px 0 0 0;
    432     padding: 2px 5px;
    433     border: 0;
    434     font-size:0.9em;
    435 }
    436 
    437 .post-tags:after {
    438     content: '[DO NOT LEAVE IT IS NOT REAL]';
    439     display: block;
    440     height: 0;
    441     clear: both;
    442     visibility: hidden;
    443 }
    444 
    445 .post-tags li {
    446     display: inline;
    447 }
    448 
    449 .post-tags li a:link, .post-tags li a:visited {
    450     display: block;
    451     float: left;
    452     padding: 2px 12px 2px 18px;
    453     background: transparent url(img/tag.png) no-repeat 0 0;
    454     color: #3D59A1;
     30    -moz-osx-font-smoothing: var(--wp--custom--typography--font-smoothing--moz, auto);
     31    -webkit-font-smoothing: var(--wp--custom--typography--font-smoothing--webkit, auto);
     32}
     33
     34/*
     35 * Text and navigation link styles.
     36 * Necessary until the following issue is resolved in Gutenberg:
     37 * https://github.com/WordPress/gutenberg/issues/27075
     38 */
     39
     40a {
     41    text-decoration-style: var(--wp--custom--elements--link--static--text-decoration-style, solid);
     42    text-decoration-thickness: var(--wp--custom--elements--link--text-decoration-thickness, 1px);
     43    text-underline-offset: var(--wp--custom--elements--link--text-underline-offset, 0.25ch);
     44}
     45
     46a:hover,
     47a:focus {
     48    text-decoration-style: var(--wp--custom--elements--link--interactive--text-decoration-style, dashed);
     49}
     50
     51a:active {
    45552    text-decoration: none;
    45653}
    45754
    458 .post-tags li a:hover {
    459     text-decoration: none;
    460 }
    461 
    462 .post-info-co {
    463     clear: left;
    464     margin:0 0 20px auto;
    465     padding:4px 5px;
    466     border: 0;
    467     background: #F6F6F6;
    468     text-align:center;
    469     width:175px;
    470     font-size:0.9em;
    471     -moz-border-radius:3px;
    472     -webkit-border-radius:3px;
    473 }
    474 
    475 .post-info-co a:link, .post-info-co a:visited {
    476     padding: 2px 10px 2px 18px;
    477     text-decoration: none;
    478 }
    479 
    480 .post-info-co a:hover {
    481 
    482 }
    483 
    484 .comment-count {
    485     background: transparent url(img/commentaire.png) no-repeat 0 50%;
    486 }
    487 
    488 .ping-count {
    489     background: transparent url(img/retrolien.png) no-repeat 0 50%;
    490 }
    491 
    492 .attach-count {
    493     background: transparent url(img/attach.png) no-repeat 0 50%;
    494 }
    495 
    496 .post-content .read-it {
    497     padding:10px 5px;
    498     font-size:0.9em;
    499     font-weight:bold;
    500 }
    501 
    502 #attachments {
    503     clear: left;
    504     margin: 4px 0 6px 0;
    505     padding: 5px;
    506     background: #FBFBFB;
    507     border: 1px solid #E8E8E8;
    508     border-width: 1px 0;
    509 }
    510 
    511 #attachments * {
    512     color: #3C8FD1;
    513 }
    514 
    515 #attachments h3 {
    516     font-size: 1.2em;
    517 }
    518 
    519 #attachments ul {
    520     padding: 4px 0;
    521 }
    522 
    523 #attachments li {
    524     margin: 0 0 0.6em;
    525     padding: 2px 10px 2px 18px;
    526     background: transparent url(img/attach.png) no-repeat 0 50%;
    527 }
    528 
    529 #attachments li object {
    530     display: inline;
    531     margin: 0;
    532     padding: 0;
    533     vertical-align: bottom;
    534 }
    535 
    536 .footnotes {
    537     margin: 6px 0 15px 0;
    538     padding: 5px 0;
    539     border: 1px solid #E8E8E8;
    540 }
    541 
    542 .footnotes h4 {
    543     margin: 0 0 6px;
    544     padding: 2px 10px 2px 25px;
    545     background: transparent url(img/report.png) no-repeat 4px 3px;
    546     border-bottom: 1px solid #E8E8E8;
    547     color: #005D99;
    548     font-style: italic;
    549 }
    550 
    551 .footnotes p {
    552     padding: 4px 10px;
    553 }
    554 /* Archives
    555 -------------------------------------------------------- */
    556 #content-info {
    557     margin: 0 0 20px;
    558     padding: 5px 10px;
    559     background: #F5F5F5;
    560     border: 1px solid #CDCDCD;
    561     border-width: 1px 0;
    562     font-size: 1em;
    563     line-height: 1.4;
    564 }
    565 
    566 .content-inner {
    567     padding-bottom: 20px;
    568 }
    569 
    570 .content-inner h3 {
    571     margin: 10px 0;
    572     padding: 5px 10px;
    573     background: #F5F5F5;
    574     border: 1px solid #CDCDCD;
    575     border-width: 1px 0;
    576     font-size: 1em;
    577     color: #1688D3;
    578 }
    579 
    580 #content-info h2 {
    581     font-size: 1.4em;
    582 }
    583 
    584 #content-info p {
    585     padding: 4px 0;
    586     font-size: 1em;
    587 }
    588 
    589 #content-info p a.feed:link, #content-info p a.feed:visited {
    590     padding: 4px 0 4px 22px;
    591     background: transparent url(img/rss.png) no-repeat 1px 3px;
    592 }
    593 
    594 .content-inner .post-info {
    595     margin-bottom:22px;
    596 }
    597 
    598 .content-inner ul {
    599     margin: 0 0 0 10px;
    600     padding: 4px 0;
    601 }
    602 
    603 .content-inner ul li {
    604     padding: 1px 0 1px 10px;
    605     background: transparent url(img/li.png) no-repeat 0 5px;
    606     font-size: 1em;
    607     line-height: 1.3;
    608 }
    609 
    610 /* Tags - Page des tags
    611 -------------------------------------------------------- */
    612 .content-inner ul.tags {
    613     position: relative;
    614     height: 1%;
    615     overflow: hidden;
    616     margin: 8px 0 20px;
    617     padding: 5px;
    618     background: #FBFBFB;
    619     border: 1px solid #E8E8E8;
    620     border-width: 1px 0;
    621     font-size: 120%;
    622 }
    623 
    624 .content-inner ul.tags:after {
    625     content: '[DO NOT LEAVE IT IS NOT REAL]';
    626     display: block;
    627     height: 0;
    628     clear: both;
    629     visibility: hidden;
    630 }
    631 
    632 .content-inner ul.tags li {
    633     display: block;
    634     float: left;
    635     height: 18px;
    636     margin: 4px;
    637     background: transparent;
    638     line-height: 18px;
    639 }
    640 
    641 .content-inner ul.tags li a:link, .content-inner ul.tags li a:visited {
    642     color: #005D99;
    643     text-decoration: none;
    644     white-space: nowrap;
    645 }
    646 
    647 .content-inner ul.tags li a:hover {
     55.wp-block-navigation .wp-block-navigation-item a:hover,
     56.wp-block-navigation .wp-block-navigation-item a:focus {
    64857    text-decoration: underline;
    649 }
    650 
    651 .content-inner ul.tags li a:focus, .content-inner ul.tags li a:active {
    652     background: #005D99;
    653     color: #FFF;
    654 }
    655 
    656 /* Commentaires
    657 -------------------------------------------------------- */
    658 #comments, #pings {
    659     padding-top: 10px;
    660 }
    661 
    662 #comments h3, #pings h3, #comments-feed, #pr h3 {
    663     clear: left;
    664     margin: 20px 0 8px 0;
    665     padding: 5px;
    666     background: #FBFBFB;
    667     border: 1px solid #E8E8E8;
    668     border-width: 1px 0;
    669     font-size: 1.2em;
    670 }
    671 
    672 #pr h3 {
    673     margin: 30px 0 8px;
    674     color: #5E9E14;
    675 }
    676 
    677 #comments-feed {
    678     margin: 14px 0 8px;
    679     text-align: right;
    680     font-weight: bold;
    681 }
    682 
    683 #comments-feed a:link, #comments-feed a:visited {
    684     padding: 3px 0 3px 22px;
    685     background: transparent url(img/rss.png) no-repeat 0px 50%;
    686     font-size: 0.8em;
    687     text-decoration: none;
    688 }
    689 
    690 #comments-feed a:hover {
    691     text-decoration: underline;
    692 }
    693 
    694 #comments ol {
    695     padding: 0;
    696 }
    697 
    698 #comments li {
    699     display: block;
    700 }
    701 
    702 #comments cite {
    703     font-style: normal;
    704 }
    705 
    706 #comments .comment-author,
    707 #comments .comment-meta {
    708     position: relative;
    709     top: 1px;
    710     display: block;
    711     padding: 10px 0 10px 0;
    712 }
    713 
    714 #comments .comment-author {
    715     background: transparent url(img/commentaire.jpg) no-repeat 24px bottom;
    716     margin-top: -51px;
    717     padding-top: 20px;
    718 }
    719 
    720 #comments .comment-meta a:link, #comments .comment-meta a:visited,
    721 #comments .comment-author a:link, #comments .comment-author a:visited {
    722     color: #3C8FD1;
    723     text-decoration: none;
    724 }
    725 
    726 #comments .comment-meta a:hover,
    727 #comments .comment-author a:hover {
    728     text-decoration: underline;
    729 }
    730 
    731 #comments .comment-body {
    732     margin: 50px 0 8px;
    733     padding: 1px 10px 10px;
    734     background: #F3F3F3;
    735     font-size: 1.1em;
    736     line-height: 1.4;
    737     -moz-border-radius:4px;
    738     -webkit-border-radius:4px;
    739 }
    740 
    741 #comments .reply {
    742     display: none;
    743 }
    744 
    745 #comments .comment-body p {
    746     padding: 5px 0;
    747     font-size: 1em;
    748 }
    749 
    750 #comments .bypostauthor a:link, #comments .bypostauthor a:visited, #comments .bypostauthor a:hover {
    751     color: #5E9E14;
    752 }
    753 
    754 #comments .bypostauthor .comment-body {
    755     border-left: 4px solid #5E9E14;
    756 }
    757 
    758 .comment-number, .ping-number {
    759     color: #3C8FD1;
    760     font-weight: bold;
    761     font-size: 1.1em;
    762     background:url(img/commentaire.png) no-repeat 0px 50%;
    763     padding:0 0 0 16px;
    764 }
    765 
    766 #ping-url {
    767     margin: 30px 0;
    768     padding: 5px;
    769     background: #FBFBFB;
    770     border: 1px solid #E8E8E8;
    771     border-width: 1px 0;
    772     font-weight: bold;
    773     text-align: right;
    774 }
    775 
    776 .error {
    777     margin: 20px 0 0;
    778     padding: 10px 5px;
    779     background: #FFCCCC;
    780     border: 2px solid red;
    781     font-weight: bold;
    782 }
    783 
    784 
    785 .message {}
    786 
    787 /* navigations */
    788 
    789 .pagination {
    790     clear: left;
    791     margin: 0 0 30px;
    792     padding: 5px;
    793     background: #F5F5F5;
    794     border: 1px solid #CDCDCD;
    795     border-width: 1px 0;
    796     text-align: center;
    797     color: #1688D3;
    798     font-weight: bold;
    799     position:relative;
    800 }
    801 
    802 .pagination a:link, .pagination a:visited {
    803     color: #1688D3;
    804     text-decoration: none;
    805 }
    806 
    807 .pagination a:hover {
    808     text-decoration: underline;
    809 }
    810 
    811 #navlinks {
    812     margin: -5px 0 15px 0;
    813     color: #fff;
    814     font-weight: bold;
    815     font-size:12px;
    816     line-height:14px;
    817     position:relative;
    818     color: #1688D3;
    819     height:20px;
    820 }
    821 
    822 #navlinks a:link, #navlinks a:visited {
    823     color: #1688D3;
    824     text-decoration: none;
    825 }
    826 
    827 #navlinks a:hover {
    828     text-decoration: underline;
    829 }
    830 
    831 #navlinks .prev {
    832     position:absolute;
    833     top:0px;
    834     left:0px;
    835     width:230px;
    836 }
    837 #navlinks .next {
    838     position:absolute;
    839     top:0px;
    840     right:0px;
    841     width:230px;
    842     text-align:right;
    843 }
    844 
    845 /* Forms
    846 -------------------------------------------------------- */
    847 #comment-form {
    848     padding-top: 10px;
    849 }
    850 
    851 #comment-form h3 {
    852     margin: 20px 0 8px 0;
    853     padding: 5px;
    854     background: #FBFBFB;
    855     border: 1px solid #E8E8E8;
    856     border-width: 1px 0;
    857     font-size: 1.2em;
    858 }
    859 #comment-form {
    860     border:0;
    861 }
    862 #comment-form p {
    863     clear: left;
    864     width: auto;
    865     margin: 0;
    866     padding: 5px 0;
    867 }
    868 
    869 #comment-form p.form-help {
    870     width: 60%;
    871     margin: 0 0 0 30%;
    872     font-size:0.9em;
    873     color:#B7B7B7;
    874 }
    875 
    876 #comment-form p label {
    877     display: block;
    878     float: left;
    879     width: 29%;
    880     padding: 0 4px 4px 0;
    881     text-align: right;
    882     font-weight: bold;
    883 }
    884 
    885 #comment-form input, #comment-form textarea {
    886     width:300px;
    887     padding: 3px 5px;
    888     border: 4px solid #DEDEDE;
    889     font: 1em Arial,sans-serif;
    890     color: #333;
    891     background:#FFF;
    892     -moz-border-radius:10px;
    893     -webkit-border-radius:10px;
    894     background:#fff;
    895 }
    896 #comment-form textarea {
    897     height:180px;
    898 }
    899 
    900 #comment-form p.logged,
    901 #comment-form input#submit {
    902     margin-left: 134px;
    903 }
    904 
    905 #comment-form input#submit {
    906     width: auto;   
    907     color: #5C5C5C;
    908     font-size: 1em;
    909     font-weight: bold;
    910     text-transform: uppercase;
    911     border: 4px solid #DEDEDE;
    912 }
    913 
    914 #comment-form input#submit:hover {
    915     background: #FFF;
    916     border: 4px solid #A7A6A6;
    917     color: #252525;
    918 }
    919 
    920 /* Footer
    921 -------------------------------------------------------- */
    922 #footer {
    923     background: transparent url(img/footer.jpg) repeat-x bottom;
    924     padding: 0 2px 14px 2px;
    925     clear: both;
    926 }
    927 #footer p {
    928     width: 220px;
    929     margin: 0 25px 0 auto;
    930     background: #606666;
    931     color: #FFF;
    932     border:1px solid #FFF;
    933     padding: 8px 10px 5px 10px;
    934     text-align:center;
    935 }
    936 #footer img  {
    937     border:2px solid #fff; 
    938 }
    939 #footer p a:link, #footer p a:visited  {
    940     color: #FFF;
    941     text-decoration: underline;
    942     margin:0 10px 0 10px;
    943 }
    944 #footer p a:hover {
    945     text-decoration: none;
    946 }
    947 
    948 /* WP requirement
    949 -------------------------------------------------------- */
    950 .aligncenter {
    951     display: block;
    952     margin-left: auto;
    953     margin-right: auto;
    954 }
    955 
    956 .alignleft {
    957     float: left;
    958 }
    959 
    960 .alignright {
    961     float: right;
    962 }
     58    text-decoration-style: solid;
     59}
     60
     61/*
     62 * Search and File Block button styles.
     63 * Necessary until the following issues are resolved in Gutenberg:
     64 * https://github.com/WordPress/gutenberg/issues/36444
     65 * https://github.com/WordPress/gutenberg/issues/27760
     66 */
     67
     68.wp-block-search__button,
     69.wp-block-file .wp-block-file__button {
     70    background-color: var(--wp--preset--color--primary);
     71    border-radius: 0;
     72    border: none;
     73    color: var(--wp--preset--color--background);
     74    font-size: var(--wp--preset--font-size--medium);
     75    padding: calc(.667em + 2px) calc(1.333em + 2px);
     76}
     77
     78/*
     79 * Button hover styles.
     80 * Necessary until the following issue is resolved in Gutenberg:
     81 * https://github.com/WordPress/gutenberg/issues/27075
     82 */
     83
     84.wp-block-search__button:hover,
     85.wp-block-file .wp-block-file__button:hover,
     86.wp-block-button__link:hover {
     87    opacity: 0.90;
     88}
     89
     90/*
     91 * Alignment styles.
     92 * These rules are temporary, and should not be relied on or
     93 * modified too heavily by themes or plugins that build on
     94 * Twenty Twenty-Two. These are meant to be a precursor to
     95 * a global solution provided by the Block Editor.
     96 *
     97 * Relevant issues:
     98 * https://github.com/WordPress/gutenberg/issues/35607
     99 * https://github.com/WordPress/gutenberg/issues/35884
     100 */
     101
     102.wp-site-blocks,
     103body > .is-root-container,
     104.edit-post-visual-editor__post-title-wrapper,
     105.wp-block-group.alignfull,
     106.wp-block-group.has-background,
     107.wp-block-cover.alignfull,
     108.is-root-container .wp-block[data-align="full"] > .wp-block-group,
     109.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
     110    padding-left: var(--wp--custom--spacing--outer);
     111    padding-right: var(--wp--custom--spacing--outer);
     112}
     113
     114.wp-site-blocks .alignfull,
     115.wp-site-blocks > .wp-block-group.has-background,
     116.wp-site-blocks > .wp-block-cover,
     117.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
     118.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
     119body > .is-root-container > .wp-block-cover,
     120body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
     121body > .is-root-container > .wp-block-template-part > .wp-block-cover,
     122.is-root-container .wp-block[data-align="full"] {
     123    margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
     124    margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
     125    width: unset;
     126}
     127
     128/* Blocks inside columns don't have negative margins. */
     129.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
     130.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
     131/* We also want to avoid stacking negative margins. */
     132.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
     133.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
     134    margin-left: auto !important;
     135    margin-right: auto !important;
     136    width: inherit;
     137}
     138
     139/*
     140 * Responsive menu container padding.
     141 * This ensures the responsive container inherits the same
     142 * spacing defined above. This behavior may be built into
     143 * the Block Editor in the future.
     144 */
     145
     146.wp-block-navigation__responsive-container.is-menu-open {
     147    padding-top: var(--wp--custom--spacing--outer);
     148    padding-bottom: var(--wp--custom--spacing--large);
     149    padding-right: var(--wp--custom--spacing--outer);
     150    padding-left: var(--wp--custom--spacing--outer);
     151}
     152
     153/*
     154 * --------------------------------------------------------
     155 *  Custom - blocks
     156 * --------------------------------------------------------
     157 */
     158
     159/* Table
     160----------------------------------------------------------*/
     161.wp-block-table.is-style-stripes tbody tr:nth-child(odd){
     162    background-color: var(--wp--custom--blocks--core-table--variant-stripes--color--background, var(--wp--preset--color--tertiary));
     163}
     164
     165/*
     166 * --------------------------------------------------------
     167 *  Custom - experimental
     168 * --------------------------------------------------------
     169 */
     170
     171/* Responsive menu animation and customization.
     172----------------------------------------------------------*/
     173@media (max-width: 599px) {
     174    .wp-block-navigation__responsive-container {
     175        display: block !important;
     176        opacity: 0;
     177        transform: translateX(200px);
     178        transition: transform 170ms ease-in-out, opacity 150ms ease-in-out;
     179        visibility: hidden;
     180    }
     181
     182    .wp-block-navigation__responsive-container[aria-hidden="false"] {
     183        opacity: 1;
     184        transform: translateX(0);
     185        visibility: visible;
     186    }
     187}
     188
     189/*
     190 * Remove all animations, transitions and smooth scroll
     191 * for people that prefer not to see them.
     192 */
     193@media (prefers-reduced-motion: reduce) {
     194    html:focus-within {
     195        scroll-behavior: auto;
     196    }
     197
     198    *,
     199    *::before,
     200    *::after {
     201        animation-duration: 0.01ms !important;
     202        animation-iteration-count: 1 !important;
     203        transition-duration: 0.01ms !important;
     204        scroll-behavior: auto !important;
     205    }
     206}
     207
     208/*
     209 * Matching caret and focus outline colors.
     210 */
     211input {
     212    caret-color: var(--wp--preset--color--tertiary);
     213    outline-color: var(--wp--preset--color--tertiary);
     214    outline-offset: 0.2ch;
     215}
Note: See TracChangeset for help on using the changeset viewer.