Modificar bbcode "codigo"Tema Solucionado

[Cruciattus]

Hola, acabo de modificar los bbcodes codigo y citar para hacer los bordes redondeados y con rayitas. El problema surge que con el bbcode "code" me sale un recuadro gris detras. Dejo imagen


dejo tambien mi stylesheet.css. Me gustaria saber que tengo que modificar para que la palabra "codigo" se quede dentro del recuadro redondeado de rayitas y no aparezca ese subfondo de color gris. Que se vea bien como la modificacion de "citar" que no tiene ese fondito y la palabra citar está dentro del recuadro. Gracias!

SPOILER_SHOW

/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: Cruciatus 2.0
Based on style: subsilver2
Author: D-eliria ( http://d-eliria.com )
--------------------------------------------------------------
*/
@import url("mchat.css");
/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}

html {
font-size: 100%;
}

body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Times New Roman;
color: #57514b;
background-color: #050505;
font-size: 11px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
width: 1100px;

}

#body-simple {
background-color: #020202;
padding: 5px;
}

/* Misc stuff */
img {
border: none;
}

.gen {
font-style: "Sans-serif";
margin: 1px 1px;
font-size: 12px;
}

.genmed {
margin: 1px 1px;
font-size: 1.1em;
}

.gensmall {
margin: 1px 1px;
font-family: "Times new Roman";
}

.titles {
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}

.error, table td .error {
color: #5c2e2e;
}

.spacer {
color: #837e79;
background: #180c0c;
padding: 1px;
}

hr { height: 0px; border: solid #180c0c 0px; border-top-width: 1px;}

.pagination {
padding: 4px;
font-size: 1em;
font-weight: bold;
}

/* Links
------------ */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
direction: rtl;
unicode-bidi: embed;
}

/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
/* See http://www.phpbb.com/bugs/phpbb3/59685 */
a {
color: #5c2e2e;
text-decoration: none;
}

a:visited {
color: #5c2e2e;
text-decoration: none;
}

a:hover {
color: #837e79;
text-decoration: none;
}

a:active {
color: #5c2e2e;
text-decoration: none;
}
a.forumlink {
color: #57514b;
font-weight: bold;
font-family: "Times New Roman";
font-size: 10px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: #090909;
padding:2px;
margin-bottom:-9px;
display: block;
}


a.topictitle {
color: #837e79;
margin: 1px 0px;
font-family: "Times New Roman";
font-weight: bold;
font-size: 10px;
}

a.topictitle, .postbody a {
color: #837e79;
}
a.topictitle:visited, .postbody a:visited {
color: #837e79;
}
a.topictitle:visited:hover, .postbody a:visited:hover {
color: #5c2e2e;
}
a.topictitle:hover, .postbody a:hover {
color: #5c2e2e;
}

/* Header and logo */
#logo-row {
margin-bottom: 0px;
width: 1100px;
background: #000001;
-moz-border-top-left-radius: 30px;
-moz-border-top-right-radius: 30px;
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}

html>body #logo-right { min-height: 30px; }

#logo-registered {
float: right;
padding: 0px 0px 0px;
text-align: right;
font-family: Serif;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
}

#logo-login {
float: right;
padding: 15px 10px 5px;
text-align: right;
font-family: Serif;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
}
#logo-login input.post { margin-bottom: 3px; }

#logo-clear { clear: both; }

* html #logo-login, * html #logo-registered {
}

* html #logo-clear { font-size: 1px; line-height: 1px; height: 0; overflow: hidden; position: relative; }

.pm-notify-new, .pm-notify-unread {
font-family: "Times New Roman", Times;
color: #837e79;
font-size: 11px;
letter-spacing: 5px;
font-weight: bold;
text-transform: uppercase;
background: #090909 url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 13px;
text-align: center;
margin: 5px 0;
padding: 5px;
text-align: center;

}
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; }
.pm-notify-header {
margin-bottom: 10px;
color: #837e79;
}
.pm-notify-new { padding: 30px; }

