Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Jul 10th, 2012  |  syntax: None  |  size: 2.80 KB  |  hits: 9  |  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. /* RESET STYLES - EricMeyer */
  2. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
  3.  
  4. body { line-height: 1; }
  5. ol, ul { list-style: none; }
  6.  
  7. table { border-collapse: collapse; border-spacing: 0; }
  8.  
  9. /* COMUNES */
  10. .cleaner { clear: both; }
  11. .wrapper { width: 990px; margin: 0 auto; position: relative; }
  12. .dimmer {       background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; height:500px;position:absolute;top:0;width:100%; }
  13. .noborder { border: none !important; }
  14. .noborderL { border-left: none !important; }
  15. .noborderR { border-right: none !important; }
  16. .noborderT { border-top: none !important; }
  17. .noborderB { border-bottom: none !important; }
  18. .nomargin { margin: 0 !important; }
  19. .nomarginL { margin-left: 0 !important; }
  20. .nomarginR { margin-right: 0 !important; }
  21. .nomarginT { margin-top: 0 !important; }
  22. .nomarginB { margin-bottom: 0 !important; }
  23. .nopadding { padding: 0 !important; }
  24. .nopaddingL { padding-left: 0 !important; }
  25. .nopaddingR { padding-right: 0 !important; }
  26. .nopaddingT { padding-top: 0 !important; }
  27. .nopaddingB { padding-bottom: 0 !important; }
  28. .floaterL { float: left; }
  29. .floaterR { float: right; }
  30. .centered { text-align: center; }
  31. .aright { text-align: right; }
  32. .aleft { text-align: left; }
  33.  
  34. /* STYLE.SCSS */
  35. /* variables */
  36. $main-color: #B7B7B7;
  37. $helvetica: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  38. $georgia: 'Georgia', serif;
  39.  
  40. /* mixin */
  41. @mixin titles {
  42.         font-family: $helvetica; font-size: 18px; font-weight: 200; letter-spacing: -1px; text-transform: uppercase;
  43. }
  44.  
  45. /* BODY */
  46. body { color: $main-color; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-size: 11px; width: 700px; }
  47.  
  48. /* SIDECOL */
  49. div#sidecol {
  50.         width: 150px; float: left; margin-left: 20px;
  51.         h1 { @include titles; padding: 20px 0 0 0; }
  52.         p.about { margin: 10px 0; border-top: 1px solid $main-color; border-bottom: 1px solid $main-color; padding: 5px 5px; font-family: $georgia; font-size: 11px; font-style: italic; line-height: 14px; }
  53.         h2 { font-family: $helvetica; font-size: 14px; font-weight: 200; letter-spacing: -1px; text-transform: uppercase; margin: 300px 0 10px 0; }
  54.         p.email { font-family: $georgia; font-size: 11px; font-style: italic; line-height: 14px; background: url('images/icon-mail.gif') no-repeat 0 50%; padding: 0 0 0 20px; }
  55. }
  56.  
  57. /* MAINCOL */
  58. div#maincol { width: 600px; float: right; text-align: left;
  59.         h3 { @include titles; }
  60. }
create a new version of this paste RAW Paste Data