-
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>