Modifiez un peu le style de votre blog

Re,
Après une petite prise en main, j’ai réussi à modifier quelques balises du style du blog. Si vous voulez faire pareil, allez dans les réglages > CodeColorer > Styles CSS personnalisés et surchargez les classes du style. Voici ce que j’ai modifié:

div.contenuPage
{
    padding: 0px;
}
div.contenuPage div#page.hfeed header#branding nav#access
{
    background: linear-gradient(#252525, #4A638F) repeat scroll 0 0 transparent;
}
div.contenuPage div#page.hfeed header#branding div.only-search form#searchform input#s.field
{
    background-color: #FFFFFF;
}
div.contenuPage div#page.hfeed
{
    margin: 0px;
    max-width: 100%;
}
div.contenuPage div#page.hfeed div#main div#primary
{
    float: left;
    margin: 0px;
    width: 78%;
}
div.contenuPage div#page.hfeed div#main div#secondary
{
    float: right;
    margin-right: 0px;
    width: 18%;
}
div.contenuPage div#page.hfeed div#main div#primary div#content
{
    width: 91%;
    margin-left: 9%;
}
div.contenuPage div#page.hfeed div#main div#primary div#content nav#nav-single
{
    display: none;
}
div.contenuPage div#page.hfeed div#main div#primary div#content article header.entry-header
{
    height: 60px;
}
div.contenuPage div#page.hfeed div#main div#primary div#content article header.entry-header h1.entry-title
{
    font-weight: normal;
}
div.contenuPage div#page.hfeed div#main div#primary div#content article header.entry-header div.entry-meta
{
    height: 75px;
    left: -83px;
    padding-right: 0;
    position: relative;
    top: -50px;
    width: 72px;
}
div.contenuPage div#page.hfeed div#main div#primary div#content article header.entry-header div.entry-meta span.sep
{
    display: none;
}
div.contenuPage div#page.hfeed div#main div#primary div#content article header.entry-header div.entry-meta a
{
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
}
div.contenuPage div#page.hfeed div#main div#primary div#content article div.entry-content
{
    padding-top: 0px;
}
div.contenuPage div#page.hfeed div#main div#primary div#content article div.entry-content div.codecolorer-container
{
    width: 100%;
}
div.contenuPage div#page.hfeed div#main div#primary div#content article div.entry-content div.codecolorer-container table tbody tr td.line-numbers
{
    width: 35px;
}
div.contenuPage div#page.hfeed div#main div#primary div#content article div.entry-content div.codecolorer-container table tbody tr td.line-numbers div
{
    text-align: right;
    width: 30px;
}
div.contenuPage div#page.hfeed div#main div#primary div#content article div.entry-content div.codecolorer-container table tbody tr td div.codecolorer
{
    overflow-x: hidden;
    padding-top: 0px;
}
div.contenuPage div#page.hfeed div#main div#primary div#content article div.entry-content div.codecolorer-container table tbody tr td.line-numbers div
{
    vertical-align: top;
}

Qu’en pensez-vous? N’est-ce pas un peu mieux de profiter de toute la largeur de la fenêtre?

A+

Laisser un commentaire