Stylish pour Deezer

Je continue dans ma lancée des sites refaits à ma sauce grâce à Stylish avec Deezer.

Le résultat

Avant

Deezer sans
stylish

Après

Stylish
Deezer

Le code

Téléchargement

Je me suis inscrit hier sur le site userstyles.org pour pouvoir mettre à disposition mes styles plus facilement. Vous pouvez ainsi retrouver le lien de téléchargement rapide à cette adresse. Il vous suffit de cliquer sur Install with Stylish.

Le code source

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



@-moz-document domain("deezer.com") {

@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');

}



/***************** Header ********************/

    #head{font-family: Boogaloo !important;}



    #logo-deezer{background: none !important;}

    #logo-deezer:after{

        content: 'Deezer'!important;

        display: inline-block !important;

        font-style: italic !important;

        color: #E9E4CA !important;

        font-size: 37px !important;

        margin-top: 14px !important;

        font-family: Boogaloo !important;

    }



    .area_picto_t-b,

    .area_timeline_t-b{

        background: #28616A !important;

    }



    .header_profil-user .user-avatar img{

        border-radius: 34px !important;

    }



    #top-bar,

    #player,

    #current-playlist{

        background: #28616A !important;

    }



    #options li, #options li a{

        border-radius: 29px !important;

    }



    /**** Controllers ****/

    .h_icn_play{

        background: url(http://cdn1.iconfinder.com/data/icons/defaulticon/icons/png/48x48/media-play.png) !important;

        background-size: 32px !important;

    }



    .h_icn_next{

        background: url(http://cdn1.iconfinder.com/data/icons/defaulticon/icons/png/32x32/media-fast-forward.png) !important;

        background-size: 27px 17px !important;

    }



    .h_icn_previous{

        background: url(http://cdn1.iconfinder.com/data/icons/defaulticon/icons/png/32x32/media-fast-forward.png) !important;

        background-size: 27px 17px !important;

        transform: rotate(180deg) !important;

    }



    .h_icn_pause{

        background: url(http://cdn1.iconfinder.com/data/icons/defaulticon/icons/png/32x32/media-pause.png) !important;

        background-size: 32px !important;



    }

    /****Fin controllers ****/

    #input-content{

        background: #E9E4CA !important;



    }



    #input-content input[type="text"]{

        font-family: Boogaloo !important;

        color: #28616A !important;

        font-size: 16px !important;

    }



/**************** NAV ************************/



    #naboo_menu_list_music{

        background: #C94C46 !important;

    }

    #naboo_menu_list_music .tinyscroll_overview > a,

    #naboo_menu_list_music .tinyscroll_overview .folder,

    #naboo_menu_list_music .tinyscroll_overview .block_cat-menu > a,

    #naboo_menu_list_music .tinyscroll_overview .block_folder > a,

    #naboo_menu_list_music .tinyscroll_overview .apps_folder > a{

        text-shadow: none !important;

        color: #E9E4CA !important;

        font-family: Boogaloo !important;

        font-size: 1.3em !important;

    }



    #naboo_menu_list_music .tinyscroll_overview a:hover,

    #naboo_menu_list_music .tinyscroll_overview > a:hover .blk_icn_right,

    #naboo_menu_list_music .tinyscroll_overview .block_folder a:hover .blk_icn_right,

    #naboo_menu_list_music .tinyscroll_overview .apps_folder a:hover .blk_icn_right{

        color : #C94C46 !important;

    }



    #naboo_menu a.selected, #naboo_menu .tinyscroll_overview a.selected:hover, #naboo_menu_list_music .tinyscroll_overview .block_cat-menu.selected > a:first-child, #naboo_menu_list_music .tinyscroll_overview .block_folder.selected > a:first-child{

        background: #333 !important;

    }



/********************CONTENT **********************/



    .pageedito,

    .naboo_head,

    #naboo_datagrid_tracks{

        background: #E4E9CA !important;

    }



    .naboo_head{

        font-family: Boogaloo !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 :) )

Merci à Interactivemania pour les icônes (sur Inconfinder & sur leur site )

diaspora*
Retour maison