Interferenza tra quote-block e widget del calendario

[BenDan]

Salve a tutti,
Mi rivolgo a voi in seguito ad un problema verificatosi all'interno del forum che co-gestisco.
Ho modificato il CSS del forum per personalizzare il quote-block; il risultato è stato buono, ma un'utente mi ha fatto notare che nel widget del calendario presente del portale la data corrente viene visualizzata come se fosse in un box di citazione: ossia, il riquadro del numero compare con tanto di colore, bordi arrotondati, etc., proprio del box delle citazioni che ho personalizzato col CSS.

Il problema è quello mostrato dalle immagini qui sotto in spoiler:

Problema:

Il codice è questo, se può essere d'aiuto:

Codice:

.quote {
  margin: 1em 1px 1em 25px;
          padding: 5px;
          background: #fafafa url("http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif") 6px 8px no-repeat;
          border: 1px solid #030A08;
          font-size: 0.95em;
          margin: 1em 1px 1em 25px;
          overflow: hidden;
          padding-left: 25px;
background-color: #BFEF00;
background-image: "http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif";
  background-opacity: 0.7;
-moz-border-radius: 5px;
-webkit-border-radius: 10px;
border-radius: 10px;
}


Sapreste dirmi che problema potrebbe esserci per favore?

Spoiler:

[Diego]

Uh.. che problema curioso ed ambiguo allo stesso tempo.. me gusta.. XD

Codice:

div.quote {
  margin: 1em 1px 1em 25px;
          padding: 5px;
          background: #fafafa url("http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif") 6px 8px no-repeat;
          border: 1px solid #030A08;
          font-size: 0.95em;
          margin: 1em 1px 1em 25px;
          overflow: hidden;
          padding-left: 25px;
background-color: #BFEF00;
background-image: "http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif";
  background-opacity: 0.7;
border-radius: 10px;
}

dovrebbe andare adesso..

[BenDan]

Grazie, Diego, ma non mi si è risolto il problema.
In pratica è scomparso il colore del quoteblock dal widget del calendario, ma il quoteblock è tornato come se fosse sottoposto solamente al CSS di base.

[Diego]

Grazie, Diego, ma non mi si è risolto il problema.
In pratica è scomparso il colore del quoteblock dal widget del calendario, ma il quoteblock è tornato come se fosse sottoposto solamente al CSS di base.

Scusami, mi ero confuso con la versione di invision..
in effetti il quote e il coso del calendario hanno lo stesso CLASS ( vorrei tanto sapere chi è quella mente malata che ha ideato ciò ), quindi se la "differenza" fra i due elementi non c'è la facciamo.. non ci stanno problemi..

Ci sono due metodi per risolvere:

---

Il primo è il seguente ( se funziona usa questo ):
Codice css:-

Codice:

.postbody .quote{
margin: 1em 1px 1em 25px;
          padding: 5px;
          background: #fafafa url("http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif") 6px 8px no-repeat;
          border: 1px solid #030A08;
          font-size: 0.95em;
          margin: 1em 1px 1em 25px;
          overflow: hidden;
          padding-left: 25px;
background-color: #BFEF00;
background-image: "http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif";
  background-opacity: 0.7;
border-radius: 10px;
} 

---

Secondo metodo ( questo è più brutale del precente, di sicuro funziona, ma se puoi fanne a meno ):

Codice css:-

Codice:

#quote_diego{
margin: 1em 1px 1em 25px;
          padding: 5px;
          background: #fafafa url("http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif") 6px 8px no-repeat;
          border: 1px solid #030A08;
          font-size: 0.95em;
          margin: 1em 1px 1em 25px;
          overflow: hidden;
          padding-left: 25px;
background-color: #BFEF00;
background-image: "http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif";
  background-opacity: 0.7;
border-radius: 10px;
} 

poi crea un nuovo file javascript visibile in tutte le pagine ( moduli->gestione javascript se non erro ) e metti questo codice:

Codice:

$(function(){
  $('.postbody').find('.quote').attr('id','quote_diego');
  $('#quote_diego').removeClass('quote');
});

oppure:

Codice:

$(function(){
  $('.postbody').find('.quote').parents('table').attr('id','quote_diego');
  $('#quote_diego').find('.quote').attr('class','');
});

il primo javascript mantiene il quote "così come è", mentre il secondo fa si che il css venga applicato all'intero quote e non solo al testo citato come è attualmente, ma non li usare entrambi contemporaneamente altrimenti ti si incasina il sito, di conseguenza, provali entrambi e tieni quello che più ti aggrada..

[BenDan]

Ironia del caso: il secondo non funziona.
Ma il primo funziona alla grande; grazie mille, Diego!

Problema risolto!

[Diego]

Ironia del caso: il secondo non funziona.
Ma il primo funziona alla grande; grazie mille, Diego!

Problema risolto!

Strano.. te lo avevo anche collaudato nel sito ( c'era un'errorino nel css che poco dopo ho corretto editando il post )..

va bon.. l'importante che tu abbia risolto..