Thème en libre service #8 - Rose

@font-face {font-family: "Bebas_Neue";
src: url('http://ekladata.com/DQ4_vfzSOgR64n05EBmf7v_kH2U/BebasNeue.otf');}

@font-face {font-family: "lab";
src: url('http://ekladata.com/AZplGHuUIoQTsWXwcEjSFTIGCV4/LABTOP_.ttf');}

@font-face {font-family: "trajan";
 src: url('http://ekladata.com/Rgb3CmX4cI4aez15Og9j-7S5AJQ/TrajanPro3-Regular.otf');}


/*--fond fenêtre--*/
#body {       background:url('http://ekladata.com/lZFwOjGqaKuT9dGag-aG4z7Kv28.jpg') repeat;
font-family: arial;
word-wrap: break-word;}
#body a { text-decoration: none;}

/*--fond page--*/
#background {width: 1000px;
    margin: 0 auto;}

/*--header--*/
#header {height: 180px;}

#titre_header {top: 100px;
line-height: 180%;
letter-spacing: 8.15pt;}

#titre_header a {display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 19pt;
    font-family: trajan;
        font-weight: bold;
    color: white;
    text-shadow: -1.5px 1.5px 0px #232323, 0px 0px 3px #505050;}

#titre_header a:hover {text-shadow: -2.5px 1.5px 0px #ff497c, 0px 0px 3px #ff497c;}

/*--menu header--*/
#menu {width: 100%;
    height: 50px;
    padding-top: 15px;}

#menu a {display: inline;
    font-family: bebas_neue;
    font-size: 20pt;
    color: white;
    background: #232323;
    margin-right: 15px;
    padding: 5px;
    border-radius: 5px 18px / 12px 8px;}

#menu a:hover {background: rgba(0,0,0,0.5);}

#menu ul a {display: inline-block;
    margin-top: 5px;
    padding-bottom: 10px;
    line-height: 100%;}

#menu ul a:hover {display: inline-block;
    margin-top: 5px;
    padding-bottom: 10px;
    line-height: 100%;}

/*--menu1--*/
#menu1 {width: 300px;}

#menu1 a {color:#ff497c;}

#menu1 a:hover {color: white;}

#menu1 .module_menu_titre {height: 100%;
    font-family: lab;
    font-size: 25pt;
    background: #232323;
    color: white;
    padding-left: 10px;
    border-bottom: 1px dashed #323232;}

#menu1 .module_menu_contenu {background: #232323;
    color: #999;
    padding: 6px;
    margin-bottom: 35px;}

.module_menu_type_search input[type="text"], .module_menu_type_search select, .module_menu_type_search textarea {width: 98%;
    height: 25px;
    color: grey;}

.module_menu_type_search [type="submit"] {border: none;
    padding: 2px 0px 1px 0px;
    width: 100%;
    font-family: "Bebas_Neue";
    font-size: 19pt;
    margin-top: 7px;}

.menu_shoutbox {height: 215px;}
.menu_shoutbox {border-width: 1px;
    border-style: solid;
    border-color: rgb(64,64,64);
    padding: 3px;}

.menu_shoutbox hr {width: 100%;
    background: rgb(48, 48, 48);
    height: 1px;
    margin-bottom: 2px;
    margin-top: 2px;}

.module_menu_type_shoutbox input[type="text"], .module_menu_type_shoutbox select, .module_menu_type_shoutbox textarea {margin-top: 7px;
    width: 100%;
    height: 28px;
    color: grey;
    padding-top: 2px; padding-bottom: 2px;}

.module_menu_type_shoutbox [type="submit"] {border: none;
    padding: 2px 0px 1px 0px;
    width: 100%;
    font-family: "Bebas_Neue";
    font-size: 19pt;
    margin-top: 7px;}

#menu_calendar_month {color: #999;}

.module_menu_type_calendar thead {background: #ccc;
    color: black;}

.module_menu_type_calendar tbody tr {color: #a5a5a5;}


.module_menu_type_calendar tbody a {color: #555;
    font-weight: bold;}

.module_menu_type_calendar tbody a:hover {color: white;}

.module_menu_type_lastvisitors img {width:65px;
    height: 65px;
    margin: 2px;}

/*--article--*/
#content {margin-top: 10px;
    width: 630px;
    margin-left: 330px;
    padding-left: 5px; padding-right: 5px;}

.module_titre_contenu, .module_titre_contenu a {display: inline;
    font-family: "Bebas_Neue";
    font-size: 23pt;
    background: #ff497c;
    color: white;}

.module_titre_contenu {height: 100%;
    padding-top: 9px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;}

