Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Test Site CSS

By: brettshumaker on Mar 4th, 2013  |  syntax: CSS  |  size: 1.57 KB  |  views: 223  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /*  div wrapped around entire staff list  */
  2. div.staff-member-listing {
  3.  
  4. }
  5.  
  6. div[rel=show-staff] {
  7.         cursor: pointer;
  8. }
  9.  
  10. /*  div wrapped around each staff member  */
  11. div.staff-member {
  12.         padding-bottom: 2em;
  13.         border-bottom: thin dotted #aaa;
  14. position:relative;
  15. display: inline-block !important;
  16. padding: 0 1em;
  17. border:none;
  18. }
  19.  
  20. /*  "Even" staff member  */
  21. div.staff-member.even {
  22.  
  23. }
  24.  
  25. /*  "Odd" staff member  */
  26. div.staff-member.odd {
  27.         margin-top: 2em;
  28. }
  29.  
  30. /*  Last staff member  */
  31. div.staff-member.last {
  32.         padding-bottom: 0;
  33.         border: none;
  34. }
  35.  
  36. /*  Wrap around staff info  */
  37.  
  38. .staff-member-info-wrap {
  39.         display:none;
  40.         background: #eee;
  41.         position: absolute;
  42.         border-radius: 11px;
  43.         border: thin solid #ccc;
  44.         padding: 1em;
  45.         font-size: .75em;
  46.         width: 180%;
  47.         top: -2%;
  48.         left: 104%;
  49.         box-shadow: 0px 0px 24px rgba(0, 0, 0, .2);
  50.         z-index: 1000;
  51. }
  52.  
  53. /*  [staff-bio-formatted]  */
  54. div.staff-member-bio {
  55.  
  56. }
  57.  
  58. /*  p tags within [staff-bio-formatted]  */
  59. div.staff-member-bio p {
  60.  
  61. }
  62.  
  63. /*  [staff-photo]  */
  64. img.staff-member-photo {
  65.         float: left;
  66. }
  67.  
  68. /*  [staff-email-link]  */
  69. .staff-member-email {
  70.  
  71. }
  72.  
  73. /*  [staff-name-formatted]  */
  74. div.staff-member-listing h3.staff-member-name {
  75.         margin: 0;
  76. }
  77.  
  78. /*  [staff-position-formatted]  */
  79. div.staff-member-listing h4.staff-member-position {
  80.         margin: 0;
  81.         font-style: italic;
  82. }
  83.  
  84. /* Clearfix for div.staff-member */
  85. div.staff-member:after {
  86.         content: "";
  87.         display: block;
  88.         clear: both;
  89. }
  90.  
  91. /* Clearfix for <= IE7 */
  92. * html div.staff-member { height: 1%; }
  93. div.staff-member { display: block; }