blockquote with theme Bootstrap

Tof

Vanilla 2.2
Theme Bootstrap
Serveur de Test : http://88.181.151.128:8080/

Hi again all

For once, I worked alone to find the solution to my messages that have a citation.

For all messages imported from phpbb, my css is functional.
Here's an example below:

My problem is the follow: If I click on "citer" (quote in english) my css there is no longer functional

Here's an example below:

You can see in this adress : http://88.181.151.128:8080/discussion/7968/teclast-x98-plus-windows-10#latest

This is the code I put in css editor

/* Modification style citation */
blockquote{
  display:block;
  background: #485563;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;

  /*Font*/
  font-family: Georgia, serif;
  font-size: 13px;
  line-height: 1.2;
  color: #CAC3C3;
  text-align: justify;

  /*Borders - (Optional) */
  border-left: 6px solid #c76c0c;
  border-right: 2px solid #c76c0c; 

  /*Box Shadow - (Optional) 
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc; */
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/

  /*Font*/
  font-family: Georgia, serif;
  font-size: 45px;
  font-weight: bold;
  color: #999;

  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}

A big thank you for your help

vrijvlinder

The issue as far as I can see is that the citer that lost the style is because it has a class="Quote" so in order to affect that one you need to use blockquote.Quote not just blockquote if you want it to keep the style you wrote for the existing blockquote you transfered from the other forum.

Tof

@vrijvlinder a dit :
The issue as far as I can see is that the citer that lost the style is because it has a class="Quote" so in order to affect that one you need to use blockquote.Quote not just blockquote if you want it to keep the style you wrote for the existing blockquote you transfered from the other forum.

I put the code here to bring the solution to others

/* Modification style citation */
blockquote,blockquote.Quote{
  display:block;
  background-color:rgba(43, 62, 80, 0.26);
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;

  /*Font*/
  font-family: Georgia, serif;
  font-size: 13px;
  line-height: 1.2;
  color: #CAC3C3;
  text-align: justify;

  /*Borders - (Optional) */
  border-left: 6px solid #c76c0c;
  border-right: 2px solid #c76c0c; 

  /*Box Shadow - (Optional) 
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc; */
}

blockquote::before,blockquote.Quote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/

  /*Font*/
  font-family: Georgia, serif;
  font-size: 45px;
  font-weight: bold;
  color: #999;

  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after,blockquote.Quote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a,blockquote.Quote a{
  text-decoration: none;
  background: transparent;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover,blockquote.Quote a:hover{
 color: #666;
}

blockquote em,blockquote.Quote em{
  font-style: italic;
}
/*for links to repondrer*/
.DataList .Item .Meta a {
    color: #FFA500;
}
.DataList .Item .Meta a:hover {
    color: #fff;
    text-decoration:none;
}

.InformMessage .Actions a{
   color: #FFA500;
    font-size: 14px;
    display: inline;
    float: none;
    padding: 4px;
    line-height: 2.3;
}
.InformMessage .Actions a:hover{
    color:#FFF;
    font-size:14px;
    text-decoration:none;
}
.InformMessage {
    border: 1px solid #ffa500;
    min-width: 350px!important;
    text-align: center;
    background:#2b3e50;

}