Stylish pour Google

Oui ! Un troisième thème pour un troisième site en 3 jours. Il fait froid, je reste au chaud et je m'amuse. Et faut bien avouer que refaire le design de Google ne prend pas une semaine.

Le résultat

Je ne vous fais pas l'affront de mettre une image de la page par défaut de Google, je pense que tout le monde la connait

Stylish Google
Home

Stylish Google
Search

Le code

Téléchargement

Le script est à disposition à cette adresse. Vous n'avez plus qu'à cliquer sur Install with stylish.

Le code source

@namespace url(http://www.w3.org/1999/xhtml);



@-moz-document url-prefix("http://www.google."), url-prefix("https://www.google.") {

    @font-face {

  font-family: 'Boogaloo';

  font-style: normal;

  font-weight: 400;

  src: local('Boogaloo'), local('Boogaloo-Regular'), url(https://themes.googleusercontent.com/static/fonts/boogaloo/v3/1x_XysQB9ZwoSzu9a0nb7PesZW2xOQ-xsNqO47m55DA.woff) format('woff');

}



    body{

        background: #E9E4CA !important;

        font-family: Boogaloo !important;

    }



    #hplogo{

        background: none !important;

    }



    #hplogo>:first-child{

        left: 231px !important;

        top: 55px !important;

        color: #C94C46 !important;

    }



    #hplogo:after{

        content: 'Google';

        font-size: 100px !important;

        font-style: italic !important;

        color: #28616A !important;

        text-shadow: 1px 1px 2px #C94C46 !important;

    }



    .gbqfba, .gbqfbb{

        background: #28616A !important;

        color: #E9E4CA !important;

    }



    #gbx3{

        background: #28616A !important;



    }



    #gbz .gbzt, #gbz .gbgt{

        font-family: Boogaloo !important;

        font-size: 16px !important;

    }



    .pmoabs{

        display: none !important;



    }



    #gbql{background: none !important;}

    #gbq1 .gbqla {text-decoration: none !important;}

    #gbql:after{

        content: 'Google' !important;

        font-style: italic !important;

        color: #E9E4CA !important;

        font-size: 32px !important;

        text-shadow: 1px 1px 2px #28616A !important;

    }



    #top_nav{

        font-size: 16px !important;

    }



    #gs_tti0{

        background: #E9E4CA !important;

        border: 1px solid #C94C46 !important;

    }



    #gbx1{

        background: #C94C46 !important;

    }



    #gbgs4dn{

        color: #E9E4CA !important;

    }



    #appbar,

    #hdtbSum{

        background: #E9E4CA !important;

    }



    .gbqfb,#gbgs4, .gbgs{

        background: #28616A !important;

        border: none !important;



    }



    #gbgs4, .gbgs{

        color: #E9E4CA !important;

    }



    .ksb, .ab_button{

        border-radius: 17px !important;

        background: none !important;

        border: none !important;

    }



    .cpbb:hover, .kpbb:hover, .kprb:hover, .kpgb:hover, .kpgrb:hover, .ksb:hover, .ab_button:hover, #hdtb_tls:hover{

        box-shadow: 1px 1px 1px #C94C46 inset, -1px -1px 1px #C94C46 inset;

    }



    .brs_col{

        font-size: 16px !important;

    }



    #cnt #center_col, #cnt #foot, #cnt .ab_center_col{

        font-size: 16px !important;

    }



}

Ce code est sous licence CC-BY. Libre à vous de le modifier, et redistribuer. Mais merci de me citer comme auteur (on a tous notre petit égo :) )

diaspora*
Retour maison