Thème en libre service #6 - Hamakaze Kancolle

@font-face {font-family: "trajan";

src: url('https://ekladata.com/Rgb3CmX4cI4aez15Og9j-7S5AJQ/TrajanPro3-Regular.otf');}

@font-face {font-family: "nathaniel";

    src: url('https://ekladata.com/Pfv8RPwS_IqupMJaS8KZVKMaoHo/Nathaniel.ttf');} 

/*--fond fenêtre--*/

#body {        background:url('https://ekladata.com/kpGAqaSeO7RLb8xhIlABYUbtf4A.png') repeat;}

#body a { text-decoration: none;}

/*--fond page--*/

#background { background: url('https://ekladata.com/YFTCQVjb3mn2SXwjaPD5Nv_zF2A.jpg') no-repeat;

width: 900px;

    background-color: #f6f4f3;

box-shadow: 0px -3px 7px #0606;

border-left: 1px solid #b7007a;

border-right: 1px solid #b7007a;}

/*--header--*/

#header {background: url('https://ekladata.com/ovZgu0jpApcHNRmYzZ5K-XiyrvE.jpg');

height: 320px;

margin-bottom: 20px;}

#titre_header {font-size: 35pt;

color: black;

font-family: Nathaniel;

    padding: 5px 5px 0px 5px;

    font-weight: lighter;}

#titre_header a {color: white;

text-shadow:  1px 1px 0px #ab0075, -1px -1px 0px #ab0075, -1px 1px 0px #ab0075, 1px -1px 0px #ab0075; }

/*--menu header--*/

#menu {display: none;}

/*--menu1--*/

#menu1 {

    border-radius: 10px 10px 10px 10px;

    background: rgba(207,0,107,0.4);

    width: 240px;

color: #9e9e9e;

margin-left: 10px;

margin-top: 35px;}

#menu1 a {color: #b7007a;}

#menu1 a:hover {color: #e4079a;}

#menu1 .module_menu_titre {height: 25px;

font-size: 15pt;

    text-align: left;

color: white;

font-family: Trajan;

line-height: 130%;

text-shadow: 0px 0px 5px #f817ae;

margin-top: 5px;

margin-left: 10px;}

#menu1 .module_menu_contenu {padding-left: 10px;

    padding-right: 10px;

padding-top: 10px;

padding-bottom: 30px;

color: white;

font-family: arial;

font-size: 11pt;}

/*--module dernier visiteurs--*/

.module_menu_type_lastvisitors {position: absolute;

top: 295px;

margin-left: 270px;}

.module_menu_type_lastvisitors img {width:35px;

height: 35px;

margin-bottom: 15px;

    border: 3px solid white;

box-shadow: 0px 0px 4px #bababa;

opacity: 0.9;

margin-right: 5px;

margin-left: 7px;

      -webkit-transition-duration: 0.3s;

                   -moz-transition-duration: 0.3s;

                   transition-duration: 0.3s;

-webkit-transition-timing-function: ease-out;

                   -moz-transition-timing-function: ease-out;

                   transition-timing-function: ease-out;}

.module_menu_type_lastvisitors img:hover{

border-radius: 20px 85px / 75px 30px;

      -webkit-transition-duration: 0.3s;

                   -moz-transition-duration: 0.3s;

                   transition-duration: 0.3s;

-webkit-transition-timing-function: ease-in;

                   -moz-transition-timing-function: ease-in;

                   transition-timing-function: ease-in;}

/*--shootbox--*/

.menu_shoutbox {background-color: #fbfbfb;

border: solid 1px #c7c7c7;

padding: 5px 5px 5px 5px;

margin-bottom: 10px;

color: grey;}

.menu_shoutbox hr {width: 90%;

border-bottom: dashed 1px #d5d5d5;}

/*--article--*/

#content {width: 590px;

margin-left: 280px;

margin-top: 90px;}

.module_titre_contenu, .module_titre_contenu a {

    height: 32px;

    width: 580px;

font-weight: lighter;

    font-family: Trajan;

    color: #b0007c;

    font-size: 16.3pt;

    letter-spacing: -0.3pt;

text-decoration: none;

text-align: center;

text-shadow: 1px 1px 0px white, -1px -1px 0px white, -1px 1px 0px white, 1px -1px 0px white, 2px 2px 0px white, -2px -2px 0px white, -2px 2px 0px white, 2px -2px 0px white;}

.module_titre_contenu {

padding-left: 10px;

line-height: 165%;

border-bottom: double 3px #b0007c;}

.article_info { height: 10px;

    font-size: 10px;

    font-family: arial;

    color: black;

    opacity: 0.5;

    text-align: right;

    padding-bottom: 10px;

}

.module_contenu {

    padding-top: -5px;

    padding-left: 3px;

    padding-right: 3px;

    padding-bottom: 10px;

font-family: arial;

font-size: 11.5pt;

color: #565656;

letter-spacing: 0.6pt;

}

.module_contenu a {

    color: #f98e2c;

    font-weight: bold;

}

.module_contenu a:hover {

    color: #f9cd2a;

}

.module_bottom {

    height: 40px;

}

/*--footer--*/

#footer {

    height: 25px;

    font-size: 14px;

    color: black;

float: right;

padding-top: 45px;

margin-right: 30px;

opacity: 0.5;}

