Stylish pour Ubster

Je vous ai récemment parlé de
Stylish
(qui vous permet de changer le design des sites que vous visitez) et
d'Ubster
(le service de musique en streaming gratuit). Voici une fusion des deux
personnalisez Ubster grâce à stylish.

Le résultat

Stylish
Ubster

Le script

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

@-moz-document domain("www.ubster.com") {

body{
    text-shadow: none !important;
}

@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
*******************/
    #header a.header-logo{
        display: none !important;

    }

    #header:after{
        content: "Ubster";
        display: inline-block !important;
        font-style: italic !important;
        color: #E9E4CA !important;
        font-size: 47px !important;
        margin-top: 7px !important;
        font-family: Boogaloo !important;
    }

    .system-user-connected-username{
        font-family: Boogaloo !important;
        color: #fff !important;
    }

    #header .input-button #search-input,
    #search-input:active,
    #search-input:focus,
    #filter-input,
    #history-filter-input{
        font-family: Boogaloo !important;
        font-size: 1.2em !important;
    }

    .notification-button{
        border-radius: 28px !important;
        font-family: Boogaloo !important;
    }

/******************
Navigation
*******************/

    #nav{
        background: #C94C46 !important;
    }

    .nav-button{
        color: #E9E4CA !important;
        text-shadow: none !important;
        font-family: Boogaloo !important;
        font-size: 1.2em !important;
    }

    .nav-title{
        color: #e5e5e5 !important;
        font-style: italic !important;
        font-family: Boogaloo !important;
        font-size: 1em !important;
    }

    /* Les icônes */

    .home-icon:before{
        background: url("http://template.ubster.com/css/../img/sprite.png") no-repeat scroll 0 -287px #E9E4CA !important;
        border-radius: 24px !important;
    }

    .discover-icon:before{
        background: url("http://template.ubster.com/css/../img/sprite.png") no-repeat scroll -24px -287px #E9E4CA !important;
       border-radius: 24px !important;
       }

    .history-icon:before{
        background: url("http://template.ubster.com/css/../img/sprite.png") no-repeat scroll -48px -287px #E9E4CA !important;
        border-radius: 24px !important;
    }

    .like-icon:before{
        background: url("http://template.ubster.com/css/../img/sprite.png") no-repeat scroll -96px -287px #E9E4CA !important;
        border-radius: 24px !important;
    }

    .playlist-icon:before{
        background: url("http://template.ubster.com/css/../img/sprite.png") no-repeat scroll -72px -287px #E9E4CA !important;
        border-radius: 24px !important;
    }

/******************
Controlers
*******************/

    #controlers .timeline-container .time, .timeline-container .length{
        text-shadow: none !important;
        color: #E9E4CA !important;
        font-family: Boogaloo !important;
        font-size: 1em !important;
    }


/******************
Couleur header et controlers
*******************/
    #controlers,
    #header{
        background: #28616A !important;
    }

/******************
Content
*******************/
    .entitled-container h2{
        font-family: Boogaloo !important;
    }

    ul.medias li.media{
        box-shadow: 0px 0px 1px #000 !important;
    }


    #search,
    #main-container,
    #sidebar{
        background: #E9E4CA !important;
    }

    .playcount-container{
        font-family: Boogaloo !important;
    }

}
diaspora*
Retour maison