Eklablog
Editer l'article Suivre ce blog Administration + Créer mon blog

The Labyrinth of Magic [Magi]

06.06.2014 …

Par Nagalia

The Labyrinth of Magic

#email-verification-warning {height: 0px;

    padding: 0px;

    margin: 0px;

    font-size: 0px;

    opacity: 0;

}

#help_bubble{ background: rgb(240,240,240);

    border: none;

    border-radius: 2px;

    border-top: rgb(250,250,250);

    box-shadow: 0 0 1px rgba(0,0,0,0.4);

    

}

#help_bubble img{ max-width: 300px;

    max-height: 150px;

}

* {line-height: 20px;

    font-family: helvetica;

    font-size:12.5px;

}

* a { color: rgb(100,46,56);     

    text-decoration: none;

    border-bottom: 1px solid rgba(100,46,56,0);

    opacity: 1;   

    -webkit-transition: 500ms;  

    -moz-transition: 500ms;  

    -o-transition: 500ms;   

    transition: 500ms; }  

* a:hover { opacity: 0.9; 

    border-bottom: 1px solid rgba(100,46,56,0.7);

}  

* img {max-width: 98%;

    margin: 5;

}

 

input[type=text]{ border: none;

    background: rgba(255,255,255,0.7);

    border-radius: 3px;

    height: 23px;

    margin: 5px;

}

input[type=submit]{ 

    border: none;

    border-radius: 3px;

    height: 25px;

    background: rgba(226,193,126,0.6);

    margin: 5px;

}

 

html,

body {height: 100%;

    min-height:100%;

}

 

#body { min-height:100%;

    top: 0px;

   border-top: none;

    background: url(http://img15.hostingpics.net/pics/384797back2.png) repeat-x 0px 350px,

url(http://img15.hostingpics.net/pics/441303head.png) no-repeat 90% 0px,

 url(http://img15.hostingpics.net/pics/694357back.png) no-repeat fixed 0px 0px / cover;

}

 

#background {min-height:100%;

    margin-top: -25px;

    width: 100%;

    

}

#header{ 

    height: 0px;

    width: 100%;

}

#titre_header a { display: block;

    position: absolute;

top: 367px;

left: 650px;

    height: 50px;

    width: 500px;

    font-variant: small-caps;

    font-size: 42px;

    color: rgba(255,255,255,0.6);

    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);

    border:none;

}

 

#footer,

#footer a{ height:20px;

    position: absolute;

    right: 10%;

    padding:none;

    top:3px;

    right: 5px;

    color:rgba(100,46,56,0);

    opacity:0.7;

    

}

#footer::after{ content: "Design by Nagalia";

        color:rgba(100,46,56,0.5);

}

 

#menu { background: rgb(59,57,55); 

    height:321px;

    position: absolute;

    top: 0px;

    right:0px;

    padding-top:30px;

    border-left: 1px solid rgba(0,0,0,0.3);

}

#menu a{

    float: left;    

    height: 20px;

    padding: 5px;

    font-variant: small-caps;

    font-size: 15px;

    font-weight:bold;

    color: rgba(255,255,255,0.6);

    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);

    margin:7px;

    margin-right:0px;

    margin-left:0px;

    padding-left:7px;

    padding-right:7px;

    border:none

}

#menu a:hover{ background: rgba(255,255,255,0.1);

}

 

 /********MENU*******/

 

#menu1_float { 

    top: 0px;

    min-height:100%;

 

}

#menu1 { background: rgb(59,57,55);    

    padding-left: 15px;

    width:220px;

    padding-right: 20px;

    border-right : 1px solid rgba(0,0,0,0.25);

    box-shadow: 5px 0px 10px rgba(0,0,0,0.5);

    position: fixed;

    top: -20px;

    overflow:auto;

    height:100%;

    padding-bottom: 30px;

    z-index:1;

    color: grey;

    text-shadow: -1px 1px 0px rgba(0,0,0,0.5);

}

.module_menu_contenu_block{padding-bottom:5px;

}

.module_menu_titre { display: inline-block;

    background : rgb(224,168,62);

    float: left;    

    height: 20px !important;

    padding: 5px;

    font-variant: small-caps;

    font-size: 15px;

    font-weight:bold;

    color: rgba(0,0,0,0.7);

    text-shadow: 1px 1px 1px rgba(255,255,255,0.6);

    border-radius: 0 4px 4px 0;

    margin:7px;

    margin-left:-15px;

}

 