/* Navigation buttons */
.navrow {
background: #180c0c;
height: 15px;
overflow: hidden;
color: #090909;
text-align: center;
font-family: Serif;
font-size: 8px;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
padding-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}
/* * html .navrow { padding: 0; } */
.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
color: #837e79;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}
.navrow a:hover {
color: #57514b;
text-decoration: none;
}

a.link-new, a.link-new:visited { color: #5c2e2e; }
a.link-new:hover, a.link-new:visited:hover { color: #5c2e2e; }

/* Content and tables */
#content {
background: transparent;
padding: 0 0px 0px;

}
#maintable {
border: solid 2px #020202;
margin: 0 auto;
-moz-border-bottom-left-radius: 30px;
-moz-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
#contentrow {
padding: 0px;
background-color: #020202;
-moz-border-bottom-left-radius: 30px;
-moz-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}

.tablebg {
background-color: #020202;
font-weight: none;
}

.tablecat {
font-family: Georgia;
color: #837e79;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
background: #0F0F0F url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
font-weight: none;
}

.tablesub {
font-family: Serif;
color: #837e79;
font-size: 8px;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
background: #180c0c;
padding: 0px;
height: 10px;
text-align: center;
}
.block-start .tablebg {
border-top-width: 0;
border-bottom-width: 0;
border-color: #B2E4B5;
border-right-color: #EDF9EE;
}

.row1, .row2, .row3, .legend, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom {
border: solid 0px #020202;
background: #050505;
padding: 4px;
}
th {
white-space: nowrap;
padding: 0 5px;
text-align: center;
height: 26px;
font-weight: none;

}
th a, th a:visited {
color: #837e79; !important;
text-decoration: none;
font-weight: none;
}
th a:hover {

color: #5c2e2e;
text-decoration: none;
}

td {
padding: 0px;
}
td.profile {
padding: 4px;
}

.cat2 {
font-family: Georgia;
color: #837e79;
font-size: 8px;
letter-spacing: 2px;
text-transform: uppercase;
background: #0F0F0F url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
font-weight: none;
}

.catdiv, .cat, .cathead {
font-family: Georgia;
color: #837e79;
font-size: 8px;
letter-spacing: 2px;
text-transform: uppercase;
background: #090909;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
font-weight: none;
}

.cat, .cathead {
text-indent: 4px;
}

/* Table header */
caption, .cap-div {
font-family: "Times New Roman", Times;
color: #837e79;
font-size: 11px;
letter-spacing: 0px;
font-weight: bold;
text-transform: uppercase;
background: #0F0F0F url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
}

caption a:link, .cap-div a:link {
font-family: "Times New Roman", Times;
color: #837e79;
font-size: 11px;
letter-spacing: 5px;
font-weight: bold;
text-transform: uppercase;
background: #0F0F0F url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
}

caption, caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div, .cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span {
font-size: 11px;
letter-spacing: 5px;
font-weight: bold;
color: #837e79;
padding-top: 2px;
height: 15px;
}
caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span {
display: inline;
}
caption a, caption a:visited, .cap-div a, .cap-div a:visited {
color: #837e79;

}
caption a:hover, .cap-div a:hover {
color: #5c2e2e;

}

