Demande d’aide pour modification menu (Créer un compte)

  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #498706
    metalmaniac
    Membre
    Padawan WordPress
    74 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 3.2.1
    – Version de PHP/MySQL :
    – Thème utilisé : Clear Style 1.2
    – Extensions en place : wpml, form builder, role scoper
    – Nom de l’hebergeur : ovh
    – Adresse du site : http://www.skoldiwansantnazer.com

    Problème(s) rencontré(s) :

    J’aimerai modifier l’apparence du menu de mon thème, en effet il n’est pas des plus lisibles quand on fait defiler les sous-menus sur le texte existant « Skol Diwan Sant Nazer »…. blanc sur blanc c’est pas top.
    Je me doute que c’est du côté du style.css du thème qu’il faut que je chercher mais n’y connaissant rien en css, c’est pas facile !!
    J’ai essayé de creuser tout seul avec les fonctions opacity, et RGBa etc… mais je n’arrive pas à retrouver dans le style.css la ou il faut modifier quelquechose…

    J’aimerai faire des essais en modifiant soit la couleur de la police (quand la souris passe dessus ou non) et/ou la couleur/opacité du fond (quand la souris passe dessus ou non).

    Merci d’avance 😉

    Voici le fichier style.css

    /*
    Theme Name: Clear Style
    Author URI: http://www.paomedia.com/
    Description: Based on Twenty Ten, Clear Style is a one column theme (no sidebar) with 4 widgetized areas in the footer, customizable header image and background. Clear Style comes with 12 preset header backgrounds and 30 customizable menu icons for your favorites social networks (see theme options in your admin panel).
    Author: paomedia
    Version: 1.2
    License: GNU General Public License, v2 (or newer)
    License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
    Tags: light, blue, white, one-column, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
    */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-family:sans-serif;
    }

    body {
    line-height: 1;
    }
    h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
    }
    ol, ul {
    list-style: none;
    }
    blockquote {
    quotes: none;
    }
    blockquote:before, blockquote:after {
    content:  »;
    content: none;
    }
    del {
    text-decoration: line-through;
    }
    /* tables still need ‘cellspacing= »0″‘ in the markup */
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
    a img {
    border: none;
    }

    p, ul, li, strong, ol, dd, dt, dl {
    font-size:13px;
    }

    /* =Layout
    ————————————————————– */

    /*
    LAYOUT: Two columns
    DESCRIPTION: Two-column fixed layout with one sidebar right of content
    */

    #container {
    float: left;
    margin: 0 0 0 0;
    width: 100%;
    }
    #content {
    margin: 0 0 0 20px;
    }
    #primary,
    #secondary {
    float: right;
    overflow: hidden;
    width: 220px;
    }
    #secondary {
    clear: right;
    }
    #footer {
    clear: both;
    width: 100%;
    }

    /*
    LAYOUT: One column, no sidebar
    DESCRIPTION: One centered column with no sidebar
    */

    .one-column #content {
    margin: 0 auto;
    width: 640px;
    }

    /*
    LAYOUT: Full width, no sidebar
    DESCRIPTION: Full width content with no sidebar; used for attachment pages
    */

    .single-attachment #content {
    margin: 0 auto;
    width: 900px;
    }


    /* =Fonts
    ————————————————————– */
    body,
    input,
    textarea,
    .page-title span,
    .pingback a.url {
    font-family: sans-serif;
    font-size: 13px;
    }
    h3#comments-title,
    h3#reply-title,
    #access .menu,
    #access div.menu ul,
    #cancel-comment-reply-link,
    .form-allowed-tags,
    #site-info,
    #site-title,
    #wp-calendar,
    .comment-meta,
    .comment-body tr th,
    .comment-body thead th,
    .entry-content label,
    .entry-content tr th,
    .entry-content thead th,
    .entry-meta,
    .entry-title,
    .entry-utility,
    #respond label,
    .navigation,
    .page-title,
    .pingback p,
    .reply,
    .widget-title,
    .wp-caption-text,
    input[type=submit] {
    font-family: sans-serif;
    }
    pre {
    font-family: « Courier 10 Pitch », Courier, monospace;
    }
    code {
    font-family: Monaco, Consolas, « Andale Mono », « DejaVu Sans Mono », monospace;
    }


    /* =Structure
    ————————————————————– */

    /* The main theme structure */
    #access .menu-header,
    div.menu,
    #colophon,
    #branding,
    #main,
    #wrapper {
    margin: 0 auto;
    width: 980px;
    }

    /* Structure the footer area */
    #footer-widget-area {
    overflow: hidden;
    }
    #footer-widget-area .widget-area {
    float: left;
    margin-right: 20px;
    width: 220px;
    }
    #footer-widget-area #fourth {
    margin-right: 0;
    }
    #site-info {
    float: left;
    font-size: 13px;
    font-weight: bold;
    width: 700px;
    }
    #site-generator {
    float: right;
    width: 220px;
    }


    /* =Global Elements
    ————————————————————– */

    /* Main global ‘theme’ and typographic styles */
    body {
    background: #fff;
    }
    body,
    input,
    textarea {
    color: #666;
    font-size: 12px;
    line-height: 18px;
    }
    hr {
    background-color: #e7e7e7;
    border: 0;
    clear: both;
    height: 1px;
    margin-bottom: 18px;
    }

    /* Text elements */
    p {
    margin-bottom: 18px;
    }
    ul {
    list-style: square;
    margin: 0 0 18px 1.5em;
    }
    ol {
    list-style: decimal;
    margin: 0 0 18px 1.5em;
    }
    ol ol {
    list-style: upper-alpha;
    }
    ol ol ol {
    list-style: lower-roman;
    }
    ol ol ol ol {
    list-style: lower-alpha;
    }
    ul ul,
    ol ol,
    ul ol,
    ol ul {
    margin-bottom: 0;
    }
    dl {
    margin: 0 0 24px 0;
    }
    dt {
    font-weight: bold;
    }
    dd {
    margin-bottom: 18px;
    }
    strong {
    font-weight: bold;
    }
    cite,
    em,
    i {
    font-style: italic;
    }
    big {
    font-size: 131.25%;
    }
    ins {
    background: #ffc;
    text-decoration: none;
    }
    blockquote {
    font-style: italic;
    padding: 0 3em;
    }
    blockquote cite,
    blockquote em,
    blockquote i {
    font-style: normal;
    }
    pre {
    background: #f7f7f7;
    color: #222;
    line-height: 18px;
    margin-bottom: 18px;
    padding: 1.5em;
    }
    abbr,
    acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
    }
    sup,
    sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
    }
    sup {
    bottom: 1ex;
    }
    sub {
    top: .5ex;
    }
    input[type= »text »],
    textarea {
    background: #f9f9f9;
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    padding: 2px;
    }
    a:link {
    color: #0066cc;
    }
    a:visited {
    color: #743399;
    }
    a:active,
    a:hover {
    color: #ff4b33;
    }

    /* Text meant only for screen readers */
    .screen-reader-text {
    position: absolute;
    left: -9000px;
    }


    /* =Header
    ————————————————————– */

    #header {
    padding: 30px 0 0 0;
    }

    /* This is the custom header image */
    #branding img {
    border-top: 4px solid #000;
    border-bottom: 1px solid #000;
    clear: both;
    display: block;
    }


    /* =Menu
    ————————————————————– */

    #access {
    background: #000;
    display: block;
    float: left;
    }
    #access .menu-header,
    div.menu {
    font-size: 13px;
    margin-left: 12px;
    }
    #access .menu-header ul,
    div.menu ul {
    list-style: none;
    margin: 0;
    }
    #access .menu-header li,
    div.menu li {
    float: left;
    position: relative;
    }
    #access a {
    color: #ccc;
    display: block;
    line-height: 38px;
    padding: 0 10px;
    text-decoration: none;
    }
    #access ul ul {
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    float: left;
    width: 180px;
    z-index: 99999;
    }
    #access ul ul li {
    min-width: 180px;
    }
    #access ul ul ul {
    left: 100%;
    top: 0;
    }
    #access ul ul a {
    background: #333;
    line-height: 1em;
    padding: 10px;
    width: 160px;
    height: auto;
    }
    #access li:hover > a,
    #access ul ul :hover > a {
    color: #fff;
    }
    #access ul li:hover > ul {
    display: block;
    }
    #access ul li.current_page_item > a,
    #access ul li.current-menu-ancestor > a,
    #access ul li.current-menu-item > a,
    #access ul li.current-menu-parent > a {
    color: #fff;
    }
    * html #access ul li.current_page_item a,
    * html #access ul li.current-menu-ancestor a,
    * html #access ul li.current-menu-item a,
    * html #access ul li.current-menu-parent a,
    * html #access ul li a:hover {
    color: #fff;
    }


    /* =Content
    ————————————————————– */

    #main {
    clear: both;
    overflow: hidden;
    padding: 0 0 0 0;
    }
    #content {
    margin-bottom: 7px;
    }
    #content,
    #content input,
    #content textarea {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    }
    #content p,
    #content ul,
    #content ol,
    #content dd,
    #content pre,
    #content hr {
    margin-bottom: 24px;
    }
    #content ul ul,
    #content ol ol,
    #content ul ol,
    #content ol ul {
    margin-bottom: 0;
    }
    #content pre,
    #content kbd,
    #content tt,
    #content var {
    font-size: 15px;
    line-height: 21px;
    }
    #content code {
    font-size: 13px;
    }
    #content dt,
    #content th {
    color: #000;
    }
    #content h1,
    #content h2,
    #content h3,
    #content h4,
    #content h5,
    #content h6 {
    color: #000;
    line-height: 1.5em;
    margin: 0 0 20px 0;
    }
    #content table {
    border: 1px solid #e7e7e7;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    }
    #content tr th,
    #content thead th {
    color: #888;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
    }
    #content tr td {
    border-top: 1px solid #e7e7e7;
    padding: 6px 24px;
    }
    #content tr.odd td {
    background: #f2f7fc;
    }
    .hentry {
    margin: 0;
    }
    .home .sticky {
    background: #f2f7fc;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px 18px 20px;
    }
    .single .hentry {
    margin: 0 0 36px 0;
    }
    .page-title {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 36px 0;
    }
    .page-title span {
    color: #333;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    }
    .page-title a:link,
    .page-title a:visited {
    color: #888;
    text-decoration: none;
    }
    .page-title a:active,
    .page-title a:hover {
    color: #ff4b33;
    }
    #content .entry-title {
    color: #000;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 0;
    }
    .entry-title a:link,
    .entry-title a:visited {
    color: #000;
    text-decoration: none;
    }
    .entry-title a:active,
    .entry-title a:hover {
    color: #ff4b33;
    }
    .entry-meta {
    color: #888;
    font-size: 12px;
    }
    .entry-meta abbr,
    .entry-utility abbr {
    border: none;
    }
    .entry-meta abbr:hover,
    .entry-utility abbr:hover {
    border-bottom: 1px dotted #666;
    }
    .entry-content,
    .entry-summary {
    clear: both;
    padding: 0;
    }
    #content .entry-summary p:last-child {
    margin-bottom: 12px;
    }
    .entry-content fieldset {
    border: 1px solid #e7e7e7;
    margin: 0 0 24px 0;
    padding: 24px;
    }
    .entry-content fieldset legend {
    background: #fff;
    color: #000;
    font-weight: bold;
    padding: 0 24px;
    }
    .entry-content input {
    margin: 0 0 24px 0;
    }
    .entry-content input.file,
    .entry-content input.button {
    margin-right: 24px;
    }
    .entry-content label {
    color: #888;
    font-size: 12px;
    }
    .entry-content select {
    margin: 0 0 24px 0;
    }
    .entry-content sup,
    .entry-content sub {
    font-size: 10px;
    }
    .entry-content blockquote.left {
    float: left;
    margin-left: 0;
    margin-right: 24px;
    text-align: right;
    width: 33%;
    }
    .entry-content blockquote.right {
    float: right;
    margin-left: 24px;
    margin-right: 0;
    text-align: left;
    width: 33%;
    }
    .page-link {
    color: #000;
    font-weight: bold;
    margin: 0 0 22px 0;
    word-spacing: 0.5em;
    }
    .page-link a:link,
    .page-link a:visited {
    background: #f1f1f1;
    color: #333;
    font-weight: normal;
    padding: 0.5em 0.75em;
    text-decoration: none;
    }
    .home .sticky .page-link a {
    background: #d9e8f7;
    }
    .page-link a:active,
    .page-link a:hover {
    color: #ff4b33;
    }
    body.page .edit-link {
    clear: both;
    display: block;
    }
    #entry-author-info {
    background: #f2f7fc;
    border-top: 4px solid #000;
    clear: both;
    font-size: 13px;
    line-height: 20px;
    margin: 24px 0;
    overflow: hidden;
    padding: 18px 20px;
    }
    #entry-author-info #author-avatar {
    background: #fff;
    border: 1px solid #e7e7e7;
    float: left;
    height: 60px;
    margin: 0 -104px 0 0;
    padding: 11px;
    }
    #entry-author-info #author-description {
    float: left;
    margin: 0 0 0 104px;
    }
    #entry-author-info h2 {
    color: #000;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0;
    }
    .entry-utility {
    clear: both;
    color: #888;
    font-size: 12px;
    line-height: 18px;
    }
    .entry-meta a,
    .entry-utility a {
    color: #888;
    }
    .entry-meta a:hover,
    .entry-utility a:hover {
    color: #ff4b33;
    }
    #content .video-player {
    padding: 0;
    }


    /* =Asides
    ————————————————————– */

    .home #content .category-asides p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 0;
    }
    .home .hentry.category-asides {
    padding: 0;
    }
    .home #content .category-asides .entry-content {
    padding-top: 0;
    }


    /* =Gallery listing
    ————————————————————– */

    .category-gallery .size-thumbnail img {
    border: 10px solid #f1f1f1;
    margin-bottom: 0;
    }
    .category-gallery .gallery-thumb {
    float: left;
    margin-right: 20px;
    margin-top: -4px;
    }
    .home #content .category-gallery .entry-utility {
    padding-top: 4px;
    }


    /* =Attachment pages
    ————————————————————– */

    .attachment .entry-content .entry-caption {
    font-size: 140%;
    margin-top: 24px;
    }
    .attachment .entry-content .nav-previous a:before {
    content: ‘21900a0’;
    }
    .attachment .entry-content .nav-next a:after {
    content: ‘0a02192’;
    }


    /* =Images
    ————————————————————– */

    #content img {
    margin: 0;
    height: auto;
    max-width: 640px;
    width: auto;
    }
    #content .attachment img {
    max-width: 900px;
    }
    #content .alignleft,
    #content img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
    }
    #content .alignright,
    #content img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
    }
    #content .aligncenter,
    #content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    #content img.alignleft,
    #content img.alignright,
    #content img.aligncenter {
    margin-bottom: 12px;
    }
    #content .wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center;
    }
    #content .wp-caption img {
    margin: 5px 5px 0;
    }
    #content .wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
    }
    #content .wp-smiley {
    margin: 0;
    }
    #content .gallery {
    margin: 0 auto 18px;
    }
    #content .gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
    }
    #content .gallery img {
    border: 2px solid #cfcfcf;
    }
    #content .gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
    }
    #content .gallery dl {
    margin: 0;
    }
    #content .gallery img {
    border: 10px solid #f1f1f1;
    }
    #content .gallery br+br {
    display: none;
    }
    #content .attachment img { /* single attachment images should be centered */
    display: block;
    margin: 0 auto;
    }


    /* =Navigation
    ————————————————————– */

    .navigation {
    color: #888;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    }
    .navigation a:link,
    .navigation a:visited {
    color: #888;
    text-decoration: none;
    }
    .navigation a:active,
    .navigation a:hover {
    color: #ff4b33;
    }
    .nav-previous {
    float: left;
    width: 50%;
    }
    .nav-next {
    float: right;
    text-align: right;
    width: 50%;
    }
    #nav-above {
    margin: 0 0 18px 0;
    }
    #nav-above {
    /*display: none;*/
    }
    .paged #nav-above,
    .single #nav-above {
    display: block;
    }
    #nav-below {
    margin: -18px 0 0 0;
    }


    /* =Comments
    ————————————————————– */
    #comments {
    clear: both;
    }
    #comments .navigation {
    padding: 0 0 18px 0;
    }
    h3#comments-title,
    h3#reply-title {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    }
    h3#comments-title {
    padding: 24px 0;
    }
    .commentlist {
    list-style: none;
    margin: 0;
    }
    .commentlist li.comment {
    border-bottom: 1px solid #e7e7e7;
    line-height: 24px;
    margin: 0 0 24px 0;
    padding: 0 0 0 56px;
    position: relative;
    }
    .commentlist li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    }
    #comments .comment-body ul,
    #comments .comment-body ol {
    margin-bottom: 18px;
    }
    #comments .comment-body p:last-child {
    margin-bottom: 6px;
    }
    #comments .comment-body blockquote p:last-child {
    margin-bottom: 24px;
    }
    .commentlist ol {
    list-style: decimal;
    }
    .commentlist .avatar {
    position: absolute;
    top: 4px;
    left: 0;
    }
    .comment-author {
    }
    .comment-author cite {
    color: #000;
    font-style: normal;
    font-weight: bold;
    }
    .comment-author .says {
    font-style: italic;
    }
    .comment-meta {
    font-size: 12px;
    margin: 0 0 18px 0;
    }
    .comment-meta a:link,
    .comment-meta a:visited {
    color: #888;
    text-decoration: none;
    }
    .comment-meta a:active,
    .comment-meta a:hover {
    color: #ff4b33;
    }
    .commentlist .even {
    }
    .commentlist .bypostauthor {
    }
    .reply {
    font-size: 12px;
    padding: 0 0 24px 0;
    }
    .reply a,
    a.comment-edit-link {
    color: #888;
    }
    .reply a:hover,
    a.comment-edit-link:hover {
    color: #ff4b33;
    }
    .commentlist .children {
    list-style: none;
    margin: 0;
    }
    .commentlist .children li {
    border: none;
    margin: 0;
    }
    .nopassword,
    .nocomments {
    display: none;
    }
    #comments .pingback {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 18px;
    padding-bottom: 18px;
    }
    .commentlist li.comment+li.pingback {
    margin-top: -6px;
    }
    #comments .pingback p {
    color: #888;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    }
    #comments .pingback .url {
    font-size: 13px;
    font-style: italic;
    }

    /* Comments form */
    input[type=submit] {
    color: #333;
    }
    #respond {
    border-top: 1px solid #e7e7e7;
    margin: 24px 0;
    overflow: hidden;
    position: relative;
    }
    #respond p {
    margin: 0;
    }
    #respond .comment-notes {
    margin-bottom: 1em;
    }
    .form-allowed-tags {
    line-height: 1em;
    }
    .children #respond {
    margin: 0 48px 0 0;
    }
    h3#reply-title {
    margin: 18px 0;
    }
    #comments-list #respond {
    margin: 0 0 18px 0;
    }
    #comments-list ul #respond {
    margin: 0;
    }
    #cancel-comment-reply-link {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    }
    #respond .required {
    color: #ff4b33;
    font-weight: bold;
    }
    #respond label {
    color: #888;
    font-size: 12px;
    }
    #respond input {
    margin: 0 0 9px;
    width: 98%;
    }
    #respond textarea {
    width: 98%;
    }
    #respond .form-allowed-tags {
    color: #888;
    font-size: 12px;
    line-height: 18px;
    }
    #respond .form-allowed-tags code {
    font-size: 11px;
    }
    #respond .form-submit {
    margin: 12px 0;
    }
    #respond .form-submit input {
    font-size: 13px;
    width: auto;
    }


    /* =Widget Areas
    ————————————————————– */

    .widget-area ul {
    list-style: none;
    margin-left: 0;
    }
    .widget-area ul ul {
    list-style: square;
    margin-left: 1.3em;
    }
    .widget_search #s {/* This keeps the search inputs in line */
    width: 60%;
    }
    .widget_search label {
    display: none;
    }
    .widget-container {
    margin: 0 0 18px 0;
    }
    .widget-title {
    color: #222;
    font-weight: bold;
    }
    .widget-area a:link,
    .widget-area a:visited {
    text-decoration: none;
    }
    .widget-area a:active,
    .widget-area a:hover {
    text-decoration: underline;
    }
    .widget-area .entry-meta {
    font-size: 11px;
    }
    #wp_tag_cloud div {
    line-height: 1.6em;
    }
    #wp-calendar {
    width: 100%;
    }
    #wp-calendar caption {
    color: #222;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 4px;
    text-align: left;
    }
    #wp-calendar thead {
    font-size: 11px;
    }
    #wp-calendar thead th {
    }
    #wp-calendar tbody {
    color: #aaa;
    }
    #wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    padding: 3px 0 2px;
    text-align: center;
    }
    #wp-calendar tbody .pad {
    background: none;
    }
    #wp-calendar tfoot #next {
    text-align: right;
    }
    .widget_rss a.rsswidget {
    color: #000;
    }
    .widget_rss a.rsswidget:hover {
    color: #ff4b33;
    }
    .widget_rss .widget-title img {
    width: 11px;
    height: 11px;
    }

    /* Main sidebars */
    #main .widget-area ul {
    margin-left: 0;
    padding: 0 20px 0 0;
    }
    #main .widget-area ul ul {
    border: none;
    margin-left: 1.3em;
    padding: 0;
    }
    #primary {
    }
    #secondary {
    }

    /* Footer widget areas */
    #footer-widget-area {
    }


    /* =Footer
    ————————————————————– */

    #footer {
    margin-bottom: 20px;
    }
    #colophon {
    border-top: 4px solid #000;
    margin-top: -4px;
    overflow: hidden;
    padding: 18px 0;
    }
    #site-info {
    font-weight: bold;
    }
    #site-info a {
    color: #000;
    text-decoration: none;
    }
    #site-generator {
    font-style: italic;
    position: relative;
    }
    #site-generator a {
    background: url(images/wordpress.png) center left no-repeat;
    color: #666;
    display: inline-block;
    line-height: 16px;
    padding-left: 20px;
    text-decoration: none;
    }
    #site-generator a:hover {
    text-decoration: underline;
    }
    img#wpstats {
    display: block;
    margin: 0 auto 10px;
    }


    /* =Mobile Safari ( iPad, iPhone and iPod Touch )
    ————————————————————– */

    pre {
    -webkit-text-size-adjust: 140%;
    }
    code {
    -webkit-text-size-adjust: 160%;
    }
    #access,
    .entry-meta,
    .entry-utility,
    .navigation,
    .widget-area {
    -webkit-text-size-adjust: 120%;
    }
    #site-description {
    -webkit-text-size-adjust: none;
    }


    /* =Print Style
    ————————————————————– */

    @media print {
    body {
    background: none !important;
    }
    #wrapper {
    clear: both !important;
    display: block !important;
    float: none !important;
    position: relative !important;
    }
    #header {
    border-bottom: 2pt solid #000;
    padding-bottom: 18pt;
    }
    #colophon {
    border-top: 2pt solid #000;
    }
    #site-title,
    #site-description {
    float: none;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    }
    #site-title {
    font-size: 13pt;
    }
    .entry-content {
    font-size: 14pt;
    line-height: 1.6em;
    }
    .entry-title {
    font-size: 21pt;
    }
    #access,
    #branding img,
    #respond,
    .comment-edit-link,
    .edit-link,
    .navigation,
    .page-link,
    .widget-area {
    display: none !important;
    }
    #container,
    #header,
    #footer {
    margin: 0;
    width: 100%;
    }
    #content,
    .one-column #content {
    margin: 24pt 0 0;
    width: 100%;
    }
    .wp-caption p {
    font-size: 11pt;
    }
    #site-info,
    #site-generator {
    float: none;
    width: auto;
    }
    #colophon {
    width: auto;
    }
    img#wpstats {
    display: none;
    }
    #site-generator a {
    margin: 0;
    padding: 0;
    }
    #entry-author-info {
    border: 1px solid #e7e7e7;
    }
    #main {
    display: inline;
    }
    .home .sticky {
    border: none;
    }
    }

    /* =Menu strucure
    ————————————————————– */

    div#wrapper{
    position:relative;
    }

    div#access *{
    width:auto;
    margin:0;
    padding:0;
    font-weight:bold;
    }
    div#access a{
    padding:0 20px;
    }
    div#access li a{
    background:url(images/page_item_bg.png) repeat-x bottom;
    }
    div#access li.current-menu-item a,
    div#access li.current_page_item a{
    background:transparent;
    text-shadow: #000 0px 0px 4px;
    }
    div#access li:hover > a{
    background:transparent;
    text-shadow: #000 0px 0px 2px;
    }
    div#access{
    width:auto;
    float:left;
    background:transparent;
    padding:0;
    }
    div.menu{
    padding:0;
    }
    div#access li{
    border-right:3px solid #fff;
    }
    div#access ul.children{
    background:#fff;
    }
    div#access ul.children li.page_item{
    background:#fff;
    }
    div#access ul.children li.page_item a{
    background:#fff;
    }
    div#branding{
    width:980px;
    height:210px;
    clear:both;
    background-position:0 -38px;
    }

    #site-title{
    display:block;
    clear:both;
    float:none;
    padding-top:75px;
    padding-left:40px;
    }

    #site-title a{
    font-size:46px;
    color:#fff;
    text-decoration:none;
    font-family: »Arial Black »;
    }

    #site-title a{
    text-transform:uppercase;
    letter-spacing:-3px;
    text-shadow:#000 0px 0px 4px;
    }

    #site-description{
    color:#fff;
    padding-left:45px;
    text-shadow:#000 0px 0px 4px;
    font-weight:bold;
    letter-spacing:2px;
    padding-top:5px;
    }

    #wrapper div#access ul.children li{
    border:0px;
    }
    #wrapper div#access ul.children li a{
    color:#888;
    text-shadow:none;
    }
    #wrapper div#access ul.children{
    background:transparent;
    }
    #wrapper div#access ul.children li{
    background:transparent;
    }
    #wrapper div#access ul.children li a{
    background:url(images/children_bg.png);
    }
    #wrapper div#access ul.children li a:hover{
    color:#ff4b33;
    text-shadow:none;
    }

    /* =Navigation
    ————————————————————– */

    #content{
    margin-left:0;
    }
    #nav-above{
    display:block;
    float:none;
    margin-top:3px;
    padding:5px;
    margin-bottom:3px;
    }
    #nav-above{
    background:url(images/nav_bg.png) repeat-x left bottom #686868;
    }
    #nav-above{
    font-size:13px;
    font-family:sans-serif;
    }
    #nav-above .nav-previous a{
    color:#ccc;
    font-size:13px;
    font-family:sans-serif;
    }
    #nav-above .nav-previous a:hover{
    color:#fff;
    }
    #nav-above .nav-next a{
    color:#ccc;
    }
    #nav-above .nav-next a:hover{
    color:#fff;
    }
    .nav-next a{
    padding-right:20px;
    background:url(images/nav.png) no-repeat right -11px;
    }
    .nav-next a:hover{
    background-position:right -47px;
    }
    .nav-previous a{
    padding-left:20px;
    background:url(images/nav.png) no-repeat left -83px;
    }
    .nav-previous a:hover{
    background-position:left -119px;
    }

    #nav-below{
    display:block;
    float:none;
    margin-top:3px;
    padding:5px;
    margin-bottom:0px;
    }
    #nav-below{
    background:url(images/nav_bg.png) repeat-x left bottom #686868;
    }
    #nav-below{
    font-size:13px;
    font-family:sans-serif;
    }
    #nav-below .nav-previous a{
    color:#ccc;
    font-size:13px;
    font-family:sans-serif;
    }
    #nav-below .nav-previous a:hover{
    color:#fff;
    }
    #nav-below .nav-next a{
    color:#ccc;
    }
    #nav-below .nav-next a:hover{
    color:#fff;
    }

    /* =Posts
    ————————————————————– */
    table.clearstyle-title{
    background:url(images/title_bg.png) repeat-x left bottom #ededed;
    }
    table.clearstyle-title{
    border-top:1px solid #eee;
    clear:both;
    }
    table.clearstyle-title td{
    padding:0;
    margin:0;}
    #content h2.entry-title{
    padding:0;
    margin:0;
    position:relative;
    left:-10px;
    font-size:24px;}
    #content div.entry-meta{
    padding:0;
    margin:0;
    position:relative;
    left:-10px;
    }
    #content div.entry-utility{
    padding:0;
    margin:0;
    position:relative;
    left:-10px;
    }
    div#content h2.entry-title a{
    color:#222;
    text-shadow: #fff 1px 1px 0px;
    }
    div#content h2.entry-title a:hover{
    color:#ff4b33;
    text-shadow: #fff 1px 1px 0px;
    }

    /* =Date
    ————————————————————– */

    td.clearstyle_calendar{
    width:70px;
    }
    td.clearstyle_calendar a{
    position:relative;
    right:-28px;}
    td.clearstyle_calendar a{
    display:block;
    background:#fff;
    padding:5px;
    text-decoration:none;
    font-size:0px;
    }
    td.clearstyle_calendar a{
    font-weight:bold;
    }
    td.clearstyle_calendar a span{
    display:block;
    text-align:center;
    padding:0;
    margin:0;
    }
    td.clearstyle_calendar a span.clearstyle_c_day{
    font-size:30px;
    padding-top:5px;
    padding-bottom:4px;
    }
    td.clearstyle_calendar a span.clearstyle_c_month{
    font-size:9px;
    line-height:1.2;
    }
    td.clearstyle_calendar a span.clearstyle_c_year{
    font-size:9px;
    line-height:1.2;
    }
    td.clearstyle_calendar a{
    -o-box-shadow: 0px 1px 3px #aaa;
    -icab-box-shadow: 0px 1px 3px #aaa;
    -khtml-box-shadow: 0px 1px 3px #aaa;
    -moz-box-shadow: 0px 1px 3px #aaa;
    -webkit-box-shadow: 0px 1px 3px #aaa;
    box-shadow: 0px 1px 3px #aaa;
    }
    div.clearstyle_c1{
    background:url(images/line.png) no-repeat top left #fff;
    clear:both;
    }
    div.clearstyle_c1_alt{
    background:url(images/line.png) no-repeat top left #fff;
    clear:both;
    margin-top:3px;
    }
    div.clearstyle_c2{
    background:url(images/line.png) no-repeat top right;
    padding-bottom:50px;
    }
    div.clearstyle_c2s{background:#f2f7fc;
    padding-bottom:50px;
    }
    div.clearstyle_c3{
    padding:0 20px;
    }


    /* =Buttons
    ————————————————————– */
    a.more-link{
    background:url(images/more_bg.png) no-repeat right 0px;
    outline:none;
    }
    a.more-link:hover{
    background-position:right -33px;
    }
    a.more-link:active{
    background-position:right -66px;
    }
    a.more-link:hover{
    color:#278927;
    text-shadow: #93f593 1px 1px 0px;
    }
    a.more-link{
    padding:5px;
    padding-right:30px;
    border:1px solid #38bb38;
    }
    a.more-link{
    color:#fff;
    text-decoration:none;
    text-shadow: #38bb38 -1px -1px 0px;}
    a.more-link{
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    }
    #wrapper input[type= »submit »]::-moz-focus-inner{
    border: none;
    }
    #wrapper input[type=submit]{
    background:url(images/button_bg.png) repeat-x 0px 0px;
    outline:none;
    }
    #wrapper input[type=submit]{
    font-family:sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#fff;
    }
    #wrapper input[type=submit]{
    border:1px solid #7272b1;
    padding:2px 10px;
    }
    #wrapper input[type=submit]{
    text-shadow: #7272b1 -1px -1px 0px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    cursor:pointer;
    }
    #wrapper input[type=submit]:hover{
    background-position:right -33px;
    color:#42426e;
    }
    #wrapper input[type=submit]:hover{
    text-shadow: #c0c0dc 1px 1px 0px;
    }
    #wrapper input[type=submit]:active{
    background-position:right -66px;
    }
    #wrapper input[type= »button »]::-moz-focus-inner{
    border: none;
    }
    #wrapper input[type=button]{
    background:url(images/button_bg.png) repeat-x 0px 0px;outline:none;
    }
    #wrapper input[type=button]{
    font-family:sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#fff;
    border:1px solid #7272b1;
    padding:2px 10px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    text-shadow: #7272b1 -1px -1px 0px;
    border-radius:4px;
    cursor:pointer;
    }
    #wrapper input[type=button]:hover{
    text-shadow: #c0c0dc 1px 1px 0px;
    background-position:right -33px;
    color:#42426e;
    }
    #wrapper input[type=button]:active{
    background-position:right -66px;
    }

    /* =Footer
    ————————————————————– */
    div#footer{
    margin-top:-5px;
    width:940px;
    overflow:hidden;
    border-top:1px solid #ccc;
    }
    div#footer{
    background:url(images/footer_bg.png) repeat-x left top #f0f0f0;
    padding:0 20px;
    }
    div#colophon{
    border:none;
    background:url(images/footer_line.gif) 0px 0px;
    overflow:hidden;
    }
    div#colophon{
    margin:0;
    width:950px;
    margin-top:20px;
    }
    div#colophon{
    margin-left:-10px;
    }
    div#footer div#first,
    div#footer div#second,
    div#footer div#third,
    div#footer div#fourth{
    padding-left:20px;
    width:200px;
    }
    table#clearstyle-subfooter{
    width:100%;
    }
    table#clearstyle-subfooter td{
    padding:5px;
    }
    table#clearstyle-subfooter{
    border-top:1px dotted #adadad;
    font-size:10px;
    color:#888;
    }
    table#clearstyle-subfooter{
    margin-top:10px;
    }
    table#clearstyle-subfooter a{
    color:#888;
    text-decoration:none;
    }
    table#clearstyle-subfooter a:hover{
    color:#ff4b33;
    }
    td#clearstyle-subfooter-right{
    text-align:right;
    }
    div#footer h3.widget-title{
    color:#222;text-shadow: #fff 1px 1px 0px;
    }
    div#footer h3.widget-title{
    border-bottom: 1px dotted #adadad;
    }
    div#footer h3.widget-title{
    margin-bottom:10px;padding-bottom:2px;
    }

    /* =Social Icons
    ————————————————————– */
    div#clearstyle-social{
    position:absolute;
    right:3px;top:48px;
    }
    div#clearstyle-social a{
    padding-left:5px;
    }
    input#s{
    font-size:13px;
    }
    #wrapper input{
    font-size:13px;
    }
    #wrapper span.edit-link{
    display:inline;
    }
    #wrapper div.not-found{
    background:#fff;padding:20px;margin-top:3px;
    }
    #wrapper div.no-results{
    background:#fff;padding:20px;margin-top:3px;
    }
    #wrapper div#respond{
    margin-bottom:0;
    padding-bottom:0;
    }
    div.clearstyle_clear{
    clear:both;
    }
    #content h1.page-title{
    font-size:13px;
    color:#fff;
    font-family:sans-serif;
    }
    #content h1.page-title span{
    font-size:13px;
    font-family:sans-serif;
    color:#fff;
    }
    #content h1.page-title{
    display:block;
    float:none;
    margin-top:3px;
    padding:5px;
    margin-bottom:3px;
    }
    #content h1.page-title{
    padding-left:10px;
    background:url(images/nav_bg.png) repeat-x left bottom #686868;
    }
    .clearstyle-b-container{
    background:#fff;
    padding:0 20px;
    margin-top:-21px;
    }
    div.page-link{
    font-size:13px;
    font-family:sans-serif;
    }

    #788451
    Lumiere de Lune
    Participant
    Maître WordPress
    20531 contributions

    En chargeant l’extension firebug pour firefox, tu peux voir pour chaque élément quels sont les éléments de css qui s’appliquent

    #788452
    metalmaniac
    Membre
    Padawan WordPress
    74 contributions

    Merci Lumière de Lune, je vais récupérer cela 😉

    Je te tiens au courant (comme d’habitude :oops:)

3 sujets de 1 à 3 (sur un total de 3)
  • Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.