Universal Most-Used Starter Styles


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

* A set of starter styles that can be added to any library
* The most-used styles I add to all of my sites


Copy this code and paste it in your HTML
  1. /* Starter Styles */
  2. .right {
  3. float: right;
  4. }
  5. .left {
  6. float: left;
  7. }
  8. .center {
  9. text-align: center;
  10. }
  11. .relative {
  12. position: relative;
  13. }
  14. .absolute {
  15. position: absolute;
  16. top: 0;
  17. left: 0;
  18. }
  19. .absolute.right {
  20. float: none;
  21. right: 0;
  22. left: auto;
  23. }
  24. .underline {
  25. text-decoration: underline;
  26. }
  27. .uppercase {
  28. text-transform: uppercase;
  29. }
  30. .overflow {
  31. overflow: auto;
  32. }
  33. .clear {
  34. clear: both;
  35. }
  36. .hide {
  37. display: none;
  38. }
  39. ul.plain, ol.plain {
  40. margin: 0 0 10px 0;
  41. }
  42. ul.plain li, ol.plain li {
  43. list-style: none;
  44. }
  45. ul.after, ol.after {
  46. margin-left: 0;
  47. }
  48. ul.after li:after, ol.after li:after {
  49. content: "|";
  50. padding-left: 10px;
  51. }
  52. ul.after li:last-child:after, ol.after li:last-child:after {
  53. content: "";
  54. padding-left: 0;
  55. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.