[PHPBB3] Problema con bordes de quote y spoiler

Ver el tema anterior Ver el tema siguiente Ir abajo

[PHPBB3] Problema con bordes de quote y spoiler

Mensaje por Chinpo el Jue 9 Oct - 15:27

A ver, creo que se puede ver con una simple captura de pantalla.



Creo que es evidente (?) lo que quiero es que el borde negro quede por dentro y por fuera el de color, así como, si puede ser, el borde de abajo se abra junto al spoiler. Y echar un poco a la derecha el texto para que el borde no se lo coma.

Lo que tengo en el CSS es esto (y Bret, esta vez sí puedo darte el link del foro; el otro era privado y el resto de admins no estaban de acuerdo)

Código:
/*********************codigo, spoiler, cote******************/



dl.codebox dt {
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 5px #000000;
background: #0b0b0b !important;
border-top: 10px groove #5e1042;
color: #a5a5a5;
border: 1px #000000;
font-size:10px;
text-transform:uppercase;
font-family:Calibri,Helvetica,sans-serif;
}

dl.codebox code {
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 5px #000000;
background: #272727 !important;
border-bottom : 10px groove #591f1f;
border-left : 10px #591f1f;
color: #a5a5a5;
border: 1px #202a21;
font-family:Calibri,Helvetica,sans-serif;
font-size:11px;
}


blockquote {
border-radius: 20px 20px 0px 0px;
box-shadow: 0 1px 5px #000000;
background: #272727 !important;
border-bottom : 10px groove #310d24;
border-top: 12px groove #350e0e;
color: #a5a5a5;}

.content blockquote {
border-radius: 30px 30px 0px 0px;
box-shadow: 0 1px 5px #000000;
background: #272727 !important;
border-bottom : 10px groove #591f1f;
border-top: 12px groove #5e1042;
color: #a5a5a5;
border: 1px #202a21;
font-size:11px;
}

dl.codebox.spoiler {
box-shadow: 0 5px 0 #591f1f;
background: #1A1A1A !important;
border-top: 12px groove #5e1042;
border-bottom : 10px groove #591f1f
color: #a5a5a5;
border: 1px #202a21;
font-size:11px;
}
    
    
dl.codebox dt {
border-radius: 10px 10px 10px 0px;
box-shadow: 0 1px 5px #000000;
background: #0b0b0b !important;
border-top: 10px groove #5e1042;
  border-left: 10px groove #5e1042;
  border-right: 10px groove #5e1042;
color: #a5a5a5;
border: 1px #000000;
font-size:10px;
text-transform:uppercase;
font-family:Calibri,Helvetica,sans-serif;
}

dl.codebox code {
border-radius: 10px 0px 10px 10px;
box-shadow: 0 1px 5px #000000;
background: #272727 !important;
border-bottom : 10px groove #591f1f;
border-left : 10px groove #591f1f;
border-right : 10px groove #591f1f;
color: #a5a5a5;
border: 1px #202a21;
font-family:Calibri,Helvetica,sans-serif;
font-size:11px;
}

dl.codebox {
border: 1px solid #1A1A1A !important;
background-color: #1A1A1A; 
font-size: 1em;
padding: 3px;}
avatar
Chinpo

Mensajes : 40
Fecha de inscripción : 25/08/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: [PHPBB3] Problema con bordes de quote y spoiler

Mensaje por Tubilok el Vie 10 Oct - 19:45

No sé si te he entendido bien pero aquí te dejo un código que unifica bastante bien el estilo:

Código:
blockquote, dl.codebox {
  background: transparent;
  border: 0;
  padding: 0;
}
blockquote cite, dl.codebox dt {
  background: #0b0b0b;
  border-color: #5e1042;
  border-radius: 10px 10px 0 0;
  border-style: solid;
  border-width: 5px 5px 0;
  color: #a5a5a5;
  margin: 0;
  padding: 3px;
}
.spoiler_content, blockquote div, dl.codebox code {
  background: #272727;
  border-color: #591f1f;
  border-radius: 0 0 10px 10px;
  border-style: solid;
  border-width: 0 5px 5px;
  color: #a5a5a5;
  margin: 0;
  padding: 3px;
}
blockquote div {
  border-radius: 10px;
  padding: 0 5px 5px;
}
blockquote cite {
  margin: 0 -10px;
  padding: 5px;
}

Firma

Tubilok
Programador y maquetador - Soporte
Equipo de Foro Nube
avatar
Tubilok
Soporte

Mensajes : 65
Fecha de inscripción : 31/08/2014

Ver perfil de usuario http://dropart.foroactivo.com/

Volver arriba Ir abajo

Re: [PHPBB3] Problema con bordes de quote y spoiler

Mensaje por Chinpo el Vie 10 Oct - 19:56

Me encanta ^^ creo que es mucho menos lioso que el que yo tenía, así que me lo quedo.

Ya se puede cerrar.
avatar
Chinpo

Mensajes : 40
Fecha de inscripción : 25/08/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: [PHPBB3] Problema con bordes de quote y spoiler

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.