#footer a {

    color: black;

}

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

/*--commentaire--*/

.comment_normal, .comment_admin {

width: 580px;

    background-color: #f8f4f3;

    border-radius: 15px 15px 15px 15px;

    color: #494949;

        border-top: 1px solid #494949;

    border-bottom: 3px solid #494949;

    border-right: 3px solid #494949;

    border-left: 1px solid #494949;

    margin-bottom: 20px;

    margin-top: 25px;

}

.comment_normal:hover, .comment_admin:hover {background: #efeae9;}

div.commentheader{

background: url('https://ekladata.com/AnDwxC5Jifd2TgyBVvYGbirwpps.png');

background-color: white;

    border-radius: 15px 15px 0px 0px;}

div.commentbody {

    padding-top: 10px;

    padding-right: 10px; padding-left: 10px;

    padding-bottom: 10px;

text-align: justify;

margin-bottom: 25px;}

.comment_admin .commentnumber {

    color: #494949;

font-family: impact;

font-weight: lighter;

font-size: 25px;

float: left;}

.commentnumber {

float: left;

   color: #494949;

font-family: impact;

font-size: 25px;

        font-variant: normal;

text-align: center;

padding-right: 10px;

width: 45px;

padding-left: 10px;}

.commentpseudo a {

font-style: normal;

text-decoration: none;

font-variant: normal;

}

.commentpseudo {

    line-height: 140%;

padding-top: 5px;

font-family: Trajan;

    padding-right: 15px;

    font-size: 18px;

    font-weight: bold;

float: right;

letter-spacing: 3pt;

text-shadow: 1px 1px 0px white, -1px -1px 0px white, -1px 1px 0px white, 1px -1px 0px white;}

.comment_admin .commentpseudo {

font-style: normal;

text-decoration: none;

font-variant: normal;

}

.commentdate {float: left;

font-size: 9pt;

padding-top: 5px;

padding-left: 10px;

font-family: Arial, Helvetica, sans-serif;

color: #494949;

    opacity: 0.8;

    line-height: 200%;

}

.commentavatar {float: right;}

.commentavatar img {

width: 90%;

border-radius: 75px 28px 43px / 65px;

box-shadow: 0px 0px 5px #c0008d;}

/*--bouton--*/

input[type=button],input[type=submit], button {

    background: linear-gradient( #f67112, #faa060);

padding: 7px 14px 3px 14px;

color: white;

    border-radius: 10px / 20px ;

    border-top: 1px solid #ffc9a2;

    border-left: 1px solid #f67112;

    border-right: 1px solid #f67112; 

    border-bottom: 1px solid #f67112;

font-family: Trajan;

letter-spacing: 0.1pt;

font-size: 11pt;}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {

    background: linear-gradient( #faa060, #f67112);

}

/*--helpbubble--*/

#help_bubble {background: white;

    border: 1px solid grey;

border-radius: 4px;

color: grey;}

/*--recherche--*/

.module_menu_type_search { position: absolute;

    top: -30px;

margin-left: 0px;}

.module_menu_type_search [type="submit"] {opacity: 0;}

/*--module recherche--*/

#background input[type=text], #background select, #background textarea {

    width: 200px;

    height: 25px;

    margin-bottom: 5px;

opacity: 0.7;

border: none;

border: 1px solid grey;}

/*--forums--*/

.post_table_head {background: rgba(182,0,119,.7);

    padding: 3px 2px 3px 2px;

text-align: center;

font-family: arial;

color: white;

border-radius: 15px 15px 0px 0px;}

.post_table_profile a {position: relative;

    top: 105px;

    display: block;

    width: 100%;

    padding-top: 3px;

    background: rgba(255,255,255,.7);

    color: #f28026;}

.post_table_profile a:hover {color: black;}

.post_table_profile {background: url('https://ekladata.com/PDYSema1CchtOvZh15N7jV12KmA.jpg');

width: 110px;

height: 190px;

    padding-top: 10px;

font-family: "Trajan";

font-size: 17px;

    letter-spacing: -0.4pt;

text-align: center;

border-radius: 0px 0px 0px 15px;}

.post_table_profile img {position: relative;

    top: -40px;

    border-radius: 8px / 20px;

    box-shadow: 0px 0px 8px white;}

.post_table_msg { background: #f7f7f7;

padding: 5px 10px 5px 10px;

border-radius: 0px 0px 15px 0px;

color: grey;

box-shadow: inset 0px 0px 7px grey;}

.post_table_msg p {width: 455px;}​

  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. Vous devez placer vous-même le titre de votre blog en allant dans Apparence > Modifier le thème > En-tête (header) > Titre > Déplacer à la souris.

  4. Ne pas mettre de lien dans le menu du header.

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

1. Enlever le titre du module "derniers visiteurs" pour que ça donne le même résultat que ci-dessus.

2. Pour que la barre de recherche soit affichée en haut à gauche comme dans le screen, vous devez ajouté le module "recherche".

3. L'apparence des commentaires, des messages du forum et de la shoutbox a été codée.

4. A priori pas de bug pour ce thème : mais n'hésitez pas à me les signaler si il y en a.