Page 9 sur 9 PremièrePremière ... 789
Résultats de 81 à 90 sur 90

Sujet : Abyss - by Ombre (v4.2.1 > 4.2.2)

  1. #1
    Version
    vB 4.2.3
    Inscrit
    février 2007
    Localisation
    Paname
    Messages
    39 715
    Billets
    64
    Pouvoir de réputation
    211

    Par défaut Abyss - by Ombre (v4.2.1 > 4.2.2)

    Abyss - by Ombre (v4.2.1 > 4.2.2)
    Voici le premier style que je partage sur vb-r, je l'ai réalisé avec des couleurs assez foncé, sans pour autant en faire un style sombre, la partie centrale, reste de couleur claire.

    • L'essentiel des modifications ont étaient faites par CSS, mis à pars quelques petites modifications en HTML.
    • J'ai revue en particulier le header, la navbar, le footer et le postbit_legacy.
    • Le style est compatible avec les derniers navigateurs, mais attention, je fais l'usage de CSS 2.1 voir 3 donc, attention au vieux navigateurs.
    • La partie connexion, à était revue, l'utilisation de script jquery à était adapter pour ce style, de façon à avoir une présentation plus dynamique, une fois connecté, c'est mon mod FX Toplinks qui prend le relève, les scripts jquery on étaient tester sous IE, FF, Opera, Safari, Chrome, et ils sont fonctionnels.
    • La plus pars des icônes de forums, de messages on étaient réalisés spécialement pour ce style, tout comme les boutons "Ecrire un nouveau sujet", "Répondre au sujet", etc...
    • Bien que le style soit fonctionnel avec le CMS et le Blog de la suite publishing de vbulletin, je n'y ai porté que peux de modifications, j'ai pas modifier le postbit non plus.
    • J'ai fais en sorte de rendre sur le forumhome et le forumdisplay, les informations pas prioritaires, plus clair coté couleur de la police, afin de faire ressortir plus les informations prioritaires, comme le titre des noms de forums et sous forums, le nom de l'auteur, et enfin celui des titres des derniers messages et pseudonyme des modérateurs.
    • Ce style et en particulier la partie basse du forumhome est assez personnalisé, donc attention si vous utilisez des hack qui ajouteront des nouvelles partie dans la section WGO, ils devront obligatoirement être adapter au style à partir du moment ou ils ajoutent leurs propre icônes, via de nouvelles class CSS.
    • Une vidéo et des captures sont disponibles ici: http://www.vbulletin-ressources.com/...529#post193529
    • Style non adapté pour les forum utilisent la sidebar de vbulletin à gauche !
    • Le style ne sera plus mis à jour et ne recevra donc plus de support pour à partir de la version vb5 connect.

    Proposé par Ombre.
    Compatible avec vBulletin: 4.2.1 > 4.2.2
    Détails






    Capture(s)



    Copyright



    • Il est interdit de partager ce style sur un autre forum que vbulletin-ressources.com, il est gratuit, pareil pour le copyright dans le footer, tout retrait, sera sanctionné par une exclusion sur vb-r et une plainte si cela est nécessaire.
    • It is forbidden to divide this style on another forum that vbulletin-ressources.com, it is free, similar for the copyright in the footer, any collection, will be punished by an exclusion on vb-r and a complaint if that is necessary.


    Installation

    • Placez le dossier nommé "abyss" qui se trouve dans le dossier nommé "Upload" de l'archive, à la racine de votre dossier de forum.
    • Et importer le XML du style via votre Admincp >> Styles & Templates >> Télécharger / Importer.

    Adaptation pour certains hacks


    A savoir !


    • Si vous désirez utiliser un hack spécifique sur ce style, et que vous voulez que j'adapte celui ci pour une meilleure adaptation visuel, il vous faudra préciser le lien du hack en question, et si vous voulez que ça aille plus vite, me fournir un accès à votre forum en tant qu'admin, pour que je l'adapte directement et partage après cette modification pour les autres membres.
    • J'apporterais la mise à jour de ce style après la sortie de nouvelle version de vbulletin en version non bêta dés qu'il me sera possible de le faire, inutile de me les demandés, toutes questions relatives à cela, seront supprimées.
    • Je me réserve le droit de stopper les mises à jours de ce style à partir du moment ou j'estimerais ne plus avoir le temps, je préfère vous prévenir avant d'entendre la moindre remarque.
    • Selon les mises à jour, il se peut que le style change sur certains, vos remarques, ou mes convenances.
    • Si vous rencontrez des bugs, ou autres, merci de me le précisé.


    Téléchargement


    • En pièces jointes:
    Images attachées Images attachées
      Tout d'abord , vous devez vous présenter pour voir les fichiers joints
    Fichiers attachés Fichiers attachés
      Tout d'abord , vous devez vous présenter pour voir les fichiers joints

    Ƹ̵̡Ӝ̵̨̄Ʒ -
    Support: [ON] - Message privé: [OFF] - Ƹ̵̡Ӝ̵̨̄Ʒ
    Support vb3
    [OFF]

    Hébergé par PlanetHoster


  2. #81
    Version
    vB 4.2.3
    Inscrit
    février 2007
    Localisation
    Paname
    Messages
    39 715
    Billets
    64
    Pouvoir de réputation
    211

    Par défaut

    Copie colle que le nom de la class. Et tu devrais la trouver.

    Ƹ̵̡Ӝ̵̨̄Ʒ -
    Support: [ON] - Message privé: [OFF] - Ƹ̵̡Ӝ̵̨̄Ʒ
    Support vb3
    [OFF]

    Hébergé par PlanetHoster


  3. #82
    Version
    vB 4.2.3
    Inscrit
    mars 2008
    Messages
    507
    Billets
    13
    Pouvoir de réputation
    12

    Par défaut

    Citation Envoyé par Ombre Voir le message
    Copie colle que le nom de la class. Et tu devrais la trouver.


    Envoyé de mon iPhone en utilisant Tapatalk
    désolé de t’embêter ombre ,je l'ai pas trouvé
    voici le template



    désolé encore d'avoir insisté
    Dernière édition par Ombre; 05/02/2017 à 21h08 Raison: Supression du code

  4. #83
    Version
    vB 4.2.2
    Inscrit
    mars 2010
    Localisation
    Flémalle
    Âge
    44
    Messages
    3 043
    Billets
    44
    Pouvoir de réputation
    23

    Par défaut

    Bonjour

    Ajoute ceci dans additional

    Pour changée la couleur de l'heure
    Code:
    .postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {    
        color: red;
      }
    Pour changée la couleur de la date





    .postbitlegacy .posthead .time {
    color: gold;
    font: 12px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    }[/CODE]

  5. #84
    Version
    vB 4.2.3
    Inscrit
    mars 2008
    Messages
    507
    Billets
    13
    Pouvoir de réputation
    12

    Par défaut

    bonsoir

    yess ,çà marche
    merci ombre

  6. #85
    Version
    vB 4.2.3
    Inscrit
    mars 2008
    Messages
    507
    Billets
    13
    Pouvoir de réputation
    12

    Par défaut

    bonjour tout le monde

    avec la sortie de la version 4.2.4 ,je me demande si le style Abyss en sera compatible .
    merci
    ps: je suis sous 4.2.3 Patch Level 2 et le style marche impeccable

  7. #86
    Version
    vB 4.2.3
    Inscrit
    février 2007
    Localisation
    Paname
    Messages
    39 715
    Billets
    64
    Pouvoir de réputation
    211

    Par défaut

    Bonjour, il devrait fonctionné, sur toutes les versions ulterieurs, les changements apportés ne touchent pas les templates du style modifiés par ce style.

    Ƹ̵̡Ӝ̵̨̄Ʒ -
    Support: [ON] - Message privé: [OFF] - Ƹ̵̡Ӝ̵̨̄Ʒ
    Support vb3
    [OFF]

    Hébergé par PlanetHoster


  8. #87
    Version
    vB 4.2.3
    Inscrit
    mars 2008
    Messages
    507
    Billets
    13
    Pouvoir de réputation
    12

    Par défaut

    Citation Envoyé par Ombre Voir le message
    Bonjour, il devrait fonctionné, sur toutes les versions ulterieurs, les changements apportés ne touchent pas les templates du style modifiés par ce style.
    bonjour

    absolument ,je viens de faire la mise a jour vers la version 4.2.4 ,et aucun template a réinitialiser
    merci ombre

  9. #88
    Version
    vB 4.2.3
    Inscrit
    mars 2006
    Localisation
    charleroi
    Âge
    48
    Messages
    437
    Pouvoir de réputation
    14

    Par défaut

    bonjour

    comment puis je faire pour l integration de la page ibparcde au skin sur vb 424 merci
    Images attachées Images attachées
      Tout d'abord , vous devez vous présenter pour voir les fichiers joints

  10. #89
    Version
    vB 4.2.2
    Inscrit
    mars 2010
    Localisation
    Flémalle
    Âge
    44
    Messages
    3 043
    Billets
    44
    Pouvoir de réputation
    23

    Par défaut

    Citation Envoyé par lagrace Voir le message
    bonjour

    comment puis je faire pour l integration de la page ibparcde au skin sur vb 424 merci

    Bonsoir

    Dans le templast acarde.css ajoute ceci
    Code:
    @charset "utf-8";/* CSS Document */
    
    
    /* Boutons nouveaux messages, etc... */
    .newcontent_textcontrol span {
    display: none;
    }
    .newcontent_textcontrol {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/newbtn_middle.png) top left no-repeat;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-box-shadow: none;
    box-shadow: none; 
    font-family: tahoma,verdana,arial,sans-serif;
    height: 22px;
    padding-left: 32px;
    text-shadow: 1px 1px 1px #212B3A;
    font-weight: bold;
    }
    .newcontent_textcontrol:hover {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/newbtn_middle.png) bottom left no-repeat;
    text-shadow: none;
    }
    /* Boutons blog "creer un nouveau billet" */
    #pagetitle a.pagetitleinfo.textcontrol, .actionbutton_container a.pagetitleinfo.textcontrol span {
    display: none;
    }
    #pagetitle a.pagetitleinfo.textcontrol, .actionbutton_container a.pagetitleinfo.textcontrol {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/newbtn_middle.png) top left no-repeat;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-box-shadow: none;
    box-shadow: none; 
    font-family: tahoma,verdana,arial,sans-serif;
    height: 22px;
    padding-left: 32px;
    text-shadow: 1px 1px 1px #212B3A;
    font-weight: bold;
    }
    
    
    #sidebar_container h6 a {
    color: #ffffff;
    }
    #pagetitle a.pagetitleinfo.textcontrol:hover, .actionbutton_container a.pagetitleinfo.textcontrol:hover {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/newbtn_middle.png) bottom left no-repeat;
    text-shadow: none;
    }
    /* Thead */
    .blockhead, .vbform .blockhead:first-child {
    background: #C6D8E9 url({vb:stylevar imgdir_misc}/abyss/thread.png) top left repeat-x;
    color: #4C709B;
    }
    .blockhead a {
    color: #4C709B;
    }
    
    
    /* thead info */
    .thread_info h4 {
    background: #4D729C url({vb:stylevar imgdir_misc}/abyss/option_bg_02.png) left top repeat-x;
    }
    
    
    /* mon profile */
    #member_content #sidebar_container .underblock {
    background-image: none;
    }
    
    
    #member_content #sidebar_container .block {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    }
    #member_content #sidebar_container.member_summary {
    background-color: #C6D8E9;
    -webkit-box-shadow: 0px 0px 0px 0px ;
    -moz-box-shadow: 0px 0px 0px 0px ;
    box-shadow: 0px 0px 0px 0px ; 
    }
    
    
    /* Mon compte */
    #usercp_nav .blockrow .active {/* option active */
    background-color: #D3E1EE;
    }
    #usercp_nav .blockrow * a:hover {/* option survolé */
    background-color: #D3E1EE;
    }
    
    
    /* postbit_legacy */
    .below_postlist {/* positionnement bouton répondre bas */
    margin-top: 0;
    }
    .postbitlegacy .postfoot .textcontrols a, .postbit .postfoot .textcontrols a, .eventbit .eventfoot .eventcontrols a {
    color: #101B2B;
    }
    .postbitlegacy .postfoot .textcontrols a:hover, .postbit .postfoot .textcontrols a:hover, .eventbit .eventfoot .eventcontrols a:hover {
    color: #4C709B;
    }
    
    
    .postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
    float: left;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    min-width: 60px;
    text-align: left;
    width: auto !important;
    }
    .postbitlegacy .imlinks img {
    background-color: #FFFFFF;
    background-image: none;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #4C709B;
    border-right: 1px solid #4C709B;
    -moz-box-shadow: inset 0px 0px 1px #ac0401;
    box-shadow: inset 0px 0px 1px #ac0401;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    float: none;
    width: auto;
    clear: both;
    }
    .postbitlegacy dl.user_rep {
    margin-top: -5px;
    }
    .postbitlegacy dl.userinfo_extra dd, .postbitlegacy dl.user_rep dd {
    background-color: #FFFFFF;
    background-image: none;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #4C709B;
    border-right: 1px solid #4C709B;
    -moz-box-shadow: inset 0px 0px 1px #ac0401;
    box-shadow: inset 0px 0px 1px #ac0401;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    
    
    .postbitlegacy .userinfo .username_container {
    text-align: center;
    }
    .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {
    text-align: center;
    }
    .postbit_reputation {
    text-align: center;
    }
    .postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
    text-align: center;
    float: none;
    }
    .postbit, .postbitlegacy, .eventbit {
    -moz-box-shadow: -1px 1px 3px #CCCCCC;
    box-shadow: -1px 1px 3px #CCCCCC; 
    }
    
    
    .postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
    margin-left: 220px;
    margin-top: 10px;
    -moz-box-shadow: inset 0px 0px 1px #666464;
    box-shadow: inset 0px 0px 1px #666464;
    }
    
    
    .postbitlegacy .userinfo {
    background-color: #C6D8E9;
    margin-left: 10px;
    margin-top: -1px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: {vb:stylevar postbithead_border};
    border-top: none;
    -moz-box-shadow: 0 1px 1px #AC0501;
    box-shadow: 0 1px 1px #AC0501; 
    }
    
    
    .postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    background: #C6D8E9 url({vb:stylevar imgdir_misc}/abyss/thread.png) top left repeat-x;
    }
    .postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
    background: #C6D8E9 url({vb:stylevar imgdir_misc}/abyss/thread.png) bottom left repeat-x;
    }
    .postbitlegacy .postfoot .textcontrols a.blog, .postbit .postfoot .textcontrols a.blog, .postbitlegacy .postfoot .textcontrols a.promotecms, .postbit .postfoot .textcontrols a.promotecms, .postbitlegacy .postfoot .textcontrols a.ip, .postbit .postfoot .textcontrols a.ip, .postbitlegacy .postfoot .textcontrols a.reputation, .postbit .postfoot .textcontrols a.reputation, .postbitlegacy .postfoot .textcontrols a.report, .postbit .postfoot .textcontrols a.report, .postbitlegacy .postfoot .textcontrols a.editpost, .postbit .postfoot .textcontrols a.editpost, .eventbit .eventfoot .textcontrols a.editevent, .postbitlegacy .postfoot .textcontrols a.quickreply, .postbit .postfoot .textcontrols a.quickreply, .postbitlegacy .postfoot .textcontrols a.forwardpost, .postbit .postfoot .textcontrols a.forwardpost, .postbitlegacy .postfoot .textcontrols a.newreply, .postbit .postfoot .textcontrols a.newreply, .postbitlegacy .postfoot .textcontrols a.multiquote, .postbit .postfoot .textcontrols a.multiquote, .postbitlegacy .postfoot .textcontrols a.infraction, .postbit .postfoot .textcontrols a.infraction {
        background-color: transparent;
    }
    
    
    /*---------------------- START MOD body wrapper by Ombre ------------------------*/
    
    
    .body_h {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/body_contour_03.png) top left repeat-x;
    }
    .body_b {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/body_contour_15.png) bottom left repeat-x;    
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;     
    }
    .body_d {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/body_contour_10.png) top right repeat-y;    
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;     
    }
    .body_g {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/body_contour_09.png) top left repeat-y;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    }
    .body_hg {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/body_contour_01.png) top left no-repeat;
    }
    .body_hd {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/body_contour_05.png) top right no-repeat;
    }
    .body_bg {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/body_contour_13.png) bottom left no-repeat;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    }
    .body_bd {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/body_contour_17.png) bottom right no-repeat;
    padding: 10px 20px 10px 20px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    }
    
    
    
    
    .body_wrapper {
    margin-top: 19px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: 17px;
    padding: 0px;
    border-left: 1px solid #101B2B;
    border-right: 1px solid #101B2B;
    width: 100%;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    }
    
    
    /*---------------------- END MOD body wrapper by Ombre ------------------------*/
    
    
    
    
    /* ---------------------- Navbar ---------------------- */
    /* menu liens déoulant */
    .navtabs li.selected li:hover a.popupctrl {
    background-color: #1D3652;
    }
    
    
    /* champ recherche navbar */
    .globalsearch {
    width: 230px;
    right: 0px;
    }
    .globalsearch .textboxcontainer, .globalsearch .textboxcontainer span, .globalsearch .buttoncontainer, .globalsearch .buttoncontainer span {
    border: none;
    }
    .globalsearch .buttoncontainer span {
    padding-left: 0px;
    }
    .globalsearch .searchbutton {
    background-color: transparent;
    }
    .navbar_search input {
    background-color: #D0DFED;
    border-color: #AC0501;
    -webkit-box-shadow: inset 0px 0px 2px 0px #000000;
    -moz-box-shadow: inset 0px 0px 2px 0px #000000;
    box-shadow: inset 0px 0px 2px 0px #000000; 
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px; 
    padding-left: 2px;
    }
    .navbar_search_leftg {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_01.png) left top no-repeat;
    height: 30px;
    }
    .navbar_search_rightd {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_06.png) right top no-repeat;
    margin-left: 26px;
    height: 30px;
    }
    .navbar_search_left {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_03.png) left top no-repeat;
    margin-right: 26px;
    height: 30px;
    }
    .navbar_search_right {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_04.png) right top no-repeat;
    height: 30px;
    margin-left: 6px;
    }
    .navbar_search {
    right: 0px;
    padding-top: 5px;
    }
    .globalsearch .buttoncontainer {
    position: relative;
    left: -6px;
    top: -26px;
    }
    .navbar_advanced_search {
    position: relative;
    right: 67px;
    top: -14px;
    }
    .navbar_advanced_search li a:hover {
    text-decoration: none;
    }
    
    
    /* navtabs */
    .navtabs ul {
    background:url({vb:stylevar imgdir_misc}/abyss/navtabs_01.png) bottom left no-repeat,
    url({vb:stylevar imgdir_misc}/abyss/navtabs_05.png) bottom right no-repeat,
    url({vb:stylevar imgdir_misc}/abyss/navtabs_03.png) bottom center repeat-x;
    height: 40px;
    border: none;
    background-color: #101B2B;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    top: 30px;
    border-left: 1px solid #101B2B;
    border-right: 1px solid #101B2B;
    }
    
    
    .navbar {
    background-image: none;
    background-color: transparent;
    margin-top: -3px;
    }
    
    
    .navtabs {
    background-image: none;
    background-color: transparent;
    padding-left: 0;
    height: 30px;
    }
    /* START onglet normaux */
    .navtabs li {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_onglet_li.png) left top no-repeat;
    padding-left: 6px;
    border: none;
    height: 30px;
    }
    .navtabs li a.navtab {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_onglet_a.png) right top no-repeat;
    border: none;
    height: 30px;
    color: #7D8A9E;
    padding-top: 5px;
    }
    /* END onglet normaux */
    
    
    /* START onglet survolé */
    .navtabs li:hover {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_onglet_li.png) left -30px no-repeat;
    padding-left: 6px;
    border: none;
    height: 30px;
    }
    .navtabs li:hover a.navtab {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_onglet_a.png) right -30px no-repeat;
    border: none;
    height: 30px;
    color: white;
    padding-top: 3px;
    }
    /* END onglet survolé */
    
    
    /* START onglet sélectionné */
    .navtabs li.selected a.navtab {/* onglet sélectionné */
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_onglet_a.png) right top no-repeat;
    top: 0;
    padding-top: 0px;
    color: #C6D8E9;
    padding-top: 5px;
    z-index: 0;
    }
    .navtabs li.selected {/* onglet li selectioné */
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_onglet_li.png) left top no-repeat;
    padding-left: 6px;
    border: none;
    height: 30px;
    }
    .navtabs li.selected a.navtab:hover {
    color: #AC0501;
    }
    /* END onglet sélectionné */
    
    
    .navtabs ul li, .navtabs ul li:hover {
    background-image: none;
    padding-top: 12px;
    }
    .navtabs .navbar_left {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_01.png) right top no-repeat;
    height: 30px;
    width: 26px;
    padding-left: 0;
    margin-left: 0;
    }
    .navtabs .navbar_right, .navtabs li:first-child .navbar_right {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_06.png) right top no-repeat;
    height: 30px;
    width: 26px;
    padding-left: 0;
    }
    .navtabs .navbar_left:hover {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_01.png) right top no-repeat;
    height: 30px;
    width: 26px;
    padding-left: 0;
    margin-left: 0;
    }
    .navtabs .navbar_right:hover {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_06.png) right top no-repeat;
    height: 30px;
    width: 26px;
    padding-left: 0;
    }
    .navtabs li.selected li a:hover {
    text-decoration: none;
    }
    
    
    .navtabs li:first-child {
    border: none;
    }
    /* menu déroulant navbar */
    .navtabs .popupbody li {
        height: auto;
        margin-left: 0;
        padding-left: 0;
    padding-top: 0;
    }
    .navtabs .popupbody {/* correction pour menu déroulant */
    height: auto;
    }
    #navtabs .popupmenu ul li {
    padding-top: 0;
    margin-top: 0;
    }
    .navtabs li.selected .popupbody li > a:hover {/* couleur fond menu déroulant */
    background-color: #D3E1EE;
    }
    .navtabs .popupbody {
    background-color: #1D3652;
    border-color: transparent;
    }
    .navtabs li.selected li:hover a.popupctrl.active, .navtabs li.selected li a.popupctrl.active {
    background-color: #1D3652;
    }
    .navtabs li.selected li a {/* ajout contour lien navtabs */
    padding: 2px 5px 2px 5px;
    }
    .navtabs li.selected li a:hover {/* ajout contour lien survolés navtabs */
    background-color: #1D3652;
    
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    .navbar_advanced_search li a {/* ajout contour lien navtabs recherche */
    padding: 2px 5px 2px 5px;
    }
    .navbar_advanced_search li a:hover {/* ajout contour lien survolé navtabs recherche */
    background-color: #1D3652;
    padding: 2px 5px 2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    .navtabs li.selected li a.popupctrl {
    padding: 1px 15px 0px 5px;
    }
    .navtabs li.selected .popupbody li > a:hover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 0;
    padding-left: 10px;
    text-shadow: 1px 1px 1px #ffffff;
    border-top: 1px solid #29405B;
    }
    .navtabs li.selected .popupbody li:first-child > a:hover {
    border-top: 0px solid blue;
    }
    
    
    /* ---------------------- CORPS ---------------------- */
    html {
    background: #29405B url({vb:stylevar imgdir_misc}/abyss/html_bg_02.png) left top repeat-x;
    }
    
    
    body {
    font-family: tahoma,verdana,arial,sans-serif;
    color: #5B86AB;
    }
    body a {
        color: #08324F;
        outline-color: -moz-use-text-color;
        outline-style: none;
        outline-width: medium;
    }
    body a:hover {
        color: #5B86AB;
        text-decoration: none;
    }
    /* ---------------------- FORUMDISPLAY ---------------------- */
    
    
    .threadlisthead a, .threadlisthead a:hover {
    color: #08324F;
    }
    .forum_info .blockhead {
    background: #4D729C url({vb:stylevar imgdir_misc}/abyss/option_bg_02.png) left top repeat-x;
    }
    .threadlisthead, .threadbit {/*retrait ombre */
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #F0F0F0;
    border-left: 1px solid #D2E0EE;
    border-right: 1px solid #D2E0EE;
    }
    .threadbit {
    color: #adaeae;
    }
    .threadbit .sticky {
    border: none;
    border-bottom: 1px solid #F0F0F0;
    border-left: 1px solid #D2E0EE;
    border-right: 1px solid #D2E0EE;
    }
    .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
    border: none;
    border-bottom: 1px solid #F0F0F0;
    border-left: 1px solid #D2E0EE;
    border-right: 1px solid #D2E0EE;
    background-image: none;
    }
    
    
    .threadbit .sticky { /* message important */
    background-image: none;
    background-color: #fceeed;
    }
    .threadbit .alt {/* réponse / lecture */
    background-image: none;
    background-color: transparent;
    }
    
    
    /* ---------------------- FORUMHOME ---------------------- */
    .wgo_block .section {
    position: relative;
    }
    #wgo_onlineusers img, #wgo_stats img {
    position: absolute;
    top: 0;
    left: -20px;
    }
    
    
    #wgo_birthdays img {     
    position: absolute;     
    top: 0; 
    left: -20px;   
    }
    
    
    .forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {
    font-size: 12px;
    }
    
    
    .moderators h4, .moderators .commalist, .subforums h4, .subforums .commalist {
    color: #ADAEAE;
    }
    
    
    .forumbit_post .foruminfo .forumicon {/* icones de forum */
    width: 40px;
    }
    .forumbit_post .foruminfo .forumdata .datacontainer {/* titre des forums */
    padding-left: 56px;
    }
    .forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow, .forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {/* retrait ombre et fond des forums */
    box-shadow: none;
    background-image: none;
    border: 1px solid #5A7F97;
    border-top: none;
    border-bottom: 1px solid grey;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    }
    .forumrow + .childsubforum .forumrow, .forumhead + .childforum .L2:first-child .L2 .forumrow, .forumhead + .childforum .L2 .L2:first-child .forumrow {/* retrait ombre et fond des forums forumdisplay */
    background-image: none;
    }
    
    
    .forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: none;
    }
    
    
    .forumbit_post .forumdescription, .forumbit_post .forumstats, .forumbit_post .forumstats_2, .forumbit_post .forumlastpost .lastpostdate {/* couleurs description et autres */
    color: #adaeae;
    }
    .lastpostby, .time {
    color: #adaeae;
    }
    .forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    
    
    .forumhead {/* tcat */
    background: #C6D8E9 url({vb:stylevar imgdir_misc}/abyss/tcat.png) left top repeat-x;
    }
    .forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2 {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 28px;
    }
    
    
    .forumbit_nopost .subforumdescription {/* Descriptions forums */
    background-color: #EEF3F7;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    }
    
    
    #navlinks, .navlinks {/* navlink */
    background-color: #EEF3F7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    #navlinks, .navlinks a {/* navlink lien */
    color: #595959;
    }
    
    
    .wgo_block .blockhead {/* tcat wgo */
    background: #C6D8E9 url({vb:stylevar imgdir_misc}/abyss/tcat.png);
    color: #08324F;
    border-color: #D5DDE5;
    padding-top: 10px;
    padding-bottom: 0;
    height: 28px;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 12px;
    text-shadow: 1px 1px 1px #ffffff;
    }
    .forumbit_nopost .forumhead a.collapse img {/* position bouton collapse sur tcat forumhome */
    top: -9px;
    }
    
    
    .wgo_block .blockbody {
    border-color: #D5DDE5;
    }
    .wgo_block {
    box-shadow: none;
    }
    .wgo_block div.floatcontainer {/* fond wgo statistiques forumhome */
    background-color: #EEF3F7;
    }
    
    
    /* START titre de forum */
    .forumbit_nopost .forumhead .forumtitle a {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/titre_arrow.png) no-repeat left top;
    padding-left: 18px;
    }
    #forums .L1 .forumhead a {
    text-shadow: 1px 1px 1px #FFFFFF;
    font-family: tahoma,verdana,arial,sans-serif;
    color: #08324F;
    }
    #forums .L1 .forumhead a:hover {
    color: #595959;
    text-shadow:none;
    text-decoration: none;
    }
    .forumbit_post .foruminfo .forumdata .forumtitle a:hover, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a:hover {
    color: #595959;
    text-shadow:none;
    text-decoration: none;
    }
    .forumbit_post .foruminfo .forumdata .forumtitle a:hover, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a:hover {
    color: #595959;
    }
    /* END titre de forum */
    
    
    /* START Derniers messages */
    .forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
    color: #595959;
    font-size: 12px;
    font-family: tahoma,verdana,arial,sans-serif;
    }
    .forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {
    text-align: center;
    text-shadow: 1px 1px 1px #FFFFFF;
    color: #08324F;
    }
    /* END Derniers messages */
    
    
    /* START cacher les légendes de forum sur le forumhome */
    #wgo_legend {
        display: none;
    }
    /* END cacher les légendes de forum sur le forumhome */
    
    
    /* START suivi et flux rsss sur forumhome */
    .forumactionlinks .rsslink {background: transparent url({vb:stylevar imgdir_misc}/abyss/rss.png);background-position: 0 24px; height: 24px; width: 24px;}/* img rss */
    .forumactionlinks .rsslink:hover {background: transparent url({vb:stylevar imgdir_misc}/abyss/rss.png);background-position: 0 0; height: 24px; width: 24px;}/* img rss */
    .forumactionlink a {padding-left:24px;}
    
    
    
    
    .forumactionlinks .subslink {background: transparent url({vb:stylevar imgdir_misc}/abyss/subscribed.png);background-position: 0 24px; height: 24px; width: 24px;}/* img rss */
    .forumactionlinks .subslink:hover {background: transparent url({vb:stylevar imgdir_misc}/abyss/subscribed.png);background-position: 0 0; height: 24px; width: 24px;}/* img rss */
    .forumactionlink a {padding-left:24px;}
    
    
    .forumbit_post .forumactionlinks {
    width: 8%;
    }
    .forumbit_post .forumrow .forumlastpost {
    width: 19%;
    }
    /* END suivi et flux rss sur forumhome */
    
    
    #forums a.username {
    color: #08324F;
    }
    
    
    /* ---------------------- SHOWTHREAD ---------------------- */
    /* deco tags */
    #tag_list_cell ul {
    margin-bottom: 5px;
    }
    #tag_list_cell li {
    background: #FFFFFF url({vb:stylevar imgdir_misc}/tagbk.png) top left no-repeat;
    padding-left: 23px;
    padding-bottom: 4px;
    margin-right: -8px;
    }
    #tag_list_cell li a {
    background: #FFFFFF url({vb:stylevar imgdir_misc}/tagbk.png) top right no-repeat;
    padding-right: 13px;
    padding-bottom: 4px;
    }
    
    
    /* ---------------------- SIDEBAR ---------------------- */
    
    
    /* START sidebar séparation et décoration */
    #sidebar_container .block {
    background-color: #EEF3F7;
    -webkit-box-shadow: 0px 0px 0px 0px #000000;
    -moz-box-shadow: 0px 0px 0px 0px #000000;
    box-shadow: 0px 0px 0px 0px #000000; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    margin-bottom: 10px;
    border: 1px solid #c8c8c8;
    }
    .member_content #sidebar_container div.block {
    border: none;
    }
    #sidebar_container > ul {
    border: none;
    background: none;
    -moz-box-shadow: 0px 0px 1px #ffffff;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    }
    #sidebar_container .underblock {
    background-image: none;
    height:0;
    }
    #sidebar_container .blocksubhead span.blocktitle {
    color: #51697F;
    }
    
    
    #sidebar_container .blocksubhead {
    background: #DDE5ED url({vb:stylevar imgdir_misc}/abyss/gradient_bg.png) repeat-x left center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    
    
    #sidebar_container.sidebarleft #sidebar_button {
    margin-left: -46px;
    }
    #sidebar_button {
    margin-right: -46px;
    }
    
    
    #sidebar_container .blockbody {/* conteneur des blocks */
    margin-top: 4px;
    }
    #sidebar_container a {/* couleur lien */
    color: #51697F;
    }
    
    
    /* END sidebar séparation et décoration */
    
    
    
    
    
    
    /* header */
    
    
    .above_body {
    background-image: none;
    background-color: transparent;
    margin-top: 9px;
    border: none;
    
    
    }
    .logo_header {
    background-color: transparent
    margin-bottom: -40px;
    position: relative;
    width: 100%;
    text-align: center;
    }
    .logo-image {
    float:none;
    }
    
    
    /* START Toplinks */
    .toplinks {/* corps toplinks */
    position: fixed;
    margin-right: 22px;
    z-index: 1000;
    background-color: #212B3A;
    margin-top: 0px;
    padding: 5px;
    border: 1px solid #AC0501;
    -moz-box-shadow: 0px 2px 5px #58C7E3;
    -webkit-box-shadow: 0px 2px 5px #58C7E3;
    -o-box-shadow: 0px 2px 5px #58C7E3;
    box-shadow: 0px 2px 5px #58C7E3;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top: none;
    }
    .toplinks ul.isuser li a {/* lien toplink */
    color: #D2E0EE;
    padding: 2px 3px 2px 3px;
    }
    .toplinks ul.isuser li.welcomelink {/* texte bienvenue */
    color: #D2E0EE;
    font-weight: bold;
    }
    .toplinks ul.isuser li.welcomelink a {/* lien pseudo */
    text-shadow: 1px 1px 2px #101B2B;
    color: #AC0501;
    }
    .toplinks ul.isuser li.welcomelink a:hover {/* lien pseudo survolé */
    text-shadow: none;
    color: #ffffff;
    }
    
    
    .toplinks ul.isuser li a:hover {/* lien survolé des options */
    background-color: #101B2B;
    padding: 2px;
    border: 1px solid #ffffff;
    -moz-box-shadow: 0px 2px 5px {vb:stylevar forumbits_shadow_color};
    -webkit-box-shadow: 0px 2px 5px {vb:stylevar forumbits_shadow_color};
    -o-box-shadow: 0px 2px 5px {vb:stylevar forumbits_shadow_color};
    box-shadow: 0px 2px 5px {vb:stylevar forumbits_shadow_color};
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }
    
    
    .toplinks .nonotifications a.popupctrl {/* lien option avec menu */
    /*padding: 2px 16px 2px 7px;*/
    padding: 2px 15px 2px 8px;
    }
    .toplinks .nonotifications a.popupctrl:hover {/* lien option avec menu */
    /*padding: 2px 16px 2px 7px;*/
    padding: 2px 15px 2px 6px;
    }
    .toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active, .toplinks .notifications a.popupctrl.active {/* lien survolé option avec menu */
    background-color: #101B2B;
    border: 1px solid #ffffff;
    -moz-box-shadow: 0px 2px 5px {vb:stylevar forumbits_shadow_color};
    -webkit-box-shadow: 0px 2px 5px {vb:stylevar forumbits_shadow_color};
    -o-box-shadow: 0px 2px 5px {vb:stylevar forumbits_shadow_color};
    box-shadow: 0px 2px 5px {vb:stylevar forumbits_shadow_color};
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    padding: 2px 15px 2px 6px;
    }
    .toplinks .nonotifications .popupbody a, .toplinks ul.isuser .notifications .popupbody li a {/* menu notifications */
    color: #000000;
    background: #ffffff;
    border-color: #D2E0EE;
    }
    .toplinks .nonotifications .popupbody a:hover, .toplinks ul.isuser .notifications .popupbody li a:hover {/* menu notifications survolés */
    color: #000000;
    background-color: #D3E1EE;
    text-shadow: 1px 1px 2px #ffffff;
    -moz-box-shadow: 1px 1px 5px #656565 inset;
    -webkit-box-shadow: 1px 1px 5px #656565 inset;
    -o-box-shadow: 1px 1px 5px #656565 inset;
    box-shadow: 1px 1px 5px #656565 inset;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    text-decoration: none;
    border: none;
    }
    .toplinks .notifications a.popupctrl {/* lien notification avec mp */
    background-color: #101B2B;
    border: 1px solid #ffffff;
    -moz-box-shadow: 0px 2px 5px {vb:stylevar forumbits_shadow_color};
    -webkit-box-shadow: 0px 2px 5px {vb:stylevar forumbits_shadow_color};
    -o-box-shadow: 0px 2px 5px {vb:stylevar forumbits_shadow_color};
    box-shadow: 0px 2px 5px {vb:stylevar forumbits_shadow_color};
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #D2E0EE;
    text-decoration: blink;
    padding: 2px 15px 2px 6px;
    }
    .toplinks .notifications a.popupctrl:hover, .toplinks .notifications a.popupctrl:active {/* lien notification survolé avec mp */
    color: #D2E0EE;
    text-decoration: blink
    }
    .toplinks ul.isuser .notifications .popupbody {/* cadre couleur bordure notifications */
    border-color: #D2E0EE;
    }
    
    
    
    
    /* Facebook */
    .toplinks ul.isuser li#fb_headerbox a, .toplinks ul.nouser li#fb_headerbox a, .toplinks ul.isuser li#fb_headerbox a:hover, .toplinks ul.nouser li#fb_headerbox a:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border:none;
    padding: 0;
    padding-right: 5px;
    margin: 0;
    }
    .toplinks .logindetails, .toplinks ul.nouser li a, .toplinks ul.nouser li a:hover {/* déconnecté */
    background-color: transparent;
    }
    .toplinks .logindetails, .toplinks .remember {
    float: left;
    }
    .toplinks .remember {
    margin: auto;
    margin-left: 0px;
    }
    /* END Toplinks */
    
    
    
    
    
    
    /* Sidebar */
    
    
    /* Footer */
    .footer_copyright, .footer_morecopyright {
    margin-top: 1px;
    }
    .footer_time {
    padding-top: 0;
    }
    
    
    #footer_select .textbox, textarea, select {/* selecteur de langue et style */
    background-color: #D0DFED;
    -webkit-box-shadow: inset 0px 0px 2px 0px #000000;
    -moz-box-shadow: inset 0px 0px 2px 0px #000000;
    box-shadow: inset 0px 0px 2px 0px #000000; 
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px; 
    }
    
    
    .footer { 
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: none;
    margin: 0 10px 0 10px;
    position: relative;
    border: 2px solid #C6D8E9;
    border-top: none;
    font-size: 11px;
    -webkit-box-shadow: inset 0px 4px 6px #101b2b;
    -moz-box-shadow: inset 0px 4px 6px #101b2b;
    box-shadow: inset 0px 4px 6px #101b2b;
    background-color: #263E59 !important;
    background: -moz-linear-gradient(left, #101b2b 0%, #263e59 20%, #263e59 80%, #101b2b 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#101b2b), color-stop(20%,#263e59), color-stop(80%,#263e59), color-stop(100%,#101b2b));
    background: -webkit-linear-gradient(left, #101b2b 0%,#263e59 20%,#263e59 80%,#101b2b 100%);
    background: -o-linear-gradient(left, #101b2b 0%,#263e59 20%,#263e59 80%,#101b2b 100%);
    background: -ms-linear-gradient(left, #101b2b 0%,#263e59 20%,#263e59 80%,#101b2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101b2b', endColorstr='#101b2b',GradientType=1 );
    background: linear-gradient(left, #101b2b 0%,#263e59 20%,#263e59 80%,#101b2b 100%);
    }
    .footer a {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px black;
    }
    .footer_coin_g {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/footer_coin_g.png)no-repeat left top;
    width: 30px;
    height: 100px;
    position: absolute;
    top: -33px;
    left: -30px;
    }
    .footer_coin_d {
    background: transparent url({vb:stylevar imgdir_misc}/abyss/footer_coin_d.png)no-repeat left top;
    width: 30px;
    height: 100px;
    position: absolute;
    top: -33px;
    right: -30px;
    }
    
    
    .footer_links {
    position: absolute;
    right: 0;
    bottom: 10px;
    }
    .footer_select {
    position: relative;
    top: 10px;
    float: right;
    margin-right: 10px;
    }
    .footer_select .textbox, textarea, select {
    padding-top: 1px;
    padding-bottom: 1px;
    }
    .below_body {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    float: left;
    margin-left: 10px;
    }
    .below_body div{
    text-align: left;
    text-shadow: 1px 1px 2px black;
    color: #C6D8E9;
    }
    .below_body .time {
    color: #C6D8E9;
    }
    .footer_links li {
    margin-left: 10px;
    }
    .footer_copyright, .footer_morecopyright {
    padding-bottom: 0px;
    }
    
    
    /* Blog */
    #pagetitle {
    border-bottom-color: #AC0501;
    }
    #blog_user_sidebar, #blog_sidebar_generic {
    background-color: transparent;
    -moz-box-shadow: none;
    box-shadow: none; 
    border: none;
    }
    /* START bouton flux rss blog */
    #pagetitle #rssicon {background: transparent url({vb:stylevar imgdir_misc}/abyss/rss.png);background-position: 0 24px; height: 24px; width: 24px; padding: 0px; position: relative; top: -6px;}/* img rss */
    #pagetitle #rssicon:hover {background: transparent url({vb:stylevar imgdir_misc}/abyss/rss.png);background-position: 0 0; height: 24px; width: 24px;}/* img rss */
    .forumactionlink a {padding-left:24px;}
    #pagetitle #rssicon img {
    display: none;
    }
    /* END bouton flux rss blog */
    /* END Blog */
    
    
    /* CMS */
    .cms_widget {
    background-color: #EEF3F7;
    }
    .header, .article_title {
    border-top-color: #AC0501;
    }
    /* END CMS */
    
    
    /* search */
    #searchtypeswitcher li.selected a {
    background-color: #29405B;
    }
    #searchtypeswitcher {
    border-bottom-color: #29405B;
    }
    #searchtypeswitcher li a:hover {
    background-color: #29405B;
    }
    
    
    /* START Notice */
    .notices li {
    -webkit-box-shadow: inset 0px 0px 2px 0px #000000;
    -moz-box-shadow: inset 0px 0px 2px 0px #000000;
    box-shadow: inset 0px 0px 2px 0px #000000; 
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px; 
    background-color: #FFE0E0;
    }
    /* END Notice */
    
    
    /*               **** MODS by Ombre****                     */
    
    
    /* START  Arrondis dans le postbit et des boutons sur le forum et le blog by Ombre pour vb-r */
    .formcontrols {
        -moz-border-radius-bottom{vb:stylevar right}: {vb:stylevar forumhead_top_corner_radius};
        -moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
        -webkit-border-bottom-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
        -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
        border-radius-top{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
        border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
    }
    .navlinks {
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
    }
    .posthead{
        -moz-border-radius-top{vb:stylevar right}: {vb:stylevar forumhead_top_corner_radius};
        -moz-border-radius-top{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
        -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
        -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
        border-radius-top{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
        border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
    }
    .postbit, .postbitlegacy, .eventbit {
        -moz-border-radius-bottom{vb:stylevar right}: {vb:stylevar forumhead_top_corner_radius};
        -moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
        -webkit-border-bottom-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
        -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
        border-radius-top{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
        border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
    }
    .thread_controls{
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
    }
    #inlinemod_formctrls .popupctrl{
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
    }
    .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl{
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
    }
    .actionbuttons .group .button {
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
    }
    .textcontrols a, a.textcontrol{
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
    }
    .forum_info_form .options_input_block .button  {
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
    }
    #c_blog_search .controls input {
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
    }
    .blockbody.formcontrols .blockrow .rightcol *  {
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
    }
    /* END  Arrondis dans le postbit et des boutons sur le forum et le blog by Ombre pour vb-r */
    
    
    /* START alignement horizontal des icônes de légendes pour vb-r by Ombre */
    .wgo_block .section dl.icon_legends dt {
        float: none;
    }
    .wgo_block .section dl.icon_legends dd{
        display: inline;
    }
    /* END alignement horizontal des icônes de légendes pour vb-r by Ombre */
    
    
    /* END Restructuration dernier message by Ombre */
    .forumbit_post .forumrow .forumlastpost .lastpostdate {
    display: inline-block;
    }
    .forumbit_post .forumrow .forumlastpost .lastpostdate:before {
    content:" ~ "
     }
    .forumbit_post .forumrow .forumlastpost .lastpostby {
    display: inline-block;
    }
    /* END Restructuration dernier message by Ombre */
    
    
    /* START Correction pour certains hacks listés dans le sujet sur vb-r */
    
    
    #vsa_vilxh img {
    position: absolute;
    top: 0;
    left: -20px;
    }
    
    
    #wgo_wvt_users img {
    position: absolute;
    top: 0;
    left: -20px;
    }
    
    
    #widgetlist_column1 .cms_widget {
    margin-bottom: 10px;
    }
    
    
    #wgo_trm_users img {
    position: absolute;
    top: 0;
    left: -20px;
    }
    
    
    #wgo_wjt_users img {/* Qui s'est inscrit aujourd'hui */
    position: absolute;
    top: 0;
    left: -20px;
    }
    
    
    #wgo_wpt_users img {/* Qui a posté Aujourd'hui */
    position: absolute;
    top: 0;
    left: -20px;
    }
    
    
    .calendar .events ol li a {
    font-size: 12px;
    color: red;
    }
    
    
    /* END Correction pour certains hacks listés dans le sujet sur vb-r */
    
    
    /* START Correction du style au file des versions de vbulletin */
    .postbitlegacy .postfoot .textcontrols a, .postbit .postfoot .textcontrols a, .eventbit .eventfoot .eventcontrols a {
    background: url({vb:stylevar imgdir_button}/edit_40b.png) no-repeat top left transparent;
    }
    .postbitlegacy .postfoot .textcontrols a:hover, .postbit .postfoot .textcontrols a:hover, .eventbit .eventfoot .eventcontrols a:hover {
    background: url({vb:stylevar imgdir_button}/edit_40b-hover.png) no-repeat top left transparent;
    }
    #calendar_main .postbitlegacy .postbody, .eventbit .eventdetails .eventbody { /* cadre calendrier evenements journalier */
    margin: 10px 10px 10px 200px;
    }
    #calendar_main .postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
    float: left;
    }
    .searchbits .eventdetails .username_container {
    float: left;
    }
    .searchbits .userinfo {
    padding-left: 10px;
    }
    .searchbits .date {
    padding-left: 10px;
    }
    /* END Correction du style au file des versions de vbulletin */
    
    
    .popupctrl_abyss a{
    background: transparent url({vb:stylevar imgdir_misc}/abyss/navbar_onglet_a_arrow.png) right top no-repeat;
    border: none;
    height: 30px;
    color: #7D8A9E;
    padding-top: 5px;
    }
    
    
    /* correctif pour vb 4.2.1 by Ombre */
    .navtabs > ul.floatcontainer li:hover a.popupctrl {
    background-color: #1D3652;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    .navtabs > ul.floatcontainer .popupbody li a:hover {
    color: #000000;
    background-color: #D3E1EE;
    text-shadow: 1px 1px 2px #ffffff;
    -moz-box-shadow: 1px 1px 5px #656565 inset;
    -webkit-box-shadow: 1px 1px 5px #656565 inset;
    -o-box-shadow: 1px 1px 5px #656565 inset;
    box-shadow: 1px 1px 5px #656565 inset;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    text-decoration: none;
    border: none;
    }
    .navtabs > ul.floatcontainer li:hover a.popupctrl.active, .navtabs > ul.floatcontainer li a.popupctrl.active {
    background-color: #1D3652;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: transparent;
    }
    .navtabs > ul.floatcontainer li a:hover {
    background-color: #1D3652;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    .navtabs > ul.floatcontainer li a:hover {
    text-decoration: none;
    }

  11. #90
    Version
    vB 4.2.3
    Inscrit
    mars 2006
    Localisation
    charleroi
    Âge
    48
    Messages
    437
    Pouvoir de réputation
    14

    Par défaut

    bonjour et merci du coup de pouce

    encore un petit reglage et ca sera parfait
    Images attachées Images attachées
      Tout d'abord , vous devez vous présenter pour voir les fichiers joints

