Advanced Search

Bubble comments

/ Published in: CSS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. div.bubble {
  2. 	width: 400px;
  3. 	font-size: 1.2em;
  4. 	margin-bottom: 24px;
  5.     margin-top: 20px;
  6. }
  7.  
  8. div.bubble blockquote {
  9. 	margin: 0px;
  10. 	padding: 0px;
  11. 	border: 1px solid #c9c2c1;
  12. 	background-color: #fff;
  13. }
  14.  
  15. div.bubble blockquote p {
  16. 	margin: 10px;
  17. 	padding: 0px;
  18. }
  19.  
  20. div.bubble cite {
  21. 	position: relative;
  22. 	margin: 0px;
  23. 	padding: 10px 0px 0px 15px;
  24. 	top: 6px;
  25. 	background: transparent url(images/tip.gif) no-repeat 20px 0;
  26. 	font-style: italic;
  27.     font-size: 0.75em;
  28. }
  29.  

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.