.module_menu_titre::after{ content:"";

    display: block;

    float: right;

    margin-top:-5px;

    margin-left:8px;

    margin-right: -5px;

    /* taille */    

    height:0;width:0;   

    /* les bordures */   

    border-left:16px solid rgb(224,168,62);

    border-bottom:15px solid rgb(59,57,55);

    border-top:15px solid rgb(59,57,55)

}

 

#menu1 a{ color: rgba(224,168,62,0.5);

    border-bottom: 1px solid rgba(224,168,62,0);

    margin-bottom:3px;

    display: inline-block;

}

#menu1 a:hover{ 

    border-bottom: 1px solid rgba(224,168,62,0.4);

}

 

#menu1 .module_menu_type_lastvisitors { text-align:center;

    margin-left: -30px;

    margin-right: -20px;

    margin-bottom: 10px;

    border: none;

}

#menu1 .module_menu_type_lastvisitors .module_menu_titre{ visibility:hidden;

}

#menu1 .module_menu_type_lastvisitors img {margin: 0px;

    width: 50px;

    border: none;

    filter: sepia(1); 

    -webkit-filter: sepia(1);   

    -moz-filter: sepia(1);     

    -o-filter: sepia(1);     

    -ms-filter: sepia(1);

    border-radius:50%;

    box-shadow: 1px 1px 1px black, inset 0 0 6px rgba(0,0,0,1);

}

#menu1 .module_menu_type_lastvisitors a{ border: none;}

 

#menu2{ width: 0px;

    background: none;

    border: none;

    top: 0px;

    right:0px;

}

 

#menu2 .module_menu_type_lastvisitors{ position: absolute;

    width: 90px;

    right: -25px;

    top: 0px;

}

#menu2 .module_menu_type_lastvisitors img{ margin: 7px;

    filter: sepia(1); 

    -webkit-filter: sepia(1);   

    -moz-filter: sepia(1);     

    -o-filter: sepia(1);     

    -ms-filter: sepia(1);

    border-radius:50%;

    box-shadow: 1px 1px 1px black, inset 0 0 6px rgba(0,0,0,1);

    transition: 300ms;

}

#menu2 .module_menu_type_lastvisitors img:hover{ box-shadow: 0 0 2px black;

}

#menu2 .module_menu_type_search { position: absolute;

    width: 350px;

    left: 300px;

    top: 353px;

}

#menu2 .module_menu_type_search .module_menu_titre {height: 0px;

    padding: none;

    margin: none;

    display: none;

}

#menu2 .module_menu_type_search input[type=text]{ border: none;

    background: rgba(255,255,255,0.7);

    border-radius: 3px;

    float: left;

    height: 23px;

    margin-top:0px;

}

#menu2 .module_menu_type_search input[type=submit]{ 

 

    margin-top: -20px;

    border: none;

    border-radius: 3px;

    height: 25px;

    background: rgba(226,193,126,0.6);

}

 

 

#content {min-height: 60%;

    position: absolute;

    color: rgba(0,0,0,0.7);

    width: 100%;

    text-align: justify; 

    margin: 0;

    margin-top: 420px;

    background: rgb(124,108,88) url(http://img15.hostingpics.net/pics/538911judaldroit.png) no-repeat 101.5% 100%;

}

.ulmodules { width: 68%;

    margin-left:26%;

}

 

 

.module_titre {height:50px}

.module_titre_contenu

{ display: block;

    background : rgb(59,57,55);

    float: right;    

    height: 20px;

    padding: 15px;

    font-variant: small-caps;

    font-size: 32px;

    color: rgba(255,255,255,0.6);

    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);

    border-radius: 4px 0px 0px 4px;

    margin-right:-9%;}

.module_titre_contenu a{font-variant: small-caps;

    font-size: 32px;

    color: rgba(255,255,255,0.6);

    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);

}

.module_titre_contenu::before{ content:"";

    position:absolute;

    margin-left:-50px;

    top:1px;            

    /* taille */    

    height:0;width:0;   

    /* les bordures */   

    border-right:36px solid rgb(59,57,55);   

    border-bottom:24px solid transparent; 

    border-top:24px solid transparent;

}