Page 9 sur 9 PremièrePremière ... 789

Informations du sujet

Utilisateur(s) parcourant ce sujet

il y a actuellement 1 utilisateur(s) parcourant ce sujet. (0 membre(s) et 1 visiteur(s))

Sujets similaires

  1. Abyss - by Ombre (Fêtes)
    Par Ombre dans le forum Styles vB 4.2.x
    Réponses: 16
    Dernier message: 18/08/2017, 19h43
  2. Abyss - by Ombre
    Par Ombre dans le forum Styles vB 4.2.x
    Réponses: 89
    Dernier message: 09/03/2016, 23h03
  3. Abyss - by Ombre
    Par Ombre dans le forum Styles vB 4.1.x
    Réponses: 524
    Dernier message: 05/01/2016, 06h51
  4. problème affichage Abyss By Ombre
    Par letigre dans le forum Support vBulletin 4.x
    Réponses: 4
    Dernier message: 02/03/2013, 22h37
  5. Changer le Font de Style Abyss ( Ombre )
    Par Sawyer2 dans le forum Sujets non conformes à nos règles
    Réponses: 1
    Dernier message: 01/01/2012, 16h50

Tags pour ce sujet

Liens sociaux

Règles des messages

  • Vous ne pouvez pas créer de sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas importer de fichiers joints
  • Vous ne pouvez pas éditer vos messages
  •  
  • Les BB codes sont Activés
  • Les Smileys sont Activés
  • Le BB code [IMG] est Activé
  • Le code [VIDEO] est Activé
  • Le code HTML est Désactivé
Hébergé par PlanetHoster