•  

    Este código puede influir a otros

    HTML

    <blockquote class="tr_bq"><span style="background-color: white; color: #333333; font-family: Edwardian Script ITC; font-size: 21px; line-height: 16.890625px; text-align: left;">Texto,</span><span style="background-color: white; font-family: Edwardian Script ITC; font-size: 21px; line-height: 16.890625px; text-align: left;"><span style="color: #3d85c6;">cóodigo,</span></span><span style="background-color: white; color: #333333; font-family: Edwardian Script ITC; font-size: 21px; line-height: 16.890625px; text-align: left;">...</span</blockquote>


    CSS

    <style type="text/css"><!--
    /* Mobile
    ----------------------------------------------- */
    html body.mobile {
    height: auto;
    }
    html body.mobile {
    min-height: 280px;
    background-size: 40% auto;
    }
    .mobile .body-fauxcolumn-outer {
    background: transparent none repeat scroll top left;
    }
    html .mobile .mobile-date-outer, html .mobile .blog-pager {
    border-bottom: none;
    background: transparent url(//www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left;
    margin-bottom: 10px;
    }
    .mobile .date-outer {
    background: transparent url(//www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left;
    }
    .mobile .header-outer, .mobile .main-outer,
    .mobile .post-outer, .mobile .footer-outer {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -goog-ms-border-radius: 0;
    border-radius: 0;
    }
    .mobile .content-outer,
    .mobile .main-outer,
    .mobile .post-outer {
    background: inherit;
    border: none;
    }
    .mobile .content-outer {
    font-size: 100%;
    }
    .mobile-link-button {
    background-color: #fff;
    }
    .mobile-link-button a:link, .mobile-link-button a:visited {
    color: #ffffff;
    }
    .mobile-index-contents {
    color: #d6daed;
    }
    .mobile .tabs-inner .PageList .widget-content {
    background: transparent url(//www.blogblog.com/1kt/transparent/white80.png) repeat scroll bottom;
    color: #d5bcc3;
    }
    .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
    border-left: 1px solid transparent;
    }
    h2:first-letter {font-size: 180%;color: #2f3a48;}.sidebar .widget {
    margin: 4px 2px 30px;
    background:#f;
    padding: 6px 6px;
    background:#FFFFFF;
    border-bottom: 1px solid #000;
    border-radius:7px;
    box-shadow: 0 0 5px #ccc;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    }::-webkit-scrollbar {
    height: 12px;
    width: 8px;
    background: #dde2ec;}
    ::-webkit-scrollbar-thumb {
    background: #9ba2a7;-Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius: 5px; border-radius: 5px;;}}blockquote {
    border: 2px solid #d5bcc3; /* Tamaño, Tipo & Color Del Borde */
    color: #000; /* Color Del Texto */
    font-family: short stack;
    font-size: 21px; /* Tamaño Del Texto */
    padding: 10px;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    }
    @-webkit-keyframes shake {
    0% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
    25% {transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg);}
    50% {transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg);}
    75% {transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg);}
    100% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
    }
    img {-webkit-transition: .9s; border-radius: 5px;}
    img:hover {-webkit-animation: shake .9s alternate ease;}blockquote {
    background:#FFF; /* Color De Fondo */
    color:#7791b4; /* Color De Texto */
    border-radius:7px;
    border:1px dotted #ccc; /* Tamaño, Tipo & Color Del Borde */
    border-right:11px solid #c2c5d3; /* Color Del Borde Ubicado A La Derecha */
    padding:4px;
    -webkit-transition: 2s;
    }
    blockquote:hover {
    background:#FFF; /* Color De Fondo Hover */
    color: #879bbc; /* Color Del Texto Hover */
    border:4px solid #d5bcc3; /* Tamaño, Tipo & Color Del Borde Hover */
    border-right:1px solid #879bbc; /* Color Del Borde Izquierdo Hover */
    border-left:15px solid #879bbc; /* Color Del Borde Izquierdo Hover */
    -webkit-transition: 2s;
    }
    --></style>