.article_info{position:absolute;

    right:30px;

    font-size:10px;

    opacity: 0.7;

}

.article_info a{ font-size:10px;

}

 

/*MENUBAR*/

 

.menubar_button

.menubar_section:hover,

.menubar_section,

.menubar_separation,

.menubar_button,

#menubar_logo,

#menubar_favorites { background: none;}

 

#menubar_section_content,

#menubar_section_appearance,

#menubar_section_interactions,

#menubar_section_manage,

#menubar_section_account,

#menubar_section_help,

#menubar_notifications,

#menubar_signin { background: none;

    transition: 400ms;

   -webkit-transition: 400ms;

   -moz-transition: 400ms;

   -o-transition: 400ms;

}

 

#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{

    background : rgb(224,168,62);

}

 

#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%; 

}

#menubar_hide,

#menubar_show{display:none;

}

 

#menubar{ background: rgb(85,82,79); 

    border-bottom: 1px solid rgba(0,0,0,0.3);

    box-shadow: 0 0 3px rgba(0,0,0,0.8);

    font-variant: small-caps;

    font-size: 15px;

    font-weight:bold;

    color: rgba(255,255,255,0.6);

    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);

    opacity:0;

transition: 800ms;

   -webkit-transition: 800ms;

   -moz-transition: 800ms;

   -o-transition: 800ms;

}

#menubar a,

#menubar a:hover{  font-variant: small-caps;

    font-size: 15px;

    color: rgba(255,255,255,0.6);

    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);

    text-decoration: none;

}

#menubar:hover{ opacity: 1; }

 

.menubar_section ul { background-color: rgb(85,82,79);

   border-radius: 0 0 5px 5px;

}

.menubar_section li { background-image:none;

    color: silver;

    font-variant: normal;

}

.menubar_section li:hover { background: rgba(255,255,255,0.5); }

.menubar_section li:last-child {background-image:none;}

.menubar_section li:last-child:hover {border-radius: 0 0 5px 5px; }

#notifications_panel { background-color: rgb(85,82,79);

   border-radius: 0 0 20px 20px;

    

   }

#notifications_panel  .notif_msg {line-height: 5px;

    height: 39px;

    display: block;

}

#notifications_panel a{ 

    font-variant: normal;

}

#notifications_panel li {

    background: none;

}

#notifications_panel li a:hover {

    background: rgba(255,255,255,0.5);

    color: rgba(0,0,0,0.7);

    text-shadow: 1px 1px 1px rgba(255,255,255,0.6);

    font-variant: normal;

}

#notifications_panel li:last-child a:hover{  

    border-radius: 0 0 20px 20px;

   background: rgba(255,255,255,0.5);

    font-variant: normal;

}

#notifications_panel .new_notification {

    background : rgb(224,168,62);

    color: rgba(0,0,0,0.7);

    text-shadow: 1px 1px 1px rgba(255,255,255,0.6);

}

Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Vous aimerez aussi :
Formulaire des commentaires
Formulaire des commentaires
Ajouter des images dans le module "derniers articles"
Ajouter des images dans le module "derniers articles"
Grille responsive [flexbox] : le container
Grille responsive [flexbox] : le container
Introduction à Photoshop
Introduction à Photoshop
Commenter cet article
L
Lewis.
08/05/2021 10:55
bonjour ! je me permets d'emprunter quelques codes, merci pour le travail que tu fais ! évidemment, je vais te créditer. c:
Répondre
L
Lapis
12/07/2017 11:36
Je t'emprunte le thème (Bon après c'est sur mon blog perso ou je stock des choses juste pour que ce soit jolie xD)
Répondre
W
wissal
07/07/2017 10:49
Très joli thème bravo !!
Répondre
L
Levi_kun
14/12/2016 20:57
J'ai réussi a changer les couleurs ! Sauf celui du contenu ... :| Quel code as-tu mis pour la couleur du contenue s'il te plait ? comme sa je le retrouverai plus vite ! 
Répondre
L
Levi_kun
13/12/2016 22:32
bonswaar! :0 J'aimerais changer les couleurs du thème , (aux couleurs plutôt bleu, rose pâle etc.)Mais je ne sais pas comment changer les couleurs... :/ pouvez-vous m'expliquer s'il vous plaît ? 
Répondre

Thème Magazine © -  Hébergé par Eklablog