-
Kakashi Hatake
::selection {background:rgba(184,54,54,0.5)}
* {line-height: 17px;
}
* a { color: #000;
text-decoration: none;
opacity: 1;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-o-transition: 500ms;
transition: 500ms; }
* a:hover { opacity: 0.8; }
* img {max-width: 98%;
margin: 5;
}
#body { background: url(http://img15.hostingpics.net/pics/702901head.png) no-repeat 50% 0%,
url(http://img15.hostingpics.net/pics/727033back.png) repeat-y 50% 0%,
url(http://img15.hostingpics.net/pics/493538foot.png) repeat-x fixed 0% -900%,
url(http://img15.hostingpics.net/pics/893733fond.png) repeat-x fixed 0% -300px;
background-color: #393939;
}
#background {
width: 980px;
padding: 10px;
.margin-top: 325px;
}
#header { height: 0px;
}
#titre_header a{
font-family: shanghai, Macondo Swash , cursive;
text-shadow: -1px -1px 0px #f3d6d6, 1px 1px 6px black;
font-size: 70px;
background: none;
position: absolute;
display: block;
width: 490px;
height: 120px;
padding: 100px;
padding-left: 0px;
text-align: right;
font-variant: small-caps;
letter-spacing: 2px;
top: 0px;
left: -180px
}
#slogan_header{ color: black;
position: absolute;
top: 160px;
right: 30px;
.font-family: cursive;
font-size: 25px;
text-shadow: 0px 0px 3px #f3d6d6, 0px 0px 1px #f3d6d6, 0 0 13px black
}
#footer{text-align: center;
opacity: 0.5
}
#footer:after{ content:"- Thème by Nagalia"
}
#menu1 { position: relative;
margin-top: -5px;
margin-left: -5px;
width: 160px;
height: 380px;
overflow: auto;
}
#menu2{background: url(http://img15.hostingpics.net/pics/164827menuu.png) repeat-y 0px 0px;
width: 200px;
padding: 15px;
margin-top: 400px;}
#menu2_top{background: url(http://img15.hostingpics.net/pics/613769topmenu.png) no-repeat;
height: 60px;
margin-left: -15px;
margin-top: -54px;
width: 230px;
}
#menu2_bottom{background: url(http://img15.hostingpics.net/pics/510739basmenu.png) no-repeat 0px 100%;
height: 60px;
margin-bottom: -50px;
margin-left: -15px;
width: 230px
}
.module_menu_titre { text-align: center;
font-size: 18px;
margin-top: 10px;
margin-bottom: 5px;
font-weight: bold;
}
.module_menu_titre:before{content: "~ "
}
.module_menu_titre:after{content: " ~"
}
.module_menu_contenu_block { padding-bottom: 10px;
text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
}
#menu_calendar { border: none;
border-top: 1px solid rgba(0,0,0,0.7);
border-bottom: 1px solid rgba(0,0,0,0.7);
width: 90%;
margin-right: 15px
}
#menu_calendar th{ background: none;
padding-top: 5px;
border-bottom: 1px dotted rgba(0,0,0,0.5);
}
.menu_calendar_link { background : url(http://img4.hostingpics.net/pics/724629calendar.png) no-repeat -100% -100%;
}
.menu_calendar_link:hover{border: none;
}
.module_menu_type_lastvisitors { text-align: center;
}
.module_menu_type_lastvisitors img { max-width: 80px;
margin: 3px;
border-radius: 40px;
border: 1px solid silver;
background: rgba(45,0,0,0.6);
box-shadow: inset 0 0 7px black, 2px 2px 2px white, 0 0 5px red, 0 0 6px black;
}
#content{ margin-left: 0px;
width: 760px;
padding-top: 500px;
margin-top: 50px;
background: url(http://img15.hostingpics.net/pics/929624titrelien.png) no-repeat -50px 290px;
}
.module_titre{
height: 30px;
border: none;
padding-left: 230px;
font-family: shanghai, Macondo Swash , cursive;
text-shadow: -1px -1px 0px #f3d6d6, 1px 1px 6px black;
font-size: 25px
}
.module_titre a{ display: block;
font-size: 45px;
font-variant: small-caps;
height: 50px;
margin-left: -200px;
padding-left: 150px;
width: 400px;
}
#comments{ display: block;
width: 400px;
margin-left: -200px;
font-size: 30px
}
.module_tools a{ background-image: none;
height: 18px;
width: 70px;
}
.module_contenu_block{ background: url(http://img15.hostingpics.net/pics/247536basarticle.png) no-repeat 100% 100%;
margin-left: 20px;
margin-top: -10px;
width: 640px;
padding-right: 60px;
padding-bottom: 40px;
text-align: justify;
text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
}
.article_text{margin-bottom: -20px;
}
.article_info{margin-bottom: 20px;
width: 150px;
margin-left: 550px;
margin-top: 0px;
text-align: right;
font-size: 12px;
}
/*MENUBAR*/
#menubar,
#menubar a{ color: black;
}
#menubar_section_content:hover,
#menubar_section_appearance:hover,
#menubar_section_interactions:hover,
#menubar_section_manage:hover,
#menubar_section_account:hover,
#menubar_section_help:hover,
#menubar_notifications:hover,
#menubar_signin,
.window_handle_content,
.window_handle_left,
.window_handle_right
{
-webkit-filter: grayscale(0.5) hue-rotate(165deg) brightness(0.81) contrast(1.9) saturate(1.5);
-moz-filter: grayscale(0.5) hue-rotate(165deg) brightness(0.81) contrast(1.9) saturate(1.5);
-o-filter: grayscale(0.5) hue-rotate(165deg) brightness(0.81) contrast(1.9) saturate(1.5);
filter: grayscale(0.5) hue-rotate(165deg) brightness(0.81) contrast(1.9) saturate(1.5);
}
#menubar_favorites_btn,
#menubar_nofavorites_btn:hover {
background: url("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%; }
#menubar_favorites_btn:hover,
#menubar_nofavorites_btn { background: url("/images/menubar/icon_favorite.png")no-repeat 50% 50%; }
-
Commentaires
Je le prend aussi!^^ (ne t'en fais pas si je t'en prends plein, il sont juste dans ma reserve bien caché pour les prochains thèmes de mes prochains blogs que je ne vais pas tarder a faire :D)
Si j'ai pas la flemme de les faire bien sur --""""
Il est un stylé super ! Je vais te l'emprunter ! C'est exactement ce que je cherchais ^^ Merci beaucoup !
ouahh *_*, magnifique!!! Des règles ou on peut l'utiliser comme ça? J'aimerai l'utiliser pour mon blog aussi...
21YumeMercredi 5 Août 2015 à 21:26Ok 2 problèmes :
je n'y arrive pas
sur mon blog secondaire je n'arrive plus acceder aux menus "apparence" depuis que j'ai installé le thème ...
23YumeMercredi 5 Août 2015 à 22:09c´est bizzarreCe thème est trop épique ! J'adore l'originalité de la structure. Je te le prends pour un de mes blogs (encore hors ligne pour l'instant). Merci beaucoup pour ce magnifique travail et bonne soirée.
J'ai le même problème que Kips0 impossible d'accéder au menu apparence depuis l'installation du thème ni au contenu, donc plus moyen de pouvoir mettre à jour mon blog...quelqu'un peu m'aider?
Je n'ai pas ce problème de mon côté... Est-ce que je peux avoir accès à ton blog pour voir d'où il vient et essayer de le résoudre ?
Hé bien, j'ai réussis à modifié le thème mais en changeant de navigateur (un éclair de génie m'est soudainement apparut x) ).
J'ai donc ce problème en usant du navigateur firefox mais pas avec Chrome :/
Par contre, j'ai une petite question, comment mettre le menu 1 en haut à gauche comme ici ? J'ai beau chercher dans le CSS je n'arrive pas à le dénicher x).
28CalkrysVendredi 18 Mars 2016 à 21:54Magnifique *-*
Mais... comment on fait pour le mettre ?
J'ai beau chercher, je ne trouve pas...
Ajouter un commentaire
J'aime beaucoup le thème et le rouge ressort vraiment !