c'est mon premier style que je créé donc désolée si il a des défauts.
Aussi si les couleurs ne vous conviennent pas je vous invite à les modifier :

couleur sombre : #302357 ou gbr(48, 35, 87)
couleur médium : #9791ab ou gbr(151, 145, 171)
couleur claire : #fbf8fd ou gbr(251, 248, 253)
remplacez les comme vous voulez (ce site fournie tout les chiffres : http://www.color-hex.com/).

pour les cadres un peu transparents vous verez : gbra(48, 35, 87,0.8), les trois premiers chiffres sont la couleur et le dernier à virgule correspond à l'opacité.


PS : pour changez le fond général :

body {
background: url("http://img15.hostingpics.net/pics/48086720160651s44548.png") fixed top center;;
background-size: cover;
overflow-y: scroll;
}

ceci est les première ligne et vous avez juste à changer "http://img15.hostingpics.net/pics/48086720160651s44548.png" par l'url de votre image


voilà voilà en espérant que ça vous plaira.