Mettre un espace entre le contour du forum et les bordures des catégories

par LOBODU89 Lun 5 Fév 2018 - 15:47

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : en cours
Lien du forum : http://amicaledescallois.forumactif.com/

Description du problème

Bonjour,

Je souhaiterai mettre un espace entre le contour du forum et les bordures des catégories, à gauche et à droite, je pense que cela se paramètre dans le CSS mais je n'ai pas trouvé le bon curseur.
Je vous joins mon CSS

Code:: /*==============================================================*/ /* Supprimer les boites de recherche dans les sujets ======*/ /*===.search-box {display:none}===*/ /*==============================================================*/ /* arrondi sur bouton "sauter vers et zone de texte */ select { -moz-border-radius: 14px; -webkit-border-radius: 14px; -border-radius: 14px; border: *px solid #FFFFFF;} select:hover { -moz-border-radius: 14px; -webkit-border-radius: 14px; -border-radius: 14px; border: *px solid #FFFFFF;} /* fin arrondi sur bouton et zone de texte */ /*==============================================================*/ /* Supprimer le trait entre le qeel et la barre de lien ======*/ .h3 {border: none} /*==============================================================*/ /* Contour arrondi du titre catégories/sujets======*/ .table-title { border: 1px solid #FADF84; border-color: #FADF84; margin-left: 2px} {.table-title{padding-left:0px;} } /*==============================================================*/ /* Contour avec arrondi du fond de titre catégories/sujets======*/ .header{ border: 1px solid #FADF84; border-color: #FADF84; border-radius:4px;} /*==============================================================*/ /* Contour barre de navigation======*/ .navbar { width: 97%; margin-left:8px; margin-right:5%; padding-left:0px; border: 3px solid #FADF84; border-color: #FADF84; background-image: url(https://i62.servimg.com/u/f62/14/75/62/44/800x6010.jpg); background-repeat:repeat; } /*==============================================================*/ /* Masquage trait sous menu navigation======*/ .navlinks{border: none!important;} /*==============================================================*/ /* Masquage partiel trait liens inférieure======*/ block .h3 { border-bottom-color: transparent; } .copyright-body { border-color: transparent; } /*==============================================================*/ /* Marge et traits entre sujet et catégories======*/ ul.topiclist li { display: block; margin-top: 2px; } li.row { border: 2px solid #FADF84; -moz-border-radius:4px; -webkit-border-radius:6px; border-radius:6px; } /*==============================================================*/ /* Marge autour du forum======*/ #wrap, body#phpbb { border: none; padding: 2; } .headerbar { margin: 2;} /*==============================================================*/ /* Décalage du titre des catégories et sujets (bandeau noir)*/ .topic-title {padding-left:35px;} /*==============================================================*/ /*Deplace icone de message a droite dans la colonne (UNIQUE, tuto, important......)*/ dl.icon dd.dterm { background-position: 99%;} /*==============================================================*/ /*Solutionne la longueur des titre de message*/ div.topic-title-container { width: 73%; display: inline-flex!important; } /*==============================================================*/ /*Solutionne la hauteur de separation verticale (ligne)*/ ul.forums dd { min-height:70px;}/* hauteur des lignes */ ul.forums li.row dl { border-right:1px solid #FADF84;}/* couleur de vos lignes */ ul.forums dd { border-left: 1px solid #FADF84; /* couleur de vos lignes */ height: 70px; /* hauteur des lignes */ } /*==============================================================*/ /*Image dans le popup de connexion*/ #login_popup { /*====background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/blason26.png);=====*/ background-repeat:no-repeat; background:center center; background-color: grey width: 100%; right: 0; text-align: center;} /*==============================================================*/ /*Centrage bouton dans le popup de connexion*/ #login_popup_buttons { width: 100%; right: 0; text-align: center; } /*Marge du titre du sujet*/ .header {padding-left:15px;} a.forumtitle,a.topictitle,.span-tab{padding-left:0px;} /*==============================================================*/ /*image Fond ecran*/ body { background-image: url(https://i62.servimg.com/u/f62/14/75/62/44/800x6010.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } /* Mobile */ @media only screen and (max-width: 780px) { body { background-image: url(https://i62.servimg.com/u/f62/14/75/62/44/800x6010.jpg); } } /*==============================================================*/ /*redimensionne les gifs des profils automatiquement*/ poster-profile img /*redimensionne les gifs des profils automatiquement*/{ max-width: 70px; border-top:0px #216674 solid; border-bottom:0px #216674 solid; } /*==============================================================*/ /*Cadre de separation entre reponse/message*/ .post { border: 1px solid orangered; border:1px solid #FADF84; } /*==============================================================*/ /*Trait separation profil/message*/ .postprofile{ border-color:FADF84; border-right-width:1px; min-height:100px; } .postprofile { border:none; color: #FADF84; display: inline; float: left; margin: 5px -5px 0; min-height: 80px; position: relative; width: 17%; word-wrap: break-word; /*Cadre autour profil*/ border: 1px solid orangered; border:1px solid #FADF84; } .postbody { border-left:1px solid #FADF84; clear: both; color: #FADF84; float: right; line-height: 1.48em; padding: 0; width: 82%; margin-left:10px; } /*==============================================================*/ /*Couleur fond bouton (enregistrer dans nouveau membre) */ #main-content a.cgu-buttons { background: white; border: 1px solid gold; color: #1e1e2a; padding: 3px 5px; } fieldset dl:hover dt label {color:#5E5252!important;} .sceditor-container textarea{ color:#000000 !important; } select {color: #FFFFFF;} /*Couleur du texte dans édition et écriture message*/ a.button2:link{color:#1e1e2a !important;} a.button2:link:hover{color:#499100 !important;} /*==============================================================*/ /*Traits verticaux gauche et droit haut bas des sujets */ ul.topiclist dd.dterm{border-left:none !important;} li.row{border-left:1px solid #FADF84; border-right:1px solid #FADF84;} ul.topiclist li.row dl{padding-top:0 !important; padding-bottom:0 !important;} /*suite hauteur ligne verticale sujet*/ .pagination{padding-top:0 !important; padding-bottom:0 !important; } dd.posts, dd.topics, dd.views { line-height: 70px ;} /*==============================================================*/ /*Bordure gauche sujet derniers message (solution forumactif)*/ .topiclist.topics.bg_none .lastpost { border-left: 1px solid #FADF84; height: 70px; } /*==============================================================*/ /*PERSONNALISATION DE LA TOOLBAR*/ div#fa_search {display:none!important;} span#fa_share {display:none!important;} a#fa_hide {display: none!important;} #fa_toolbar{background-color:transparent!important;} font-family: 'BenchNine',cursive !important ; .fa_tbMainElement#fa_right a.rightHeaderLink#fa_notifications{font-size:10px; text-transform:uppercase;letter-spacing:3px;font-weight:bold;} /*==============================================================*/ /*Enlever date édition des messages*/ .edited-message { display: none } /*==============================================================*/ /*Enlever les statistiques en bas du QEEL*/ .h3 a[href^='/statistics'], .page-bottom { display: none; } /*==============================================================*/ /*Enlever top 20 des posteurs, sujet actif forum en bas de page accueil*/ /*.linklist{ display:none; }*/ /*==============================================================*/ /*mARGE DU qeel*/ img#i_whosonline { margin: 0px; } /*==============================================================*/ /*Supprimer la légende des rangs : admin, modérateurs .......*/ #main-content em {display:none;} /*==============================================================*/ /*--------------------------SUPPRIMER LIEN MODERATEUR BAS DE PAGE-------------------------------------*/ .form a.gmod { display: none; } /*==============================================================*/ /*IMAGE FOOTER Bandeau bas de page--------------------------------------*/ /*===#page-footer { background-image: url(https://i62.servimg.com/u/f62/14/75/62/44/bandea11.png); background-position: bottom center; background-repeat: no-repeat; height: 180px; margin-top: 0px; background-size:99% 50%; width: auto; }=*/ /*==============================================================*/ /* cadre du Forum */ #wrap { border-left: 5px solid #FADF84; border-bottom:5px solid #FADF84;-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;border-right: 5px solid #FADF84;border-top: 5px ridge #FADF84; } /* arrondir angles du Forum */ .forabg,.module{ -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; } div, table { -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; border: none; } /****************************EPAISSEUR BANDE (jaune dorée) AUTOUR CATEGORIE sujet************************/ .forabg {padding:6px 6px;} /*==============================================================*/ /* sUPPRIMER L'ANNOTATION "nOTE" OU "ANNONCE" AVANT UN TITRE DE SUJET.*/ .dterm strong , .span-tab{display:none;} /*==============================================================*/ /***************TRANSPARENCE DU FOND*******************/ /***transparence du fond=.headerbar,#wrap,html,.statistics,#page-footer{background:transparent !important;}**/ /*===============================marge au dessus image fond QEEL===============================*/ .linklist.bottom {padding-top:0!important;} /************************************ QEEL **************************************/ #QEELperso{ /*** background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea20.jpg);****/ /**background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea18.png);** celui origine amicale*/ /***background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea29.jpg);**/ background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea22.png); /**background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea30.jpg);**pas bon*/ /****background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea18.jpg);**/ background-repeat:no-repeat background:center center; max-height: 155px; height: auto; width: 1100; margin-left:10px; margin-top:0px; } /*==============================================================*/ /* sUPPRIMER L'ANNOTATION "nOTE" OU "ANNONCE" AVANT UN TITRE DE SUJET.*/ .dterm strong , .span-tab{display:none;} /*==============================================================*/ #QEELtexte1 { margin-top: 85px; /*modifier la valeur au besoin*/ color: #FADF84; font-family: Verdana, sans-serif; font-weight:bold; } /*==============================================================*/ /* Aspect du pointeur La Calle======*/ /* body, a { cursor: url(https://i62.servimg.com/u/f62/14/75/62/44/blason42.png), auto; }*/ =*/ /*==input[type=text], textarea {cursor:url(https://i62.servimg.com/u/f62/14/75/62/44/blason42.png),auto} textarea:hover { cursor:…;}=*/ /*==============================================================*/ /*==============================================================*/ /*=====================CHATBOX=============================*/ /*==============================================================*/ /*==============================================================*/ /* chatbox couleur zone écriture */ /* couleur zone écriture noir sur fond blanc*/ #chatbox_footer input { color: black !important; } #message { color: #000000 !important; } /*====================chatbox Avoir le texte sur la même ligne que le pseudo:================*/ #chatbox .user-msg .user, #chatbox .user-msg .msg { display: inline; } /*====================chatbox LIMITE TAILLE avatars===============*/ #chatbox_members .cb-avatar > img { height:30px;width:30px; vertical-align: middle; } /*====================chatbox couleur des textes connexion/deconnexion================*/ #chatbox_footer input#message { width: 500px; /*largeur barre de saisie chatbox*/ } /* couleur deconnexion CB */ .msg > span[style="color:red;"] { color: blue!important; } /* couleur connexion CB */ .msg > span[style="color:green;"] { color: orange!important; } /*====================chatbox couleur des textes connexion/deconnexion================*/ .

Merci d'avance.

Lobodu89

par LOBODU89 Jeu 8 Fév 2018 - 9:49

Bonjour à tous,

Je vous mets une nouvelle photo montrant où je souhaite mettre une marge 'bande rouge), siquelqu'un avait une petite idée ?

Merci.

Lobodu89