déso sayan lorang j'pouvè pa

@Kuzohito: J'trouvais l'ancienne version presque parfaite ptin!

@Kuzohito: sur mobile c'est franchement le top mais mon dieu sur le pc c'est horrible

@Kuzohito: Je suis le seul à avoir l'impression que le nouveau design est un des premiers design de facebook y'a environ 10 ans ?
Et ensuite un des premiers designs sur mobile.

@KaporalZ: Moi j'aime bien !

@Exa634: c'est toujours aussi naze je trouve. Les top box en vrac comme ça, ça ne donne même pas envie de cliquer

@KaporalZ: Oui ça c'est chiant j'avoue u_u

@Kuzohito: Vrai,

@Kuzohito: t'as trop raison pouce bleu

@Kuzohito: Rendez-nous la 1.29 ptn

@Kuzohito: En bidouillant un peu j'ai réussi à me faire une interface plus sobre et adapté au pc. Certains chouals ont vraiment fait du bon taff

ps : la vue "small" donne encore mieux

@Saaam: POPOPOOOOOOOOO

@LaTching: ben c'est la version mobile adaptée pour pc

@Gooby: https://choualbox.com/TSQNE
Si tu veux ma version, tu copies ça :
{
.nav {
background-color: #f8fafc;
border-left: 1px solid #e5eff5;
}
.blocgroupes .bg-white-30 {
background-color: #3C6D92;
color: white;
}
}

@-moz-document domain("choualbox.com") {
.container,
.main,
.headbar,
.menuvertical {
max-width: 70% !important;
}
.nav.onlypc {
margin-top: 90px;
}

.mainmodal-wrapper {
width: 50% !important;
max-width: 50% !important;
}

body{
font-family: "Open Sans", sans-serif;
font-size: 14px;
}

.fs12{
font-size: 11px;
}

.link pa2 {
padding: 0.5rem;
}

.pa2 {
padding: 1rem;
}
}

@-moz-document domain("choualbox.com") {
.headbar {
width: 100%;
background-color: #3C6D92;
z-index: 9;
position: fixed;
height: 40px;
top: 0;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.86,0,0.07,1);
-moz-transition: -moz-transform 1s cubic-bezier(0.86,0,0.07,1);
transition: transform 1s cubic-bezier(0.86,0,0.07,1);
}
}

@-moz-document domain("choualbox.com") {
body {
background-color: #0A1D2E

;
}
}

@-moz-document domain("choualbox.com") {
.bg-choualbox {
background-color: #3C6D92;
}
}

@-moz-document domain("choualbox.com") {
.bg-dark-pink {
background-color: #3C6D92;
}
}

@-moz-document domain("choualbox.com") {
html {
font-family: sans-serif;
line-height: 1
;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
}

.red {
color: #205684;
}


Et tu zoomes à 125 % ou 110 %

@TheMask: quand je paste ton code j'ai ces deux erreurs , une idée? Code 1
error 1 : 1 Unexpected token '{'
error 10 : 1 Unexpected token '}'

@TheMask: Sur chrome faut enlever les @-moz-document domain("choualbox.com") {* et *} autour des blocs.

@Saaam: Il faut enlever les guillemets ou les accolades ?

@boulbi: Mon conmmentaire était pas clair j'ai edit. Tu vires les @-moz-document domain("choualbox.com") { et les accolades qui referment ça.

@Saaam: nice. Merci.

@Meoxys: Je t'ai rep plus bas avec le code corrigé

Commentaire supprimé.

@Meoxys:

.nav {
background-color: #f8fafc;
border-left: 1px solid #e5eff5;
}
.blocgroupes .bg-white-30 {
background-color: #3C6D92;
color: white;
}



.container,
.main,
.headbar,
.menuvertical {
max-width: 70% !important;
}
.nav.onlypc {
margin-top: 90px;
}

.mainmodal-wrapper {
width: 50% !important;
max-width: 50% !important;
}

body{
font-family: "Open Sans", sans-serif;
font-size: 14px;
}

.fs12{
font-size: 11px;
}

.link pa2 {
padding: 0.5rem;
}

.pa2 {
padding: 1rem;
}



.headbar {
width: 100%;
background-color: #3C6D92;
z-index: 9;
position: fixed;
height: 40px;
top: 0;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.86,0,0.07,1);
-moz-transition: -moz-transform 1s cubic-bezier(0.86,0,0.07,1);
transition: transform 1s cubic-bezier(0.86,0,0.07,1);
}


body {
background-color: #0A1D2E

;
}


.bg-choualbox {
background-color: #3C6D92;
}


.bg-dark-pink {
background-color: #3C6D92;
}



html {
font-family: sans-serif;
line-height: 1
;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}


.red {
color: #205684;
}

@TheMask: merci a toi !

@TheMask: GRACIAS

@TheMask: marche nikel chez moi, merci beaucoup!