.block-start { background-color: #180c0c; }
.block-end-left { background-color: #180c0c; }
.block-end-right {background-color: #180c0c; }
.block-end-left, .block-end-right { height: 4px; overflow: hidden; padding: 0; }

/* Footer */
#wrapfooter {
text-align: center;
color: #57514b;
padding-top: 10px;
font-size: 10px !important;
}

.copyright {
color: #57514b;
font-weight: normal;
font-size: 10px !important;
line-height: 1.2em;
background: #020202;
}

/* Breadcrumbs */
.breadcrumb .row1 {
color: #57514b;
border-width: 1px 0 0 1px;
background: #090909;
}
p.breadcrumbs {
font-family: Serif;
margin: 0;
padding: 0;
float: left;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
}
.rtl p.breadcrumbs {
float: right;
}

p.datetime {
margin: 0;
padding: 0;
float: right;
white-space: nowrap;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: Serif;
}

.rtl p.datetime {
float: left;
}

/* Index/viewforum */

.subforum {
color: #57514b;
font-weight: bold;
font-family: "Times New Roman";
font-size: 8px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: #090909;
padding:2px;
margin-bottom: 0px;
}

.subforum.read {
color: #57514b;
font-weight: bold;
font-family: "Times New Roman";
font-size: 8px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: #090909;
padding:2px;
margin-bottom: 0px;
}

.subforum.unread {
color: #57514b;
font-weight: bold;
font-family: "Times New Roman";
font-size: 8px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: #090909;
padding:2px;
margin-bottom: 0px;
}

.legend {
text-align: center;
margin: 0 auto;
padding: 2px;
border-top-color: #B2E4B5;
border-left-color: #B2E4B5;
}
.legend-viewforum {
margin: 0;
text-align: left;
border-top-color: #B2E4B5;
border-left-color: #B2E4B5;
}

.forumrules {
padding: 4px;
font-weight: normal;
font-size: 1.1em;
border-left: solid 1px #180c0c;
border-right: solid 1px #180c0c;
border-top: solid 1px #180c0c4;
border-bottom: solid 1px #180c0c;
background: #020202;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
color: #5c2e2e;
}

/* Post */
.postsubject {
font-style: georgia;
font-size: 11px;
font-weight: bold;
color: #5c2e2e;
}
td.postbottom {
background: #090909;
font-size: 12px;
color: #837e79;
white-space: nowrap;
padding: 2px 4px;
vertical-align: middle;

}
td.postbuttons { padding-top: 3px; }

.postdetails {
background: #090909;
border: 1px #020202;
color: #444;
font-size: 12px;
text-align: left;
padding: 3px;
}
.postdetails b {
color: #444;
}
.posterrank { font-size: 10px; color: #444; }
.posterprofile { font-size: 12px; color: #180c0c; }

.postauthor {
color: #837e79;
font-size: 12px;
margin-bottom: 3px;
font-weight: bold;
}
.postonline { margin-bottom: 2px; }

.postreported, .postreported a:link, .postreported a:visited, .postreported a:hover, .postreported a:active {
margin: 1px 0px;
color: #5c2e2e;
font-weight: bold;
}

.postapprove, .postapprove a:link, .postapprove a:visited, .postapprove a:hover, .postapprove a:active {
color: #180c0c;
font-weight: bold;
}

.postapprove img, .postreported img {
vertical-align: bottom;
padding-top: 5px;
}

.postbody {
font-size: 12px;
line-height: 1.4em;
margin: 3px 0;
font-family: georgia;

}
.signature {
font-size: 11px;
color: #666;
margin-top: 5px;
}
.signature .line { color: #B4BFB7; }

.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}

.posthilit {
background-color: #B3C1B4;
color: #000;
}

.postsubject {
font-style: georgia;
font-size: 11px;
font-weight: bold;
color: #5c2e2e;
}

.postbody a { text-decoration: underline; }

/* UCP */
.folder-current a, .folder-current a:visited {
color: #5c2e2e;
font-weight: bold;
}
.folder-current a:hover { color: #837e79; }

td.pm_marked_colour { background: #837e79; }
td.pm_marked_colour_left { border-left: solid 3px #837e79; padding-left: 2px; }
td.pm_marked_colour_right { border-right: solid 3px #837e79; padding-right: 2px; }

td.pm_replied_colour { background: #050505; }
td.pm_replied_colour_left { border-left: solid 3px #050505; padding-left: 2px; }
td.pm_replied_colour_right { border-right: solid 3px #050505; padding-right: 2px; }

td.pm_friend_colour { background: #050505; }
td.pm_friend_colour_left { border-left: solid 3px #050505; padding-left: 2px; }
td.pm_friend_colour_right { border-right: solid 3px #050505; padding-right: 2px; }

td.pm_foe_colour { background: #180c0c }
td.pm_foe_colour_left { border-left: solid 3px #180c0c; padding-left: 2px; }
td.pm_foe_colour_right { border-right: solid 3px #180c0c; padding-right: 2px; }


/* Form Elements
------------ */
form {
margin: 0px;
padding: 0px;
border: 0px;
}

textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline {
font-weight: normal;
font-family: georgia;
color: #57514b;
border: 1px solid #57514b;
background-color: #070707;
}

select {
background-color:#FFFFFF !important;
}

.cat .btnmain, .cat .btnlite, .cat select {
color: #57514b;
border: 1px solid #020202;
background-color: #070707;
}

input {
font-size: 1.1em;
padding: 1px;
}
textarea {
font-size: 1.3em;
line-height: 1.4em;
padding: 2px;
}
select {
font-size: 1.1em;
padding: 1px;
}

option {
padding: 0 1em 0 0;
}

.rtl option {
padding: 0 0 0 1em;
}

.post {
border-style: solid;
border-width: 1px;
}

.btnbbcode {
font-size: 1.1em;
color: #837e79;
border: 1px solid #020202;
background-color: #070707;
}
.btnbbcode:hover {
border-color: #502e2e;
color: #000;
}

.btnmain {
font-weight: bold;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}

.btnlite {
font-weight: normal;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}

.btnfile {
font-weight: normal;
padding: 1px 5px;
font-size: 1.1em;
}

.helpline {
background-color: transparent;
color: #5c2e2e;
border-style: none;
}
#helpline { color: #5c2e2e; }

* html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile {
}
* html .cat .btnmain, * html .cat .btnlite {
}
textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover {
border-color: gray;
}
textarea:focus, select:focus, .post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus {
border-color: #020202;
color: #57514b;
background-color: #070707;
}
.cat .btnmain:hover, .cat .btnlite:hover, .cat select:hover {
border-color: #180c0c;
}
.cat .btnmain:focus, .cat .btnlite:focus, .cat select:focus {
border-color: #020202;
color: #57514b;
}

label:hover {
color: #5c2e2e;
}

textarea.posting-textarea, #ie8#fix {
width: 98%;
}

/* BBCode
------------ */
.bb-wrapper {
clear: both;
margin: 10px 20px;
}
.bb-wrapper .bb-wrapper {
margin: 5px 10px;
}

.bb-content {
background-color: #090909;
padding: 0px;
margin-left: 8px;
}

.bb-quote {
padding: 10px;
background-color:#0f0f0f;
border: 1px dashed #676665 ;
-webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;
}

.bb-code {
background-color: #090909;
}
.bb-attach {
background-color: #090909;
}

.quotetitle, .attachtitle, .codetitle {
background-image: url(images/cat_title.png);
background-repeat: repeat;
color: #888;
font-size: 0.85em;
font-weight: bold;
padding-bottom: 3px;
padding-left: 8px;
text-transform: uppercase;
}
.quotetitle .quotetitle {
font-size: 1em;
}

.quotecontent, .attachcontent {
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
/* font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; */
color: #444;
margin-left: 8px;
}
.attachcontent {
font-size: 0.85em;
}

.codecontent {
direction: ltr;
font-weight: normal;
font-size: 11px;
font-family: Monaco, 'Courier New', monospace;
color: #444;
margin-left: 8px;
padding: 10px;
background-color:#0f0f0f;
border: 1px dashed #676665 ;
-webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;
}

.attachcontent, .codecontent {
overflow: auto;
overflow-x: auto;
}

.syntaxbg {
color: #F0F5F1;
}

.syntaxcomment {
color: #837e79;
}

.syntaxdefault {
color: #444;
}

.syntaxhtml {
color: #687869;
}

.syntaxkeyword {
color: #457549;
}

.syntaxstring {
color: #637865;
}


/* More misc stuff */
h1 {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 1.8em;
text-decoration: none;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
line-height: 120%;
}

h3 {
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}

h4 {
margin: 0px;
font-size: 1.1em;
font-weight: bold;
}

p {
font-size: 1.1em;
}

p.moderators {
margin: 0px;
float: left;
color: #837e79;
font-weight: bold;
}

.rtl p.moderators {
float: right;
}

p.linkmcp {
margin: 0px;
float: right;
white-space: nowrap;
}

.rtl p.linkmcp {
float: left;
}

p.searchbar {
font-family: Serif;
margin: 0;
padding: 0;
float: center;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
border-width: 1px 0 0 1px;
background: #090909;
}

p.searchbarreg {
font-family: Serif;
margin: 0;
padding: 0;
float: center;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
border-width: 1px 0 0 1px;
background: #090909;
}

.rtl p.searchbarreg {
float: left;
}

p.forumdesc {
color: #57514b;
font-family: georgia;
font-size: 11px;
padding-bottom: 4px;
background: #070707;
padding:2px;
margin-top: 5px;
margin-bottom: 0px;
/*text-align: center;*/
}

p.topicauthor {
margin: 1px 0px;
}

p.topicdetails {
margin: 1px 0px;
font-size: 10px;
font-style: serif;
}
td.history-current, tr.row1 td.history-current, tr.row2 td.history-current {
background: #F5FBF5;
}

table.colortable td {
padding: 0;
}

pre {
font-size: 1.1em;
font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
white-space: nowrap;
}

.username-coloured {
font-weight: bold;
}

/* GYM Sitemaps & RSS - http://www.phpbb-seo.com */
div.gymsublist {
display:block;
position:relative;
padding-left:10px;
padding-top:5px;
padding-bottom:10px;
padding-right:0;
margin:0;
}
div.gymsublist ul {
display:block;
position:relative;
height:1%;
padding-left:30px;
}
div.gymsublist ul li {
display:block;
position:relative;
line-height:18px;
font-size:11px;
}
/* GYM Sitemaps & RSS - http://www.phpbb-seo.com */

.sep {
color: #837e79;
}


/* reset style for file input */
.btnfile, .btnfile:hover, .btnfile:focus {
border: none;
background-color: #FFF;
color: #000;
}

/* Sidebar
------------ */
.welcome { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/ ... debar1.png);
background-repeat: no-repeat;
width: 220px;
border: 3px solid #090909;
}

.guia { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/ ... debar2.png);
background-repeat: no-repeat;
width: 220px;
border: 3px solid #090909;
}

.staff { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/ ... debar3.png);
background-repeat: no-repeat;
width: 220px;
border: 3px solid #090909;
}

.profeta { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/ ... debar4.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}

.corazon { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/ ... debar5.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}

.puntos { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/ ... debar6.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}

.quidditch { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/ ... debar7.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}

.instituciones{ font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/ ... debar8.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}

.varios{ font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/ ... debar9.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}

.creditos{ font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/ ... ebar10.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}

.afiliados{ font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/ ... ebar11.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}

.sidebarstyle { font-family: georgia;
font-size: 12px;
line-height: 135%;
font-color: #333333;
padding-left: 20px;
padding-right: 20px;
text-align: center;
width: 180px;
}

.sidebarstyle2 { font-family: georgia;
font-size: 20px;
line-height: 135%;
font-color: #333333;
text-align: center;
}

.sidebarstyle3 { font-family: georgia;
font-size: 15px;
line-height: 135%;
font-color: #333333;
text-align: center;
}


#popmenu{
position: absolute;
background-image: url(images/pattern2.png);
font: normal 12px calibri; letter-spacing:0px;
line-height: 18px;
z-index: 100;
visibility: hidden;
text-align:center;
padding: 10 10 10 10px;
}

#popmenu a{
text-decoration: none;
padding-left: 6px;
color: 837e79;
display: block;
line-height:90%;

}

#popmenu a:hover{
background-color: #090909; color:#57514b;
}

.expand, .collapse {
float: center;
border-width:0px;
padding:0px;
margin:0px;
width: 100%;
}
.collapse table#expandable {
display: none;
}

[Makoto]

ahora debes modificar el bbcode.html

que este parecido al de quote el de code

[Cruciattus]

Me podrias decir la raiz exacta por favor? no encuentro lo de bbcode.html, gracias

[Makoto]

dicho archivo se encuentra en tuestilo/template/bbcode.html deberia ser haci

[Cruciattus]

No consigo ubicar las lineas que debo cambiar, aparecen muchos "quote" y "code"
este es mi bbcode.html

SPOILER_SHOW

<!-- BEGIN ulist_open --><ul style="list-style-type: {LIST_TYPE}"><!-- END ulist_open -->
<!-- BEGIN ulist_open_default --><ul><!-- END ulist_open_default -->
<!-- BEGIN ulist_close --></ul><!-- END ulist_close -->

<!-- BEGIN olist_open --><ol style="list-style-type: {LIST_TYPE}"><!-- END olist_open -->
<!-- BEGIN olist_close --></ol><!-- END olist_close -->

<!-- BEGIN listitem --><li><!-- END listitem -->
<!-- BEGIN listitem_close --></li><!-- END listitem_close -->

<!-- BEGIN quote_username_open -->
<div class="bb-wrapper"><table border="0" cellspacing="0" cellpadding="0" class="bb-table" width="100%">
<tr>
<td width="4" height="4" class="bb-left-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="100%" class="bb-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="4" height="4" class="bb-right-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td class="bb-left"><img src="images/spacer.gif" width="3" height="4" border="0" alt="" /></td>
<td class="bb-content bb-quote" width="100%">
<div class="quotetitle">{USERNAME} {L_WROTE}:</div>
<div class="quotecontent">
<!-- END quote_username_open -->

<!-- BEGIN quote_open -->
<div class="bb-wrapper"><table border="0" cellspacing="0" cellpadding="0" class="bb-table">
<tr>
<td width="4" height="4" class="bb-left-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="100%" class="bb-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="4" height="4" class="bb-right-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td class="bb-left"><img src="images/spacer.gif" width="3" height="4" border="0" alt="" /></td>
<td class="bb-content bb-quote" width="100%">
<div class="quotetitle">{L_QUOTE}:</div>
<div class="quotecontent">
<!-- END quote_open -->

<!-- BEGIN quote_close -->
</div>
</td>
<td class="bb-right"><img src="images/spacer.gif" width="3" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td width="4" height="4" class="bb-left-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="100%" class="bb-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="4" height="4" class="bb-right-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
</tr>
</table></div>
<!-- END quote_close -->

<!-- BEGIN code_open -->
<div class="bb-wrapper"><table border="0" cellspacing="0" cellpadding="0" class="bb-table" width="100%">
<tr>
<td width="4" height="4" class="bb-left-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="100%" class="bb-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="4" height="4" class="bb-right-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td class="bb-left"><img src="images/spacer.gif" width="3" height="4" border="0" alt="" /></td>
<td class="bb-content bb-code" width="100%">
<div class="codetitle"><b>{L_CODE}:</b></div>
<div class="codecontent">
<!-- END code_open -->

<!-- BEGIN code_close -->
</div>
</td>
<td class="bb-right"><img src="images/spacer.gif" width="3" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td width="4" height="4" class="bb-left-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="100%" class="bb-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="4" height="4" class="bb-right-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
</tr>
</table></div>
<!-- END code_close -->

<!-- BEGIN inline_attachment_open -->
<div class="bb-wrapper"><table border="0" cellspacing="0" cellpadding="0" class="bb-table" width="100%">
<tr>
<td width="4" height="4" class="bb-left-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="100%" class="bb-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="4" height="4" class="bb-right-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td class="bb-left"><img src="images/spacer.gif" width="3" height="4" border="0" alt="" /></td>
<td class="bb-content bb-attach" width="100%">
<div class="attachtitle">{L_ATTACHMENT}:</div>
<div class="attachcontent">
<!-- END inline_attachment_open -->

<!-- BEGIN inline_attachment_close -->
</div>
</td>
<td class="bb-right"><img src="images/spacer.gif" width="3" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td width="4" height="4" class="bb-left-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="100%" class="bb-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="4" height="4" class="bb-right-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
</tr>
</table></div>
<!-- END inline_attachment_close -->


<!-- BEGIN b_open --><strong><!-- END b_open -->
<!-- BEGIN b_close --></strong><!-- END b_close -->

<!-- BEGIN u_open --><span style="text-decoration: underline"><!-- END u_open -->
<!-- BEGIN u_close --></span><!-- END u_close -->

<!-- BEGIN i_open --><em><!-- END i_open -->
<!-- BEGIN i_close --></em><!-- END i_close -->

<!-- BEGIN color --><span style="color: {COLOR}">{TEXT}</span><!-- END color -->

<!-- BEGIN size --><span style="font-size: {SIZE}%; line-height: normal">{TEXT}</span><!-- END size -->

<!-- BEGIN img --><img src="{URL}" alt="{L_IMAGE}" class="resize_me" /><!-- END img -->

<!-- BEGIN url --><a href="{URL}" class="postlink">{DESCRIPTION}</a><!-- END url -->

<!-- BEGIN email --><a href="mailto:{EMAIL}">{DESCRIPTION}</a><!-- END email -->

<!-- BEGIN flash -->
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://active.macromedia.com/flash2/cab ... on=5,0,0,0" width="{WIDTH}" height="{HEIGHT}">
<param name="movie" value="{URL}" />
<param name="play" value="false" />
<param name="loop" value="false" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<embed src="{URL}" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/dow ... kwaveFlash" width="{WIDTH}" height="{HEIGHT}" play="false" loop="false" quality="high" allowscriptaccess="never" allownetworking="internal"></embed>
</object>
<!-- END flash -->

y esto lo que puse para conseguir el efecto redondeado y las rayitas

SPOILER_SHOW

.bb-quote {
padding: 10px;
background-color:#0f0f0f;
border: 1px dashed #676665 ;
-webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;
}

Me podrias poner que lineas tengo que sustituir exactamente y que tengo que poner exactamente? muchas gracias

[Makoto]

buscar

Código: Seleccionar todo

<!-- BEGIN code_open -->
<div class="bb-wrapper"><table border="0" cellspacing="0" cellpadding="0" class="bb-table" width="100%">
<tr>
<td width="4" height="4" class="bb-left-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="100%" class="bb-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="4" height="4" class="bb-right-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td class="bb-left"><img src="images/spacer.gif" width="3" height="4" border="0" alt="" /></td>
<td class="bb-content bb-code" width="100%">
<div class="codetitle"><b>{L_CODE}:</b></div>
<div class="codecontent">
<!-- END code_open -->

<!-- BEGIN code_close -->
</div>
</td>
<td class="bb-right"><img src="images/spacer.gif" width="3" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td width="4" height="4" class="bb-left-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="100%" class="bb-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="4" height="4" class="bb-right-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
</tr>
</table></div>
<!-- END code_close -->

reemplazar

Código: Seleccionar todo

<!-- BEGIN code_open -->
<div class="bb-wrapper"><table border="0" cellspacing="0" cellpadding="0" class="bb-table">
<tr>
<td width="4" height="4" class="bb-left-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="100%" class="bb-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="4" height="4" class="bb-right-top"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td class="bb-left"><img src="images/spacer.gif" width="3" height="4" border="0" alt="" /></td>
<td class="bb-content bb-quote" width="100%">
<div class="quotetitle">{L_CODE}:</div>
<div class="quotecontent">
<!-- END code_open -->

<!-- BEGIN code_close -->
</div>
</td>
<td class="bb-right"><img src="images/spacer.gif" width="3" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td width="4" height="4" class="bb-left-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="100%" class="bb-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
<td width="4" height="4" class="bb-right-bot"><img src="images/spacer.gif" width="4" height="4" border="0" alt="" /></td>
</tr>
</table></div>
<!-- END code_close -->

limpiar cache
obvio que ya debe estar colocado el .css

[Cruciattus]

Listo Makoto! muchisimas gracias!!