.article_info {text-align: right;
    font-size: 10px;
    padding-bottom: 5px;}

.module_contenu {margin-top: 15px;
    padding: 7px;}

.module_contenu {background: #fefefe;
    border: 1px solid #ccc;}

.module_contenu a {color: #ff497c;}

.module_contenu a:hover {background-color: #ff497c;
    color:white;
    border-radius: 3px;}

.module_bottom {height: 20px;}

/*--footer--*/
#footer {height: 100%;
    color: #ff497c;
    font-family: lab;
    font-size: 10pt;
    text-align: center;
    letter-spacing: 2pt;}

#footer a {color: #ff497c;
    font-family: lab;
    font-size: 10pt;}

#footer a:hover {color: #dadada;}


#footer:after {content: "-  Design by Elinae  -  © 2015";}

/*--commentaire--*/
.comment_normal, .comment_admin {width: 100%;
    border-bottom: 1px dashed #dbdbdb;}


div.commentheader{}

div.commentbody {margin-top: 10px;
    margin-bottom: 20px;
    text-align: justify;}

div.commentbody a {}

div.commentbody a:hover {}

.comment_admin .commentnumber {color: #696969;}

.commentnumber {font-family: impact;
    font-size: 12pt;
    width: 22px;
    color: black;
    line-height: 160%;}

.commentpseudo a {color: black;}

.commentpseudo a:hover {}

.commentpseudo {font-family: bebas_neue;
    font-size: 20px;}

.comment_admin .commentpseudo a{color: #ff497c;}
.comment_admin .commentpseudo a:hover {color: white;}

.commentdate {font-family: "lab";
    font-size: 13pt;
    letter-spacing: 3pt;}

.commentavatar {margin-right: 10px;
    margin-left: 5px;}

.commentavatar img {border-radius: 50px / 100px;
    border: 3px solid #dadada;}


/*--bouton--*/
input[type=button],input[type=submit], button {background: #ff497c;
    color: white;
    font-family: bebas_neue;
    font-size: 17px;
    letter-spacing: 1.2pt;
    border: none;
    padding: 2px 8px 0px 8px;}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {background-color: #ffaf44;}

/*--helpbubble--*/
#help_bubble {background: white;
    border: 1px dashed #dbdbdb;
    color: grey;
    border-radius: 3px;}


/*--forums--*/
.post_table {width: 100%;
    margin-bottom: 15px;}

.post_table_head {background: #ccc;
    padding: 5px;
    font-family: arial;
    color: white;
    text-align: right;
    border-bottom: 1px dashed #ababab;}

.post_table_profile a {font-family: bebas_neue;
    font-size: 20px;}

.post_table_profile a:hover {}

.post_table_profile {text-align: right;
    width: 86px;
    padding-right: 5px;
    padding-bottom: 5px;
    background: #e9e9ea;
    border-right: 1px dashed #ababab;
    border-bottom: 1px solid #ababab;}

.post_table_profile img {width: 75px;
    height: 75px;
    border-radius: 50px / 100px;
    border: 3px solid #ababab;}

.post_table_msg {padding: 7px;
    background: #e9e9ea;
    border-bottom: 1px solid #ababab;
    border-right: 7px solid #ccc;}



.chemin_forum a {color: #505050;}

.chemin_forum a:hover {}

.forum_table th, .topic_table th {font-family: arial;
    font-weight: normal;
text-transform: uppercase;
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
color: #505050;
padding: 0px 10px 0px 10px;}

.forum_table td, .topic_table td {padding: 0px 10px 0px 10px;}

.forum_table td a, .topic_table td a {color: #ff497c;
text-decoration: none;}

.forum_table td a:hover, .topic_table td a:hover {}

.forum-description {padding: 10px;
margin: 10px 5px 10px 5px;
border: 1px dashed #505050;}

/*--pagination--*/
.pagination {font-family: bebas_neue;
    font-size: 12pt;}

.pagination a {padding-left: 5px; padding-right: 5px;}

.pagination img {}

1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez sauf > ça <.

2. Choisir un seul menu à gauche.

3. Faites attention au nombre de lien dans le menu du header..

4. Copier, coller et appliquer les codes CSS du thème proposé.

1.  La couleur de ce thème est du rose (celui ci #ff497c), mais vous pouvez très bien la remplacer par une autre couleur.

2. Dans le cas où vous souhaitez changer la couleur du thème : chercher tout les éléments qui ont pour valeur la couleur #ff497c et remplacez-la.

3. Il vaut mieux choisir 8 derniers visiteurs pour le module "derniers visiteurs".

4. Vous pouvez utiliser un menu déroulant pour votre menu du header.