• Thème libre service

  • The Labyrinth of Magic

    /*DESIGN BY NAGALIA*/

     

    #body { background: black;

        font-family: verdana;

        font-size: 13px;

        font-weight: 0

    }

    img { max-width: 100%;}

    a { color: #916a5b;

        text-decoration: none;

        text-shadow: 1px 1px 1px black;

    }

    a:hover { text-shadow: 0px 0px 1px rgba(197,141,69,0.2);

    }

    #background { background: url(http://img15.hostingpics.net/pics/554708background.png) repeat-y 50% 0%;

        width: 990px;

        padding: 5px;

    }

    #header { background: url(http://img15.hostingpics.net/pics/462111header.png) no-repeat 50% 0%;

        margin: -5px;

        height: 520px;

    }

    #titre_header { position: absolute;

        display: block;

        width: 990px;

        text-align: center;

        left: 50%;

        margin-left: -465px;

        top: 420px;

        font-size: 50px;

        font-weight: bold;

    }

    #titre_header a { color: rgba(130,130,130,0.5);

        font-variant:small-caps;

        letter-spacing: -2px;

        -webkit-transition: 300ms;

    }

    #titre_header a:hover { text-shadow: 0 0 4px black;

        letter-spacing: 3px;

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

    }

     

    #menu1 { width: 180px;

        padding: 7px;

        color: rgba(200,200,200,0.5);

    }

     

    .module_menu_titre { text-align: center;

        font-weight: bold;

        color: #c58d45;

        height: 30px;

        line-height: 30px;

        margin-top: 7px;

        margin-bottom: 5px;

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

    }

     

    #footer { padding-top: 20px;

        text-align: center;

        color: #916a5b;

        text-decoration: none;

        text-shadow: 1px 1px 1px black;

    }

    #footer::after { content : " - design by Nagalia"

    }

     

    #content {

        text-align: justify;

        width: 725px;

        margin-left: 233px;

        margin-right: 0px;

        color: rgba(200,200,200,0.5);

    .module_titre { background: url(http://img15.hostingpics.net/pics/521693titre.png);

        height: 60px;

        line-height: 60px;

        text-align: center;

        

    }

    .module_titre a,

    .module_titre { color: rgba(0,0,0,0.8);

        text-shadow: 1px 1px 2px rgba(197,141,69,0.6);

    }

    .module_titre .module_tools a{ background-image: none;

        height: 18px;

    }

    .article_info { font-size: 10px;

        opacity: 0.7;

    }


    23 commentaires
  • The Labyrinth of Magic

    /*Page*/

    #body {

        font-size: 13px;

        font-family :arial;

        background: url(http://ekladata.com/K-PGqRYeLRsOZkR4Mm19lFFDs4o.png);

    }

    #background { background : url(http://ekladata.com/gyqFckvAaUU6uWcoj-zu4pBMVj0.png);

        width: 760px;

        margin: auto;

        border: 2px solid #443e3f;

    }

    img {max-width: 100%}

    a:hover {color :#bb4592; 

        text-shadow  : 1px 1px 2px black;

    }

    a {color :#c19e36;

        text-shadow  : 1px 1px 2px black;

        text-decoration: none;

    }

    #menu1 { background: url(http://ekladata.com/K-PGqRYeLRsOZkR4Mm19lFFDs4o.png);

        margin: 5px;

        border: 2px solid #443e3f;

        width: 180px;

        padding: 10px;

        color: #d3bb6c

    }

    .module_menu_titre {text-align: center;

        margin: 10px;

        font-size: 15px;

        font-weight: bold;

    }

    #content { width: 535px;

        float: right;

        margin: 0px;

        padding-right: 5px;

        text-align: justify;

    }

    .module_titre { font-size: 18px;

        text-align:center;

    }

    /*Header&autres*/

    #menu li {

        background-color:#211547; 

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

        margin:5px;

        margin-left: 2px;

        padding: 4px;

        font-size: 14px;

        float: none;

    }

    #menu {position: absolute;

        left: 0px;

        top: 150px;

        width: 160px;

    }

    #header {

        background-image: url("http://ekladata.com/Tc_9pdWpvNIOOMGv5vt3ksw3q8o.png"); 

        background-repeat: no-repeat;    

        height: 400px;

        width: 750px;

        margin: 5px;

    }

    #footer{ margin: auto;

        width: 100%;

        text-align: center;

        height: 60px;

        line-height: 60px;

    }

    /*Visiteur*/

    .module_menu_type_lastvisitors img:hover {

        opacity:1;

        -webkit-transition-duration: 1s;

        -moz-transition-duration: 1s;

        transition-duration: 1s;

        -webkit-filter: grayscale(1);

          -moz-filter: grayscale(1);

          -o-filter: grayscale(1);

          filter: grayscale(1);

    }

    .module_menu_type_lastvisitors img {

        border-radius: 60px 60px 60px 60px;

        border : 2px solid #443e3f;

        max-width: 70px;

        opacity:0.9;

        -webkit-transition-duration: 1s;

        -moz-transition-duration: 1s;

        transition-duration: 1s;

    }

     

    Design by Bloody Jun | Correction by Nagalia

    56 commentaires
  • The Labyrinth of Magic

    Couleurs
    Fond des titres des modules : #dba966
    Fond du titre des modules : #f9b97f
    Texte couleur #6E5D48
    Liens couleur #CF8451
    Liens survolé couleur #F28F4C
    Images
       

    19 commentaires

  • 16 commentaires
  • 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);

    }


    82 commentaires


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique