Thème en libre service #7 - New York City

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

src: url('https://ekladata.com/DQ4_vfzSOgR64n05EBmf7v_kH2U/BebasNeue.otf');}

@font-face {font-family: "lake";
src: url('https://ekladata.com/IP339OmJlEw9I-NGBUtfHMzGmP0/Lakesight_PersonalUseOnly.ttf');}

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

/*--fond fenêtre--*/
#body { background:url('https://ekladata.com/iB3D7ti4-5-WNSLuO0Rnfy6XK2U.jpg') repeat;
font-family: arial;}
#body a { text-decoration: none;}

/*--fond page--*/
#background {width: 89%;
margin-left: 30px;}

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

#titre_header {position: absolute;
top: 320px;
left: 850px;
text-align: left;
line-height: 30pt;
width: 542px;
font-family: "lake";
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);}

#titre_header a {color: #ffaf44;
font-size: 63pt;
text-shadow: 0px 0px 5px #ba0e25;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out;}

#titre_header a:hover {color: #34c0cb;
text-shadow: 0px 0px 5px #7b7b7b;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out;}

/*--menu header--*/
#menu {position: absolute;
top: 21px;}

#menu a {display: block;
width: 105px;
height: 27px;
text-align: center;
border: 1px solid #f9f09e;
background: #f9f09e;
font-family: "lab";
font-size: 19pt;
letter-spacing: 5pt;
color: black;
padding: 2px 10px 7px 10px;
margin-right: 25px;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out;}

#menu a:hover {background: white;
text-shadow: 0px 0x 3px black;
border: 1px solid #dbdbdb;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out;}

/*--menu1--*/
#menu1 {background: url('https://ekladata.com/0CVIFL-EmH7pp8e8bD3Xhwza_O0@375x545.jpg');
width: 375px;
border: 3px solid #dbdbdb;
min-height: 542px;
max-height: 542px;
overflow-y: auto;
font-family: arial;
font-size: 12pt;
}

#menu1 a {color: #ff0c50;
text-shadow: 1px 1px 0px white, -1px -1px 0px white, -1px 1px 0px white, 1px -1px white;}

#menu1 a:hover {background-color: #34c0cb;
color:white;
border-radius: 3px;
text-shadow: none;}

#menu1 .module_menu_titre {display: none;}

#menu1 .module_menu_contenu {padding: 0px 5px 0px 5px;
opacity: 0;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;}

#menu1 .module_menu_contenu:hover {opacity: 1;
background: rgba(255,255,255,0.6);
min-height: 542px;
-webkit-transition-duration: 0.09s;
-moz-transition-duration: 0.09s;
transition-duration: 0.09s;}

.module_menu_type_lastvisitors {position: absolute;
top: 0px;
right: 0px;
width: 60px;
margin-left: -10px;}

.module_menu_type_lastvisitors img {width: 45px;
height: 45px;
border-radius: 100px;
margin-bottom: 15px;
margin-top: 5px;}

/*--article--*/
#content {width: 645px;
position: absolute;
top: 75px;
left: 60px;
background: #f9f9f9;
border: 1px solid #dbdbdb;
min-height: 542px;
max-height: 542px;
overflow-y: auto;
}

.module_titre_contenu, .module_titre_contenu a {font-family: "Bebas_Neue";
font-size: 23pt;
letter-spacing: 1pt;
color: #34c0cb;
text-shadow: 2px 0px 0px #dbdbdb;
}

.module_titre_contenu {border-bottom: 1px dashed #dbdbdb;
height: 100%;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;}

.article_info {display: none;}

.module_contenu {padding: 7px;}

.module_contenu a {color: #ff497c;}

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

.module_bottom {height: 20px;}

/*--footer--*/
#footer {display: block;
color: grey;
font-size: 8pt;}

#footer a {color: grey;}

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

/*--commentaire--*/
.comment_normal, .comment_admin {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 #dbdbdb;}

/*--bouton--*/
input[type=button],input[type=submit], button {background: #34c0cb;
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: #ff497c;}

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

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

.post_table_head {background: #ffaf44;
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 #ffaf44;}

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

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

.pagination img {}

/*fenetre*/
.window_title{ font-size: 25px; color: white; text-shadow: 2px 1px 0px #5892b8;
font-family: bebas_neue;
letter-spacing: 1.3pt;
line-height: 120%;}
.window_handle_content {background: #95c6e6 ;text-align:center;}
.window_handle_left{ background: #95c6e6 ;border-radius: 3px 0 0 0;}
.window_handle_right{ background: #95c6e6 ;border-radius: 0 3px 0 0;}
.window_content_wrapper1{ background: #95c6e6;}
.window_content_wrapper2{ background: #95c6e6;}
.window_bottom_wrapper1{ background: #95c6e6; border-radius: 0 0 3px 3px}
.window_bottom_wrapper2{ background: #95c6e6 ;border-radius: 0 0 3px 3px}
.window_bottom{ background: #95c6e6;}
.window_tabs span.window_tab_active {background-color: COLOR;}
.window_tabs span {background-color: color;}
.window {box-shadow: 0px 0px 5px black;
border-radius: 3px;}

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

  2. Choisir un seul menu à gauche.

  3. Vous ne devez garder qu'un seul module simple (pas de derniers visiteurs ou de shoutbox..etc).

  4. Ne pas mettre plus de 7 liens dans le menu du header.

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

1.  Considérez que ce thème n'a pas de menu !

2. Au risque de me répéter : ce thème ne doit comporter qu'un seul module SIMPLE dans le menu de gauche, et il ne doit PAS y avoir de derniers visiteurs, de module de recherche et autre. Le module simple existant sert uniquement à ceux voulant faire une description de leur blog.

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

4. Ce thème devrait avoir un bon rendu sur les écrans petits comme grand.

5. Ce thème a un meilleur rendu sur ordinateur !