HTML + CSS Code Preview:
Estrella Design is a web design site that makes a graphic for fansites and social networks. All content and images belong to their owner. Any material seen on this website and is used, to the best of our knowledge, under the "Fair Use" copyright laws. If anything here belongs to you, and you want something to be removed, please contact us before taking any legal actions. All copyright goes to their respective ownersunless it is stated. Thank you very much for visiting.
Quote Author
Source of the quote or occupation of the author
|
|
HTML Code:
<blockquote><strong>Estrella Design</strong> is a web design site that makes a graphic for fansites and social networks. All content and images belong to their owner. Any material seen on this <em>website</em> and is used, to the best of our knowledge, under the "<a href="#" target="_blank">Fair Use</a>" copyright laws. If anything here belongs to you, and you want something to be removed, please contact us before taking any legal actions. All copyright goes to their respective ownersunless it is stated. Thank you very much for visiting.
<br><br>
<div class="quote_someone_author_block_1">
<table width="100%">
<tbody><tr>
<td width="auto">
<span class="quote_someone_author1_1">Quote Author</span>
<span class="quote_someone_author2_1">Source of the quote or occupation of the author</span>
</td>
<td width="60">
<span class="quote_someone_image_1"></span>
</td>
</tr>
</tbody></table>
</div></blockquote>
CSS Code:
blockquote {display:block;font-size: 13px;position: relative;border-left: 10px solid hotpink !important;border-top: 1px solid hotpink !important;border-right: 1px solid hotpink !important;border-bottom: 1px solid hotpink !important;padding: 20px 20px 20px 55px !important;margin:1em 5em !important;line-height: 1.5;color: inherit !important;}
blockquote strong, blockquote b {color: inherit !important;font-weight:bold !important;}
blockquote u, blockquote i, blockquote em {color: hotpink !important;}
blockquote a {color:hotpink !important;font-weight:bold !important;}
blockquote:before {content:"\201C";color:hotpink !important;position: absolute;top: 3%;left: 1%;display:block;text-align:left;font-family: Arial;font-size: 9em;line-height: 1;}
.quote_someone_author_block_1 {display:block;text-align: right;}
.quote_someone_author1_1 {display:block;text-align: right;font-size: 10px;font-weight: bold;}
.quote_someone_author2_1 {display:block;text-align: right;font-size: 9px;}
.quote_someone_image_1 {display:inline-block;background: hotpink !important;width: 50px;height: 50px;border-radius: 50%;}
.quote_someone_image_1 img {width:inherit;height:inherit;margin: 0;padding: 0;border: none;border-radius: 50%;}
@media screen and (max-width:1024px) {blockquote {margin:1em 0em;}}